【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応） みんな大好きインスタグラム。 今日はInstagramの投稿をウェブサイトに表示させる方法を紹介します。 前半部分では［Instagram Graph API］を使って、Instagramの投稿を表示させるのに必要な「アクセストークン」と「InstagramビジネスアカウントID」の取得方法を。 後半部分ではPHPでJ... 【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応）続きを読む →
【Responsive Google Maps】ウィンドウをリサイズしてもピンが中央からズレないようにする方法 ウィンドウ幅を変えても必ずピンが画面の中央に配置されるレスポンシブ対応の Google Maps の設置方法を紹介します。 以下のリンク先にサンプルを用意しています。 試しにウィンドウ幅を変えてみてください。 Responsive Google Maps : https://on-ze.com/demo/api-goo... 【Responsive Google Maps】ウィンドウをリサイズしてもピンが中央からズレないようにする方法続きを読む →
【jQuery + PHP】クロスドメイン対応版：Google Feed API の代替案を紹介します。 昨日 Google Feed API が停止した事件があり、ウェブ制作者の方々はその対応に追われ、各地で阿鼻叫喚と大混乱が起きていました。 一夜明けて、現時点で Google Feed API が復旧しているようですね。 しかしまたいつ廃止されるかもわからない状況なので、今のうちに対策をしておいたほうが安心です。 ……... 【jQuery + PHP】クロスドメイン対応版：Google Feed API の代替案を紹介します。続きを読む →- 【jQuery】緊急案件：Google Feed API が廃止になっているので代替案を紹介します。 昨日、2015年12月2日未明より Google Feed API が403エラーを返すようになり、特にニュースサイトを中心とした各方面で混乱が発生しています。けっこう大変な事態のようですね。 未だ公式サイトでもアナウンスが無く、廃止になったのか否かもわからない状況です。 弊社のクライアント様でも『外部サイトのRSSフ... 【jQuery】緊急案件：Google Feed API が廃止になっているので代替案を紹介します。続きを読む →
プラグイン［Jetpack］の機能『Photon』はWordPress外からでも使えます。 これ、ちょっとした裏ワザです。 ワードプレスのプラグイン［Jetpack by WordPress.com］で提供されている『Photon』を、WordPressを経由せずに利用する方法を紹介します。 Photon の仕組み PhotonはWordPress.comが提供する無料のCDNです。 キャッシュサーバーは「h... プラグイン［Jetpack］の機能『Photon』はWordPress外からでも使えます。続きを読む →- 地図を埋め込んであるサイトで［Google Maps API］のエラーメッセージが発生していませんか？ ウェブサイトに「Google Maps」を埋め込んでいる方は、今すぐブラウザでエラーコンソールが発生していないか確認してください。 下記のようなエラーメッセージが出力されていませんか？ Google Maps API warning: SensorNotRequired: https://developers.goog... 地図を埋め込んであるサイトで［Google Maps API］のエラーメッセージが発生していませんか？続きを読む →
- レスポンシブ対応サイトに［Google Maps］を埋め込んだときに表示が崩れるときの解決策。 ウェブサイトに Google Maps API を埋め込んだとき、稀にコントローラーのUIが崩れるなどの怪奇現象が起こることがあります。 実はコレ、単にスタイルシートの設定が原因です。 レスポンシブ対応のサイトを構築するとき、画像の大きさをウィンドウサイズに合わせて調整するために、以下のようなスタイルを使うことがあるか... レスポンシブ対応サイトに［Google Maps］を埋め込んだときに表示が崩れるときの解決策。続きを読む →
- 「Internet Explorer」でGoogle Mapsの表示が乱れるときの解決策。 ウェブサイトに［Google Maps］を埋め込んだとき、またはブラウザで直接［Google Maps（https://www.google.co.jp/maps）］を表示させるとき。 Internet Explorer で閲覧すると不具合が起こるケースがありました。 製作者サイドとしては「IE ﾀﾋね！」と叫びたくな... 「Internet Explorer」でGoogle Mapsの表示が乱れるときの解決策。続きを読む →
「Google Chart API」を使ってQRコードを生成する方法。 URL短縮サービスと並行して普及してきたQRコードですが、Googleが提供している「Google Chart API」というプログラムを使って、誰でも簡単にQRコードを生成してしまう方法を紹介します。 基本的には「img」タグのsrc属性に任意のパラメーターを指定していくだけ。 例えば上記のQRコードは以下のhtml... 「Google Chart API」を使ってQRコードを生成する方法。続きを読む →