HTML5Conference2012 LT ピンチとチャンス

18,636 views
18,641 views

Published on

HTML5Conference2012 9/8 LT

1 Comment
12 Likes
Statistics
Notes
  • Hi, my name is Morine, I am new here, I like your profile and i will be happy if you contact me through my email (morinebaby1988@yahoo.com) so that i will tell you about myself and also share more pictures with you, Take Care.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
18,636
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
17
Comments
1
Likes
12
Embeds 0
No embeds

No notes for slide

HTML5Conference2012 LT ピンチとチャンス

  1. 1. 1 <!doctype html> <html dir="ltr" lang="ja"> 2 <head> 3 <meta charset="utf-8"> 4 5 <title> 6 7 8 9 HTML5 - ピンチとチャンス 10 11 </title> 12 </head> 13 14 <body> 15 <div id="container"> <header class="header" role="banner"> 16 <div id="inner-header" class="wrap clearfix"> 17 <p id="author" class="h1"> 18 19 <a href="#" rel="nofollow"> @megane9988 </a> 20 </p>mgn , @megane9988
  2. 2. 1 <article id="post" > <header class="article-header"> <h1> 2 @megane9988 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 10 11 12 13 ディレクター 14 15 今年5月に独立 兼 16 お陰様で4.5ヶ月 デザイナー 17 18 19 </section> </article> 20mgn , @megane9988
  3. 3. 1 <article id="post" > <header class="article-header"> <h1> 2 ディレクター? 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 C 10 11 12 13 14 15 16 17 18 19 </section> </article> 20mgn , @megane9988
  4. 4. 1 <article id="post" > <header class="article-header"> <h1> 2 ディレクター? 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 C D 10 11 12 13 14 15 16 17 18 19 </section> </article> 20mgn , @megane9988
  5. 5. 1 <article id="post" > <header class="article-header"> <h1> 2 ディレクター? 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 C D 10 11 12 13 14 15 16 17 18 19 </section> </article> 20mgn , @megane9988
  6. 6. 1 <article id="post" > megane!! <header class="article-header"> <h1> 2 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 C D 10 11 12 13 14 15 16 17 18 19 </section> </article> 20mgn , @megane9988
  7. 7. 1 2 3 4 HTML5 - 5 6 7 8 ピンチと 9 10 11 12 13 チャンス 14 15 16 17 18 19 20mgn , @megane9988
  8. 8. 1 2 3 4 5 6 LT登壇の 7 8 9 10 きっかけ 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  9. 9. 1 2 3 4 5 6 7 8 9 HTML5 Conference 10 1000人完売 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  10. 10. 1 2 3 4 5 6 7 8 LT募集開始 9 10 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  11. 11. 1 2 3 4 5 6 とりあえず 7 8 9 10 応募 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  12. 12. 1 2 3 4 5 6 7 8 受かった! 9 10 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  13. 13. 1 2 3 4 5 6 7 8 調査! 9 10 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  14. 14. 1 <article id="post" > <header class="article-header"> <h1> 2 過去スライド調査 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 緊急地震速報 by Extension を作って 9 10 11 HTML5 for Mobile 12 13 スマホ向けwebアプリとWeb SQL Databaseでのオ 14 フライン対応 15 16 17 学生向け会社説明会でHTML5で弄んでみた 18 19 </section> </article> 20mgn , @megane9988
  15. 15. 1 <article id="post" > <header class="article-header"> <h1> 2 過去スライド調査 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 緊急地震速報 by Extension を作って 9 10 11 HTML5 for Mobile 12 13 スマホ向けwebアプリとWeb SQL Databaseでのオ 14 フライン対応 15 16 17 学生向け会社説明会でHTML5で弄んでみた 18 19 </section> </article> 20mgn , @megane9988
  16. 16. 1 2 3 4 5 6 プログラマー 7 8 9 10 主役 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  17. 17. 1 2 3 4 5 6 7 8 汗 9 10 11 12 13 14 15 やばい 16 17 18 19 20mgn , @megane9988
  18. 18. 1 2 3 4 5 6 わたし 7 8 9 10 11 12 13 14 15 ノンプログラマー 16 17 18 19 20mgn , @megane9988
  19. 19. 1 2 3 4 5 6 なぜ 7 8 9 10 受かった。。 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  20. 20. 1 2 3 4 HTML5 - 5 6 7 8 ピンチと 9 10 11 12 13 チャンス 14 15 16 17 18 19 20mgn , @megane9988
  21. 21. 1 <article id="post" > <header class="article-header"> <h1> 2 ポジティブに! 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 きっとノンプログラマーにも 9 10 門戸を広げたい! 粋 11 12 13 14 15 16 17 18 という なはからいであろう 19 </section> </article> 20mgn , @megane9988
  22. 22. 1 2 ディレクター 3 4 5 6 7 8 として昨今の 9 10 11 12 13 14 WEBの実感 15 16 17 18 19 20mgn , @megane9988
  23. 23. 1 <article id="post" > <header class="article-header"> <h1> 2 携帯デバイス増加 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 担当メディアサイト 9 10   PC 11 12   モバイル 35% 13 14 アクセス比率 15 16 65% 17 18 19 </section> </article> 20mgn , @megane9988
  24. 24. 1 <article id="post" > <header class="article-header"> <h1> 2 ブラウザの向上 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 IEの利用バージョン 9 5% 10 11% 11   9 12   8 13 14   7   6 51% 15 16 33% 17 マイナビより引用 18 http://news.mynavi.jp/news/2012/06/05/023/index.html 19 </section> </article> 20mgn , @megane9988
  25. 25. 1 <article id="post" > <header class="article-header"> <h1> 2 クライアント要望 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 10 11 IE6など 12 13 14 15 スマホ 16 17 18 19 </section> </article> 20mgn , @megane9988
  26. 26. 1 2 3 HTML5 4 5 6 7 8 だいぶ来てる 9 10 11 12 13 もっと来る 14 15 16 17 18 19 20mgn , @megane9988
  27. 27. 1 <article id="post" > <header class="article-header"> <h1> 2 来てる 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 10 11 12 13 14 15 16 17 18 19 </section> </article> 20mgn , @megane9988
  28. 28. 1 <article id="post" > <header class="article-header"> <h1> 2 大勢すぎ。 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 10 11 12 13 14 15 16 17 18 19 </section> </article> 20mgn , @megane9988
  29. 29. 1 <article id="post" > <header class="article-header"> <h1> 2 あのインパクト① 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 10 11 12 13 14 15 16 17 テーブルレイアウト CSSレイアウト 18 19 </section> </article> 20mgn , @megane9988
  30. 30. 1 <article id="post" > <header class="article-header"> <h1> 2 あのインパクト② 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 10 11 12 13 14 15 16 17 スタティック ダイナミック 18 19 </section> </article> 20mgn , @megane9988
  31. 31. 1 <article id="post" > <header class="article-header"> <h1> 2 遅れられない! 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 経験上、いま逃げると 10 11 きっとダメ 12 13 14 15 16 17 <aside class="shinji"> 逃げちゃダメだ 逃げちゃダ ... </aside> 18 19 </section> </article> 20mgn , @megane9988
  32. 32. 1 2 3 4 5 6 7 8 9 10 11 12 さらに 13 14 15 16 17 18 19 20mgn , @megane9988
  33. 33. 1 <article id="post" > <header class="article-header"> <h1> 2 色々ついてくる 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 UX php 8 Cloud 9 10 11 12 13 jquery sass mysql less 14 15 16 API Responsive 17 18 19 </section> </article> 20mgn , @megane9988
  34. 34. 1 2 3 4 5 6 7 8 さらに 9 10 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  35. 35. 1 <article id="post" > <header class="article-header"> <h1> 2 水平から垂直 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 ディレクション担当 9 10 11 デザイン担当 12 少人数で 13 コーディング担当 14 すべてを担当 15 プログラミング担当 16 17 18 サーバ担当 19 </section> </article> 20mgn , @megane9988
  36. 36. 1 2 3 やばい やばい やばい や 4 5 ばい やばい やばい やば い やばい やばい やばい 6 7 8 やばい やばい やばい や 滝汗 9 10 11 12 ばい やばい やばい やば 13 14 い やばい やばい やばい 15 16 やばい やばい やばい や ばい やばい やばい やば 17 18 19 20 い やばい やばい やばいmgn , @megane9988
  37. 37. 1 2 3 4 5 6 7 8 それでも 9 10 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  38. 38. 1 2 3 4 5 6 7 8 やるしかない 9 10 11 12 13 14 15 16 17 18 19 20mgn , @megane9988
  39. 39. 1 <article id="post" > <header class="article-header"> <h1> 2 3 4 5 Pave the Cowpaths </h1> </header> 6 <section class="post-content clearfix"> 7 8 9 10 11 Pave the Cowpaths おきのめすままに 12 13 14 15 16 17 18 19 </section> </article> 20mgn , @megane9988
  40. 40. 1 <article id="post" > <header class="article-header"> <h1> 2 ちょうどいい時期 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 まだもう少し時間はありそう。 9 10 なにか新しいことキッカケ。 11 12 13 なかなか動かない自分を動かす 14 15 16 17 18 19 </section> </article> 20mgn , @megane9988
  41. 41. 1 2 3 4 5 6 7 8 9 10 というわけで 11 12 13 14 やってみました。 15 16 17 18 19 20mgn , @megane9988
  42. 42. 1 <article id="post" > <header class="article-header"> <h1> 2 これです。 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 HTML5な 8 9 10 11 keynote 12 13 14 15 16 17 なんとなくHTML5のタグがわかるような 18 デザインになってます。 19 </section> </article> 20mgn , @megane9988
  43. 43. 1 <article id="post" > <header class="article-header"> <h1> 2 新しい要素に対応 3 </h1> </header> 4 5 6 <section class="post-content clearfix"> 7 8 9 header article 10 11 12 13 14 15 16 17 18 19 </section> </article> 20mgn , @megane9988
  44. 44. 1 <nav role="navigation"> <div class="menu"> 2 <ul> 3 4 <li>目次のためのマスター</li> 5 <li>これは</li> 6 7 <li>目次で</li> 8 <li>使うことを</li> 9 10 <li>想定</li> 11 <li>しています</li> 12 13 14 15 16 nav要素 17 18 </ul> 19 </div> </nav> 20mgn , @megane9988
  45. 45. 1 <article id="post" > <header class="article-header"> <h1> 2 3 4 5 共有といえば github </h1> </header> 6 <section class="post-content clearfix"> 7 8 いじってもらえれば幸いです。 9 10 11 12 https://github.com/ 13 14 megane9988/ 15 16 html5keynote 17 18 19 </section> </article> 20mgn , @megane9988
  46. 46. 1 2 3 4 5 6 7 8 9 10 プログラムと 11 12 13 14 無関係? 15 16 17 18 19 20mgn , @megane9988
  47. 47. 1 2 3 4 5 6 7 8 9 10 11 Pave the Cowpaths おきのめすままに 12 13 14 15 16 17 18 19 20mgn , @megane9988
  48. 48. 1 <footer class="footer" role="contentinfo"> 2 3 4 ありがとうございました! 5 6 7 8 9 10 11 12 13 14 15 16 </div> 17 </footer> </div> 18 </body> 19 </html> 20mgn , @megane9988

×