俗に言う「大重本」この写真はクリックするとアマゾンへ

著者である大重様、発送いただいたソーテック社様、この場をお借りしてお礼申し上げます。

献本していただくなんていう体験、僕自身の人生の中でそうあることでもないのでものすごくうれしいです。ましてやAS3を覚えるときに相当お世話になった大重さんからとなっては、これはもう本気でレビューするしかありません！！
僕も業務フレームワークとしてProgressionをがっつり使っている人間の一人として、また実際に自分が入門の時にどこでつまづいたのかとかも思い出しながら、かなり突っ込んでレビューしたいと思います！
考えてみれば本のレビューなんてそんなにやったことがなくて、もしかしたらかなりとんちんかんなことになるかもしれませんが、少しでも皆さんのほんの購入時の参考になればと思います。がんばります。

最初の印象

基本的には、AS3入門書で有名な「詳細！ActionScript3.0入門ノート」と雰囲気が一緒で前ページ青と黒の二色刷。
チャプター1でProgression4の基礎をひととおり習った後は、Proression4をフルパワーで使うためにほぼすべてのチャプターでクラススタイルでの説明になります。
なのでメインとなる読者の対象としては「詳細！ActionScript3.0入門ノート」などでAS3をある程度入門した方、といったところでしょうか。
技術書である以上、専門用語やスクリプトもよく出てきますが同じように画面写真も豊富なので、特に難解な印象は受けません。
多くの人が入門書を手にするとき「この本は自分のレベルにみあった入門書か」を気にすると思いますが、何をもって簡単そうとか難しそうと印象するのかは人それぞれですので、このへんは先もいったようにAS3入門ノートの雰囲気と一緒なのでそちらを読まれたことがある方はそれを参考にするといいでしょう。

入門ノートの名に恥じない、細やかな操作手順。こっから先の写真はクリックすると拡大します。

目次ごとの感想

全部でチャプター７まであります。

• チャプター1：Progression4の基礎
  • Progressionとは何なのかの説明に始まり、インストールから各プロジェクトの作成方法、さらにはコンポーネントスタイル、タイムラインスタイル、クラススタイルの3つのスタイルで実際にHelloWorldを表示させるまでが説明されています。
    このチャプターでひとまず全体にわたって動かしてみて、徐々に順を追ってこれから学習を進めるという構成になっているようです。
• チャプター2：シーンツリーの基本パターン
  • Progressionの肝のひとつである「シーン」についてかなり詳細な説明がされています。
    シーンの概念は、HTMLでいう「ファイル（ページ）」と同じく場面を構成する1単位なわけです。ほとんどの場合シーン構造がそのままサイトマップになりますので、このシーンの概念にチャプターをまるまる一つ費やして説明されているのはかなりわかりやすいと思いました。
• チャプター3：シーンの移動とシーンイベント
  • シーンの構造が理解できたら、次はいよいよシーンの移動を行います。
    このへんからスクリプトの記述が多くなってきます。
    
    

    ぱっと見でくじけそうになる人も！

    
    もしかしたらスクリプトに慣れていない方はこのへんから難しく感じるかもしれません。でも、大重さんの本（というかプログラミング技術書全般）には読み方のコツがあって、長いスクリプトの中でも重要なのは1行だけだったりするので、あとのほうにその重要な1行を抜き出してちゃんと説明されてあるんです。
    
    

    ちゃんと重要なところを抜き出して説明してくれる！

    
    なので長いスクリプトが苦手な方も、そこを読み飛ばして後から書かれてある重要なところだけを注目していけばいいのでそういう読み方をすれば安心です。
    シーンの移動に関してですが、前章でわざわざシーン構造だけを一章使って学習したことが活きてきます。シーン構造さえわかってしまえばProgressionは「前のシーンへ」「次のシーンへ」「上のシーンへ」「いきなり孫のシーンへ」などという便利なシーン移動がいろいろとできるので、この章はその移動方法が書かれただけですので一見スクリプトが多くてややこしいそうに見えますが、コツさえわかってしまえば易しいと思います。
• チャプター4：コマンドとコマンドリスト
  • ここから本の厚み的に後半に向かいます。
    コマンドもProgressionの機能の中核をなす技術の一つですが（ちなみにほかには、さっきやった「シーン」と次にやる「キャスト」）、配列を用いたSerialListとParalelListの入れ子など、かなり実践的な機能の紹介まで踏み込んで説明されています。
    あと173ページの虫がかわいいです。
• チャプター5：キャストオブジェクトを利用する
  • この章は全体から見るとさらっと流されているようにも見えますが、先ほどもいいましたようにProgression三本柱のひとつ（キャスト）について学習できます。
    僕が特に重要だと感じたのが、本で言うと185ページあたりに実際のFlashのムービークリップからCastMovieClipを作るやり方でして、これを知らないと多くの人が入門できたはいいけど実際のサイト作るにはどうしたらええのん？ってなっちゃうと思うんです。なのでこの説明からもこの本がより実践向けに書かれてあるんだなあと重ね重ね感じたのでした。
• チャプター6：外部ファイルの読み込みとプリロード
  • FlashのActionScriptの中でも特に難しいと感じる人が多いのが「外部ファイルの読み込み」だと思うんですが、Progressionはそこを比較的簡単に扱うことができます。
    簡単とはいっても、Progressionなりの書き方を覚えないといけないのはそれはもう仕方がないので、この章で勉強します。
    一括読み込みやリソース管理や先読み機能など、覚えるのも難しいけど自分で作るともっと難しい、つまり是非とも覚えて使いこなしたいかなり便利な機能もあります。
    こういった機能を、じっくり読みながら学習が進められるのも本ならではですね。
• チャプター7：さらに進んだ使い方
  • フルフラッシュサイトのディープリンク機能についてのつまづきやすい点の説明やカスタムコマンドなど基本的な機能をさらに突っ込んだ使い方からSWFをそのままシーンとして読み込む、リキッドレイアウトなどの夢のような機能までひととおり学習できます。
    ここまで読めば、もうProgression4の機能はひととおり学習したと言えますし、実際にFlashサイト制作に投入してもかなりの部分で応用できるようになるでしょう。

総評

気になった点としましては、たとえば82ページなどの「contentloaderInfo.bytesTotal」と「contentloaderInfo.bytesLoaded」など、説明ページの英数字が半角全角がどちらかに統一されていないところでした。文字の間隔がそれぞれ違うので少し見づらい点でした。見づらいのは説明文だけで、見たところソースコードなどは大丈夫だったので、問題はないんですがちょっと気になるな、というところです。
※大重さんより、半角全角統一されていないんじゃなくて、半角で統一されているけど均等割り付けで文字幅が広がっているとの事でした。長い単語を途中で改行しないようにするとどうしてもこうなってしまうらしいです。
それ以外に関しては先ほどから繰り返し言ってきた言葉なんですが、この本はProgression4の機能紹介だけにとどまらず、実際に使う側の立場としてどう学習していけば本当にFlashサイトが作れるのかを突き詰めた「かなり実践的で使える参考書」だと感じました。
僕の周りでも「Progression4の機能や出来ることについてはわかったし、今までも本やネットで基本的な作り方も学べたけど具体的に自分のFlashサイトでどう適用して良いのかわからない」といった声を多く聞きました。「詳細！Progression 4 Flashフレームワーク入門ノート」は機能紹介から一歩踏み込んだ、まさに使えるようになるための入門ノートとして最適ではないでしょうか。
Flashの開発環境はCS3/CS4/CS5にまたがって対応している点もありがたいですね。
今日からでもこの本読みながら学習したことを仕事に投入していきます！

最後に、僕自身がProgressionのファンであり大重さん本のファンでもあるので、こんな僕のつたないレビューですが皆さんの購入の判断にちょっとでもお役に立てれば幸いです。

あ、あと本の中身の写真に関しては著作権を侵害しないよう最大限配慮したつもりですが、もし至らない点などありましたらお知らせください。

いつもあなたに寄り添います―― utweb

2枚1セットタイプです

UTWEB、2010年度の新作名刺のお知らせです。
今回は湿布型名刺、正しくは湿布型というより湿布そのものです。

他人様の肩をお借りして、勝手に広告媒体にしてしまうという画期的なアイテム。
そして、激務な方の多いこの業界、少しでもその大事な身体を労ってほしい―、utwebからのささやかで押しつけがましい想いが込められています。

※一部の方から、鞄にしまっておくと鞄全体が湿布臭くなる、これから手渡す予定の資料が全部湿布臭くなった、という有難いご意見をいただき、この度微香性に生まれ変わりました。

ところで、この湿布型○○。
デザインバーコードのように、この先未来があるんではないかと思っています。

例えば、

金属系のテクスチャを印刷

貼ればたちまちサイボーグ。

ざっくりと縫った、つぎはぎ風湿布

貼ればたちまち昔ながらの貧乏人。
などなど夢は膨らむばかり。
プロダクト関係でのご相談もUTWEBはお待ちしております。

結果、審査員の方々のご配慮もあって、「ロフトワーク賞」を受賞！！応援してくださった皆様、本当にありがとうございます！
今回は合わせて制作ウラ話みたいな事を書いておこうと思います。ド素人まるわかりの要領の悪さも露見してしまってますが、自分の覚え書きが誰かの何かのヒントになれば幸いです。

■絵コンテについて

まずは「社長の五つ鹿」「中学生の牛鬼」「店長の相撲甚句」の制作当初の絵コンテを一部公開。

完成ＣＭと見比べるとだいぶ端折ったカットが入っています

絵コンテのイメージ通りスムーズに作れたのは牛鬼。

自分なりに掴んだ事を少しまとめてみます。とはいえ、映像・ＣＭの勉強はお世辞にもしているとは言えないため、間違いがある場合はご指摘いただけると嬉しいです。

▼「尺」の感覚

本来であれば、尺調整するためにもきちんと絵コンテを描くものだと思うんですが「難しそうなことは後回し」。これがいけなかった・・・。
絵コンテに沿って撮影終了！いざ編集しだすと思ってたよりもどんどん尺を消耗します。絵コンテ上では1コマで済んでいる部分でも、実際には前後や途中につなぎの演技が必要なんですね。漫画感覚で絵コンテを描くと、尺の感覚が大きくずれてしまいます。
絵コンテを描く時は、自分で声を実際に出して台詞やナレーションを当てて演技してみるべきだった・・・。
※余談ですが、私は極度の恥ずかしがり屋で、どんなに酔っぱらってても、猪木のモノマネとか絶対できないんですよね。だれもが一度は通るモノマネ道なのに。
そんな性格なので、社内ミーティングの際、例え旦那といえど他人様の前で別人になりきって演技なんてできるか！と思ってたんですが、どうせ撮影のときに見ず知らずの人達に道化師のごとく、色々なパターンで実際演技しながら指示しなくっちゃいけない時が来ます。
もうそれなら絵コンテの段階で自分で思いつく限りの演技を仮に撮ってみればよかったです。

脱線しましたが、本来なら尺が足りなくて撃沈状態だったのを救ったのは、よくも悪くも次の方法。カメラワークにも編集技量にも自信がなかったので、とにかくイメージを膨らませて膨らませて、絵コンテの他にも考えつく限りのカットを別途描き出して撮影。スチールも同時に抑えるなど、とにかく素材を集めておいたのです。編集段階で思い通りにならなかった部分に、それらを絆創膏のような感じで当てて当てて、なんとかなった感じです。

▼「気を付け！」と「休め」

今回三本立てで展開していますが、三本とも視聴者に「ここは流し見でＯＫ（＝休め）」というシーンと「はい！ここから注目です（＝気を付け！）」というシーンで構成しました。この二面を意識すると、編集もしやすいです。「休め」のシーンでは思い切ってカットしてしまう判断もしやすくなるからです。

例えば「社長の五つ鹿」の社長が怒って社員を追い払う場面。ここは「休め」のシーンに該当します。絵コンテ段階では台詞が入っていますが、実際撮影・編集すると予想以上に尺を圧迫する上に、視聴者に意図以上の情報を与えて「？」と思わせてしまう可能性がありました。
このシーンでは「イライラしている社長」というキャラクターを刷り込む以上の効果は必要ないので、結局役者さんの台詞はカットし、怒っているだけと分かる最低限の字幕に変えると共に、テンポよく倍速に処理することにしました。

反面、「気を付け！」のシーンでは、
・反復動作
・非日常的なシーン
・顔のドアップ
・サウンド
などを意識的に挟むことで興味を引くよう心がけています。

■小道具について

▼鹿の壁掛け

鹿のはくせい

「社長の五つ鹿」篇で使用した、鹿の壁掛け。
意外と市販されていないんです。しかも本物の剥製だと買っても後で困っちゃう･･･。 撮影用のこういった小道具や家具をレンタルできる、専門店を発見。いやーこんな所があったなんて。

• 撮影・演出用小道具の総合レンタル サンガレン

ボケーッと商品を眺めているだけでも楽しいです。

▼体操服＆赤白帽

牛鬼つき赤白帽

宇都宮ウエブ制作中学校

「中学生の牛鬼」篇にて3人の中学生男子に着用してもらいました。映像ではなかなか確認できませんが、胸には校章「宇都宮ウエブ制作中学校」が。
こちらはアイロンプリントできるインクジェット用紙を購入して。微妙に起毛加工もしてあります。

牛鬼付の赤白帽子は、中学校レベルのお裁縫力で２～３日ほどかけて完成。ひさびさにフェルトとか刺繍糸とか触りました。体操服には付きものの白ハイソックスの手配も忘れずに。

■キャストについて（敬称略）

・「社長の五つ鹿」奥田　いちろう
・「中学生の牛鬼」濵邊　俊輔・藤川　翔・吉見　陸

アイランドプロモーション所属のタレントさん達。
私らのような自主制作という名の胡散臭く、かつ低予算の場合でも相手にしてもらえるのか不安だった中、すぐ御電話で連絡してきてくださった上に、終始こちらの事情にも柔軟かつ真摯にご対応いただけました。

• 株式会社アイランド プロモーション

■ロケーションについて

「社長の五つ鹿」に使用する、社長室を借りようと色々な所に問い合わせてみたのですが、なかなか条件が折りあわず。
では社長室に見えるような貸し会議室を借りることに。ご協力いただいたのは、レンタルオフィス　CUBEさん。さまざまな用途にあわせた会議室が用意されており、立地ヨシ、眺めヨシ、設備キレイ、スタッフ親切、ととても素敵な所でした。普段のセミナーなどでも使える、おすすめのCUBEさんです。

• レンタルオフィス　CUBE

■「店長の相撲甚句」について

ロケーション：「旬の肴と美味しいお酒 中々屋」
店長：山本氏＆バイト君：ゆうちゃん
御堂筋線あびこ駅付近にある「旬の肴と美味しいお酒 中々屋」にロケーション＆キャストと全面ご協力いただきました！普段からutwebの第二会議室・接待会場としても大活躍して下さっている中々屋。創作アイデアはだいたい中々屋で生まれます。美味しいお酒とお料理はもちろん、店長とスタッフの方々との心意気すべてが居心地良くついつい長居してしまう良店。
ＣＭ中では尺の関係上、泣く泣く音声のみの採用になってしまいましたが、鮮やかな包丁さばきを惜しげもなく披露。小気味よいリズムできゅうりの輪切りをしてもらったり、まるまる一匹のイトヨリをあれよあれよという間に捌いて、迫力の兜割りまで見せてくれました。この辺りのシーンはいつか別バージョンで使用したいです。
また当初、塩まきのシーンはCGで処理しようと思っていたのですが、なんと店長みずからバイト君に本物の塩をぶち撒いてくれ、CGなんかで処理するよりずっと面白い絵が撮れました。おそらく普段お皿の端にちょこんと盛られてる、さらさらの高級なエエ塩なのに・・・。

• 旬の肴と美味しいお酒　中々屋

■実際の秋祭りの写真

全面ご協力いただいた「おもっさまミカメジャーナル」のメンバーの皆さん。「おもっさまミカメジャーナル」とは、西予市三瓶町のディープでニッチな見所や情報を日夜配信するファンサイトです。急なお願いにも関わらず、各所に了承を得るため駆け回ってくれました！！

• おもっさまミカメジャーナル

------

という感じで、多くの人に支えられてこの作品はできあがりました。その甲斐あって、とても嬉しい結果まで生むことができ、ほんとに今回は良い経験ができました。
いやーほんとコンテストって面白い！

あなたの地元の魅力をCMで全国に広めよう！
日本の各地の「地元」情報が集まるサイト 「ZAQ」が、 日本に1700以上ある市町村をより活性化していくために、 日本中のクリエイターから、各地のCMを募集します。
―地元CMコンテスト LOVE LOCAL　開催概要より

愛媛県西予市三瓶町「三瓶町の秋祭り」
[エントリーページはこちら]http://lovelocal.jp/entries/104

映像に関して知識が乏しく、ロケーション＆タレントの手配なども含め、カンだけを頼りに手探り状態だったのですが、親身になって協力してくれる人々に恵まれ、その人達に後押しされる形で頭に描いていた以上の出来までたどり着くことができました！

絵コンテの紹介や制作秘話など、また後日長々書こうと思います。

-----

宇都宮（徳田）頼子：監督/撮影/編集
宇都宮正宗：総合責任者

■ご協力いただいた方々と場所(敬称略/順不同)

• 旬の肴と美味しいお酒　中々屋
• （株）アイランドプロモーション
• レンタルオフィス　CUBE
• 撮影・演出用小道具の総合レンタル サンガレン

他にも面白い作品や綺麗な作品など、力作揃いになってます！！　是非ご覧ください。
地元CMコンテスト　LOVE LOCAL

寒中お見舞い申し上げます-2010年-

2010年もはや2月にさしかかろうとしているこの時期に、今更の年賀状a.k.a.寒中見舞いが刷り上がりました！
もともと年賀状として考えていたため、「天地人」「大河ドラマ」「寅（タイガー）」など、ピンと来にくい上に乗り遅れ感漂う題材ばかりになってしまいました・・・。

ちょいちょい暴走してしまうウザめな宇都宮ウエブ制作所をどうか今年もよろしくお願いいたします。

名刺-表面 左：宇都宮正宗　右：宇都宮(徳田)頼子

今回のコンセプトは「懐かしのゲームブック風」。
※ゲームブック―wikipediaより

表は、宇宙を背景にUTWEBメンバー勢揃い。個性的な面々はこれから起こるであろう大冒険を予感させます。
なお実質社員は２人だけですが、勢い余って勝手に社員を増やしてます。やる気のないくたびれた感じの警備員(アシカ)、そしてヒステリックな営業(クジャク)です。

名刺-裏面　門番と対峙する緊張のワンシーン！

裏面にはストーリーの分岐点があり、バタ臭い門番と対峙する緊張のシーン。
一方を選ぶとskypeのアカウント、もう一方を選ぶとtwitterのアカウントを入手することができます。

※今回から私にミドルネームが付きました。宇都宮(徳田)頼子です。ややこしいのでこれから呼ぶ時は「徳田」でよろしくお願いします。

当制作所の作品「逆吹き替えカラオケ」がなんと、1-click awardの一次審査を通過しました！

次は来年1/16に東京で行われる公開最終審査です。
結果は気にならない訳はなく、毎日のように代表と「イケるか否か」の押し問答を繰り返しているのですが、例え結果は差し置いても、第一線で活躍されている審査員の方から、生の感想や意見を聞けるという貴重な機会なので、今からとても楽しみです。

これで今年は3つのコンテストに挑戦しました。
「いつもいいトコまではいくのにね！」みたいな美味しいオチが付きそうな気がしないでもないですが、いつか芽が出る時のためにもコツコツとブランド力を高めていこうと思っています。

詳細はこちら、

FPS Lite 10月11日に実施します！！

と

FPS Lite vol.0 追加情報！

をご覧ください。

このFPS Liteとはどういった催しなのかと言いますと、大阪FlashイベントであるFPSだけでは拾いきれないような小回りの利いたイベント開催を目的としたイベントとなっています。

FPSはおかげ様で固定ファンも沢山いらっしゃるほど人気のFlashイベントなのですが、どうしても開催までに期間的に間が空いてしまうことと、規模のわりに募集できる参加者の人数が少ないことが問題となっています。

これは運営母体であるわがFPS実行委員会の問題なのですが、我々もいちFlashファンとしてボランティア（というかみんな集まってFlash話で飲むのが好きなだけw）で動いている以上はどうしても解決の難しいところでもあります。

そこでFPSファンにとってはちょこちょこ開催することでより交流を深めるため、FPSには残念ながら参加できなかった方々には少しでもFPSを知ってもらうため、FPSよりも規模を小さくして小回りの利くイベントを繋げることでFPSそのものを補佐する目的で企画されたのがこの「FPS Lite」というわけです。

内部事情はこのくらいにしておいて、「Flash Lite vol.0は参加したらどういったメリットがあるの？」ということが参加をご検討されている方にとっては一番知りたいところだと思います。

特に今回は豪華な講師陣もいないため「あの講師の話が聞けるなら」といった期待も無いのでそれだけにセミナーとして見たときの質の高さも気になるところです。

今回vol.0は僕とミキチョクシによるトークと大喜利なんですが、FPS参加者は当日を振り返って、また参加できなかった方はFPSを知ってもらうための良い機会だと思っています。

そして、僕の大喜利ネタは、あの多彩な話題が魅力だったFPSでさえ拾いきれなかったAdobe AIRネタを行います。AIRに関してはテクニカルなセミナーや本はちょこちょこと出てきていますが、純粋にFlashのみに焦点を絞ったAIRネタは日本初じゃないかと自負しています。

スクリプトを多用すればすごいAIRアプリは作れますが、せっかくFlashでもAIRが作れるのでできるだけタイムラインとアイデアでAIRを作る方法の入門のところをお話ししたいと思っています。

「多様化するFlashの世界に、今後もどういった関わり方があるのか」、その多様性を是非ともFPS Lite vol.0で感じて下さい。

ちなみに現時点で席は余りまくっています（笑）ぜひとも参加のご検討お願いします！

https://www.g-mark.org/d-monitor/nominate/Detail?adjudge_no=C1710031&return=Summary%3Fposition%3D0

僕たちも最終日になりますが24日にはなんとか会場入りしています。

• 「和」の素材をただ「和」として表現したのでは面白くない
• かといってただ目立つだけではいけない

というところのギリッギリのところで「人に嫌悪感を覚えられない『変』」を突き詰めていった自信作です。

「アッ」と思わすんだけど人に優しいデザインを心がけています。宇都宮ウエブ制作所の2008年での精一杯が詰まっていますので、もしよろしければ応援お願い致します。

会場の様子

ヴィジョントラックさんところで定期的に行われている「web☆クリエイター勉強会＆飲み会」に行って参りました！

第二回目は残念ながら参加できなかったので、今回は盛りだくさんのネタを仕込んでいざ参戦！この会は関西で活躍していらっしゃるクリエイターさん達から直接の情報交換や交流ができるし、僕たち宇都宮ウエブ制作所も「こんなことやってるんだよ」という発表の場にもなるし、とても有意義な集いなのです。

こういった場を定期的に提供して開催して頂いているヴィジョントラックさんと集まったクリエイターさん達に感謝！

比較的少人数での開催と言うこともあり、会はなごやかに進行します。お互いの距離感が近いのもこの会のいいところ。我が宇都宮ウエブ制作所では、

1. AdobeAIRの制作事例の紹介
2. サイト制作事例の紹介
3. グッドデザイン賞ノミネートの宣伝（笑

と、自分のとこの紹介ばっかりさせて頂きました（笑

クリエイターさん達からはFlashありSEOあり3Dありの皆さん盛りだくさんな内容で、こちらも興味津々！宇都宮ウエブ制作所でも近々3Dコンテンツ制作にも挑戦してみたいです！

勉強会が終わるとお待ちかねの飲み会へ。僕はクリエイターさん達と飲むのが好きで制作屋やってるんだと断言できます（笑）終電の時間を大幅に越しても気にしない。大変刺激を受けて帰ってきたのでした。