Webアプリケーション構築
2008年5月 1日
vol.73 AS3.0のXML処理 - RSS Readerをつくる
web creators 2008年06月号
できあがりのサンプルはこちらをクリック。
早いもので、もう６月号なんですね。今年の前半をしめくくる号となりました。
さて、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年1月29日
MYCOM MOOK Professional Bible「1ランク上の技を身につけるFlashの強化書」
1ランク上の技を身につけるFlashの強化書
わたくしハヤシカオルは「第４章 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で、ローカル環境にデータを保存する
web creators 2008年01月号
できあがりのサンプルはこちらをクリック。
前回（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によるパズルゲーム「東京23区パズル」を作成します。「東京23区パズル」とは、東京23区をパズルのピースに見立てて、海岸線だけが記されている白地図の上に正確に並べられるかどうかを競うパズルゲームです。今号はパズルゲームの初期化とアイテムをPress, Releaseしたときの処理などに焦点をあてて、解説しています。
投稿者 kaoru : 2007年11月 1日
2007年10月 1日
11月29日「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 パズルゲームを作る（１）
web creators 2007年11月号の「Flash Creative Technique」は「パズルゲームを作る」（1）になります。
できあがりのサンプルはこちらをクリック。
今回から新しいテーマ、Flashによるパズルゲーム「東京23区パズル」を作成します。「東京23区パズル」とは、東京23区をパズルのピースに見立てて、海岸線だけが記されている白地図の上に正確に並べられるかどうかを競うパズルゲームです。今号はプロトタイプと23区のMovieClipに焦点をあてて、解説しています。
投稿者 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月31日
LZX Code Camp
去る8月30日、net8主催の「LZX Code Camp」に参加してきました。Flash CS3向けの書籍執筆に追われている最中、まる一日執筆を中断して時間を作るのはけっこう覚悟が要りましたが、人数限定のコードキャンプにせっかく招待していただいたし、OpenLaszloについていろいろ知りたいことがあったので、しっかりと行ってきました。いや〜、行ってよかった！朝から夕方までLaszlo漬けというものも気持ちがいいもので、OpenLaszloを使った実際のアプリケーション作成の手順を見ることができて非常に勉強になりました。そしてFlashやFlexといったAdobe製品が得意とするジャンル（あるいは方向性）と、オープンソースのAjax/Flash対応RIA開発プラットフォームのOpenLaszloの特長と違いについて、以前より理解できました。
投稿者 kaoru : 2007年8月31日
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日
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日
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で読み込み、表示しています。
投稿者 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日
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 ...
続きを読む "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
- 諸外国の妊産婦死亡率，年次別
- 情報開示できるかするかやるべきか
- グリーンピースの告発のうさんくささ
- 【楽天GORA】富里ゴルフ倶楽部(千葉県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】霞台カントリークラブ(茨城県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】春日居ゴルフ倶楽部(山梨県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】妻沼ゴルフ場(埼玉県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】高根カントリー倶楽部(埼玉県):コースガイド(ゴルフ場紹介)
- 卒業式の袴の髪型やヘアスタイル
- 【楽天GORA】広陵カントリークラブ(栃木県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】源氏山ゴルフクラブ(千葉県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】金乃台カントリークラブ(茨城県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】金乃台カントリークラブ(茨城県):コースガイド(ゴルフ場紹介)
- ふたつの議論の方法
- 【楽天GORA】新玉村ゴルフ場(群馬県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】関東国際カントリークラブ(栃木県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】霞ヶ浦カントリー倶楽部(茨城県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】花生カントリークラブ(千葉県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】浦和ゴルフ倶楽部(埼玉県):コースガイド(ゴルフ場紹介)
- 【楽天GORA】伊香保カントリークラブ(群馬県):コースガイド(ゴルフ場紹介)
asahi.com
- 「円天の広告塔」歌手らに賠償請求 Ｌ＆Ｇ会員が提訴
- 海保、韓国漁船を誤って拿捕 レーダーの別の船と勘違い
- 大卒内定率、過去最高の９６．９％ 「売り手市場」続く
- ウタリ協会、アイヌ協会に 来春、半世紀ぶり名称変更
- 井関農機、下請けへの支払い不当減額 子会社に指示
- ウイルス作成の大学院生に有罪判決 京都地裁
- 関西テレビ出馬会長が辞意 「あるある」問題に区切り
- 比叡山のふもと、石像４０体なくなる 「仏様返して」
- 「本気で自殺考えたことある」２割 政府が初の全国調査
- 少女装い……自衛官、１３歳少女に写真送らせ脅した疑い
- AD: 【暮らしを楽しむ】asahi.com ショッピング
- 清原が２軍戦で本塁打 手術後初のアーチ
- AD: 【英語力と時事読解力を鍛える】朝日の時事英語
- 義足ランナー、五輪へ道 スポーツ仲裁裁判所が裁定
- 楽天、１週間ぶりの勝利〈１６日のパ・リーグ〉
- 阪神３連勝、貯金１５〈１６日のセ・リーグ〉
- 両横綱安泰、琴欧洲も完勝 大相撲夏場所６日目
- ＮＹ原油、一時１２７．８２ドル 最高値を更新
- AD: 最新の学校情報が一目でわかる！！｜asahi.com「学校最新情報」
- 三井住友ＦＧ、当期利益ほぼ横ばい ３月期決算
投稿者 kaoru : 2006年8月11日
Movable Typeのエントリー内にGmapを表示する
東京都足立区柳原2-12-5
DEEP KICK.com オフィス所在地
続きを読む "Movable Typeのエントリー内にGmapを表示する"
投稿者 kaoru : 2006年8月11日
