イベント情報を公開するIonicアプリケーション

アプリにはこちらから参照。

使用しているライブラリ

• ionic
• Apache Cordova
• AngularJS
• ngCordova: GEOLOCATIONプラグインを利用
• Angular Resource: REST APIの実行
• AngularUI
• AngularUI UI Calendar: fullcalendarのAngularJS版
• ion-tabs: 画面下部のタブ
• ionic-datepicker: 検索条件設定用のDate Picker。日本語にカスタマイズ。
• AngularUI UI-GMap: Google Mapsのdirective

TODO(やりたいこと)

• (完成)イベント情報の絞り込み機能(開催日、現在地からの距離で絞り込み)
• デザインの取り込み
• Instagram/Twitter画像の表示
• Google Analyticsの組み込み
• Ionic Pushの組み込み
• IBM Bluemix/MobileFirst Platformとの連携
• (ほかいろいろ)

schema.org/EventベースのJSON-LDデータについて

Google検索結果のスニペットにイベント情報を表示するためにwww/index.htmlにJSON-LDデータを用意しました。

構造化データテストツールは問題なし(こちら)。

参考

Ionic学習用

• Ionic Tutorial: 研修情報をリストして詳細表示したり、Facebookログインを実装するIonicアプリを作成します。
• Advanced PhoneGap Hybrid App Tutorial: Ionic Tutorialを成長させたチュートリアル。
• Sample Mobile Application with Ionic and AngularJS: 従業員リストと詳細を表示するIonicアプリを作成します。
• Build an App with Navigation and Routing

AngularJS学習用

• ionicのルーティングを実現するui-router

Google Analytics

• Google Analytics + AngularJS