TO AND FRO

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

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

SITE THEME

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

新着記事

ブラウザ上でシーケンス制御を学べるシミュレータを作りました。接点・コイル・ランプなどを配置して、回路編集と動作シミュレーションができます。

続きを読む →

自己保持回路の仕組みを、START・STOP・リレー・接点・ランプの動きに分けて初心者向けに解説します。記事内のシミュレータで実際の動作も確認できます。

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

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

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

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

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

RECOMMENDED