<feed xmlns='http://www.w3.org/2005/Atom'>
<title>yasutakeyohei.com/src/components/WhisperStyles.astro, branch main</title>
<subtitle>公式ウェブサイトのソースコード（Astro + Starlight）</subtitle>
<id>https://cgit.yasutakeyohei.com/yasutakeyohei.com.git/atom/src/components/WhisperStyles.astro?h=main</id>
<link rel='self' href='https://cgit.yasutakeyohei.com/yasutakeyohei.com.git/atom/src/components/WhisperStyles.astro?h=main'/>
<link rel='alternate' type='text/html' href='https://cgit.yasutakeyohei.com/yasutakeyohei.com.git/'/>
<updated>2026-06-25T03:05:09Z</updated>
<entry>
<title>Whisperページ: タイトルにAI追加、画像枠修正、引用ブロック視認性改善</title>
<updated>2026-06-25T03:05:09Z</updated>
<author>
<name>Yasutake Yohei</name>
<email>61961825+yasutakeyohei@users.noreply.github.com</email>
</author>
<published>2026-06-25T03:05:09Z</published>
<link rel='alternate' type='text/html' href='https://cgit.yasutakeyohei.com/yasutakeyohei.com.git/commit/?id=03f776b3d2294f6db5b4b29687c3051a1388e639'/>
<id>urn:sha1:03f776b3d2294f6db5b4b29687c3051a1388e639</id>
<content type='text'>
- タイトルを「無料・超高精度のWhisper + AIで文字起こしする方法」に
- Astro スコープを is:global に修正し画像枠線が全画像に適用されるように
- プロンプト例・実例の引用ブロックに背景色+左ボーダーを追加
</content>
</entry>
<entry>
<title>Whisperページ: 画像に枠線追加、文字起こし例の視認性を改善</title>
<updated>2026-06-25T03:02:09Z</updated>
<author>
<name>Yasutake Yohei</name>
<email>61961825+yasutakeyohei@users.noreply.github.com</email>
</author>
<published>2026-06-25T03:02:09Z</published>
<link rel='alternate' type='text/html' href='https://cgit.yasutakeyohei.com/yasutakeyohei.com.git/commit/?id=ebfc09bdb8fb16c2cca9d9bc273a07c8097c9968'/>
<id>urn:sha1:ebfc09bdb8fb16c2cca9d9bc273a07c8097c9968</id>
<content type='text'>
- 画像に枠線（border-radius 6px）を付けて本文と区別
- 文字起こし例を背景色付きブロックに変更、各例にラベル追加
- MDX の &lt;style&gt; 制約を回避するため WhisperStyles コンポーネントを分離
- このスタイルはWhisperページのみに適用
</content>
</entry>
</feed>
