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ブログ
Flashで『こんなのが出来ますよ』的なサンプルです。
『googleFeed（仮）』は、『google AJAX Feed API』を利用して、FlashとJavaScriptの通信機能を使って表示しています。
それと、フィードが全文配信・コンテンツ配信の場合に、大きいイメージへのリンクが、ある場合に、Flashのコンテナ通信の機能を使い、簡易フルスクリーンビューアーに、データを送って表示させる事が出来ます。
勉強には、なったのですが、『googleFeed（仮）』は、今一実用性が無いので、多分これ以上のアップデートは、しないと思います。ローカルで動作する物なら、もっとサクサク動く物が作れるので・・・・・
『googleFeed（仮）』に付いては、以下を参考にして下さい。
この記事は、旧BC JUICEからの移植です@08/04/11
『googleFeed（仮）』は、一度キャッシュされないと、正常に動作しません。で、ソレを知らないで見た人は、「？？？」となるので、バージョンアップした時に強制的にリロードを要求する事にしました。
ついでなので、メニューボタンをアイコンにしてみました。右から、以前の『フィードボタン』『追加ボタン』『削除ボタン』です。
フィードボタンをクリックすると、下のような画面になります。上のフィールドは、フィードサーチ用のフィールドです。下のフィールドは、フィードを見つけられなかった時に、直接フィードを入力して、読み込むフィールドです。
試しに、サンプルブログのアドレス『http://barjuice.blog113.fc2.com/』を上のフィードサーチのフィールドに入力して、実行します。
フィードサーチ、フィードの読み込みは、稀に失敗するので、２回位は、試す価値があります。
サンプルブログでは、表示画像から、大きな画像へのリンクが張られてるのですが、そのような場合は、送るボタンが、アクティブになります。（送るボタンは、テスト機能です。）
送るボタンをクリックすると、下にある画像ビューアーのフラッシュにデータを送信します。画像ビューアーのフラッシュは、画面をクリックすると、移動メニューが表示されます。
画像が、複数ある場合は、左右の移動ボタンで、移動します。そして、真ん中の『fullボタン』をクリックすると、フルスクリーンで、表示されます。（最新のフラッシュプレイヤーが必要です）
この記事は、旧BC JUICEからの移植です@08/04/03
RSSが？？？な理由は、まず、『RSSリーダー』を利用するのは、作業だという事です。『RSS』は、便利だから『RSSリーダー』を、利用しよう！と言っても、ソレは、作業なので、安易には、受け入れられないわけです。
また、『RSS』を理解せず、発信されたフィードの場合は、必ずブログを参照しなければならず、しかも、ネットの情報は、自分で判断して利用しなければいけません。
このような、複雑な作業を強いられるという理由から、『RSS』は、情報を必要としてない人には、親の敵の様に扱われています。
しかし、『RSSリーダー』を利用する事が、自然に作業される、環境を作ればどうでしょうか？
RSSだと知らずに使えば問題無し？
例えば、ブログを登録する『RSSリーダー』だけど、カスタマイズして、『オリジナルのRSSリーダー』として、便利に使える、同じ形のフィードだけを読みこんで、マッシュアップすれば、これ程便利な道具は、無い！と思いません？
この意味は、？？？な人が多いと思うので、簡単に説明します。次の様な事が、ボタン一つ、パソコンを起動するだけで、出来ればどうですか？
例えば、お肉屋さんで、お肉の情報フィード（RSS）、八百屋さんで、野菜の情報フィード（RSS）、酒屋さんで、お酒や調味料のフィード（RSS）を配信する（ブログを更新する）とします。
そうすれば、料理レシピのデータを組み込んだ、『RSSリーダー』で読み込んで、例えば、肉じゃがのレシピを選択すれば、どの位、材料費がかかるか、一目で分かるように出来ます。
Web2.0もマッシュアップも嫌われキーワード
マッシュアップというと、色々なフィードを読み込んで、人気の最新の動画を表示するとか、何か今一「？？？だから何？」とピンと来ない物が多いのは、現時点では、何に利用したら良いのか難解なフィードしか配信されてないからです。
これが例えば、細かい天気情報のフィード（RSS）、細かい潮汐情報のフィード（RSS）、最新の釣果情報のフィード（RSS）、が配信されてれば、釣りに行くべきか？どうか？何処に行くべきか？が、すぐに分かる、ウェブ2.0のサービス、又は、デスクトップアプリが作れます。
上の料理のレシピでも、そうです。十分に利用出来るフィード（RSS）が発信されてれば、冷蔵庫の在庫から、予算内で出来るレシピ自体をレコメンドしてくれる、ウェブ2.0のサービス、又は、デスクトップアプリが作れます。
つまり、便利なフィード（RSS）があれば、何でも出来る！という事です。しかし、現実には、コレは、全く理解されず、当たり障りの無いフィード（RSS）しか配信されてません＠天気の場合、民業圧迫とか言ってされてないし・・・・。
でも、『便利なフィードが無ければ、自分で発信すれば、良いんじゃない？』と発想を転換をしては、どうですか？（但し、本当に必要な人にだけ向けてです。無駄にフィードを呼び出されては、サーバーの負荷になり、多くの問題が生じるでしょう。）
この記事は、旧BC JUICEからの移植です@08/04/02
ブラウザって凄いな〜って思う・・・。昨日、テストで、『localConnectionクラス』を使って、『googleReader(仮）』と違うFlashでの通信を試してみた。
で、今回は、ブログに貼った画像から、大きい画像？へリンクが貼られてるタグを抜き出して、大きい画像がある場合のみに『送る』ボタンがアクティブになるようにしました。
正規表現の『RegExpクラス』を使用して抜き出しを試みたのですが、予想外？予想道理に、出鱈目なタグでブログに埋め込まれてるのが良くあるので、そういう場合は、スルーする事にしました。
ぶっちゃけ、単純に『<a href=""><img src=""/></a>』という形以外では、動作しません。もう少し、正規表現を理解出来れば、良いのですが・・・・＠素人
Flashベースだと、簡単に色々出来そう！
さて、折角、大きい画像を抜いたので、送られた方には、大きく表示出来るように、フルスクリーン対応にしました。（要Flashュプレイヤー9）っていうか『googleReader(仮）』自体、要９だけど・・・。
他にも、mp3を抜き出して、mp3プレイヤーに送ったり、swfファイルを抜き出して、表示したり、色々出来そうです。『localConnectionクラス』は、すごすぎ！
あ、画像読み込みloading画面は、今回は、『PixelDissolve』を使ってみました。『googleReader(仮）』のは、『Blind』です。色々、画像表示にも効果が付けれますが、やりすぎると・・・・なので、やめました。
使ってみた、所感、メリット？
簡易イメージビューアーの使い方は、画面をクリックすると、メニューが出ます。後は、ボタンをクリックするだけです。
別窓で、表示される画像は、一々クリックしなきゃならないのが、解消されて便利じゃないかな〜？？
それに、別窓なのかページ移動になるか、みんな別々だから、移動なのに、窓を閉じちゃった！とかが無いのが、ヨクナクナイ？
一々『送る』の面倒だな〜・・・・。う〜ん、後で、自動で送れるようにしよ〜っと。あ、RSSリーダーのページが、新しくならない人は、リロードして下さい。
この記事は、旧BC JUICEからの移植です@08/03/30
ちょこっと、機能追加。『googleFeed（仮）』に、全てを既読にする、『既読チェックボタン』を付けました。
新しいフィードを登録して、これから新しく更新する記事だけをチェックしたい場合に、一気に表示フィードの記事を既読に出来ます。
それと、『フィードサーチ機能』、『新しいフィードを読み込む』で、『Enterキー』で、実行出来るようにしました。
『フィードサーチ機能』は、『<link rel="alternate" type="application/rss+xml"... />』とういうタグが埋め込まれてる必要があるみたいです。
でも、埋め込まれてるページでも、たまに、失敗するみたいなので失敗しても一回位は、もう一度やってみる価値は、あります。
『フィードサーチ機能』では、ブログランキングのページからリンクをコピーしたURL『http://blog.with2.net/out.php?○○○;http//ホニャララ』というURLからでも、フィードを探します。凄いぞ『google AJAX Feed API』！
あ、デバグ用のテキストエリアを一々消してアップロードするのが面倒なので、『xmlCodeボタン』で履歴のxmlを表示できるように再利用しました。
データの保存の場合は、テキストエディタにコピー＆ペーストして保存して下さい。読み込み機能は、まだありませんけど・・・・・。
この記事昨日アップし忘れ@08/04/01
通信機能のテストをしてみた・・・・・。また、謎が増えました・・・・。『ExternalInterFace』を使うと、『localConnection』の受信が出来ないような・・・・・。
送信は、出来るのにな〜何でだろ？。フィードボックスの画像表示ボタンの隣に、『送る』ボタンを付けてみました。別のswfファイルに、送ってリスト表示します。＠テスト
『localConnection』を利用して、複数窓で、開くと動作しないようにしました。コレ、結構良い技のような・・・・・。
追記@08/05/12、んな事ぁ無い。勘違いでした。
この記事は、旧BC JUICEからの移植です@08/03/30
ウィンドーズでは、右クリックからです。『googleFeed（仮）』では、フィードを登録すると、ディスクに情報が記録されます。より多くのフィードを、登録するには、記録領域を増やす必要があります。
記録領域の増やし方は、Flashプレイヤー上で、右クリック＞設定＞下のフォルダマークをクリック＞スライダーを右に移動です。
『googleFeed（仮）』での記録情報量は、20件で40kb程度です。適度に記憶領域を設定して下さい。
色々な機能を付けるともう少し増えると思います。また、記憶領域を0にすると、『googleFeed（仮）』は、動作を開始出来ません。
あれれ？アップロードした『080330_parts_001.gif』が、20080330074851.gifになってる＠FC2マジック？
追記@080512、新しくアップロードしても、同じ・・・・今度は、『20080512034444.gif』・・・・何故だ〜。もしかして、全てのファイルに、ファイル名の他に日付＋６桁の数字の・・・・と思ったけど、そういう分けじゃないみたい・・・。
この記事は、旧BC JUICEからの移植です@08/03/29
ブログサービスでは、ブログに投稿する画像は、大抵、『絶対パス』でタグに埋め込まれる・・・・・っていうか、最近では、絶対パスでしか埋め込めなくなってる。FC2ブログもそうみたい・・・・。
なので、『googleFeed（仮）』では、『相対パス』には、対応してなかった。それが、原因で、不具合が生じてたので、『相対パス』にも対応しようと思ったけど、ちょっと面倒なので後回しにしようと思う。
なので、『絶対パス』以外の画像は、表示しないようにしました。ま、コレは、『やわらか○○』のブログのせいなんだけど・・・・・。
ちょっと面倒な理由＠livedoorブログ
昨日、livedoorブログの、話題のブログを『フィードサーチ機能』でドンドン追加して、動作確認してたんだけど、『やわらか○○』のブログで画像が表示されない不具合が発生。
で、『相対パス』にも仮対応したんだけど、やっぱり表示されない？おかしいな〜と思って、確認すると、ありえない相対パスの表記で、気分が萎えちゃったので、ので・・・・。
え〜っと、普通、『相対パス』は、『file/neko.jpg』『./file/neko.jpg』と表記されて、両方とも同じ意味。
でも、『やわらか○○』ブログでは、『http://blog.livedoor.jp/yawaraka/』というブログで、『yawaraka/yawaraka.jpg』という相対パスでimgタグに埋め込まれてる。
普通だったら、コレは、『http://blog.livedoor.jp/yawaraka/yawaraka/yawaraka.jpg』って絶対パスになると・・・・・。
でも、実際に存在するのは、『http://blog.livedoor.jp/yawaraka/yawaraka.jpg』というURL・・・・・。意味が分かりません（涙）
あ！あれ？思い出した！確か、livedoorブログは、昔、そういう仕様だったような・・・・。今でも、有料版では、そうなってるのか・・・・。ヤレヤレ。
この記事は、旧BC JUICEからの移植です@08/03/28
メニューバーは、フィードを読み込んだり、フィードを探したり、コレクションにフィードを追加したり、コレクションのフィードを削除したりします。（画像をクリックするとRSSリーダーが開かれます）
『新しいフィードの読み込む』は、http://○○○○○/○○.xmlとかhttp://○○○○○/○○.rdfとかのフィードのURLを直接入力してフィードを読み込みます。
『フィードサーチ機能』は、http://○○○○○/○○.htmlとかhttp://○○○.comとかの、ウェブページのURLを入力すると、そのページのフィードを探して読み込みます。
『表示されてるフィードを追加』は、現在表示しているフィードをコレクション（左側）に追加します。
『選択したフィードを削除』は、コレクションで選択したフィードを削除します。
コレクションの使い方
コレクションは、追加フィードを表示する場所です。コレクションの整理、管理機能は、今回は、つけてません。（AS3.0のコンポーネントには、ツリーコンポーネントが無かったので・・・・）（画像をクリックするとRSSリーダーが開かれます）
コレクションにすると、履歴が保存されます。（動作しない場合は、Flashプレイヤーの情報の保存を許可、又は、保存メモリを増やした下さい。）
追加したコレクションをクリックすると、そのブログの最新のフィードが表示されます。
コレクションを削除するには、クリックし選択してから、メニューバーの『選択したフィードを削除』をクリックして下さい。
タイトルバーの使い方
タイトルバーには、ブログのタイトルが表示されます。情報ボタンをクリックするとブログの情報が表示されます。（画像をクリックするとRSSリーダーが開かれます）
フィードボックスの使い方
フィードボックスでは、ブログのフィードを見る事が出来ます。ブログの記事のタイトル、要約、日付、カテゴリーを表示します。（画像をクリックするとRSSリーダーが開かれます）
『この記事を読む』をクリックすると、ブログの記事が別窓で開きます。（ポップアップの許可を求められる場合があります。）
『画像表示』をクリックすると、フィードがコンテンツ配信のフィードで画像がimgタグで埋め込まれてる場合は、一つの記事で４つまで表示されます。
表示された画像をクリックすると、その画像が表示されます。（ブログに表示されてる画像です。クリックで表示される画像は、表示されません。）
『要約表示』をクリックすると、要約が表示されます。
『注目記事』にチェックを入れると、記事が注目記事に設定されます。コメントを残した記事などを注目記事にするとコメントの返信確認などに便利です。
移動ボタンをクリックすると、ブログの記事のフィードが表示されます。ボタンの表示は、『�ヽ稜Ш僂澣�事、�¬こ稜У�事、�Ｃ輒楜�事、�ど充�中記事』と以下のようになってまず。
移動の履歴は、フィードボックスに追加しないと、保存されません。
この記事は、旧BC JUICEからの移植です@08/03/28
『google AJAX feed API』を使って、RSSリーダーを作ってみました。って何回も書いたけど、やっとアップロードして、ブログのトップページだけに表示しようと思ったら・・・・・出来ませんでした。
う〜む、何が悪いのか・・・・。またしても、難解なパズル状態・・・・。ま、ブログに貼るには、複雑すぎるので、別ページにアップロードしました。
で、使い方の前に、問題を、メモっときます。まず、やっぱり、キャッシュされないと、FireFoxでは、正しく動作しない感じ・・・。操作画面が表示されない時は、リロードして下さい。
デフォルトで、このブログのフィードを表示させてるけど、ブログの表示順番を古い順にしてると、フィードも古い順で生成されるみたい・・・・・。（←旧BC JUICEブログ）
で、日付で、『sortOn』しようと思ったら、googleさんで、簡単に、『sort』出来ない表示に変えてくれてました。（涙）一手間かけなくちゃ駄目なので、そのままです。（涙）
やっぱり、生のフィードを読み込みたいな〜・・・・・。とりあえず、簡易RSSリーダー（googleFeed）は、『注意事項を読んで』、コチラをクリックです。
注意事項です。必ずお読み下さい！
履歴機能は、データの保存が許可されてないと正しく動作しません。画像表示、ブログ表示は、別窓表示です。ポップアップの許可が必要な場合があります。
こんなのが、作れるっていう人柱バージョンのサンプルです。バージョンアップで、履歴データを削除するようにしてるので、ご理解下さい。
バージョンアップは、しますが、ず〜っと人柱版の可能性があります。RSSを知らない人に、説明するのに使おうと思ってます。使い方は、これから、書きたいと思います。
追記・・・アレレ？？
『includeHistoricalEntries()』を追加したら、フィードが新しい順になってる？？んん？関係ないのかな？
↑に書いた、ブログに貼れなかった理由が、分かりました＠08/05/11 多分、『google AJAX feed API』で、発行されたKeyは、最初に使った一つのURLから意外では、使えないんだと・・・＠曖昧
この記事は、旧BC JUICEからの移植です@08/03/27
『ほしのあき』のおかげで勉強になりました。m(__)m今日も色々だったな〜。作ったRSSリーダーをテストする為に、アメブロの芸能人ブログを、人気順にフィードサーチの機能を使って登録してみた。
すると、何故か解析出来ないフィードがある・・・・・。『ほしのあき』のブログだ・・・・。おのれ、『ほしのあき』め！・・・・他にも数件・・・・なんでだろ？？
芸能人ブログは、改行が異様に多いけど、携帯で日記として更新してると、こうなるんだろうな・・・・・。
最初は、コレが原因だと思って、調べると改行文字に、『String.fromCharCode(10)』と『String.fromCharCode(13)』の両方が使われてた・・・・。
回避して、一安心と思ったけど、やっぱり駄目？？？仕方なくデバグ用のTextAreaを入れ子にしたスプライトを作って一つづつ確認・・・・・メンドクサイ。（涙）
するとタイトルが、『寒いね(><)』というitemでエラーが・・・・。あちゃぁ〜顔文字か〜・・・・・。これは、盲点だった！芸能人ブログも見ないし、携帯ウェブも、顔文字も使わないかなな〜・・・・。アスタリスクにしてやりました。
適当にこんなUIにしてみました
当然、フィードを読み込んで表示するんだけど、『Google AJAX feed API』には、lookupFeedがあって、アドレスバーのURLで実行するとフィードを探してくれるので、サクサク登録出来ます。探せない時もあるけれど・・・・。
要約の他にコンテンツ配信のフィードの場合、imgで埋め込んである画像を、４つだけ表示出来るようにしてあります。このまま、何も問題なきゃ、明日にでも、貼ろうかと思います。
本格的に作ったんじゃないけど、今までRSSの説明をするのが大変だったけど、これで少しは、上手く説明出来るかも！詳しい説明は、明日に。
あ、feedといえば、gooのRSSリーダーのウェブ版を使ってるんだけど、アドレスバーのフィードボタンで追加出来なくなった・・・・？？？何でだろ？