吹き出しコンポーネントの動作確認

これは、WordPress のショートコード [sb name="…"]…[/sb] を Astro コンポーネントへ移植した <Balloon> の動作確認用ページです。 本文の地の文は「です・ます調」で、吹き出しの中はタメ口で書きます。

もこちゃん → みけこ の掛け合い1往復

これって難しくないのかな…？あまりやりたくないな…

最初はそう思うよね！でも、自分の作品を多くの人に見てもらうためにはすごく大切なんだよ！

このように、もこちゃんの吹き出しの直後にみけこの吹き出しを置くと、自然な会話のリズムになります。

表情バリエーションの確認

えっ、そうなの！？知らなかった！

そうなんだよ。意外と知られていないんだけど、ここがコツなんだ。

なるほど〜、ちょっとやってみたくなってきた！

いいね！まずは1本だけでも試してみよう！

まとめ

• <Balloon name="…"> の name には WordPress 版と同じキャラクター名を渡します。
• 表示名（アイコン下のテキスト）は感情接尾辞（笑顔・キラキラ・涙・驚き・超笑顔）が自動で除去されます。
• 画像は public/images/characters/ 配下に配置すれば自動で読み込まれます（未配置時はプレースホルダ）。