今までにないサイトを作る：HTML5 による最新ウェブアプリ / Google Developer Day 2011 JP #gdd11jp #chr3

ぐりむさん@1.6kg/cm2 @grim13b

#gdd11jp #chr3 メモ css media query

名無しのごんた🍜 @nana4gonta

CSSメディアクエリを使って、デバイスによってレイアウトを変える #gdd11jp #chr3

kazken3 @kazken3

CSS media query for Style Sheet。デバイスごとエクスペリエンスを提供する。 #gdd11jp #chr3

Satoshi Kojima @skoji

CSS media queriesってJSのなかでもつかえるのかー。 #chr3 #gdd11jp

コンユウ @kon_yu

#gdd11jp, #chr3, 参入障壁を下げる、。OpenIDを使わないと。ユーザ登録はユーザが増えない

tomiyan（冨田昌邦） @tomiyan

CSS Media Queryを利用することでタブレットや携帯切り分ける JSでも同様 #gdd11jp #chr3

名無しのごんた🍜 @nana4gonta

window.matchMedia でJavascript側でもメディアクエリができる #gdd11jp #chr3

はるか @haru1351

CSS media query #chr3

Masakazu Matsushita @matsukaz

<link rel="stylesheet" media="only screen and (max-width:480px)" src="xxx"> でデバイス固有のCSSを指定。テストするときはwindows.matchMedia()で確認。 #gdd11jp #chr3

kazken3 @kazken3

ブラウザのrangeを変えていくとリアルタイムに対応するデバイスが変わっていくデモ #gdd11jp #chr3

publichtml @publichtml

CSS Media Queryってけっこう細かい指定できるんだ #chr3 #gdd11jp

名無しのごんた🍜 @nana4gonta

http://t.co/JD1yZ7iE メディアクエリのライブラリ #gdd11jp #chr3

Fumikazu Fujiwara @freddiefujiwara

Formfactor.jsをつかえば簡単にMediaQueryを扱える　http://t.co/J2sIVYj6　#gdd11jp #chr3

コンユウ @kon_yu

#chr3, css media query で端末がPCやタブレットを判断して、読ませるものを変える

kazken3 @kazken3

Make a single page app:1ページで複数のページをStoreする #gdd11jp #chr3

Fumikazu Fujiwara @freddiefujiwara

window.history.pushStateで #がついたページのヒストリに積んでるのか #gdd11jp #chr3

Hiroaki TAKAHASHI @hironey

single page app と deep link の考え方が重要。history API を使う。ステート毎に URLに # を使ってユニークにし、window.history.pushState() する感じ #gdd11jp #chr3

わかめ@毎日猫がいる @vvakame

LeviRoutesあとでぐぐる ぎとはぶ #gdd11jp #chr3

しん @shintwlv

入れず…(´・ω・`) / 今までにないサイトを作る：HTML5 による最新ウェブアプリ： #chr3 #gdd11jp

名無しのごんた🍜 @nana4gonta

HTML5 HistroyAPI のpushStateとpopState #gdd11jp #chr3

tomiyan（冨田昌邦） @tomiyan

HTML5 history api/githubでも利用されている deep linkもある #gdd11jp #chr3

kazken3 @kazken3

githubがsingle page appのいい例 #gdd11jp #chr3

Masakazu Matsushita @matsukaz

http://t.co/sXHxeevN LeviRoutes は A simple lightweight routes framework for hooking in to HTML5 history とのこと。 #gdd11jp #chr3

tomiyan（冨田昌邦） @tomiyan

history apiを使うとスクロールの途中へもディープリンクを貼ることができる #gdd11jp #chr3

Fumikazu Fujiwara @freddiefujiwara

History API のデモ http://t.co/fCm8gurd #gdd11jp #chr3