トップ → 200510

製作後記 -bonk-

当サイト管理人であるbonkの、うたねさんとのテンプレート製作後記です。
うたねさんはデザイナーを務め、私はコーダーを担当しました。
以下、クリスマステンプレート製作後記を掲載しますので、コーダーの方が流れを掴めるのではないかと思います。デザイナー志望の方は、製作後記-うたねさん-をお読み下さいませ。

私が運営する、FC2ブログStyleでテンプレート共同制作について投稿した所、今回デザイナーをお願いした、うたねさんが「応援だけさせていただきます！」とのコメントを下さいました。うたねさんとは度々コメントを交わす仲でして、運営されている＊うたたね亭-日記＊でのイラストを気に入り、無理に今回のテンプレートのお願いをしました。
きちんとコンタクトを取れたのは１週間ほどしてから。実は今回（これからもかもしれませんが）一番難しく感じたのが、メールでのやりとりだけでテンプレートを完成させるという事。
何故かうたねさんのメールが迷惑メールに入っていた事で、直ぐに返信して下さったのにも関わらず気づかなかったり、お互いが誤読をしたりと、その分での時間のロスがもったいなかったと思います。
チャットやメッセンジャーでやり取りが出来るのであれば、そちらを使った方が良さそうです。

  • どういったテンプレートを作るか、という相談

今回依頼主兼コーダーという事で、私が望むテンプレートのデザインをうたねさんに頼みました。それは映画「クリスマス・キャロル」のような感じ、という事でしたが、うたねさんが御存知で無かったのと、私の抽象的で、イメージしにくい依頼で随分うたねさんを困らせてしまいました。
これは大きく反省すべき所でした。実際に依頼主からデザインを聞き取る時には、具体的で、イメージしやすいものを聞き取るべきでしょう。

  • デザイン待ち

結局、うたねさんにデザインを任せました。ドキドキ、ワクワク待っていましたが、気がはやり、どんなデザインが来ても対応出来そうな、HTMLの元を作りました。
数日後、ラフデザインが送られてきました。その時点でラフデザイン「候補」というのを見逃しており、これで決定だと思いテンプレートに組み込み、出来上がった形を見せてしまいました。

これはうたねさんも仰る通り、先に何らかのコメントをするべきだったでしょう。組み込んだ形を見せてしまえば、うたねさんは「やっぱりこのデザインはボツで」と言い難いでしょうし、指摘もしにくかったと思います。同時に素敵なアイコンも下さり、テンプレートに取り入れました。
私の製作環境はFirefoxでして、気づかなかったのですが、アイコンがずれていたようです。指摘されて始めて気づきました。うたねさんはIEでの製作という事で、製作環境がお互いに違う事で、こういった指摘もし合える点で良かったです。

終わってみれば、製作開始から、わずか１０日程で出来上がりました。１ヶ月程かかると思っていましたが、うたねさんの仕事が早かったのでしょう、予想していたよりも完成は早かったです。

  • 共同制作で嬉しかった事

私のように、デザインが出来ないコーダーの観点からすると、どんどんと送られてくるデザインは嬉しくて仕方ありませんでした。私はコード入力だけに集中出来て、普段頭を悩ませていた、デザイン面を考えずに製作出来ました。
私一人では、（良い意味で）まず使わない色、画像を使うというのは、凄く新鮮な気分でしたし、同時にデザインの勉強にもなりました。こういった面では、共同制作はお互いにメリットのあるものだと思いました。

  • タイムライン
  1. 共同制作のお願いを秘信でする-9月23日
  2. うたねさんがメールへ返信する(迷惑メールへ自動振り分けされる)-9月28日
  3. うたねさんへ返信のお願いをする-10月01日(返信に気づかず)
  4. メールに気づく、返信、相談開始-10月03日(10日ロス。すいませんでした)
  5. トップ画像、デザイン、アイコンの到着-10月09日
  6. テンプレートに組み込む-10月10日
  7. アフターケア(調整)-10月12日
  8. 完成-10月13日

カテゴリー


製作後記 -うたねさん-

当ブログのクリスマス・テンプレートのデザインを担当して下さった、＊うたたね亭-日記＊を運営する、うたねさんの編集後記(Making Of Wine)を掲載します。
デザイナーさん志望の方は、これを見て大体の流れを掴む事が出来ると思います。他の業種を志望されている方にも必見の記事となっております。

最初にbonkさんより頂いていたのはイメージだけで 「クリスマスキャロル風で」 との事だったのですが、何の因果か私は当作品に触れた事が無く途方に暮れていましたら「何となくのイメージなので自由にしていいですよ」とのメールを頂いて、本当に好き勝手にラフ像を仕上げました。

ブログカラー等の全体画像を小さく作成し、私のイメージとしてbonkさんにお伝えしました。
が、このラフ作成時点で横幅770px基準で作成しておけば、再度本格的な画像作成の時改めて線描から書き起こさなくてもよかったんだなぁ…と気付いたものです。 【ポイント―下書きの時点で、770px以上のサイズで作成する】

実際にトップバナー、アイコンの作成に移ったのですが、ここでも「アイコンは小さく、小さく」と思うあまり、文字サイズとのバランスが取れず、bonkさんにご迷惑をおかけしました。16〜20pxくらいあってもよかったかも。
できたら画像は小さくても、画像上部に数pxの透明な面積があれば文字とのバランスが取れた筈。この辺りに私の勉強不足が、とびっきり露呈。

ですが、これまで「アイコン作成なんて面倒でイヤだなぁ。ドット絵なんて縁が無いわ」と思い込んでいたのですが、実際取り組んでみると面白いですね。
小さな空間・少ない色数で表現する妙。
初めてPhotoshopとImageReaderとの連携でGIFアニメの作成を勉強できたのも、よい経験だとしみじみ思います。

１週間も掛けてパーツが出来上がり、メールで添付しました。bonkさんはテンプレが出来上がってから、「こんなんになったよ」とのご報告してくださいました。
が、作成した私本人としては画像を受け取って頂けた旨だけでもご報告くださったら、尚安心できたのですが…（反応が無く、そもそも自信が無かった私はとてもハラハラいたしました…）。
いやでも、いきなりテンプレとしてドド〜ンと画面に現れたときの驚きと感動も捨てがたく、難しいところですね。

うたねさん、どうもありがとうございました。
今回私は応募者兼コーダーという事で、ディケンズ原作の映画「クリスマス・キャロル」のイメージ（実はスクルージの過去の思い出場面、舞踏会のような楽しさをイメージしておりました）が、漠然＆具体的すぎて、うたねさんを困らせてしまったようです。もう少し話し合った方が良かったかもしれませんが、素敵なデザインを下さって、すぐにテンプレートに組み込んでしまいました。このあたりは近く公開する私の後記をお読み下さいませ。
共同制作を通し、うたねさんのデザイナーとしてのさらなる活動の広がり（アイコン製作など）に繋がって幸いです。

カテゴリー


うたね #006

  • ハンドルネーム

    • うたね

  • 運営サイト
    1. ＊うたたね亭-日記＊
  • 所属チーム
    1. なし
  • 登録日

    • 2005/10/18

  • 製作環境
    • ブラウザ
    InternetExplorer6.0
経験した役割
ディレクターコーダーデザイナー
０回０回就任中
サポーター
JavaScriptテスターヘルパー
０回０回０回

カテゴリー


有希之武 #005

  • ハンドルネーム

    • 有希之武

  • 運営サイト
    1. BreakTime
  • 所属チーム
    1. なし
  • 登録日

    • 2005/10/12

  • 製作環境
    • ブラウザ
    InternetExplorer6.0
経験した役割
ディレクターコーダーデザイナー
０回０回０回
サポーター
JavaScriptテスターヘルパー
０回０回就任中

カテゴリー


洵 #004

  • ハンドルネーム

    • 洵

  • 運営サイト
    1. Webbinstudio
    2. ウェビンブログ
  • 所属チーム
    1. なし
  • 登録日

    • 2005/10/15

  • 製作環境
    • ブラウザ
    Firefox・InternetExplorer・Opera
経験した役割
ディレクターコーダーデザイナー
就任中就任中０回
サポーター
JavaScriptテスターヘルパー
０回０回０回

カテゴリー


sugar #003

  • ハンドルネーム

    • sugar

  • 運営サイト
    1. sugar pot
  • 所属チーム
    1. なし
  • 登録日

    • 2005/10/14

  • 製作環境
    • ブラウザ
    Safari
経験した役割
ディレクターコーダーデザイナー
０回０回０回
サポーター
JavaScriptテスターヘルパー
０回就任中就任中

カテゴリー


cyaimi #002

  • ハンドルネーム

    • cyaimi

  • 運営サイト
    1. おサポ上手…になりたい
  • 所属チーム
    1. なし
  • 登録日

    • 2005/10/12

  • 製作環境
    • ブラウザ
    InternetExplorer6.0
経験した役割
ディレクターコーダーデザイナー
０回０回０回
サポーター
JavaScriptテスターヘルパー
０回就任中就任中

カテゴリー


WineFactory　クリエイター募集

本日10月12日より、FC2ブログの歩き方WineFactoryのクリエイター募集を開始します。

募集締め切りは登録メンバー数により変化しますが、10月末までを考えています。

なお、クリエイター登録にはFC2ブログの歩き方への登録が必須となっています。事前に登録をお願いします。

登録フォーム

共同制作について

募集メンバー

カテゴリー


bonk #001

  • ハンドルネーム

    • bonk

  • 運営サイト
    1. FC2tyle-FC2ブログstyle-
  • 所属チーム
    1. なし
  • 登録日

    • 2005/10/08

  • 製作環境
    • ＯＳブラウザ
    WindowsXPFirefox/IE
経験した役割
ディレクターコーダーデザイナー
０回(就任中)０回０回
サポーター
JavaScriptテスターヘルパー
０回０回０回

カテゴリー


ディレクター

  • ディレクターの役割

各チームの進行役を務める。製作が滞った時には話しを進めたり、メンバーをチームに割り当てたりする。
イベント毎にディレクター継続か否かを決められる。

HN状態経験回数
bonk就任中0回
洵就任中0回

カテゴリー


コーダー

  • コーダーの役割

    • デザイナーの考案したデザインを元にテンプレートのコード記述を担当する。

  • 求められるスキル

    • HTML、CSS、FC2変数についての知識が求められる。ただし正確な文法・記述のテンプレートを作るという役割では無く、要望を聞き入れ、その要望をデザイナーと共にテンプレートにするという事がこの役割の一番重要な所である。

HN状態経験回数
洵就任中0回
bonk就任中0回

カテゴリー


デザイナー

  • デザイナーの役割

    • テンプレートの配色、画像、デザイン構成を担当する。

HN状態経験回数
うたね就任中0回
有希之武就任中0回

カテゴリー


サポーター

サポーターの役割

  • サポーターは３つの役割に分けられます。JavaScriptを必要とするチームが現れた場合に参加する「プログラマー」、テンプレートの動作チェックや使い勝手をテストする「テスター」、製作途中でどうしても抜けなければいけなくなった方の代わりをしたり、製作が追いつかなくなった時に手助けをする「ヘルパー」のどれか、もしくは全てを担当する事が出来ます。
サポーター(全般)
HN状態経験回数
cyaimi就任中０回
daniel就任中０回
サポーター(プログラマー)
HN状態経験回数
daniel就任中０回
サポーター(テスター)
HN状態経験回数
cyaimi就任中０回
sugar就任中０回
daniel就任中０回
サポーター(ヘルパー)
HN状態経験回数
cyaimi就任中０回
有希之武就任中０回
sugar就任中０回
daniel就任中０回

カテゴリー


おいしいワインを一緒に作ろう!

しぇす

この画像を見て下さい。ポエツの耳呈さんが描かれた「しぇす」です。ワインのラベルにはCSS＆HTMLと書かれています。この「ワイン」をチームごとに１本ずつ、一緒に作ろうというのが今回の企画です。

そして作られたワインは、「FC2ブログの歩き方」のソムリエによってお客様にお届け。

おいしい手作りワインの作り方

＊実際のワイン作の製作工程、作り方とは違います。
デザイン：ウェビンブログ-洵さん
  1. 受注
    まずはお客様(当選者)の要望を会話形式で聞きます。具体的なイメージが無い方も、メンバーは会話の中から具体的なイメージを導きます。
  1. ブドウ選び
    おいしいワインはおいしいブドウから。ブドウ変われば味も変わります。要望に沿った味をだせるよう、チーム全体で相談します。
  1. ワインの色決め、ラベルデザイン
    ワインの色を決めたり、要望の味から連想されるラベルデザインの製作をはじめます。これは「デザイナー」と呼ばれる役割の方が行います。
  1. 潰して絞る、そして味付け
    実際にブドウに手を加えます。デザイナーの決めた色沿ったり、ラベルとマッチする味を出すように味付けをします。これは「コーダー」と呼ばれる役割の方が行います。
  1. ワイン製作のお手伝い
    ワイン製作のお手伝い。チーズを作ってワインを引き立てる「プログラマー(JavaScript)」、味見をする「テスター」、チームが困った時にお手伝いする「ヘルパー」、それぞれ「サポーター」と呼ばれます。
  1. 製作後は
    クリスマスに当選者にプレゼント。プレゼントされたテンプレートを使うには、ラベル(デザイナーによって作られたバナー)を貼る事が条件になります。

また、完成品は共同制作用ブログにて製作メンバーリストと共に大切に保管されます。そこで熟成し、チームが再結成された時など、そのワインを元に、またはノウハウを活かして広く売り出されます事もあるでしょう。(共有への登録)

興味を持たれた方は

共同してワイン（テンプレート）を作る事に興味を持たれた方は、是非FC2ブログの歩き方へご訪問下さい。このサイトは、sugarさんが管理し、FC2ブログユーザーがユーザーレベルで運営しています。FC2blogアカウントをお持ちで無い方も、(話題に沿った話しであるならば)大歓迎です。現在この企画についてカイギ中です。皆様の参加を心よりお待ちしております。

カテゴリー


「クリスマスプレゼント」イベントの概要

クリスマスプレゼントとして当選者にテンプレートをプレゼントするイベント。

決定した事(変更もあり得る)

  • クリスマスにプレゼント
  • 共同制作について
    • ２人以上でチームを結成し、共同で１つのテンプレートを製作する。
    • 結成されたチームは全イベントに参加する必要は無い。
    • 互いの長所を活かしたテンプレート作り
    • イベント毎のチームの解散はメンバーの意志で決定する。
    • 初イベントは「クリスマスプレゼント」。応募者を募り、当選者に、その方だけのテンプレートを作る。
    • チーム結成からの製作期間は１ヶ月半ほど。
    • クリスマスにテンプレートを渡す。
    • 製作テンプレートは「クリスマス用」といった使用期間が限定されるものにはしない。
    • 当選者は抽選(選ばない)。
    • テンプレートのコンセプト、テーマはチームに任せる。
    • 製作者になるには歩き方へのメンバー登録が必要
    • FC2ブログユーザー以外でも参加可能。
  • 役割分担について
    • １チームにはコーダー、デザイナーがいる。
    • ２、３人のディレクターにより全体的なチームの進行などを行う。１イベント毎に継続か否かを選択できる。
    • 製作するテンプレートによってはプログラマーがチームに加わる
    • デザイナーは主に画像製作、配色などの製作を行う。
    • コーダーはデザイナーの製作したものを元に実際にコードを書き込む
    • JavaScriptを担当するプログラマーや、動作チェックやヘルプなどを行うちょこっと参加者は「サポーター」として参加し、その都度チームから声がかかる。
  • 当選者の要望について
    • 担当チームは当選者の要望を聞き入れる
    • 当選者は製作して欲しいテンプレートを要望できる
    • 会話形式で当選者から要望を聞く
  • 共有への登録について
    • 今回のイベントでは共有登録を考えない。
    • ただしチームの意志で登録も可能。
    • 製作したものを共有へ登録する際、画像、配色は最低限差し替える必要がある。
  • 製作過程について
    • チームの製作過程を何らかの形で表す
  • 利用条件について
    • 当選者が作品を利用するにはバナーリンクを掲載する事を条件とするリンクウェアにする。
    • バナーのデザインはチームに任せる
    • リンク先は当ブログのチーム用ページ。

未決定事項

  • 具体的な日にち
  • どのように当選者を決めるか
  • 役割分担について
    • デザイナーの負担は大きくないか
  • 製作過程について
    • ドキュメント形式にするか
    • 製作チームに20の質問、といった質問が決められている形式にするか
    • 全チームから聞き取るか

カテゴリー


利用条件について

  • 当選者がテンプレートを利用する条件
    • バナーリンクを掲載する事を条件とする。
  • バナーのリンク先
    • バナーのリンク先は当ブログのチーム用ページへのリンクとなる。
  • バナーのデザイン
    • 各チームに任せる。

カテゴリー内記事リスト


カテゴリー


ワインFactory/スタッフのプロフィール

当ブログ用テンプレート製作スタッフ

■コーダー/ブログ管理人

HN：bonk
ブログ：FC2tyle-FC2ブログStyle-

■デザイナー

HN：うたね
ブログ：*うたたね亭-日記*

■「しぇす」画像提供

HN：耳呈
ブログ：ポエツ

企画発案者

共同制作カイギ参加者/投稿順

カテゴリー