Flashの最近のブログ記事

Googleって会社の周りほホントにすごい人が集まりますね。ワンクリックでここまで出来てしまったら、プロなんていらないって思ってしまいます。

といったところで、picasaのtempleteを使っていろいろ遊んでみました。
演出に凝ったものや機能性に溢れるもの、定番のものまでいろいろとありますが、
結局の所、定番のlightboxが一番いいなと思うのは僕だけでしょうか？

テンプレートの導入は以下の通り、
以下のサイトから好きなテンプレートをダウンロード

19 Free Picasa Flash and HTML templates to showcase your photo

解凍したファイルを\\Program Files\\Picasa 2\\web\\templates\\へ

picasaを開き、左のフォルダで右クリックhtmlページとしてエクスポートすると、ワンクリックでここまでできちゃいます。

picasaから写真を引っ張ってくればもっとよかったのに・・・。と思ってしまいます。
人は贅沢ですね。

http://www.show-hey.com/demo/picasaalbum_templete/TOKYOTRIP0801/

http://www.show-hey.com/demo/picasaalbum_templete/TOKYOTRIP0802/

http://www.show-hey.com/demo/picasaalbum_templete/TOKYOTRIP0803/

http://www.show-hey.com/demo/picasaalbum_templete/TOKYOTRIP0804/

http://www.show-hey.com/demo/picasaalbum_templete/TOKYOTRIP0805/

webでスライドショーと言って「写真ばっかり見せてどうすんの？」と思われる方がいるかもしれないが、考え方によっては、いろんな事に使える。 ある意味それだけで完結してしまう。

個人的にも今まで作ったものをまとめようと、そういったスライドショー関連のものを探していたので、今仕事で使っているものも含め、気になったものをいろいろレヴューしてみた。

情報参照元
新しいWebビジネスや技術アイデアを活性化するWebマガジン - youmos
http://youmos.com/

Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
http://www.goodpic.com/mt/archives2/2007/03/lightboxjs.html

432 + JavaScript Libraries : skuare.net
http://www.skuare.net/test/index.html

とにかくチャートグラフの量が豊富
棒グラフ・円グラフはもちろんのこと、立体的なものからなにやらと
いろいろなチャートが作成可能
フラッシュならではの動きがあるチャートの作成が可能。

 とにかく、種類が豊富なので、全部並べてみました。ｘｍｌを動的に書き出せる環境があれば、結構おもしろいことになりますね。ＩＲなんかのデータ集とかに使えそうです。

色なんかもxml上でカスタマイズできるみたいだから、 やり方によってはかなり使えそうです。

XML/SWF Charts > Gallery
http://www.maani.us/xml_charts/index.php?menu=Gallery

まずはここをクリック
してください。

最近よく見るオーバーレイの表示に見た目は近いのですが、細かい部分ではそうではありません。
フラッシュで全画面表示を上にかぶせているみたいです。

ブログパーツを作成する時なんかに使えるかもしれませんね。

ダイレクトに飛ぶので結構使える小技かもしれませんね。
細かいASについては、僕も技術不足なのでよくわかりませんが、こういう方法をとるサイトも増えてくるかもしれません。

2008年位にはIE7とかちょっとずつ定番になってきて、flashのバージョンも基本8くらいになれば、企業サイトなんかも、こういうのは当たり前みたいになるんですかね？

F-site | レイヤーを使用したFull Flash http://f-site.org/articles/2006/09/09042615.html

ajaxなりRSSなりとデータの再利用化が叫ばれたのは少し前の話ですが、前々から気になっていたフラッシュにおいて「xmlの読み込み」について少し勉強してみた。

最初にxmlとは何ぞや？というところから。 

調べてみるといろんな感じで書かれていました。  

• xmlとは　flash - Google 検索
• XMLとは 【Extensible Markup Language】 - 意味・解説 ： IT用語辞典
• FACEs -- Flash, XMLSocket & Multiuser Community

 砕いて言えば、いろんな言語からアクセスできるきれいに整頓された書類のことですかね。

このあたりで情報を取得して、他のシステムなんかでも使えればいいんじゃない？という試みみたいです。最近は、xhtmlコーディングとか言われていますが、これは、シンプルなhtml書類をxmlとして定義しようというもの。xhtmlでコーディングされたページの一番頭に

<?xml version="1.0" encoding="Shift_JIS"?> 

とか入っている部分は、xmlの定義文（これはxml書類でも使えるよ）って意味だと思います（多分）。実際試みている人は少ないでしょうが、xhtmlもxmlになりうるよ。って事みたいです。

実はRSSなんかもxmlでできています。
最近よく見るRSSのマーク。RSS自体は、世間一般の人には意外と使われている印象が少ないですが、そのあたりは別の機会に。
RSSに関するサービスもいろいろ出てきていますね。FeedBurner、Google AJAX Feed API、YouTube、etc....

大体最近のサービスにはこのxmlはあるといっても過言ではないくらいです。
これらを使っていろんな事をしようって事が最近流行っているわけです（MASHUP）。
で、前置きが長くなってしまいましたが、本題。

xml自体の構造はというと、例えば、

 <?xml version="1.0" encoding="UTF-8"?>
<contents>
<tag size="5">ここにコンテンツ</tag>
<tag size="5">ここにコンテンツ</tag>
<tag size="5">ここにコンテンツ</tag>
</contents>

みたいな形で規則正しく書かれています。しかし、汎用性のあるって事で、入れ子にしたりいろんな書き方があって、atomっていうRSS(MT吐き出し)も同じような法則で書かれているみたいです。

で、フラッシュのスクリプトに関してですが、 

僕自身も初心者なので、とにかく、xmlを読み込んで吐き出す。という形を作成しました。
作成するなかで、Nodeとか、firstChildとか、attributesとかってのがややこしくて、訳が分かりませんでしたが、一個一個見ていくと分かってきました。未だに曖昧な部分がありますが…

Node…
<contents>のひとかたまり、<tag size="5">ここにコンテンツ</tag>みたいなひとかたまりのこと

firstChild…
タグの事。奥の方のタグを指定するときは
myMC.firstChild.firstChild.firstChild
みたいな書き方になるみたいです。他にもやり方があるみたいだけど、その辺追求しなきゃな 。

attributes…
属性の事。<tag size="5">でいうところの size="5"の部分。個人的にはこっちの方がとっつきやすい。attributes…

個人的にとりあえず、吐き出すところまで、作成。まとまっていませんが、よろしければ見てください。
http://show-hey.com/download/startupfla_ver8.zip
8で作成

Adobeのサンプルサイトが参考になります。
Macromedia - Macromedia Flash : XMLでJPEGスライドを作成する

 まだまだ、途中ですが、感覚的にはこれとimgのサイズを取得したり、サイズ変更するものを組み合わせて動きのあるスライドショーをつくったり、MTなんかと連携させて、FLASHで完結するブログなんかつくったりできるんだろうなと原理は分かった。

ただし、xhtmlのコーディングと原理は一緒で、タグが入れ子になりすぎると複雑すぎて訳がわかんなくなります。それを解決する方法もあるみたいですが、今の僕はよく分っていないみたいです。

++Flashプログラミング++: Flash ActionscriptでXMLを扱う：XPATHの使い方
http://flapro.net/blog/2006/02/flash_actionscripxmlxpath.html

配列とかもっと勉強しなきゃな。でも、ややこしいのが分かったから誰かにお任せしたいです。