Overview Ionic focuses on the frontend UX and UI interaction of an app — UI controls, interactions, gestures, animations. It's easy to learn, and integrates with other libraries or frameworks, such as Angular, React, or Vue. Alternatively, it can be used standalone without any frontend framework using a simple script include. If you’d like to learn more about Ionic before diving in, we created a
実践、jQuery 第1回 .on()と.off()を使いこなす 1 jQuery 1.7から実装された.on()と.off()メソッドを取り上げます。jQueryオブジェクトに対してイベントの定義を行う機能をきちんと理解して、イベントを自在にコントロールできるようになりましょう。 はじめに この『実践、jQuery』シリーズは、jQueryを使った実装がある程度できるようになったエンジニアが、さらにjQueryへの理解を深めていくためのシリーズです。 今回は、jQuery 1.7*から実装された.on()と.off()という2つのメソッドを取り上げます。これらのメソッドが担う、jQueryオブジェクトに対してイベントの定義を行うための機能をきちんと理解することで、イベントを自在にコントロールできるようになることを目的としています。 *注：jQuery 1.7 jQuery 1.7は201
<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
アイテムベースのスクロールとナビゲーションを実装できる Slyの使い方 Sly http://darsa.in/sly/ HTMLの構造はこうなっている FRAME、SLIDEE、CONTENT ITEMSの関係を理解する 横スクロールのサンプルページ http://darsa.in/sly/examples/horizontal.html このサンプルページのソースを見てみる。 読み込まれているファイルの中で自分で試してみるのに必要なのは、 jquery.js plugins.js sly.min.js horizontal.js horizontal.css 上３つはSLYを使うための基本的なファイル、 このサンプルでは、オプションの設定を horizontal.js、見た目の設定を horizontal.css で行っている この中からフレームに１つのアイテムが表示されるサンプル’O
async属性で簡単！非同期でjsを読み込みレンダリングを速くしよう 2015.02.13 2023.04.05 おすすめ async属性を使ってJavaScriptをバックグラウンドで読み込む 今回はHTML5からサポートされた簡単に非同期でjsを読み込むことができるようになるについて触れたいと思います。 async属性を利用することで簡単にスクリプトを非同期で読み込むことが出来ます。 非同期でjsを読み込むとスクリプトをバックグラウンドでダウンロードできるので、ページのレンダリングを速くすることが出来ます。 参考:“async scripts”は不要か？ | POSTD １，async属性とは ２，簡単にかけるasync属性 ３，読み込みの違い ４，async属性のポイント ５，注意点 ６，推奨される環境 １，async属性とは async属性が付与されていると、利用開始とともに、スク
WideArea? WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster. How to use? Really simple. Just include both JavaScript and CSS file and then add data-widearea="enable" attribute to your textarea and then call this JavaScript function in the page: wideArea(); License Free and open-source (including commercial use). P
Webinar: Deep dive discussion of our newest feature: Image Optimizer. Register Now!
どんなソフト？ ExcelのシートをHtml+Css+Javascriptに変換するフリーソフトです。 数式も変換できるので、Excelで作ったツールをWebで公開する時などにご利用下さい。 サンプル1 サンプル2 DQ10『魔法使い火力シミュレータ』はフィオルさんが作成したExcelシートをExce2Jsで変換することで作成されています。 ダウンロード Excel2Js（本体）ダウンロード ヘルプ（マニュアル）のページはこちら 更新履歴 2016/01/03 ver.0.1.3 数式結果をコピーできるように改善 2016/01/03 ver.0.1.2 表示形式が適切に変換されないバグを修正 2016/01/03 ver.0.1.1 ROUND関数・CHAR関数の追加、テンプレ選択周りのUI改善、バグ修正 2016/01/03 ver.0.1.0 アルファ版公開 主な機能 基本機能 数式
はじめに とても常識的なプログラムを書きました。パンくずリストを生成するJavaScriptです。 ファイルごとの名前をハッシュ形式で指定し、実行時に読み込んで生成しています。 例えば、下記の定義において、www.haroperi.info/emoticonは、はろぺり研＞顔文字というリストが表示され、www.haroperi.info/emoticon/mecab.htmlを開くと、はろぺり研＞顔文字＞顔文字形態素解析と表示されます。 table = { "www.haroperi.info" : { "name": "はろぺり研", "profile.html" : { "name": "自己紹介" }, "products.html": { "name": "作品紹介" }, "emoticon" : { "name": "顔文字", "mecab.html": { "name":
以前配列にある値が存在するかどうかをfor文を使わずに調べる方法を考えてみたという記事を書きました。この記事は「やろうと思えばこういう方法でもできるなぁ」というアイデアについて書いた記事だったのですが、Javascriptで配列にある値が存在するかどうかを確認する一般的な方法を探して当該記事を訪問していただくことが多いので改めてこの方法について書いてみたいと思います。 といってもJavascriptには"Array.contain"のような「まさにそのためにある」というメソッドが用意されているわけではないのでいずれにしろ方法の紹介ということになってしまいますが。 次の3つのパターンに分けて書きたいと思います。 ECMAScript 5が使える場合 jQueryが使える場合 上記のどちらも使わない場合 1.ECMAScript 5が使える場合 ECMAScript 5では配列に"indexO
Bootstrapは、便利なWebライブラリだ。 Bootstrap · The world's most popular mobile-first and responsive front-end framework. via kwout PC/スマートフォン解像度に合わせて自動的にレイアウトを変えてくれるし、いまどきなフラットデザインな整ったボタンとかフォーム系・ナビゲーションバー・グラフィコン等々がすぐ使える。 Bootstrap3からはOff Canvasにも対応していて、描画領域が狭い時はスマートフォンアプリにありがちなメニューが横から出すことも可能になった。 そこで、Off CanvasメニューなPC/スマートフォンにも両対応させたいWebアプリでBootstrap3を使いたいと組んでいます。 Bootstrapでoffcanvasメニューを作る方法 | Designup vi
あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。 本当にあった怖い話 上司 「とにかくJavaScriptのコードを速くしてくれ」 私 「分かりました、速くします」 (次の日) 私 「いいプロファイラがないなら作ればいいじゃない」 同じチームの人 「えっ？」 私 「最高のJavaScriptプロファイラ作ったよ」 同じチームの人 「「えっえっ？？？」」 私 「早速使ってみたらこことここが遅いって分かったよ」 同じチームの人 「「「この子は一体…」」」 JavaScriptのプロファイリングの難しさ 近年、Webブラウザーの処理速度は著しく向上し、その可用性の高さから、アプリケーションのプラットフォーム
JavaScriptで日付に0を付けるときにif(num < 10)のようにして10未満の時に'0'を付けて返す日付用の関数をたまに見かけるが書き方によっては良くない結果を招くことがある。 たとえば下記のようなコードだと10未満の場合0を付けて返し、そうでなければそのまま返す。 var month03 = 3; var month12 = 12; function addZero(num){ if(num < 10){ num = '0' + num; } return num; }; console.log(addZero(month03) + ' ' + typeof(addZero(month03))); // 03 string console.log(addZero(month12) + ' ' + typeof(addZero(month12))); // 12 number
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Webは表現力がそれほど高くないのが常に問題視されています。特に業務系システムではグラフ/チャートを使ってデータを可視化する必要があります。最近ではビッグデータが話題にあがっており、大量のデータを効率的に描画しなければならなくなっています。 そこでEChartsを紹介します。ビッグデータモードまで用意された多種多様なパターンの用意されたチャートライブラリです。 EChartsの使い方 今回はその多様なグラフ、チャートを紹介します。 曲線のグラフ。 積み上げグラフ。 棒グラフ。 エリアグラフ。 曲線。かなり複雑です。 こちらもユニークです。途中で途切れています。 棒グラフですが、範囲が指定できています。 左右の比較グラフ。 複数グループの棒グラフ。 散布図。 こちらも散布図。 画像も合わせた表示。 散布図と色の組み合わせ。 ローソクチャート。 円グラフ。 より描画にこだわった円グラフ。 レー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
