Facebook Graph API で Access Token を取得する手順

Facebook Graph API が最近更新され、いままで下記のような記述で取得できていたフィードが、認証なしに取得できなくなったらしいです。

$.getJSON('http://graph.facebook.com/Facebookユーザ名/feed?date_format=U&callback=?', function(json){
}

どうやら必ずaccess_tokenを指定する必要があるそうです。
Graph API PROFILE_ID/feed and PROFILE_ID/posts now requires access_token

access_tokenの取得方法について調べたところ、
下記手順で取得できるようです。

  1. https://www.facebook.com/developers/にアクセスし、”Set Up New App”をクリックする。
  2. アプリケーション名を適当につける。
  3. 左メニューの”Web Site”タブをクリック。
  4. Core Setting の Site URLにURLを入力。
  5. 次に、
    https://graph.facebook.com/oauth/authorize?type=user_agent&client_id=【App ID】&redirect_uri=http%3A%2F%2【YOUR SITE URL】&scope=read_stream,offline_access
    

    の【App ID】、【YOUR SITE URL】を4.のアプリケーションIDとSite URLに差し替え、ブラウザでアクセス。

  6. リダイレクトしたページのURLのaccess_token=以下がaccess_tokenです。

以上です。

フィードを取得するURLを下記のようにすれば、今まで通りにフィードを取得できました。

$.getJSON('http://graph.facebook.com/Facebookユーザ名/feed?access_token=【6.で取得したaccess_token】&expires_in=0&date_format=U&callback=?', function(json){
}

【参考】http://itslennysfault.com/get-facebook-access-token-for-graph-api

PDFを指定したページから開く等、PDFを開くときのパラメータいろいろ

PDFって途中のページ(指定したページ)から開くことができるんですね。
他にもウィンドウサイズにフィットさせたり、ズームレベルを指定したりと、色々なパラメーターがあるようです。

続きを読む PDFを指定したページから開く等、PDFを開くときのパラメータいろいろ

メディアクエリーについて-ブラウザ幅に応じて異なるCSSを適用する。

メディアクエリーとは?

対象とする出力メディア(ディスプレイやプリンタ)と閲覧者の環境(ウィンドウ幅や解像度)を組み合わせ、スタイルシートを適用する条件を細かく指定する仕組みのこと。
たとえば、横幅800pxのモニターで見ている人には「width: 600px;」を適用し、横幅1600pxのモニターで見ている人には「width: 960px;」を適用する、といったことができる。
続きを読む メディアクエリーについて-ブラウザ幅に応じて異なるCSSを適用する。

Dreamweaver CS3でzen-codingを使えるようにする。

Dreamweaver CS3でzen-codingを使えるようにするには、少し工夫がいるようなので、メモ。
以下、Dreamweaver CS3にzen-codingをインストールする手順をご紹介します。
続きを読む Dreamweaver CS3でzen-codingを使えるようにする。

意外と間違って覚えている外来語のカタカナ表記

外来語のカタカナ表記って意外と間違って覚えていませんか?

アタッシェケース?アタッシュケース?
フィーチャリング?フューチャリング?

そんな覚えが怪しいカタカナ表記を集めてみました。

続きを読む 意外と間違って覚えている外来語のカタカナ表記

【Web制作】ユーザーからフィードバックを得るのにUserVoiceは使いやすくて、とてもよいと思う

海外サービスで改善してもらいたい点があったときにUserVoiceが設置してあり、英語が読めないながらに改善点を伝えることができました。とても使いやすく、よいサービスだとおもったので紹介したいと思います。

UserVoiceはSaaS(Software as a Service)で提供されている、ユーザーからのフィードバックページを提供するサービスです。

続きを読む 【Web制作】ユーザーからフィードバックを得るのにUserVoiceは使いやすくて、とてもよいと思う

【META】【HTML】「Google翻訳」を拒否するMETAタグ notranslate

Google翻訳で簡単にページ全体を翻訳できますが、METAタグに notranslateを記述することで、翻訳させないようにできるようです。

Ex)
<meta name=”google” value=”notranslate”>
または
<meta name=”google” content=”notranslate”>

翻訳してはいけない箇所を限定する場合、class=”notranslateを使えばよいようです。

Ex)
<span class=”notranslate”>翻訳してほしくない文章</span>

【参考】
http://googlewebmastercentral.blogspot.com/2008/10/helping-you-break-language-barrier.html

【SEO】検索リンクが青い理由|「Bing」設計の裏側

CNET Japan「「Bing」の検索リンクが青い理由–マイクロソフトが配色決定の裏側を説明」より

Microsoftは「Bing」を設計したときに、膨大な数の色を検証した結果、ユーザーがもっとも関心を持つ色は青色「#0044cc」であることがわかったそうで、これはGoogleが使用しているものと非常に近い色合いの青だった。とのことです。

#0044cc

なお、Microsoftの以前の検索エンジンである「Live Search」は、もう少し明るい青色を使用しており、「Live Searchの青色は、少し自信が欠けていた」そうです。

【SEO】Google検索品質チームによるSEOの質疑応答

ASCII.jp「Google検索品質チームによるSEOの質疑応答 – Google Site Clinic」より

下記質問への回答が掲載されています。

Q) 私は同じ情報を掲載しているブログを3つ運営しています。これは問題になりますか?
Q) 数ヶ月で一定の数のリンクを張ってGoogleのランキングを1位にすることを約束してくれるSEOエージェンシーは信じていいか?
Q) 私のサイトと関連性があるキーワードがあるのですが、それをコンテンツに含めるのは不適切なものがあります。例えば、誤解を招く、スラングである、不快など。Googleにどのように関連性を伝えられますか?
Q) URLのリライト機能は使ったほうがいいですか?
Q) もしジオターゲティングでアイルランドを設定したら、北アイルランドも対象に含まれますか?
Q) .comと.infoなど gTLDの違いでランキングは変わりますか?
Q) 私はアイルランド共和国向けのコンテンツを .soドメインで運営しています。これは検索順位に悪影響がありますか?