普通のサラリーマンのiPhone日記 Rotating Header Image

[Pipes] Yahoo! Pipesを勉強したい方へ

今日は、前振りのみ。

iPhoneはインターネットの窓。しかし、必ずしも便利じゃない。iPhoneとインターネットをもっともっと快適に繋ぎたい。その為に、ここ最近はWebサービスネタを数多く紹介してきました。自作したBookmarkletのネタもそう。

書くと「難しくて分からん」と言われることが多いんです。ぶっちゃけ凹んでます。だけど、知ってることは吐き出そう。そうじゃないと、知の連鎖が起きないし。ってことで、これからYahoo! Pipesで学んだことを連載でまとめていこうと思ってます。

Yahoo! Pipesって何じゃ?という方は、こちらから。

Yahoo! Pipes – Wikipedia

「Yahoo! Pipes(ヤフーパイプス)は、Yahoo!によって提供されているWebアプリケーションである。RSSフィードや外部のサービスなどの様々な情報をまとめたり、マッシュアップすることが出来る。」とある。

マッシュアップ (Webプログラミング) – Wikipedia

「マッシュアップ(Mashup)とは、複数のWebサービスのAPIを組み合わせ、あたかも一つのWebサービスのようにする機能のこと。」ふむふむ。

ITの深い知識がなくても、既存のWebサービスを組み合わせて、短期間でアプリケーション開発ができることから、新しい開発技法として注目されている。って言ってるけど、そもそも「Yahoo! Pipes」とか「マッシュアップ」とか、その言葉がむずい…。

私が公開してた「AppHtml」や「ShareHtml」はBookmarkletの中でYahoo! Pipesを呼び出して結果を取得してくるように作ってます。つまり、Yahoo! Pipesが全ての核になってます。過去に私が作ったのだと「AppHtml」が一番むずかしかったかな….。

アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ

「AppHtml」はGoogleのAPIやDapperというWebサービスを使ってます。いずれも無料のWebサービス。Yahoo! Pipesにも一長一短あり、全部をPipesでやろうと思うと無理があって難しさが増す一方。なので他サービスを組み合わせて簡単にしてます。

私が無料のWebサービスを使ってる理由はいくつかあります。

  • Webサイトはいつ変更があるか分からない(サイト管理者の都合による)
  • マッシュアップが完璧でも元サイトの都合で動かなくなる可能性がある
  • 動かなくなった時のダメージを考えると使い捨て手法で作る方が、気が楽
  • 公開しとけば、知の連鎖が働き、誰かが進化させてくれる可能性がある

要は「水もの」の情報を扱うからこそ「適当さ」が重要であり、動かなくなった時にひとりで苦しむのではなく「他の有識者」が解決に導いてくれるようにしとく。そういった知の繋がり基盤をあらかじめ作っておくこと。これが何よりも重要だと思ったのです。

と、偉そうなこと言ってますが、私がYahoo! Pipesで知ってることなんて、たいしたことありません。使うモジュールはほぼ決まってるし、書き方もほぼ決まってる。ですが、おおよそやりたい事があったら、全てできる。そう思えるほどに理解できたのは大きい。

ここに至るまで色々なサイトで勉強しました。その集大成が「AppHtml」なのです。恩返しの意味も込めて以下の順番でYahoo! Pipesを説明し「AppHtml」の中身がどうやって作られたのか公開しとこうと思います。

  • 講座01(FetchFeed、Sort)
  • 講座02(Text/URLInput、Yahoo!Search、Filter、Regex)
  • 講座03(String/URLBuilder、FetchData、Rename)
  • 講座04(MyPipe、Union、Unique)
  • 講座05(ItemBuilder)
  • 講座06(Loop)
  • 講座07(Dapperの使い方)
  • 講座08(Dapper情報の取得、FetchPage)
  • 講座09(NumberInput、SimpleMath)
  • 講座10(良く使う正規表現まとめ)
  • 講座11(MyPipeの可読性の向上)
  • 講座12(Javascriptとの連携)

全12回。この順番に解説していけば「AppHtml」の全容が掴めるはず。私が使ってるモジュールも上記がほぼ全て。これだけ覚えればいける!というのを厳選しました。

なんで、こんなエントリーしちゃったかというときっとkuracyanのせいです。
さて、続くだろうか…。前振りの段階から不安たっぷり(;^ω^)

もしかしたら講座自体は、blogエントリーという形式じゃなく、ページにまとめるかもしれません。だってiPhone日記じゃなくなるから…。悩み中、悩み中。

-

タグ: Bookmarklet, Dapper, Google, hiroスタイル, Yahoo!Pipes

Similar Posts:

32 Comments

  1. [...] Turn it on in Settings › Safari to view this website. [Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記 12月 19th, 2010 @ 03:23 am › tyudon ↓ Leave a comment [Pipes] Yahoo! Pipe [...]

  2. [...] iPhoneに関する、はてなブックマーク新着情報です。 [Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記 [...]

  3. [...] [Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記 Categories: ニュース Tags: ゆけむり, ゆけむり温泉郷, 温泉 [...]

  4. [...] [Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記 [...]

  5. [...] Skyfire Web Browser: mixi動画など、Flash動画がiPhoneで見られるようになります! – iPhoneアプリのAppBank と11件… 3 | 日曜日 12月 19 2010 3:10 PM | コメント (0) Skyfire Web Browser: mixi動画など、Flash動画がiPhoneで見られるようになります! – iPhoneアプリのAppBank携帯USBメモリ-OrganiDoc: iPhoneの容量を上手に節約。ファイル閲覧アプリ!Googleドキュメント・Dropboxにも対応!3754 – iPhoneアプリのAppBank人気タイトルのセールが拡大中〜合計60本が115円【12月19日06:30版】iPhone・iPadアプリ・セール情報 – Touch Lab – タッチ ラボドコモのスマートフォン「REGZA Phone T-01C」が超カクカクで糞すぎる件 | ツンダオワタ情報マニュアル for iPhone ? 裏技や基本操作などを紹介するアプリ [プレスリリース] | iPhone 研究室[Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記アルバム管理できないフラストレーションが生んだアプリ|マイフォトアルバム for iPhone – #RyoAnnaBlogAndroid MarketとiTunesでアプリ売るぞー!と思った方、IRS(米国内国歳入庁)でのEIN(米国納税者番号)取得が必要ですよ。:破壊的イノベーションでキャズム越え:ITmedia オルタナティブ・ブ??アプリから個人情報流出か スマートフォンで米紙調査 – 47NEWS(よんななニュース)Going My Way: SPEC にはまった人におすすめな、SPEC magazine 電子完全版iPhoneの次世代モデル、超美しい3D映像に対応の新GPU搭載へ大きな期待!(GIZMODO) – livedoor ニュース話題のAR翻訳ツール「Word Lense for iPhone」を使ってみた(動画) : ギズモード・ジャパン [...]

  6. [...] egachan : ハム速はカスまとめブログ とっとと死ね @hamusoku http://htn.to/AjqrYmPipes Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記【エロアニメ】 スリスリされたら… : エロ画像速報Togetter – [...]

  7. [...] 携帯USBメモリ-OrganiDoc: iPhoneの容量を上手に節約。ファイル閲覧アプリ!Googleドキュメント・Dropboxにも対応!3754 – iPhoneアプリのAppBank と3件… 12月 19th, 2010 携帯USBメモリ-OrganiDoc: iPhoneの容量を上手に節約。ファイル閲覧アプリ!Googleドキュメント・Dropboxにも対応!3754 – iPhoneアプリのAppBankTwitterでYouTubeやTwipicのリンクをプレビューできるChrome拡張機能「Parrotfish」 : ライフハッカー[日本版][Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記跳.jp [...]

  8. [...] [Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記 [...]

  9. [...] [Pipes] Yahoo! Pipesを勉強したい方へ → 普通のサラリーマンのiPhone日記 Yahoo!Pipesをうまく使いこなすと、ブログの更新が楽になりますね~ [...]

  10. [...] [Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記. [...]

  11. [...] ヒロさんがPipes講座を行っている忙しい最中に、その講座の題材であるアプリ紹介ブックマークレットを心機一転させるアップデートを行ってくれました。 アプリ紹介のBookmarklet「AppHtml2 [...]

  12. [...] [Pipes] Yahoo! Pipesを勉強したい方へ [...]

  13. [...] [Pipes] Yahoo! Pipesを勉強したい方へ [...]

  14. [...] ここではYahooPipesの詳しい説明はしない。([Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記) [...]

  15. [...] [Pipes] Yahoo! Pipesを勉強したい方へ [...]

  16. [...] 詳しく知りたい方は、こちらのサイトが大変詳しく説明されています。 [...]

  17. [...] 新熱京のスケジュール管理関連の機能を制作中です。全国の京本さん出演情報を現在はYahooテレビで調べてサイトのブログに書き写しているのですが、もうちっと効率のよい方法はないかと調べていたのです。寧ろYahooテレビそのままの検索結果を貼りたい!!や、そのリンク貼ればいいだけの話なんですけど。ちょっと贅沢思考で。いや横着思考で。Googleアラートとか登録してるんですが、こんな感じでスケジュールもできないかなーと。しかしYahooテレビにはRSSがない。。。往 生際の悪さが幸いし、「RSSがないサイトをRSS化」で検索したらYahoo!Pipesを発見したわけです。しかし、、説明のページがどれも4、5年 前。。。。。まさかあんまり使ってる人いないのこれ。。;そして説明ページが少ないです。少ない代わりに、説明の方がどえらい詳細に書いてくださってまし た。。えー、ここから先は私の覚書です。メモです。まだ一日しか見てないので何が何やら日本語でおk状態です。のため、講座的なものはできません。多分一番お詳しい講座サイトがこちらにありますので、一からコツコツ勉強したい方はどうぞ。はい、まず、Yahoo!Pipesなるものを生まれて初めて見ました。昨日のことです。朝から必死に検索していました。サイトが少ないので基本的にどのキーワードで検索しても、おなじみのサイトが登場します。見てるうちに吐き気がしてきました。ううう、、新しいことを覚えるって辛い。。。しかしとりあえずやらなくては!これは目的にとても合っている。やりたい!そう思ってとりあえずYahoo!Pipesにまず登録。え、日本のYahooIDでログインできないの?。。。そもそも米Yahoo.comのコンテンツだそうです。。そうだったのか。。で、とりあえずYahoo.comに登録。うわ、、全部英語である。英語を勉強し始めた私ですが、勉強し始めです。普通に拒否反応です。しかしまあ難しい英語は特になく、、、無事登録♪できませんでした(え)何度やっても「技術的問題が発生したのであと2、3分待ってね♪エラー」が出て登録できません。なんでじゃああ!!!(怒)調 べたら他にもいらっしゃいました。なぜか希望取得アドレスをyahoo.comではなくrocket.mailで選択したら登録できたということなので、 そのとおり選択して登録したら、あっさりできた。なんやねん!ドメインが大人気のためいっぱいとか??わかりませんがとりあえずそうやったらできました。あとでたまたま見つけたのを見たら、、Facebookでも登録できたらいい。。アカウントもっとるわ!!(逆ギレ)さて、、使い方の勉強です。短気な性格なので、手っ取り早く目的のものを作りたいです。Yahooテレビ Pipesで検索しました。しかし、、、Yahooテレビのサーチ仕様が変わってしまったらしく、、そちらの結果は参考にできず。。。。ううう、、道が途絶えた。。。かと思いましたが、だめもとで、オーソドックスな一行掲示板RSS取得パイプを発見!Yahoo!Pipesのいいところは、人様が作成したパイプのソースを見せてもらえること。ほうほう、「Fetch Page」っていうのが基本なのね。RSS化したいページのURLを入れて、、出力したい部分の範囲を指定すると。。。あ、多分実際のページの出力範囲のソースを見ればいいんだな。んで、ソース単位で見るので、CSSのClassとかを参考にタグで開始位置と終了位置を選択する、と。。。ううう、、Yahooテレビの検索結果のソース、、、どこからどこまでだ。。。とかなんとかやりながら、範囲指定終了。よくわかんないけどPipeout(出力)してみた。げ、「null」ってなった。。。成功例と見比べるまもなく、入力がまったく足りていません。うん、とりあえずこれだけでは動かないことだけはわかった(バカ)次に、「Rename」モジュール(あ、一個一個の作業機能をモジュールっていうらしいです)をぐいってドラッグしたら入力フォームが出てきました。多分これがRSS出力後の要素を指定するところ?よくわかりませんが(そればっか)とりあえず見よう見まねで入力。またしてもPipeoutまでホースをつなげて出力。おおおっ!!LISTってとこに検索結果が出てる!!!わーい☆区切りもちゃんと合っていたようで、しっかり検索結果2件が表示されました。で、早速RSSとして出力できるリンクがあるのですが、押してみたら、、、ぎゃあああソースが全部ぶわっ!って出てる!!こ、、これどうしたらいいんだろ。。まあ後でなんとかするか。。。(できるかわかんないけど)でもとりあえず、一挙に目的に近づけました。あとは色々いじって使いやすいようにカスタマイズして新熱京でお目見えする予定です。はあぁ、、頭弱いのでオーバーヒートしました。 Categories: パソコン, 覚書 Tags: Xoops, Yahoo!Pipes [...]

  18. [...] [Pipes] Yahoo! Pipesを勉強したい方へ | 普通のサラリーマンのiPhone日記 本格的にやってみよう。 [...]

  19. [...] [Pipes] Yahoo! Pipesを勉強したい方へ [...]

コメントをどうぞ

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>