ハイブリットアプリを作る by Monaca （その１）

ハイブリットアプリを作る by Monaca （その１）

今年もやります、年越しプログラミング

あまりに暇だからハイブリットアプリを作ってみる。仕事では管理業務ばっかりをやってるから、頭が馬鹿になってきてるような気がする。たまには、コードと向き合うのも良いよね。

ハイブリットアプリとは

HTML5やCSS3を駆使したマルチOS、マルチデバイス対応のアプリ。WEBアプリとの違いは最終的にネイテイブアプリにコンパイルし、各種ストア(AppStore, GooglePlay)に登録できる。

Monacaとは

Monaca - HTML5ハイブリッドアプリ開発プラットフォーム

Cordovaを用意に利用できる用意し、独自UI(Onsen UI)およびクラウド上のIDEも提供する。さらにWebDAVもできるから、コードをローカルからいじれる。Monaca先輩、マジかっけーす。

作るもの（電子書籍紹介AP）

最近作成した電子書籍を紹介および購入までの動線を提示するAP

AP名

7oC BookShelf

画面モックと画面遷移

以下の３画面構成からなる。ただし、Amazonページはただのインナーブラウザなので、実質２画面。

• 本棚ページ
• 紹介ページ
• Amazonページ

機能詳細

本棚ページ

• TOPページのため、画面をおしゃれにする
• オフラインでも動作するように必要なリソースは内部に持たせる
• 本が増えても良いような拡張性をもたせ、書籍情報は設定ファイル（json）とする
• 参考 : ブクログのブログパーツ API を使ってスライドする本棚を作る

紹介ページ

• 以前作成した紹介ページを移植する 
• オフラインでも動作するように必要なリソースは内部に持たせる
• slide menu を実装し、他の紹介ページへの遷移を容易にする。（いちいち本棚ページに戻る必要なし）

Amazonページ

• 紹介ページからAmazonのウェブサイトにリンクさせる 
• オンラインで動作するようにする
• インナーブラウザのため、実装はほぼ不要（のはず）

さて、実装しますか。。。

以上