HTML/CSS+JavaScriptでiPhone/iPadアプリを開発できるNimbleKit。今回はNimbleKitを使って、簡単な地図アプリを作ってみましょう。

　iPhone/iPadには標準で「地図」というネイティブアプリが用意されています。

標準アプリとして用意されている「地図」

　この地図アプリはGoogleマップの地図データを利用しており、Web版のGoogleマップとほぼ同じ機能です。しかし、iOSに用意されている地図表示用のフレーム―ワーク「MapKit」を使っているので、JavaScriptで地図をレンダリングしているWeb版に比べると格段に速く動作します。

　iPhone/iPadネイティブアプリでは、MapKitを使うとWeb版のGoogleマップよりも高速に地図を表示できます。MapKitはNimbleKitでも呼び出して利用できますので、さっそく使ってみましょう。

ソーシャルリアクション

この連載の記事

• 第77回  もうFlashは要らない!?スマホ用CSS3アニメを作ろう
• 第76回  iPhoneでも動くアニメが作れるSencha Animatorの使い方
• 第75回  CSS3でFlash並みアニメが作れるSencha Animator
• 第74回  Capture APIでiPhone用ビデオレコーダーを作ろう
• 第73回  JavaScriptで作れるiPhone用ボイスレコーダー
• 第72回  PhoneGapのMedia APIでバイブ付き音楽プレーヤー
• 第71回  iPhoneがPhoneGapで簡易電子書籍リーダーに
• 第70回  PhoneGapでMapKitを使って地図アプリを開発
• 第69回  HTML5+CSS3でiPhone用動画アプリを作ろう
• 第68回  iPhone/iPad両対応！PhoneGapで作るアルバムアプリ
• この連載の一覧へ

この記事の編集者は以下の記事をオススメしています

• 古籏一浩のJavaScriptラボ

• Web技術で作るDashboardウィジェット開発入門

• Dashcodeをはじめよう

• HTML5のInline SVGをJavaScriptで操作

• HTML5で注目！インラインSVGの使い方

• iPad対応！HTML5 Audioで作るブラウザーピアノ

• JavaScriptで並列処理ができる「Web Workers」

• PhoneGapでMapKitを使って地図アプリを開発

• iPhoneがPhoneGapで簡易電子書籍リーダーに

• PhoneGapのMedia APIでバイブ付き音楽プレーヤー

• JavaScriptで作れるiPhone用ボイスレコーダー

• Capture APIでiPhone用ビデオレコーダーを作ろう

• CSS3でFlash並みアニメが作れるSencha Animator

• iPhoneでも動くアニメが作れるSencha Animatorの使い方

• もうFlashは要らない!?スマホ用CSS3アニメを作ろう

関連記事

• iOS 5で使えるWeb Workersでカメラアプリ作ってみた

• Facebook連動スマホアプリが作れるJSライブラリー

• iBooks AuthorでHTML5の電子書籍作ってみた

はてブ注目ランキング

1. 世界を変える方法は山川の教科書に書いてある274 users

2. 10分でわかる！ jQuery Mobileのキホン100 users

3. iBooks AuthorでHTML5の電子書籍作ってみた78 users

4. HTML5要素のブラウザー実装状況を調べてみた39 users

5. コンテンツを依頼するときのSEOチェックリスト1731 users

6. 40分で覚える！jQuery速習講座2225 users

7. 絶対見ておきたい有名企業のスマホサイトまとめ2144 users

8. もう配色には困らない！「Adobe Kuler」1683 users

9. 30分でできる！Webサイトを高速化する6大原則1498 users

10. Web制作会社が作った！超使えるJavaScriptライブラリ1217 users

最新記事

• 「Thunderbolt」対応のキャプチャーユニットが登場

  

• Radeon HD 7770最速のビデオカードがSAPPHIREから発売

  

• 奥行き118mmの小型ATX電源ユニット「小錻力4」が発売

  

• 編集太田のゲーム専用PCのノーガードっぷりは異常

  

• ドスパラ パーツ館「1周年記念セール」が今週からスタート！