鉄道遅延情報のJSONをテーブル(表)で表示してみた
JSONについて調べていると、鉄道comのRSSを集計して、遅延ちえんしている電車を返すJSONを提供しているサイトを発見しました。 JSONの発信元 上記、鉄 ...
気象庁のJSONファイルを利用して天気予報を表示してみる
気象庁のJSONデータを取得し、日本地図の都道府県名をクリックすると天気予報を表示します。日本地図はJmap jQuery pluginと言うプラグインを使用し ...
Jmap jQuery plugin で日本地図を表示してみた
Jmap jQuery pluginは、情報配信に適したシンプルな形状の日本地図を表示することができます。 結果 こんにゃく芋の生産量 ※) 都道府県にマウスオ ...
チャートライブラリ amCharts を使ってみた
最近、amChartsと言うチャートライブラリを知りましたので試してみました。公式ページを確認してもグラフの種類やデザインがとても豊富です。 JavaScrip ...
Highcharts の 3D charts で描画してみた
「6歳未満の子どもをもつ夫婦の育児・家事関連時間 国際比較」の資料を基に Highcharts の 3D charts で描画して記事を書いてみました。以下がそ ...
Highchartsで人口ピラミッドグラフの【Ver.積み上げ横棒グラフ】をつくってみた
人口ピラミッドグラフとは、アイキャッチ画像のようなグラフを指します。まぁ、よくあるグラフですよね。 ちなみに、アイキャッチ画像のグラフは、わたしの住む群馬県の人 ...
Lottie Animation を表示 (class属性から要素を取得)
Bodymovin and Lottieを使用して、ブログでAfter Effectsアニメーションを実装する方法をいくつか記事にしましたが、(下記リスト参照) ...
Icons8 Animated Icons with Lottie
Icons8 の Free Animated Icons のJSON ファイルを Lottie で表示してみたいと思います。 get the bodymovin ...
Lottie Animation を表示 (Bodymovin編)
以前、「Lottie playerを使ってアニメーションを表示」という記事をご紹介いたしましたが、今日はbodymovin というライブラリでLottie An ...
Lottie interactivity library with Lottie animations
「Lottie playerを使ってアニメーションを表示」と言う記事をご紹介いたしましたが、今日はinteractivity libraryを使用して、アニメー ...
Lottie playerを使ってアニメーションを表示
Lottieとは、Airbnbが開発したアニメーションライブラリです。Lottieは JSONベースのアニメーション ファイル形式で、Webサイト上で高クオリテ ...
DataTables で Ajax data の取得と Child rows の追加
DataTables 本体に表示する データを取得します。 Ajax sourceからテーブルの コンテンツデータをロードします。 Ajax (エイジャックス) ...
Optimal settings for DataTables
DataTables には まだまだ数多くの Reference やExtensions があり、 試したり ご紹介したいのですが、 今日は 実際にはどんな感じ ...
DataTables + Font Awesome 5
DataTables は、 多数のアイコンを使用しませんが、 情報をエンドユーザーに伝えるために いくつかのアイコンを使用します。 今日は、 このいくつかのアイ ...
DataTables の Scroll Resize plug-inを使ってみた
ご紹介するDataTables のプラグイン、Scroll Resize plug-in は、 2015年に導入したPage Resize plug-inの後継 ...
Captions and DataTables
DataTables は caption要素を完全にサポートしており、 必要に応じてテーブルにコンテキストを 追加するために使用する事ができます。 <ca ...
DataTables の Custom toolbar elements と Buttons extension
DataTablesはテーブルの周りにDOM要素を挿入してDataTables機能を制御します。このメカニズムを利用して独自のカスタム要素を挿入することもできま ...
Chart Library CanvasJS と Highcharts を使った感想
Web pageでグラフを描写するための JavaScriptライブラリでおすすめな CanvasJS と Highcharts の二つ。 双方とも商用利用の場 ...
DataTables で Responsive を有効にする際の注意事項
先日、 「DataTables.js の Options 設定」 という記事にて DataTables の Responsive 拡張機能を有効にする 方法をご ...
DataTables.js の Options 設定
DataTables はHTML のテーブルに、ページ切り替え、ページ当たりの件数設定、ソート、キーワード検索などの機能を簡単に追加できるライブラリです。 Da ...