Firefox Developers Conference にいってきました

Firefoxのコースターとか豪華すぎる！！

Firefox Developers Conference 2011 in Osaka ～ HTML5 やったら Firefox がええんちゃう？ ～
に行ってきました。

Read more »

HTML5×Androidハッカソンに行ってコード書いてきました

神戸といえばイケテナイ画像

実はハッカソン初めてでした。

androidはhello worldしか書けない僕にとって、
android×html5ハッカソンはビビりまくりで行ったんですが、

HTML5-WEST.jp、日本Androidの会神戸支部の方々を始め、
様々な方に助けられてなんとか1日を過ごすことができました。

僕はjQuery mobileチームで、得られたデータをcanvas要素に可視化するというもので、
なんとかそれっぽいものを作りました。

他にもPHPやMySQLであったり、
これから広まっていくであろう、node.jsやWebSocketsの技術にも触れられて、
かなり刺激のあるものになりました。
あとVPSすげぇ

同じチームの皆様ありがとうございました。

残念なが優勝は逃してしまいましたがorz
「イケテナイ画像」を使った「イケテナイ時計」チームが個人的にはおもしろかったです。
ちょっとした流行語になってたような

ちょっと反省はAndroidにあまり触れれなかったことですねー
まぁ時間も限られているんで、無理だったかもしれませんが。

【参考リンク】
HTML5 x Android アプリ開発ハッカソン　（A3に応募しよう）
http://kokucheese.com/event/index/7255/

Opera extensions つくってみた

Opera11登場

@eriverさんのブログで、Opera Extensions がすごく簡単につくれるっていうことで、
どんなもんかなと思って作ってみた。
Read more »

CSS Nite Osaka 行ってきた!!

アップルストアでMacBookをブイブイやってるCSS Niteのイメージだったんですが、
今回はマイクロソフト特集ということで、宣伝？とか疑いの目もありつつ、おそるおそるいってみることに。。。
なんと、そこにはきれいなオフィスと、謎のフリードリンク、
そしてMicrosoftの横に燦然と輝くMacBookのアップルロゴが。。。

そうか、この2社は仲良くなったのか、なんでやねん！
と一人のりつっこみをしてた勉強会の話です（謎

Read more »

KOFに行ってきた

Shodo

KOF2010 関西オープンフォーラム　に行ってきました。

今回の見物はブラウザベンダー大集合ということで。

なんかこのHTML5の流れすげーな

行けなかったけど、２日目にはブラウザベンダーが揃いパネルディスカッションがあったみたい。

ってことで、１日目はこんな感じ↓

ついに登場！Internet Explorer 9
春日井 良隆　氏

重いとか使いにくいとか弱いとかで定評のあるIEですが、
このたびIE9(beta版)が出ましたよっていう話。

実は僕も前からいれてるんですが、Shodoアプリしかやっておりません。

みなさんも、Shodoとか水族館とかやってみれば？
でもどうせIE消すとWindows動かなくなるんでしょ☆

ただ、MSの開発環境はすごい。

HTML.next の世界に備えよう
浅井 智也　氏　 (Mozilla Japan テクニカルマーケティング)

こちらは一転してAndoroidの話。

iPhoneアプリはAppleの制限が厳しいらしく無理らしい。
かなりうらやましい…

昨日のOperaNightではボロクソに言ってたが、今回は少し万人向けの感じでした。

おもしろかったですが。

【参考】

KOF
http://k-of.jp/2010/

The Shodo　(IE9推奨)
http://www.theshodo.com/
これFlash使ってないらしいですよ。すげー

ウェブアクセシビリティ勉強会 in 神戸

村岡さん渾身のTシャツ
うらやましい…

HTML5-WEST.jp主催「ウェブアクセシビリティ勉強会 in 神戸」行ってきました。

JIS X 8341-3:2010 とは 概要とポイント
by 早川 稔 (兵庫県立大学大学院 応用情報科学研究科 博士課程)　氏

アクセシビリティに関するJIS規格 JIS X 8341-3 及び、W3Cによる世界規約WCAG2.0の解説と、具体的なコード例。

• 音声ファイルと共に代替メディア（テキスト等）
• 色だけで意味を持たせてはいけない
• jQueryを用いたブロックスキップ

等の具体的な事例紹介が印象的でした。

ウェブアクセシビリティの実践・現状と今後
by NPO法人 アイコラボレーション神戸

実際にウェブアクセシビリティを第一線で推進している団体からの、現在の活動状況、世間の流れを解説。

アクセシビリティを考慮していないマークアップ（某運送会社の送料一覧テーブル）による音声読み上げブラウザの不具合や、独自で開発されている音声読み上げツール「みんなのとーくん」等のデモがおもしろかったです。

特に省略しがち（？）のalt属性が音声読み上げの世界では重要な意味をもつことがわかった。

HTML5とウェブアクセシビリティ
by 村岡正和 (HTML5-WEST.jp) 氏

現在絶賛勧告中のHTML5ですが、この技術はどのようにウェブアクセシビリティを向上するのにどのように力になるのかを解説。

特にセマンティックな要素を用いると、マシーンリーダブルである…つまり機械（クローラー）にとっては本文を解析しやすくなるため、必要な情報の取捨選択をかなり正確にとってくれるという可能性がおもしろかったです。

Operaのナビゲーションバーのデモもありました。KOFではどうなるか？

いろいろありましたが、

JIS X 8341-3:2010 を守るのは最低限であり、ここからどう向上していくのかが重要

と。IE6対応なんかしてる場合じゃないですね

【参考URL】

案内ページ
http://tweetvite.com/event/3ujo

早川さん発表資料
http://bit.ly/9zVx8o

HTML5読書会

今回からは本格的な要素ごとの解説になりました。

今まで何となくコピペで使ってたhtml、head、meta、link要素なんですが、セマンティクスなマークアップを考えるとかなり深いですね。target属性の討論はなかなか難しかったです。
それにしても本当にtarget属性ってどうなるんでしょうかね。タブブラウザ全盛の今に至ってはあまり必要ないかもしれませんね。

休憩直後にあったWeb on TVの話はちょっとしたSFの世界に入ったなと思っておもしろかったです。
それぞれの家電の組み込みOSとかもオープンソースになればいいのにと思いました。

ドタバタしてて写真撮るのを忘れたので、とりあえず10代後半から20代前半の“握り女子”が握るお寿司屋の写真でも載せておきますね

【参考URL】
第4回 HTML5読書会 in 神戸
http://kyoto-gtug.org/event/dai4kaihtml5dokushokaiinkoubewokaisaiitashimasu
「日本のデジタルテレビのノウハウをどう生かすのか」、W3CがWeb on TVワークショップ
http://itpro.nikkeibp.co.jp/article/COLUMN/20100916/352058/
アキバに女子が握る「なでしこ寿司」誕生、コンセプトは“Fresh＆Kawaii”。
http://www.narinari.com/Nd/20101014327.html