モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」

モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」 Tomomi Imura（Slack） 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もありました。 そこでその中の数少ないChromeのセッションの中から、私が興味深く感じたクロスデバイス開発にはこの先欠かせなくなると思われる Chrome DevToolsの新機能についてレポートします。 このセッションを行ったPaul Bakaus氏（以下、ポール氏）は、かつてjQuery UIやAvesゲームエンジンを開発したことでも知られています。一時期日本に在住していたこともあるので、この記事を読んでいる皆さんには既になじみのある方かもしれません。現在はGoogle

[tvsk]

モバイルの帯域シミュレート機能、その他

[sutara_lumpur]

今更知った…orz Webサイト制作だけならAndroidSDKなんていらんかったんや…。

[tokumita]

ウェブブラウザ「Google Chrome」でスマホ向けページのデザインを調整する時に使える便利な機能

[hietommy]

なんかいきなり黒いの現れてなんだなんだとおもったけどあのアイコン押してたのか　解決してすっきりした！

[Rockridge]

Chrome 38のDevToolsでは遅い回線コネクションをエミュレートすることが可能になる。

[kamatamadai]

Canary(v38)ではデバイスモード、モバイル通信環境のエミュレーション、スクリーンキャストによるリモートデバッグなどができる.正式版はいつ?

[komz]

モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」NEW

[himvoice]

なんかすごそう

[hanabi_hibana]

Chrome Dev Toolsについて

[lequinharay]

リモートデバッグはいつcanaryから安定版にやってくるんだ……

[hiroomi]

“「今の時代、モバイルWebを制する者がWebを制する！」と断言するポール氏。「Webコンテントは水のようにフローし（流れ）、どんなフォームファクター上でもフロー（描写）せねばならない」と”

[banchikichi]

後で

[dentaq]

“そしてさらに新しい機能のWorkspaceを使えば、ここで変更されたメディアクエリをローカルのファイルシステムに直接反映させることもできます。”

[sionsou]

へーこれはすごい！

[norip44]

開発者向けChromeの、canaryに入っている機能。私もcanary導入してみようかな・・・

[otchy210]

デバイスモードは、これまでも地味に有用だったエミュレーション機能がより使いやすい UI を備えて再アナウンスという感じ。ネットワークエミュレーションとかスクリーンキャストは初っぽい。

[qualitas]

chrome デベロッパーツールのデバイスモードについての解説

[touch_web]

[

[iku-sawa11]

便利そう

[kasumani]

モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」NEW 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパー

[barlog]

こりゃリーサル ウエッッッッッポン。

[ryo_n574]

いいね

[snowsunny]

へぇー、色んな機能が追加されるんだなー知らなかった。早速Canaryで試してみたけどどれも良い感じ。UbnuntuだとCanaryが使えないので早くChromeに追加して欲しいなー、期待。

[tomtoma1025]

こりゃええの　“experiments”

[peketamin]

すごい…！

[ooiooiooi0313]

モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」NEW 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパー

[albatrosary]

Chromeすごい！

[iwashi86]

chrome devtools