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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

1,847
views

Published on

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

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

Published in: Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,847
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
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 を多数使ったリッチコンテンツを提供する場合は、 コストはかかりますが、スマートフォン版の制作をしましょう!

    ×