CodeKitHubこのツールとは？
Tumblr Dashboard シミュレーターは、異なるタイプ（テキスト、写真、引用）の投稿カードがスクロール可能に積み重なり、それぞれにブログ名、notes数、簡略化されたコンテンツを備えた実際のTumblrダッシュボードフィードをそのまま再現し、共有可能なモックアップ画像として書き出せます。
詐欺的な証拠の捏造、嫌がらせや誹謗中傷、実在の人物が実際に投稿した内容のなりすましに使用してはなりません——法域によっては違法となる可能性があります。
すべてHTML Canvas APIを使ってブラウザ内でローカルに生成され、サーバーにアップロードされることはありません。
なぜこれを使うのか？
- 100%ローカルレンダリング——内容はサーバーに一切接触しません。
- リアルなTumblrフィードのモックアップで、ジョークやストーリー、プレゼンテーションをわかりやすく伝えられます。
- アプリや講座、スライド資料のために、Tumblr風のダッシュボードUIコンセプトを試作できます。
- アカウント登録不要、アップロード不要、透かしなし——入力してダウンロードするだけです。
使い方
- 「＋ 投稿を追加」をクリックして、フィードに新しい投稿カードを追加してください。
- 各投稿のブログ名、notes数、本文、投稿タイプ（テキスト、写真、引用）を入力してください。
- 順不同で投稿を追加・削除して、フィードを組み立ててください。
- リアルタイムプレビューの更新を確認し、「PNGをダウンロード」をクリックして画像を保存してください。
例
入力
Post 1: blog "wanderfeed", type photo, text "Golden hour never disappoints…", notes "2,481" · Post 2: blog "quietthoughts", type quote · Post 3: blog "coffeeanddrafts", type text出力
実際のTumblrダッシュボードのようにスタイリングされたPNG画像：3枚の投稿カードが積み重なって表示され、それぞれに独自のブログアバター、名前、投稿タイプに応じたスタイルのコンテンツ、そしてノート数が含まれます。画像はリアルタイムプレビューのcanvas上で即座にレンダリングされ、ワンクリックでダウンロードできます——待ち時間もサーバーとの通信も発生しません。
カスタマイズできる項目
- 任意の数の投稿カード、それぞれ独自のブログ名とnotes数。
- 各カードの投稿タイプ（テキスト、写真、引用）とコンテンツ。
- Tumblrの実際のダッシュボードフィードスタイルに合わせたレイアウトの詳細。
責任ある使用
このジェネレーターは、ユーモアやストーリーテリング、デザイン作業のために明確に架空のモックアップ画像を簡単に作れるようにするために存在します。共有する際は実際のダッシュボードフィードではないことが伝わるよう文脈を添えることをお勧めします。
よくある質問
このツールを使うことは合法・倫理的ですか？
ツール自体はエンタメやモックアップ、プレゼンテーション、デザイン作業に使う分には合法です。違法・非倫理的なのは、生成した画像で人を騙すことです。明確にフィクションや例示目的のみに使用してください。
入力した内容はどこかにアップロードされますか？
いいえ。入力した内容はすべてブラウザのメモリに保持され、JavaScriptでcanvas要素に直接描画されます。PNGはデバイス上で生成・ダウンロードされ——サーバーに送信されることはありません。
フィードにはいくつまで投稿を追加できますか？
厳密な上限はありません——好きなだけ投稿カードを追加でき、キャンバスの高さは結果のフィードに合わせて自動調整されます。
テキスト投稿、写真投稿、引用投稿の違いは何ですか？
テキスト投稿はプレーンな本文を表示し、写真投稿は本文の下にグラデーションの画像プレースホルダーを追加し、引用投稿はイタリック体の引用スタイルでテキストを表示します——これはTumblr実際の投稿タイプ別フォーマットを再現しています。