【Instagram】左側に「過去の投稿」ボタンを設置するJavaScript

2025年1月13日JavaScript

この記事では、PC版「Instagram」の左側サイドバーに「過去の投稿（/?variant=past_posts）」ページを開くためのリンクボタンを設置する「JavaScript」を紹介します。

ウェブサイトに「JavaScript」を適用できるChrome拡張機能・Firefoxアドオン「Violentmonkey」や「Tampermonkey」を利用します。

PC版「Instagram」の「ホーム」だとフォローしている人の投稿後に全く関係ない人の「おすすめの投稿」が表示されます。人によっては不快かもしれません。

フォローしている人だけの投稿にしたい場合「/?variant=past_posts」ページにアクセスする必要があります。こちらはフォローしていない人の投稿が表示されません。

PCウェブサイト版「Instagram」の「過去の投稿（?variant=past_posts）」画像

ブックマークに登録することで多少アクセスしやすくなりますが、もっとアクセス性を向上したいと思うかもしれません。

JavaScriptを利用して左側サイドバーに新しく「過去の投稿」というリンクボタンを設置してみたいと思います。Instagram上であればいつでもアクセスできます。

「ChatGPT」に手伝ってもらって作成しました。JavaScriptができる方からしたら汚いコードだと思うかもしれません。

1. インストール方法
2. Instagramのサイドバーに「過去の投稿」を追加するJavaScript
3. 感想

インストール方法

本記事で紹介する拡張機能以外にも「JavaScript」を実行できる拡張機能はいくつかあります。どれでもOKです。本記事では「Violentmonkey」を紹介します。

Chromeウェブストアからインストールできます。

Violentmonkey - Chrome Web Store

An open source userscript manager that supports a lot of browsers

https://chromewebstore.google.com/detail/violentmonkey/jinja...

Firefoxをご利用の場合

Firefoxをご利用の方は以下のFirefoxアドオンストアからインストールできます。

Violentmonkey – 🦊 Firefox (ja) 向け拡張機能を入手

Firefox 向け Violentmonkey をダウンロード。Userscript support for browsers, open source.

https://addons.mozilla.org/ja/firefox/addon/violentmonkey/

「Firefoxへ追加」をクリックします。

「Chromeに追加」をクリックします。

「拡張機能を追加」をクリックします。

拡張機能のオーバーフローメニュー内に拡張機能ボタンが追加されればOKです。

詳しい使い方については以下の記事を参考にしてみてください。本記事は既にインストールしてある程度使い方を知っている前提です。

【Violentmonkey】ユーザースクリプトを実行できる拡張機能

この記事では、ウェブサイトにユーザースクリプト（JavaScript）を適用できるChrome拡張機能「Violentm ...

https://www.naporitansushi.com/violentmonkey/

【Tampermonkey】スクリプトをバックアップして移行する方法

この記事では、Chrome拡張機能・Firefoxアドオン「Tampermonkey」に登録しているユーザースクリプト（U ...

https://www.naporitansushi.com/tampermonkey-import-backup/

Instagramのサイドバーに「過去の投稿」を追加するJavaScript

拡張機能の作成画面を開く

「Violentmonkey」をインストールした状態で「Instagram」にアクセスします。

インストールした「Violentmonkey」拡張機能アイコンをクリック→「＋」ボタンをクリックします。

JavaScriptコードを書き込む

新しいタブでコードを書き込む画面が表示されるので全文を削除して以下のコードを書き込みます。

JavaScript

// ==UserScript==
// @name         左側サイドバーに「過去の投稿」リンクボタンを設置
// @namespace    https://openai.com/blog/chatgpt/
// @namespace    https://www.naporitansushi.com
// @version      0.1
// @description  PC版Instagramの左側サイドバーの「ホーム」ボタンの下に「過去の投稿（/?variant=past_posts）」を開くリンクボタンを設置するJavaScript
// @author       ChatGPT（指示したのはナポリタン寿司）
// @match        https://www.instagram.com/*
// @match        https://www.instagram.com
// @icon         https://www.google.com/s2/favicons?sz=64&domain=instagram.com
// @grant        none
// ==/UserScript==

let p=document.querySelector(".xh8yej3.x1iyjqo2"),d=p.querySelector("div"),a=document.createElement("a");
a.href="/?variant=past_posts";
a.textContent="過去の投稿";
a.style.cssText = "font-size: 24px; display: block; margin: 10px 0 10px 20px;";
p.insertBefore(a,d.nextSibling);