トップページ > Blog > 仕事日記

仕事日記

仕事ネタ。最近こんなことしていますとか、こういうもの作りましたとか。

2008年5月 1日

vol.73 AS3.0のXML処理 - RSS Readerをつくる

web creators 2008年06月号 の「Flash Creative Technique」は「AS3.0のXML処理 - RSS Readerをつくる」になります。

できあがりのサンプルはこちらをクリック。

早いもので、もう６月号なんですね。今年の前半をしめくくる号となりました。
さて、Flash + XML。これら２つの技術の融合は、RIAを構築する上で、ますます重要度が高まってきています。そこで今回は、AS3.0におけるXMLの読み込みと解析の基本を取り上げます。
具体的には外部RSSフィードをロードして、その内容をDataGridコンポーネントに表示するシンプルなRSS Readerアプリケーションを作成します。この連載でとりあげるAS3.0コンテンツも次第にアプリケーションっぽくなり、内容も高度になってきましたね。これからAS3.0を始めようという志を持った方は、バックナンバーを参照するなどしてがんばって付いてきてくださいね。
従来のAS1.0/2.0と比べると、AS3.0におけるXML処理の記述は、シンプルになりました。AS3.0は「ECMAScript for XML (E4X)」に準拠しているため、XMLデータを扱うためのビルトインクラスが大幅にパワーアップされたわけです。これにより、RSSフィードのように複雑な構造を持つXMLデータを扱う場合でも、一貫性のあるコーディングが可能になりました。そのあたりについて解説します。

投稿者 kaoru : 2008年5月 1日

2008年4月 1日

vol.72 マウスカーソルからの距離と連動したオブジェクト

web creators 2008年05月号 の「Flash Creative Technique」は「マウスカーソルからの距離と連動したオブジェクト」になります。

できあがりのサンプルはこちらをクリック。

2008年01月号から３回にわたり「ActionScript 3.0 事始め」と題し、AS3.0の基本的な内容について解説してきました。今回からは、やや高度な内容のFlashを作っていきたいと思います。
これまでに解説したデータ型の指定やカスタムクラス、表示リスト、ドキュメントクラスなどの特長や概念については、簡単な指摘にとどめたいので、詳しい解説は過去のFCTの記事なりご自分でネット上の情報もしくはFlashヘルプなどにあたって学習していただきたいと思います。まあ、これも言い訳がましくて申し訳ないんですが、基礎的な概念ばかりを解説しても、あんまりおもしろいFlashを作れないもんですから、ご了承くださいと、まあ、こういうわけなんです。
さて、こちらの事情はさておき、今回は、カーソルの動きと連動してオブジェクトのスケールなどのプロパティを変化させるちょっとインタラクティブなアニメーションの作成について解説します。またオブジェクトを複数個生成した場合に、配列を使ってオブジェクトの参照を保持し、制御するテクニックについても見ていきます。

投稿者 kaoru : 2008年4月 1日

2008年3月 1日

vol.71 ActionScript 3.0 事始め（３）

web creators 2008年04月号 の「Flash Creative Technique」は「ActionScript 3.0 事始め（３）」になります。

できあがりのサンプルはこちらをクリック。

前回に引き続き、AS3.0によるFlash制作をテーマにしていきます。今回は「表示リスト」と「ドキュメントクラス」について見ていきます。表示リストとはAS3.0から導入された仕組みで、ステージを頂点とするツリー構造をしており、オブジェクトをステージ上に登場させるには、必ず表示リストにオブジェクトを追加しなければならないというルールになっています。
ドキュメントクラスというのは、メインタイムラインを使用せずにカスタムクラスのインスタンスを自動的に追加する仕組みで、MovieClipクラスもしくはSpriteクラスを継承する必要があります。このあたりの事情について解説します。

投稿者 kaoru : 2008年3月 1日

2008年2月 1日

vol.70 ActionScript 3.0 事始め（２）

web creators 2008年03月号 の「Flash Creative Technique」は「ActionScript 3.0 事始め（２）」になります。

できあがりのサンプルはこちらをクリック。

前回に引き続き、AS3.0によるFlash制作をテーマにしていきます。今回は「AS3.0のカスタムクラス定義」について見ていきます。AS3.0ではカスタムクラスを定義するのに、スクリプトウィンドウを使って外部ASファイルを作成するスタイルをとります。AS3.0ではOOP（Object Oriented Programming - オブジェクト指向プログラミングのこと）に基づいたスクリプティングが要求されます。これはつまり「カスタムクラスを独自に作っていく」ということに他ならないわけですが、この手順についてまずは「シンプルに円を描画する」クラスを作成しながら、解説します。

投稿者 kaoru : 2008年2月 1日

2008年1月29日

MYCOM MOOK Professional Bible「1ランク上の技を身につけるFlashの強化書」

1ランク上の技を身につけるFlashの強化書 が発売されました。本書はFlashテクニックに磨きをかけたいFlashクリエイターのために、現場に即した内容に重点をおいたFlash解説ムック本です。

わたくしハヤシカオルは「第４章　Flashの達人から学ぶプロの技」の「XMLで管理するFlashフォトギャラリー」を寄稿させていただきました。第一線で活躍されているFlashクリエイターの方たちが執筆しており、私にとってもいい刺激に満ちた内容になっていますので、プロの方にも参考になるのではないでしょうか。ご興味のある方はぜひ書店でご覧になってください。

書籍データ

書名

1ランク上の技を身につけるFlashの強化書 (ムック)

著者

+DESIGNING編集部

出版社

株式会社毎日コミュニケーションズ

出版年月

2008年1月29日

ページ数

160ページ

ISBN

ISBN978-4839926984

価格

1,890円（税込）

投稿者 kaoru : 2008年1月29日

2008年1月 1日

vol.69 ActionScript 3.0 事始め（１）

web creators 2008年02月号 の「Flash Creative Technique」は「ActionScript 3.0 事始め（１）」になります。

できあがりのサンプルはこちらをクリック。

これまでAS1.0/2.0を使ったサンプルを通してFlash制作のテクニックを紹介してきた本連載ですが、今回からAS3.0によるFlash制作をテーマにしていきます。実際に使ってみると異なるスクリプト言語と言ってもよいほどAS1.0/2.0とAS3.0はかなり違っておりまして、高度なオブジェクト指向が必要です。しかしながらクリエイターの今後の活躍の場を切り開いていく強力な武器となる可能性も大いに秘めていますので、まずは基本を重視し、少々退屈かもしれませんが、簡単なサンプルから順を追ってAS3.0について解説していきたいと思います。
ちょっと言い訳がましかったかな。AS3.0については、私もまだまだ勉強中なんですがね。そういうわけで、ともに勉強していきましょう。

投稿者 kaoru : 2008年1月 1日

2007年12月 1日

vol.68 SharedObject + XMLで、ローカル環境にデータを保存する

web creators 2008年01月号 の「Flash Creative Technique」は「SharedObject + XMLで、ローカル環境にデータを保存する」になります。

できあがりのサンプルはこちらをクリック。

前回（FCT vol.67）・前々回（FCT vol.66）で作成したFlashによるパズルゲーム「東京23区パズル」にSharedObjectを使い、ゲーム結果の履歴をローカル環境に保存して再利用する機能を追加します。「東京23区パズル」とは、東京23区をパズルのピースに見立てて、海岸線だけが記されている白地図の上に正確に並べられるかどうかを競うパズルゲームです。今号はゲームの結果を保存する機能の作成やXML形式のデータを解析してDataGridコンポーネントに表示する部分に焦点をあてて、解説しています。

投稿者 kaoru : 2007年12月 1日

2007年11月 1日

vol.67 パズルゲームを作る（２）

web creators 2007年12月号 の「Flash Creative Technique」は「パズルゲームを作る」（2）になります。

できあがりのサンプルはこちらをクリック。

前回に引き続き、Flashによるパズルゲーム「東京23区パズル」を作成します。「東京23区パズル」とは、東京23区をパズルのピースに見立てて、海岸線だけが記されている白地図の上に正確に並べられるかどうかを競うパズルゲームです。今号はパズルゲームの初期化とアイテムをPress, Releaseしたときの処理などに焦点をあてて、解説しています。

投稿者 kaoru : 2007年11月 1日

2007年10月 1日

vol.66 パズルゲームを作る（１）

web creators 2007年11月号の「Flash Creative Technique」は「パズルゲームを作る」（1）になります。

できあがりのサンプルはこちらをクリック。

今回から新しいテーマ、Flashによるパズルゲーム「東京23区パズル」を作成します。「東京23区パズル」とは、東京23区をパズルのピースに見立てて、海岸線だけが記されている白地図の上に正確に並べられるかどうかを競うパズルゲームです。今号はプロトタイプと23区のMovieClipに焦点をあてて、解説しています。

続きを読む "vol.66 パズルゲームを作る（１）"

投稿者 kaoru : 2007年10月 1日

2007年9月 3日

web creators 2007年10月号 特集「Flashゲーム制作講座」執筆

web creators 2007年10月号の特集「Flashの知識とテクニックはゲームで学ぼう！　Flashゲーム制作講座」の応用編・「XMLから問題・正解・解説文を読み込む三択クイズゲーム」（p166〜p169の4ページ）をDEEP KICK.com ハヤシカオルが執筆・提供しました。

できあがりのコンテンツはこちらをクリック。

「巨泉のクイズダービー（古い？）」であったような三択クイズです。問題文や正解はすべてXML側で管理しています。ランダムに10問を選び出しています。クイズゲーム以外にもいろいろと応用が効くと思います。サンプルファイルは太っ腹なことにMdNのサイトからダウンロードできますので、ご興味のある方は研究してみてはいかがでしょう？

投稿者 kaoru : 2007年9月 3日

vol.65 XMLConnector + DataGridを使ったアプリケーション（２）

web creators 2007年10月号の「Flash Creative Technique」は「XMLConnector + DataGridを使ったアプリケーション」（2）になります。

できあがりのサンプルはこちらをクリック。

前回に引き続き、XMLConnector + DataGridを使用したアプリケーション「DEEP DataGrid Gallery version 0.1」の作成について解説しています。前回はスキーマとバインディングといったFlashのコネクタコンポーネントを扱う上で必須の概念について見ていきました。それらをふまえて今号では、外部XMLで管理することができるフォトギャラリーアプリケーション「DEEP DataGrid Gallery version 0.1」を完成します。

投稿者 kaoru : 2007年9月 3日

vol.64 XMLConnector + DataGridを使ったアプリケーション（１）

web creators 2007年9月号の「Flash Creative Technique」は「XMLConnector + DataGridを使ったアプリケーション」（1）になります。

できあがりのサンプルはこちらをクリック。

今回から２回に分けて、XMLConnector + DataGridを使用したアプリケーション「DEEP DataGrid Gallery version 0.1」の作成について解説しています。FlashにはUIコンポーネントだけでなく、データベースやXMLドキュメントといった外部データソースからデータを取り入れるためのコネクタコンポーネントや、読み込んだデータを管理するためのDataSetコンポーネントなど、目には見えませんがアプリケーションの裏方的な仕事をするものがあります。サンプルの作成を通して、それらの基本的な使い方を紹介しています。

投稿者 kaoru : 2007年9月 3日

2007年8月27日

vol.63 Yahoo! Maps AS-Flash APIを使った地図アプリケーション（後編）

web creators 2007年8月号の「Flash Creative Technique」は「Yahoo! Maps AS-Flash APIを使った地図アプリケーション」（後編）になります。

できあがりのサンプルはこちらをクリック。

前回に引き続き、Yahoo! Maps AS-Flash APIを使った地図アプリケーション「DEEP Photo Maps version 0.1」の作成について解説しています。XMLドキュメントを使って外部画像のパス、緯度・経度、キャプションなどのコンテンツを管理し、Yahoo Maps上にインタラクティブに表示するFlash地図アプリケーションを完成します。

投稿者 kaoru : 2007年8月27日

vol.62 Yahoo! Maps AS-Flash APIを使った地図アプリケーション（前編）

web creators 2007年7月号の「Flash Creative Technique」は「Yahoo! Maps AS-Flash APIを使った地図アプリケーション」（前編）になります。

できあがりのサンプルはこちらをクリック。

今回から２回に分けて、Yahoo! Maps AS-Flash APIを使った地図アプリケーション「DEEP Photo Maps version 0.1」の作成について解説しています。Yahoo! US版から提供されている地図アプリケーション作成Webサービスとどのように連携するのかがテーマです。Yahoo! Maps AS-Flash APIを使うための準備とYahoo MapsをFlash内に表示するための基本的な方法について解説しています。

投稿者 kaoru : 2007年8月27日

vol.61 回転ドア式のフォトギャラリー（後編）

web creators 2007年6月号の「Flash Creative Technique」は「回転ドア式のフォトギャラリー」（後編）になります。

できあがりのサンプルはこちらをクリック。

前回から引き続き、回転ドア式の立体的フォトギャラリー「The revolving photo gallery version 0.1」の作成です。本連載でこれまでに何度か解説してきた仮想的な３次元空間を移動するモーショングラフィック的要素とXMLドキュメントでのコンテンツ管理をミックスさせたウェブアプリケーションになります。

投稿者 kaoru : 2007年8月27日

2007年4月 6日

「ハヤシカオルのFlash進化論」告知

さて、エイクエントが登録タレントさん向けに行っているイベント「Aquent's View Vol.4」に、なぜかハヤシカオルが講師として呼ばれまして、「ハヤシカオルのFlash進化論」と題して、Flashのお話をすることになりました。ただし、エイクエントの登録タレントさん向けのイベントですので、誰でも参加できるわけではありません。エイクエントの登録タレントであれば、無料で参加できるようです。

• 日時：2007年4月26日（木）午後7:00受付け開始 　レクチャー　7:30−9:00
• 会場：エイクエント東京オフィス　レクチャールーム
• 参加資格：エイクエントのタレント、またはタレント同伴の一般の方
• 参加費：無料！

ということらしいですわ。お申し込み、その他詳細はこちらのエイクエントのサイトからできるようです。エイクエントに興味のある方は、この機会にタレントとして登録してみるのもいいでしょう。

で、Flashの何について話すかというと、実は今、思案中です。あんまり技術よりの話をしてもおもしろくないだろうから、大雑把ですが、ハヤシカオルがFlashというツールとどういうふうに付き合い、Flashと共同してどういうプロダクトを制作してきたのか、そして今後さらに進化していくであろうFlashとどういうふうに付き合っていくのか、そのあたりについて初心に戻り、イチFlashクリエイターとして、現在の思いを素直に分析してみようかなと。そんなふうに今は考えています。途中で話が変わるかもしれませんが。

投稿者 kaoru : 2007年4月 6日

vol.60 回転ドア式のフォトギャラリー（前編）

web creators 2007年5月号の「Flash Creative Technique」は「回転ドア式のフォトギャラリー」（前編）になります。

できあがりのサンプルはこちらをクリック。

今回の「Flash Creative Technique」から前編と後編の２回に分けて、回転ドア式の立体的フォトギャラリー「The revolving photo gallery version 0.1」の作成を解説します。本連載でこれまでに何度か解説してきた仮想的な３次元空間を移動するモーショングラフィック的要素とXMLドキュメントでのコンテンツ管理をミックスさせたウェブアプリケーションになります。

続きを読む "vol.60 回転ドア式のフォトギャラリー（前編）"

投稿者 kaoru : 2007年4月 6日

2007年3月31日

vol.59 ３次元のスパイラルを表現する（後編）

web creators 2007年4月号の「Flash Creative Technique」は「3次元のスパイラルを表現する」（後編）になります。

できあがりのサンプルはこちらをクリック。

前回は仮想的な空間にあるオブジェクトをスクリーンに透視変換する原理について、考察しました。今回は運動するオブジェクトが作る「軌跡」に焦点をあてて、考察を加えたいと思います。

続きを読む "vol.59 ３次元のスパイラルを表現する（後編）"

投稿者 kaoru : 2007年3月31日

2007年3月 9日

vol.58 ３次元のスパイラルを表現する（前編）

web creators 2007年3月号の「Flash Creative Technique」は「3次元のスパイラルを表現する」（前編）になります。

できあがりのサンプルはこちらをクリック。

今回から前編と後編の２回に分けて、３次元座標上を動くスパイラル運動について考察します。３次元的なモーショングラフィックの作成に役立つかも。

続きを読む "vol.58 ３次元のスパイラルを表現する（前編）"

投稿者 kaoru : 2007年3月 9日

2006年12月29日

vol.57 マッシュアップでつくるWidget風お天気Flash（後編）

web creators 2007年2月号の「Flash Creative Technique」は「マッシュアップでつくるWidget風お天気Flash」（後編）になります。

今回完成したサンプルは上のようになります。誌面で解説しているサンプルファイルはMdNのFlashクリエイティブ・テクニックからダウンロードすることができます。

外部APIとFlashを組み合わせたマッシュアップをテーマに作った「DEEP Weather Flash ver 0.1 」です。詳しい解説は誌面の方をご覧ください。ブログでは補足的に解説を加えたいと思います。

続きを読む "vol.57 マッシュアップでつくるWidget風お天気Flash（後編）"

投稿者 kaoru : 2006年12月29日

2006年12月 5日

東京周辺の駅近マンション検索 Mansion Finder 2

東京近郊の路線から駅を絞り込んで、マンションや戸建て不動産が検索できるマッシュアップ「東京周辺の駅近マンション検索 Mansion Finder 2」をアップしました。例えば JR → 山手線 → 池袋 のように路線から希望する駅を絞り込んで選択し、物件の種類を選択して、その他の希望条件を入力して、マッチする物件を探すことができます。

路線別ではなく、都道府県・市区町村別にお気に入りの物件を検索できる「新築マンション検索 Mansion Finder」も作ってみました。こちらは例えば 東京都 → 豊島区 のようにエリアから物件を検索することができます。

いずれのサービスも「Smatch!物件検索サービス」をマッシュアップし、Ajax + RESTでデータをやりとりしています。

投稿者 kaoru : 2006年12月 5日

indexes.jp グルメマップ

「indexes.jp グルメマップ」を起ち上げました。このサイトでは、駅やエリアに焦点をあて、ユーザーが知りたがっている情報をインデックス化してさまざまなツールを組み合わせてご紹介していければと思います。まずは東京都内の山手線沿線の各駅に焦点をあて、Google Mapsを使って簡単な飲食店情報をXMLで読み込み、表示しています。

続きを読む "indexes.jp グルメマップ"

投稿者 kaoru : 2006年12月 5日

北千住周辺のグルメ情報 - 北千住 Gmap!

Google Maps を使った北千住駅周辺の飲食店・焼き肉・焼き鳥・居酒屋・Bar・ラーメン店などのグルメ情報をご紹介する地図「北千住 Gmap!」がパワーアップしました。掲載情報を大幅に増やしましたので、北千住周辺の飲食店をお探しの方に少しは役に立てるのかなと。

投稿者 kaoru : 2006年12月 5日

vol.56 マッシュアップでつくるWidget風お天気Flash（前編）

web creators 2007年1月号の「Flash Creative Technique」は「マッシュアップでつくるWidget風お天気Flash」（前編）になります。

まだ未完成ですが、サンプルは上のようになります。誌面で解説しているサンプルファイルはMdNのFlashクリエイティブ・テクニックからダウンロードすることができます。

外部APIとFlashを組み合わせたマッシュアップに挑戦したいと思います。そこで今回のテーマは、「マッシュアップでつくるWidget風お天気Flash」ということにしました。前編と後編の２回に分けて誌面で解説します。今回は前編です。詳しい解説は誌面の方をご覧ください。ここでは補足的に解説を加えたいと思います。

続きを読む "vol.56 マッシュアップでつくるWidget風お天気Flash（前編）"

投稿者 kaoru : 2006年12月 5日

vol.55 横スクロールの2Dアクションゲーム（後編）

web creators 2006年12月号の「Flash Creative Technique」は「横スクロールの2Dアクションゲーム」（後編）になります。

できあがりのサンプルはこちらをクリック。

後編ではゲームで使用するサウンドの定義、hitTest( ) を使った衝突時の当たり判定について解説しています。詳細は誌面をご覧いただくとして、ここでは補足的に気になった点をいくつか。

続きを読む "vol.55 横スクロールの2Dアクションゲーム（後編）"

投稿者 kaoru : 2006年12月 5日

2006年10月20日

vol.54 横スクロールの2Dアクションゲーム（前編）

web creators 2006年11月号の「Flash Creative Technique」は「横スクロールの2Dアクションゲーム」（前編）になります。

できあがりのサンプルはこちらをクリック。

さて今回からは新しいテーマとしてFlashゲームの作成をとりあげてみました。どうしてFlashゲームなのかというと、ハヤシカオルがわりと得意にするという事情もありますが、いかんせんFlash + XML = Flax の話がかなり長く続いたんですね。Flaxネタは旬でもあり、まだまだやりたいことはたくさんあるわけですが、ちょっとこのあたりで一息ついてFlaxのことは忘れて、Flashゲームでもやってみようかなと。そういったわけでして。ただゲームはゲームでなかなか作るのは大変です。ラクじゃない。しかしFlashでなければ実現しにくいジャンルであることも確かなわけで、Flashでゲーム制作にチャレンジしてみたいな、というクリエイターはそこそこいたりするのではないかと想像します。そのようなわけで、連載を読んでいることを前提にちょいちょいとかいつまんでおまけ程度に解説を加えたいと思います。詳細は雑誌の方を買って手元に置きながら、じっくりと読んでくださいね。

続きを読む "vol.54 横スクロールの2Dアクションゲーム（前編）"

投稿者 kaoru : 2006年10月20日 | コメント (2)

vol.53 プリントカラーシミュレーターの作成（後編）

web creators 2006年10月号の「Flash Creative Technique」は「プリントカラーシミュレーターの作成」（後編）になります。

できあがりのサンプルはこちらをクリック。

雑誌の連載の方は相変わらず進んでいるのに、こちらのBlogの更新の方は、すっかりご無沙汰しておりました。最近Blogにハマりつつあると言っておきながら、このザマ。反省しております。確か今回は「プリントカラーシミュレーター」の途中から完成まででしたね。では気がつくところを解説してみます。

続きを読む "vol.53 プリントカラーシミュレーターの作成（後編）"

投稿者 kaoru : 2006年10月20日

2006年8月16日

vol.52 プリントカラーシミュレーターの作成（前編）

web creators 2006年9月号の「Flash Creative Technique」は「プリントカラーシミュレーターの作成」（前編）になります。

できあがりのサンプルはこちらをクリック。

さて今回からは新しいテーマとして、Colorオブジェクトを使用するFlashアプリケーションについて前編・後編の2回に分けて解説しておりますが、詳細は雑誌の方を読んでいただくとして少しばかり裏話的なところを話してみたいと思います。

続きを読む "vol.52 プリントカラーシミュレーターの作成（前編）"

投稿者 kaoru : 2006年8月16日

2006年7月23日

Flash version リニューアル

Flash version をリニューアルしました。今回はプレゼンテーションツール風に制作。ヘルプから手動モードと自動モードを切り替えることができる仕様で、手動モードは自分でクリックして次のスライドへ進みます。自動モードは静止秒数を指定し、自動的に次のスライドに進みます。Flashに興味のある方は、ぜひご覧ください。
→ Flash version

テクノラティ タグ検索：Flash

投稿者 kaoru : 2006年7月23日

2006年7月13日

vol.51 FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成（後編）

web creators 2006年8月号の「Flash Creative Technique」は前回の続きで「FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成」（後編）になります。

できあがりのサンプルはこちらをクリック。

前回解説した前編では、Flash Professional 8から導入されたFLVPlayback Custom UI を使い、FLVPlaybackコンポーネントをカスタマイズしました。後編ではFlashとXMLを連携させて、FLVファイルとカテゴリーを管理し、UIコンポーネントのスクロールペインにFLVの一覧を表示するメニューを作成し、さらに完成度の高いFLV再生アプリケーション作成の手順について本誌では解説しています。ブログでは今回のテーマとその背景について少し語ってみたいと思います。

続きを読む "vol.51 FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成（後編）"

投稿者 kaoru : 2006年7月13日

2006年6月19日

7月6日、益子貴寛氏のイベント「XHTML+CSS (r)evolution」開催のお知らせ

ハヤシカオルの知人（なぜかWeb Creators誌に連載している記事のお隣さんでもある。。。）で、Web標準の名著『Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト』の著者として有名なマッシーこと、益子貴寛さんのイベント「XHTML+CSS (r)evolution」が、2006年7月6日（木）19:00-20:00、アップルストア銀座（3F Theater）で開催されます。 「XHTML+CSSにevolution（進化）とrevolution（変革）を」というコンセプトで、Web標準の第一人者であるマッシーさんからHOTな話が聞けそうです。Web標準に興味のあるWebクリエイターの方におすすめです。

入場無料/事前登録不要、最大収容人数 180名（入場制限あり）とのことなので、参加希望の方は早めにアップルストア銀座に行くと多分座れます。ハヤシカオルもささやかではありますが、毎日コミュニケーションズより出版した著書「Flash 逆引きクイックリファレンス 8＆MX 2004対応 for Windows＆Macintosh」をプレゼントとして提供させていただきつつ、参加いたします。楽しみです。

イベントの詳細は下記へ↓

公式ブログ：
http://www.cybergarden.net/revolution/

mixiコミュニティ：
http://mixi.jp/view_community.pl?id=958084

投稿者 kaoru : 2006年6月19日

2006年5月29日

vol.50 FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成（前編）

web creators 2006年7月号の「Flash Creative Technique」のテーマに「FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成」を取り上げてみた。

できあがりのサンプルはこちらをクリック。

今回のテーマは前編と後編の２回に分けて解説する。今回は前編で、スキンをカスタマイズしてオリジナルのパーツを使用したFLVPlaybackコンポーネントを作成して、外部FLVを再生するところまでとなる。この前編に関しては、紙面の解説でほぼOKだと思う。技術的に特に補足することはないが、Flashでビデオを配信するには「ストリーミング型」「プログレッシブ型」「埋め込み型」の３タイプがあるが、それについて少し語ってみたい。

続きを読む "vol.50 FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成（前編）"

投稿者 kaoru : 2006年5月29日

2006年5月12日

フリーランスのパートナー募集します

DEEP KICK.com ではパートナーとなっていただける下記の職種を募集しています。いずれもフリーランスで仕事をされている方で、プロフェッショナルの方（その道３年以上の業務経験がある方のみ）、DEEP KICK.com のオフィス（JR／東京メトロ／つくばエクスプレス／北千住駅から徒歩10分ほど）での打ち合わせが可能な方が対象となります。通常の制作業務はそれぞれの仕事のしやすい環境でOKです。

• グラフィックデザイナー
• Webデザイナー／(X)HTML + CSSマークアップデザイナー
• CGクリエイター／映像系クリエイター
• イラストレーター
• Flashクリエイター
• サウンドクリエイター／サウンドエンジニア
• 翻訳者（日→英あるいは英→日）

ご興味がある方は、こちらをご覧ください。

投稿者 kaoru : 2006年5月12日

2006年5月 7日

vol.49 XMLと連携したフォトギャラリー

web creators 2006年6月号の「Flash Creative Technique」のテーマに「XMLと連携したフォトギャラリー」を取り上げてみた。

できあがりのサンプルはこちらをクリック。

Mac OS Xに付属している「iPhoto」のようにアルバムごとにサムネイルが表示され、サムネイルを選択するとメインの画像が表示されるようなフォトギャラリーをFlashで制作してみた。アルバムと写真はFlash内部ではなく、外部のXMLドキュメントで管理されており、swfファイルはXMLドキュメントを読み込んで、アルバムの情報や画像のパスを取得して解析し、表示する仕組みとなっている。Flash単体ではなく、このように設計するメリットは、インターフェイスとコンテンツ管理を分離することにより、Flashを通さなくてもコンテンツの更新を可能にする点にある。XML以前によく使われていたのが、「変数A=値&変数B=値&変数C=値....」のように記述した外部テキストファイルから変数を読み込む手法だ。しかしこの方法で今回のサンプルのようなフォトギャラリーを制作しようとすると、できなくはないかもしれないが、かなり無理があることがわかる。XMLドキュメントを設計し、それを解析したほうがスマートなものが制作できるだろう。そのあたりについて今回の連載では解説しているので興味のある方は、そちらを読んでほしいわけだが、Flashに関する連載ということでXML自体に関する説明を紙面で十分にすることが難しかったので、ここでは今回設計したXMLドキュメントについて若干補足してみたい。

続きを読む "vol.49 XMLと連携したフォトギャラリー"

投稿者 kaoru : 2006年5月 7日

2006年4月 4日

vol.48 透視変換を使った3D空間の回転運動

さてハヤシカオルが担当するようになって４回目となるFlashクリエイティブ・テクニックは、「透視変換を使った3D空間の回転運動」をとりあげてみた。

できあがりのサンプルはこちらをクリック。

サンプルを見るとDEEP KICK.com のロゴの周りをグルグルと円状オブジェクトが奥行き感を持って回っている。画面をドラッグするとドラッグする方向と距離に呼応するかのように回転運動に変化を付けることができる。今回はこの「奥行き感の表現」つまり「３次元の運動をFlashでどう扱うのか」について解説している。そのために必要な考え方が「透視変換」と呼ばれるものだ。透視変換の考え方についての詳細は誌面で解説しているので、ここではこの法則を使えば、どういったコンテンツが作れるのかについて、少しだけ語ってみたい。

続きを読む "vol.48 透視変換を使った3D空間の回転運動"

投稿者 kaoru : 2006年4月 4日

2006年3月 7日

vol.47 サウンドがフェードアウトしながら切り替わるインターフェイス

さてハヤシカオルが担当するようになって３回目となるFlashクリエイティブ・テクニックは、「サウンドがフェードアウトしながら切り替わるインターフェイス」をとりあげてみた。
できあがりのサンプルはこちらをクリック。
ボタンをクリック、もしくはキーボードの左右の矢印キーでコンテンツを切り替えることができるが、それにあわせてBGMがフェードアウトしながら次のサウンドとオーバーラップしながら切り替わっていくというもの。
サウンドオブジェクトの基本的な使い方を知っていれば、特に難しいことをしているわけではない。それぞれのBGMごとにサウンドオブジェクトを生成し、getVolume()メソッドを使ってボリュームを取得、ボリュームが0になるまでsetVolume()メソッドでボリュームを下げるループ処理をしている。それらの処理をカスタム関数sound_play(n)としてまとめ、コンテンツを切り替わるイベントを取得したときに実行している。
ムービークリップを指定するのに、eval()関数を使用しているので、その使い方を理解しておきたい。
例えば、

n = 1;
vvv = eval("_root.s_bgm" + n);
vvv.gotoAndPlay(2);

さてこのときの変数vvvの値は、お察しの通り
_root.s_bgm1
なので、
結果的にインスタンス_root.s_bgm1の2フレーム目にgotoAndPlay() することになる。
n = 2; のときは、インスタンス_root.s_bgm2
n = 3; のときは、インスタンス_root.s_bgm3
とまあ、こんな具合にそのときにならないとどれか分からない場合によく使われるのがeval()関数。簡単やね。

あとは、キーイベントの取得かな。フラグを立てて、キーイベントが連続して起きないようにしていることぐらいかな。

投稿者 kaoru : 2006年3月 7日

2006年2月 2日

Blog + The long tail Market seminar

池袋サンシャインにてPAGE 2006 クロスメディアカンファレンスの特別セミナー「ブログとクロスメディアとロングテールとビジネスの幸せな関係」を傍聴する。
シックス・アパート株式会社の関氏、Googleの高広氏、株式会社ロフトワークの諏訪氏のお話しを拝聴。 興味深かった話を列挙すると、

• パレートの法則がAdvertising 1.0的な考え方とするのであれば、ロングテールはAdvertising 2.0的と言える
• ブログエコノミーがEコマースを進化させる。CGM (Consumer Generated Media)の台頭
• 「目的地」であり同時に「媒体」としての企業ブログの可能性
• 次世代のWebコミュニケーション　簡単・見つかる・双方向
• 広告が変化する。「知っている」＝「買う」ではない。Advertising 1.0はAttention（ユーザーの注意）のひきつけを重視。これがIntension（ユーザーの意図・興味）重視に変化する。
• Advertising 1.0時代の広告はコンテンツとコンテンツの間に挟まってお邪魔していた。Lean Back。テレビCMはトイレタイム。ユーザーがLeah forwardに変化するのは、「広告」＝「情報」として認識されたからに他ならない。ユーザーのIntensionに対応することを考える。
• Marketing for Consumer Intensions

なるほど。なるほど。Blogと広告を組み合わせた新たな広告媒体のイメージが見えてきた気がする。ユーザーは自ら能動的に知りたい情報を求めて検索する。そこにブログが現れる。
Adwordsのようなキーワード連動型・コンテンツ連動型がユーザーの知りたがっている情報と一致するなら、それは広告でありながら「情報の価値」を持っていることになる。その媒体となるのが従来のマス広告であったテレビ・新聞・雑誌ではなく、ブログなのだ。
こういうことを考えるとエキサイトしてくる。多分それは今後の可能性を感じるからだろう。

投稿者 kaoru : 2006年2月 2日 | コメント (2)

2006年2月 1日

vol.46 PHPと連携したFlashアプリケーションの制作

MdN編集部から2006年3月号が送られてきた。今回は黄色い表紙だね。特集は『スタイルシートデザイン＆集客手法』。これ、おもしろそうだな。最近Flash制作以外にも自分の企画でいろんなサイトをブログベースで立ち上げているんだけど、SEO対策をきちんと念頭においたスタイルシートでのデザインってほんとネットビジネスを左右するんだなとあらためて思ったね。デザインって目に見える部分だけじゃなくて、目的に対する結果までを導く概念だとしたら、それも含めてデザインしなきゃいけないんだよね。特にWebデザインってのはそうだ。
話が脱線したが、今回のFlash クリエイティブ・テクニックのサンプルは、『PHPと連携したFlashアプリケーションの制作』。連載２回目にして早Flashから浮気かよ、うひゃーって感じ。サンプルデータは［Web Creators］のサイトからダウンロードできるよ。

続きを読む "vol.46 PHPと連携したFlashアプリケーションの制作"

投稿者 kaoru : 2006年2月 1日

2006年1月 1日

東京 INDEX.html

【東京を快適に過ごそう！ 東京 INDEX.html】
「東京をより快適に過ごす」ことをコンセプトにさまざまなカテゴリー別におすすめのサイトを紹介しています。

• 企画・運営
• デザイン・HTMLコーディング
• SEO対策（検索エンジン対策）
• webマーケティング・アクセス解析
• インターネット広告
• PHP + MySQL
• MTによるコンテンツ管理

などが特徴のサイトです。

投稿者 kaoru : 2006年1月 1日

2005年12月30日

vol.45 オリジナルのスクロール機能を制作する

さて［MdN］の月刊誌［Web Creators］誌の2006年2月号より、レギュラーコンテンツ［Flash Creative Technique］の連載を、ハヤシカオルがなぜか担当することになりました、はい。
で私が思うに、『Flashで何かを作ることとそれを説明することは、まったく違う能力が要求されるのである』。
目の前にひとり生徒がいてさ、『お前、どこがわからないんだ？』と１対１で進められるのならともかく、絵とテキストで説明ってほんと難しいよ。ハヤシカオルには教えるセンスないんだもんな。いちおう教育学部出てるんだけどさ、本職が講師や教師じゃなくて良かったよ、ほんと。
そんなわけでもしかすると読者の中には、ここがわからんとか、ここ聞いてみたいとか、あるかもしれないよね。
そういう方々からたまにメールをいただくこともあるんだけど、せっかくブログやってんだから、活用しなきゃな、そう今はやりの（？）『ブログマーケティング』ってやつ。そう自分なりに思った次第です。
読者のみなさんとコミュニケーションした内容は、今後の参考にさせていただきたく思いますので、お気軽にコメント・トラックバックくだされたし。よろしくお願いしますね。

続きを読む "vol.45 オリジナルのスクロール機能を制作する"

投稿者 kaoru : 2005年12月30日

2005年12月 1日

WEB制作会社年鑑2006に掲載されました

『Web Designing』がセレクトしたWeb制作会社の作品集【WEB制作会社年鑑2006】にDEEP KICK.comが掲載されました。全国の主要Web制作会社による1,000点以上の作品と約1,300社の企業情報を掲載しています。

投稿者 kaoru : 2005年12月 1日

2005年10月 4日

オフィス借りました

さて、ようやく念願のオフィスといいますか、仕事部屋借りました。最寄りは変わらず北千住ですが。昨日からネットもつながり、机やら椅子やらも搬入し終え、打ち合わせ用のテーブルはまだですが、電話もつながりました。
これで、これまで駅前の喫茶店サンローゼで打ち合わせをしていたのが、近々DEEP KICK.com オフィスで打ち合わせができるようになるでしょう。クリエイターのオフィスなんで、シンプルながらもデザインと機能性に工夫を凝らしたコックピットにしていくつもりです。

投稿者 kaoru : 2005年10月 4日

2005年9月 2日

トークセッション at ヤングジョブスポット東京

９月１日午後、ヤングジョブスポット東京のトークセッションのゲストに呼ばれまして、２時間半ほど仕事を探している若い人たち２０名ほどの前でしゃべってきました。お題は「インターネットで『しごと』する−ｗｅｂサイトの製作・運営を通して」。
どうして今の仕事をするようになったのか、そのいきさつを自分なりに話してみましたが、かなり偶然というか運命に翻弄されているような気がしてます。おそらく参考にはならなかったんじゃないかな。
ただ自分が本当に言いたかったことは、チャンスというのはそうそうにないってこと。もしかすると最初で最後かもしれない。あるいは一生ないかもしれない。だからチャンスは絶対に逃してはいけないってこと。
チャンスは突然来るし、来てもそれがチャンスだと簡単に分からないこともけっこうあるから、普段から準備しておかなければならない。ボーっとしていてはいけない。
自分はあまりにチャンスに恵まれていなかったが、しかしあちらからのこのこ来たチャンスはそれこそ獲物を逃さない野生動物のように、必ずモノにするようにしてきた。
それが今につながって、なんとかやってきたんじゃないかな。だからそういう姿勢は大事だと思うよ、みたいなことが言いたかったんだけど。伝わったかどうか、あんまり自信ない。
そういう風に私の話を聴いてくれている人がいたら、もしかすると微妙だけど何かのヒントはあったかもしれない。

投稿者 kaoru : 2005年9月 2日

2005年8月15日

NZへ取材旅行

DEEP KICK.com が運営しているニュージーランド情報サイト Haere Mae! AOTEAROAの取材と休暇も兼ねて、ニュージーランドへ１年半ぶりに旅に出た。
チケットはもちろんtabiniで、予約。

今回は、マレーシア航空を利用したクアラルンプール経由。成田からクアラルンプール国際空港まではおよそ6時間ほどのフライトになる。クアラルンプールで寄り道し、２泊ほどLe Meridien Kuala Lumpurに滞在、市内を観光した。
イスラム教徒が数多く暮らす国を訪れるのは初めてだったので、建物や人々の服装が日本ではあまりみられない独特の文化がそこにはあった。そして先進国入りを目指すマレーシアの近代化にも接することができた。クアラルンプールは、古い文化と新しい文化が交錯する都市だった。

そしてクアラルンプールからニュージーランドのオークランドへ向かう。約10時間のフライト。
今回の旅の一番の目的は、これまで訪れることの少なかった北島のNorthland地方を回ることと、NZ最北端のCape Reingaまで行ってみること。

保養地Bay of IslandsのPaihiaでシーズンオフのリゾート地に滞在し、1840年にマオリ族と英国の間で交わされたワイタンギ条約締結の地を訪れた。

断崖絶壁のCape Reingaから望むタスマン海と南太平洋は、地球が丸いことを実感できたこの旅のクライマックスだった。

ワイポウアの森にある推定樹齢2000年と言われている巨木カウリ、「タネ・マフタ」も見ることができた。別名"God of forests"と言われる圧倒的な大きさ。木というよりか建築物に近い。カウリは日本名ナンヨウスギという杉の木の一種で、NZ北島の一部に生息し、おそらく屋久島にある屋久杉と親戚なのかなという気もするが、NZの開拓期に伐採されまくったらしく、今でも生きている巨大なカウリは数本しか残っていない。

５泊かけてNorthland地方をまわり、オークランドからクアラルンプール経由で成田に昨日帰国。
旅の詳細はいずれ近いうちにHaere Mae! AOTEAROAで紹介しよう。

投稿者 kaoru : 2005年8月15日

2005年7月29日

【web creators 2005/9 】に紹介されました

本日発売の[MdN]発行の月刊誌「web creators 2005/9」に小生がちょろっとですが紹介されています。巻末特集の「WEB系アワード＆コンテスト完全ガイド」の「先人に聞く！ 受賞者Q＆A」にて、先人扱いです。ネタ的にええんかなーとちょっと図々しい気もしないわけではないですが。。。ま、ちょっと図々しいぐらいじゃないと生き残れないし。。。MdN編集部がいいっていうんだから、なに、かまうものか。

投稿者 kaoru : 2005年7月29日

2005年7月12日

IAC 2005 Sponsors

以前にデザインした IAC 2005（国際宇宙会議2005 福岡大会）のスポンサーページ　を見るとJALが加わっていた。こうやってJALとDEEP KICK.com が並んでいると、DEEP KICK.com が宇宙か航空関係の会社かと間違われる可能性も否定できんではないか。まあ、それもまたよし。立派立派。
そういや最近JAXA（宇宙航空研究開発機構）もあちこちで宣伝しているようで、この間、山手線に乗っていたら文字放送でJAXAの広告を見かけたような。

投稿者 kaoru : 2005年7月12日

スーチリ【コミュちゃんと特訓】

ここだけの話だが、スーチリの【コミュちゃんと特訓】がバグってる。原因はなぜかAS2.0でパブリッシュするとおかしい。1.0だと問題ないんだけど。前にもこういうことがあって、そのときは変数の定義というか初期化がされていないと2.0で書き出したときにうまく動かないことがあって、それは簡単に治せたんだけど、今回のバグはいろいろ試してみたけどまだ原因がよくわからないでいる。というわけで、　【コミュちゃんと特訓】は現在サービスを停止している。
でついでながら、無料バージョンの内容を少し変更してみた。要は、あまりに無料バージョンが大盛況で有料が寒いので、少し有料バージョンのほうへうながすように、タイブレークでゲームが終わってしまう形式から１ゲームが終わった時点で終了する形式にいじってみたのだけれど、効果はどうだろう。今後に期待したい。というわけで、無料バージョンで遊んでくれているみなさん、有料バージョンもよろしく。って言ったぐらいで有料買ってくれると苦労はないんだけど。

投稿者 kaoru : 2005年7月12日

2005年7月 9日

ロンドンの友人に

ロンドンでテロがあったというニュースをYahoo Newsで知ったのは、７日の日本時間19時頃のこと。すかさずBBCのウェブサイトにアクセスしてみたが、つながらない。Google.co.uk のニュースにはつながった。読むとけっこうヤバそうだったので心配になって、ロンドン在住のスコティッシュの友人に大丈夫かと、メールを送ってみた。
ほどなくして友人から返信がきた。とりあえず大丈夫なようで安心する。早くロンドンに遊びに来いよと書いていた。行きたいのは山々なんだが、なかなか時間がとれなくて実現していない。
テレビで古館キャスターが「日本人の被害者はいないようです」と繰り返す。だから何なの？日本のマスコミはすぐ邦人の安否ばかり気にし出す。バカ言ってんじゃない。テロの被害者に邦人も外国人もあるかよ。邦人が死亡しなかったからよかったのか？そういう発想ができるってのは、外国人の友人や知人がいないんじゃないの？
テレビでニュース映像を見るにおよんで、ますます東京でもテロが起きても不思議ではないなとの思いがさらに強まった。明日は何が起こるか予測不可能な世の中に生きていることを、肌で感じる。

投稿者 kaoru : 2005年7月 9日