Archive for 2009 年 5 月

バナーシコシコ

wordpress, アプリケーション, サーバー, デジハリ, 勉強 | 投稿者: 管理人
5月 28 2009 年

今日も今日とて、バナーしこしこ作っておりますよ。

今日はとりあえず、カメラの120*600がひとまず完成&ケータイの120*240の作り直しが完成。

毎度の事ながら、同じクラスのS君にアドバイスを頂きながら作っていました。

ちょっと、製作に飽きて、プラプラとネットしてて、見つけたバナー関連連の面白サイトを以下に

  • BannerSnack:フラッシュバナーのジェネレーター
  • c-team:バナーのクラウドソーシング
  • bannerblog:バナーのまとめサイト(探しにくいw)

c-teamはとりあえず登録しちゃったw

フラッシュバナーとかはまだ作れないけど、とりあえずねw 

BannerSnackはなかなかすごかった。

サイト自体がきれいなのもそうだけど、操作もとてもしやすかったし、さくっとバナー作れちゃうから、自分のサイト充実してきたらたくさん作ってみたい。今回の課題とかも、オブジェクトの配置とか動かし方とかのインスピレーションを得るには丁度良いかも。

にしても、ジェネレーター系って、ホント今すごいの沢山あるなぁ・・。ユーザーはブラウザさえあればソフト要らないんだもん。昨日知ったHobnox Audiotoolもすごかったし。

やっぱりウェブは面白い!

つぶやくこの記事をツィッターでつぶやく

治験3日目

Illustorator, 日記 | 投稿者: 管理人
5月 28 2009 年

治験3日目(最終日)行ってきました。

今日は初日同様、あまり時間もかからず終了でした。ラクチーン。

着替える→背中の該当箇所にマーキング→背中の写真撮影→医師の所見→終了


ここまで、大体45分くらい。

とりあえず、初治験は何事もなく終了。感想としては、割がいいものではないという事。3日も通った割にはね・・。

今度は、スクラブ洗顔に対する座談会なるもののお知らせが来ていて、一応応募したんだけど、通るかしら?

これなら1日で終わるし、割とお金ももらえるので、ぜひやりたいなぁ・・・。

あぁ~。なんか割のいいバイトないかなぁ・・・。お金ほしいなぁ。

学校で6月末からAfterEffectの講習あるんだけど、お金ないから、出られないんだよなぁ・・。

はぁ~・・・。誰か無利子でお金貸してくれないかしら・・・。あう~・・・・。ってか、宝くじ当たらないかなぁ??(買ってないから当たるわけないか・・・。)

つぶやくこの記事をツィッターでつぶやく

本日の講義:Webディレクションについての基礎講座

サイト構築, デジハリ, 勉強 | 投稿者: 管理人
5月 27 2009 年

今日の授業はとっても面白かったので、とりあえずメモメモということで、エントリー

授業のカリキュラム表には、【Webインターフェイス】ってタイトルで書いてあったから、てっきりインターフェイス・ユーザービリティ系の話かと思い込んでいた。設計・コーディングの授業まだまだなのに、どんな授業なんだ?と思ってたし。

そしたらどっこい、タイトルの通り、今日はサイトを作る上でのワークフローのホントに基本的な所から丁寧に説明してくれて、とても面白い授業でしたよ。

こう、半年とか、1年とか、短いスパンで技術を詰め込み教えてくれる学校とかだと、初心者から始めた私のような人は、とかくデザインから入って、そのサイトを作る目的とかコンセプトとか、ベースになるものを忘れがちなんだけど、やっぱりそれはとっても基本になるものなので

    • どんなソフトを使うとか
    • 何でそのソフトなのかとか
    • 何を作りたいのかとか
    • ターゲットはどんなユーザーなのかとか
    • クライアントの持っているコンテンツはどんなものなのかとか

やっぱりそれを最初に決めて製作にあたらねばと、聞くと当たり前だけど、なんか忘れがちなことを釘刺されました。

 

後は、ディレクトリリストの作成が重要だということ

制作会社さんだと、やっぱりページが単価になるから価格を決める面でもそうだけど、チーム単位で動くときも、ちゃんとした骨組みがないとだもんね。

ディレクトリリストはやっぱりエクセルで作るのが一般的ようでした。エクセルで作った後に、HTMLで書き出して、作ったページ毎にリンク貼って、プロジェクトメンバーとクライアントで確認しあうのも、なるほど!っと思いました。参考にして、グループワークに応用したいと思います。

そうそう、グループワークはGoogle Calendarつかってやろうと思ってた。どうだろ。

ディレクトリリスト作るときの注意点だけど、基本、1フォルダに対して、1html作れとのこと。んで、html名は基本index.html

ほうほう、にゃるほどと思いました。肝に銘じます。もちろん、ニュース更新情報とかはどしどしファイルが増えてくので、それにあわせた名づけ方(yymmddのような)が好ましいとのことですが。

あと、ファイル名は長いと重くなるから、わかりやすくかつ短くがポイントみたい。ケータイサイトはその辺シビアに考えて作らねば!

んで、ディレクトリリストを作ったら、すぐに空でいいからフォルダ作って整理しておこうとの事です。確かに、Web製作って、納期の最後の最後まで付け足しだ増えてくから、最初にバシっとページ数を決めて動かないと、いつまでたっても終わらないもんね・・・。

 

んで、クライアントとやり取りするときは、案件用フォルダを用意。中身は以下の感じ

    • htdocs(元ファイル・素材は入れない)
    • スケジュール(タスク管理表)
    • 原稿(テキスト情報)
    • 写真素材(元素材)
    • デザインデータ(編集後素材やレイアウト素材)
    • 画面構成図(ワイヤーフレーム)
    • 運用更新リスト

これをバシッと用意して、プロジェクトチームで共有してクコとが大事なのね。フムフム。今日の授業は参考になるなぁ・・。

んでんで、ディレクトリリストができたらそれを元に画面構成図(ワイヤーフレーム)を作成。毎年、この作業まで完璧にできる生徒は少ないのだとか・・・。時間なかったりでね・・・。

私はがんばるぞ!!!ちゃんとワイヤーフレーム作ってからデザインに入れるように! 現状の課題の時点で、絵コンテとかかけない私にそれができるのか、不安だが・・。

でも、ちゃんと、富士フィルムのサイトに来たくなるには?ってのは考えて、コンセプトリスト(ただの箇条書きとも言う)は用意したけどね。

 

仕事するときに、気をつけなきゃならないのは、【相手に考えさせない】という事みたい。

ちゃんと、ディレクトリリスト、ワイヤーフレーム、サイトマップを細かく作って、見てわかるようにフィックス作業をクライアントを重ねるって事ですね。

そうやって、丁寧に仕事することで、作って終わりではなくて、その後の運用管理・ログ解析をしてあげて、ちょいコンサル的な知見からアドバイス&次の仕事にってのはいいねぇ。

 

長くなったけど、今日の授業で釘刺されたのは以下の点

課題ひとつ一つにも下記の全工程順をおって踏む

  1. サイト・コンテンツ・アプリ←これらを作る意味・目的を考える
  2. クライアント・作る店舗の扱うコンテンツを確認しておく
  3. 案件リストを作成する
  4. ディレクトリリストの作成
  5. サイトマップの作成
  6. デザイン
  7. コーディング

これを毎回やっておけば、ポートフォリオに完成品だけじゃなくて、製作工程(ディレクション的なスキル)も見てもらえるし、デザイン系の学生に対して、別の部分からアプローチもできるし、何より実際の現場で役立つし、今の段階から、気をつけて行動してみようと思う。

つぶやくこの記事をツィッターでつぶやく

治験二日目

日記 | 投稿者: 管理人
5月 27 2009 年

治験2日目、行ってまいりました。今日も講義のすぐ後直行で。
今日は、昨日と違って、ちょっと疲れたなぁ・・・。昨日背中に貼った検体を剥がして1時間放置後に診察。

つまり、1時間ぼーっとしてなきゃならないわけで・・・。まあ、待合室に雑誌とか置いてあったから、それ読んでたり、持ち歩いてる教科書読んだり、暇はしてなかったけどw

雑誌が、丸の内・銀座特集のやつがあって、それ読んでたら行きたいお店連続で、お金ないのに、欲望ばかりが沸き立てられましたとさwww

つぶやくこの記事をツィッターでつぶやく

治験参加→ポータブルハードディスクが買える!?

日記 | 投稿者: 管理人
5月 26 2009 年

はい、いってきました。治験。

初参加でございますよ。ちょっと緊張した。

治験の内容なんだけど、背中に貼るタイプのパッチテストだから、特に注射とか、入院とかは必要のない軽めのものでした。

当初は、この治験の被験者ではなく【待機】という名目で、もし参加者に不都合が出て人数が足りなくなったときのための補欠要員としての参加予定でした。たぶん30~40分、現地に待機して、それで4000円貰って帰る予定でございましたの。

しか~し、欠員出ておりましたよ。どうやら、背中にニキビとか発疹できてるとだめみたいで、最近暑くなってきたし、季節がら、背中に不具合の人が多かったみたい。

んで、軽く4000円GETのつもりで待機に応募したけど、参加することに。まぁ、楽して稼ぐではなくて、あくまでもボランティアな気分でいないといけない、ということだねw

更衣室で上だけ脱いで、なんかガウンみたいなのを着る→ヘアバンドで髪固定→背中にちょっとだけマーキング→写真撮影→パッチ状の検体を背中に貼る→終了

受付で待機から終了まで40分くらいのものでした。

なんだかんだで、被験者として参加してしまったので、今日はシャワー気をつけないとです。背中に水かかったらアウトなので、髪は洗わないほうがいいかも・・?

明日くさかったら、同級生の皆様すいませんw

あと、今日待機で終わるつもりだったけど、結局、明日と明後日も行くことに。今日みたいに、授業終わったら即出発ですね。

あー、そうそう、びっくりしたのが、治験終わって学校戻って教室行ったら誰もいなかった・・・。

『えーーー?まだ2時間も経ってないのに・・・。みんな余裕?それともみんなでどっか行ってたりして!?ぎゃぼっ、たのしそう!!』とか思ってたら、同じクラスのK君(写真屋さん)にばったり会い、みんなC教室にいるよと教えてくれました。ありがとうK君!

C教室いったら、みんないましたw

だよねーー。終わらないよねぇ、課題w

よし、このブログかいたら作業始めます。

つぶやくこの記事をツィッターでつぶやく

最近の学校と週末の日記

勉強 | 投稿者: 管理人
5月 25 2009 年

イヤー、なかなかブログを書く習慣がないもので、更新が停滞気味な今日この頃・・・

とりあえずまとめて、ここ数日のことを書くことにしよう。




まず、学校での授業ですが、(x)htmlの授業に入りました。

私としては、早くプログラム的な事もやりたかったので、これからがとても楽しみです。ウキャー☆

今回授業でやったのは、DreameWeaverを使った、HTMLのコーディング基礎でした。

DWの使い方を知らなかった私は、授業前に一応触っておこうと思って、教科書を見ながらゴニョゴニョとhtml書いてたんですが、タグも直接書いてた(コードヒント出てくるから便利~とか思って)ので、”分割”画面で下にテキストをガーーーっと書いた後に、コントロールパネルっぽいとこから、タグをテキストに該当箇所に付けられるのを知って、ちょっと感動しましたよw

とりあえず明日の、授業の前に、お気に入りのサイトのhtmlを覗いて、まねして書いてみよー☆ んで、後からCSS習ったら、似たような装飾に近づけて遊んでみよー☆たのしぃのう♪

あと、学校の話題を引き続いて。

【GIFバナーを作る課題が出ております・・・。】

うーーん。センスのなさを痛感しております。イタイイタイ。今日もとりあえずフリータイムにこの課題を進めたいと思います。

課題はこんな感じ

●商品PRバナーを作成●
作成サイズ
120×240
468×60
120×60
作成サイズ
120×240 : 30kb
468×60 : 30kb
120×600 : 60kb
GIFアニメ課題テーマ
【テーマ1共通:FinePix Z33WP】
http://fujifilm.jp/personal/digitalcamera/finepixz33wp/index.html
【テーマ2自由:携帯電話】
素材やコピー:カタログやサイトから取得
※作業工程例
  1. 現サイトの確認と商品の理解
  2. 必要なデータを集める
  3. 使用するコピーなどを集める
  4. 静止画で決めのカットをデザイン(フォトショかイラレ)
  5. FWでアニメ作成

うん。最終的な1枚絵からスタートして、途中の動きを付けてったんだけど、そもそもの1枚絵のセンスが・・・。うーーん。DTPコースに知り合いを作りたい今日この頃。

しかも、一応、動きも付けたんだけど、なんかダサい・・・。あはぁ~・・。だめぽ。

とりあえず今日これからまたがんばろう!

なんと締め切りは6/2(火)時間ないっぽ!

後は、引き続き名刺の課題がまだ残ってるぽ・・。

これはいつだっけなぁ・・締め切り・・・。うーんと、そうそう、6月10日(水)にAクラスの人とも交換会だった。

これは、レイアウトはある程度決まったんだけど、ロゴマークがぜんぜん進んでない。

これも今日、少しは進めなきゃな。




学校の課題の話はこれくらいにして、土日の出来事でも書いておこう。

この週末は、デジハリ関係の勉強はせず、楽しく遊びほうけていました。(別にデジハリ関係が楽しくないわけではない。むしろ楽しい)

土曜日は午前中はゆっくりお家に引きこもり、午後(夕方)から焼肉をおごられに行って参りました。ウシャー♪

これがさぁ、メッチャおいしかったのよぅ。焼肉といえば、手が出せるのが牛角な私には、もう、感動ものでした。(牛角もおいしいよ♪好きさ好きさ)

だって、なんか、霜が入ってるお肉だったんだもん♪

あ~、なんか貧乏もいいよね。人のやさしさが身にしみたよ。ありがとう!今週もこの焼肉パワーが継続して、私の体を活性化させてくれてそうです。

日曜日は、家族で出かけてきました。

6月の頭に家族旅行があるので、その前に、運転しておこうということで、久々に車を運転しました。通算4回目か5回目くらいです。

うちから幕張まででて、マクプリのスカイラウンジでバイキング行ってきました。(今はマクプリじゃなくて、アパホテル系列だった・・)

ここはいいよう。景色がとっても。海が目の前で、見晴らしがとてもいい。

私は高いところが好きなので、このホテルのこのレストランはたまに行くんだけど、レストランに行かずに、エレベータに乗りに行くだけのときとかもあるw

エレベーターがガラス張りで、外が見えるから、2・3回、上り下りを繰り返すというアホな事をたまにやっている・・。

んで、食事した後に、千葉ポートタワーへ。カーナビの言うとおりの道がなく、(工事中だったのかな、あれ?)少々迷ってのだが、とりあえず無事到着。写真数枚だけとって、また幕張を経由し、いったんうちへ。

その後、母校の中学へ行って、すぐ近くの、MrMaxというお店で水を大量買いしてまた家に戻ってきた。

そこで、妹はちょっとこのプラングダグダ運転教習に飽きたのか、家に引きこもり、私と、父は母、またしても幕張までブーーン

何もすることなくその辺をグルグルして、帰り道に東京インテリアによって帰ってきました。

駐車とか車庫入れを、教習所から出てから、ほぼ初めてやったのだが、まあ、別に思ったほど苦労はなかった。

元来の、ボケっと冷静な性格が幸いしたのかなw

運転、多少緊張はするけど、まあ、楽しいっちゃ楽しいよね。

あ、あと、妹が車買ってくれるってw ありがちょう!

お金は払わないけど、ドライバーはやるので、どうぞよろしくw

そんな感じの土日でございました。

つぶやくこの記事をツィッターでつぶやく

水を作る(Photoshop)

PhotoShop, 勉強 | 投稿者: 管理人
5月 19 2009 年

今日も、授業や課題に関係ないことをして遊んでいました。

Photoshopで水を作る簡単なチュートリアルがあったので、そちらを試してみたり。

これ【Creating Water From a Tap】

まあ、まったく授業・課題に関係ないというわけでもないんだけれど・・。
課題で出たのが、富士フィルムのZ33WPっていう、防水・防塵カメラだったから、水のテクスチャってどんなかなぁ?って思って調べててたどりついたからね。

    チュートリアルの簡単なまとめ
  1. 蛇口を用意
  2. ペンツールでパスを引く
  3. パスパネル開いて、パスを選択
  4. 色を塗る(白)
  5. 画面上の【選択範囲】→選択範囲を変更→縮小→2px(1pxでも何でも、自分の好きなように)
  6. 縮小したら黒で塗る
  7. 黒で塗ったら同じように【選択範囲】→範囲変更→縮小
  8. 白で塗る
  9. 上記を繰り返して白黒白黒って塗っておく
  10. 【フィルター】を選択して→フィルターメニューダイアログを開く
  11. ガラスを選択、各数値は任意だが、今回は”ゆがみ・滑らかさ:5” ”テクスチャを霜付き” ”拡大縮小を80%”
  12. 水を選択して、合成方法を ’焼きこみカラー’ にしておく
  13. ぼかしツール(水滴マークのツール)を選択
  14. 水を選択して、ぼかしツールで上からなぞる
  15. Ctrl+Uで ’色相彩度’ を開く
  16. 色彩の統一のチェックボックスをチェックし”色相197” ”彩度29” ”明度0”

完成したのがこんな感じ。まあ悪くないでしょ?

水を作る

水を作る


元はこんな感じ

元画像

元画像




つぶやくこの記事をツィッターでつぶやく

今日も自習

Illustorator, wordpress, サイト構築, サーバー, 勉強, 日記, 雑記 | 投稿者: 管理人
5月 18 2009 年

今日もこつこつ&雑談も含め自習していました。

ひとつの作業を続けるのは集中力持たないので、こっち手を付け、あっち手を付けと色々と遊んでました。

とりあえず今日やったのはこんな感じ

  1. 名刺用ロゴ再検討
  2. xhtml&CSS エディタはDreamweaver
  3. Photoshopの練習 チュートリアルサイト参照

ホントにチョコチョコやってて、全部中途半端w

  1. 名刺用ロゴ再検討
    ロゴの中の、イラスト的なiconの部分を修正
    ひよこちゃんをフォントを使ったものから、完全イラストチックなものに変更
    なぜか、名刺に関係ないサイト用のプックリしたものも作ったり・・・脱線気味
    屋号(テキスト)の部分に苦戦。いいフォントが見つからない&レイアウトが思い浮かばない

    これは時間かかるし、1日○時間と区切って、毎日少しずつブラッシュアップしてゆこう・・・

  2. 今日の残骸 ロゴ用検討

    今日の残骸 ロゴ用検討


    追加:今まで、学校のPCにフォント追加できなくて困ってたんだけど、TAさんに教えてもらったら簡単に問題が解決したw

      ◆学校のPCにフォントのインストール
      通常通りコントロールパネルからフォントフォルダを開く
      ファイル→新しいフォントのインストール
      フォントフォルダにコピーするのチェックボックスを解除しておく!!
      これでインストールできた!

    今までインストールできないのは、管理者権限がないからだとばかり思い込んでた!やっぱ、ちゃんと質問しないとですなw

  3. xhtml&CSS エディタはDreamweaver
    教科書参チャプター4から7まで
  4. 途中、最近仲良くしてもらっているSさんに質問しながらマイペースにやってました。Sさんお仕事中にどうもありがとう!

  5. Photoshopの練習 チュートリアルサイト参照
    このサイトのチュートリアル3までやってみた

なんやかんやで、ケータイサイトの話したり、会社の人とかとチャットしてたりとかで
今日もマイペースに遊んでいるような感じで1日学校にいました。
まあ、少しずつは着実に進歩しているということで~ にょふ

つぶやくこの記事をツィッターでつぶやく

飲み会その後

デジハリ, 日記 | 投稿者: 管理人
5月 18 2009 年

学校近くの焼き鳥&モツ煮のお店で飲みでした

TAさん、セッティングどうもありがとうございました!

Aクラスの方と親睦を深めたかったのですが、少々残念なことにAクラスの方は2名の参加でございました・・・。
皆さん、ちゃんとご予定があるようですw
バイトもしていない自分は・・・。
あ、でも、AクラスのTAさんもとても気さくな方で、帰りは一緒に帰ってくれたし。やさしさに萌

どうも、Aクラスの女の子はとってもパワフルで、
自主的に課題を出し合って切磋琢磨しているようです。

機会があれば、仲間に入れてもらおうかしら・・。
人見知りな私は、入っていけるか、若干の不安が残るが・・。ゴニョゴニョ。

つぶやくこの記事をツィッターでつぶやく

クラス合同飲み

デジハリ, 日記 | 投稿者: 管理人
5月 16 2009 年

今日はデジハリのA,Bクラスの合同飲みがある。
Aクラスの人はどんな人たちかなぁ?

つぶやくこの記事をツィッターでつぶやく