javascriptのエントリー

Google Feed APIでRSSやATOMを読み込む方法

今回はGoogle Feed APIでRSSやATOMのフィード読み込む方法をご紹介します。javascriptから外部のフィードを参照すると、クロスドメイン制約により読み込むことができません。ですが、Google Feed APIを経由すると簡単にフィードを非同期で読み込むことができます。

jQueryでAjaxを始めよう! – Deferredを使った非同期処理の書き方

今回はjQueryのAjax関数を使用して、非同期通信を行う方法をご紹介します。Ajaxを使うことでページ遷移をせずにコンテンツを書き換えることができ、ユーザビリティの向上に繋がります。また、非同期で処理を行うので様々な処理を並列ですすめることが可能です。jQueryでは簡単にAjaxの処理を扱うことができます。

javascriptでセッション?HTML5 SessionStorageの使い方

今回はsessionStorageの使い方をご紹介します。sessionStorageはWebStorageの一種で、javascriptを介してフロント側へ一時的にデータを保持することができます。サーバで使用するセッションと似た仕組みなので作業途中のデータ保存や画面遷移時のデータ保存などに役立ちます。

クッキーはもう古い!?HTML5 LocalStorageの使い方

今回はHTML5で追加されたLocalStorageの使い方をご紹介していきます。LocalStorageとはWebStorageの一種で、javascriptを使用して任意のデータをクライアント側へ半永久的に保存しておくことができます。クッキーよりも大容量を扱うことができ、無期限に保存できるので開発の幅が広がります。

スピナーを簡単に実装できるライブラリ ーspin.js

ロード中などで描画されるクルクル画像をスピナーといいます。今回はこのスピナーをたった1ファイルで簡単に実装できる、spin.jsをご紹介します。CSSも不要なのでお勧めです!スピナーはユーザのストレスを軽減させる効果があります。Ajax処理の待ち時間などに表示させる事が効果的です。

[js]自由自在にグラフを描画できるjsライブラリ ―Chart.js

HTML5のCANVASを用いて自動でチャートやグラフを描画してくれるjavascriptライブラリ、Chart.js。値の受け渡しも簡単で、様々な種類のチャートを自在に描画することができます。オプションでチャートのスタイルを設定することができるので、おすすめです!今回はサンプルも交えてご紹介していきます。

スポンサーリンク