フラッシュクリエイターの細川太郎さんの講演を聞きました。

私たちのためにtwitterのつぶやきのFlashを制作されていました。優しい｡゜（ﾟ´Д｀ﾟ)゜｡考え深いつぶやきですが、わかりやすかったです＾＾

軍艦島　http://www.gunkanjima.com/

軍艦島行ってみたい＞＜
軍艦島は実験的に作ったサイトだそうです＾＾
動くサイトを目指して作られたので、目がちかちかするぐらい動いてました。サイバーチックな印象のあるサイトだと思いました

Twitterの話では
デザイナーは国語力が必要、お客さんに伝わらないといけないから。というのが胸に刺さりましたｳﾜｧｧ—–｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡—–ﾝ!!!!
伝えるのが苦手でございます＞＜どうにかしないと…

フリーは効率よりもお客との信頼関係が大切なのです。私は効率はﾎﾝﾄ悪いですから、信頼しかないです＞＜
フリーランスは信頼してもらえるかが大切なので人対人なので、よく、お客さんとの仲を深めるために飲みに行ったりしているそう＾＾楽しそうだ＾＾

学生の時はコンペに参加したほうがいいそうです。
審査員にアピールする方法をよく考えられるからだそうです。あたしもちゃんと文章考えて喋らないとなぁ…
貴重な講演ありがとうございました＾＾

６月２２日　YORKE.さんの公演を聞きました。
ＹＯＲＫＥ．さんを最初見たときは、Ｂ系な格好でちょっと怖かったのですが、フレンドリーに話して頂き優しい人なんだなと分かりました。
窓の悪戯は笑えましたｗ

ＹＯＲＫＥ．さんは生徒が選んだ曲を聞いてＣＤジャケットを作ってくれました。
いきなり作れというのはやっぱりＷＥＢサイトなど作る時もそうで、
こんなイメージで作って！こんなのがいいんだけど！と話し合いの内容が濃密で相手の話が熱意があるかどうかで面白さが決まるみたいです。
しかしここまで来てしまったのだから、と言う事で、曲を出した人と話しながらＣＤジャケットの素材を作っていました。
機械が使えない場合でも、手で書いてにじませたり、破いたりと、思いついたらすぐ行動していました。そんな思いついて作るっていうことはやっぱり大切なんだなと思いました。
そういう時に描いてるものとか破ってみたりとか思い通りを壊すのも大切で。むしろ、そういうのをわざと仕掛けることがあるんだそうな。
そんなＹＯＲＫＥ．さんは日々が修行で仕事は悩まないようにしているそうです。ジャッジの早さが大事。って…私は悩みまくってそしていて優柔不断なのでこれはいけない；

作品は、大きい物を作るようにしているそうです。それは小さいものを作るよりも修行になるんだそうな…
いいなぁ、大きいもの…小さいものしか作ってないから羨ましかったです。。
海の家でのペイントの様子を写した写真を見せてもらいました。海に入ったり描いたりとか羨ましすぎる！出来上がりが見れなかったには残念でした。

時間も限られていたので、一枚のＣＤジャケットが完成しました。
ジャケットは、最終的には最終的には白い感じのさわやかな感じになっていました。

またこういう制作物っていうのは恋に似ているそうな。
どうゆうアタックをして、どんなことをして、最終的にどうなるかとか妄想することが大切だということです。

あと猫娘は好きな女の子のタイプでした（笑

戸田芳裕さんの講演を聴きました。
戸田さんはflashを使ってサイト制作を行っているアートディレクターです。今はフリーランスらしいです。
いいなぁ、フリーランス、憧れです＾＾が、子供ができてからすぐフリーランスになったらしく凄い勇気ですね；；

制作した作品を見せてもらいました。
ユニクロミックスプレイ
feedforce
parm
マクドナルド

戸田さんの歩み
子供のころは絵が好きだったが、経営の大学へ通い普通のサラリーマンになりました。
しかしあるきっかけで「パソコンで絵がかけるんだ！」とわかり、ハマりだし、ついに
専門学校へ。そこではまだアプリケーションの使い方を学ぶだけだったものの、
それからグラフィックの会社へ行くのに自主作品を沢山つくり、ついに行きました。
そこで学んだのが「諦めずに！」ということだったそうです。

就職活動もサイト製作も諦めちゃいけないんですね…

グラフィックからＷＥＢ制作に行ったキッカケは結婚式場のバイトで、社長さんがサイトを作りたいと言ってきたのがキッカケだそうです。
それから大阪のＷＥＢ制作会社に行ったそうな。そこから東京に出張したものの、制作するのは静的なサイトばかりでつまらなく、仕事が終わってから自主的に個人サイトで動的サイトを作っていたところ
他の人から褒められ、サイトを制作してくれないかと頼まれ始めたそうです。
それからついにフリーランスになったそうです！

戸田さんが今までの経緯の話で伝えたいことは
「諦めるな！やり続けろ！」
「行動をしろ！不満は別の形にするのだ」
「人とのかかわりを大切にしていくこと」
ということでした。
さらに人とのかかわりは、運が良い人とのつながりを大切にすればいいツキがついてくるそうな…

また、戸田さんサイトを作るうえで大切にしていることは
「遊び心を大切にして、自分らしさを出している」
ということです。
webは情報の塊、そこに見せる為の工夫（遊び心）
たとえば、flashを読み込む際のloadingはバーが何％を表すことが多いが、それを別の形にするとか
概念を崩すなどです
自身のポートフォリオサイトにもASOBIという作品とは違う、サイトで遊べる項目があります。

サイトを制作する際に、自分らしさを出すことはいつも考えています。
が、もっともっと考えていかなければいけないなと思いました。
また、就職活動においても今、そんなに制作しているわけではないので
ちゃんと作っていかなければいけないなと思いました。

みんながジブリ展示行っている間、私は商店街プロジェクトの写真を撮りに行っていました。
といっても、私が写真を撮ったわけではなくて、クラスの写真が得意な子に撮って貰いました。

その子が行くときにipadを衝動買いしていたのがビックリしました；
羨ましい！そのお金の余裕！
ｳﾜｧｧｧｧｧｧヽ(`Д´)ﾉｧｧｧｧｧｧﾝ!

で、やはり写真家。まず道具が多かった。カメラ2台とパソコンと三脚。
そこで、初めて、カメラって組み立てるものだと知りました。
いざ写真撮影。
写真データが重過ぎて今持ってなくて見せられないのが残念；

撮影内容としては
店員さん集合
店長さん胸から上
店員さん各ポーズ変えて2枚
店全体写真
商品の出来上がり
商品作っているところ
MAPで使う店までのぱらぱら写真

店長さんのポーズの写真をちょっとアクティブなちょっと可笑しいポーズで撮ってから、店長さんのテンションが上がって
いろんな写真に顔を出していました＾＾
そんなノリがよい店長さんに恵まれてうれしいです＾＾

そしてデータをその翌日にもらったのですが、やはり頼んでおいてよかった！
やっぱりうまい！商品も、店員さん達もちゃんと撮れていて、面白いところ、生かせそうでした！

ポートフォリオサイトを作り直しました。

http://www.kuronowish.com/~kiti/index.html

作ったことについて細かく説明していきます。

まず、このデザインのコンセプトは「女の子のフォトブック」です。
新しい名刺を作ったあたりから女の子っぽく。にはまっていたりします。
東京でフォトブックを手に入れて、実際に作りたいと思っていたためでもあります。
古めに加工したのは、私の流行ですｖ

ベースに使ったのはこのフォトブック。

これをフォトショップで伸ばして、ブラシで古く加工しました。

それに、私が好きな動物を載せようと思い、素材サイトから写真を拝借しました。

それをくり貫いて再びフォトショップでブラシとフィルタで加工

また、グローバルナビゲーションのタグと麻紐は、実際にあるものをスキャンしました。

そして、最終的のサイズを迷ったのですが、今はほぼPCの画面サイズがでかくなっていることから、大きいサイズで作ることに決定。
しかし、それでも画面いっぱいっていうのは無理があるので、背景に木の机を作ることに決定。
それに伴いシャドウも作ることにしました。影がないと浮くので。
このシャドウが後の問題で…

まず、ベースのノートをpngで作ったのが間違いでした。シャドウも最初はノートに引っ付けてあったので透過pngという形になり
とんでもなく重いファイルになってしまいました。
これは…やばいと
まず他のファイルを出来るだけ軽くしました。
で、ノートはノートとシャドウを分ける案で決定。
しかし、どうも上手くいかず、試行錯誤して
結局、シャドウの上にノートをpositionで持ってくることにしました。
ノートは透過GIFの形に収まりました。
この形でも、サイズの問題でかなり大きいんですが、最初の半分の大きさになりました。
…もう…このサイズで限界です。…もう、ゴールしても、いいよね…状態。

ドメインを取ったので、後にサイトURLが変わります。

就職活動、3月は全く考えることができなかったです；
4月に入るし、本気で考えていかなければヤバいですね。

就職先については、まず第一志望が定まっていません。ふわふわしてしまっている状態です
東京を主に考えた方がいいのに、気づくと名古屋の会社ばかりを探しています。
だめですね…
作っているものとしては、キャンペーンサイトが多い方の会社がいいですね。

とりあえず4月に入ってから、手当たり次第、エントリーしていこうと思います

さて、ポートフォリオサイトもできたことなので、これからする事を決めようと思います

んー、やはりここBlogのデザインを作りたいと思います。デザイン案は大体決まっています
和風にしようかと…。名古屋城で金箔の写真も撮ってきて背景とかで使える様になっています。

デザインだけでは面白くないので、CMSだとか導入していこうかと思っています。
未だにCMSがなんなのかわかんない自分がいますが…

それが終わったら、フルフラッシュサイトなんか作りたいなと思います。
AS全くできないのにね（笑

おひさしぶりの更新になります。
やっぱり休みに入ると更新できなくなります；

本題は集中授業で何をしたかです。

私は春休みに課題の卒展サイトとポートフォリオサイトのデザインからコーディングまで大体のところまで終わらせていました。
なので授業では細かいところとかを直していました。

卒展サイトではこんなjQueryのギャラリーを使いたかったんですが、それがなんでかずれてしまって使う事を断念しました。
またなんだかしつこい気もしましたし…。結局Liteboxで表示する事にしました。

これが卒展サイトのデザインです。各コースを色で分けて、通してみると虹みたいに見える様にしました。各コースへはスムーズスクロールで飛ぶ事ができます

ポートフォリオサイトは、コンセプトが「古い、女の子のフォトブックです」
ポートフォリオサイトについては、アップしたら新しい投稿で細かく説明します。

そして、アナログのポートフォリオも作り直しました。今回は和風な感じでシンプルにまとめました。

授業外ですが、ケータイサイトのデザインコーディングもしました。軽すぎる物だし、あまり公では言えませんが。

3日目は、合宿所で予定があったものの、雪の関係で早く降りることになり、そのまま解散となり、横浜に向かいました。
中華街でご飯を食べたのち、赤レンガ倉庫でショッピングをしました。
赤レンガは雑貨など面白いものが沢山ありいろいろ買ってしまいましたｗ
そんな感じで3日を過ごしました。

東京に来てみての感想はとにかく東京の学校のレヴェルが高くて、私はこのままではいけないなと思いました。
東京の学校は1年のときから企業のホームページを作ったり、そのことで話し合いをしたり、プレゼンをしたりします。
また、ブレーンストーミングも沢山やっていて、部屋がメモだらけになることもあるそうです。
うかうかはしていられない、と感じます。
自分で出来ること、沢山やっていかなければなぁ…
決意できた、3日間になりました

東京２日目は、先ず鎌倉を観光しました。
といってとても寒くて、しかも歩くの早くてついて行くのがやっとでした；
お寺を見たのですが、そこに居たハトが何か名古屋とは違くて、丸々していて小柄だったのはなぜだろう？
それから面白法人カヤックhttp://www.kayac.com/というWEB制作会社に会社見学に行きました。
カヤックはとてもオープンな会社で、画面を映さなければ、写真は自由にとっていいと聞き、みんなでパシャパシャ撮っていました。
カヤックのオフィスは、内装にこだわっていました。一部がクッションだったり、クラゲみたいな水槽がありました。座敷の周り円卓上に仕事場があり、真ん中の座敷で会議とかをやるんだそう。また、社長室はみんなの円卓の真ん中、全面ガラス張りで中がスケスケでした。
カヤックは面白法人というだけあって面白い作品を作っています。その中でも一番面白かったのがUNICLOCKのぱくりKOBACLOCKhttp://10th.kayac.com/movie/cubaclock/です。また社員を大切にしていて、退社した社員までWEBに載せています。
カヤックを見た後は、その会社の１階でカヤックが運営している丼屋「bowls」でご飯を食べました。私が食べたのは日替わりどんぶりで、豆腐の揚が入っていました。

その後合宿所、箱根に移動しました。山をドンドン上がっていくにつれ、雨が雪にかわり、合宿所についたころには、積もっていました。
合宿所は案外キレイなところでした。お風呂が温泉っていうのがとても嬉しかったです。

まず、日本ウェブ協会の森川さんから、「WEB業界と職種」の話を聞きました

WEB業界は大きな会社ほど、業種がハッキリしています。

ＡＥ（アカウントエグゼクティブ）とはクライアントの駆け引き人・プロデューサーであり、
クライアントがどうしたいか聞き出し、提案依頼書（ＲＦＰ）を書く
　　　　　　　　↓
提案書をプロデューサーなどが書き
デザイン案をデザイナーが書く
　　　　　　　　↓
プレゼン
　　　　　　　　↓
見積書
　　　　　　　　↓
ＧＯ！！！！

その後WEBサイトを作成していく手順

1.調査・分析
　　ユーザテスト
　　ログ・アンケート
　　戦略

2.設計
　　サイトストラクチャ（情報設計）
　　画面情報
　　ユーザーインターフェース（部品）
　　技術設計

3.実装
　　オペレーション（タグ打ち）

4.運用

こんな感じでした。
その後またプレゼンテーションするかなって思ったのですが、何故か飲み会になり雑談になりました；
この夜は大富豪やお菓子の家を作ったりなど、楽しかったですｗ