jQueryで地震分布図を作成しよう
地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。本稿では、jQuery対応コントロール集である「Ignite UI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。 対象読者 JavaScriptの経験者、地図アプリに興味のある方。 必要環境 IDEは特に必要がなく、コード編集用のエディタと動作確認用のブラウザがあれば良いです。 今回使用するigMapコントロールは、jQuery UIウィジェットの一つであり、jQueryライブラリとjQuery UIライブラリに依存します。そのため、対応ブラウザについてもjQuery UIに依存します。 プログラム実行時
jQueryがライセンスを変更 - GPLから手を引く
jQuery: The Write Less, Do More, JavaScript Library jQuery財団は9月10日(米国時間)、jQueryに採用してきたライセンスの変更を発表した。jQueryはWeb開発者の間でもっとも人気のあるJavaScriptフレームワークのひとつで、Webアプリケーションの開発やWebページの制作に適したプロダクト。オープンソースで開発されており、これまでMITラインセスとGNU GPL(General Public License)のデュアルライセンスのもと提供されていた。 発表によるとGPLを廃止してMITライセンスのみにするという。jQuery Core、jQuery UI、jQuery Mobile、jQuery Sizzle、jQuery QUnitといったいくつかのjQueryプロジェクトではすでにMITのみとなっており、GitHu
グラフを表示するjQueryプラグイン 前編
はじめに 今回は、簡単に綺麗なグラフを表示できるjQueryプラグイン「jQuery Visualize」を解説します。HTML5のcanvas要素を使って見栄えの良いグラフを描画するプラグインで、折れ線グラフ・棒グラフ・円グラフなど多くの種類のグラフを描くことができます。また、豊富なオプションにより、大きさや色などを自在に変化させることができ、好みのデザインで表示させることができます。 対象読者 jQueryプラグインに興味があり、使ってみたい方 必要な環境と準備 執筆時点のjQueryの最新版は、1.7.2です。第1回を参考に、ダウンロードしてください。また、jQueryプラグインの基本的な使い方は、第3回を参照してください。 サンプルでは、htmlファイルと同じ階層に「plugins」というフォルダを作成し、使用するプラグイン関連のファイルはここにまとめて配置し、説明を進めます。また
「jQuery Mobile 1.1.1」リリース、モジュールをカスタマイズできる「Download Builder」も一新される | OSDN Magazine
jQuery FoundationのjQuery Mobileチームは7月12日、モバイル向けJavaScriptライブラリ「jQuery Mobile 1.1.1」 をリリースした。各種UI要素の改善やテーマ機能の強化、ページ遷移やタッチ操作に対する反応の改善などが行われている。また、カスタム版のjQuery Mobileを作成できる新しい「Downloader Builder」も提供される。 jQuery Mobileはモバイル向けサイト構築用JavaScriptライブラリ。jQueryおよびjQuery UIをベースにモバイル向けの最適化を行ったもので、軽量、柔軟なテーマデザイン、クロスプラットフォームなどを特徴とする。iOSやAndroid、BlackBerry、Windows Phoneなどの主要スマートフォンプラットフォームに対応する。Ikea Sweden、Slideshar
jQuery MobileでJavaScriptプログラミング ― グローバル設定とイベント ―（1/2） - ＠IT
連載：jQuery Mobile入門 第5回 jQuery MobileでJavaScriptプログラミング ― グローバル設定とイベント ― 山田 祥寛 2012/05/17 前回までの内容で、マークアップだけで賄えるjQuery Mobileの主な機能をおおよそ解説した。jQuery Mobileを利用することで、JavaScriptのコードすら記述することなく、ネイティブ・アプリ・ライクなサイトを作成できることを実感いただけたと思う。 もっとも、jQuery Mobileの魅力は、その手軽さばかりではない。JavaScriptのAPIも充実しており、独自の機能をごく手軽に実装できる。連載第5回となる本稿では、それらJavaScript APIの中でも、「グローバル設定」と「イベント」について解説していく。 ■jQuery Mobileの動作をカスタマイズしよう ― グローバル設定 j
スマホアプリ開発はHTML5／jQuery Mobileとネイティブどっちがいいの？～第2回テックヒルズまとめレポート（1/2） - ＠IT
スマホアプリ開発は HTML5／jQuery Mobileとネイティブ どっちがいいの？ 第2回テックヒルズまとめレポート 柴田克己 2012/4/27 iPhoneやAndroid端末の急速な普及を受け、多くの開発者が近年関心を寄せているのが「HTML5で実現できるWebアプリと、各プラットフォーム向けに特化したネイティブアプリ。開発するならどちらがトク？」というテーマだ。 2012年4月13日に、このテーマについて実際にスマホやWeb向けのアプリ開発を手掛けている技術者たちが意見を戦わせる「第2回テックヒルズ『ネイティブアプリ』vs『Webアプリ』～これからのアプリ開発のトレンド～」と題したディスカッションイベントが、六本木アカデミーヒルズで開催された。 司会進行を務めたのは、同イベントを企画、運営するインターネットサービス企業「CROOZ」の技術統括本部取締役の小俣泰明氏だ。 小俣氏
多数の改良が加えられた「jQuery Mobile 1.1.0」リリース | OSDN Magazine
jQuery Mobile開発チームは4月13日、「jQuery Mobile 1.1.0」をリリースした。「jQuery 1.7.1」に対応し、またツールバーで「position:fixed」指定が利用できるようになるといった変更が加わっている。 jQuery MobileはjQueryベースのモバイルWebフレームワークで、タッチスクリーンを備えるスマートフォンやタブレット用のHTML5アプリケーション開発に向けたもの。AppleのiOSやGoogle Android、BlackBerry、Microsoft Windows Phone、Symbianといった主要モバイルプラットフォームに対応する。 jQuery Mobileは2011年11月に初となる正式版（バージョン1.0）がリリースされたが、jQuery Mobile 1.1.0はそれ以来の正式版リリースとなる。jQuery 1
jQuery mobileはじめの一歩！「jQuery mobileで簡単なページを作成してみる」のまとめ | jQeryMobileでサイトをつくろう
jQuery Mobileの概要 jQuery Mobileは、jQueryをベースとした、スマートフォン向けのフレームワーク※1です。 スマートフォン向けの直観的かつ使いやすいUIを瞬時に作成できます。 ※1フレームワーク：アプリケーション制作の土台を作ってくれるソフトウェアのこと デザイナー好みの「手軽さ」と「自由さ」を兼ね備え、デベロッパーが求める「リッチなヴィジュアル」のスマートフォンUIが作成できます。 指定した形式でHTMLを書くことで、自動的にスマートフォン向けにデザインされたネイティブアプリケーションさながらのページが瞬時にしてできあがります。（jQuery Mobileが作成できるのは、ウェブアプリケーションです。） 2010年10月にアルファ版がリリースされ、2011年11月ついにjQuery Mobile1.0正式版が公開されました。現在も、jQueryの開発者で
スマホ案件用の秀逸なドキュメント『jQuery Mobile』：晴読雨読＠エンジニアライフ：エンジニアライフ
jQuery Mobile Jon Reid（著）、 渡邉真人・白石俊平（監訳）、牧野聡（翻訳） オライリージャパン 2011年12月 ISBN-10:4873115264 ISBN-13: 978-4873115269 1995円（税込） ■どんどん増える、スマホ対応のお仕事 「2011年はスマホ元年」と言われたように、スマートフォン市場が急成長を続けています。Webサイトや携帯サイトをスマホ対応させている人は多いでしょう。私もその1人です。 iPhone、Android、Windows Mobileといった多様な端末それぞれに最適化したページを作成することは簡単ではありません。端末の種類を吸収し、どの端末で見ても同じデザインで見せるフレームワークを用いれば、簡単にスマホ対応ができます。jQuery Mobileは、それを実現させるフレームワークです。 ■秀逸なオフライン・ドキュメント
開閉可能パネル／リスト・ビュー／ナビゲーション・バーを使いこなそう（1/3） - ＠IT
連載：jQuery Mobile入門 第3回 開閉可能パネル／リスト・ビュー／ナビゲーション・バーを使いこなそう 山田 祥寛 2012/03/23 今回は、前回に引き続いてjQuery Mobileで利用できるウィジェットについて解説していく。今回扱うのは、フォーム系以外のウィジェット――開閉可能パネル／リスト・ビュー／ナビゲーション・バー、そして、ヘッダ／フッタである。 ■開閉可能なパネルを生成する スマホ環境では、見出しのみをリスト表示し、コンテンツ部分は開閉を切り替えられると便利だ。これによって、限られた表示領域をより有効に利用できる。 jQuery Mobileでは、こうした開閉可能パネル（Collapsible Panel）の機能を標準で提供している。まずは、具体的なコードとその実行例を見ておこう。 <!DOCTYPE html> <html> <head> <meta char
jQueryをモバイルに最適化、「jqMobi 1.0」登場
The definitive javascript library for mobile HTML5 application development appMobiは12日(米国時間)、オープンソースのHTML5モバイル向けアプリケーションフレームワーク「jqMobi 1.0」を公開した。jqMobi 1.0は、高速動作、最軽量を売りにしているiOS/Android向けのJavascriptフレームワーク。ライセンスは、MIT X11 Licenseを採用している。 jqMobiフレームワークにはjqMobi、jqUi、jqPluginsの3つのライブラリが含まれている。jqMobiは、jQueryとの互換性をもつ高速ライブラリで、容量が5KBに抑えられている。jqUiは、タッチベースのWebKitブラウザ用のユーザインタフェースライブラリ。jqPluginは、WebKitブラウザ用のjQ
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
「jQueryは大きすぎる」との声に対応、jQueryをモジュラー化、小型化するプロジェクト「jquip」 | OSDN Magazine
jQueryをより小さく、軽量に、モジュラー化することを目指し、「jquip」というプロジェクトが立ち上がった。コア部分である「xjquip.js」ファイルのサイズはミニファイ・圧縮後で4.28KBと小さく、これはjQueryの13％というコンパクトさだという。サイズは小さいもののjQueryの持つ機能の90％を実装、さらにプラグインを追加することでそれ以外の機能も利用できる。 jquipは「jQuery in parts」の略で、「必要なものだけを取り入れる」というコンセプトを持つ。米国在住の開発者、Demis Bellot氏とJey Balachandran氏が始めたプロジェクトとなる。肥大化するjQueryに対し、コードベースの再構成やよりいっそうのモジュラー化のためのフィードバックを送ることを目的にしているとのこと。ライセンスはMIT License。 jquipは$()セレクタや
モバイル環境に対応するUIライブラリ「jQuery Mobile 1.0」リリース、主要プラットフォームをサポート | OSDN Magazine
jQuery Projectは11月16日、HTML5ベースのモバイル向けユーザーインターフェースライブラリ「jQuery Mobile 1.0」をリリースした。プロジェクトの立ち上げから1年以上を経ての正式版登場で、主要モバイルプラットフォームすべてをサポートする。 jQuery Mobileは、JavaScriptライブラリであるjQueryのモバイル向けプロジェクト。jQueryコアとjQuery UIライブラリをベースとし、jQuery開発者は効率良くモバイル向けUI開発を行えるという。 2010年夏にプロジェクトが開始されて以来、1年以上の開発期間を経ての正式版となった。対応プラットフォームはiOS 3.2～5.0、Android 2.1～2.3および3.0、Windows Phone 7～7.5、Blackberry 6～7、Blackberry Playbook、Palm W
jQuery Mobileでサクッと作るスマートフォン向けWebアプリの基本 ─ ＠IT
大日本印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権（見よ！ コレジャナーイアプリの数々を！）」にて、jQuery MobileとHTML5の要素を使用した、iPhoneのMobile Safariで動作するミニアプリiBooNを紹介させていただきました。本記事では、jQueryMobileを使って、お手軽にスマートフォン向けのWebアプリケーションを作成する方法をiBooNを例に紹介します。 iBooNは、iPhoneの傾きに応じて車の音が変わるミニアプリです。まず、Color Select画面から好きな色の車を選びます。ミニカーの画像が表示された画面
いまから始める、jQuery Mobileの基本 (1/4)
jQuery Mobileを利用すると、簡単なHTMLを用意するだけでスマートフォンサイトを作成できます。今回はシンプルな会社案内サイトを実際に作りながら、jQuery Mobileの基本的な使い方を学習しましょう。 以下のような会社案内サイトを作成します。 トップページのメニューをタップすると各ページへスライドして移動するシンプルなスマートフォンサイトです。まずはトップページ部分から作ってみましょう。 jQuery MobileとHTML5 jQuery MobileはHTML5のカスタムデータ属性でさまざまな設定を定義するので、jQuery Mobileを利用するWebページはHTML5で記述します。HTML5と聞くとハードルが高そうですが、最低限の約束ごとさえ守れば決して難しくありません。 次のようなHTMLを雛形として用意します。 <!DOCTYPE html> <html> <h
もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ | ke-tai.org
もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ Tweet 2011/5/27 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | 4 Comments » モバイルサイト作成のためのフレームワーク「jQuery Mobile」が、すごい人気ですね。 当初は数ある選択肢の中の一ツールとして程度の扱いでしたが、AdobeのDreamweaverが本格対応するなど、その勢いは留まるところを知らず、根幹的な技術になりそうな気配すらあります。 今回は過去に当サイトで掲載させていただいた情報も含め、jQuery Mobileを学ぶ上で知っていた方が良さそうなリンクをまとめてみました。 本家サイト。英語が苦手な私は、主にダウンロード用途ぐらい。 → jQuery Mobile 本家サイト（英語） [j
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction To jQuery (Part 2): Methods & Functions
jQuery Tutorial - Getting Started: Basics & Selectors
データ操作に役立つjQueryプラグイン