ActionScript3.0ベースのＦｌａｓｈコンテンツ、マテリアル、ブログパーツ等を作ります。
『FLASH LAB JUICE』のFlashコンテンツのご紹介！
ブログに画像をアップロードするだけで、ブログがオンラインカタログに、変身！『blogショーケース』
google AJAX Feed APIを使った、Flash RSSリーダーのサンプル！『googleFeed＠仮』
画像から、ブログに紐ついたデータを登録表示する、Flash ブックマーク！『p!Cloud』
『p!Cloud』（↑）で、登録したデータを、変更する、データ変更ツール！『p!Cloud@Config』
fullScreenVewer
feedPic ＠マイフォト
カテゴリー
最近の記事
月別アーカイブ
ブログ検索
最近のコメント
最近のトラックバック
RSSフィード
By FC2ブログ
ブログで使った画像を表示します！しかもフルスクリーン！
『feedPic』は、全文配信のフィード（RSS）を読み込んで、画像を表示するブログパーツです。
最近、FC2の調子が悪かったので、ココログにお邪魔してた時に、ココログでは、フィードと同じドメイン直下に、swfファイルを置けるので作ってみました。（feedPic ＠ココログ）
ついでに、ココログの画像アルバム（マイフォト）をブログで、公開してる場合に、自動で読み込む『＠マイフォト』も作ってみました。
どちらも、ココログの仕様が変わった場合は、使えなくなります。悪しからず。
『feedPic ＠ココログ』も『feedPic ＠マイフォト』も、無料のココログ専用のブログパーツです。
様々使える、データ作成ツール
『p!Cloud』（ピークラウド）は、画像に紐ついたタグ等のデータを作成するツールですが、ブックマーク等としても利用出来ます。
『p!Cloud』の使い方の一つは、ブログにアップロードした画像を、フレキシブルにタグ付けして、その画像の記事にナビゲートするコンテンツのデータ作成です。
表示ナビゲートするFlashコンテンツ（blogNavi）などをアップロードしてあれば、作成したXMLデータを上書きアップロードするだけで、最新の表示にする事が出来ます。
『p!Cloud』で登録したデータは、登録順になってるので、現在（08/05/12）での『blogNavi』のように、コンテンツにソート機能（並べ替え）が付いてない場合は、データを並べ替えたりする必要があります。
それが、『p!Cloud@Config』です。『p!Cloud』と合体させる事も可能ですが、取り合えずは、別々になってます。
『p!Cloud』でデータの登録・削除・編集、『p!Cloud@Config』では、タグデータの変更・データの並べ替え、とう言う形になってます。
『p!Cloud』についての過去の記事
ココログの『feedPic ＠マイフォト』を、バージョンアップしました！
『feedPic ＠マイフォト』は、ココログ専用で、ココログで公開したアルバムを自動で、読み込むブログパーツです。
今回は、『feedPic ＠マイフォト』にランダム表示機能を付けて見ました！最初に表示するアルバムを選択して、その後に表示する画像を決定してます。
次に、前回の記事に書いたように、ユーザー側で、ツールを利用する事で、表示効果を変更出来るようにしました。
現在は、この記事の下のFlashコンテンツで、『効果を保存』する事で、ユーザー独自の表示効果を利用出来ます。
このコンテンツを『feedPic ＠マイフォト』で読み込む事にするか、『feedPic ＠マイフォト』自体に搭載するか、はたまた、ブログの記事でセッティングするようにするか、まだ決めて無いので、配布は、お待ち下さい。
色々思う事は、あるのですが・・・とりあえず
『feedPic＠ココログ専用』の配布を、開始しました。＠無料です。自己責任で、お使い下さい。このブログに、バグ報告などしていただけると嬉しいです。
簡易ビューアー通信機能設置テスト
複数の窓で開くと、最初にコネクションを確立したビューアーに接続されます。『blogNavi』を画像表示モードにして画像をクリックしてみて下さい。
強制的にフルスクリーンにしようと思ったけど、ちょっと出来なかったです。
なので、簡単だと思ってたのに・・・・忘れてた事が、ありました。ActionScript3.0のXMLで、要注意なアイツです。
仕様と説明
『blogショーケース』では、全文配信・コンテンツ配信のフィードを解析し、商品画像と、商品データを表示し注文データを作成します。
上部メニューバーの左のボタンで、モード変更が出来ます。ブログモードでは、画像をクリックすると、商品の記事に移動します。
『ショッピングモード』では、『ショッピングカート』のように商品を選んで注文データを作成できます。
『ショッピングモード』では、一度読み込めば、サーバーとのデータ受信をする必要が無いので、サクサク動作します。
『blogショーケース』で作成した注文データを表示・解析・管理するコンテンツは、個々の案件によって色々違いがあると思うので、ご要望に応じて作成します。
注文データを解析・管理するコンテンツは、個々の案件によって色々違いがあると思うので、ご要望に応じて作成します。
関連記事・過去の記事
商品を削除するには、『商品のブログの記事を削除・非表示にする。』『商品画像のHTMLを削除する。』『商品の在庫数を、０にする。』などで、リアルタイムに可能です。
作成目的とブログサービスの現状
『blogショーケース』は、ブログでの情報発信で、こんな事も出来るという事をアピールし、興味を持って貰う為に作りました。
しかし、現在（08/05/12）のブログサービスでは、フィード（RSS）を、直接読み込めるディレクトリにswfファイルをアップロード出来るブログサービスは、少なくなってるので、ブログサービスを利用しないでブログを構築する必要があると思います。
なので、少し面倒ですが、『p!Cloud』で作成したデータを利用したコンテンツに『blogショーケース』の機能を付けると言うのが、現実的と思われます。
blogに書いて置くべきだった・・・
思い出した！『blogショーケース』のタグジェネレーターは、実は、『blogショーケース』とかと違う作り方で作ったんだった！
『blogショーケース』とかは、ActionScript3.0で、ほぼスクリプトのみで、制作してあるんだけど、タグジェネレーターは、実験的に、flaファイルに直接フレームアクションに、ActionScript3.0を記入して作ってみたのです。
そっちの方が、簡単かな？と最初は、思ったんだけど、実は、大混乱でした。ActionScript2.0だったら、_root.○○○とアクセス出来るオブジェクトにアクセス出来ない・・・・、イヤ、やり方が解らない・・・・。
という事で、本当は、画像のロードをしないと、コードの発行が出来ないようにしようと思ったのですが、そうならなかったのです。
次は、通常通りに作ろうと思ってたんだった・・・・。ま、そう言う事で、画像をロードして確認しないと、正しい画像のアドレスになりません。
自分しか使わないので、暫くこのままだと思います。とメモ
例えば、『ブログの埋もれてる記事を、紹介したい！』と思ったら
ブログでお勧めの記事にナビゲートするのに、『p!Cloud』で、新たに、お気に入りというタグを、気に入ってる記事へのリンク画像に、追加します。
次に『p!Cloud@Config』のページに移動します。『p!Cloud@Config』は、『p!Cloud』で登録したデータを、並べ替えたり、変更したり、削除したり出来ます。（画像自体の削除は、『p!Cloud』でしか出来ません。）
『p!Cloud@Config』には、下の画像のように、『表示・非表示』『並べ替え』『タグ変更』『タグの削除』のメニューがあります。
表示・非表示
まず、起動すると『表示・非表示』モードになってます。コレ自体は、現在、何の効果もありません。
『表示・非表示』は、あまりにタグが多くなった場合に、コンテンツで、表示するタグを限定するのに、使えます。
たとえば、表示するのは、従来通りプルダウンメニュー（コンボボックス）でして、非表示のタグは、タグクラウド表示するコンテンツにする事も可能です。
『表示・非表示』にするには、例えば、さっき追加した、『お気に入り』というタグを非表示にしたい場合には、表示タグのリストの『お気に入り』をクリック。表示する場合は、非表示タグのリストの『お気に入り』をクリックして下さい。
表示、非表示に変更した場合は、リストの最後尾に追加されます。
並べ替え
次にタグを並べ替えるには、『並べ替え』のメニューをクリックして下さい。すると、表示リストの隣の『並べ替えボタン』がアクティブになります。
並べ替えるタグをリストから選択して、並べ替えて下さい。例えば、上から2番目に移動したい場合は、最上部のボタンをクリックして、一番上にしてから一つ下げると良いでしょう。
タグ変更・タグの削除
次に『タグ変更』をしてみます。まず、『タグ変更』ボタンをクリックします。
リストの変更は、解除されるので、改めて、『お気に入り』というタグを選択します。選択すると、『選択したタグ』のフィールドに、選択したタグが表示されます。
ここでは、三ツ星『☆☆☆』というタグに変更してみます。『変更後のタグ』のフィールドに『☆☆☆』と入力します。（空白文字など使用できない文字があります。）そして、『タグの変更』をクリックします。
すると、確認の為、次のようなアラートが出るので、変更する場合は、『タグの変更』をクリックして下さい。
削除する場合は、『タグの削除』をクリックして、同じように行って下さい。
重要です！！必ず保存！
さて、ここで、反映されてるか、『p!Cloud』で確認してみます。しかぁ〜し、ちょっと待って下さい。コレが最重要ですが、このままでは、データ保存されていないのです！
保存するには、右下のこの『内容を保存』ボタンをクリックして下さい。保存されたデータは、変更出来ません。なので、一応、変更前のデータをクリップボードに送ります。
送られたデータは、気休めに『.xml』の拡張子で、保存して下さい。（今の所、xmlのインポート機能は、公開していません）ウェブ上では、セキュリティーの関係上イロイロと・・・・・。
データのソート（並べ替え）
あ、『p!Cloud』で登録したデータは、登録順になってます。なので、表示順番を変えたい場合は、『日付の新しい順』『日付の古い順』のどちらかを、クリックして下さい。
さて、一応『p!Cloud』で確認します。すると、ちゃんと、『☆☆☆』のタグが表示されてます。
画像を、既に『p!Cloud』に登録してる場合に有効です
チョコチョコ修正中の『p!Cloud』ですが、実は、画像検索のような機能も付いています。
たとえば、サンプルで、コチラの記事の画像に、サウンドというタグを付けたい場合は、『情報変更モード』にして、一覧から探しても良いのですが、次のようにも出来ます。
まず、便利な様に、お約束で、『情報変更モード』にしてから、追加ボタン『＋』をクリックします。
ブラウザで、ブログの記事を開いて、画像のURLをコピーしてます。
コピーしたURLを、追加する画像のURLの欄にペーストし、画像を読み込み、その画像で良いか、確認します。そして、『この画像を追加』のボタンをクリックします。
すると、既に登録してあるので、上の様な、アラートが出ます。『画像表示』のボタンをクリックすると、下の様に画面が白く変わり、その画像の情報変更画面が表示されます。
コレで、後は、既存のタグから、『サウンド』とうタグを追加すれば、オッケーです。