ビルド・イン・パブリック：進捗のスクリーンショットをシェアする方法

2026年10月30日更新

ビルド・イン・パブリック（開発の過程を公開すること）は、進捗がひと目でわかるとうまくいきます。スクリーンショットは1回に1枚、それぞれ1つの変化を見せましょう。新しい画面、変更前と変更後、直したバグ、数字などです。決まったペースで投稿し、すべての画像を同じ見た目にしてあなたの投稿だと気づいてもらい、シェアする前に個人情報を取り除き、何がなぜ変わったのかをキャプションで伝えます。

何を投稿するか

見せるものがあるのは、ローンチのときだけではありません。たいていの週には、次のどれかが少なくとも1つはあります。

新しい画面。機能が初めて形になったとき。荒削りな状態でも、何のための機能かを伝えれば興味を持ってもらえます。
変更前と変更後。同じ画面を、左に古いもの、右に新しいものを並べます。違いそのものがストーリーになるので、いちばん伝わりやすい進捗の投稿です。
直したバグ。壊れた状態と修正後を見せます。開発者は面白いバグが大好きですし、細部を大事にしていることも伝わります。
小さなこだわり。アニメーション、空の状態の画面、時間をかけすぎた設定画面。細部がアプリの完成度を高めます。
数字。ダウンロード数、売上、初めての有料ユーザー。個人情報を隠したうえで、グラフやダッシュボードを見せましょう。
決断。2つのデザインを並べて、どちらを選んだか。あるいは意見を聞いてみましょう。投票してもらうのは喜ばれます。

続けられるペースを決める

量より継続のほうが大切です。ローンチの週に10回投稿してそのあと黙ってしまうより、毎週1回いい投稿を続けるほうがフォロワーは増えます。

シンプルなリズムの例：

週に1回：進捗のスクリーンショットを1枚、決まった曜日に投稿します。何をリリースしたかわかっている金曜日がおすすめです。
月に1回：3〜4画面と数字をまとめた振り返り。
何かあったとき：マイルストーン、初めての売上、話す価値のあるバグの話。

作業しながらスクリーンショットをフォルダにためておきましょう。投稿するときは、慌てて探すのではなく選ぶだけで済みます。

ひと目であなたの投稿だとわかるようにする

みんなすばやくスクロールします。進捗の投稿がいつも同じ見た目なら、名前を読む前にあなたの作品だと気づいてもらえるようになります。

毎回同じ背景色かグラデーションを使う。
同じデバイスフレーム、角度、キャンバスの形を使う。
小さなハンドルネームやロゴを同じ隅に入れる。スクリーンショットにウォーターマークを入れる方法をご覧ください。
アプリのカラーを使い、画像が製品らしく見えるようにする。

時間の節約にもなります。見た目が決まってしまえば、新しい投稿は新しいスクリーンショットを入れるだけです。

先に個人情報を取り除く

進捗のスクリーンショットは自分のスマートフォンや自分のテストデータから撮るので、個人的な情報が紛れ込みやすいものです。投稿する前に、すべてのスクリーンショットで次の点を確認しましょう。

本名、メールアドレス、電話番号。自分のものでも他人のものでも。
画面上部の通知やバナー。
APIキー、トークン、サーバのアドレス、デバッグ用のオーバーレイ。
ダッシュボード上の顧客データ。メールアドレス、注文の詳細など、個人を特定できるもの。
シェアするつもりのなかった正確な売上の数字。

いちばん簡単なのは予防です。架空のデータを入れたテストアカウントと、ステータスバーがきれいな9:41で通知も出ないシミュレータを使いましょう。どうしても実データを使う場合は、ぼかしではなく塗りつぶした図形で覆います。ぼかしの中には、一部を元に戻せるものがあります。

フィードで伝わるようにフレームに収める

スマートフォンのスクリーンショットをそのまま投稿すると、細長い帯になります。ほとんどのフィードはそれを切り取るか縮小してしまい、見せたかった細部が伝わりません。次のような工夫が役立ちます。

フィードが想定するキャンバスに置く。Instagram、LinkedIn、Threads、Blueskyには4:5、Xには16:9。各サイズはアプリのスクリーンショットをシェアするときの画像サイズにまとめています。
デバイスフレームに収める。文書ではなくアプリを見ているのだと伝わり、画像の形もはっきりします。
1つのことを見せる。変更点がボタンなら、スマートフォンのサイズでもボタンが見えるように切り取るか拡大します。
変更前と変更後を並べる。16:9のキャンバスに2台のスマートフォンを横に並べ、フレームも角度も同じにします。違うのは変更点だけにしましょう。

背景、余白、影については、スクリーンショットを見栄えよく見せる方法のガイドで説明しています。

ストーリーが伝わるキャプションを書く

画像は何が変わったかを見せ、キャプションはなぜそれが大事なのかを伝えます。ほとんどの投稿には短い構成が合います。

何が変わったか：「書き出し画面をデザインし直しました。」
なぜか：「形式のオプションに気づかない人が多かったからです。」
次の予定や質問：「金曜日にリリース予定です。新しいレイアウト、わかりやすいですか？」

人間味を大切に。機能の一覧より「この空の状態の画面に3晩かけました」のほうが面白く読めます。それから、毎回「47日目」で始めるのはやめて、代わりに何があったのかを書きましょう。

代替テキストを付ける

スクリーンリーダーを使う人のために、スクリーンショットを説明しましょう。画面に何が表示されていて、何が変わったのかを書きます。「書き出し画面。形式のオプションが、メニューの中ではなく書き出しボタンの上に表示されるようになった。」ほとんどのプラットフォームでは、画像を添付するときに代替テキストの欄があるので、毎回入力しましょう。Bufferの代替テキストのガイドは、200文字未満に収めることを勧めています。

FeatureFrameで進捗の投稿をすばやく作る

FeatureFrameは、まさにこういう投稿のためのMacアプリです。スクリーンショットをドロップまたはペーストすると、ピクセルサイズからデバイスを判別し、iPhone 11 ProからiPhone 18 Pro Max、iPhone Air、iPadまで、その機種の3Dフレームに収めます。

スクリーンショットのサイズごとに、選んだデバイスとカラーを記憶するので、次の投稿も同じ設定から始められます。
最大3枚のスクリーンショットを追加して、「横並び」のレイアウトで変更前と変更後を並べられます。
投稿するフィードに合わせて4:5か16:9を選べます。
6つの位置のどこにでも、ハンドルネームをウォーターマークとして入れられます。
⌘Cで結果をコピーし、そのまま投稿にペーストできます。

Macアプリを作っているなら、ウインドウキャプチャはシンプルなフレームに収まります。FeatureFrameはウインドウの影を切り取り、角の丸みを保ちます。影なしのMacのスクリーンショットをご覧ください。本物のデバイスの機種を見せたくない場合は、クレイモックアップで、自分のカラーのシンプルなマットなフレームを使えます。