ウェブDeBLOG｜トライデントコンピュータ専門学校 Webデザイン学科

7月11日(土)に建設されたばかりの名古屋商科大学 名古屋キャンパス 丸の内タワーにてWCAN 2015 Summerが開催されました。220名の参加者が入っていても、まだまだ余裕のある会場でした。
今回がWebデザイン学科1年生最初のWCAN参加で、さらに瀬川君がライトニングトークでプレゼンをしました。

内容はというと「アイドルファンがWebを学び始めて気づいたこと」ということで、趣味と実益を兼ねた内容です。最初、テーマを決めた段階では、SKE48色が強くなりすぎて、余り受け入れられないだろうということで、ももいろクローバーZ、モーニング娘などを含め、複数のアイドルのオフィシャルサイトを検証することになりました。

Webサイトを制作する場合、競合他社のWebサイトを分析して傾向を知ることはよくあり、今回はアイドルのWebサイトを調べるとともに、利用したツール、Webサービスの紹介もあわせて行うことにしました。目新しいものはありませんでしたが、彼にとっては初めて触るツールや事柄ばかりでしたので、時間のかかる作業だったと思います。それでも好きなアイドルのWebサイトなので楽しんでやれたんじゃないでしょうか。

その中から、比較的わかりやすい項目をピックアップして、検証して「なぜ、そうなるのか？」という仮説と見解を考えていきました。そこからさらに5分間という短い時間に収まるように削ぎ落していきました。

毎回、学生がプレゼンすると「5分ぴったりと終わるなんて、練習してるんですか？」と聞かれます。
もちろんしてますよ〜。
それも5分ぴたりと終わるようになるまで2・3日前から、ビデオに撮って何回もくりかえし行っています。WCANなど大勢の前や、コンテストの審査などでプレゼンをさせてもらう機会は、とても光栄なことで滅多にありません。しかし“練習不足が原因”の失敗で精神的に凹むのだけは、避けたいという想いがあり、本番前はなるべくプレゼンの練習に時間を割くようにしています。
いままでWCANで発表してきた学生達もそうでしたが、これからも事前の練習は確実に行っていきたいと思っています。

さて、今回アイドルということもあり、あまり受け入れられなかった方もいらしたかもしれませんが、「最初テーマを聞いたときは、ここまで調べてるとは思わなかった」と仰ってくださる方もいましたので、頑張って良かったのではないでしょうか。調べた内容以外にも細かい部分でこだわってたりします。

そのへんの想いは、本人のブログにも書かれていますので、ご覧ください。

WCAN SUMMER 2015に登壇させていただきました！｜たいしょん倶楽部

本番のセッション内容についても、参加した学生のブログに感想などが書かれています。

• 「WCAN 2015 Summer」｜WF1でBLOG 2015
• WCAN 2015 Summerに参加してきました｜miki's weblog

また、WCANのサイトにもセミナーの様子が紹介されています

• WCAN 2015 Summer が終了しました｜WCAN お知らせ

今回の経験は、今後のWeb制作の勉強にもいかしていけると思います。貴重な機会をいただきありがとうございました。

9月14日（土）に名古屋国際会議場で開催された「WCAN 2013 Autumn」に参加してきました。秋のWCANは例年、3会場×複数セッションから個人で選択して参加します。各会場の本セッション開始前のセッション0として学生のライトニングトークが盛り込まれており、10分間で学習の成果などを発表することができます。Webデザイン学科の1年生水野くんも「Web歴半年!? プログラムど素人の僕がThree.jsを使って3D描画にチャレンジしてみた」という内容で、発表を行いました。





WebGLのライブラリ「Three.js」を利用してMetasequoiaでモデリング、BlenderでモーションをつけてJSONにエクスポートしています。初めて触る3DCGのソフトウェアやThree.jsに苦労しながらも何とかプレゼン中に動かすことができました。


下記のスライドにWebGLや動作環境、キャラクターデザインから3DCGキャラクター制作、Three.jsでの表示に至るまでの工程も紹介されていますので、ぜひご覧ください。


＜ソースコード＞【WebGL特集】第5回：Blenderでアニメーション出力（mox-motion）
three.js_r60で上手く動作せず、悩んでいたところ大変助かりました。


ずっと忙しなく動いているので、ボタンで動作するようにしたいですね。
※スマートホンでは表示されません。PCでGoogle Chromeもしくは、Firefoxの利用で表示されます。
本セッションについては、またこんど紹介します。

来週の土曜日（9月14日）にWCAN 2013 Autumnが開催されます。毎年秋のWCANは3セッション×3部屋制で、興味のあるセッションを選んで受講します。今年も各セッションとも興味深いテーマばかりで、聞けるものなら全部聞きたいところです。2013/9/5現在、残席が残り僅かですので、参加希望の方はお早めに！



さて、本セッション前に名古屋のWebを学んでいる学生によるライトニング・トークがあるのですが、今回トライデントコンピュータ専門学校からは、Webデザイン学科1年生の水野くんが話をします。

WEB暦半年！？プログラムド素人の僕がThere.jsを使って3D描画にチャレンジしてみた
プログラム初心者の僕がWebGLに興味をもち使うために頑張る話やWebGLのライブラリであるThere.js等の説明をお話したいと思います。

トライデントコンピューター専門学校 水野 裕太さん
トライデントコンピュータ専門学校Webデザイン学科1年の水野です。webデザイナー志望ですがデザイン、コーディング、プログラム全てできるように勉強しております。

現在、初めて使う3DCGソフトと格闘しながら、素材を鋭意制作中のようです。間に合うのか?!
ご期待くださいませ。

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

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

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

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


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

明日、12月10日（土）に国際会議場で行われるWCAN 2011 Winterで、Webデザイン学科の1年生が、ライトニングトークに登場します。
現在、株式会社テイクさんの協力で、Webサイトのリニューアルを行なっています。そのプロジェクトの企画部分を中心にお話しします。
よろしくお願いします！

トライデントコンピュータ専門学校Webデザイン学科1年生
●渡邉理奈さん@rinalex1213（ブログ：P@ri-pari-）
●大屋文香さん@ooyaa（ブログ：くま二郎）
●社本奈央さん@shamotonao（ブログ：Alice's Evidence）