TO AND FRO

好きなことを、行ったり来たり。

fro-blogは、ポケモンカード、プログラミング、Web制作、個人開発を中心に、興味のあることを試しながら記録する個人ブログです。

SITE THEME

読むだけでなく、実際に使える小さなWebツールも作りながら、趣味と学習をつなげていきます。

新着記事

fro-blogを作り直しました。1から、いいえゼロから！

続きを読む →

個人ブログ兼Webツールサイトを1から作りたい人向けに、必要なページ、技術構成、制作順序、収益化準備までの全体像をまとめます。

個人サイトをNext.jsで作り始めるための初期設定を、App Router、TypeScript、Tailwind CSS、静的出力まで整理します。

Next.jsの個人ブログでMarkdown記事を管理する方法を、Frontmatter、タグ、SEOタイトル、説明文、広告表示設定まで含めて解説します。

個人サイトのTOPページ、記事一覧、記事詳細、ツールページをどう設計するか、2列レイアウトやカードUI、スマホ対応も含めて解説します。

個人サイトに必要なお問い合わせページ、プライバシーポリシー、免責事項、Aboutページの作り方を初心者向けに整理します。

個人サイトでGoogle AdSense審査に向けて準備することを、ads.txt、広告コード、広告枠、CMP、DevTools警告の切り分けまで整理します。

RECOMMENDED