2013.07.31 [水] 業界研究授業『奥田透也さん』

7月24日の「業界研究」授業は数々のWebサイトのUIデザインや動きなどを手がけられて、alumican.netでも、実験的な作品を発表されている、奥田透也さんにお越しいただき、UIデザインと動きの特別講義を行っていただきました。



奥田さんは、数々の著名なクライアントワークのデザインを手がけられており、実際のWebサイトを例に何を考えて制作されたのかを説明・解説していただきました。「美と機能性を両立させる情報構造」などわかりやすくタイトルもついてとても、勉強になりました。

UJ - UNIQLO ユニクロ
http://www.uniqlo.com/uj/jp/

音と動きのシンクロがたまりません。

UNIQLO INNOVATION PROJECT
http://www.uniqlo.com/uip/jp/

四角くデザインされたアイコンと、動きに未来的な感じを受けます。こちらも音楽と効果音、動きのシンクロが気持ちいいです。

Free Fall By Xavier Veilhan Espace Louis Vuitton Toky
http://espacelouisvuittontokyo.com/ja/past/freefall


Espace Louis Vuitton Tokyo
http://espacelouisvuittontokyo.com/ja/past/cosmic(左）
http://espacelouisvuittontokyo.com/ja/past/madness（右）

マウスの動きでインタラクティブに動くだけでなく、なにもしていなくてもずっと見ていられるような仕掛けが施されています。

iida UI Virtual Touch
http://www.au.kddi.com/original-product/a02/virtual-touch/

auから発売されている「INFOBAR A02」のiida UI。その爽快な動きとルールに則った配置は、モックアップをFlashで制作されており、実際に上記のリンクで操作ができます。



また、後半には、奥田さんが普段制作するときに心がけていることとして、「ルールの単純化」「動きやインタラクションのリズム」「上手に裏切る」などをキーワードとして解説していただきました。チューニングの重要性など高いクオリティで仕事をされている方から、言葉として聞くと実感がわきます。

Webデザイン学科では、Flashでアニメーションやアプリを制作する授業を行なっています。今の制作現場の流れとしては逆行しているかもしれませんが「ディレクションツールとしてのFlash」「モックアップ制作のツール」としてもまだまだ、利用できるツールだと感じました。
「インタラクティブデザインが超重要になってくる！」

奥田さん、ありがとうございました。

2013.07.17 [水] イベント日2013（2日目）「HTML5カルタ大会」

イベント日2日目は、「HTML5カルタ」で『トライデントコンピュータ専門学校Webデザイン学科 HTML5カルタ最強王決定戦』を行いました。
HTML5カルタとは、

「HTML5KARUTA」は、これからのweb制作という技術において必須とされるマークアップ言語「HTML5」を遊びながら学ぶことが出来る、学習のためのツールです！
札には一枚一枚、HTML5における要素を定義するタグが印刷されており、プレイヤーは読み札で読み上げられるタグの説明から、該当するタグの札を探し出し、札を取ります。
これを繰り返して取った札の枚数を競うという、ゲームとしては非常にシンプルなものです。

今回は、1年生2年生問わず、ガチでHTML5カルタを勝負しようということで、リーグ戦表の作成から、勝ち上がるたびにルールを設定するなど、本格的にカルタを競技しました。1年生には事前に、何回か練習をしてもらいましたのでハンデなしです。

HTML5カルタ初級・中級・上級を5セット準備するために、ベースキャンプ名古屋さん、HTML5勉強会 名古屋さんにお借りしました。ご協力ありがとうございました。
そして、無理を言って3セット購入させていただき、さらに賞品として「HTML5カルタ 初級」を提供してもらったウェブクリ8.jpさん、本当にありがとうございました。





また、豪華賞品も用意されましたので、自然とテンションが上がってきます。練習までは「イヤイヤ、無理ですよ〜」と言っていた学生も読み上げる札に「よっしゃー！」と素早く反応していました。










とはいえ、やはり経験の差もありますので初級カードのみを使用した「初級王」も準備しました。





という訳で決勝戦！3回戦、準決勝を勝ち上がった強者3人です。


白熱した決勝戦の結果は、以下の通りになりました。

第1回「トライデントコンピュータ専門学校Webデザイン学科 HTML5カルタ最強王決定戦」
優勝・最強王：礒田 優（2年生）【Nexus7】
準優勝：山崎 伊清（1年生）【Kindle Fire HD】
3位：後藤 絵美子（2年生）【amazonカード】
初級王：上村 水月（2年生）【amazonカード】
その他：塚本 碧【amazonカード】、木下健太郎【HTML5カルタ初級】
おめでとうございます！



思いのほか盛り上がったイベントになりましたので、来年度以降も行いたいですね。
また、トライデントには「HTML5カルタ」が上級・中級・初級が3セットありますので、ご希望があればお貸し致します。トライデントWebデザイン学科の学生と一緒にカルタをしたいという方も、ぜひお待ちしております。

さらに、この日は午後から聾学校の生徒さんに、Adobe IllustratorとHTML＋CSSの体験授業を行いました。文章を多めにしたスライドなどを準備していたのですが、やはり伝わらなかった部分が多くて申し訳なかったです。
普段の授業よりもたくさんしゃべり、身振り手振りでなんとか作ってもらって、最後に感想を聞くとIllustratorの部分は楽しんでもらえたようですが、HTML+CSSが難しすぎたようですので、今後改善していきたいと思います。

トライデントコンピュータ専門学校では、高校生以下の学校や、Webなどを専門に勉強されていない生徒さんにもご要望があれば、出張授業や体験授業を行っております。もしご希望があれば学校のWebサイトのお問い合わせからご連絡ください。

2013.07.16 [火] イベント日2013（1日目）「iPhoneアプリ制作」

学科、学年を越えたコラボレーションや親睦を目的として、今年度よりイベント日が2日間設けられました。Webデザイン学科では、1日目に「iPhoneアプリ制作ワークショップ」、2日目に「Webデザイン学科 HTML5カルタ 最強王決定戦」を行いました。

Webデザイン学科では、iPhoneアプリやAndroidアプリなどネイティブのアプリを制作する授業はありません。しかし、WebサービスのUIを制作する上でスマートフォンのアプリのUIを考えない訳にはいかなくなってきています。また、Webデザイン学科が利用しているメインルームのPCは、Macintoshを使用しており、iPhoneアプリを開発できる環境にあります。今回のワークショップでアプリがどのように制作されているのか、Xcodeの操作などを体験するのが目的です。



講師には、iPhoneアプリ制作を業務とされている、名古屋iPhoneアプリ開発勉強会の村田さんにお越しいただきました。1〜4時限みっちりと「簡単なゲーム」を作ってみます。



とはいえ、ネイティブ言語である「Objective-C」はかなり手強く、アプリを起動してスタート画面までカウントダウンして表示する部分まで進んだところで、ゲームのカラーバリエーションと音をカスタマイズして、終了となりました。
Xcodeを初体験の学生ばかりでしたので、良い経験になったのではないでしょうか。
今後、自分で、iPhoneアプリを開発してくれる学生も期待しています。

村田さん、ありがとうございました。

2013.07.16 [火] WCAN 2013 Summerに参加してきました。

以前の記事でも予告した通り、7月6日（土）に名古屋国際会議場で行われた「WCAN 2013 Summer」に参加してきました。
セッション前のライトニングトークでは、Web業界の社会人に混じってWebデザイン学科2年生の礒田くんが「Pureでフラットにリニューアル」というテーマで実際にライブコーディングでデモをしながら使い方など、CSSフレームワークPureの解説と自分のポートフォリオサイトのリニューアルについて話をしました。

Lt pure-20130704 from Yu Isoda

礒田ブログ: http://blog.hinapp.net/
礒田ポートフォリオ: http://portfolio.hinapp.net/
Pure: http://purecss.io/
CSSフレームワーク比較サイト: http://usablica.github.io/front-end-frameworks/compare.html/


セッションでは、まずバイドゥ株式会社の矢野りんさんが「モバイルコンテンツデザイン 設計から実装までのデザインプロセス」と題して、ご自身がデザインを担当されているAndroidアプリ「Shimeji」での“スタートアップ時代”から現在の“信頼性の向上の時代”までのデザインプロセスを、実際によく使うデザインパターンも具体的に交えて紹介していただいきました。



続いて、株式会社サイバーエージェントの佐藤歩さんの「ハイパフォーマンス・Webフロントエンド」では、常に言われているブラウザでの表示速度を最適化するために、考え方。実際に現場で使用しているツールなどを紹介していただきました。Chromeの開発版である Google Chrome Canary の開発者ツールを使ってのデモなど、初参加の1年生にはちょっと難しかったかもしれませんが、ビジュアル面ばかりではない違う世界が垣間みれてよかったのではないでしょうか。

最後に株式会社ワンパクの阿部淳也さんの「Co-Creative時代の企画・ディレクション」です。



Co-Creativeとは共創型と訳されますが、誰と共創するのか？
コミュニケーションの取り方が個々に複雑化してきている現在、広告業界も広告から価値ある体験の提供へと変化しています。提案から、共に考える時代へ進むうえで、Web技術に長けたクリエイターが、今後の世界を変えていける可能性を秘めている。そんな、勇気のあふれるセッションでした。

WCANも今年から、デザイン・テクニカル・ディレクションと3種のセッションが聞けるようになり、内容盛りだくさんでとても充実した1日でした。次回も楽しみにしております。

2013.07.02 [火] じぇ?! 今年も8月に岩手県に行ってきます！

先日行われた第8回ウェブデザイン技能競技大会の結果、トライデントコンピュータ専門学校から1年生の田中くんと水野くんが8月に行われる第8回若年者ものづくり競技大会に出場することになりました。
おめでとうございます！

第8回若年者ものづくり競技大会
日程：平成25年8月7日(水)～8月8日(木)
8月 7日（水） 競技会場下見等、開会式（競技職種ごとに競技会場にて実施）
8月 8日（木） 職種別競技、採点及び技術委員会
8月 9日（金） 成績発表（厚生労働省、中央職業能力開発協会のホームページにて発表予定。）
競技会場：・岩手県立産業技術短期大学校 矢巾校（岩手県紫波郡矢巾町大字南矢幅10-3-1）



大会に向けて全力で頑張るのはもちろん、昨年に引き続き、岩手県ということで会場は北三陸ではないですが「あまちゃん」も放送されていますので、とても楽しみにです。
事前課題やその他の競技の日程などは、中央職業能力開発協会のWebサイトに公開されています。

2013.07.01 [月] WCAN 2013 Summerが行われますよ〜。

7月6日（土曜日）にWCAN 2013 Summerが開催されます。今回は、デザインをバイドゥの矢野りんさん、Webプログラム（フロントエンド）をサイバーエージェントの佐藤歩さん、ディレクションをワンパクの阿部さんと超豪華なセッションになっています。Webデザイン学科の1年生も、今回から参加させていただきますので、よろしくお願いします。
また、セッション開始前のライトニングトークでは、Webデザイン学科2年生礒田くんが話します。

セッション1 モバイルコンテンツデザイン 設計から実装までのデザインプロセス
矢野りん さん（バイドゥ株式会社）
モバイルコンテンツは常にユーザー中心の設計を考える必要があります。
そのうえ構想からリリースまでのタイムスパンは短いほうがベターです。
とにかく作ってリリースして、ユーザーの利用動向を見ながら修正するというプロセスこそユーザー中心デザイン。
なので
・まず最初のリリースをどうやって短期的に形にするのか
・どういったポイントに注意を払いながら改良していくのか
の2つの問題についていつも妥当な答えをさがし続けることがデザイナーの仕事といえます。
この2点に対する取り組みについておはなししつつ、実務的なデザイン上のポイントについても触れる予定です。

セッション2 ハイパフォーマンス・Webフロントエンド
佐藤 歩 さん（株式会社サイバーエージェント）
Webフロントエンドのパフォーマンスは、デバイス（実行環境）の多様化や、フロントエンド実装の複雑化によって、再び強い関心を集めるようになってきています。 同時に、ブラウザにおける開発者ツールの進化や、ブラウザ実装の詳細が明らかになってきたことで、検証に基づいたパフォーマンスチューニングの可能性も以前より広がっています。 今回はレンダリング、ネットワークなどの話題を中心に、どのような要因があり、それをどのように検証し、どのような改善に取り組むことができるのかについてご紹介していきます。

セッション3 Co-Creative時代の企画・ディレクション
阿部 淳也 さん（株式会社ワンパク）
ここ数年でブランド（企業）側、広告代理店、プロダクションの関係は単なる発注-受注の請負関係からビジネスパートナーとして求められる内容も大きく変化しています。仕事の流れややり方も、これまで行ってきた提案型では様々な点で無駄が多く、スピード感をもって戦略立案や施策を実行できないという悩みに直面している企業も多いと思います。そんな状況を解決するために今、最も必要なのはブランド（企業）、広告代理店、プロダクションが共に考え・つくるかたちで協調していくことです。今回はそれがなぜ必要なのか、どのように進めていけば良いのかを、海外事例やワンパクが手がけてきたプロジェクト事例などを見ながら、これから私たちがどうしていくべきかを共有し、みんなで考えてみたいと思います。


学生は参加費が無料ですので、Webに興味がある高校生・専門学校生・大学生は参加してみてはどうでしょうか？でも、ドタキャンはダメです。