SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
高いUXをハイブリッド開発で実現するためのポイント
アシアル株式会社 鴨田健次
自己紹介

鴨田 健次(かもた けんじ)
■略歴
アシアル株式会社所属。Webディレクター/Webデザイナー。
主な業務は、プロジェクトマネージャーとして、プロジェクトのマネジメントを行う一方、
デザイン業務があればデザイナーとしても活動し、
コーダーとしてHTMLテンプレートを作成することもあります。

■今まで関わった主なHTML5関連プロジェクト
KDDI 株式会社・ 株式会社テレビ朝日 「auヘッドライン」
アプリ取り放題「auスマートパス」対応のニュース配信アプリ
株式会社テレビ朝日「テレ朝動画アプリ(公式)」
テレビ朝日が公式に提供しているYouTube動画を簡単に検索・視聴できるアプリ
株式会社アシックス 「iPadアプリ 『ASICS SHOE FINDER』」
上記アシックスストアでの分析サービスと連携し、ユーザーの特性に合わせたシューズを探し出すア
プリ。
株式会社テレビ朝日「濱口と一緒にお魚獲るどー!無人島0円生活0円GAME」
テレビ番組と連動したセカンドスクリーンアプリ
ジー・プラン株式会社 Gポイントトラベル スマートフォン版WEBサイト構築
ホテル検索サービスのスマートフォン版サイトの最適化対応
その他、スマートフォンアプリ、PC向けサイト多数。

2013/12/11

2
事例紹介

2013/12/11

<3>
事例紹介 | auヘッドライン

KDDI 株式会社・ 株式会社テレビ朝日
「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
事例紹介 | テレ朝動画アプリ(公式)

株式会社テレビ朝日
「テレ朝動画アプリ(公式)」
テレビ朝日がYouTube上で展開している公式動画の視聴に関する
利便性を向上させるためにリリース。
テレビ朝日の公式動画だけが検索・閲覧できる。
SNS連携やお気に入り動画の登録なども可能。
YouTube Data API、および、独自のオススメ動画・公式チャンネルAPI
を使用して、データのやりとりを行っている。
対応機種:
Android(OS2.2以上)、iPhone (iOS 5.0以上)、iPad (iOS 5.0以上)
作業範囲:
要件定義、基本設計、詳細設計、開発、テスト、リリース
テクノロジー:Monaca、HTML5、CSS3、 JavaScript
開発期間:2ヶ月
開発体制:2名

2013/12/11

5
事例紹介 | ASICS SHOE FINDER

株式会社アシックス
「ASICS SHOE FINDER」
アシックスストアなどで行われている足形計
測サービス「STATIC FOOT ID」、走行計測
サービス「DYNAMIC FOOT ID」の測定結果
から、目的に合わせ、自動的におすすめのラ
ンニングシューズを抽出し、測定結果と共に
レポートを表示するアプリケーション。

対応機種:
iPad (iOS 5.0以上)
作業範囲:詳細設計、開発、テスト
テクノロジー:
Monaca、HTML5、CSS3、JavaScript
開発期間:2週間
開発体制:2名

2013/12/11

6
事例紹介 | Gポイントトラベル スマートフォン版WEBサイト

ジー・プラン株式会社
Gポイントトラベル スマートフォン版WEBサイト
Gポイントトラベルはジー・プラン株式会社が運営するホテルプランの
比較サイトです。
スマートフォン版サイトのUI/UX設計、デザイン、開発を行いました。
特徴
・スマートフォンで操作しやすいデザイン・機能
・現在位置から近いホテルの検索が可能
対応機種:
Android、iPhone
作業範囲:
要件定義、基本設計、詳細設計、開発、テスト
テクノロジー:HTML5、CSS3、PHP、JavaScript
開発期間:2ヶ月
開発体制:2名

2013/12/11

7
事例紹介 | Health Planet

株式会社タニタヘルスリンク
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
ハイブリッドアプリとは

2013/12/11

<9>
HTML5アプリとネイティブアプリの違い

HTML5アプリ

ネイティブアプリ

HTML5とJavaScript

Objective-CやJava

Webブラウザーが備える
機能のみ利用可能

端末やOSが持つすべての
機能を利用可能

通常のWeb開発環境
エディタ、Dreamweaver等

XcodeやEclipseといったOSごと
の開発環境

クロスプラットフォーム

○
同じJavaScriptコードを流用可

×
開発言語自体が異なる

実行速度

△
Webブラウザーが実行エンジン

◎
OSが直接実行する

オフライン対応

×
キャッシュを用いて一部オフラ
イン対応も可能

◎
端末内にプログラムが配置

アプリの配布方法

Webサイトにアクセス
マーケットへの登録は不可

マーケットの登録が原則

メンテナンス方法

サーバーから配信するため
常に最新状態をキープ可能

アップデートのたびにマーケッ
ト登録。更新はユーザー次第

開発言語

機能
開発環境

2013/12/11

<10>
HTML5でネイティブ形式のアプリを実現するハイブリッドアプリ

もう一つの選択肢:ハイブリッドアプリ
開発の難易度

クロスプラットフォーム

メンテナンス性

HTML5アプリ(Web)

OS独自機能の活用

端末性能の発揮

ネイティブアプリ

ハイブリッドアプリ

1.

HTML5アプリの開発技術でネイティブ形式のアプリを実現する手法

2.

OSの独自機能や端末性能などをHTML5アプリから補うことが可能

2013/12/11

<11>
ハイブリッドアプリの特徴

HTML5アプリ
開発言語

機能

開発環境

クロスプラットフォーム

ハイブリッドアプリ

HTML5とJavaScript
Webブラウザーが備える
機能のみ利用可能
通常のWeb開発環境
エディタ、Dreamweaver等

ネイティブアプリ
Objective-CやJava

JavaScriptから
ネイティブの機能を
呼び出せる

端末やOSが持つすべての
機能を利用可能

XcodeやEclipseといったOSごとの開発環境
(Monacaでブラウザだけで環境構築も可能)

○
同じJavaScriptコードを流用可

×
開発言語自体が異なる

実行速度

△
Webブラウザーが実行エン
ジン

オフライン対応

×
キャッシュを用いて一部オ
フライン対応も可能

◎
端末内にプログラムが配置

アプリの配布方法

Webサイトにアクセス
マーケットへの登録は不可

マーケットの登録が原則

メンテナンス方法

サーバーから配信するため
常に最新状態をキープ可能

○
ソースコードを端末上に保
存することが可能

ネイティブ部分はマーケッ
ト経由の更新。HTML5部分
は任意のタイミングで更新
可能

◎
OSが直接実行する

アップデートのたびにマー
ケット登録。更新はユー
ザー次第
2013/12/11

<12>
ハイブリッドアプリの利点

2013/12/11

<13>
ハイブリッドアプリの利点



アプリの更新



リーチ(アプリ+WEBでの提供も可能)



プラットフォーム依存性



メンテナンス



短期開発



モックアップの制作

2013/12/11

14
ハイブリッドアプリの利点の活かし方 <アプリの更新>



アプリの更新



リーチ(アプリ+WEBでの提供も可能)



プラットフォーム依存性



メンテナンス



短期開発



モックアップの制作

2013/12/11

15
ハイブリッドアプリの利点の活かし方 <アプリの更新>

アプリ更新申請

アプリ更新
HTML・CSS・PHP更新

審査・修正戻し

アプリ起動

アップデート通知

auヘッドライン
コンテンツ
配信サーバー

au Market
アプリアップデート
(ユーザー任意)

審査通過・マーケット公開
(早くても申請から数日)

3~6ヶ月に1回程度のペース

ページ表示
(即時反映)

auヘッドライン

1ヶ月に2回程度のペース
2013/12/11

16
ハイブリッドアプリの利点の活かし方 <リーチ>+<プラットフォーム非依存>



アプリの更新



リーチ(アプリ+WEBでの提供も可能)



プラットフォーム依存性



メンテナンス



短期開発



モックアップの制作

2013/12/11

17
ハイブリッドアプリの利点の活かし方 <リーチ>+<プラットフォーム非依存>

画面表示:
WebView

アプリ版
(auのAndroid端末のみ利用可)

会員判定/ログイン:
ネイティブ
アプリ設定:
ネイティブ

ウィジェット:
ネイティブ

Android端末は
アプリ版もブラウザ版も利用可能

ブラウザ版
(auのAndroid/iPhone端末で利用可)
auヘッドライン

画面表示:
WebView
会員判定/ログイン:
WebView
アプリ設定:
WebView
ウィジェット:
なし

2013/12/11

18
ハイブリッドアプリの利点の活かし方 <メンテナンス>



アプリの更新



リーチ(アプリ+WEBでの提供も可能)



プラットフォーム依存性



メンテナンス



短期開発



モックアップの制作

2013/12/11

19
ハイブリッドアプリの利点の活かし方 <メンテナンス>

iPhone

Android

iPad

style2.css

style.css

recommend.html
2013/12/11

20
ハイブリッドアプリの利点の活かし方 <メンテナンス>

HTML5 テンプレート

アプリ内にHTML/JavaScript
コードをあらかじめ仕込んでお
き、データはサーバーから取得
し表示する

動画情報

XML

お気に入り

データ取得はJSON
やXMLを利用して表
示速度を最適化

おすすめ・
公式チャンネル情報

localstorage

YouTube Data
API

JSON

テレ朝動画アプリ
管理サーバー

アプリ設定
は、端末内
データベース
に保存
2013/12/11

21
ハイブリッドアプリの利点の活かし方 <短期開発>



アプリの更新



リーチ(アプリ+WEBでの提供も可能)



プラットフォーム依存性



メンテナンス



短期開発



モックアップの制作

2013/12/11

22
ハイブリッドアプリの利点の活かし方 <短期開発>

株式会社アシックス
「ASICS SHOE FINDER」
アシックスストアなどで行われている足形計測サービス「STATIC FOOT
ID」、走行計測サービス「DYNAMIC FOOT ID」の測定結果から、目的に合
わせ、自動的におすすめのランニングシューズを抽出し、測定結果と共にレ
ポートを表示するアプリケーション。



すでにあるWebの資産を活用





既存で用意されていたAPIを用いた
デザイン作業を含め、2週間程度の開発期間でリリース

マーケット公開しない店頭アプリ


iOS Developer Enterprise Program (年間参加費 ¥24,800)


社内配布向けで、ワイヤレスでアプリ更新可能

2013/12/11

23
ハイブリッドアプリの利点の活かし方 <短期開発>



アプリの更新



リーチ(アプリ+WEBでの提供も可能)



プラットフォーム依存性



メンテナンス



短期開発



モックアップの制作

2013/12/11

24
ハイブリッドアプリの利点の活かし方 <モックアップ作成>
○ワイヤーフレーム

○初期モックアップ

○最終モックアップ

2013/12/11

25
開発・運営側のメリットとユーザビリティ
○ 開発・運営側のメリット


アプリの更新




マーケット申請する頻度が低い

アプリ+WEBで提供可能

プラットフォーム依存性




プラットフォームへ依存する部分が少ない

HTMLは基本的にワンソースであるため、
メンテナンス姓は高い

機能・コンテンツが充実している

短期開発




アプリでもウェブでも使うことが出来る
(端末を選ばない)

メンテナンス




アップデートをする手間がかからない

リーチ(アプリ+WEBでの提供も可能)




○ ユーザービリティ

すでにあるWEBコンテンツの再利用が可能

モックアップの制作


表示がWebViewメインであれば、モックアップ

使いやすく、分かりやすい

の作成が容易である

2013/12/11

26
高いUXを実現するために

2013/12/11

<27>
ハイブリッドアプリの課題点



アニメーション




オブジェクトのアニメーション

ナビゲーション





ページ遷移アニメーション

タイトルバー・ナビ/メニューバー

パフォーマンス





大量に画像などのオブジェクトが存在するページの処理
追加でリストを取得するページの処理

ネイティブAPI


使える機能が限られている

2013/12/11

28
ハイブリッドアプリ作成の際に気をつけること



企画・要件定義



モック作成、プロトタイプ作成も考慮する





アプリをシンプルにする
非機能要件についても、確認しておく

設計



縦横対応は必要な部分だけに留める





HTML5で作る部分と、ネイティブで作る部分を意識して設計する
多言語対応を行うようであれば、はじめから考慮しておく

開発





開発するときは、Androidを基準として考える
JavaScriptの記述規約を明確にする

テスト


対応機種数、OS数とテスト工数は比例する

2013/12/11

29
ご静聴ありがとうございました。

2013/12/11

<30>

Weitere ähnliche Inhalte

Was ist angesagt?

ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについてネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについてKazuaki Hidaka
 
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会Monaca
 
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅アシアル株式会社
 
HTML5ハイブリッドアプリ の活用ポイント
HTML5ハイブリッドアプリの活用ポイント HTML5ハイブリッドアプリの活用ポイント
HTML5ハイブリッドアプリ の活用ポイント アシアル株式会社
 
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスHTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスアシアル株式会社
 
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント 事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント Monaca
 
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイントエンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイントアシアル株式会社
 
GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセル
GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセルGTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセル
GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセルGame Tools & Middleware Forum
 
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」Osamu Shimoda
 
スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発
スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発
スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発Hiroyuki Hiki
 
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリアシアル株式会社
 
APIエコノミーで日本をよくしましょう
APIエコノミーで日本をよくしましょうAPIエコノミーで日本をよくしましょう
APIエコノミーで日本をよくしましょうRasmus Ekman
 
進化を続けるBluemix 最新情報
進化を続けるBluemix 最新情報進化を続けるBluemix 最新情報
進化を続けるBluemix 最新情報softlayerjp
 
Windows Phone / iOS / Android アプリ同時開発のススメ
Windows Phone / iOS / Android アプリ同時開発のススメWindows Phone / iOS / Android アプリ同時開発のススメ
Windows Phone / iOS / Android アプリ同時開発のススメYoshito Tabuchi
 
Watsonを使ってAIアプリを作ってみよう!-ハンズオン-
Watsonを使ってAIアプリを作ってみよう!-ハンズオン-Watsonを使ってAIアプリを作ってみよう!-ハンズオン-
Watsonを使ってAIアプリを作ってみよう!-ハンズオン-BMXUG
 
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例 インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例 Morikazu Suma
 
Watson × IBM Bluemix で簡単アプリ開発
Watson × IBM Bluemix で簡単アプリ開発Watson × IBM Bluemix で簡単アプリ開発
Watson × IBM Bluemix で簡単アプリ開発softlayerjp
 

Was ist angesagt? (20)

Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
 
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについてネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
 
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
 
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
 
HTML5ハイブリッドアプリ の活用ポイント
HTML5ハイブリッドアプリの活用ポイント HTML5ハイブリッドアプリの活用ポイント
HTML5ハイブリッドアプリ の活用ポイント
 
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスHTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
 
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
 
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント 事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
 
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイントエンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
 
GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセル
GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセルGTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセル
GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセル
 
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
 
スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発
スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発
スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発
 
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
 
APIエコノミーで日本をよくしましょう
APIエコノミーで日本をよくしましょうAPIエコノミーで日本をよくしましょう
APIエコノミーで日本をよくしましょう
 
進化を続けるBluemix 最新情報
進化を続けるBluemix 最新情報進化を続けるBluemix 最新情報
進化を続けるBluemix 最新情報
 
Windows Phone / iOS / Android アプリ同時開発のススメ
Windows Phone / iOS / Android アプリ同時開発のススメWindows Phone / iOS / Android アプリ同時開発のススメ
Windows Phone / iOS / Android アプリ同時開発のススメ
 
Watsonを使ってAIアプリを作ってみよう!-ハンズオン-
Watsonを使ってAIアプリを作ってみよう!-ハンズオン-Watsonを使ってAIアプリを作ってみよう!-ハンズオン-
Watsonを使ってAIアプリを作ってみよう!-ハンズオン-
 
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例 インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例
 
20160308seminar2
20160308seminar220160308seminar2
20160308seminar2
 
Watson × IBM Bluemix で簡単アプリ開発
Watson × IBM Bluemix で簡単アプリ開発Watson × IBM Bluemix で簡単アプリ開発
Watson × IBM Bluemix で簡単アプリ開発
 

Ähnlich wie 高いUXをハイブリッド開発で実現するためのポイント

Five Steps to Culture Change を日本語で解説する 2020/11/06
Five Steps to Culture Change を日本語で解説する 2020/11/06Five Steps to Culture Change を日本語で解説する 2020/11/06
Five Steps to Culture Change を日本語で解説する 2020/11/06Issei Hiraoka
 
デブサミ関西 2017| IoTビジネスが もっと発展するために必要なものとは?
デブサミ関西 2017| IoTビジネスが もっと発展するために必要なものとは?デブサミ関西 2017| IoTビジネスが もっと発展するために必要なものとは?
デブサミ関西 2017| IoTビジネスが もっと発展するために必要なものとは?SORACOM,INC
 
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選Yuki Okada
 
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8Koji Aihara
 
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版Yoshito Tabuchi
 
Smarthome dev overview
Smarthome dev overviewSmarthome dev overview
Smarthome dev overviewNaoto Tobita
 
元ITコンサルタントの目から見た「ITにおける今までのデザインとこれからのデザイン」
元ITコンサルタントの目から見た「ITにおける今までのデザインとこれからのデザイン」元ITコンサルタントの目から見た「ITにおける今までのデザインとこれからのデザイン」
元ITコンサルタントの目から見た「ITにおける今までのデザインとこれからのデザイン」Fixel Inc.
 
javascriptの基礎
javascriptの基礎javascriptの基礎
javascriptの基礎Masayuki Abe
 
業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイント業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイントアシアル株式会社
 
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまでMasafumi Konishi
 
自治体Web service 021114
自治体Web service 021114自治体Web service 021114
自治体Web service 021114伸夫 森本
 
【Web系ベンチャーが語るAWS利用事例】社内ソリューションアーキテクトのすすめ
【Web系ベンチャーが語るAWS利用事例】社内ソリューションアーキテクトのすすめ【Web系ベンチャーが語るAWS利用事例】社内ソリューションアーキテクトのすすめ
【Web系ベンチャーが語るAWS利用事例】社内ソリューションアーキテクトのすすめLIFULL Co., Ltd.
 
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しようMasayuki Abe
 
シラサギ紹介20170915
シラサギ紹介20170915シラサギ紹介20170915
シラサギ紹介20170915Naokazu Nohara
 
OSCnagoya2019(Shirasagi20190709)
OSCnagoya2019(Shirasagi20190709)OSCnagoya2019(Shirasagi20190709)
OSCnagoya2019(Shirasagi20190709)Naokazu Nohara
 
シラサギ紹介(OSC東京)
シラサギ紹介(OSC東京)シラサギ紹介(OSC東京)
シラサギ紹介(OSC東京)Naokazu Nohara
 
シラサギ紹介20170525
シラサギ紹介20170525シラサギ紹介20170525
シラサギ紹介20170525Naokazu Nohara
 

Ähnlich wie 高いUXをハイブリッド開発で実現するためのポイント (20)

Five Steps to Culture Change を日本語で解説する 2020/11/06
Five Steps to Culture Change を日本語で解説する 2020/11/06Five Steps to Culture Change を日本語で解説する 2020/11/06
Five Steps to Culture Change を日本語で解説する 2020/11/06
 
デブサミ関西 2017| IoTビジネスが もっと発展するために必要なものとは?
デブサミ関西 2017| IoTビジネスが もっと発展するために必要なものとは?デブサミ関西 2017| IoTビジネスが もっと発展するために必要なものとは?
デブサミ関西 2017| IoTビジネスが もっと発展するために必要なものとは?
 
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選
 
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
 
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
Xamarin 紹介:Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版
 
NucliOS 概要
NucliOS 概要NucliOS 概要
NucliOS 概要
 
Smarthome dev overview
Smarthome dev overviewSmarthome dev overview
Smarthome dev overview
 
元ITコンサルタントの目から見た「ITにおける今までのデザインとこれからのデザイン」
元ITコンサルタントの目から見た「ITにおける今までのデザインとこれからのデザイン」元ITコンサルタントの目から見た「ITにおける今までのデザインとこれからのデザイン」
元ITコンサルタントの目から見た「ITにおける今までのデザインとこれからのデザイン」
 
javascriptの基礎
javascriptの基礎javascriptの基礎
javascriptの基礎
 
業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイント業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイント
 
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
 
自治体Web service 021114
自治体Web service 021114自治体Web service 021114
自治体Web service 021114
 
【Web系ベンチャーが語るAWS利用事例】社内ソリューションアーキテクトのすすめ
【Web系ベンチャーが語るAWS利用事例】社内ソリューションアーキテクトのすすめ【Web系ベンチャーが語るAWS利用事例】社内ソリューションアーキテクトのすすめ
【Web系ベンチャーが語るAWS利用事例】社内ソリューションアーキテクトのすすめ
 
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
 
シラサギ紹介20170915
シラサギ紹介20170915シラサギ紹介20170915
シラサギ紹介20170915
 
OSCnagoya2019(Shirasagi20190709)
OSCnagoya2019(Shirasagi20190709)OSCnagoya2019(Shirasagi20190709)
OSCnagoya2019(Shirasagi20190709)
 
シラサギ紹介(OSC東京)
シラサギ紹介(OSC東京)シラサギ紹介(OSC東京)
シラサギ紹介(OSC東京)
 
Osc広島2017
Osc広島2017Osc広島2017
Osc広島2017
 
OSC長岡
OSC長岡OSC長岡
OSC長岡
 
シラサギ紹介20170525
シラサギ紹介20170525シラサギ紹介20170525
シラサギ紹介20170525
 

Mehr von Monaca

クロスプラットフォーム開発を可能にするMonaca
クロスプラットフォーム開発を可能にするMonacaクロスプラットフォーム開発を可能にするMonaca
クロスプラットフォーム開発を可能にするMonacaMonaca
 
展示会出展を成功させるたった一つのこと
展示会出展を成功させるたった一つのこと展示会出展を成功させるたった一つのこと
展示会出展を成功させるたった一つのことMonaca
 
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策Monaca
 
LT「料金プラン改定後のMonacaについて」
LT「料金プラン改定後のMonacaについて」LT「料金プラン改定後のMonacaについて」
LT「料金プラン改定後のMonacaについて」Monaca
 
クロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイントクロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイントMonaca
 
US Meetup Tour
US Meetup TourUS Meetup Tour
US Meetup TourMonaca
 
New things about Cordova 4.0
New things about Cordova 4.0New things about Cordova 4.0
New things about Cordova 4.0Monaca
 
Cordova and PhoneGap Insights
Cordova and PhoneGap InsightsCordova and PhoneGap Insights
Cordova and PhoneGap InsightsMonaca
 
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile appsUsing PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile appsMonaca
 
How to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/CordovaHow to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/CordovaMonaca
 
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜Monaca
 
LODチャレンジデー オープンデータを利用したサンプルアプリ
LODチャレンジデー オープンデータを利用したサンプルアプリLODチャレンジデー オープンデータを利用したサンプルアプリ
LODチャレンジデー オープンデータを利用したサンプルアプリMonaca
 
第6回LODチャレンジデー Monaca紹介資料
第6回LODチャレンジデー Monaca紹介資料第6回LODチャレンジデー Monaca紹介資料
第6回LODチャレンジデー Monaca紹介資料Monaca
 
Android Bazaar Conference講演資料「Onsen UIデビュー!」
Android Bazaar Conference講演資料「Onsen UIデビュー!」Android Bazaar Conference講演資料「Onsen UIデビュー!」
Android Bazaar Conference講演資料「Onsen UIデビュー!」Monaca
 
Monacaで簡単スマートフォンアプリ開発体験講座
Monacaで簡単スマートフォンアプリ開発体験講座Monacaで簡単スマートフォンアプリ開発体験講座
Monacaで簡単スマートフォンアプリ開発体験講座Monaca
 
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Monaca
 
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編Monaca
 
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実Monaca
 
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解Monaca
 
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演Monaca
 

Mehr von Monaca (20)

クロスプラットフォーム開発を可能にするMonaca
クロスプラットフォーム開発を可能にするMonacaクロスプラットフォーム開発を可能にするMonaca
クロスプラットフォーム開発を可能にするMonaca
 
展示会出展を成功させるたった一つのこと
展示会出展を成功させるたった一つのこと展示会出展を成功させるたった一つのこと
展示会出展を成功させるたった一つのこと
 
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
 
LT「料金プラン改定後のMonacaについて」
LT「料金プラン改定後のMonacaについて」LT「料金プラン改定後のMonacaについて」
LT「料金プラン改定後のMonacaについて」
 
クロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイントクロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイント
 
US Meetup Tour
US Meetup TourUS Meetup Tour
US Meetup Tour
 
New things about Cordova 4.0
New things about Cordova 4.0New things about Cordova 4.0
New things about Cordova 4.0
 
Cordova and PhoneGap Insights
Cordova and PhoneGap InsightsCordova and PhoneGap Insights
Cordova and PhoneGap Insights
 
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile appsUsing PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
 
How to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/CordovaHow to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/Cordova
 
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
 
LODチャレンジデー オープンデータを利用したサンプルアプリ
LODチャレンジデー オープンデータを利用したサンプルアプリLODチャレンジデー オープンデータを利用したサンプルアプリ
LODチャレンジデー オープンデータを利用したサンプルアプリ
 
第6回LODチャレンジデー Monaca紹介資料
第6回LODチャレンジデー Monaca紹介資料第6回LODチャレンジデー Monaca紹介資料
第6回LODチャレンジデー Monaca紹介資料
 
Android Bazaar Conference講演資料「Onsen UIデビュー!」
Android Bazaar Conference講演資料「Onsen UIデビュー!」Android Bazaar Conference講演資料「Onsen UIデビュー!」
Android Bazaar Conference講演資料「Onsen UIデビュー!」
 
Monacaで簡単スマートフォンアプリ開発体験講座
Monacaで簡単スマートフォンアプリ開発体験講座Monacaで簡単スマートフォンアプリ開発体験講座
Monacaで簡単スマートフォンアプリ開発体験講座
 
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
 
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
 
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
 
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
 
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
 

高いUXをハイブリッド開発で実現するためのポイント