

[WCAN 2010 autumn](http://2010.wcan.jp/autumn/)に行ってきました。少しずつWCAN行く→懇親会行くが定番になりつつあります。

セミナーを講演していただいた方、運営していただいた方、セミナー中にお話しさせていただいた方、懇親会でお話していただいた方ありがとうございました。

とても勉強になりました、またご迷惑おかけすると思いますがよろしくお願いします。

今回は報告と感謝のみとなりますが、またレポートについてはチマチマと書かせていただきます。




WCAN 2010 autumnに行ってきました



7/10にWCAN 2010 Summerに行ってきました。

お酒も抜けたので、忘れないうちにメモメモ。


## IAなんか怖くない～中小規模案件で考える情報アーキテクチャの第一歩～

株式会社コンセントの加川大志郎さんにIAについて、踏み出す第一歩について教えていただきました。

自分の中でIAは、まだ名前を聞くようになったと感じる程度で、詳しい内容は把握できておらず、制作に入る前のサイトの設計か何かかなぁ、と思っているくらいの知識量でした。

これでIAについて、ある程度の知識が手に入る―と期待していたのですが、発表中に何度か出たり入ったりしている内に話に置いていかれました。残念。

基本的に、お客様が所有している情報（強み、ノウハウ、背景等）を集め、Webサイトとしてどう活かしていくかを考える、構築する、という認識で良いのかな…？ちょっと自信がないです。

構成時にワイヤーフレームを制作なされているようでしたが、「ワイヤーフレームに絵を載せる事がデザインじゃない」と仰られてたのが、確かにそうだなぁと感じました。

しかし、どうしてもワイヤーフレームがあるとそれに引っ張られてしまうことが多いので、ワイヤーフレームの書き方についても工夫が必要―ってのも頷けました。

このセッションに関しては、またスライドを見直したり、他の人のまとめを見て、勉強したいと思います。


## Lightning Talk

今回は4名の方がLightning Talkで発表されていました。多く時間を取ってまでじゃないけど、知ってもらいたい知識、というような位置づけで聞かせていただいていますが、結構この間で聞かせていただく内容は毎回楽しみにしていたりします。

### ニコニコ動画APIをさわってみよう（仮）

メガネラボの岩田 享さんの発表です。

ニコ動のURLによってXMLが返される事自体知らなかったので、新鮮な情報でした。

仕事で使うことは中々ないかも知れませんが、趣味で動画を使って何かを作るときには使えるかも―と感じました。

### iPad用WebアプリをHTML5等でつくりました

アップルップルの佐藤 歩さんの発表です。題名が確か変更されていたと思いますが、忘れてしまいました…。

注目を浴びているiPadについての発表ということもあり、今後こういった専有のアプリを作る知識も必要になってくるのかな？なんて感じていました。

Flashが使えないので、動きのあるサイトは―なんて事もなく、HTML5やCSS3、JavaScriptを使えばFlashにも引けを取らないコンテンツが作成出来ると再認識しました。

しかし、テスト環境がiPadだけで良い…ってのは結構魅力的…。

### 「WEBサイト制作者のためのHCD（人間中心設計）の理解 in 名古屋」のお知らせ

モンキーワークスの川澄美里さんの発表です。あれ？これも題名違う様な気がする…。

HCDとは「Human Centered Design」の略語であり、人間中心設計、つまりコンテンツ重視から、閲覧している人重視でデザインを行う考え方のようです。

後述するアクセシビリティにも繋がる考え方だと思いますが、ターゲットの選定、効果測定、問題抽出、解決への道筋は明確で、面白そうだなぁと感じました。

### オンラインウェブサイトクリエイターって何？

KDDIウェブコミュニケーションズの山本良子さんの発表です。

最近非常に名前を聞くようになってきた「Jimdo」についての説明をされていました。

ちょこちょこ名前が挙がる度に、どんな使い方なんだろう？と見ていたりしていましたが、動きを付けたり、SEOを考慮し始めると、完全に補う事は出来ないと思いますが、簡単なWebサイトであればこれだけあればコーディングの知識は全く要らないなぁと感じて、恐怖を覚えました。

### WEBクリエーターでもできる！？　HTML+JavascriptでiPhoneネイティブアプリケーション

キープランの伊藤清徳さんの発表です。

なじみのある、HTML+JavaScriptでiPhoneネイティブアプリが作れるという非常に気になる内容でした。

PhoneGapと呼ばれるフレームワークを利用する事で、DreamWeaverでiPhoneアプリが作れるということだったので、これは一度やってみたいなぁと思いましたが、自分はWindowsユーザでした。


## 業界裏事情もふまえたサーバーの選定法

KDDIウェブコミュニケーションズの高畑 哲平さんに、サーバ事情と、サーバを選ぶときのポイントについて教えていただきました。これは、現状自分の中で非常にタイムリーな話題で、勉強になりました。

まずは良く問題になっている事は何か？というと、

1. とにかくサーバが落ちてWebサイトが見えない
2. メールが遅延して困る

の上記二点が殆どとの事。

しかし、100％落ちないサーバは存在せず、落ちるか落ちないかは運次第であり、以下の3点が主たる理由になるそうです。

1. お客様の暴走（CGIの暴走）（共用・VPSの場合
2. 機械故障
3. 海外からのアタック

確かに、自分でも、1と3の経験はあったりするので、そこについては事前に説明をするしかないのかなぁなんて思ってたりします。

そこで、サーバ選定の際に重要なポイントは以下の3点になるみたいです。

<dl><dt>落ちてからの復旧体制</dt><dd>一概に関係するとは言えないが、一つの目安として本社とデータセンターの距離がある</dd><dt>サポート体制</dt><dd>サポートの受け答え、速さ等。</dd><dt>資金力</dt><dd>設備投資、問題を解消するための投資が行えるか？</dd></dl>うーん、確かに今までは前面に表示されているスペックだったり、値段だとかに目を向けがちでしたが、今度からもうちょっと深く掘り下げようと思います。


## 改正迫る『JIS X 8341-3:2010』徹底解説　～整いました！　JIS改正、そのココロは？～

インフォアクシアの植木 真さんにJIS X 8341-3:2010と、アクセシビリティの重要性について教えていただきました。

全盲、弱視の方のために、音声ブラウザが存在しており、それに対応する様に作る―というのは良く聞く話ですが、アクセシビリティという観念ではその他に、マウスが上手く扱えない、キーボードだけで操作している、認知障害、記憶障害、発達障害の方達の事も考えた、誰もが使える環境を用意する事が重要視されています。

まずは、なぜWeb上でアクセシビリティが重要なのかというと、視覚障害者の多くがインターネットを利用しているということが一点、高齢者の方がインターネットを利用する機会が増えてきている事、また、今後増え続けていくだろうという事が一点です。

現状でも高齢者のインターネットの普及率は非常に高くなり、無視できない状態になってきているそうです。

そこで、アクセシビリティを高める上で一つの指標となるのが「JIS X 8341-3」になるのですが、2004年度に発表されたものと、早ければ今年に公布されるものがあります。

明確な違いはというと、「日本独自のガイドライン」から「世界標準のガイドライン」となったことであり、より信頼性が高くなったのではないかと思います。

また、2004年度版では、基準が抽象的なものが多く、達成しているのかが曖昧になってしまう事があったそうですが、今回は達成基準と、その中に等級を設ける事で、何所がどのレベルまで達成しているのかがはっきりと分かるようになりました。

しかし、ここで誤って覚えてしまってはいけない事が、JIS X 8341-3は誰もが「使える」ようにするものであって、「使いやすい」ものにするガイドラインではない事だそうです。

最終的にはデザイナーが、マークアップエンジニアが、プログラマーが「使いやすく」することが重要になってきます。


## まとめ

今回は興味のある知識、今すぐ欲しい知識、あまり興味はなかったけど重要な知識と、ためになる事ばかりでした。また、色々な人と名刺交換やお話をさせていただいて、とても充実した内容だったと思います、が。

今後に活かすために反省点。

<dl><dt>事前に仕事はきっちりと終わらせておく</dt><dd>仕事の方が気になったり、途中で対応のために席をたったりしてしまう事はやっぱり不味いと思いました。</dd><dt>名刺は多めに持っていく</dt><dd>途中で無くなってしまうという惨事。チャンスを自分で潰してしまうという残念な結果となりました。</dd><dt>休憩中、懇親会でもっと動きまわる</dt><dd>他企業との話を聞ける絶好のチャンスなので活かさないわけにはいかないと思いました。</dd><dt>事前に多少の知識を入れておく</dt><dd>全く知らないと、単語程度なら聞いた事がある、知っているとでは聴き方が変わってくると思いました。</dd></dl>以上です。




WCAN 2010 Summerのまとめ



WCAN Summerに行ってきました。IAの話やサーバの話、アクセシビリティの話など、面白い話が聞けました。

今日はお酒が入ってるので、また時間を見つけてまとめたいと思います。

また、勉強会といえば懇親会。色々な人と面白い、興味深い話が聞けて楽しい時間を過ごせました。

今度のWCANも行けると良いなぁ。




WCAN Summerに行ってきました



あけましておめでとうございます。今年もよろしくお願いいたします。

去年の年末にWCAN 2009 Winterに行ってきました。今更ながら忘れないうちにメモメモ。

大分長くなったので、分割。


## トライデント専門学校

トライデントの学生３人による発表でした。発表スライドから話の進め方、話し方まで学生とは思えないような高レベル。同じ内容を自分で発表しろと言われたら負けてしまいそうです。

### 1.オリジナルサイト　―ゼロからの制作とCMS導入―

a-blog cmsを利用したポートフォリオサイトの制作。デザインもさながら、a-blog cmsの機能を色々使われているので勉強になります。

ピックアップしているサイトもセンスが良いモノばかりで、自分のインプットもまだまだだなぁと実感。

実績：[IJILIBA](http://kazuyamizuno.net/IJILIBA/)

### 2.がんばれアツコ！厳しい修行の道 2009年

若年者ものづくり競技大会に出場するために色々勉強し、その知識を活かしてこのサイトを作られたとのこと。ちょっとした工夫と発想が凝縮されたデザインの様な気がします。

実績：[Amilion](http://www.kuronowish.com/~kiti/)

### 3.This Year Studied! ことしべんきょうしたこと

この方も、若年者ものづくり競技大会に出場されたそうです。それに加えて技能五輪の全国大会まで出場したんだとか・・・スゴイ。

WordPressでPHPを利用した、なるほどーっと感心するような動的なデザインを作られていました。

実績：[ハローワールド！](http://trident-com.net/~2009w012/blog/)


## 株式会社山崎デザイン事務所

クライアントの立場に立って、感情まで考えたデザインに仕上げているようです。確かにデザイン、動きについて、このような経緯でというのをハッキリと説明していたので納得出来ました。

実績：[ハードリング](http://hurdling.jp/)、[ｄ＋ｂアーキテクチャー](http://www.d-b.co.jp/)


## 有限会社アップルップル

オススメソフト、サービスの紹介をしてくださいました。こんなサービスもあるのかーと、また色々触ってみようと思ったのでメモ。

- プロジェクト管理サービス「[Backlog](http://www.backlog.jp/)」
- イベント開催支援サービス「[ATND](http://atnd.org/)」「[調整さん](http://chouseisan.com/)」
- オンラインセミナーにWeb会議サービス「[spreed](http://www.web-stage.jp/spreed/)」

後、要望と提供のサイクルって言葉が印象に残りました。要望を最初から考えれば良いんだけど、やはり使ってみないと分からない。ならばその要望に答えていけば良いサービスが生まれるだろう―と解釈しました。


## 株式会社スーパーエレメンツ

Adobe Flashを利用してではなく、Flex Builderを利用する事での利点を説明されていました。CSSでのデザイン一括管理や、デザイナーとプログラマーとの切り分けは考えさせられるものがありました。

また、モバイルサイトをHTMLではなくFlashで作ったときの利点、swfmillの紹介もあり、モバイルサイトももっと勉強しないとなぁと感じました。


## モンキーワークス株式会社

実際に手がけたクライアントのブランディングから製作まで、細かなツールについても紹介していただきました。会社のノウハウに関わる事も幾つか触っていると思われることまで説明していただけて大変勉強になりました。


## 株式会社マール

a-blog cmsを利用した案件の紹介をしていただきました。LPO対応やFlashとの連携もされており、a-blog cmsの細かな機能も使いこなしているんだなぁと感じました。

年末の案件でa-blog cmsを利用しましたが、自分としては痒い所まで手が届くツールであるけれど、ここは駄目なのかと思うところもあるCMSだと感じました。今後に期待です。

実績：[株式会社ジュニアー](http://junior.co.jp/)


## 株式会社アクアリング

名古屋グランパスの案件を例に、アクアリングの製作の進め方を説明していただきました。

やはり肝は、「ゴールを決める事」「コンセプトをしっかり見定める事」「コンセプトからずれない事」が重要なのかなぁと感じました。

製作にかける時間よりも、打ち合わせの時間をしっかり取り、後からぶれない様にする…製作側に居る自分としては、時間が短くなるのか？要件の変更が少なくなるか？の二択。やはり後者かなぁ。

実績：[名古屋グランパス公式サイト](http://nagoya-grampus.jp/)


## 2010年に飛躍するための7つのキーワード – 長谷川恭久さん

2010年に飛躍するための7つのキーワードとして、以下の７つを挙げられていました。

- OSの多様化
- リアルタイム
- ECO IT
- トラッキングアラート
- 情報発信の民主化
- アウトソーシング
- 情報のポータブル化

キーワードを見る限りではWebと本当に関係するのだろうか？と思うものばかり。だけど説明を聞いていくと重要なキーワードだと納得する事ができました。

ここで色々聴いた事をごちゃごちゃ書いていたのですが、イマイチまとまらないので、気になったキーワードをピックアップ。

- 使いやすさのヒントはOSにある
- 何でも自家製にする必要は無い
- マークアップの価値の再確認
- [hp Newsroom](http://www.hp.com/hpinfo/newsroom/)  
 （自分で記事を書くのではなく、ファンに書いてもらう）
- [Blueprint CSS](http://www.blueprintcss.org/)
- ページだけでなく情報をデザイン
- more ＜ RIGHT たくさん働く事が成功にはならない
- Webに対する考え方が変わっている

以上です。文章力の無さがにじみ出てますが、メモなので、言い訳。


