Recommended
More Related Content
More from Hajime Ogushi
More from Hajime Ogushi (20)
HTML5Conference2012 LT ピンチとチャンス
- 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. 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 7. 1 2 3 4 HTML5 - 5 6 7 8 ピンチと 9 10 11 12 13 チャンス 14 15 16 17 18 19 20 mgn , @megane9988
- 8. 1 2 3 4 5 6 LT登壇の 7 8 9 10 きっかけ 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 9. 1 2 3 4 5 6 7 8 9 HTML5 Conference 10 1000人完売 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 10. 1 2 3 4 5 6 7 8 LT募集開始 9 10 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 11. 1 2 3 4 5 6 とりあえず 7 8 9 10 応募 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 12. 1 2 3 4 5 6 7 8 受かった！ 9 10 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 13. 1 2 3 4 5 6 7 8 調査！ 9 10 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 16. 1 2 3 4 5 6 プログラマー 7 8 9 10 主役 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 17. 1 2 3 4 5 6 7 8 汗 9 10 11 12 13 14 15 やばい 16 17 18 19 20 mgn , @megane9988
- 18. 1 2 3 4 5 6 わたし 7 8 9 10 11 12 13 14 15 ノンプログラマー 16 17 18 19 20 mgn , @megane9988
- 19. 1 2 3 4 5 6 なぜ 7 8 9 10 受かった。。 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 20. 1 2 3 4 HTML5 - 5 6 7 8 ピンチと 9 10 11 12 13 チャンス 14 15 16 17 18 19 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 22. 1 2 ディレクター 3 4 5 6 7 8 として昨今の 9 10 11 12 13 14 WEBの実感 15 16 17 18 19 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 26. 1 2 3 HTML5 4 5 6 7 8 だいぶ来てる 9 10 11 12 13 もっと来る 14 15 16 17 18 19 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 32. 1 2 3 4 5 6 7 8 9 10 11 12 さらに 13 14 15 16 17 18 19 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 34. 1 2 3 4 5 6 7 8 さらに 9 10 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 36. 1 2 3 やばい やばい やばい や 4 5 ばい やばい やばい やば い やばい やばい やばい 6 7 8 やばい やばい やばい や 滝汗 9 10 11 12 ばい やばい やばい やば 13 14 い やばい やばい やばい 15 16 やばい やばい やばい や ばい やばい やばい やば 17 18 19 20 い やばい やばい やばい mgn , @megane9988
- 37. 1 2 3 4 5 6 7 8 それでも 9 10 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 38. 1 2 3 4 5 6 7 8 やるしかない 9 10 11 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 41. 1 2 3 4 5 6 7 8 9 10 というわけで 11 12 13 14 やってみました。 15 16 17 18 19 20 mgn , @megane9988
- 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 なんとなくHTML５のタグがわかるような 18 デザインになってます。 19 </section> </article> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 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> 20 mgn , @megane9988
- 46. 1 2 3 4 5 6 7 8 9 10 プログラムと 11 12 13 14 無関係？ 15 16 17 18 19 20 mgn , @megane9988
- 47. 1 2 3 4 5 6 7 8 9 10 11 Pave the Cowpaths おきのめすままに 12 13 14 15 16 17 18 19 20 mgn , @megane9988
- 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> 20 mgn , @megane9988