itochin2の日記(仮)スマートフォン用の表示で見るitochin2の日記(仮)主に備忘録。Perl、MySQL、Unity、開発管理などについて情報を残していきたい。この広告は、90日以上更新していないブログに表示しています。androidいろいろ刺激になったので、忘れないうちにメモ。貴重なお話ありがとうございました。概要http://kokucheese.com/event/index/90708/ハッシュタグ:#html5j1.最近のHTML5はどうなっているのかHTML5&API入門の中の人、本物を初めてみた!オシャレ坊主に憧れて坊主にしたけど、今は後悔している・・・みたいな場を温めるネタも面白かった。「HTML5は7つの◯◯WEBに対応している」というお話。1.オフラインWEBコンテンツをローカルにキャッシュし、オフラインでもサービスが動く2.リアルタイムWEBwebSocketを利用して、リアルタイム性の高いサービスを作れる。Communication」の略で、プラグイン無しでブラウザ間の音声通話が可能になるAPIらしい。電話とか無くなる時代がくるのかな・・・。3.レスポンシブWEB1つのHTLMで複数のレイアウトを実現できる。CSSメディアクエリを使えば、スタイルシートの定義だけでスマホ用、タブレット用、PC用にレイアウト変更できる!4.セマンティックWEB「セマンティック」が何を意味するのかがよく分からなかったけどメタデータを埋め込むことでコンテンツに意味を付加するものらしい。すると、情報が効率よく集められて、WEB全体がデータベースになっていく。5.スピーディーWEBSPDY。HTTPの拡張プロトコル。HTTPの拡張があること自体知らなかった。6.プラットフォームWEBデバイスAPIが揃ってきて、BlueToothとかカメラとか扱えるようになってきた。7.インプレッシブWEB白石さんの造語。インプレッシブ(感動的)なサービスが生まれてきた。GL使って、3Dのアプリを作ったりもできる![rome]http://www.ro.me/このデモはパない。HTML5のメリット・デメリットネイティブに比べると動作遅いし、アプリストアからの動線もないけどインストール不要だし、サービスの取り回しは軽くて自由度が高い。今はサーバとクライアントに分かれつつある。最近はサーバ側の負担が重くなってきたのと、端末の処理能力が向上したので徐々に統合される流れがある。課題はロジックとViewの分離が難しいこと。プログラマはデザインの変更で追加実装を嫌がるし、デザイナーはプログラムの修正に合わせて、デザインを修正するのを嫌がるっていうのは思い当たる節があった。AndroidはiOSに比べて3〜5倍のユーザーがいるので数を持って市場を制す方針。3.ハイブリッドアプリの設計cookpadさんの事例。ユーザーにとって価値あるサービスを提供できるようにWebViewで出来ること、Nativeで出来ることを把握して取捨選択して設計しましょう、という話だった。前にボコボコに叩かれてから持ち直しただけに、説得力があった。講演でのハイブリットアプリの定義は「基本Nativeで、一部の画面がWebView」スタイル。画面を設計する時に検討すること。品質:NativeとのUXがどのくらい違うのか。実装コスト:HTML5でどれだけ楽に作れるのか。運用コスト:更新の頻度と手間を考える。WebViewが適さないものリスト系、画像のギャラリー系。動的にDOM要素が増えていくものや、大量に画像読み込んでいくもの。メモリをガンガン食って落ちたりするし、Nativeのサクサクな操作性には勝てない。WebViewに適しているもの詳細画面とかの文字ベースコンテンツ。レイアウトを変えたりするのは、頻繁に情報を更新するページはHTMLで作った方が良い。HTMLって文字を表示するための技術だからな!画面遷移はNativeで管理するのが吉。Webの画面遷移はユーザーごとに違うので読めないけど、Nativeなら制御できる。制御できるので、先読みでリソース落としたりしてストレス軽減を狙える。良いサービスにはこういう細かい気配りが必要だよなー。4.ハイブリットソーシャルゲームの現場ポケラボさんの事例。用意してきた会社紹介ムービーをばっつり終了させたのは笑った。毎日が負のログインボーナス!っていうのは笑えるけど笑えない・・・。スマホでのアニメーションをどのようにして実装しているかヒントを貰えてよかった。ハイブリットアプリ導入の流れ消去法。WEBエンジニアとflasherが多くて、ネイティブは無理だからハイブリットにした。WebViewは遅いんじゃないか?ちょっとしたアニメーションはCSSで。した奴は変換したものを使う。あとキャッシュをちゃんと使うことで高速化を図っている。膨大なスキル演出100を超える演出の管理が大変。RequireJSを使って、つど読み込みしてる。固定のヘッダー・フッターUXを向上させるヘッダー・フッターをハイブリットに実装してる。webからjson形式でパラメータを渡し、Nativeが解析&Viewに変換して表示。動作は早いし、更新も簡単!このアイデアはいいと思った。演出アニメーションの高速化flash→JS→Androidに変換させる仕組みを自作した。Storage使って、アプリケーション高速化することを調べる。Swiffy、ExGame、LWFあたりのキーワードを調べる。絶対防衛レヴィアタンもプレイしてみる。LWFを導入してるらしい。RequireJSって何かを調べる。»プロフィールid:itochin2主に備忘録。Perl、MySQL、Unity、開発管理などについて情報を残していきたい。月別アーカイブはてなブログをはじめよう!itochin2さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。