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