BioLink Studioを本格的なエディタに作り直しました

これは2026年6月7〜20日を振り返る記事です。10月に、2つのコードリポジトリのgit履歴をもとに書いています。そのため、以下はすべてステージングブランチにコードとして存在するものです。ローンチの告知ではありません。PersonaCartはまだローンチ前です。

対象期間: 2026年6月7〜20日。

要点

• この2週間の主な作業は、リンクインバイオページのエディタ「BioLink Studio」でした。サンプルデータではなく、実際のページを読み込んで保存するようになりました。
• Studioに、Audienceタブ(リードとキャンペーン)、Paymentsタブ、実際の数値につながったAnalyticsタブが加わりました。
• 独自ドメインを、ストアだけでなくBioLinkページにも向けられるようになりました。アシスタントのPieには、検索での見つかりやすさの受信箱が加わりました。

作ろうとしたもの

BioLinkのエディタを、見せかけの画面の集まりではなく、一つのツールとして感じられるものにしたいと考えました。クリエイターがStudioを開いてテーマやリンクを変えれば、公開ページでも同じ変更が見えるべきです。この期間より前は、Studioの一部がプレースホルダーのデータで動いていました。この2週間の目標は、プレースホルダーをすべて本物に置き換えるか、取り除くことでした。

製品の全体像はBioLinkのページでご覧いただけます。

作ったもの

• Studioのインターフェースの全面的な再構築。 画面は共通のデザイントークンの上に作り直したので、製品が大きくなっても余白、色、文字の一貫性が保たれます。
• Studioが実際のバックエンドと通信。 エディタは、クリエイターの実際のBioLink APIを通じて読み込みと保存を行います。ダミーの初期データも削除し、新しい空のページには、フロントエンドのコードではなくバックエンドから提供される初期ブロックが入ります。
• 1アカウントに複数のBioLinkページ。 1ページの制限を解除し、Studioは選択したプロフィールを、それぞれ専用のテーマとリンクで編集します。
• サインアップ時に用意されるメインページ。 最初のバイオページはアカウント作成時に作られるので、すぐに編集を始められます。
• 新しいブロック。 画像、カルーセル、ショップのブロックがブロックカタログに加わりました。リンクブロックは、貼り付けたURLからサムネイルとプラットフォームのマークを取得でき、リンクのカルーセルは2列のグリッドでも表示できます。
• 公開ページと一致するプレビュー。 Studioのデスクトッププレビューは、実際の2列の公開レイアウトで表示されます。SNSアイコンは、1個だけ残らないようバランスよく折り返され、ドラッグで並べ替えられます。
• ページ全体の通貨設定。 設定のピッカー一つで、ページ上のすべての価格に使う通貨を決められます。
• Audienceタブ。 リードは、取得した時点で同意が記録されます。CSVにエクスポートでき、連絡してよいと同意した人に向けてキャンペーン(セグメント、件名、本文、今すぐ送信または予約)を書けます。
• Paymentsタブ。 Stripeの接続状況を、分かりやすい3段階で表示します。
• 本物のアナリティクス。 Analyticsタブは、ゼロではなく、実際の集計数値を読み込みます。
• より速い公開。 ページの編集、公開、名前の変更を行うと公開キャッシュが消去されるため、変更がすぐ公開ページに反映されます。
• バイオページのドメイン。 独自ドメインを、ストアにもバイオページにも一か所から割り当てられるようになり、BioLinkのサイドバーにDomains行を追加しました。バイオページを専用ドメインで配信でき、ドメインが紐づいている間はページの削除がブロックされます。
• バイオページの検索の基本。 「私たちが代わりにやること」を平易に説明するパネル付きのAuto-SEOスイッチがあり、ページが変わると検索エンジンに通知され、各ページには専用アドレスに機械可読の記録があるので、AIツールが読み取れます。

細かい項目:ブロックのスクロール表示、より分かりやすいページ未検出の画面、メディアライブラリを開く単一のアップロード操作もあります。

Pieと検索での見つかりやすさ

Pieは、この2週間で最初の検索ツール一式を手に入れました。キーワードの提案、ブログやバックリンクのアイデアの下書き、全ページの一括最適化ができます。提案は受信箱に入り、一つずつ適用するか無視するかを選べるので、Pieが提案し、あなたが決めます。ストアは、ページごとにプレーンテキストでAIが読み取れるファイルも提供します。

コーチやアカデミーにとっての意味

クラスやコーチングを運営しているなら、最初の公開ページは、Instagramのプロフィールに載せるリンクであることが多いでしょう。見たままが保存され、連絡してよいと答えた人のリストを持ち、自分のドメインに置けるページは、使える土台になります。ここで最も重要なのはAudienceタブです。借りてきたリストではなく、同意を前提にした、書き送れるリストです。

ここにないものも、率直にお伝えします。この期間の一部の画面は、インターフェースだけのモックアップ(アップグレード画面や支払い地域の画面)でした。それらは構築済みとは数えておらず、構築済みだと主張もしません。

次回予告

次の2週間は、Pie自身に移りました。Pieのライブワークスペース、メールでの承認、すっきりしたドメイン画面です。それが次の記事です。

ご相談はこちら 私はPersonaCartの共同創業者の一人です。ご質問やアイデア、作ってほしい機能などがあれば、直接ご連絡ください:[email protected]

Vinod Morya, Co-founder, PersonaCart