じまぐてっく

2013年1月22日火曜日

[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/

すごく楽しみ

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

2013年1月21日月曜日

[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にしたらエラー起きなくなった:)

2012年7月25日水曜日

第31回 HTML5とか勉強会活動報告をかきました

http://gihyo.jp/news/report/2012/07/2401 ちょっと遅くなりましたが公開されました今回テーマはJavaScriptのMVCフレームワークだったのですが自分自身MVCに精通してるわけではないので勉強会中も頭がおいつかなくてどうしような感じでしたもっと自力をつけてしっかりとした記事が書けるようになりたいです

2012年6月21日木曜日

[CSS] background-positionの垂直中央配置がmiddleじゃなかった

縦方向の中央配置がmiddleだと勘違いしててinvalid property valueになっていた調べてみるとbackground-positionではmiddleではなくcenterで縦中央に寄せるらしい background-positionで指定できる値縦方向：top, center, bottom 横方向：left, center, right background-position: center center; で期待する配置にできて満足

第30回HTML5とか勉強会に参加してきました

今回もレポート書かせていただきました。 http://gihyo.jp/news/report/2012/06/1901 早いものでもう30回目 20回のConferenceがこの前のように感じる色んな人と出会ったり，普通じゃできないような体験をさせてもらってるお世話になりっぱなしなので何か返せたらなと思う今日このごろ精進します