Analogstudio

アナログ回路、車、写真、PCなどに関するブログ

インスタグラムのタイムラインを表示しよう!「Instagram API」の使い方

インスタグラムのタイムラインを表示しよう!「Instagram API」の使い方

流行りの SNS と言えばインスタグラムがあるでしょう。
せっかくなのでタイムラインを Web サイト上に表示したいですよね。

しかし、いざやろうとタイムラインを表示しようと思っても簡単にはできません。
そこで、今回はインスタのタイムラインを Web サイト上に表示させる方法を紹介します。
続きを読む 紹介インスタグラムのタイムラインを表示しよう!「Instagram API」の使い方

検索流入が増えるSEO対策って何をすればいいの??4つの大切な方法をまとめます!

検索流入が増えるSEO対策って何をすればいいの??4つの大切な方法をまとめます!

暑さもひと段落して秋の雰囲気が感じられる季節になりました。

さて、そんな爽やかな季節に SEO の話題は如何でしょうか?
正直、何をやっていれば良いのか分からない SEO について、私なりに大切なことを4つまとめます。
続きを読む 紹介検索流入が増えるSEO対策って何をすればいいの??4つの大切な方法をまとめます!

WordPressでパンくずリストを表示させる方法【SEO対策】【プラグイン不要】

WordPressでパンくずリストを表示させる方法【SEO対策】【プラグイン不要】

ブログを書いていれば「パンくずリスト」という言葉を聞いたことがあるかもしれません。
パンくずリストは現在の記事 (ページ) がどんなカテゴリのどの階層に居るのかを分かりやすく表現する為に使われるナビゲータのようなものです。

実はこのパンくずリストは、人間だけでなく Googlebot のような検索エンジンのクローラにもサイトの構造を明示できる手段の一つです。
つまり、パンくずリストの導入は SEO (検索エンジン最適化) にも有利となるということです。
そこで今回は WordPress で簡単に表示させる方法を紹介します。
続きを読む 紹介WordPressでパンくずリストを表示させる方法【SEO対策】【プラグイン不要】

CSSだけで作るアニメーション付きドロップダウンメニュー【スマホ対応】

CSSだけで作るアニメーション付きドロップダウンメニュー【スマホ対応】

CSSだけでシンプルなドロップダウンメニューを作る方法を紹介します。

アニメーションを付ける場合、以前はJavascriptを使って動的にプロパティを変えていく必要がありました。
しかし、最近ではCSS3で追加された “transition” プロパティで徐々に変化させることもできるようになりました。
続きを読む 紹介CSSだけで作るアニメーション付きドロップダウンメニュー【スマホ対応】

ZipCloudの郵便番号検索をSSLに対応させる方法【PHP】

ZipCloudの郵便番号検索をSSLに対応させる方法【PHP】

先日、本ブログをSSL化したという記事を書きましたが、以前投稿した記事にSSLに対応できないものがあったのでその修正方法を書いていきます。

SSL化に対応していのは、郵便番号から自動で住所を表示させる方法で投稿したコードです。
郵便番号検索のデータベースとして株式会社アイビスさんのZipCloudを使用させて頂いていますが、こちらのAPIはSSLに未対応です。
ですので、以前のコードをそのまま流用するとSSL化したサイトではブラウザによってブロックされてしまうことがあります。
続きを読む 紹介ZipCloudの郵便番号検索をSSLに対応させる方法【PHP】

【Javascript】郵便番号から自動で住所を表示させる方法

【Javascript】郵便番号から自動で住所を表示させる方法

Javascriptを使った小技を紹介します。

郵便番号を入力すると都道府県名・市町村名・町域名まで自動で取得する方法です。
続きを読む 紹介【Javascript】郵便番号から自動で住所を表示させる方法