• Like
スマートフォンにおけるリッチコンテンツの提供について
Upcoming SlideShare
Loading in...5
×

スマートフォンにおけるリッチコンテンツの提供について

  • 1,756 views
Uploaded on

社内スマートフォン共有会で使用したスライドを公開用に調整したもの

社内スマートフォン共有会で使用したスライドを公開用に調整したもの

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,756
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
3
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • フルフラッシュサイト そもそもフルフラッシュサイトってどないやねん 全てをスマートフォンに対応するのは難しい フルフラッシュサイトは、スマートフォン版を別で用意することを 検討するべき スマートフォン版では、 PC 版とは別に考え ユーザーインターフェースの工夫程度に抑える方が スマートフォン利用者には優しい

Transcript

  • 1. スマートフォンにおける リッチコンテンツの提供について ~ HTML5 と JavaScript をフル活用~ 株式会社エボルニ システム部門 ディレクター 出口 達也
  • 2. プロフィール
      • Web エンジニア兼ディレクター
      • エボルニで 5 年目(古い方から 2 番目です)
      • PHP での開発が得意です( CakePHP を主に使います)
      • でも、 PHP より Java の方が好き(一部の人に、 Java 男と呼ばれた過去があります)
      • 最近は、 JavaScript (主に jQuery や jQuery Mobile )と HTML5 関連に胸が踊ります
      • Flash は嫌いです…
      • Xperia(SO-01B) ユーザーです!
      • Facebook やってま~す http://www.facebook.com/tatsuya.deguchi
  • 3. スマートフォンユーザーにも リッチなコンテンツを提供したいけど… Flash は Android2.2 以上の端末でしか使えない
  • 4. Flash 以外のリッチコンテンツ提供方法 Flash 以外ならこいつらしか居ない! CSS3
  • 5. Flash 以外のリッチコンテンツ提供方法
    • 動画について
    テキストリンク OR <video> <source src=&quot; ~ &quot; type=' ~ ' /> </video> YouTube なら自動的に最適化してくれる。 または、テキストリンクで、直接ファイルを指定。 HTML5 の video タグは、まだ完璧じゃない。 OR
  • 6. Flash 以外のリッチコンテンツ提供方法
    • PC サイトがフルフラッシュ
    Flash ってなに?ぐらいの勢いで Flash を使わずに、スマートフォン用のサイトを作りましょう!
  • 7. Flash 以外のリッチコンテンツ提供方法
    • PC サイトの一部が Flash のサイト
      • ナビゲーション
        • Flash でなくても実現出来ることほとんど
        • はじめから JavaScript を使って実装する
        • onmouseover, onmousemove, onmouseout などの mouse 系イベントが使えない
        • 代わりに、 onontouchstart, ontouchmove, ontouchend などの touch 系イベントを使う必要がある
      • スライドショー
        • Flash の代わりに JavaScript を使う
        • アニメーションは少なく、ある程度単純化すれば JavaScript で問題なく出来る
  • 8. まとめ ~これからの標準~ 以上です。より良い Web サイトを作りましょう! Flash を使わずに、 JavaScript+HTML5+CSS3 の組み合わせで制作しましょう! PC 版で Flash を多数使ったリッチコンテンツを提供する場合は、 コストはかかりますが、スマートフォン版の制作をしましょう!