Google AJAX Feed APIでアメーバブログのRSSフィードから「PR:」を削除して記事一覧を表示するJavascript | QWERTY.WORK
Home Blog パソコン WEB Javascript AJAX Google AJAX Feed APIでアメーバブログのRSSフィードから「PR:」を削除して記事一覧を表示するJavascript 先日、「Google AJAX Feed APIを使って外部のRSSを読み最近の記事リストを表示するJavascript」を使用してアメーバブログのRSSを読み込み、新着5件の一覧表示を行いましたが、アメーバブログ（アメブロ）のRSSは広告（PR:○○～）というのが自動的に入り、これがすごく邪魔で困っていました。 そこで今回はif文を加えて「PR:」から始まるフィードは無視（省く）することにしました。 スクリプト <script src="http://www.google.com/jsapi?key=●●あなたのAPIキー●●" type="text/javascript"></scr
Google AJAX Feed APIでRSSフィードを読込み最新の記事一覧を表示する。 | QWERTY.WORK
前回の「Google AJAX Feed APIを使ってアメーバブログの「PR:」を除くで記事一覧を表示するJavascript 」ですが、アメーバブログを更新して、最新のRSSをGoogle AJAX Feed APIで読み込んでいるのに、最新の記事一覧をスクリプトで表示することができないということが多々ありました。 それは、Googleのキャッシュにあるフィードを読み込んでいるからだそうです。 キャッシュをクリアまたはリセットする方法があるのかもしれませんが、読み込むフィードのURLにユニークな値を付加させることで、ページを開くたびに最新の記事一覧を表示することができます。 前回のスクリプトにユニークな値として現在日時をURLに付加させてみました。 <script type="text/javascript" src="http://www.google.com/jsapi?key=●
Google AJAX Feed APIを使って、静的ページに外部ブログのRSSを取得・表示させるやつを私も試してみた
#2016.07.21追記 Google Feed APIの運用は、2016年9月29日に終了するとの公式発表がありました。今後はこの記事の情報は使えませんのでご了承ください。 参考：Google Developers Japan: Google Feed API 提供終了のお知らせ とある案件で、静的サイトの一部にWordPressを導入して、その新着情報を既存サイトのindex.htmlに表示させる、ということになりました。 そこで、Googleで公開されてるGoogle AJAX Feed APIを使ってRSSを取得する方法を試してみました。 1.APIキーを取得 まず前提として、Googleアカウントが必要です。 ここから利用できます。 http://code.google.com/intl/ja/apis/loader/signup.html ##2013.8.8追記 APIキー
Google AJAX Feed API入門
他のサイトが配信しているATOMやRSSフィードをJavaScriptを使って取得しようとした場合、同一生成元ポリシー(Same-Origin Policy)の制限によって直接他のサーバにあるデータへアクセスできずサーバ側でいったんフィードを受信するなどの処理が必要でした。 Google AJAX Feed APIを使用すると、Googleがフィードのキャッシュとしての役割を果たしてくれるため、サーバ側のプログラムを必要とせず、クライアント側のスクリプトだけで各種フィードを取得することが出来ます。 ここではGoogle AJAX Feed APIを使ってATOMやRSSフィードを取得する方法などを解説していきます。 Google AJAX Feed APIとは ドキュメント
Google Feed APIで3分マッシュアップ (1/2)
特定のテーマに関する情報を集めた、ポータル的なWebサイトを作りたい――。そんなとき、JavaScriptを使って、他のWebサイトのフィードから情報を得て、そのサイトの最新情報を表示できると便利です。 しかし、普通の方法ではできません。というのも、JavaScriptでフィードを読み込むのに使う「XMLHttpRequest」オブジェクトでは、セキュリティ上、異なるドメイン（クロスドメイン）とのやり取りが制限されているためです。そこで、「Google AJAX Feed API」を使いましょう。 Google AJAX Feed APIは、指定したフィードをGoogleのサーバー側で取得し、JSON（JavaScript Object Notation）と呼ばれるJavaScript専用のデータ形式に変換します。変換されたデータは、JSONP（JavaScript Object Nota
Google AJAX Feed API を使ってJavaScriptでサイトにRSSフィードを表示する方法
JavaScriptで別ドメインのRSSを読み込んでくるのは、 セキュリティの関連上できないって聞いていた・・・ あきらめていたのですが、 GoogleのAPIに別ドメインでも読み込めのがあったのですね！ 使うのも比較的簡単そうなので、 とりあえず試しに使ってみる事にしました。 ↑これは既にこのサイトのRSSをAPIを使って読み込んだ結果です。 Google AJAX Feed APIを使えば比較的簡単に RSSをサイトに表示することができるようです。 このサービスを利用するときに、APIキーを取得するのですが、 その時に、既にサンプルのソースを表示してくれます その表示されたサンプルは以下の通りです。 ■サンプルソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1
Slot88Win : Situs Slot Pulsa Online Mudah Jackpot | Profile
Situs Slot Online Terbaik | Slot Pulsa Online | Slot Mudah Jackpot | Situs Slot Online Via Pulsa | Judi Slot Pulsa Online Selamat datang di Slot88Win merupakan salah satu situs slot pulsa yang mudah jackpot dan terhitung dapat memberikan pengalaman terbaik untuk beberapa pemain didukung oleh pemain service profesional online sejauh 24 jam penuh. Sudah tentu Anda bisa gampang menanyakan sekitaran g
サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 （その時は無料RSSサービスを使っていました・・・） そんなときに役立つのがGoogle先生による『Google Feed API』。 表示件数や表示させたい内容、それを囲むタグなどわりと自由にカスタマイズできるので多くのWEB屋さんに愛されているようです。 何かいい方法はないか呟いたところ、多くの方からこちらを薦めていただきましたヾ(*´∀｀*)ﾉ ちなみに、以前はAPIキーを取得する必要があったよ
手間がかからないWebサービス「summify」は毎日のキュレーションの保険になる
トップ > Webサービスキュレーションsummify > 手間がかからないWebサービス「summify」は毎日のキュレーションの保険になる いしたにまさきの新刊：HONDA、もうひとつのテクノロジー ～インターナビ×ビッグデータ×IoT×震災～ 01 それはメッカコンパスから始まった｜Ｈｏｎｄａ、もうひとつのテクノロジー 02 ～インターナビ×GPS×ラウンドアバウト～ 運転する人をサポートすること｜Ｈｏｎｄａ、もうひとつのテクノロジー 03 ～インターナビ×災害情報×グッドデザイン大賞～ 通行実績情報マップがライフラインになった日 2011.04.06 検索のアルゴリズムの次はキュレーションのアルゴリズムだと言わんばかりに、各種サービスが、それこそ週替わりの様に登場しています。 おそらく、デザイン性とiPadに最適化されていたこともあって、その先鞭となったのは、「flipboard」
アクセス解析を使ってサイトの課題を発見する12のステップ - Real Analytics （リアルアナリティクス）
アクセス解析ツールを導入して数カ月。いまいち使いこなせていないあなたへ。私が初めてサイトを分析する時に行う12のSTEPを紹介いたします。GoogleAnalyticsで全て対応出来るレポートです。ここで紹介するのはアクセス解析業界（？）における標準でもなんでもなく、私なりの分析手法ですので、他にも様々な方法やバリエーションがあります。 ※アクセス解析用語の基本的な知識と、GoogleAnalyticsを使ったことがある（出来ればアドバンスドセグメントを使ったことがある）人向けの方法になります。 2つの事前準備 分析に入る前に、以下の二つの事前準備を行いましょう。 A.サイト全体をじっくり見る サイトマップや主要の導線をたどってみたり、実際にコンバージョンしてみたり。自分なりにサイトの良いところと悪いところを見つけて箇条書きにしておきましょう。また、それが数字にどう反映されるか？を想像して
XMLサイトマップの作成と送信登録方法 （Yahoo!＆Google＆Bing検索）
サイトマップファイル（Sitemaps）は、検索エンジンにページの存在を知らせ、クローラー（ウェブ収集ロボット）の巡回を促すことができるものです。検索エンジンのインデックスに、より多くのページを登録（インデックス）させることができる"可能性"があります。 サイトマップと言うと、ホームページ内に存在するページをリストアップした人間（＋検索エンジンロボット）向けのページがありますが、それとは別物です。（その情報ならコチラ～） ちなみに、このサイトマップは、ページの登録を保障してくれるシロモノではありません。すでに検索エンジンにインデックスされてるページからアンカータグによるリンク（被リンク・バックリンク）というのが基本的にないと、ページは検索結果に反映されないといっていいです。（陸の孤島状態ではダメダメ～！） あと、検索結果のランク付けで直接的に優遇されるものでもありません。まあページがそもそ
FC2サイトマップ
Blog Easy for beginners! Plenty of templates available! Video Upload your favorite videos. Watch them from your mobile phone! Paying Members can watch in full High Definition! Live Broadcast a Program or enjoy a Two-way Video Chat. Content Market Buy/Sell Digital Contents immediately with points Free Website No annoying ads, large-storage (1GB)! It's free! Analyzer Analyze visitors' movements! Cho
サイトマップを作成-自動生成ツール「sitemap.xml Editor」
【ご注意事項】 1. ご自身のサイトのみに利用ください。2. 一度の作成で、最大1,000URLの取得が可能です。3. 1,000URL以上は「除外ディレクトリ」をご活用ください。例えば、1,000URL以上ある*****.com/のサイトマップを作成する際、*****.com/ABC/、*****.com/DEF/、のみのURL構成だった場合は、ABCとDEFを別々に除外ディレクトリに指定し2つのsitemap.xmlを生成します。その後どちらかにまとめて一つのsitemap.xmlとするか、2つのsitemap.xmlをアップしそれぞれ認識させます。4. rel="nofollow"のついたリンク以降のURLは取得しません。5. 生成されたファイルはご自身の責任のもとでご利用ください。
あのサイトはどのくらいの画面サイズで、見られているかが分かる「Google Browser Size」 | ライフハッカー・ジャパン
ライフハッカーはこんな感じだそうです。 ユーザーは、実際どんな解像度でサイトを見ているのか？ コンテンツの位置は適切だろうか？ という疑問は、多くのWeb制作者が気になるところでありますが、それを図示的に理解させてくれるサービスが、新サービス年末総決算セール状態のGoogle様からリリースされました。 Google Browser Sizeは、URLを入力すると「サイトのどこまでが、何%のユーザーの画面で表示されているか」という統計情報を、実際のWebサイトの上に表示してくれます。上のキャプチャで言えば、左端の将棋盤風電柱の写真から、lifehackerのロゴ付近までは99％のユーザーの画面に映ってますよ、というわけです。 普通にWebサイトを見るときと同じように、スクロールもできますし、Flashコンテンツも動きます。Webデザインの検討をする際の、一つの指標として使えるかも知れません。
ページ遷移に着目したサイトのナビゲーション改善 Google AnalyticsでSEO | Google Analyticsの使い方&解析ワザ
アクセス解析のデータをもとにサイトを改善していく場合、共通点が多い集団に絞り込んで分析するセグメンテーション手法が有効だ。このセグメンテーションを簡単に実現できるGoogle Analyticsの「アドバンスセグメント」は、アクセス解析を行う上で、とても重要な機能になることは前回や前々回の記事で、その設定方法とともに解説してきた。 しかし、絞り込みまではできても、その後どうやって改善していくのか？ 担当者が知りたいのはそこではないだろうか。今回はその取り組み方の例を紹介しよう。 ブランドワードを軸にした改善方法ここからは、架空のホテルサイト「ウェブタンホテル※」を例に進めていくことにする。このホテルは、十分な検討を行ったうえで見は見栄えの良いデザインのサイトを作ったつもりだったが、お客様から「サイトがわかりにくい」と言われてショックを受けていた。そこで、どうしたものかと僕に相談が来た。 ※
Gmailをメールハブにしよう 第1回 すべての電子メールをGmailに集約しよう ： デスクトップ - TECH WORLD
豊富な機能を使いこなし、電子メールを集中管理する！ グーグルの「Gmail」は、6GB強という大容量のメールボックスを無償で利用できる人気のWebメールサービスだ。さらに、優秀なスパムフィルタ、強力・高速なメール検索、「ラベル」などを用いた柔軟なメール整理など、他のWebメールサービスにはない高度かつ便利な数々の機能も備えている。複数のメールアカウントを抱え、その管理の煩雑さに困っているユーザーは、Gmailを電子メールの集約地点、“メールハブ”として利用してみてはいかがだろうか。 （2008/04/21） 伊佐 広 印刷用ページ 2004年のベータサービス開始から4年、そしてだれでも自由にユーザー登録ができるようになってから2年弱が経過し、現在、グーグルの提供する「Gmail」（http://gmail.com/）は有力なメールサービスの一つとして広く認知されるようになっている。
Google ウェブマスター ツール - マイレポート
Search Console でプロパティに関する Google 検索結果データを監視できます。
Google Mania - グーグルの便利な使い方
25MB以上のデータ添付はDropbox for Gmail が便利です！ SATO @ 11月 11日 01:47am Gmail（Gメール） Chrome、Gmail、Dropboxを使用されている方には、とても便利な機能です。 今年の始めに、DropboxがChrome拡張機能を導入し、Gmailのオンラインストレージサービスを開始しました。 続きを読む » Tags: Dropbox, Gmail, データ, 大容量, 添付, 画像, 簡単, 送る Comments (0) ネットが接続できない場所でも『オフラインGmail』を使って作業をしよう！ SATO @ 11月 10日 03:21am オフラインGmail オフラインGmailとは オフラインGmailは、オフライン（インターネットに接続できない）状態で、事前にメール文を作成したい、受信済みのメールの確認をしたい時などに便
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BO STUDIO
お金をかけずMacのネット環境を3倍高速化！騙されたと思ってdolipoとGooglePublicDNSを導入しよう(Lionも対応）｜男子ハック
