Analogstudio

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

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

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

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

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

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

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

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

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

Webサイトを作る時に気を付けていること

Webサイトを作る時に気を付けていること

Webサイトを作成する時、皆さんはどんなことに気を付けていますか?
個人でコーディングからWebサイトを構築する方は (現在では) 殆どいないと思いますが、もし作るという方は参考になるかもしれません。

今から15年ほど前のインターネットが浸透し始めた頃は自分でコーディングして運営しているという人が沢山いたんですけど、最近ではWordpressなどをはじめとするCMSを利用したブログ形式が殆どでしょう。
CMSはHTMLやCSS, Javascriptに詳しくなくても手軽に始められるメリットがあります。
コーディング時代は終わりに近づいていることは確実です。

しかし、個人レベルでWebサイトを運営する場合はやはりCMSに頼らない方が自由が利いて管理も簡単になる場合も少なくないと思います。
ページ数が膨大でない場合はシンプルな環境となります。
今回の記事はそんな方を対象に書いていきたいと思います。

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

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

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

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

写真ギャラリー用のテストページを作りました

写真ギャラリー用のテストページを作りました

写真ギャラリー用のテストページを作ってみました。 Sample1 Sample2 ご興味のある方がおりましたら、解説記事を作ろうと思います。 コメントやお問合せからご意見をお聞かせ頂けると助かります。 <Sample2か続きを読む写真ギャラリー用のテストページを作りました[…]

写真ギャラリーのソース解説④ ~Javascriptによる画像の順次読み込み~

写真ギャラリーのソース解説④ ~Javascriptによる画像の順次読み込み~

先日公開した写真ギャラリーのソースコードを解説していきます。

第4回目はJavascriptによる画像の順次読み込みの解説です。
予めサムネイル画像には軽い画像 (紹介している例では、”Now Loading….” と書かれた画像) を読み込ませておき、先頭から順番に本来のサムネイルへと切り替えていきます。
順番で表示させないと回線が遅い場合、全体の画像がちょっとずつ読み込まれてなかなか一枚の画像が表示されずにストレスになるかもしれません。
続きを読む 紹介写真ギャラリーのソース解説④ ~Javascriptによる画像の順次読み込み~

写真ギャラリーのソース解説③ ~Javascriptによる要素の遅延読み込み~

写真ギャラリーのソース解説③ ~Javascriptによる要素の遅延読み込み~

先日公開した写真ギャラリーのソースコードを解説していきます。

今回は、第3回目で要素の遅延読み込みのJavascriptの解説です。
Javascriptは、次回、画像を先頭から順番に読み込むものを解説します。
続きを読む 紹介写真ギャラリーのソース解説③ ~Javascriptによる要素の遅延読み込み~

写真ギャラリーのソース解説② ~PHPによる画像リストとEXIF情報の取得~

写真ギャラリーのソース解説② ~PHPによる画像リストとEXIF情報の取得~

先日公開した写真ギャラリーのソースコードを解説していきます。

今回は、第2回目ということであるディレクトリ下にあるJPEGファイルを自動的に全てリストアップするPHPについてです。
それに併せてEXIF情報も取得していきます。
続きを読む 紹介写真ギャラリーのソース解説② ~PHPによる画像リストとEXIF情報の取得~

写真ギャラリーのソース解説① ~画像リサイズPHP~

写真ギャラリーのソース解説① ~画像リサイズPHP~

先日公開した写真ギャラリーのソースコードを解説していきます。

まずは、第1回目ということで画像をリサイズするPHPについてです。

画像変換の拡張機能 (PHP GD) を使用しているので必ずインストールして下さい。
Xserverの場合は予めインストール済みです。
続きを読む 紹介写真ギャラリーのソース解説① ~画像リサイズPHP~

写真ギャラリーサイトを作ってみました【PHP】【Javascript】【Xserver】

写真ギャラリーサイトを作ってみました【PHP】【Javascript】【Xserver】

写真だけをまとめたページ (ギャラリーサイト) をWordpressで作ろうとしたのですが、どうも思った通りにできず、結局イチから作ってみました。

なので、今回はその紹介です。

作ったものはPHPとJavascriptで主に構成されています。
PHPの中身とJavascriptでの処理についてはそれぞれ解説記事も投稿します。
続きを読む 紹介写真ギャラリーサイトを作ってみました【PHP】【Javascript】【Xserver】