CodeKitHubこのツールとは？
Instagram投稿ジェネレーターは、Instagramフィード投稿カードを再現するブラウザベースのモックアップツールです——グラデーションリング付きの丸いアバター、任意で青い認証チェックマークが付く@ユーザー名、写真プレースホルダー、ハート・コメント・シェア・保存のアクション行、いいね数、ハッシュタグ付きキャプション、「他のコメントをすべて見る」の行を備え、自分だけのコンテンツを入力して共有可能な画像として書き出せます。
エンタメ・デザイン用途専用：このツールは冗談、ミーム、プレゼンテーションのスライド、UI/UXプロトタイプ、SNSコンテンツのために作られています。詐欺的な証拠の捏造、嫌がらせや誹謗中傷、実在の人物が実際に投稿した内容へのなりすましに使用してはいけません——法域によっては違法となる可能性があり、このツールの意図する用途に厳格に反します。
入力した内容がデバイスから外に出ることは一切ありません——投稿全体はブラウザ内でHTML Canvas APIを使ってレンダリングされ、PNGもローカルで生成・ダウンロードされます。サーバーへのアップロードも、アカウント登録も、コンテンツの追跡も一切ありません。
なぜこれを使うのか？
- ばかげた架空の投稿にキャプションとエンゲージメント数でオチをつけるミームを作るとき、写真の上にただテキストを載せるより、本物のフィードのスクショに見せたい場合に使えます。
- 実際のコンテンツがまだない段階で、クライアントにインフルエンサー案件の完成イメージ——キャプションのトーン、ハッシュタグの付け方、説得力のあるエンゲージメント数——を見せたいときに便利です。
- UXデザイナーとして、キャプションの文字数がどう折り返されるか、5桁と6桁のいいね数でカードのレイアウトがどう変わるかを検証したいとき、実アカウントのスクショに頼らずすぐにモックアップを作れます。
- 「良いInstagramキャプションとは」を解説する講座や事例スライドに、文章の塊ではなく実際のスクリーンショットのようなサンプル画像を添えたいときに役立ちます。
- 実際に投稿する前に、自分の書いたキャプションとハッシュタグが本番のフィードカードでどう折り返され、どう配色されるかを事前に確認したいときに使えます。
- 100%ローカルレンダリング——キャプションや数値がサーバーに触れることはありません。
使い方
- ユーザー名（@handle）、アバターの色または写真アップロードを設定し、認証バッジを切り替えます。
- キャプションとハッシュタグを書き、写真プレースホルダーを表示するか選択します。
- 投稿の下に表示するいいね数とコメント数を設定します。
- フィードカードのプレビューがリアルタイムで更新されるのを確認し、「Download PNG」をクリックして画像を保存します。
例
入力
ユーザー名：「@alex.rivera」・認証：オン・キャプション：「海辺のゴールデンアワーはいつも最高 ✨」・ハッシュタグ：「#travel #sunset #ocean」・いいね：「4,281」・コメント：「63」出力
480×576のPNG画像で、Instagramフィード投稿を表示します：グラデーションリング付きアバターと青いチェックマーク付きユーザー名、写真プレースホルダー、ハート・コメント・シェア・保存の行、「4,281 likes」、青色のハッシュタグ付きキャプション、「View all 63 comments」。画像はライブプレビューのcanvas上で即座に生成され、ワンクリックでダウンロードできます——待ち時間もアップロードもありません。
カスタマイズできる項目
- ユーザー名（@handle）、アバターの色または写真アップロード、切り替え可能な青い認証バッジ。
- ハッシュタグ付きのキャプションテキスト。Instagramのリンクブルーで表示されます。
- いいね数とコメント数。実際のInstagram投稿と同じ形式で表示されます。
- 任意の写真プレースホルダー領域。Instagramの正方形フィード画像の比率に合わせています。
責任ある利用について
このジェネレーターは、ユーモアやストーリーテリング、デザイン作業のために、明確に架空のInstagram投稿画像を簡単に作成できるようにすることを目的としています。証拠を捏造したり、嫌がらせを演出したり、偽の投稿を本物だと誤解させたりするためのツールではありません。このツールで作成した画像を共有する予定がある場合は、「フェイク」や「モックアップ」といった説明を添えて、見る人が実際のInstagram投稿ではないと理解できるようにすることをおすすめします。特に、登場人物が実在の人物や実際の出来事と誤解されかねない場合はなおさらです。
アカウント規模といいね数の自然なバランス
個人アカウント風のキャプションに6桁のいいね数を組み合わせると、見る人にすぐ作り物だと気づかれてしまいます。想定するアカウントの規模といいね数・コメント数の桁を揃えることが、レイアウトの正確さ以上にモックアップの説得力を左右します。
| 想定するアカウント規模 | 自然に見えるいいね数 | コメント数の目安 |
|---|---|---|
| 個人の日常アカウント | 数十〜数百 | 1〜十数件 |
| 中規模インフルエンサー | 数千〜1万前後 | 数十〜100件前後 |
| 大規模アカウント／企業 | 数万以上 | 100件以上 |
よくある質問
このツールを使うのは合法・倫理的ですか？
このツール自体は、エンターテインメント、モックアップ、プレゼンテーション、デザイン作業に使う分には合法です。合法でも倫理的でもないのは、生成した画像を使って誰かを騙すこと——たとえば本物の投稿として提示して詐欺を働いたり、誰かを嫌がらせ・誹謗中傷したり、実在の人物の実際の投稿になりすましたりする行為です。お住まいの地域によっては、こうした悪用は詐欺、名誉毀損、嫌がらせに該当する可能性があります。明確に架空・説明目的の用途のみにご利用ください。
ツールは私のキャプションや数値をどこかにアップロードしますか？
いいえ。入力したすべての内容はブラウザのメモリ内に留まり、JavaScriptによってcanvas要素に直接描画されます。PNGファイルはお使いのデバイス上で生成・ダウンロードされます——サーバーに送信されることは一切ありません。
認証バッジをオフにできますか？
はい——ユーザー名の横の青いチェックマークは単純なチェックボックスの切り替えなので、認証済み・未認証どちらのアカウントのモックアップも作成できます。
アバターやフィード画像に本物の写真をアップロードできますか？
丸いアバターには本物の写真をアップロードできます。フィード画像自体は、ツールをシンプルに保ち、他人の実写真を自分の投稿として使う誘惑を避けるため、意図的に色付きのプレースホルダー矩形になっています。
書き出される画像サイズはどれくらいですか？
プレビューと書き出されるPNGは、フィードカードに自然なアスペクト比を使用しており、SNSでの共有やプレゼンテーションへの埋め込みに馴染みます。
このツールと他のInstagramモックアップジェネレーターのどちらを使うべきですか？
キャプション、ハッシュタグ、いいね・コメント数付きの通常のフィード投稿をモックアップするなら、この投稿ジェネレーターを使ってください。フルスクリーン縦型のStoryが必要なら Instagram Storyジェネレーター、投稿下のコメントスレッドだけが必要なら Instagram Commentジェネレーター、プロフィール文と投稿グリッド付きのプロフィールページ全体が必要なら Instagram Profileジェネレーターをお使いください。
ハッシュタグの数や文字数を自動でカウントしてくれますか？
自動カウンターは搭載していませんが、Instagramの上限は1投稿あたりハッシュタグ30個、キャプション約2,200文字です。モックアップとして自然に見せたいなら、実際のフィードで「...続きを読む」に折りたたまれる前の数行に収め、ハッシュタグも数個程度に抑えるのがおすすめです。
いいね数やコメント数を「0」にしたり、非表示にしたりできますか？
入力欄に直接「0」を設定すれば、投稿直後やエンゲージメントの少ない投稿のモックアップが作れます。数字の行自体を非表示にする専用トグルはありません——これはInstagramの標準的なフィードレイアウトの一部だからです。
ハッシュタグは本物と同じ青いリンク色で表示されますか？
はい——キャプション内のハッシュタグは自動的にInstagram特有のリンクブルーで色付けされ、実際のアプリでのハッシュタグや@メンションの表示と一致します。単なる黒文字に#記号が付いただけの見た目にはなりません。
複数の投稿モックアップを並べて比較できますか？
一度に生成できる投稿は1つですが、キャプションやいいね数、認証バッジの設定を変えたPNGを何枚もダウンロードして後で並べることは自由にできます。キャプション案のA/Bテストや、認証済み・未認証の見え方比較に便利です。