2010.07.28 [水] IT CIRCUS 2010 名古屋に行ってきました。

7月27日に国際センターで行われた、「IT CIRCUS 2010 名古屋」に行ってきました。
授業があったので、途中からの参加です。

今も注目度、抜群のHTML5から、iBooksで読めるEPUBのセッションなど、今後のWebデザイナーを取り巻く話題が盛りだくさんでした。

■内容
13:30－14:30 「多様化するウェブクリエイターが共有すべき意識」森川眞行（日本ウェブ協会理事長）

利用者が求める情報に対して、サイト所有者が提供したい情報を合致させるため、ウェブをクリエイトする職域は多岐に渡っています。かつては専門技術の取得だけで成立していたクリエイターにとっては、所有者の戦略や利用者の実情を理解しなければ、求められている成果物を提供することができません。
そのためにはHCDプロセスやUXの考え方、IAの役割などを理解し、サイトが目的を達成するための工程を共有することが大切になります。このセッションでは、ウェブ制作プロセスを改めて知ることで、まずクリエイターがどのポジションでプロジェクトに参加するのかを理解します。さらに、すべての職域にとって共有して持っておくべき意識を、時系列に沿って解き明していきます。

14:30－15:00 「レンタルサーバーよもやま話」森下源一（ファーストサーバ株式会社）

今年創業10周年を迎えるレンタルサーバーのファーストサーバが、ITサーカス2010だけで語るよもやま話。訳あってWEBサイトには載せていない事や、知られざる常識のウラ側などをお届けします。

15:10－16:10　「フリーで生き抜くデザイナーでガンバろう！」秋葉秀樹（CSS Nite in OSAKA）

Webクリエイターのイベントですが、デザイナーとしての目線で目を向けておくべき事やレアなテクニックなどお伝えします。
【Illustratorスキル編】
手作業で大変なアートワークをJavaScriptで楽に作ってみよう
企業のロゴの年代別の移り変わりを検証してCIデザインに役立てよう
バナー広告などで大事な、キャッチコピーなどの文字を上手に見せるデザインの考察
【Photoshopスキル編】
ツールパネルなど、実は「アレ」で作られている！？
自分スタイルのツールだけまとめて使えるツールのご紹介
Photoshop内で1分ごと更新！「美人時計」をぶち込む実演
【CGスキル編】
Webデザインでも使えるCGソフト活用法
【HTML5編】
はじめてのHTML5のcanvas要素、簡単なスクリプトでアニメーション！
Video要素をCSS3でハック、デザイナーさん向け

途中からの参加でした。HTML5のビデオコーデックの話。
HTMLではvideoタグで動画を扱うことができますが、対応しているコーデックが各ブラウザによって違うのが問題視されています。特許についても、H.264が2015年までの特許無償期間、ogg/Theoraが潜水艦特許ということで、今後、HTML5が本格的に導入された場合、膨大な特許使用料を請求される可能性があります。
そこで、Googleが2010年On2を買収して、WebMというコンテナを開発してVP8コーデックをオープンソース化しました。IE9もいち早く導入を決定しており、今後このVP8コーデックが中心になっていくかもという話でした。

16:10－16:40 覚えておきたいEPUBの基本的な話

出版業界の売り上げは年々下がってきており、現在、大きな変革期を迎えています。さらには、KindleやiPadの登場で、電子書籍が非常に注目されており、電子出版への波は好むと好まざるとに関わらず、ますます進んでいくでしょう。一口に電子書籍と言っても、その形態はさまざまです。アプリケーションタイプのものもあれば、iPadのiBooks等で閲覧可能なEPUBフォーマットもあります。今回は、EPUBの構造や編集方法等の基本的なお話をさせていただきます。出版業界の売り上げは年々下がってきており、現在、大きな変革期を迎えています。さらには、KindleやiPadの登場で、電子書籍が非常に注目されており、電子出版への波は好むと好まざるとに関わらず、ますます進んでいくでしょう。一口に電子書籍と言っても、その形態はさまざまです。アプリケーションタイプのものもあれば、iPadのiBooks等で閲覧可能なEPUBフォーマットもあります。今回は、EPUBの構造や編集方法等の基本的なお話をさせていただきます。

ここ最近注目されている、電子書籍ですが、おおまかに、e-book、Magazine-App、Book-Appなどの種類があります。そのなかで、中身が（X)HTML＋CSSで比較的簡単に制作・編集ができえるE-PUBをあっという間にInDeisgnから書き出すことができます、という話。
元々、エディトリアルな私は、非常に興奮しながら食い入るように、講演を聞かせていただきました。

HTML5を学校で教えるのは、当分先の話かと思いますが、今後利用する機会は増えてくるでしょう。また、E-PUBは現在の知識や環境でも、制作することができますので、授業の中で紹介していければと思います。


追記：H.264のライセンスが恒久的に無料になったようです。
http://www.itmedia.co.jp/news/articles/1008/27/news021.html

2010.07.28 [水] 業界研究「柴乃櫂人さん」

前期最後の業界研究はDSソフト「ルミナスアーク3アイズ」などのキャラクターデザイン、小説の挿し絵イラストなどで活躍されている、柴乃櫂人さんにお越し頂き、PCを使ったライブペイントを披露していただきました。

Kr3（http://kr3.oops.jp/）



今回は、CGイラスト学科の学生が講演依頼をしました。昨年の「業界研究」が始まって、念願のキャラクターデザイナーの方ということで、目を輝かせて一筆一筆に、見入っていました。
簡単な自己紹介の後、作業に入り流石というか、本当に鮮やかに線の修正、着色を進めていきます。マスクを切り、肌の部分から、服、髪と次々と陰影が描かれていく様は、圧巻でした。



柴乃さん自身は「作業が遅い」と言っていましたが、早い早い。作業の合間に、学生からの質問にも答えてながらあっという間に全体の色味が決まっていきました。
それでも、90分では完成には至らず、授業終了後も制作していただき、完成していただけました。

残念ながら、まだブログへの掲載許可が出ていませんので、
完成作品を見たい人は、ぜひ学校までお越し下さいね。

2010.07.27 [火] フナ犬、その後

以前、ココでも紹介したフナ犬ですが、久しぶりにサイトへ行ってみると、新たな展開が始まっていました。ずっと追っかけようというわけでは無いのですが、結構「フナ犬」というキーワードで、このブログに来ていただいてますので、紹介しておきます。
http://funa-ken.jp/



今回は、ダンスコンテスト！
CM内で女の子のが踊っているダンスを、自らが踊ってYouTubeに投稿するコンテストです。このダンス（踊り？）も、なんか狙ってますよねー。YouTubeの動画を貼っておきます。



もちろん、TVCMでは、フナ犬も出演してます。

2010.07.26 [月] iPone4を広島弁で紹介する動画

iPhone4は、白が発売されるまで、待っていようと思っています。
そんな中、iPadの発売時に、iPadの公式ビデオを広島弁で聞ける『YouTube - iPadの説明するけぇ、よう聞きんさい。』が話題になっていましたが、とうとうiPhone4版が登場したようです。



広島弁、いいですね。

2010.07.20 [火] WEBサイト制作者のためのHCDの理解 in 名古屋 第4回

「WEBサイト制作者のためのHCDの理解 in 名古屋」の第4回が開催されました。
今回のテーマは以前、名古屋でも行って頂いた「ペルソナ／シナリオ法」です。
講師の浅野先生のブログ「情報デザイン研究室：WEBサイト制作者のためのHCDの理解 in 名古屋（第4回）」

■第3回／2010年 7月17日（土）
内容： ペルソナ/シナリオ法［ ペルソナ/シナリオ法の理解とサイト企画ワークショップ］
会場：ウインク愛知

今回も、50名近い方の参加がありました。
前回までと同様、最初は浅野先生の講義から始まり、ワークショップに移っていきます。
「ペルソナ／シナリオ」法を業務で使った事がある人は～？前回のペルソナ／シナリオ法ワークショップに参加した人～？という質問に数人の方が手を挙げられましたが、ほとんどの方が初めての体験ですので、興味津々です。


続いて、ワークショップの開始。
まずは、各グループに割り当てられたWebサイトのペルソナを作成します。ユーザーと属性が近いと思われる方を、会場内で探し半構造化インタビューを行ないます。今回も、かなりタイトなタイムスケジュールのため、インタビューは2名から行ないます。しかも、ここでインタビューの取っ掛かりの質問項目も自分たちで考えなくてはいけません。さらに、前回のプロトコル分析でのインタビューの余韻が残っていて、タスク処理を行ってしまっているグループもちらほら。今回は、ペルソナとシナリオを作成が目的。浅野先生の個別指導が入りました。カードソートをして、ペルソナ／シナリオを作成できそうなモノを抽出していきます。


それでも、楽しそうにワークショップを行って行きます。ペルソナもなんとか完成し、いよいよシナリオの作成。
シナリオは、アクティビティ・シナリオ（ユーザーがゴールに向かう道筋を物語にしたもの。ユーザビリティテストのタスクにもなる。）とインタラクション・シナリオ（アクティビティ・シナリオを製品やサービスとインタラクションに落とし込んだもの。ユーザビリティテストの答えになるもの）があります。


今回は、ペルソナのユーザープロフィールとゴール、アクティビティ・シナリオを模造紙に書いていきます。時間的にプレゼンや個別の好評ができなかったのが、残念ですが各グループ、なんとか時間内にペルソナとシナリオは完成しました。お疲れ様でした！


どうしても、浅野先生の評価が受けたいと、懇親会二次会、恒例の「味仙」でプレゼンを始める方もいました。周りのお客さんも、いったい何が起こったのか驚いていましたが、やっぱりWeb業界の方は、みなさん勉強熱心です。


前回も言われていたのですが、そもそも、ペルソナ／シナリオ法のワークショップを3時間でする事に無理があるという事で、秋頃に「HCD中級講座」として1泊でじっくりとワークショプを行うことになりました。
詳細は、次回の「WEBサイト制作者のためのHCDの理解 in 名古屋」の第5回でも発表されるということですので、気になる方は、モンキーワークスさんのサイトからどうぞ。

2010.07.20 [火] オープンキャンパス

高校生は、もう既に夏休みに入りましたね。3年生はいよいよ進路決定のため、夏休み期間中に行われる大学や専門学校のオープンキャンパスに参加していることと思います。
トライデントコンピュータ専門学校でも、土日を中心にオープンキャンパスをおこなっていますので、是非、遊びに来てくださいね。

さて、Webデザイン学科が担当する教室では、現在のWebサイトで何ができるのか？と言うことで色々なサイトを紹介しています。その中でも少し格闘ゲームの要素のあるサイトが人気です。
以前は、全日本バーベイタム選手権を紹介していたのですが、OC用マシンのパワーが足りず、動きが少し物足りない感じだったのですが、先日、Web制作会社の1→10designのサイトがリニューアルされ、最近ではこちらを紹介しています。

格闘シーンでは、マンガのオノマトペ的な効果音の表現など、カッコいいです。また、敵を倒すたびに製作に対する会社の理念などが表記され、Web制作を紹介する上でも、役に立っています。

それにしても、最後の敵はかなり手ごわいですよ。

個人的には、まったく格闘ゲームはしないのですが、たまたま「背水の逆転劇」と呼ばれる『ストリートファイターIII 3rd STRIKE　名勝負』動画を見つけたので貼っておきます。昇竜拳も出せない私にとっては無縁ですが、動画最後の30秒の盛り上がりは相当神業なのでしょう。勝った梅原大吾というプレイヤーは、ゲームの世界では、ものすごく有名な方のようです。

2010.07.20 [火] 業界研究「タロヲさん」

7月最初の業界研究は、Flashを使ったWebサイト制作やアートディレクションをされているタロヲこと細川太郎さんにお越し頂き、タロヲさんの自身のサイト制作の進め方や、制作に対しての考え方を話していただきました。
今回の経緯は、学生が細川さんの制作した軍艦島ver3.0を発見し、是非とも話を聞いていみたいと言うことで、講演の依頼をしました。

細川さんは、大企業のサイトをチームを組んで作成するというよりは、個人で依頼を受けたサイト制作をされています。主にFlashを使用したサイトが多いのも特徴です。

講演内容は、現在に至る経緯、軍艦島の制作、その後の作品の制作に関して、最新の制作物を通じて、制作に対する考え方や、クリエイターとして大事にしている事などTwitterのツィートなどで、わかりやすく説明して頂きました。

■最新の作品
ベルギー王立図書館所蔵 ブリューゲル 版画の世界　※音が出ますので、ご注意を。

こちらは、アクセスするたびにブリューゲルの怪物が変わります。

■個人的に好きなサイト
フランス田舎料理と自然派ワイン BIstro Campagne

どこが好きというより、お店に行ってみたいですね。
今度、東京で近くを通ったら立ち寄りたいと思います。その時はタロヲさん、よろしくお願いします！

タロヲさんの詳しい経緯などは、下記のインタビューサイトで伺えます。
★japan-interview.net★
http://www.japan-interview.net/intervew/tarowo/tarowo1.htm#top

2010.07.20 [火] 商店サイト企画プレゼン

6月28日（月）にトライデントで「Webサイト制作」授業で、4月から進めている商店サイト制作の途中経過の発表プレゼンを行いました。この課題は、クラスを4グループに分けて、前期期間を使ったグループ制作です。各商店の協力をいただき就業体験をさせて頂いています。
さらに、名古屋をもっとクリエイティブに名古屋をもっと盛り上げるために、クリエイター集団「名古屋メディアボンド」にもご協力いただき、質の高い作品制作を目指します。



■各商店（協力：名古屋市商店街振興組合連合会）
みの治商店（北区柳原通商店街）
三蔵（港区築地口商店街）
仙石すし（中村区かっぱ商店街）
プチ・フレーズ（千種区茶屋ヶ坂商店街）

●4月
グループ分け
各グループの担当店舗決定
各店舗との打ち合わせ

●5月
各店舗にて、就業体験（1人3日程度）
各店舗にて調査及びインタビュー
日誌作成

●6月
調査内容と各店舗の要望をもとに、企画立案
企画プレゼン

今回は、途中経過と今後の流れをプレゼンすると言うことで、名商連、名古屋ボンド、非常勤講師の方々をお招きし、意見を頂戴しました。8月の中旬には、Webサイト完成ということで、名古屋ボンドさんとも打ち合わせて、急ピッチに設計、デザイン、コーディングが進んでいきます。発表は秋頃を予定していますが、構内でのお披露目はもう少し早いですので、随時ウェブDEブログでも紹介していきます。

ホントは各グループの学生が、進捗状況などをブログで公開するのが望ましいのですが、今後のまとめ記事に期待してます。

2010.07.20 [火] WCAN 2010 Summer

7月10日に国際会議場で行われた「WCAN 2010 Summer」に参加してきました。
今回から、Webデザイン学科の1年生も全員参加です。

講師：加川 大志郎さん、高畑 哲平さん、植木 真さん
日程：2010年7月10日(土) 13:30～19:15（受付13:00～）
会場：名古屋国際会議場 会議室 141+142
twitterタグ：#wcan47

［SESSION-1］ IAなんか怖くない～中小規模案件で考える情報アーキテクチャの第一歩～
加川 大志郎さん（株式会社コンセント）

みなさんは、IA（情報アーキテクチャ）って何だと思いますか？複雑な大規模サイトの構築時に専門家が行う事？精緻なワイヤーフレームやサイトマップを作成する事？
とかくアカデミックになりがちなIAという領域ですが、実は、みなさんが普段Webサイトを制作する上で、クライアントやユーザーに心配りする事が IAと呼ばれているアレコレの根源にあったりするのです。
「作って納めて終了」ではなく、「ビジネスでどう活用するか仮説を立てる」「ローンチからがスタート」という思いでWebサイトを作るのであれば、サイトの規模が小さくても、専門知識がなくても、IAはあなたの手助けをしてくれる強力なツールになってくれます。
100ページ規模の実際の案件をサンプルに、IAの実践についてお話させていただきます。

加川さんはトライデントでも教科書として使っている「IA100」の著者である、長谷川敦士さんの株式会社コンセントでディレクターをされています。今回は事例をもとに、詳しい取り組みを解説されました。IAは決して難しいことではなく、狭義のIAは今でも実際の業務で行っているでしょ？という事。


まとめとして、
●「Webサイトの使い方」を考える

ローンチからのスタート
「作って納めて終了」ではない

●サイトオーナーを理解して、Webで表現するお手伝いする。
●IAはみんなですること

サイトオーナーと一緒に考える
ディレクターだけの仕事じゃない
「ワイヤーフレームに装飾する」のがデザインじゃない

ライトニングトーク

『ニコニコ動画APIをさわってみよう（仮）』
岩田 享さん（メガネラボ）

『iPadで楽しくWEBアプリ』
佐藤 歩さん（アップルップル）

『「WEBサイト制作者のためのHCD（人間中心設計）の理解 in 名古屋」のお知らせ』
川澄美里さん（モンキーワークス）

『オンラインウェブサイトクリエイターって何？』
山本良子さん（KDDIウェブコミュニケーションズ）

『WEBクリエーターでもできる!?　HTML+JavascriptでiPhoneネイティブアプリケーション』
伊藤清徳さん（キープラン）

［SESSION-2］ 業界裏事情もふまえたサーバーの選定法
高畑 哲平さん（KDDIウェブコミュニケーションズ SMB事業本部）

ウェブサイトを作成する上で欠かすことのできないサーバーですが、限られた情報の中で最適なサーバーを探すのは難しいことです。本業ではないために疎かにしがちですが、お客様の大事なウェブサイトやメールを運用するため、慎重に選ぶ必要があります。
本セッションでは、普段開示していない裏事情もふまえて、サーバーを選ぶ際のコツやポイントをお伝えします。レンタルサーバー各社の比較も含め、オフレコ情報も可能な限り公開する予定です。

いつもサーバー選択には、悩みますよね。余り公にできない情報も聞かせていただき、今後のサーバー選びに役立てたいと思います。



［SESSION-3］ 改正迫る『JIS X 8341-3:2010』徹底解説　～整いました！　JIS改正、そのココロは？～
植木 真さん（株式会社インフォアクシア）

昨年1月にJIS X 8341-3の改正原案が公開されたことをご存知の方もいると思いますが、いよいよその改正版の公示が迫ってきました。今のところ、今年の秋に公示される見込みですが、このセッションではその改正版（JIS X 8341-3:2010）のポイントをイチ早く解説します。
改正版の最も大きな特長は、W3CのWCAG2.0を採用することです。WCAGワーキンググループとJIS改正原案作成ワーキンググループの両方に参画してきた経験から、2004年に公示された現行JISと何が違うのか、制作現場に与えるインパクトはどの程度なのか、ウェブアクセシビリティはどう変わるのか、そして改正版を正しく理解して実践する方法を、90分間じっくりお話します。

今年の秋には、公示されるJIS X 8341-3:2010の解説をされました。
そもそもWebコンテンツの受け取り方は、ユーザーが自分に合わせて選ぶことができる（文字サイズを変える・文字色と背景色を変える・画面全体を拡大する・音声に変換して聞く・点字に変換して読み取るなど）。また様々なユーザーエージェントやデバイスを使ってアクセスできるのも特徴。そんな特徴的なWebサイトをデザインしているのだから、もっと特徴を活かせる作り方をしようよ。という事で、その一つがアクセシビリティ。


今回も、大変勉強になるセッションが盛りだくさんでした。
講演者の皆様、運営の皆様、ありがとうございました。次回の9/11も楽しみにしております。

2010.07.19 [月] 業界研究「YORKE.さん」

2010年度、業界研究にペインターで様々な、アーティストのCDジャケットや、パフォーマンスで活躍されているYORKE.さんにお越し頂きました。今回も学生が、YORKE.さんの世界観に惹かれて、コンタクトを取りトライデントでの授業が実現しました。

YORKE.オフィシャルWebサイト
http://www.mynameisyorke.com/top.php


今回は、講演というよりは、Macを使用して、CDジャケットをLIVEでデザインしながら、学生の質問に答えていただくという、普段の授業にはない形式になりました。YORKE.さんは、非常にテンションが高くて、フランクな方でしたので、学生も屈託のない質問をぶつけていました。

LIVEのCDジャケットのお題はDOSの「曇天」。曲のイメージに合わせて、紙にペンで描いたり、破いたりした素材をスキャナーで取り込み、Photoshopで加工していきます。
作業の前には、その曲をリクエストをした学生に、インタビューを行ない、「この音楽から受ける形は？」「色は？」と細かいところまで聞いていきます。この最初の学生とのやり取りを見て、アーティストとしての制作と、デザイナーとしての制作をしっかりと区別しているのがわかります。
学生に皆さんは、感じ取れましたか？凄いです！

制作に入ると、聞き取ってイメージした雰囲気、形に向かって制作をしていきます。
この制作風景を見ていると、ホント楽しそう。モノを作るっているのは、ここまで自由で、面白そうなのだと改めて実感しました。いきなり窓に書いたサインは、1ヶ月経った今も残っています。


完成作品は、著作権の関係で公開できませんが、まさにYORKE.さんの作品で曲の雰囲気も、学生の注文にも沿った作品でした。さすがです。
終了後は、学生作品にコメントを頂いたり、ギターで曲を演奏していただいたりと、学生共々、いい思い出を作っていただけました。ありがとうございました。
ちょっと席を外した隙に、ホワイトボードに嬉しいメッセージを書いていただきました。涙モノです。
当日の、様子はYORKE.さんのスタッフブログでも紹介されています。

YORKE.STAFF BLOG
http://staff.mynameisyorke.com/?day=20100623

「業界研究「YORKE.さん」」の続きを読む≫