dotcoderから皆さまへのお知らせ

2月 14, 2011

dotcoderから皆さまに緊急のお知らせがあります。
詳しくはこちらのページをご覧ください。

ワイワイガヤガヤアクセシビリティドットコーダーセッション5

10月 28, 2010

スライド
 活動記録
hiloki

10月16日にアクセシビリティをテーマに勉強会を行ないました。

スピーカー

持田さん（@motchie, アルファサード）
あらたさん（@aratakojima, NPO法人しゃらく）
みるくさん（@milk54, White Stage）

当日のおおまかな流れ

持田さんのセッション：10分
みるくさんのセッション：40分
あらたさんのセッション：40分
グループディスカッション、質疑応答：80分

みなさんのセッション内容

アクセシビリティ・イントロダクション（持田さん）: タイトル通り「アクセシビリティって何？」というところを持田さんにお話していただきました。アクセシビリティというと高齢者や障がい者のための、という意識の人は多いんじゃないかと思うんですが、いかにして私たちがつくったものを多くのひとが気持ちよく使ってくれるか、ということなんですね。イントロダクションとしてすばらしいセッションでした。
スライド（PDF）
優しく楽しく幸せにアクセシビリティ（みるくさん）: 音声ブラウザではどのようにサイトを読み上げられるのか、というのをなかなか普段検証したことがある人は少ないとおもいます。「ちゃんとしたHTMLを書く」というのがいかに大事かというのがよくわかるセッションでした。セッション中、音声ブラウザ（リーダー）のトラブルなどもあったのですが、もしかしたら普段これらを使っている人でも、こうしたトラブルが起きたりしているのかなぁ、なんてことも思いました。
スライド（PDF）
Caption is Fun!: 動画のキャプチャというあんまり皆さんも手を出していなさそうな、新鮮で面白いお話でした。キャプションも聴覚に障がいがある方のための、というわけじゃなく、音声が聞けない環境においても良い対応で、またテキストデータ化されていることで検索エンジンなどにも拾われるなど、いろいろな側面でメリットがありますね。
スライド（PDF）

グループディスカッション＆質疑応答

ワイワイガヤガヤということで、最後に長めの時間をとって、グループ別に今回の勉強会の振り返りや、普段のアクセシビリティ対応の話、そして今回のスピーカーのみなさんへの質問などを考えてもらいました。
ここで出てきた質問の一部と、事前に参加者からいただいた質問をいくつか抜粋します。

JavaScriptでつくられたDOMコンテンツの内容は音声で読み上げられるのでしょうか？

それが読み上げられることは期待しないのがいいと思います。現時点では。（持田さん）
自分が知る限りはケースバイケース。書き方によっても、UAによっても違う。気になる場合は手元のUAでチェックするのがよいかと。（あらたさん）

そもそもどのくらいアクセシビリティを重要視せねばいけないのか？

用途が決まっているWebサイトなら意識しないこともあると思いますが、ユーザーが特定できないサイトでは、基本的なことは配慮しておいたほうがいいかなと思います。（持田さん）
HTMLをvalidateして当たり前だと思うくらいにはやってもいいかなと思います。（あらたさん）

知識は得たけど、実践まではいけない（時間的なコストの理由などで）どうすれば「やろう」と思えるか？

ワークフローにアクセシビリティのフローをいれる。チェックリストをつくって、それをクリアしないと次のフェーズに進めないようにする（あらたさん）

リンクテキストの文言はどうするのが良いか？

飛び先が正確にわかるように書いてください（みるくさん）
リンク先の目的が分かるようにしましょう。 http://www.ciaj.or.jp/access/web/docs/WCAG-TECHS/H30.html（持田さん）

音声ブラウザのためのショートカットアンカー、設けていますか？これも僕は面倒で設けてないことがほとんどです。

仕事でコーディングすることは今までになかったのですが、これを頼りにしている人がいる可能性があると思うので、現状は設定した方がいいのかなとは思います。（持田さん）
設けていません。音声ブラウザのみに配慮するのはアクセシビリティではないと思っているので。（あらたさん）
設けてます。（みるくさん）

画像の直後に、その画像のaltと同じテキストがあるような場合でも、アンカーリンクの場合、画像のalt属性は必須？例えば何かの写真のキャプションとか。

リンクだとaltテキストを入れないといけないので、2度読みになってしまいます。なので、画像とキャプションをa要素で囲みaltの値を空にするのがベストだと思います。（みるくさん）

参加者の感想（一部紹介）

やろうと思ってて全く手をつけてなかったアクセシビリティが新鮮で、参加者のモチベーションが高かったので、すごくいい刺激になりました。
音声ブラウザなど、言葉で知っていても実際どういうものかわかっていなかったので大変勉強になりました。
持田さんの分かりやすい導入も、みるくさんの音声読み上げ聞き比べも、あらたさんの動画のcaption考も、「知ってるつもり（机上で）」な部分がかなりクリアになりました。
今回の勉強会がwebアクセシビリティが根付く・広まるきっかけの一つとなれば素晴らしいと思いました。
ディスカッションに関しては、グループごとの討議をもっと共有できる形がいいなあと思いました。
取り扱っていただくテーマによって参加される方が違い、専門の方とお話させて頂く機会がもてて、とっても勉強になりました！貴重な機会となりました。
いつアクセシビリティガイドライン対応と言われてもいいように準備しておかないといけないですね。
最新技術、とんがったテーマももちろん魅力的なのですが、こういった普遍的なテーマがやっぱり一番面白いものだなあと思ったり。

あとがき

この勉強会の企画のときに「アクセシビリティ」というのが難しくて固い、重いんじゃないか、ということで人も集まりにくいかもしれないとおもっていたのですが、今回は定員を超える勢いで参加者が集まりました。そのアツさは最後のディスカッションでの各チームとも盛り上がってた感じに現れてましたね。またスピーカーお三方にも、「ゆるふわで」という無茶ぶりにも関わらず、アクセシビリティをしっかりと考えたくなる、わかりやすい内容でお話いただいてありがとうございました。

Web制作関係者飲み会 in 大阪

10月 25, 2010

今回は前回のドコダ飲みから「コーダー」の冠を外し、Webに関係のある方なら、どなたでも大歓迎な雰囲気になっています！

初めての方も、人見知りな方も、常連さんも、奮ってご参加下さい！

幹事

幹事は前回同様、以下の4人の予定です。

参加方法

TwiPlaで参加表明してください。

TwiPla – ドコダ飲み: Web制作関係者飲み会 in 大阪

すこーし愛して。ながーく愛して。Webパフォーマンスドットコーダーセッション4

10月 9, 2010

スライド
 活動記録
hiloki

9月25日にWebパフォーマンス限定の勉強会を行ないました。

スピーカー

石本さん（@t32k, MOL）
ともえさん（@tomo_e, EC Studio デザインブログ）
いたさん（@itasan, STUDIO Bloom）
ひろきさん（@hiloki, inkdesign）

石川からのゲスト、石本さんのお話をキーノートに、いろんな側面でのパフォーマンスネタを披露していただきました。
そしてまるしん堂のおまんじゅうはやっぱり美味しかった。

当日のおおまかな流れ

簡単な説明：10分
石本さんのセッション：40分
ともえさんのセッション：15分
いたさんのセッション：15+10分
ひろきさんのセッション：40分

みなさんのセッション内容

Long Life Web Performance Optimization（石本さん）: Webパフォーマンスがバズワード的に騒がれていた数カ月前と比べると、WPOの話題はいま落ち着いてきています。しかしその裏でWPOを重要課題としていろいろな技術やテクニック、リソースが出てきています。それらを追いかけていくのも大事ですが、このセッションでは「人間」、「認知・知覚・感受」といったところに注目したパフォーマンスの最適化を説いていきました。なかでもFLOWの話はなかなか興味深い内容でした。
※石本さんのセッションスライドは後日公開予定です。
みんなで使おう！Fireworks！（ともえさん）: PNG形式のファイルをいかにして最適化させるかを、Fireworksの使い方と一緒に解説してくれました。PNGの最適化ならFireworksがおすすめで、ただキレイに書き出すことを考えるならPhotoshopで書き出すのが良さそうですね。PNGだけでなく、JPEGの最適化の方法の一つとして、JPEGマスクの紹介もしてくれました。
ともえさんのセッションスライド
javascriptのパフォーマンスを上げる7つのこと（いたさん）: タイトルのとおり、JSのパフォーマンスをあげるためのtips７つの紹介です。と、この７つをやればいいってことでなくて、一番重要なのはDOM設計をしっかりやるのが最適化につながるということです。idとclassの使い分けなど肝になりますね。
なんとこのJSのtipsだけでなく、おまけでJPEGの話もホワイトボードをつかって解説してくれました。
いたさんのセッションスライド
iPhoneでのウェブパフォーマンス最適化を考える（ひろきさん）: iPhoneにおけるウェブサイトのパフォーマンス最適化はデスクトップ以上に有効といえるんじゃないでしょうか。キャッシュについての報告や、デモサイトをみんなのiPhoneで検証して、リソースの扱い方などを体感しました。jQueryのアニメーション、CSS3のアニメーションをくらべると、CSS3の圧倒的な処理な軽さにみんな驚きました。
ひろきさんのセッションスライド (PDF)

「パフォーマンス」というテーマでもいろんな側面の話がきけて面白いですね！

参加者の感想

今回もアンケートの一部を紹介！

パフォーマンスという１つの題に対して、心理学から画像処理、JS、iphoneと、いろんな方面からの話が聞けて大変よかったと思います;-)
目から鱗でした。
FWについては普段ほとんど使った事がなかったので「へ〜」というネタが多くて楽しかったです
わからない用語が出た場合、その場で調べながら話を聞いていたので、用語の解説や、用語に対して書かれているサイトへのリンクなどがあれば便利だなぁーと思いました。
あまりパフォーマンス関係は考えてなかったので、反省になりました。
参加しやすくとても良いと思いますよぉ。多すぎず、少なすぎずちょうど良い人数だと思う
しきりがとてもよかったと思います。ちゃきちゃきしていたのでお話も聞きやすかったです。
まるしん堂のおまんじゅううますぎる・・・
予想以上に大阪の笑いのレベル（沸点）が高かった

あとがき

今回は前回のワークショップ形式から再びセミナー形式でおこないましたが、回数を重ねてドコダらしさみたいなのが出てきたような気がしますね〜。ゆるふわです、ゆるふわ。
今回のセッションはいろんな職種の人にも役立つ内容だったかもしれませんね。ドットコーダーは「コーダー」とかいてますが、コーダーじゃない人もどしどし参加お待ちしています。

キーノートをつとめていただいた石本さんの講演は、10月16日（次のドコダ５と一緒！！）にWCAF(Web Creators Association 福井)で開催されるイベントでスピーカーをされるようです。この記事を見た北陸方面の方は参加されてはいかがでしょーか？