Facebookページとホームページを連携の準備

Facebookページの情報をWebページで表示するためには、まずアプリ登録をしてからアプリIDをゲットする必要がある。Webとアプリを紐付ける時には、httpsの接続元のURLを入力する必要がある。

  1.  まずアプリを作る https://developers.facebook.com/
  2. プラットフォームを追加  > ページタブ
  3. セキュアページタブのURLにhttpsの接続元urlを入れるスクリーンショット 2017-03-22 10.10.25
  4. 紐付け,ブラウザに直接以下を入れるhttp://www.facebook.com/dialog/pagetab?app_id=アプリID&next=httpsの接続元url

Blenderから.objをエキスポートしてthree.jsで読み込む時

Blenderから.objをエキスポートすると.mtl内に

map_Kd floor.png

みたいな感じでテクスチャ名が書かれている。three.js上で別にテクスチャを読み込むので、ここの記述は1行いらなく、残しておくとエラーが出る。

 

さらに.obj内の記述で

usemtl Material.001

とマテリアル名が書かれている部分を,

usemtl floor

のようにfloor.mtlの名前の部分に書き換える。ここはBlender側でついてたマテリアル名がデフォで記述されているんだけど、three.js側は.mtlファイル名が必要っぽい。調べてないから詳しくはわからないけど。ここはブラウザでエラーも出ないのできづきにくい。

Google API OAuth 2.0 の認証でハマった

<script type="text/javascript">

var client_id = "クライアントID";
var scopes = 'https://www.googleapis.com/auth/drive';

function checkAuth() {
	gapi.auth.authorize(
	{
	    'client_id':client_id,
	    'scope':scopes,
	    'immediate':true
	},
	function(authResult){
		console.log(arguments);
	}); 
}
</script>
<script type="text/javascript" src="https://apis.google.com/js/client.js?onload=checkAuth"></script>

こんな感じで認証部分を記述しても何度やってもこのエラーが。。

これ位のコードだとGoogle APIの設定を疑うくらいしかないのだが、Google のdeveloper consoleとかapiとかは膨大すぎてカオスで無駄に時間を取られた。

最終的には、API Managerの中の認証情報から、0Auth 2.0 クライアント IDのwebclientのところをクリック

制限事項のURLにローカルの8888ポートを指定していないということでした。。

 

これに気づくまで数時間も時間を無駄にしてしまいました。。

Googleにページをすぐにインデックスさせる方法

ブログが全くインデックスされないので、Search ConsoleでURLを単位でリクエストを送ったらすぐにインデックスされました。

search console

 

Search Console > クロール > Fetch as Google

であとはページのURLを入れてくだけで、その場で処理されていきます。

送信したあとに「インデックス登録をリクエスト」ボタンが表示されますのでおすとダイアログが表示されます。

もろもろチェックしてから送信を押して終わりです。

簡単すぎてちゃんとインデックスされているのか疑いたくなります。