トップページ > Blog > Webアプリケーション構築

Webアプリケーション構築

2008年5月 1日

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

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

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

早いもので、もう6月号なんですね。今年の前半をしめくくる号となりました。
さて、Flash + XML。これら2つの技術の融合は、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年1月29日

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

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

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

書籍データ

書名
1ランク上の技を身につけるFlashの強化書 (ムック)
著者
+DESIGNING編集部
出版社
株式会社毎日コミュニケーションズ
出版年月
2008年1月29日
ページ数
160ページ
ISBN
ISBN978-4839926984
価格
1,890円(税込)

投稿者 kaoru : 2008年1月29日

2007年12月 1日

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

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

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

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

投稿者 kaoru : 2007年12月 1日

2007年11月 1日

vol.67 パズルゲームを作る(2)

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

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

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

投稿者 kaoru : 2007年11月 1日

2007年10月 1日

11月29日「Designer meets Designers 02」に出演します!

Designer meets Designers 02 (株)エムディエヌコーポレーション web creators編集部・WEB STRATEGY 編集部が主催するウェブデザイナーのためのイベント「Designer meets Designers 02」にDEEP KICK.com ハヤシカオルが出演します。今回のテーマは「リッチコンテンツ実践テクニック〜Flash・Silverlight・Ajax〜」です。

[Designer meets Designers 02 開催概要]

主催:
(株)エムディエヌコーポレーション web creators 編集部・WEB STRATEGY 編集部
開催日時:
2007年11月29日(木曜日)14:30開場 15:00開演
会場:
六本木アカデミーヒルズ49 タワーホール (六本木ヒルズ49階)
詳細・お申し込み:
http://www.mdn.co.jp/webcre/d2/

私、ハヤシカオルは「SESSION 3 現場で使えるActionScript実用テクニック」に登場します。60分という短い時間ではありますが、クリエイターの方に何かお役に立てる話ができればと、あれこれ策を練っているところでございます。ご興味がある方は、当日六本木ヒルズで会いましょう。

投稿者 kaoru : 2007年10月 1日

vol.66 パズルゲームを作る(1)

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

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

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

続きを読む "vol.66 パズルゲームを作る(1)"

投稿者 kaoru : 2007年10月 1日

2007年9月 3日

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

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

web creators 2007年10月号の特集「Flashの知識とテクニックはゲームで学ぼう! Flashゲーム制作講座」執筆

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

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

投稿者 kaoru : 2007年9月 3日

vol.65 XMLConnector + DataGridを使ったアプリケーション(2)

web creators 2007年10月号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を使ったアプリケーション(1)

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

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

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

投稿者 kaoru : 2007年9月 3日

2007年8月31日

LZX Code Camp

去る8月30日、net8主催の「LZX Code Camp」に参加してきました。Flash CS3向けの書籍執筆に追われている最中、まる一日執筆を中断して時間を作るのはけっこう覚悟が要りましたが、人数限定のコードキャンプにせっかく招待していただいたし、OpenLaszloについていろいろ知りたいことがあったので、しっかりと行ってきました。いや〜、行ってよかった!朝から夕方までLaszlo漬けというものも気持ちがいいもので、OpenLaszloを使った実際のアプリケーション作成の手順を見ることができて非常に勉強になりました。そしてFlashやFlexといったAdobe製品が得意とするジャンル(あるいは方向性)と、オープンソースのAjax/Flash対応RIA開発プラットフォームのOpenLaszloの特長と違いについて、以前より理解できました。

続きを読む "LZX Code Camp"

投稿者 kaoru : 2007年8月31日

2007年8月27日

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

web creators 2007年8月号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月号 web creators 2007年7月号の「Flash Creative Technique」は「Yahoo! Maps AS-Flash APIを使った地図アプリケーション」(前編)になります。

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

今回から2回に分けて、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月号web creators 2007年6月号の「Flash Creative Technique」は「回転ドア式のフォトギャラリー」(後編)になります。

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

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

投稿者 kaoru : 2007年8月27日

2007年4月 6日

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

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

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

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

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

投稿者 kaoru : 2007年4月 6日

2006年12月29日

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

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

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

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

投稿者 kaoru : 2006年12月 5日

indexes.jp グルメマップ

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

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

投稿者 kaoru : 2006年12月 5日

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

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

投稿者 kaoru : 2006年12月 5日

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

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

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

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

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

投稿者 kaoru : 2006年12月 5日

2006年8月18日

Yahoo!検索WebサービスをMobable Typeのエントリに表示する

Yahoo! デベロッパーネットワーク (Yahoo API) のYahoo!検索Webサービスの検索結果をRSSで取得し、Mobable Type のエントリー内に表示させてみました。他にも画像検索や動画検索のAPIが用意されているので、それらを組み合わせてWebアプリケーションが作れそうですね。

「Movable Type」の検索結果 DEEP KICK Search Powered by Yahoo!

  • Movable Type Publishing Platform
    Movable Type 4 Developer Edition 日本語版のダウンロード。 ... Movable Type の簡単なアップグレード手順 ... Movable Type 4.15 公開ベータテストを開始. by Taichi ...
  • Movable Type: 世界標準の CMS プラットフォーム
    Movable Type はブログだけでなくウェブページやファイル管理も可能な、 ... また、ポータルブログ機能ひとつのMovable Typeで用途別に分けた複数のブログのコンテンツを集めてひとつのウェブサイトにして運営、 ...
  • シックス・アパートホームページ
    ブログツールのTypePad、Movable Typeを提供。 ... 【6月8日、MT4LP5大阪版】CMSとしてMovable Type 4を利用するためのノウハウ満載、制作者のためのイベントが開催されます ...
  • Movable Type Publishing Platform
    Movable Type is a. Six Apart product. ... the community site for the Movable Type user, developer, designer, and professional. ...
  • MovableType.org - Home for the MT ...
    We will be holding Open Movable Type Office Hours on the 2nd floor mezzanine of Moscone West Wednesday and ...

Web Services by Yahoo! JAPAN

続きを読む "Yahoo!検索WebサービスをMobable Typeのエントリに表示する"

投稿者 kaoru : 2006年8月18日

2006年8月13日

テクノラティのタグ検索結果をエントリーに表示する

Mobable Type のエントリー内に、テクノラティのウォッチリストに登録した「Movable Type」タグ検索の結果をRSSで取得し、表示させてみました。いわゆるWeb 2.0的マッシュアップ?

テクノラティ「Movable type」タグ検索結果:[more ...]

続きを読む "テクノラティのタグ検索結果をエントリーに表示する"

投稿者 kaoru : 2006年8月13日

2006年8月11日

Movable TypeでRSSを表示する

Mobable Type + mt-rssfeed.pl を使って、エントリー内にRSSを表示させてみました。

新着メモ | 1470.net

asahi.com

続きを読む "Movable TypeでRSSを表示する"

投稿者 kaoru : 2006年8月11日

Movable Typeのエントリー内にGmapを表示する

[map:東京都足立区柳原2-12-5]

東京都足立区柳原2-12-5
DEEP KICK.com オフィス所在地

続きを読む "Movable Typeのエントリー内にGmapを表示する"

投稿者 kaoru : 2006年8月11日

top
about
blog
services
portfolio
contact