「Tips」カテゴリーアーカイブ

jQuery EasyUIのdraggable/droppableを使う

投稿日: 2013/03/17 作成者: admin

jQuery EasyUIのdraggable/droppableを使って、アイテムのドラッグ＆ドロップ機能を実現する。 実行例： この例では、左の「clip spot」にあるスポット(Tokyo,Osaka… … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

jQuery EasyUIのValideteBox,NumberBoxで入力を制限する

投稿日: 2013/03/13 作成者: admin

通常のテキストボックスの代わりに、jQuery EasyUIのvalidetebox,numberboxを使って入力を制限する方法。 ValidateBox ValidateBoxは’email’ … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

gaedirectを使ってGoogle App Engineのデータストアにアクセスする(2)

投稿日: 2013/03/12 作成者: admin

gaedirectを使ってGoogle App Engineのデータストアにアクセスする際のノウハウ。 参照結果とその形式 文字列として返される。各エンティティ(行)の区切り文字は ‘<e> … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

gaedirectを使ってGoogle App Engineのデータストアにアクセスする(1)

投稿日: 2013/03/12 作成者: admin

複数の機器からのアクセスを想定すると、クラウドにデータを保存する必要がある。今回は、JavaScript/jQueryをベースにしたライブラリである「gaedirect」を使って、Google App Engine (G … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

Google MapsのジオコーディングサービスをJavaScriptから利用する

投稿日: 2013/03/08 作成者: admin

Google Mapsのジオコーディングサービスを利用して、住所やキーワードから緯度経度に変換する。JavaScriptから利用する際の手順はここを参照。使う際は、(1)単位時間あたりのリクエスト数に上限(1日あたり2, … 続きを読む →

カテゴリー: Location Service, Tips | タグ: , | コメントする

jQuery Easingで動き(アニメーション)に効果を与える

投稿日: 2013/03/05 作成者: admin

jQuery Easing Pluginは、jQueryでanimation(画像などを動かす)する際などに、「効果(エフェクト)」を与えるプラグイン。 jQueryは標準で’linear’と&# … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

jQueryRotateを使って画像を回転させる

投稿日: 2013/03/04 作成者: admin

jQueryRotateは、画像を回転させるjQueryのプラグイン。ここからダウンロードして使う。 画像を回転させる 画像をアニメーション付で回転させる アニメーションに効果を加える この例では$.easing.eas … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

jQuery EasyUIのPropertyGridを使う(3)

投稿日: 2013/03/02 作成者: admin

これまで「プロパティ名(キーワード)と値のセット」をjQuery EasyUIのPropertyGridを使って表示してきたが、このプラグインは値の入力にも使える。もともとPropertyGridは、DataGridをベ … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

jQuery EasyUIのアコーディオンを使う

投稿日: 2013/03/01 作成者: admin

jQuery EasyUIのアコーディオンを使ってみる。見た目や使い方はjQueryでよくあるアコーディオンと似ている。 基本的な使い方 class名”easyui-accordion”を使って以 … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

HTML5の動画再生機能を利用する – MediaElement.jsプラグイン

投稿日: 2013/02/28 作成者: admin

ブラウザのネイティブ機能によりHTML5動画を再生するのは簡単だが、 ・ブラウザの種類によって見た目が異なる ・別のプラグイン(jQuery EasyUI)との相性がよくない ようなので、プラグインを使ってみる。今回は、 … 続きを読む →

カテゴリー: Tips | タグ: , , | コメントする