Weitere ähnliche Inhalte
Mehr von 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
なんとなくHTML5のタグがわかるような
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