本ブログサイトを作成している中で、MDsveXで使用できるプラグインが期待通りの見た目にならない問題に遭遇していました。 MDsveX で使用できるプラグインといえば、 Remark , Rehype です。 これらのプラグインを、ある条件下で利用するとスタイルがぐちゃぐちゃになってしまいます。 その原因と対策について、紹介していきます。 どういう条件で問題が発生するの？ タイトルのとおりですが、Tailwind CSS で利用できる .prose クラスと、デザインが関わるプラグインを掛け合わせたときに、デザイン崩れが発生します。 ◉ 期待するデザイン ◉ 実際のデザイン

タイトルの通りですが、SvelteKit + Vercel を使用して本ブログサイトを構築しました。 以下についてご紹介します。 使用技術 良かったこと 苦戦したこと 使用技術 以下の構成です。 Svelte 5 + TypeScript Tailwind CSS MDsveX npx sv create を使用して環境構築したため、Svelte は最新バージョンを使用。 これら環境構築の流れについては Zenn スクラップに記録しています。 Svelte + TypeScript + Tailwind CSS の環境構築をしてみる。 Tatsuyaaa