CodeKitHubこのツールとは？
Instagram DMジェネレーターは、Instagram Directのインターフェースを再現するブラウザベースのモックアップツールです——相手のメッセージ用のグレーの吹き出し、自分のメッセージ用の紫・ピンク・オレンジのグラデーション吹き出し、@ユーザー名と「Active now」ステータスの付いたヘッダー、そしてスマホのステータスバーを備え、自分だけの会話を入力して共有可能な画像として書き出せます。
エンタメ・デザイン用途専用：このツールは冗談、ミーム、寸劇、プレゼンテーションのスライド、UI/UXプロトタイプ、SNSコンテンツのために作られています。詐欺的な証拠の捏造、嫌がらせや誹謗中傷、実在の人物が実際に送ったメッセージのなりすましに使用してはいけません——法域によっては違法（詐欺、名誉毀損、嫌がらせなど）となる可能性があり、このツールの意図する用途に厳格に反します。
入力した内容がデバイスから外に出ることは一切ありません——会話全体はブラウザ内でHTML Canvas APIを使ってレンダリングされ、PNGもローカルで生成・ダウンロードされます。サーバーへのアップロードも、アカウント登録も、メッセージ内容の追跡も一切ありません。
なぜこれを使うのか？
- ミームやSNS投稿用に面白い偽のDM会話を作成できます。
- アプリやプレゼンテーション向けにチャット系UIのコンセプトをモックアップできます。
- 脚本、寸劇、ストーリーをリアルなDMスクリーンショットで演出できます。
- Instagram風のメッセージや通知デザインのプロトタイプを作成できます。
- 100%ローカルレンダリング——会話内容がサーバーに触れることはありません。
使い方
- 連絡先のユーザー名（@handle）、アクティブ状態（例：「Active now」）、アバターの色を設定します。
- メッセージ行を追加：テキストを入力し、送信者（相手／自分）とタイムスタンプを選びます。
- 実際のInstagram DMのように、最後のメッセージの下に「Seen」を表示するかどうかを切り替えます。
- ステータスバー（時刻・電池残量・電波強度）を好みに調整します。
- スマホ型のプレビューがリアルタイムで更新されるのを確認し、「PNGをダウンロード」をクリックして画像を保存します。
例
入力
ユーザー名：「@alex.rivera」・状態：「Active now」・メッセージ1（相手）：「ねえ！旅行の写真見た？😍」・メッセージ2（自分）：「見た見た、めっちゃ良い！アルバム今送るね」出力
375×812のPNG画像で、Instagram DM画面を表示します：白いヘッダーに「@alex.rivera」と「Active now」、左側にグレーの吹き出しで最初のメッセージ、右側に紫・ピンク・オレンジのグラデーション吹き出しで返信メッセージ、その下に小さな「Seen」のラベルが付きます。画像はライブプレビューのcanvas上で即座に生成され、ワンクリックでダウンロードできます——待ち時間もアップロードもありません。
カスタマイズできる項目
- ユーザー名（@handle）、アクティブ状態（例：「Active now」「Active 2h ago」）、アバターの色。
- ライトモード、またはInstagramのほぼ黒に近いダークモード。実際のアプリの2つの配色に対応しています。
- 無制限のメッセージ行。それぞれ独自のテキスト、送信者（相手／自分）、タイムスタンプを持てます。
- 最後の既読メッセージの下に表示される「Seen」表示のオン・オフ切り替え——実際のInstagram DMと同様です。
- スマホのステータスバー：時刻、電池残量パーセント、電波強度。
責任ある利用について
このジェネレーターは、ユーモアやストーリーテリング、デザイン作業のために、明確に架空のDM画像を簡単に作成できるようにすることを目的としています。証拠を捏造したり、嫌がらせを演出したり、偽の会話を本物だと誤解させたりするためのツールではありません。このツールで作成した画像を共有する予定がある場合は、「フェイク」や「モックアップ」といった説明を添えて、見る人が実際の会話ではないと理解できるようにすることをおすすめします。特に、登場人物が実在の人物や実際の出来事と誤解されかねない場合はなおさらです。
よくある質問
このツールを使うのは合法・倫理的ですか？
このツール自体は、エンターテインメント、モックアップ、プレゼンテーション、デザイン作業に使う分には合法です。合法でも倫理的でもないのは、生成した画像を使って誰かを騙すこと——たとえば本物の会話として提示して詐欺を働いたり、誰かを嫌がらせ・誹謗中傷したり、実在の人物のメッセージになりすましたりする行為です。お住まいの地域によっては、こうした悪用は詐欺、名誉毀損、嫌がらせに該当する可能性があります。明確に架空・説明目的の用途のみにご利用ください。
ツールは私のメッセージをどこかにアップロードしますか？
いいえ。入力したすべてのメッセージ、ユーザー名、設定はブラウザのメモリ内に留まり、JavaScriptによってcanvas要素に直接描画されます。PNGファイルはお使いのデバイス上で生成・ダウンロードされます——サーバーに送信されることは一切ありません。
「Seen」表示はどのように機能しますか？
InstagramはWhatsAppのようにメッセージごとにチェックマークを表示しません——代わりに、相手が既読した最後のメッセージの下に小さな「Seen」ラベルを表示します。作成したいシナリオに合わせて、このラベルのオン・オフを切り替えられます。
アバターとして実際の写真をアップロードできますか？
現在はできません——アバターはユーザー名から自動生成される、頭文字入りのシンプルな色付き円です。これによりツールをシンプルに保ち、実在の人物の実際の写真を使ってなりすます誘惑を避けています。
書き出される画像サイズはどれくらいですか？
プレビューと書き出されるPNGは、デフォルトでスマホ画面のアスペクト比（375×812）を使用しており、SNSでの共有やプレゼンテーションへの埋め込みに自然に馴染みます。
ダークモードに対応していますか？
はい——連絡先フィールドの上にテーマ切り替えスイッチがあり、ライトモードと、Instagram実際のダークな私信画面に近い、ほぼ黒に近いダークモードを切り替えられます（受信側は濃いグレーの吹き出し、送信側は同じグラデーション吹き出し、テキストは明るい色）。昼間の普通のチャットのように見せたい場合はライトモードを、深夜の会話やダークモードを有効にしたOLEDスマホのスクリーンショットを再現したい場合はダークモードに切り替えてください——夜間に人々がシェアする実際のInstagramのスクリーンショットの多くはダークモードなので、その文脈ではより本物らしく見えます。
偽のInstagram DM会話はどうやって作りますか？
連絡先のユーザー名とステータスを設定し、対話双方のメッセージ行を追加し、ライトモードかダークモードを選び、「PNGをダウンロード」をクリックしてください——会話全体がライブプレビューに即座にレンダリングされます。
入力中の表示や未読メッセージを表示できますか？
「相手」側の最後のメッセージに返信を付けないままにしておくことで、未読・未返信の状態を表現できます。このツールは動画ではなく静止画を書き出すため、アニメーションする「入力中」のドットインジケーターには対応していません。
Instagramのユーザー名と表示名のどちらにも対応していますか？
はい——連絡先フィールドには@ユーザー名でも完全な表示名でも入力でき、連絡先に表示名が設定されているかどうかに応じてInstagramがヘッダーを表示する方法と一致します。
複数の連絡先やグループチャットを追加できますか？
このツールは1対1の私信向けに作られています。グループのような複数人のスレッドを作りたい場合は、メッセージリストの「相手」側でメッセージごとに異なる表示名を設定する回避策が使えますが、ヘッダーには引き続き1人の連絡先しか表示されません。
これは本物のInstagramアプリと同じですか？
いいえ——これはInstagramやMetaと提携も承認も受けていない、独立したモックアップツールです。モックアップやミーム、プレゼンテーションに十分なほどInstagramの私信インターフェースに見た目を近づけるよう設計されていますが、実際のアプリを再現するものではありません。
アカウント登録やインストールは必要ですか？
アカウントもインストールもブラウザ拡張機能も不要です——このツールは完全にWebページとして動作し、デスクトップとモバイルの両方のブラウザで使えます。