<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
     xmlns:content="http://purl.org/rss/1.0/modules/content/"
     xmlns:itunes="http://www.itunes.com/DTDs/Podcast-1.0.dtd">
  <channel>
    <title>犬小屋ブログ</title>
    <link>http://blog.skip-dog.net/</link>
    <description>静岡・清水・ネットにまつわる都市伝説</description>
    <language>ja</language>
    <docs>http://blogs.law.harvard.edu/tech/rss</docs>
    <itunes:subtitle></itunes:subtitle>
    <itunes:summary>静岡・清水・ネットにまつわる都市伝説</itunes:summary>
    <itunes:keywords></itunes:keywords>
    
    <itunes:author>オーイシ</itunes:author>
    <itunes:owner>    
       <itunes:name></itunes:name>
       <itunes:email></itunes:email>
    </itunes:owner>
        <itunes:explicit>no</itunes:explicit>
        <item>
      <link>http://blog.skip-dog.net/article/181605396.html</link>
      <title>「マーケティング3.0」を読んで、読書会してみました。</title>
      <pubDate>Thu, 20 Jan 2011 10:46:04 +0900</pubDate>
            <description>昨年より、小さな勉強会や読書会が少しづつブームになってきているという話を聞きます。自分も、先日コトラーの「マーケティング3.0」をテキストに読書会を企画しファシリテーターとして参加しました。読書会の内容、目的等いろいろあるとは思いますが、これから読書会の開催を考えるグループもあるかもしれません。何かの参考になればということで、今回私たちが行った方法をメモしておきたいと思います。発端は昨年、我々（創業者だったりプランナーだったり）が、サービスやプロダクトをアウトプットをするため..</description>
            <content:encoded><![CDATA[
昨年より、小さな勉強会や読書会が少しづつブームになってきているという話を聞きます。自分も、先日コトラーの「マーケティング3.0」をテキストに読書会を企画しファシリテーターとして参加しました。<br /><br />読書会の内容、目的等いろいろあるとは思いますが、これから読書会の開催を考えるグループもあるかもしれません。何かの参考になればということで、今回私たちが行った方法をメモしておきたいと思います。<br /><br />発端は昨年、我々（創業者だったりプランナーだったり）が、サービスやプロダクトをアウトプットをするためには、インプットの絶対量と密度が欠かせない（そのインプットの結果より合理的なアウトプットを作ることも同様）。その手の仕事をしたい人にとっては読書会のようなものを継続して行ったらトレーニングになるんじゃないかなといった話を雑談の中でおこなうことがありました。たまたま、話が広がり実際に読書会に参加したいとリクエストしていただいたこともあり、とりあえずやって見ようということで、年末年始をまたぎ先週少人数でテスト的に読書会を行いました。<br /><br />実際読書会を準備するにあたって、ファシリテータとして、どのように進行したら、初期の目的をある程度満たすこと（インプットの密度を高めるトレーニング）と、参加者にとって気持ちの良い刺激になること（程よい事前タスク・その場に居るだけにならない）が成立するかちょっと悩みました。ある程度の読み込みと、発言を参加者に求める形ということで、いくつかのキーワードを読書会の数日前に参加者に知らせ、当日このキーワードについて参加者の解釈を求めていく方法に落ち着きました。<br /><br />今回の会の対象の範囲を「マーケティング3.0」の第１部とし、第一部の各章の３ワードづつを対象のキーワードとしました。<br /><br />第１部　第１章<br />１）参加の時代（恊働マーケティング）<br />２）グローバル化のパラドックス（文化マーケティング）<br />３）クリエイティブ社会の時代（スピリチュアルマーケティング）<br /><br />第１部　第２章<br />１）未来のマーケティングの基板（共創・コミュニティ・キャラクター）<br />２）3iコンセプトとマインド・ハート・精神について<br />３）価値主導マーケティングについて<br /><br />キーワードの選定はコメントが多く付きそうな、重層的なコンテクストを持った個所を中心に拾うという意図で行いました。ただ、結果的に見出し的なキャッチをひろっただけになってしまった感もあります。（これはこれで悪いわけではないと思うのですが）<br /><br />キーワードとそのコンテクストの関連性をひととおり理解のため、自分は図による情報の整理を行っています。<br /><a href="http://inu58.up.seesaa.net/image/m3_1st.png" target="_blank"><img src="http://inu58.up.seesaa.net/image/m3_1st.png" width="460" border="0" align="" alt="m3_1st.png" onclick="location.href = 'http://blog.skip-dog.net/upload/detail/image/m3_1st.png.html'; return false;" style="cursor:pointer;" /></a><br /><br />会の進行は本の頭からざっくりと内容を追いつつホワイトボードにキーワードを書き出し、参加者の解釈を聞いていきます。<br /><a href="http://inu58.up.seesaa.net/image/fig2.jpg" target="_blank"><img src="http://inu58.up.seesaa.net/image/fig2.jpg" width="460" border="0" align="" alt="fig2.jpg" onclick="location.href = 'http://blog.skip-dog.net/upload/detail/image/fig2.jpg.html'; return false;" style="cursor:pointer;" /></a><br /><br />字が汚くて読めないというのも大きな反省すべき問題なのですが、読書会の進行方法として改善すべきかなとおもったのは、ホワイトボードのメモを雰囲気で書いてしまったということ。ルールを設けて、最終的にキーワードー各自の解釈を俯瞰できるたりする意味のある板書にした方がよいのではと思いました。<br /><br /><a href="http://inu58.up.seesaa.net/image/fig3.jpg" target="_blank"><img src="http://inu58.up.seesaa.net/image/fig3.jpg" width="460" border="0" align="" alt="fig3.jpg" onclick="location.href = 'http://blog.skip-dog.net/upload/detail/image/fig3.jpg.html'; return false;" style="cursor:pointer;" /></a><br />これは「キャラクター化」についての解釈を話あった時のメモ。（消費者の思う企業イメージがキャラクターでそれに企業が近づく努力をすることを「キャラクター化」と言うのではetcなことをまとめた図なのですが‥）これだと後で見てなんだかわかりませんよね‥<br /><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>読書</category>
      <author>オーイシ</author>
                  <enclosure url="http://inu58.up.seesaa.net/image/fig2.jpg" length="105300" type="image/jpeg" />
                              <enclosure url="http://inu58.up.seesaa.net/image/fig3.jpg" length="134179" type="image/jpeg" />
                              <enclosure url="http://inu58.up.seesaa.net/image/m3_1st.png" length="105797" type="image/png" />
                            </item>
        <item>
      <link>http://blog.skip-dog.net/article/147621959.html</link>
      <title>「twitter微分論からtwitter身体論へ」＠名古屋のまとめ</title>
      <pubDate>Sat, 24 Apr 2010 20:05:13 +0900</pubDate>
            <description>先日４月21日に名古屋で開催された芦田宏直さんの「twitter微分論からtwitter身体論へ」に参加してきました。8時からはじまり、12時近くまで芦田さんのハナシを聞くことができた濃密な4時間でした。    自分自身は、twitterのタイムラインに関してまだ定まった考え方を持っていません。そのため、芦田先生のtwitterに関する様々な定義を評価をしかねる部分もありますが、しかし「個人としてのtwitter利用の価値」をより深く考えるきっかけとして、「twitter微分..</description>
            <content:encoded><![CDATA[
先日４月21日に名古屋で開催された芦田宏直さんの「twitter微分論からtwitter身体論へ」に参加してきました。8時からはじまり、12時近くまで芦田さんのハナシを聞くことができた濃密な4時間でした。<br />  <br />  自分自身は、twitterのタイムラインに関してまだ定まった考え方を持っていません。そのため、芦田先生のtwitterに関する様々な定義を評価をしかねる部分もありますが、しかし「個人としてのtwitter利用の価値」をより深く考えるきっかけとして、「twitter微分論・twitter身体論へ」の参加は貴重な体験となりました。<br />  twitter微分論・身体論について興味のある方は、実際に東京会場に参加して、あるいはUSTを見て自分で体感して欲しいと思いますが、各論として主なキーワードに関するまとめと個人的な感想をアップしておきますので、東京会場参加者の方々に芦田先生とより掘り下げて議論をしていただく参考になればと思います。<br />  <br /><strong> 野口悠紀雄の調整理法＝タイムライン<br /></strong>	 <blockquote> ・調整理法とはインデックスをを作らない。更新ファイル群は相互に意味的なつながりが無い。それはタイムラインと同じだ。<br />	  ・時間制が検索性を構成している。<br />	  ・タイムラインは現在が共有されている。</blockquote><br /><strong>  twitterのデータベース論は間違えだ<br /></strong>	  <blockquote>・入力で差別してはいけない。データベースには膨大な無駄を集め未来に対応するもの。<br />	 ・ 検索はデジタルイン、アナログアウト。<br />	  ・リスト化するする行為は入力時点で選別を行っている。</blockquote><br /><strong>  タイムラインはポストGoogle</strong><br />	  <blockquote>・検索で初心者が必要でない情報、間違った情報を判断するのは難しい。<br />	  ・アリストテレスの議論にwikipediaの記事を引いてこられても困る。<br />	  ・タイムラインだと、このあたりに収束するという最適値が見えてくる。</blockquote><br /><strong>  ハイパーリンク（テッドネルソンの考え方）</strong><br />	<blockquote>  ・目標が一つであっても学び方はいろいろだと言っている。<br />	  ・一つのテキストを理解するのに学ぶプロセスは人の数だけある。<br />	  ・通常の書物は階級主義だ。なんで学ぶ順番を強要されなければならない？<br />	  ・ネット上では全てが表面、ホームページだ。どこが２ページ目かは作り手側の考え。<br />	・  一つのコンテンツを階層的に表現するのは書物主義だ。<br />	  ・どこから入ってくるかわからないコンテンツをサイトと言ってふんぞり返るな！<br />	 ・ しかし、ハイパーリンクでも最終的には山頂に登り切らなければならない。<br />	 ・ 学びの強い意志を想定しなければならない。学びの動機を強く持った主体が前提とされる。</blockquote><br /><strong>  ブログ</strong><br />	 <blockquote>   ・ブログは時間の概念を持ち込んだ。<br />	  ・ブログも更新の意志をもったもの、発信の意志をもったものしか更新しない。<br />	 ・ ハイパーリンクの孤独はブログでも起きている。</blockquote><br />  <strong>mixi</strong><br />	  <blockquote>・ストックの全くない人も書き続けることができる。<br />	  ・ストック形成をアシストするシステム。</blockquote><br /><strong>  twitterの新しさ</strong><br /><blockquote>	  ・これまでのメディアはテーマ主義だ。<br />	 ・ テーマ的に会話を重ねるのが、チャットや2ch。<br />	  ・テーマ主義は時間制をそぎ落としていく傾向にある。<br />	 ・ twitterでは発信と受信の時間が微分格差的に共有化される。</blockquote><br /><strong>  twitterにおける微分とは</strong><br /><blockquote>	  ・今という時間で並べる、短くするとどんどん似通ってくる<br />	  ・フォロー数が多い程、現在の微分度は高まる。フォロー数が大事。<br />	  ・現在という観察の時間を短くする効果は大きい。現在を短くすると属人性が後退していく。<br />	  ・微分というのは、それ以上細かくするとなんだか分からなくなる直前のこと<br />	  ・「この餃子うめー」「この餃子旨い」「この餃子うまい！」の「うまい」の差が個人。<br />	  ・微分していった末にどこかで一致するのが大事<br />	  ・タイムラインの観察時間を短くすると、他社と自分の差がなくなっていく。同一性が増えていく。ストライクゾーンが広がる。<br /></blockquote><br /><strong>  マーケティングについて</strong><br />	<blockquote> ・ 自分達で平均化して、その商品のポテンシャルを減じているのではないか？<br />	  なぜ消費者と作り手を分けてしまうんだろうね？<br />	  <span style="color:#666666;">※個人的なメモ：平均化することで、誰でも使える、限られた時間で使えるというツール化を可能にしているのではないかと思う部分もがあります。</span></blockquote><br /><strong>  近代とポスト近代</strong><br />	 <blockquote> ・ソーシャルメディアには平面しかない。階層的な構造に抗う。<br />	  ・twitterはアーキテクチャーとして、平等な発言を保証している。仕組みとして他の人間の発言を許容する。<br />	  ・一つの決断をしたら、必ず他の決断が存在している。<br />	  ・自己は選択によってつかみ取っていくもの。<br />	  ・科学技術は、選択性を増大させていく。「私とは何か」がいつも脅迫的にひとりの人間に迫っていくのが現代。</blockquote><br /><strong>  ハイパーメリトクラシー</strong><br />	  <blockquote>・コミュニケーション能力なんて教えられない！！！<br />	  ・誰が教えられるか分からないテーマを高等教育に位置づけられるわけがない。<br />	  ・伝える方法を５５才になっても必死に考えてる。死ぬまで考えなくてはならないこと。<br />	  ・基礎的なことを聞かれ、答えられる状態を作って行かなくてはならない。<br />	  ・U40は全てが自己表現だと思っている世代。<br />	  ・自主性を学生に押しつけようとしている。<br />	  ・タイムラインは内面性を増大、肥大していく。<br />	  ・タイムラインはメディアとして、初めて大きな物語の終焉が表れている。</blockquote><br /> <strong> 微分自己解体論＝心理主義</strong><br /><blockquote>	 ・ 心理主義＝モデル論<br />	  ・モデル論＝自己の解体。<br />	  ・長男、A型、射手座、餃子、しょうが丼などで心理モデルがタイムライン上で形成される。</blockquote><br /> <strong> twitterの時間構造の一番の特徴</strong><br />	 <blockquote> ・書かれることと読まれることが同時になる。<br />	  ・身体がタイムラインに存在している。身体の同伴性がtweetの一番大事な部分。<br />	  ・twitterが初めて身体表現できるメディアになった。<br />	  ・ストライクゾーンが広がるチャンネル戦略が可能となる。</blockquote><br />  <strong>タイムラインの属人性を解体する多面性</strong><br />	 <blockquote> ・タイムラインでは情報交換ではなく、生活交換が行われている。<br />	  ・タイムライン上で微分した情報を展開すると、リアルな交流を拡大する。<br />	  ・禿げとかのもつ意味が相対的に軽くなる。</blockquote><br /> <strong> 現象学的人間論</strong><br />	  <blockquote>・原初とは、最初のリソース。買う気は無いけど少し興味はある。そのための見かけ。<br />	 ・ タイムラインのつぶやきは、現象学的な原初。<br />	 ・ タイムラインが理論や理屈ではないのは身体がそこに存在しているから。<br />	 ・ 従来型のメディアの「メニュー」という切り口は身体性をみることができない。<br />	 ・ 大事なことは、カテゴリ、切り口で捨て去った人に目を向けさせること。</blockquote><br /><strong>  身体内面論</strong><br />	 <blockquote>・ 携帯電話が身体測定機能を持ちつつある。それは情報が身体をもつということ。<br />	  ・髪の毛までも内面の表現、自己表現と考えているひとが増えている＝身体内面論。<br />	  ・身体が自己表現の対象となってしまっている。<br />	  ・人と人との偶然のつながりは無くなっていく<br />	 ・ 多チャンネル化は必然性のあるつながりしか関係性にいたらない。<br />	  ・内面の拡大圧力は、活用されていない。実務的に言えばもっと使えばいいのに。<br />	 <span style="color:#666666;"> ※個人的なメモ：twitterはアノテーションの実装を予定してます。芦田先生の言うような細胞レベルとまでは行かなくても、アノテーションが実現すれば身体的な情報までも埋め込む余地がAPIレベルで実装されることになります。</span></blockquote><br /> <strong> 身体性の変容</strong><br />	  <blockquote>・twitterの普及で新しい心理的ストレスが生じる。<br />	  ・性関係は現代ではかなりニュートラル、内面性が肥大化しどこかで身体変容が起きている。携帯電話やtwitterを通してお互いの身体性をイメージできる。<br />	 ・ 男女の対ではなく、n個の対がおきうる。<br />	 ・ twitterは身体変容と内面のインフレ化を推し進める。それはそれで楽しくないこともない。<br />	  ・でも、自分は奥さんと楽しい性生活がおくれてよかったよ。</blockquote><br /> <strong> 芦田先生がtwitterに希望すること</strong><br /><blockquote>	  ・自分はタイムラインで十分。<br />	  ・強いて言えばハッシュタグにIDをつけてAPIレベルでアクセスできるといい。</blockquote><br /><br /><a href="http://tweetvite.com/event/TokyoTwitter" target="_blank">芦田宏直 presents 「twitter微分論からtwitter身体論へ」＠東京</a><br /><a href="http://tweetvite.com/event/nagoya" target="_blank">芦田宏直 「twitter微分論からtwitter身体論へ」＠名古屋</a><br /><br /><span style="font-size:x-small;">【追記】<br />「twitterにおける微分とは」に項目を追加しました。</span><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>インターネット</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/142009221.html</link>
      <title>ソーシャルメディアマーケティングセミナーのおしらせ</title>
      <pubDate>Wed, 24 Feb 2010 16:27:38 +0900</pubDate>
            <description>２月２５日「ソーシャルメディアリード」クマムラゴウスケさんをお迎えして、静岡市清水産業情報プラザで、ソーシャルメディアマーケティングセミナーが開催されます。多くの人が口にするようになった感のある「ソーシャルメディア」ですが実際、twitterやSNSなどの「ソーシャルメディア」を利用することは私たちに「何」をもたらすものなのでしょうか、また、どのように向きあい利用したらいいでしょうか。ベストプラクティスがなかなかイメージしづらいなかソーシャルメディアへの参加者は増え、潜在的な..</description>
            <content:encoded><![CDATA[
２月２５日「ソーシャルメディアリード」クマムラゴウスケさんをお迎えして、<br />静岡市清水産業情報プラザで、<br />ソーシャルメディアマーケティングセミナーが開催されます。<br /><br />多くの人が口にするようになった感のある「ソーシャルメディア」ですが<br />実際、twitterやSNSなどの「ソーシャルメディア」を利用することは<br />私たちに「何」をもたらすものなのでしょうか、<br />また、どのように向きあい利用したらいいでしょうか。<br />ベストプラクティスがなかなかイメージしづらいなか<br />ソーシャルメディアへの参加者は増え、<br />潜在的なパワーを増幅しつづけています。<br /><br />クマムラさんがご自身のブログ<a href="http://channel5.cc/?p=123" target="_blank">「life is so...</a>」の中で指摘されるように<br />ソーシャルメディアマーケティングは”社会（人間）対応そのもの”です。<br /><br />地方には地方社会のソーシャルメディアマーケティングがあり<br />その中でも伝えたい情報やターゲット、目標によって<br />事業主がそれぞれ取組み方を考える必要があるのではないかと思います。<br /><br />この機会に新しい企業のメディア活用の考え方、<br />企業と顧客の新しいコミュニケーションの考え方に<br />触れていただけたらと思います。<br /><br /><br />さて明日のセミナーですが定員はほぼ満席となっていますが、<br />座席の余裕は若干あるようですので<br />これから参加を希望される方がいらしたら<br />会場の清水産業・情報プラザに問合せしてみてください。<br /><br /><br />セミナー会場などの詳細はこちらでご確認いただけます。<br /><a href="http://www.siip.jp/business_event.html#100225" target="_blank">http://www.siip.jp/business_event.html#100225</a><br /><br /><br />今回のセミナーのtwitter用のハッシュタグは" #siip2010" です。<br />Ustreamによるライブキャストも予定していますので、<br />会場に来れない方にも、セミナーにご参加いただければと思います。<br /><br />【追記】<br />Ustreamの下記アドレスで15時頃より配信の予定です。<br /><a href="http://www.ustream.tv/channel/siip" target="_blank">http://www.ustream.tv/channel/siip</a><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>インターネット</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/139633637.html</link>
      <title>iPadが発表された直後の心境を書き留めておくよ</title>
      <pubDate>Thu, 28 Jan 2010 23:53:40 +0900</pubDate>
            <description>噂されていたとおりアップルから、マルチタッチ対応のタブレットiPadが発表されました。電子BookリーダーはAmazonが発売されていたし、Androidのフォトフレームも発表されている。AndoroidにはiPadより優れた端末を開発できる余力があるのではないかとも思います。だから昨晩スティーブ・ジョブスがiPadを抱えた画を見るだけでは、新製品になにか感じるというモノがありませんでした。しかし、アップルのサイトに置かれたiPadの動画を見て完全に気が変わりました。自分はア..</description>
            <content:encoded><![CDATA[
噂されていたとおりアップルから、<br />マルチタッチ対応のタブレットiPadが発表されました。<br /><br />電子BookリーダーはAmazonが発売されていたし、<br />Androidのフォトフレームも発表されている。<br />AndoroidにはiPadより優れた端末を開発できる余力があるのではないかとも思います。<br />だから昨晩スティーブ・ジョブスがiPadを抱えた画を見るだけでは、<br />新製品になにか感じるというモノがありませんでした。<br /><br />しかし、アップルのサイトに置かれた<a href="http://www.apple.com/jp/ipad/#video" target="_blank">iPadの動画</a>を見て完全に気が変わりました。<br /><br />自分はアップルがサイトに置いたビデオの中に<br />紙を中心としたレガシーなメディアとツールが<br />タブレットに置き換わるビジョンを見ました。<br /><br />現実が実際どう変わるかはわからないし、<br />自分がモバイル端末のUIを模索していることもあり<br />メディアが置き換わるというテーマに過剰に反応してしまう部分もありますが<br />重要なのは彼らの伝えたいと考えたビジョンが<br />十分以上に自分が共有できるものだったことです。<br /><br />オープンソースな世界の慣例であれば、<br />プロダクトが作る未来は<br />コミュニティや個々の開発者にゆだねられるべきものなのかもしれないけど、<br />しかしアップルが感じさせてくれた世界観に抵抗する理由が自分にはありません。<br />スティーブジョブスの最後になるかもしれないプランに、<br />自分は乗っても良いかもしれないと考えています。<br /><br /><br />ということでまとまらないけど、<br />iPadのビデオを見て感じた衝動的なメモを残しておくことにします。<br /><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>apple</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/138171679.html</link>
      <title>2009年に読んだ本：「グランズウェル　ソーシャルテクノロジーによる企業戦略」</title>
      <pubDate>Wed, 13 Jan 2010 11:56:52 +0900</pubDate>
            <description>インターネット界隈の、特にマーケティングに関わる人達に非常に評価の高い「グランズウェル」。昨年よりいろいろ参考にさせていただいているこちらのブログで度々引き合いにだされることもあり、自分も読了し、また読み返しているのですが、この本を読んでしまった今「グランズウェル」はこれからインターネットを利用したサービスやマーケティングについて考える時、影響を受けざる得ない教科書のような本であると感じています。グランズウェルとは何を意味するのでしょうか２０００年代中ごろより、ブログやソーシ..</description>
            <content:encoded><![CDATA[
インターネット界隈の、特にマーケティングに関わる人達に非常に評価の高い「グランズウェル」。昨年よりいろいろ参考にさせていただいている<a href="http://channel5.cc/" target="_blank">こちらのブログ</a>で度々引き合いにだされることもあり、自分も読了し、また読み返しているのですが、この本を読んでしまった今「グランズウェル」はこれからインターネットを利用したサービスやマーケティングについて考える時、影響を受けざる得ない教科書のような本であると感じています。<br /><br /><strong>グランズウェルとは何を意味するのでしょうか</strong><br /><br />２０００年代中ごろより、ブログやソーシャルブックマークや、SNS、ユーチューブなど人と人とをつなぐ新しいツールが台頭するのですが、グランズウェルはそれらツールを含みながら、テクノロジーを指すのでは無く人々の行動の様式そのもののことであるとしています。<br />本書の序文でグランズウェルとは、<strong>”様々なオンラインツールを使って他社とつながり</strong>”、”<strong>自分が必要としている情報、サポート、アイディア、製品、交渉力などをお互いから調達する社会動向</strong>”と、また本書の第一章では”<strong>グランズウェルとは社会動向であり、人々がテクノロジーを使って自分が必要としているものを企業などの伝統組織ではなく、お互いから調達するようになっていること</strong>”と定義されます。<br /><br />この情報の流通や消費にかかわる行動様式の変化が、今個人が企業や他者とつながる方法を不可逆的に大きく変えようとしています。<br /><br /><strong>「グランズウェル」は社会動向を解説するためだけの本ではありません</strong><br /><br />「グランズウェル」はインターネットに関わる社会動向を解説するためだけの本では無く、グランズウェルを理解し連携して利益を生み出していくためのテクストです。<br /><br />グランズウェル参加者の類型から始まり、対象も目的もツールも様々なケースがあり得るグランズウェル戦略について事例とともに詳細に解説されます。　<br /><br />この本を一通り理解すると、国内でソーシャルメディアが注目されはじめた今、企業がどのように行動すべきなのか、ある程度の指標がイメージできるようになるのではないかと思います。「グランズウェル」を読んで、耳を傾けること、さらには顧客と企業、顧客と顧客同士のコミュニケーションに参加する事がソーシャルメディアの企業利用の本質だと自分は考えるようになっています（あるいは本質の一部なのかもしれませんが）。<br /><br /><br />ともかく、「グランズウェル」は、ソーシャルメディアについて最初に何か情報を得たい、ソーシャルメディアに対するポジションを考えたいなら、まず読んで損のない本だと思います。<br /><br /><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=FFFFFF&IS1=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=skipdog-22&o=9&p=8&l=as1&m=amazon&f=ifr&asins=479811782X" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>インターネット</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/137840592.html</link>
      <title>2009年に読んだ本：「そんなんじゃクチコミしないよ。」</title>
      <pubDate>Sat, 09 Jan 2010 19:29:05 +0900</pubDate>
            <description>「そんなんじゃクチコミしないよ。ネットだけでブームは作れない新ネットマーケティング読本」はコミュニケーション・デザイナーの河野武さんのブログsmashmediaのインターネットとマーケティングに関した部分がまとまった本です。2000年代半ばよりブログを広告メディアとして扱うバイラルマーケティングが始まると、同時にペイドブログでの商品言及がクチコミの形成には必ずしも貢献しないんじゃないか、という疑問が発生しだします。ただ、インターネットの側からブログやネットの影響力について冷静..</description>
            <content:encoded><![CDATA[
「そんなんじゃクチコミしないよ。ネットだけでブームは作れない新ネットマーケティング読本」はコミュニケーション・デザイナーの河野武さんのブログ<a href="http://smashmedia.jp/blog/" target="_blank">smashmedia</a>のインターネットとマーケティングに関した部分がまとまった本です。<br /><br />2000年代半ばよりブログを広告メディアとして扱うバイラルマーケティングが始まると、同時にペイドブログでの商品言及がクチコミの形成には必ずしも貢献しないんじゃないか、という疑問が発生しだします。ただ、インターネットの側からブログやネットの影響力について冷静に検証しようという声はあまり大きくは聞かれませんでした。 <br /><br />ブログをマーケティングに組み込む価値がバズの形成だけにあるのではないという視点のドキュメントは、今ではネット上でも多く見られるようになりましたが、ハッキリとブログマーケティングにクチコミ形成を期待するのが「間違っている」という文章を読んだのは「そんなんじゃクチコミしないよ。」が最初ではないかと想います。<br /><br />「そんなんじゃクチコミしないよ。」では広告としてお金を出してブロゴスフィアにクチコミが形成されるのを期待することや、そもそもインターネットの「ブームを起こす力」を過度に期待することが「間違っている」と断言しています。そして“大事なのはインターネットの強み、本当の価値を理解すること”だとしています。<br /><br /><strong>では何がインターネットの強み・価値なのでしょうか</strong><br /><br />クチコミはコントロールできません。本書にもあるように、”消費者が購入検討時にブログを参考にするのは、「生」で「今」の声がそこにあるからです。生活者が購入したり、体験した商品について本音を書いているからこそ、それが読まれ、（ほんの少しかもしれませんが）影響を与えられる”のです。<br /><br />「そんなんじゃクチコミしないよ。」では、消費者との深いコミュニケーションを形成できることがこそインターネットの本当の価値だと言います。<br /><br /><strong>インターネットのコミュニケーションがもたらすものはなんでしょうか</strong><br /><br />CGMがマーケティングに有効だといわれているのは、” 信用度とそれ故のの影響力が一般の広告メディアに比べても高く、購買行動に大して強い影響力があるから”です。<br />「そんなんじゃクチコミしないよ。」のなかでは、企業とブロガーのもっと良い関係を築く方法論として、Partner Generated Media(PGM)という考え方が提案されます。<br /><br />企業が消費者をパートナーと認識しなおし”適切な人に、適切な手段とタイミングで適切な内容のメッセージを伝える”ことで、味方メディアを構築し少しづつ、しかし最終的には大きな力を得ることができるのです。<br /><br /><br />さて、今インターネットマーケティングは、従来のメディアを使ったマーケティングとは異なった方向への可能性を見せ始めてています。「そんなんじゃクチコミしないよ。」はインターネットのサービスやコンテンツ、マーケティングに関わる人たちがそれぞれその可能性について考え始めるきっかけとして、最良のテキストなんじゃないかと思います。<br /><br /><br /><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=FFFFFF&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0D71E9&t=skipdog-22&o=9&p=8&l=as1&m=amazon&f=ifr&asins=4774134317" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>読書</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/137637854.html</link>
      <title>２００９年は珍しく本を読んだ年になりました</title>
      <pubDate>Thu, 07 Jan 2010 11:51:55 +0900</pubDate>
            <description>ほとんど本を読まない自分が昨年（2009年）は珍しく本をよく読んだ年になりました。自分の仕事はインターネットにサービスやコンテンツを作ることで、ここしばらく地域情報サイトの構築に関わってきました。Webサービスではインターネットの効果が可視化しやすくはっきりとした効果が期待できる分野があります。例えば、Eコマースやネットの問合せからリアルなクロージングに引き継ぎできる業種は、コツコツ最適化を繰り返すことで投資効果がある程度向上します。地域情報サービスが想定する情報発信の最大の..</description>
            <content:encoded><![CDATA[
ほとんど本を読まない自分が昨年（2009年）は珍しく本をよく読んだ年になりました。<br /><br />自分の仕事はインターネットにサービスやコンテンツを作ることで、ここしばらく地域情報サイトの構築に関わってきました。<br /><br />Webサービスではインターネットの効果が可視化しやすくはっきりとした効果が期待できる分野があります。例えば、Eコマースやネットの問合せからリアルなクロージングに引き継ぎできる業種は、コツコツ最適化を繰り返すことで投資効果がある程度向上します。<br /><br />地域情報サービスが想定する情報発信の最大の参加者の一つに飲食や雑貨、理美容系の店舗などがあります。このようなサービス参加者は、インターネット媒体での情報発信に他の媒体に期待するのと同じように、自分達サービスの認知度が向上し来店者が増えることを基本的に求めます。<br /><br />「認知度の向上」はインターネットで短期的に効果をあげることが難しい要求です。Webサービスが情報の「枠」を提供するだけでは、サービスに期待されるコトとインターネットが本来持つはずのコミュニケーションの可能性がうまく噛合いません。<br /><br />Webサービスが参加者のなんらかのアクションのきっかけになるには何が必要でしょうか。そんなコトを考えながら2009年はインターネットのことを少し真面目に考えるようになって、本もちょっとだけ読んでみようという気持ちになったわけです。<br /><br /><br />ということで昨年はこのブログほぼ放置していたんですが（フォトログ系のエントリーは別のブログで書いていたけど）、自分の読書体験的な記録をしばらく残していこうと思います。<br /><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>インターネット</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/137556869.html</link>
      <title>friendfeed設定中</title>
      <pubDate>Wed, 06 Jan 2010 15:57:22 +0900</pubDate>
            <description>twitterfeedから移行作業中。作業ってほどのことはないけど。追記てか、seesaaの設定にtwitterとの連携って項目があった。こちらを利用。</description>
            <content:encoded><![CDATA[
twitterfeedから移行作業中。<br />作業ってほどのことはないけど。<br /><br />追記<br /><del>てか、seesaaの設定にtwitterとの連携って項目があった。こちらを利</del>用。<a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>インターネット</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/116113434.html</link>
      <title>清水Webフォーラム：ブログを書くまでがイベントだよ！</title>
      <pubDate>Mon, 23 Mar 2009 21:51:46 +0900</pubDate>
            <description>先週19日に清水Webフォーラムが行われ、無事終了しました。これからのWeb利用、特に地域の情報を発信していくためにどのようなインターネットの利用方法があるのか、語るべきことの多い中身の濃いイベントであったこともありフォーラムの企画者・参加者の一人として、清水Webフォーラムの個人的な感想を残しておきたいと思います。ブログに書くまでがイベントだよ、ってことで今回参加していただいた方・参加出来なかった方双方にイベントの雰囲気だけでも感じていただけるようにと思ってます。メディアテ..</description>
            <content:encoded><![CDATA[
先週19日に<a href="http://cocorat.com/cocolocation/5625/index.html" target="_blank">清水Webフォーラム</a>が行われ、無事終了しました。<br /><br />これからのWeb利用、特に地域の情報を発信していくために<br />どのようなインターネットの利用方法があるのか、<br />語るべきことの多い中身の濃いイベントであったこともあり<br />フォーラムの企画者・参加者の一人として、<br />清水Webフォーラムの個人的な感想を残しておきたいと思います。<br /><br />ブログに書くまでがイベントだよ、ってことで<br />今回参加していただいた方・参加出来なかった方双方に<br />イベントの雰囲気だけでも感じていただけるようにと思ってます。<br /><br /><span style="font-size:large;">メディアテクノロジーラボ　川崎有亮さんの講演</span><br /><blockquote>○<a href="http://cmizer.com/" target="_blank">コマーシャライザー</a><br />編集ソフトなどを使わず、ブラウザーから写真をアップするだけで、<br />動画CM（ブログ等へ張りつけられるFlashガジェット）を作成出来るサービスを<br />川崎さんが実演。<br /><span style="font-size:x-small;">※自分も時々使っています。<br />CMのテーマにぴったり合ったテンプレートがあると<br />極めて簡単に見栄えの良い動画CMを作成することができます。<br />MTLの技術・センス・心意気をもっとも感じる素敵なサービス…だと思います。</span><br /><br />○<a href="http://airyakiniku.cosaji.jp/" target="_blank">エア焼肉</a><br />Web上の七輪で焼肉を疑似体験。<br />スマッシュコンテンツ化してしまったために、<br />Amazon EC2をレンタルしてサービスを運用中。<br />エア焼肉のために高価サーバーは購入できなくても<br />クラウドコンピューティング的サーバーサービスを利用すれば<br />突発的な負荷を気にすることなく自社サービスを構築できる、とのこと。<br /><span style="font-size:x-small;">※単なる癒し系というか脱力コンテンツと思われそうなエア焼肉ですが<br />今回のAmazon EC2利用のような技術的なフィードバックがちゃんとあるんですよね。<br />七輪をシェアしてチャットするとか、そんなかんじのプロモーションにも使えそうな気がします。</span><br /><br />○インターネットのインフラは電力みたいなもの。<br />○マッシュアップはチラシ鮨。<br /><span style="font-size:x-small;">※マグロの産地が錦糸玉子まで自前で用意する必要は無いということですね。<br />今何かサイトを自分で始めようと思ったら、<br />サーバーもCMSも、ちょっとしたコンテンツも<br />自前で作る必要は無くて一つ、本当にオリジナルなコンテンツがあれば後は<br />マッシュアップして、サイトが成立するってこと…なんだと思います。</span><br /></blockquote><br /><a name="more"></a><span style="font-size:large;">ヤフー株式会社　前田博敏さんの講演</span><br /><blockquote>○Yahoo! Japanの目指すモノ "LIFE ENGIN"<br />○Yahoo! Japanは現在月間ページビュー412億PV、<br />ユニークブラウザ1億9千万ブラウザ<br />○600万件の拠点情報を持っている。おそらく国内随一のポータル。<br />○それでもリアルな生活へのインターネットの影響力はまだまだ、との判断<br />○これからの地域サービスの展望として、<br /><a href="http://local.yahoo.co.jp/" target="_blank">地域生活情報</a>をより充実し、<br />消費行動の判断・意志決定に役立つ情報を付加していく<br /><span style="font-size:x-small;">※拠点情報を扱うポータルサービスに関わっている身として、<br />情報をどのように実生活に結び付けたらよいか、<br />そこが悩みどころというか、良いサービスのボトルネックなっているというか<br />そんな感覚をもっています。<br />Yahoo!さんが試行錯誤しているなら、まいいか！ではなくて<br />自分達のサービス独自の、リアルライフとの接点を見つけていきたいと思います。</span><br /></blockquote><br /><br /><span style="font-size:large;">DA-Studio 山健太郎さんの講演</span><br /><blockquote>○「福井から着きました」<br />前日の夜福井を出て車で清水までやって来た山さん。<br />講演のスライドの最初のページには、その日の朝ドリームプラザで撮った写真が…<br />○MA4最優秀賞作品「<a href="http://chamap.net/" target="_blank">chamap</a>」の紹介<br />○福井の仕事いろいろ紹介。VRのパノラマ写真は山さんが撮ったのだろうか？<br />○Webの新しい利用法として、福井県鯖江の特産「眼鏡」をMashupサービスのモデルに提案。<br />眼鏡のデータと透過イメージがAPIで公開されると、<br />眼鏡試着サービスのようなマッシュアップサイトを作ることができる。<br />地場産業のようなオリジナルな価値のある情報のコンテンツホルダーが<br />APIのかたちで情報を公開することで強力なコンテンツが生まれる可能性がある。<br />○一人でサービスを作る時のモチベーションとなるのは、<br />サービスを見て喜ぶ人の顔を思うこと！だそうです。<br /></blockquote><br /><br /><span style="font-size:large;">ここらっとプロジェクト　松永和男さんの講演</span><br /><blockquote>○<a href="http://cocorat.com/hug" target="_blank">はぐくみここらっと</a><br />いろいろなサイトに分散した子育て情報を、マッシュアップして<br />子育て情報のハブサイトを作ってみました。<br /><span style="font-size:x-small;">※利用者の利便性を考えたら、<br />病院の情報はこちらのサイト、幼稚園の情報はこちらのサイト…というよりも、<br />一つのサイトでポータル化して情報を発信できたほうが良いのは間違いありません。<br />インターネットが「リアルな生活の判断材料」になるために<br />より充実した使い勝手の良い子育て情報サイトを目指したいと考えています。</span><br /><br />○ここらっと携帯サイトでイベントと地域情報発信<br />ここらっとでは、イベント情報を配信する携帯ページと<br />カード型チラシ、QRコードを組み合わせたイベント支援ツールの提供を行っています。<br /><span style="font-size:x-small;">※印刷上の制約の無いWebサイトとモバイルの閲覧環境を利用することで、<br />速報を配信したり、待ち時間を様々なコンテンツで有効に利用してもらうことができます。<br />3月に開催された「静岡おでんフェスタ・静岡おでんCUP場外対決」では<br />スタンプカードにQRコードを印刷したカード型チラシを配布し、<br />ここらっと携帯サイトで静岡おでんCUPの各種情報を配信しました。</span><br /></blockquote><br /><br />参加していただいた方の感想などをリンクしておきます。<br />・川崎さんの講演のスライド：<br /><a href="http://www.slideshare.net/kawa0117/mashup-and-new-paradigm" target="_blank">「Mashup and new paradigm - マッシュアップ技術とインターネットの新しい潮流」</a><br /><a href="http://blog.calta.info/2009/03/20/%E6%B8%85%E6%B0%B4web%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0%E3%80%80%E7%84%A1%E4%BA%8B%E7%B5%82%E4%BA%86/" target="_blank">・CALTA Project: 清水Webフォーラム　無事終了</a> <br /><a href="http://convivial-web.com/blog/2009/03/post_45.html" target="_blank">・インターネットには載っていない静岡の地域情報</a><br /><span style="font-size:x-small;">　炭火焼ハンバーグさわやかは自分も初めて知りました。</span><br /><a href="http://pocketblog.jugem.jp/?eid=12" target="_blank">・清水Webフォーラムに行ってきました！</a><br /><a href="http://www.studio-kingdom.com/oneself/424" target="_blank">・清水Webフォーラムに参加してきました</a><br />

]]><![CDATA[
]]></content:encoded>
            <category>静岡・清水</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/115012341.html</link>
      <title>清水Webフォーラム 「インターネット活用 次の一歩は？」開催のおしらせ</title>
      <pubDate>Mon, 02 Mar 2009 02:49:45 +0900</pubDate>
            <description>もう今月のことになりますが、３月19日木曜日、静岡市清水産業・情報プラザで「インターネット活用 次の一歩は？」と題した講演会がおこなわれます。自分もこのイベントの企画に参加していますが、静岡という地方都市で、ネットを使いどう企業のブランディングを実現するか、あるいはECを成功させるかを静岡の企業のWeb担当者や、Web制作会社・代理店のマーケターが集まり、考えるきっかけになったらいいなと思っています。講演の内容ですが、・株式会社リクルート メディアテクノロジーラボの 川崎有亮..</description>
            <content:encoded><![CDATA[
もう今月のことになりますが、３月19日木曜日、静岡市清水産業・情報プラザで<br /><a href="http://cocorat.com/cocolocation/5625/index.html" target="_blank">「インターネット活用 次の一歩は？」</a>と題した講演会がおこなわれます。<br /><br />自分もこのイベントの企画に参加していますが、<br />静岡という地方都市で、<br />ネットを使いどう企業のブランディングを実現するか、あるいはECを成功させるかを<br />静岡の企業のWeb担当者や、Web制作会社・代理店のマーケターが集まり、<br />考えるきっかけになったらいいなと思っています。<br /><br /><br />講演の内容ですが、<br /><br />・株式会社リクルート メディアテクノロジーラボの 川崎有亮さん<br />・ヤフー株式会社 地域サービス事業部の前田博敏さん<br />・DA-Studio 山健太郎さん（前回のMashUP Awardウィナー）<br />・ここらっとプロジェクトの松永和男さん<br /><br />上記の４人の方にそれぞれ３０分くらいの話をしていただくようにお願いしています。<br /><br /><br />詳細や参加方法は<a href="http://www.siip.jp/business_event.html" target="_blank">清水産業・情報プラザのWebサイト</a>に掲載されていますので<br />そちらを参考にしてください。<br /><br />どの程度の人数が集まり、どのような反響があるか全く予想つきませんが<br />できるだけ沢山の人に来場していただけたらと思っています。<br /><br />静岡以外の来場者の方も歓迎です。他地域からの参加者が多かったら<br />B級グルメのおもてなしなんかもしたいな、などとも考えてます。<br /><br /><br />ということで、皆様のご参加のお申し込みお待ちしています。<br /><br /><br /><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>静岡・清水</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/114683569.html</link>
      <title>object指向なFlexのプログラミングしてる人</title>
      <pubDate>Mon, 23 Feb 2009 13:41:47 +0900</pubDate>
            <description>object指向なAS3を書く人</description>
            <content:encoded><![CDATA[
最近自分の知り合いの<a href="http://blog.calta.info/" target="_blank">某開発者がFlexを使い始めました</a>。<br /><br />自分の場合、Flashからの延長で<br />直感と霊感のみでactionscriptを書いていたような感じなので、<br />異文化というか本来AS3が本来有るべき姿を始めて体感している感じです。<br /><br />object指向の考え方とか、間近で見ていないと<br />基本的に理解しにくいところがあるので、かなり得した気分。<br /><br /><span style="font-size:x-small;">使い始めて２日とか３日目のサンプルに感心している自分のレベルって<br />いったいどうなのって問題にしたいところでもありますが。</span><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>Flash</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/113978118.html</link>
      <title>Pixel Benderでフォト蔵の写真をトイカメラ化するアプリ（その３）</title>
      <pubDate>Tue, 10 Feb 2009 09:08:56 +0900</pubDate>
            <description>Pixel Bender…その２の続きです。Pixel BenderとFlexを使ってトイカメラ的効果で画像を見せる方法はだいたいわかったような気がするので、フォト蔵のAPIと組み合わせて、トイカメラ画像化ビューアーを次に作っていきたいと思います。フォト蔵ビューア化する際に付け加える機能は・特定のアルバムを指定してスライドショー・transitionManagerを使ったちょっとした演出・取得した画像をトイカメラらしく正方形にクリッピングこんな感じです。※ひとつ問題点。トイカ..</description>
            <content:encoded><![CDATA[
Pixel Bender…その２の続きです。<br /><a href="http://blog.skip-dog.net/article/113830905.html" target="_blank">Pixel BenderとFlexを使ってトイカメラ的効果で画像を見せる方法はだいたいわかったような気がするので</a>、フォト蔵のAPIと組み合わせて、トイカメラ画像化ビューアーを次に作っていきたいと思います。<br /><br />フォト蔵ビューア化する際に付け加える機能は<br /><br />・特定のアルバムを指定してスライドショー<br />・transitionManagerを使ったちょっとした演出<br />・取得した画像をトイカメラらしく正方形にクリッピング<br /><br />こんな感じです。<br /><br /><span style="font-size:x-small;">※ひとつ問題点。<br />トイカメラ化する際、画像のリサイズと正方形にトリミングする操作で、取得したjpegをいちどbitmapData化しているのですが、それがFlash Playerのセキュリティサンドボックスにひっかかるってことを、開発環境からWebにアップする時に気がつきました。<br />Google mapをFlashで扱う時と同じ感じです。<br />ということで、急遽今回のサンプルのみAIRアプリにしています。<br />主な変更点はFlashVarsで扱う予定だった、フォト蔵のユーザーIDとアルバムIDをAIRアプリからの入力にしている点で、あとはほぼFlash player用のコードと変わりません。<br />本来ブログ等に貼りたいために、作っているアプリなので、bitmapDataを使わないで正方形化して表示する方法を思いついたら、そちらの方法をまた突き詰めたいと思います。</span><br /><br /><a name="more"></a>Pixel Benderのカーネルは<a href="http://blog.skip-dog.net/article/113830905.html" target="_blank">前回作ったモノ</a>を使い回します。<br /><br />AIRのソースはこんな感じになります。<br /><br /><pre class="code"><span class="tag">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span><br /><span class="tag">&lt;mx:WindowedApplication <span class="attr">xmlns:mx=</span><span class="value">&quot;<a href="http://www.adobe.com/2006/mxml&quot;" target="_blank">http://www.adobe.com/2006/mxml&quot;</a></span><br />    <span class="attr">layout=</span><span class="value">&quot;absolute&quot;</span> <span class="attr">verticalScrollPolicy=</span><span class="value">&quot;off&quot;</span> <span class="attr">horizontalScrollPolicy=</span><span class="value">&quot;off&quot;</span><br />    <span class="attr">width=</span><span class="value">&quot;320&quot;</span> <span class="attr">height=</span><span class="value">&quot;360&quot;</span>&gt;</span><br /><span class="tag">&lt;mx:Script&gt;</span><br />&lt;![CDATA[<br />    <span class="keyword">import</span> mx.controls.Image;<br />    <span class="keyword">import</span> mx.rpc.events.ResultEvent;<br />    <span class="keyword">import</span> flash.filters.ShaderFilter;<br />    <span class="keyword">import</span> flash.geom.*;<br />    <span class="keyword">import</span> fl.transitions.*;<br />    <span class="keyword">import</span> fl.transitions.easing.*;      <br />    <br />    <span class="keyword">private</span> <span class="keyword">var</span> myFilter:ShaderFilter;<br />    [Embed(source=<span class="str">&quot;xxx.pbj&quot;</span>, mimeType=<span class="str">&quot;application/octet-stream&quot;</span>)]<br />    <span class="keyword">private</span> <span class="keyword">var</span> toyCameraKernel:Class;<br />    <span class="keyword">private</span> <span class="keyword">var</span> photo_mc:<span class="keyword">MovieClip</span> = <span class="keyword">new</span> <span class="keyword">MovieClip</span>();<br />    <span class="keyword">private</span> <span class="keyword">var</span> mask_mc:<span class="keyword">MovieClip</span> = <span class="keyword">new</span> <span class="keyword">MovieClip</span>();<br />    <span class="keyword">private</span> <span class="keyword">var</span> shader:Shader = <span class="keyword">new</span> Shader(<span class="keyword">new</span> toyCameraKernel());<br />    <span class="keyword">private</span> <span class="keyword">var</span> shaderFilter:ShaderFilter = <span class="keyword">new</span> ShaderFilter(shader); <br />    <span class="keyword">private</span> <span class="keyword">var</span> ld1:Loader = <span class="keyword">new</span> Loader();<br />    <span class="keyword">private</span> <span class="keyword">var</span> ld2:Loader = <span class="keyword">new</span> Loader();<br />    <br />    <span class="keyword">private</span> <span class="keyword">var</span> maskMC:<span class="keyword">MovieClip</span>;<br /><br />    [Bindable]<br />    <span class="keyword">private</span> <span class="keyword">var</span> photoList:XMLList = <span class="keyword">new</span> XMLList;<br />    <span class="keyword">private</span> <span class="keyword">var</span> photoMC:<span class="keyword">MovieClip</span> ;         <br />    <span class="keyword">private</span> <span class="keyword">var</span> myId:<span class="keyword">String</span>;<br />    <span class="keyword">private</span> <span class="keyword">var</span> myAlbum:<span class="keyword">String</span>;<br />    <span class="keyword">private</span> <span class="keyword">var</span> photoAPIURL:<span class="keyword">String</span> = <span class="str">&quot;<a href="http://api.photozou.jp/rest/photo_list_public&quot;" target="_blank">http://api.photozou.jp/rest/photo_list_public&quot;</a></span> <br />    + <span class="str">&quot;?type=album&quot;</span> +<span class="str">&quot;&amp;user_id=&quot;</span> <br />    + myId + <span class="str">&quot;&amp;album_id=&quot;</span> + myAlbum;<br />    <span class="keyword">private</span> <span class="keyword">var</span> photoLength:uint;<br />    <span class="keyword">private</span> <span class="keyword">var</span> photoReq:URLRequest;    <br />    <span class="keyword">private</span>   <span class="keyword">var</span> photoTransitionManager:TransitionManager;            <br />    <span class="keyword">private</span> <span class="keyword">var</span> i:uint;<br />        <br />    <span class="keyword">private</span> <span class="keyword">function</span> init():<span class="keyword">void</span>{<br />            photoAPIURL = <span class="str">&quot;<a href="http://api.photozou.jp/rest/photo_list_public&quot;" target="_blank">http://api.photozou.jp/rest/photo_list_public&quot;</a></span><br />             + <span class="str">&quot;?type=album&quot;</span> +<span class="str">&quot;&amp;user_id=&quot;</span> + myId + <span class="str">&quot;&amp;album_id=&quot;</span> + myAlbum;<br />            hs.url =  photoAPIURL;<br />            hs.send();<br /><br />        }  <br />        <br />    <span class="keyword">private</span> <span class="keyword">function</span> resultHandler(event:ResultEvent):<span class="keyword">void</span>{<br />            i=<span class="num">0</span>;<br />            <span class="keyword">var</span> maskURL:<span class="keyword">String</span> = <span class="keyword">new</span> <span class="keyword">String</span>(<span class="str">&quot;周辺光量効果マスクURL&quot;</span>);   <br />            <span class="keyword">var</span> maskReq:URLRequest = <span class="keyword">new</span> URLRequest(maskURL);     <br />            ld1.load(maskReq);    <br /><br />            <span class="keyword">var</span> photoLoader:Loader = <span class="keyword">new</span> Loader();<br />            photoList = event.result.info;<br />            photoLength = photoList.photo_num-<span class="num">1</span>;<br />            trace(photoList);<br />            photoReq = <span class="keyword">new</span> URLRequest(photoList.photo.image_url[i]);<br />            ld2.load(photoReq);<br />            ld2.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoadHandler);      <br />    }  <br /><br />    <span class="keyword">private</span> <span class="keyword">function</span> nextPhoto(event:Event):<span class="keyword">void</span>{<br />        <span class="keyword">if</span> (i&lt; photoLength){<br />            i ++;<br />            photoReq = <span class="keyword">new</span> URLRequest(photoList.photo.image_url[i]);<br />            ld2.load(photoReq);<br />            ld2.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoadHandler);<br />            }<span class="keyword">else</span> <span class="keyword">if</span>(i == photoLength){   <br />            i=<span class="num">0</span>;<br />            photoReq = <span class="keyword">new</span> URLRequest(photoList.photo.image_url[i]);<br />            ld2.load(photoReq);<br />            ld2.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoadHandler);    <br />            }  <br />    }<br />    <span class="keyword">private</span> <span class="keyword">function</span> imageLoadHandler(event:Event):<span class="keyword">void</span>{    <br />        <span class="keyword">var</span> loaderInfo:LoaderInfo = event.currentTarget <span class="keyword">as</span> LoaderInfo;<br />        <span class="keyword">var</span> loader:Loader = loaderInfo.loader;<br />        <br />        <span class="keyword">var</span> myTimer:Timer = <span class="keyword">new</span> Timer(<span class="num">4000</span>, <span class="num">1</span>);<br />        myTimer.addEventListener(TimerEvent.TIMER,nextPhoto);<br />        myTimer.start();<br />        <br />        <span class="keyword">var</span> bd:BitmapData = <span class="keyword">new</span> BitmapData(loader.width, loader.height);<br />        bd.draw(loader);<br />        <span class="keyword">var</span> bdW:<span class="keyword">Number</span> = bd.width;<br />        <span class="keyword">var</span> bdH:<span class="keyword">Number</span> = bd.height;<br />        <span class="rem">//s:元画像からの縮小率</span><br />        <span class="keyword">var</span> s:<span class="keyword">Number</span> = <span class="keyword">new</span> <span class="keyword">Number</span>();<br />        <span class="rem">//トリミングする横縦の大きさ</span><br />        <span class="keyword">var</span> subW:<span class="keyword">Number</span> = <span class="num">0</span>;<br />        <span class="keyword">var</span> subH:<span class="keyword">Number</span> = <span class="num">0</span>;<br />        <span class="keyword">var</span> myBD:BitmapData;<br />        <span class="keyword">var</span> myB:Bitmap;<br />        <span class="rem">//元画像の縦横を判定しつつシェーディングし画像を表示</span><br />        <span class="keyword">if</span>(bdW == bdH){<br />        s = <span class="num">250</span>/bdW;<br />        myBD = rectImage(bd, subW, subH, s);<br />        myB = <span class="keyword">new</span> Bitmap(myBD);<br />        photo_mc.addChild(myB);<br />        mask_mc.addChild(ld1);<br />        <span class="rem">//トランジションの設定</span><br />   TransitionManager.start(photo_mc,<br />    {type:Fade,<br />      duration:<span class="num">1</span>,<br />      easing:None.easeNone,<br />      xSections:<span class="num">1</span>, ySections:<span class="num">1</span>}<br />        );<br />         <br />        myUIC.addChild(mask_mc);<br />        myUIC.addChild(photo_mc);<br />        photo_mc.blendShader = shader;<br />        photo_mc.blendMode = BlendMode.SHADER;      <br /><br />        }<span class="keyword">else</span> <span class="keyword">if</span>(bdW &gt; bdH){<br />        s = <span class="num">250</span>/bdH;<br />        subW = (bdW*s-<span class="num">250</span>)/<span class="num">2</span><br />        myBD = rectImage(bd, subW, subH, s);<br />        myB = <span class="keyword">new</span> Bitmap(myBD);<br />        photo_mc.addChild(myB);<br />        mask_mc.addChild(ld1);<br />        <span class="rem">//トランジションの設定      </span><br />        <br />   TransitionManager.start(photo_mc,<br />    {type:Fade,<br />      duration:<span class="num">1</span>,<br />      easing:Regular.easeOut,<br />      xSections:<span class="num">100</span>, ySections:<span class="num">1</span>}<br />        );<br />         <br />        myUIC.addChild(mask_mc);<br />        myUIC.addChild(photo_mc);<br />        photo_mc.blendShader = shader;<br />        photo_mc.blendMode = BlendMode.SHADER;      <br />    <br />        }<span class="keyword">else</span> <span class="keyword">if</span>(bdW &lt; bdH){<br />        s = <span class="num">250</span>/bdW;<br />        subH = (bdH*s-<span class="num">250</span>)/<span class="num">2</span><br />        myBD = rectImage(bd, subW, subH, s);<br />        myB = <span class="keyword">new</span> Bitmap(myBD);<br />        photo_mc.addChild(myB);<br />        mask_mc.addChild(ld1);    <br />        <span class="rem">//トランジションの設定      </span><br />   TransitionManager.start(photo_mc,<br />    {type:Fade,<br />      duration:<span class="num">1</span>,<br />      easing:None.easeNone,<br />      xSections:<span class="num">1</span>, ySections:<span class="num">1</span>}<br />        );        <br />            <br />        myUIC.addChild(mask_mc);            <br />        myUIC.addChild(photo_mc);  <br />        photo_mc.blendShader = shader;<br />        photo_mc.blendMode = BlendMode.SHADER;                <br />        }<br />    }<br />    <span class="rem">//bitmapDataを正方形に切り抜き再度bitmapDataへ書き出します</span><br />        <span class="keyword">private</span> <span class="keyword">function</span> rectImage(oriImg:BitmapData, myW:<span class="keyword">Number</span>, myH:<span class="keyword">Number</span>, myS:<span class="keyword">Number</span>):BitmapData{<br />        <span class="rem">//表示サイズは250ｘ250で固定します  </span><br />        <span class="keyword">var</span> clipRect:Rectangle = <span class="keyword">new</span> Rectangle(<span class="num">0</span>, <span class="num">0</span>, <span class="num">250</span>, <span class="num">250</span>);<br />        <span class="keyword">var</span> clipMatrix:Matrix = <span class="keyword">new</span> Matrix();<br />        clipMatrix.scale(myS, myS);         <br />        clipMatrix.translate(-myW, -myH);<br />        <span class="rem">//トリミング後のbitmap</span><br />        <span class="keyword">var</span> newBM:BitmapData = <span class="keyword">new</span> BitmapData(<span class="num">250</span>, <span class="num">250</span>);<br />        newBM.draw(oriImg,clipMatrix, <span class="keyword">null</span>, <span class="keyword">null</span>, clipRect)<br />        <span class="keyword">return</span> newBM;<br />    }<br />        <span class="keyword">private</span> <span class="keyword">function</span> gotoPhotoZou(event:MouseEvent):<span class="keyword">void</span>{<br />            <span class="keyword">var</span> myPage:URLRequest<br />             = <span class="keyword">new</span> URLRequest(<span class="str">&quot;<a href="http://photozou.jp/photo/top/&quot;" target="_blank">http://photozou.jp/photo/top/&quot;</a></span> + myId);      <br />            navigateToURL(myPage);<br />        }<br />        <span class="keyword">private</span> <span class="keyword">function</span> inputParam(event:MouseEvent):<span class="keyword">void</span>{<br />            myId = textUser.text;<br />            myAlbum = textAlbum.text;<br />            <span class="keyword">if</span>(myId != <span class="str">&quot;&quot;</span>){<br />                init();<br />            }<br />        }<br />]]&gt;<br /><span class="tag">&lt;/mx:Script&gt;</span><br /><span class="tag">&lt;mx:HTTPService <span class="attr">id=</span><span class="value">&quot;hs&quot;</span> <span class="attr">result=</span><span class="value">&quot;resultHandler(event)&quot;</span> <span class="attr">resultFormat=</span><span class="value">&quot;e4x&quot;</span>  /&gt;</span><br /><span class="tag">&lt;mx:Canvas <span class="attr">x=</span><span class="value">&quot;0&quot;</span> <span class="attr">y=</span><span class="value">&quot;0&quot;</span> <span class="attr">width=</span><span class="value">&quot;320&quot;</span> <span class="attr">height=</span><span class="value">&quot;360&quot;</span><br />     <span class="attr">borderStyle=</span><span class="value">&quot;inset&quot;</span> <span class="attr">borderColor=</span><span class="value">&quot;#EDEDE5&quot;</span>&gt;</span><br />    <span class="tag">&lt;mx:backgroundImage&gt;</span>@Embed(source='バックグランド画像パス')<br />    <span class="tag">&lt;/mx:backgroundImage&gt;</span><br />    <span class="tag">&lt;mx:UIComponent <span class="attr">id=</span><span class="value">&quot;myUIC&quot;</span>  <span class="attr">width=</span><span class="value">&quot;250&quot;</span> <span class="attr">height=</span><span class="value">&quot;250&quot;</span> <span class="attr">x=</span><span class="value">&quot;35&quot;</span> <span class="attr">y=</span><span class="value">&quot;9&quot;</span>/&gt;</span>      <br />    <span class="tag">&lt;mx:Button <span class="attr">x=</span><span class="value">&quot;108&quot;</span> <span class="attr">y=</span><span class="value">&quot;322&quot;</span> <span class="attr">cornerRadius=</span><span class="value">&quot;0&quot;</span> <span class="attr">id=</span><span class="value">&quot;myBtn&quot;</span><br />         <span class="attr">overSkin=</span><span class="value">&quot;@Embed(source='images/thanks.png')&quot;</span><br />         <span class="attr">upSkin=</span><span class="value">&quot;@Embed(source='images/thanks.png')&quot;</span><br />         <span class="attr">downSkin=</span><span class="value">&quot;@Embed(source='images/thanks.png')&quot;</span><br />         <span class="attr">click=</span><span class="value">&quot;gotoPhotoZou(event)&quot;</span><br />         /&gt;</span><br />    <span class="tag">&lt;mx:TextInput <span class="attr">x=</span><span class="value">&quot;78&quot;</span> <span class="attr">y=</span><span class="value">&quot;266&quot;</span> <span class="attr">backgroundColor=</span><span class="value">&quot;#FEEFC2&quot;</span><br />         <span class="attr">borderStyle=</span><span class="value">&quot;none&quot;</span> <span class="attr">borderColor=</span><span class="value">&quot;#F3E8CE&quot;</span> <span class="attr">width=</span><span class="value">&quot;143&quot;</span> <span class="attr">id=</span><span class="value">&quot;textUser&quot;</span> <span class="attr">text=</span><span class="value">&quot;201090&quot;</span> <span class="attr">color=</span><span class="value">&quot;#361C01&quot;</span> <span class="attr">fontWeight=</span><span class="value">&quot;bold&quot;</span> <span class="attr">fontSize=</span><span class="value">&quot;12&quot;</span>/&gt;</span><br />    <span class="tag">&lt;mx:TextInput <span class="attr">x=</span><span class="value">&quot;78&quot;</span> <span class="attr">y=</span><span class="value">&quot;295&quot;</span> <span class="attr">backgroundColor=</span><span class="value">&quot;#FEEFC2&quot;</span><br />         <span class="attr">borderStyle=</span><span class="value">&quot;none&quot;</span> <span class="attr">width=</span><span class="value">&quot;143&quot;</span> <span class="attr">id=</span><span class="value">&quot;textAlbum&quot;</span> <span class="attr">color=</span><span class="value">&quot;#361C01&quot;</span> <span class="attr">fontWeight=</span><span class="value">&quot;bold&quot;</span> <span class="attr">fontSize=</span><span class="value">&quot;12&quot;</span> <span class="attr">text=</span><span class="value">&quot;697247&quot;</span>/&gt;</span><br />    <span class="tag">&lt;mx:Label <span class="attr">x=</span><span class="value">&quot;35&quot;</span> <span class="attr">y=</span><span class="value">&quot;270&quot;</span> <span class="attr">text=</span><span class="value">&quot;user:&quot;</span> <span class="attr">color=</span><span class="value">&quot;#653905&quot;</span>/&gt;</span><br />    <span class="tag">&lt;mx:Label <span class="attr">x=</span><span class="value">&quot;33&quot;</span> <span class="attr">y=</span><span class="value">&quot;295&quot;</span> <span class="attr">text=</span><span class="value">&quot;album:&quot;</span> <span class="attr">color=</span><span class="value">&quot;#653905&quot;</span>/&gt;</span><br />    <span class="tag">&lt;mx:Button <span class="attr">x=</span><span class="value">&quot;237&quot;</span> <span class="attr">y=</span><span class="value">&quot;267&quot;</span> <span class="attr">height=</span><span class="value">&quot;50&quot;</span> <span class="attr">id=</span><span class="value">&quot;st&quot;</span><br />         <span class="attr">click=</span><span class="value">&quot;inputParam(event)&quot;</span><br />         <span class="attr">width=</span><span class="value">&quot;50&quot;</span> <span class="attr">downSkin=</span><span class="value">&quot;@Embed(source='images/btn_en_1b.png')&quot;</span> <span class="attr">overSkin=</span><span class="value">&quot;@Embed(source='images/btn_en_1.png')&quot;</span> <span class="attr">skin=</span><span class="value">&quot;@Embed(source='images/btn_en_1.png')&quot;</span>/&gt;</span><br /><span class="tag">&lt;/mx:Canvas&gt;</span>    <br /><span class="tag">&lt;/mx:WindowedApplication&gt;</span><br /></pre><br /><br />書き出したAIRアプリは<a href="http://inu-goya.net/air/photoZoViewer.air.zip" target="_blank">こちら</a>です。<br /><br /><br />

]]><![CDATA[
]]></content:encoded>
            <category>Flash</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/113830905.html</link>
      <title>Pixel Benderでフォト蔵の写真をトイカメラ化するアプリ（その２）</title>
      <pubDate>Sat, 07 Feb 2009 12:06:39 +0900</pubDate>
            <description>Pixel Benderで画像の色調を変えるのは簡単にできますが、それだけだとさすがにトイカメラ風な写真とは言えないわけです。トイカメラと言えば周辺光量落ち。ということでこれもPolarizeを参考にしてそれらしい効果を付けてみることにします。周辺光量が落ちている様に見せるには、写真の周辺に黒い縁取りを付けて乗算すれば良いんじゃない。っと考えました。これだと、カーネルはかなり簡単です。やはりほぼ、デベロッパーセンターのサンプルのままでいけそうです。色調の変更と組み合わせ、Pi..</description>
            <content:encoded><![CDATA[
<a href="http://blog.skip-dog.net/article/113815898.html" target="_blank">Pixel Benderで画像の色調を変えるのは簡単にできます</a>が、それだけだとさすがにトイカメラ風な写真とは言えないわけです。<br />トイカメラと言えば周辺光量落ち。ということでこれもPolarizeを参考にしてそれらしい効果を付けてみることにします。<br /><br />周辺光量が落ちている様に見せるには、写真の周辺に黒い縁取りを付けて乗算すれば良いんじゃない。っと考えました。<br />これだと、カーネルはかなり簡単です。やはりほぼ、デベロッパーセンターのサンプルのままでいけそうです。<br /><br />色調の変更と組み合わせ、Pixel Benderから出力するとこんな感じになります。<br /><br /><img src="http://inu58.up.seesaa.net/image/pixelbender_sample.jpg" alt="pixel benderで作ったトイカメラ風効果" width="450" height="150" border="0" onclick="location.href = 'http://blog.skip-dog.net/upload/detail/image/pixelbender_sample.jpg.html'; return false;" style="cursor:pointer;" /><br /><br /><a name="more"></a>今回のPixel Benderのカーネルは下記のような感じ。<br /><pre class="code">&lt;languageVersion : <span class="num">1.0</span>;&gt;<br />kernel MultiplyBlend<br />&lt;   namespace : <span class="str">&quot;net.inu-goya&quot;</span>;<br />    vendor : <span class="str">&quot;dogrun&quot;</span>;<br />    version : <span class="num">1</span>;<br />        description : <span class="str">&quot;Toy Camera Effect&quot;</span>;<br />    &gt;<br />{<br />    input image4 foreground;<br />        input image4 background;<br />        output pixel4 result;<br /><br />    <span class="keyword">void</span> evaluatePixel()<br />        {<br />            pixel4 a = sampleNearest( foreground, outCoord() );<br />                pixel4 b = sampleNearest( background, outCoord() );<br />                a = a * pixel4(<span class="num">0.85</span>, <span class="num">1</span>, <span class="num">0.95</span>, <span class="num">1</span>);<br />                result = a * b;<br />            }}          </pre><br />RGBを少しいじって、二つの画像を掛け合わせるだけなので単純ですね。<br /><br />このカーネルを利用するために、下のようなFlexアプリを書いてみました。<br /><br /><pre class="code"><span class="tag">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span><br /><span class="tag">&lt;mx:Application <span class="attr">xmlns:mx=</span><span class="value">&quot;<a href="http://www.adobe.com/2006/mxml&quot;" target="_blank">http://www.adobe.com/2006/mxml&quot;</a></span><br />     <span class="attr">layout=</span><span class="value">&quot;absolute&quot;</span> <span class="attr">creationComplete=</span><span class="value">&quot;init()&quot;</span>&gt;</span><br /><span class="tag">&lt;mx:Script&gt;</span><br />    &lt;![CDATA[<br />    <span class="keyword">import</span> flash.filters.ShaderFilter;<br />    <br />    <span class="keyword">private</span> <span class="keyword">var</span> myFilter:ShaderFilter;<br />    [Embed(source=<span class="str">&quot;xxx.pbj&quot;</span>, mimeType=<span class="str">&quot;application/octet-stream&quot;</span>)]<br />    <span class="keyword">private</span> <span class="keyword">var</span> toyCameraKernel:Class;<br />    <span class="keyword">private</span> <span class="keyword">var</span> photo_mc:<span class="keyword">MovieClip</span> = <span class="keyword">new</span> <span class="keyword">MovieClip</span>();<br />    <span class="keyword">private</span> <span class="keyword">var</span> mask_mc:<span class="keyword">MovieClip</span> = <span class="keyword">new</span> <span class="keyword">MovieClip</span>();<br />    <span class="keyword">private</span> <span class="keyword">var</span> shader:Shader = <span class="keyword">new</span> Shader(<span class="keyword">new</span> toyCameraKernel());<br />    <span class="keyword">private</span> <span class="keyword">var</span> shaderFilter:ShaderFilter = <span class="keyword">new</span> ShaderFilter(shader); <br />    <span class="keyword">private</span> <span class="keyword">var</span> ld1:Loader = <span class="keyword">new</span> Loader();<br />    <span class="keyword">private</span> <span class="keyword">var</span> ld2:Loader = <span class="keyword">new</span> Loader();<br /><br />    <span class="keyword">private</span> <span class="keyword">function</span> init():<span class="keyword">void</span>{<br />        <span class="keyword">var</span> imageURL1:<span class="keyword">String</span> = <span class="keyword">new</span> <span class="keyword">String</span>(<span class="str">&quot;photo.jpg&quot;</span>);      <br />        <span class="keyword">var</span> newURLReq1:URLRequest = <span class="keyword">new</span> URLRequest(imageURL1);<br />        ld1.load(newURLReq1);<br />        ld1.contentLoaderInfo.addEventListener(Event.COMPLETE, image1LoadHandler);<br />    }<br />    <span class="keyword">private</span> <span class="keyword">function</span> image1LoadHandler(event:Event):<span class="keyword">void</span>{<br />        <span class="keyword">var</span> imageURL2:<span class="keyword">String</span> = <span class="keyword">new</span> <span class="keyword">String</span>(<span class="str">&quot;mask.jpg&quot;</span>);  <br />        <span class="keyword">var</span> newURLReq2:URLRequest = <span class="keyword">new</span> URLRequest(imageURL2);  <br />        ld2.load(newURLReq2);<br />        ld2.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoadHandler);       <br />    }<br />    <span class="keyword">private</span> <span class="keyword">function</span> imageLoadHandler(event:Event):<span class="keyword">void</span>{<br />        photo_mc.addChild(ld1);<br />        mask_mc.addChild(ld2);<br />        <br />        myUIC.addChild(mask_mc);<br />        myUIC.addChild(photo_mc);<br />                    <br />        photo_mc.blendShader = shader;<br />        photo_mc.blendMode = BlendMode.SHADER;<br />    }<br />        <br />    ]]&gt;<br /><span class="tag">&lt;/mx:Script&gt;</span><br /><br /><span class="tag">&lt;mx:Canvas&gt;</span><br />    <span class="tag">&lt;mx:UIComponent <span class="attr">id=</span><span class="value">&quot;myUIC&quot;</span>  <span class="attr">width=</span><span class="value">&quot;300&quot;</span> <span class="attr">height=</span><span class="value">&quot;300&quot;</span>/&gt;</span><br /><span class="tag">&lt;/mx:Canvas&gt;</span><br />    <br /><span class="tag">&lt;/mx:Application&gt;</span><br /></pre><br /><br />Pixel Bender Toolkit上ではメニューから入力していた画像のソースをどうするのかよくわからなかったんですが、同じディスプレーオブジェクトに配置するとシェーディングがかかるみたいですね。<br /><br />ではフォト蔵APIで取得した写真に、このエフェクトを適用するにはどうしたらいいんだろう、ってことでこの話題もうちょっと続きます。<br /><br />

]]><![CDATA[
]]></content:encoded>
            <category>Flash</category>
      <author>オーイシ</author>
                  <enclosure url="http://inu58.up.seesaa.net/image/pixelbender_sample.jpg" length="80159" type="image/jpeg" />
                            </item>
        <item>
      <link>http://blog.skip-dog.net/article/113815898.html</link>
      <title>Pixel Benderでフォト蔵の写真をトイカメラ化するアプリ（その１）</title>
      <pubDate>Sat, 07 Feb 2009 00:47:42 +0900</pubDate>
            <description>最近、iPhoneのカメラで写真を撮ることにはまっています。iPhoneで普通に写真を撮ると、解像度の低いモバイルカメラで撮った写真というかまぁそのままそんな感じの画像になるんですが、それが、いくつか公開されているiPhoneのトイカメラアプリを使って撮るととたんに味のあるグッとくる写真になることが有って、iPhone写真を撮る楽しみがの幅が急速に広がっています。写真にディストーションをかけたり、必要以上解像度を落としたりすることに少し前は否定的だったんですが（だからE-30..</description>
            <content:encoded><![CDATA[
最近、iPhoneのカメラで写真を撮ることにはまっています。<br /><br />iPhoneで普通に写真を撮ると、解像度の低いモバイルカメラで撮った写真というか<br />まぁそのままそんな感じの画像になるんですが、<br />それが、いくつか公開されているiPhoneのトイカメラアプリを使って撮ると<br />とたんに味のあるグッとくる写真になることが有って、iPhone写真を撮る楽しみがの幅が急速に広がっています。<br /><br />写真にディストーションをかけたり、必要以上解像度を落としたりすることに<br />少し前は否定的だったんですが（だからE-30のアートフィルターにもそそられなかった）トイカメラフィルターが何かの拍子に写真にマッチすると、本当に心象風景だったり、夢の出来事だったりそんな景色が画像に映し出されるようで、面白い遊びになるんですよね。<br /><br />そこらへんの趣味にインスパイアされて、もしかしてPixel Bender使ったら簡単にフォト蔵のアルバムにトイカメラ風フィルターをかけて見れるんじゃない？ってのが今回のアプリのそもそもの出発点です。<br /><br />ということで、Pixel Bender ToolkitとFlexをつかって、<br />写真を全部トイカメラ化するフォト蔵ビューアーを作ってみることにします。<br /><br />最初に問題になるのが、自分がPixel Benderを使ったことが無いということ。<br />画像エフェクトが簡単に処理できるという、中途半端な伝聞しかPixel Benderのことを知りません。<br /><br />そこで、<a href="http://www.adobe.com/jp/devnet/flash/articles/pixel_bender_basics.html" target="_blank">アドビのデベロッパーセンター</a>を参考にして簡単なサンプルをまず作ってみることにします。<br /><a name="more"></a>ほぼAdobeのサンプルのままですが、写真のRGBを変更してトイカメラ風の色合いにエフェクトをかけるだけのカーネルをPixel Benderで作ってみました。<br />色合いの参考にしたのは、自分がiPhoneのトイカメラアプリの中で画像の色だけで言ったら一番好きな<a href="http://http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=301027161&mt=8" target="_blank">Polarize</a>です。<br /><br /><pre class="code">&lt;languageVersion : <span class="num">1.0</span>;&gt;<br />kernel MultiplyBlend<br /><br />&lt;   namespace : <span class="str">&quot;net.inu-goya&quot;</span>;<br />    vendor : <span class="str">&quot;dogrun&quot;</span>;<br />    version : <span class="num">1</span>;<br />    description : <span class="str">&quot;Toy Camera Effect&quot;</span>;&gt;<br /><br />{    input image4 foreground;    output pixel4 result;<br />    <span class="keyword">void</span> evaluatePixel()    {        pixel4 a = sampleNearest( foreground, outCoord() );<br />        a = a * pixel4(<span class="num">0.85</span>, <span class="num">1</span>, <span class="num">0.95</span>, <span class="num">1</span>);<br />        result = a;<br />    }}</pre><br /><br />今回はカーネルをコンパイルしてFlexアプリケーションで利用します。<br />mxmlは以下のような感じにしてみました。<br /><br /><pre class="code"><span class="tag">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span><br /><span class="tag">&lt;mx:Application <span class="attr">xmlns:mx=</span><span class="value">&quot;<a href="http://www.adobe.com/2006/mxml&quot;" target="_blank">http://www.adobe.com/2006/mxml&quot;</a></span> <br /><span class="attr">layout=</span><span class="value">&quot;absolute&quot;</span> <span class="attr">creationComplete=</span><span class="value">&quot;init()&quot;</span>&gt;</span><br /><span class="tag">&lt;mx:Script&gt;</span><br />    &lt;![CDATA[<br />        <span class="keyword">import</span> flash.filters.ShaderFilter;<br />        <br />        <span class="keyword">private</span> <span class="keyword">var</span> myFilter:ShaderFilter;<br />        [Embed(source=<span class="str">&quot;xxx.pbj&quot;</span>, mimeType=<span class="str">&quot;application/octet-stream&quot;</span>)]<br />        <span class="keyword">private</span> <span class="keyword">var</span> toyCameraKernel:Class;<br />        <span class="keyword">private</span> <span class="keyword">var</span> photo_mc:<span class="keyword">MovieClip</span> = <span class="keyword">new</span> <span class="keyword">MovieClip</span>();<br />        <span class="keyword">private</span> <span class="keyword">var</span> shader:Shader = <span class="keyword">new</span> Shader(<span class="keyword">new</span> toyCameraKernel() <span class="keyword">as</span> ByteArray);<br />        <span class="keyword">private</span> <span class="keyword">var</span> shaderFilter:ShaderFilter = <span class="keyword">new</span> ShaderFilter(shader); <br />        <span class="keyword">private</span> <span class="keyword">var</span> ld1:Loader = <span class="keyword">new</span> Loader();<br />        <br />        <span class="keyword">private</span> <span class="keyword">function</span> init():<span class="keyword">void</span>{<br />            <span class="keyword">var</span> imageURL1:<span class="keyword">String</span> = <span class="keyword">new</span> <span class="keyword">String</span>(<span class="str">&quot;xxx.jpg&quot;</span>);<br />            <span class="keyword">var</span> newURLReq1:URLRequest = <span class="keyword">new</span> URLRequest(imageURL1);<br />            ld1.load(newURLReq1);<br />            ld1.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoadHandler);<br />        }<br />        <br />        <span class="keyword">private</span> <span class="keyword">function</span> imageLoadHandler(event:Event):<span class="keyword">void</span>{<br />            photo_mc.addChild(ld1);<br />            photo_mc.filters = [shaderFilter];<br />            myUIC.addChild(photo_mc); <br />        }<br />            <br />    ]]&gt;<br /><span class="tag">&lt;/mx:Script&gt;</span><br /><br /><span class="tag">&lt;mx:Canvas&gt;</span><br />    <span class="tag">&lt;mx:UIComponent <span class="attr">id=</span><span class="value">&quot;myUIC&quot;</span>  <span class="attr">width=</span><span class="value">&quot;300&quot;</span> <span class="attr">height=</span><span class="value">&quot;300&quot;</span>/&gt;</span><br /><span class="tag">&lt;/mx:Canvas&gt;</span><br />    <br /><span class="tag">&lt;/mx:Application&gt;</span><br /></pre><br /><br />この位だと確かに簡単です。<br />色はPolarizeっぽくなったけど、周辺光量落ちの具合とかは再現できていないなぁ<br />ということで、しばらく続きます。<br /><br /><br />

]]><![CDATA[
]]></content:encoded>
            <category>Flash</category>
      <author>オーイシ</author>
                </item>
        <item>
      <link>http://blog.skip-dog.net/article/113617685.html</link>
      <title>「清水みなと屋台まつり」のCMをコマーシャライザーで作ってみた</title>
      <pubDate>Tue, 03 Feb 2009 16:24:56 +0900</pubDate>
            <description>※ブラウザのJavaScriptをONにして、Flash Player9以上をインストールしてください。清水みなと屋台まつり by ここらっとさんリクルートさんのコマーシャライザーで清水みなと屋台まつりのCMを作ってみました。自分も、某サービスの資料配布部隊として参加予定です。今や群雄割拠状態、三国志状態な静岡中部のB級グルメが、屋台となって清水駅東口に集結します。もしかして歴史的イベントかもしれないし、そんなことないかもしれないし、まぁわかりませんが、清水の旨いものを味わい..</description>
            <content:encoded><![CDATA[
<!-- Cmizer player embed tags start --><br /><script type="text/javascript" charset="UTF-8" src="http://cmizer.com/javascripts/swfobject.js"></script><br /><script type="text/javascript" charset="UTF-8" src="http://cmizer.com/javascripts/cmizer_1_0_1.js"></script><br /><div id="cmizer-movie-29604" style="margin-bottom:3px;width:420px;height:390px;"><br />※ブラウザのJavaScriptをONにして、Flash Player9以上をインストールしてください。<br /><br /><a href="http://www.adobe.com/shockwave/download/index.cgi?Lang=Japanese&P1_Prod_Version=ShockwaveFlash"><img alt="Get Adobe Flash Player" src="http://cmizer.com/images/160x41_Get_Flash_Player.jpg" style="border:0" /></a><br /><p><a href="http://cmizer.com/movie/29604">清水みなと屋台まつり</a> by ここらっとさん</p><br /></div><br /><div id="cmizer-logo-29604" style="text-align:right;width:420px;"><br /><a href="http://cmizer.com/"><img alt="カンタンCM作成サイト コマーシャライザー" src="http://cmizer.com/images/blogparts/logo_blogparts.gif" style="border:0" ></a><br /></div><br /><script type="text/javascript">var CmizerOptions = new Object();CmizerOptions.auto_play = true; /* falseにするとブログパーツ表示時に自動再生されません */CmizerOptions.volume = 0; /* プレイヤーの初期音量（最大100） */CmizerOptions.repeat_play = false; /* trueにすると繰り返し再生されるようになります */</script><br /><script type="text/javascript">CmizerOptions.jump_action = "normal"; /* "newwin" にすると宣伝先URLを別ウインドウで表示できます */</script><br /><script type="text/javascript">SetPlayer("cmizer.com/swfs/cmizer_player.swf",420,390,"cmizer.com/cm/movie/s/gg/aa/2vdgr.xml","29604", CmizerOptions);</script><br /><!-- Cmizer player embed tags end --><br />リクルートさんの<a href="http://cmizer.com/" target="_blank">コマーシャライザー</a>で<a href="http://cocorat.com/cocolocation/5258/" target="_blank">清水みなと屋台まつり</a>のCMを作ってみました。<br /><br />自分も、某サービスの資料配布部隊として参加予定です。<br /><br />今や群雄割拠状態、三国志状態な静岡中部のB級グルメが、<br />屋台となって清水駅東口に集結します。<br />もしかして歴史的イベントかもしれないし、<br />そんなことないかもしれないし、まぁわかりませんが、<br />清水の旨いものを味わい尽くすチャンスですので<br />皆様のご来場心よりお待ちしています。<br /><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>静岡・清水</category>
      <author>オーイシ</author>
                </item>
      </channel>
</rss>

