Download to read offline
More Related Content
Similar to 高いUXをハイブリッド開発で実現するためのポイント
高いUXをハイブリッド開発で実現するためのポイント
- 1.
- 2. 自己紹介 鴨田 健次(かもた けんじ) ■略歴 アシアル株式会社所属。Webディレクター/Webデザイナー。 主な業務は、プロジェクトマネージャーとして、プロジェクトのマネジメントを行う一方、 デザイン業務があればデザイナーとしても活動し、 コーダーとしてHTMLテンプレートを作成することもあります。 ■今まで関わった主なHTML5関連プロジェクト ＫＤＤＩ株式会社・ 株式会社テレビ朝日 「auヘッドライン」 アプリ取り放題「auスマートパス」対応のニュース配信アプリ 株式会社テレビ朝日「テレ朝動画アプリ(公式)」 テレビ朝日が公式に提供しているYouTube動画を簡単に検索・視聴できるアプリ 株式会社アシックス 「iPadアプリ 『ASICS SHOE FINDER』」 上記アシックスストアでの分析サービスと連携し、ユーザーの特性に合わせたシューズを探し出すア プリ。 株式会社テレビ朝日「濱口と一緒にお魚獲るどー！無人島0円生活0円GAME」 テレビ番組と連動したセカンドスクリーンアプリ ジー・プラン株式会社 Gポイントトラベル スマートフォン版WEBサイト構築 ホテル検索サービスのスマートフォン版サイトの最適化対応 その他、スマートフォンアプリ、PC向けサイト多数。 2013/12/11 2
- 3.
- 4. 事例紹介 | auヘッドライン ＫＤＤＩ株式会社・ 株式会社テレビ朝日 「auヘッドライン」 アプリ取り放題「auスマートパス」対応のニュース配信アプリ。 KDDIのフラグシップアプリの一つ。 前身アプリ「auニュースEX」は、 KDDIのスマートフォンにプリインストールされていた。 現アプリも、プリインストールされているauウィジェット(ニュース)が 「auヘッドライン」に対応しており、ニュース系アプリランキングでは、 常に1位を獲得、全カテゴリランキングでも上位に入っている。 対応機種： au Androidスマートフォン全機種(Android OS2.2以上) au iPhone 4S/5/5S(iOS 5.0以上) 作業範囲： 要件定義、基本設計、詳細設計、開発、テスト、 運用、インフラ設計、インフラ構築 テクノロジー：Java、PHP、JavaScript、HTML5、CSS3 開発期間：3ヶ月(Android) 1.5ヶ月(iPhone) 開発体制：3名 2013/12/11 4
- 5. 事例紹介 | テレ朝動画アプリ(公式) 株式会社テレビ朝日 「テレ朝動画アプリ(公式)」 テレビ朝日がYouTube上で展開している公式動画の視聴に関する 利便性を向上させるためにリリース。 テレビ朝日の公式動画だけが検索・閲覧できる。 SNS連携やお気に入り動画の登録なども可能。 YouTubeData API、および、独自のオススメ動画・公式チャンネルAPI を使用して、データのやりとりを行っている。 対応機種： Android(OS2.2以上)、iPhone (iOS 5.0以上)、iPad (iOS 5.0以上) 作業範囲： 要件定義、基本設計、詳細設計、開発、テスト、リリース テクノロジー：Monaca、HTML5、CSS3、 JavaScript 開発期間：2ヶ月 開発体制：2名 2013/12/11 5
- 6. 事例紹介 | ASICSSHOE FINDER 株式会社アシックス 「ASICS SHOE FINDER」 アシックスストアなどで行われている足形計 測サービス「STATIC FOOT ID」、走行計測 サービス「DYNAMIC FOOT ID」の測定結果 から、目的に合わせ、自動的におすすめのラ ンニングシューズを抽出し、測定結果と共に レポートを表示するアプリケーション。 対応機種： iPad (iOS 5.0以上) 作業範囲：詳細設計、開発、テスト テクノロジー： Monaca、HTML5、CSS3、JavaScript 開発期間：2週間 開発体制：2名 2013/12/11 6
- 7. 事例紹介 | Gポイントトラベルスマートフォン版WEBサイト ジー・プラン株式会社 Gポイントトラベル スマートフォン版WEBサイト Gポイントトラベルはジー・プラン株式会社が運営するホテルプランの 比較サイトです。 スマートフォン版サイトのUI/UX設計、デザイン、開発を行いました。 特徴 ・スマートフォンで操作しやすいデザイン・機能 ・現在位置から近いホテルの検索が可能 対応機種： Android、iPhone 作業範囲： 要件定義、基本設計、詳細設計、開発、テスト テクノロジー：HTML5、CSS3、PHP、JavaScript 開発期間：2ヶ月 開発体制：2名 2013/12/11 7
- 8. 事例紹介 | HealthPlanet 株式会社タニタヘルスリンク Health Planet HealthPlanetアプリは株式会社タニタが提供するWebサービス 「HealthPlanet」のスマートフォンアプリで、体組成や歩数、血圧、血 糖値などの健康データを管理することができます。本アプリでは、 Web版のHealthPlanetと連携して、健康データの入力や閲覧を行うこと ができます。また、Bluetooth内蔵の体組成計と連携して自動的に体組 成データをアプリ内に取り込むことができます。 特徴 ・モバイルアプリ開発プラットフォームMonacaを使って開発 ・HTML5とJavaScriptなどのWeb技術を駆使したハイブリッドアプリ ・Bluetoothを使って専用の体組成計からデータを自動で受け取ること が可能 対応機種： Android、iPhone 作業範囲： 要件定義、基本設計、詳細設計、開発、テスト テクノロジー： HTML5、CSS3、JavaScript、Monaca、Bluetooth 開発期間：2.5ヶ月(Andoridプリインストール版) 開発体制：3名 2013/12/11 8
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. ハイブリッドアプリの利点の活かし方 ＜メンテナンス＞ HTML5 テンプレート アプリ内にHTML/JavaScript コードをあらかじめ仕込んでお き、データはサーバーから取得 し表示する 動画情報 XML お気に入り データ取得はJSON やXMLを利用して表 示速度を最適化 おすすめ・ 公式チャンネル情報 localstorage YouTubeData API JSON テレ朝動画アプリ 管理サーバー アプリ設定 は、端末内 データベース に保存 2013/12/11 21
- 22.
- 23. ハイブリッドアプリの利点の活かし方 ＜短期開発＞ 株式会社アシックス 「ASICS SHOEFINDER」 アシックスストアなどで行われている足形計測サービス「STATIC FOOT ID」、走行計測サービス「DYNAMIC FOOT ID」の測定結果から、目的に合 わせ、自動的におすすめのランニングシューズを抽出し、測定結果と共にレ ポートを表示するアプリケーション。 すでにあるWebの資産を活用 既存で用意されていたAPIを用いた デザイン作業を含め、2週間程度の開発期間でリリース マーケット公開しない店頭アプリ iOS Developer Enterprise Program (年間参加費 ¥24,800) 社内配布向けで、ワイヤレスでアプリ更新可能 2013/12/11 23
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.