はてなブログとInstagramを連携する

はてなブログで Instagram の投稿を記事に埋め込んだりするには Twitter と連携をしておくと便利です。ここでは「はてなブログ」と Instagram を連携する手順について解説します。

(Last modified: )

Instagramと連携する

はてなブログを Instagram と連携するにはまず Instagram のアカウントを作成しておく必要があります。ここでは Instagram のアカウントを取得する方法については省略いたします。

それでは Instagram と連携を行います。画面右上に表示されている「はてなID」をクリックし、表示されたメニューの中から「アカウント設定」をクリックしてください。

Instagramと連携する(1)

アカウント設定の画面が表示されます。

Instagramと連携する(2)

「外部サービス連携」タブをクリックしてください。

Instagramと連携する(3)

Instagramと連携する(4)

「Instagram連携設定」の個所を見てください。「現在無効です」と表示されています。有効にするには「有効にする」をクリックしてください。

Instagramと連携する(5)

Instagram のログイン画面が表示されます。連携するのに使用するアカウントでログインを行ってください。

Instagramと連携する(6)

Instagram 側の設定で、はてなブログに対してアカウントへのアクセスを許可するかどうかの確認画面が表示されます。許可するとどのようなことができるようになるのかが表示されますので、よく読んでいただき許可できる場合には「承認」をクリックしてください。

Instagramと連携する(7)

「外部サービス連携」タブの画面に戻ります。「Instagram連携設定」の個所を改めてみると、「現在有効です」と表示されています。

Instagramと連携する(8)

はてなブログと Instagram との連携が完了しました。

Instagram側の設定を確認する

Instagram アカウントに対して「はてなブログ」からのアクセスを許可したことに関して Instagram 側ではどのような設定になっているのかを確認しておきます。 Instagram の画面を表示し、画面右上に表示されているプロフィール画像をクリックしてください。

Instagram側の設定を確認する(1)

Instagram側の設定を確認する(2)

次のアイコンをクリックしてください。

Instagram側の設定を確認する(3)

表示されたメニューの中から「アプリとウェブサイト」をクリックしてください。

Instagram側の設定を確認する(4)

「アプリとウェブサイト」の画面が表示されます。

Instagram側の設定を確認する(5)

アクセスの許可を与えているアプリとウェブサイトの一覧が表示されます。次のように「はてなブログ」が表示されていれば Instagram と「はてなブログ」の連携は無事行われています。

Instagram側の設定を確認する(6)

-- --

「はてなブログ」と Instagram を連携する手順について解説しました。

( Written by Tatsuo Ikura )

Profile
profile_img

著者 / TATSUO IKURA

プログラミングや開発環境構築の解説サイトを運営しています。