jQueryでホットペッパーのAPIをリクエストしてGoogle ストリートビューを表示するまで - F.Ko-Jiの「一秒後は未来」
梅酒.inの「梅酒がウリな飲食店」にてLightBoxを実現していることを前回説明しました。今回はさらに、jQueryでホットペッパーのAPIをリクエストしてGoogle ストリートビューを表示させる方法を説明をします。 ↑ こんな感じ。(昼間の写真なのがちょっとあれですが) ここではjQueryを用いているので、レスポンスのフォーマットとしてJSONPが利用できるホットペッパーのAPIを利用しています。 なお、jQueryのリファレンスは「jQuery 1.2.6 日本語リファレンス」が詳しいです。また、jQueryでJSONPを使う方法は「jQuery で JSONP ２通り – てっく煮ブログ」にて紹介されていたので、そちらを参考にやってみました。 また、ストリートビューをGoogle Maps APIから使う方法は「Google Maps API – Google Code (日本
人気ストリートビュー
Googleマップスのストリートビューで映っている地点のうち、Pathtraqで調べた良く見られている場所を並べて表示しています
25万枚のアイドル画像サイト IdolPics | Astrodeo
東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。
ニコニコ動画みたいなものを作ってみるテストと問題点
ニコニコ動画みたいなサービスを作るのがどれくらい難しくて、どれくらい大変なのかを確認してみるテストと、それによりわかった問題点をあげてみます。 テスト用にサンプルサイトとして作ってみたのは、以下の2つのページです。 ニコニコ動画みたいなものを作ってみるテスト 動画最新情報 解説はこの後に続きます。 ニコニコ動画(β)終了に見るWeb2.0マッシュアップ時代への警鐘に書いたように、ニコニコ動画は一旦終了してしまいました。 その後、各地でニコニコ動画の問題点や開発裏話などが語られています。 その中で、いくつか気になったものがありました。 まず始めに、メルルーの秘宝とニコニコ動画と四畳半社長: ニコニコ動画と長尾研究室と僕から。 そこでYoutubeなど既存のサーバーからデータだけ拾ってくる、というアイデアが生まれて、この実証実験はドワンゴの中野君が数時間で行いました。 プロモーションのために2
マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル:phpspot開発日誌
phpied.com Blog Archive Simultaneuos HTTP requests in PHP with cURL The basic idea of a Web 2.0-style "mashup" is that you consume data from several services, often from different providers and combine them in interesting ways. マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル。 通常、PHPでAPIにアクセスする場合、例えば、Yahoo!検索APIとはてなブックマークのRSSを取得してマッシュアップする場合は次の図のようになります。 ただ、この方式だと、Yahoo!検索APIにリクエストし、その結果を待ちます。 そして、そこからはてなブック
PHPプロ！PHP講座新着順
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
ギークなおっさんの成長ぶりがすごい！
いつの間にか弟子入りされていた、「ギークなおっさんの弟子」。 そのギークなおっさんの成長ぶりがすごいことになっています！ ギークなおっさんことアフィリエイトは儲かんないってばの中の人が、ZAPA先生のマッシュアップ講座に弟子入りしたのが20日前。 弟子入り後に、ギークなおっさんは勉強を始め… 次回予告。ZAPA先生に弟子入り。 マッシュアップって何？APIって何？ PEARが難しすぎるので、教えて偉い人！『解決済み』 ZAPA先生、ようやく第1回が終わりました・・・ 相変わらずマッシュアップやってます〜 ZAPA先生のマッシュアップ講座第2回受講 お天気APIでPEARとかエクササーイズ マッシュアップに行き詰る、が『解決』 さあ、マッシュアップも佳境に入ってまいりました。 数々のエントリとともに成長していきました。 途中、PEARの使い方や「.=」の意味がわかっていなかったり、XML_U
Yahoo! Pipes の Page Fetch モジュールでスクレイピングし放題 - てっく煮ブログ
pipesこのブログでも何度か Yahoo! Pipes の話題は取り上げてきましたが、先日実装された「Page Fetch」モジュールは素敵すぎます。ほんとに。今まで、Yahoo! Pipes といえば、XML・CSV か Yahoo が提供してるサービスのデータを加工することしかできませんでした。それが、「Page Fetch」モジュールの登場により、任意の Web ページを加工できるようになったのです。Yahoo! Pipes の使い道といえば、次の２つだと思います。1. RSSリーダーで読むための XML 作り複数の RSS を結合したり、見た目を整えたりして、自分専用の RSS を作る。 （例）サイトの最新被ブックマークを livedoor Reader で読むための Pipes2. Web サービスとの連携JSONP に対応してるので、JavaScript と組み合わせてサーバ
Google マップ JavaScript API V3 まとめ
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行（Google Geo Developers Blog: GoV3: It's time to Upgrade）を奨めています。2013年11月19日以降（機能により）使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
まだ手で作る？ これからは、マッシュアップで“まとめサイト”――まとめサイト2.0 - ITmedia エンタープライズ
Web APIが公開されてなくても、動的にマッシュアップすることが可能だ。便利に使える“まとめサイト”を、各種ツールで動的に構築しよう。 すべて表示 新着記事 関連記事 まとめサイト2.0： 2008年、Webは文字列解析で変わっていく オルタナティブ・ブログを例に挙げて“まとめサイト”を作るための手法を紹介してきたこの連載。最終回は、文字列解析の自動化からキーワードを抽出するための方法を紹介しよう。 （2007/12/28） まとめサイト2.0： 付加価値コンテンツとは――スクレイピングからグラフ化まで HTMLを解析し、スクレイピングしたデータを基にグラフ化を行う。遷移を把握するために有効なものとして、さまざまな応用が考えられるだろう。 （2007/12/21） まとめサイト2.0： スクレイピングで記事ランキングのグラフ化 「オルタナティブ・ブログ」で公開されている週間アクセスランキ
中国生活Myリミックス - 中国での生活を自分なりにエンジョイリミックス
6月1日～中旬にかけてゆっくりとロックダウン解除していくととの大方の予想でしたが お上のひと言で6月1日から管理地域以外は自由に出入り出来、 外食はまだだめのようですがテイクアウト持ち帰りは可の状況。 工場、企業も地域によって1部70%の従業員と言うような規制も あるらしいですが通常通り稼動営業しています。 ロックダウン下に有った多くの人にとっては突然の事で 6/1の通勤時はリハビリ的な慣らし運転の仕事をやる人が多かったと聞いています。 6/3は中国では端午の節句で休日なので 6/1、6/2の2日で休みに基本は休みに入ったので 気持ちの切り替えもこの連休内にうまく出来るのではないでしょうか？ ちなみに端午の節句にはちまきを食べる習慣があります。 私の会社では6/1に全社員にちまきを配ってくれました。 中国では粽子と書きますが私もおいしく頂きました。 日本と違って甘いものや栗入りのもの等色々
mixiやはてなにも対応--日本発のマッシュアップツール「Myremix」:ニュ
「Yahoo! Pipes」やMicrosoftの「Popfly」など、米国大手がひしめくマッシュアップツールの分野に、日本発のサービスが登場した。ネットエイジ・ラボとアスピレーションが11月27日にベータ公開した「MyRemix」は、上記サービスと同様にグラフィカルなインターフェースで様々なWeb サービスやRSSフィードをマッシュアップすることができる。もちろん日本産サービスのモジュールを細かく揃えている。 MyRemixの操作画面はYahoo! Pipesに似ており、公開されているAPIやRSSフィードのモジュールを視覚的につなぎ合わせることでマッシュアップを行える。コーディングを必要とせず、誰でも利用できる手軽さもそのままだ。出力にも工夫しており、RSSフィードだけでなく、メールで受け取ったり、Adobe AIRに対応したデスクトップアプリケーションとして配布することもできる。 ま
oSkope visual search
How reverse image search works In the age of digital information, reverse image search stands out as a revolutionary tool, enabling users to search the web using images instead of words. But how exactly does this technology work? At its core, reverse image search is powered by advanced algorithms and artificial intelligence, transforming the way we interact with the vast expanse of the internet. T
prototype.jsでYouTubeをインクリメンタルサーチ （1/3） ─ ＠IT
prototype.jsでYouTubeをインクリメンタルサーチ：パターンとライブラリで作るAjaxおいしいレシピ（2）（1/3 ページ） 今回のサンプルはYouTubeの新APIを使う 2007年8月28日からGData（Google Data APIs）の仕様に基づいたYouTubeの新しいWeb APIであるGData YouTube APIが利用できるようになりました。これに伴って、以前のYouTube APIではサポートされていなかったJSONP（前回記事参照）による動画の検索ができるようになりましたので、今回のサンプルでは、この新APIを使ってJavaScriptから直接YouTubeの動画を検索させます。 Ajaxデザインパターンは「Live Searchパターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
totowa トトワ - キーワードの定義を調べちゃうよ
[DESIGN SHOWCASE]
完璧画像検索
http://liquorz.jp/dnf/
Microsoft Popfly
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
