[Chrome] [Mac] UA変更がめんどくさくなったからbashrcに直接書く

ChromeのアップデートでDevtoolsのUA変更のチェックボックスが新規タブに引き継がれなくなった。
UA判定してるページのデバッグのときめんどくさいので初心に戻って引数でUA変えて起動しちゃいましょう。

iphone(){
command open -a Google\ Chrome\ Canary.app --args --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 5_1_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B206 Safari/7534.48.3"
}

あとはコマンド実行するだけ（既に同じChromeが起動してる場合プロファイルわけるとかしないとだめ）

$ iphone

ほんとはaliasでスマートに引数使ってやりたかったんだけどできないらしいから関数にしてみた。
結局引数使わないことにしたからaliasで書けるんだろうけどまぁいいか。

あとメインのChromeでやるとPCサイト見るのめんどうだからCanaryでデバッグするようにした（逆のほうがいいかも)
プロファイルわけるとかめんどうだし

[HTML5] HTML5とか勉強会#35に参加してきた

テーマ

Web+OS最前線！

• Tizenの概要/今村 博宣さん
• Tizen APIの概要/高橋 成人さん
• Firefox OS(仮)/浅井智也さん

Tizen

Tizenの立ち位置ってどんな感じなのかなと思ってたけど，車載用はTizen IVI，モバイル用はTizen Mobileと現在主に2系統あるってのは全く知らなかった。

Tizen Mobileはそんなに流行る気がしないと思ってるけどTizen IVIの方は未来がありそうな予感というか期待。

Firefox OS

Firefox OSの情報は漠然としか知らなかったけど，今回の勉強会でかなり興味を持った。
カーネルの上に乗ってるのがGeckoエンジンだけでJVMとかのボトルネックがない分，高速でスリムなHTML5・JS・CSSを実行できる環境てのはすごくいいと思う。
Mozillaの目指してるネイティブアプリ＝Webアプリな世界は是非とも到来してほしい（させたい）と思う。

勉強会の最中に早速シミュレータ入れたのでグリグリいじって遊びたいと思います。コンコン

スペシャルゲストとその後の展開！

今回の勉強会は会場がKDDIさんでした。セッションの合間にスペシャルゲストとしてなんとKDDI代表取締役の田中孝司氏が登場！
田中氏はHTML5とかのWeb技術にとっても興味があってこういった技術をもっと押していけるように支援したいと言ってました。html5jとKDDIはｽﾞｯﾄﾓ！

自分は聞けなかったんですが，その後の囲み取材でKDDIがFirefox OS搭載端末の販売を検討していると判明したとのこと！

http://japan.cnet.com/news/service/35027172/

すごく楽しみ

今回の勉強会の詳しい内容はまたレポート記事で書く予定です。

[CSS]display:tableを設定した場合のwebkitのバージョンによる解釈の違い？

レイアウト組むときにdivにdisplay:table使うことがあるんだけども
display:tableを指定した要素にwidthも一緒に設定するとどうやら古いwebkitではwidthのプロパティが無視されるらしい。
手持ちで確認できたのはiOS5.1.1のSafari(iPhone4S)とGalaxyS2LTEのAndroid2.3.6の標準ブラウザ

Androidブラウザ爆…Safariもだから許した

[Chrome] Dev toolsのUA設定が新規タブに引き継がれなくなった

Chromeのバージョン 24.0.1312.52の話

Dev toolsのUser-agentの設定が保持されないようになったのか新規タブを開くたびにUser-agent変更のチェックボックスをクリックしなくちゃならなくなった

バージョン 23.0.1271.101ではどこかのタブでUA変更のチェック入れたら新規タブでDev toolsを開いた場合にチェックが保持された状態になってた
保持されなくなっちゃったせいUA判定して表示切り替えてるページのデバッグ速度が相当遅くなった

解決方法も見つからないし個人的にすごく困るのでしばらくバージョン戻して使う（通知なしの自動更新はんたーい）

MacのChromeでDev toolsがエラーで表示できなくなった

Mac版のChrome(バージョン 24.0.1312.52)でDev tools開いてUAとかTouch event設定するために歯車をクリックするとエラーでDev toolsがクラッシュする症状が起きた

原因はabout:flagsの
：JavaScript の試験運用機能を有効にする
　ウェブページで JavaScript の試験運用機能を使用できるようにします。

これがONになってるせいだった。OFFにしたらエラー起きなくなった:)