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ブログ
様々使える、データ作成ツール
『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の欄にペーストし、画像を読み込み、その画像で良いか、確認します。そして、『この画像を追加』のボタンをクリックします。
すると、既に登録してあるので、上の様な、アラートが出ます。『画像表示』のボタンをクリックすると、下の様に画面が白く変わり、その画像の情報変更画面が表示されます。
コレで、後は、既存のタグから、『サウンド』とうタグを追加すれば、オッケーです。
二重使用禁止とは？
『p!Cloud』では、情報データを外部に送信して保存するのではなく、あなたのパソコンに直接保存してます。
この方法では、そのデータに複数のコンテンツでアクセスしてると、意図した通りにデータが保存されない可能性があります。
その為、『p!Cloud』関連のコンテンツでは、重複使用が出来ないようになってます。
動画ファイルの記事にナビゲート
『p!Cloud』に画像を追加するには、最初に『情報変更モード』にすると、便利です。『情報変更モード』にする事により、追加された画像をクリックするだけで情報変更の画面を表示する事が出来ます。
『p!Cloud』で作成したデータを利用した『BlogNavi』を以前、紹介しましたが、たとえば、『p!Cloud』で、動画の記事に動画のキャプチャ画像を貼り付けて、その画像を登録します。
登録する時に、『ムービー』というタグを付ければ、『ムービー』というタグで、動画の記事の一覧に、ナビゲートする事が出来ます。
レシピ集にリンク集、ウェブ図鑑だって作れちゃう！
例えば、ブログ友達のプロフィール画像を、『お友達のブログ』とかのタグ、ブログ友達のブログのURLで登録すれば、画像付きのリンク集が出来上がります。
他に、例えば『p!Cloud』で、料理レシピサイトの料理の画像と、そのレシピのページ、簡単な材料・説明（例えば、『材料：豚肉 材料：タケノコ 味：醤油味 星☆☆☆』）などとタグを付けてみて下さい。
結構使えるレシピ集が出来るはずです。他にも、簡単に撮った写真を、図鑑風にしたりも出来たり、使い方は、色々です。
ただし、コンテンツとして、ウェブで公開する時は、リンクの許可を受ける必要があります。ルールは、守って使ってね＠まだ未配布だけど・・・。
既存のタグの追加の仕方
少し脱線したけど、情報の追加は、以下の方法で。タグは、一度追加したタグなら、『既存のタグを追加』をクリックすると既存のタグのリストが表示されます。
左のリストをクリックすると、右のリストに追加され、右のリストをクリックすると、削除されます。
最後に『上記のタグを追加』をクリックすると、タグが追加されます。あ、外部から呼び出しが禁止されてる画像は追加出来ません。
以下の流れで追加してね＠Firfox 3Beta
最初に情報変更モードにすると便利です。
ブラウザで、ブログに記事を開いて、追加する画像のURLをコピー
このブログでは、大きい画像は、使ってないので、追加画像とリンクにURLをペーストして、画像を読み込み確認。
ブログのURLをコピーして、ブログのURLの欄にペースト。不安だったら、確認ボタンで、そのURLが開きます。
タグ設定をします。複数のタグを設定するには、スペースを空けて複数入力です。既存のタグの追加は、上の簡単な説明を参照。
日付を設定します。初期設定は、現在の時間です。日付を正しく設定する事により、並べ変えたり、後で時間軸での表示が可能になります。
『この画像を追加』ボタンをクリックすれば完了です。
『情報変更モード』にしてあるので、変更したい場合は、登録された画像をクリックするだけです。変更画面が表示されます。