Category Archives: Web

「Instagram Graph API」を使ったインスタタイムラインの表示方法をまとめました!

「Instagram Graph API」を使ったインスタタイムラインの表示方法をまとめました!

見ていて楽しい SNS といえばインスタグラムですよね。 この時期にはキレイな桜の写真がたくさん投稿され SNS からも春を感じられます。 そんなインスタグラムのタイムラインを自分の Web サイトに表示したいと考える方は多いと思います。 しかし、インスタグラムにはタイムラインを簡単に表示させる仕組みというものは用意されていません。 なので、タイムラインを表示させるには「Instagram API」や「Instagram Graph API」といった API にリクエストを投げて、情報を取得、HTML に

Read More

GMOイプシロンの決済代行システムでテストしてます。その2

GMOイプシロンの決済代行システムでテストしてます。その2

GMO イプシロンが提供する決済代行サービスを利用するためにテストを行っているので備忘録としてこちらに残しておこうと思います。 このシステム仕様書が分かりにくいので、テストしながら作っています。 今回は第2回目です。同じように困っている方の一助になれば幸いです。

サイトマップを自動生成!PHPでクロールさせよう!

サイトマップを自動生成!PHPでクロールさせよう!

Webサイトを運営していると Google Search Console に登録するサイトマップを準備する必要がありますよね。 Wordpress などではプラグインで簡単に作ることができますが、それ以外だと自分で用意しないといけません。 自動生成してくれるサービスもありますが、サイトマップを更新する際には手間が掛かります。 PHP を使ったスクリプトも数多くありますが、どうやらファイルを検索して一覧にするというものばかりでした。 これでは動的に生成されるページがサイトマップに登録されませんので、自作する

Read More

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

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

流行りの SNS と言えばインスタグラムがあるでしょう。 せっかくなのでタイムラインを Web サイト上に表示したいですよね。 しかし、いざやろうとタイムラインを表示しようと思っても簡単にはできません。 そこで、今回はインスタのタイムラインを Web サイト上に表示させる方法を紹介します。

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

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

ブログを書いていれば「パンくずリスト」という言葉を聞いたことがあるかもしれません。 パンくずリストは現在の記事 (ページ) がどんなカテゴリのどの階層に居るのかを分かりやすく表現する為に使われるナビゲータのようなものです。 実はこのパンくずリストは、人間だけでなく Googlebot のような検索エンジンのクローラにもサイトの構造を明示できる手段の一つです。 つまり、パンくずリストの導入は SEO (検索エンジン最適化) にも有利となるということです。 そこで今回は WordPress で簡単に表示させる

Read More

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

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

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