TO AND FRO
好きなことを、行ったり来たり。
fro-blogは、ポケモンカード、プログラミング、Web制作、個人開発を中心に、 興味のあることを試しながら記録する個人ブログです。
SITE THEME
読むだけでなく、実際に使える小さなWebツールも作りながら、 趣味と学習をつなげていきます。
LATEST POSTS
新着記事
Web制作シーケンス制御シミュレータを公開しました！ブラウザ上で回路編集と動作確認ができます
ブラウザ上でシーケンス制御を学べるシミュレータを作りました。接点・コイル・ランプなどを配置して、回路編集と動作シミュレーションができます。
学習自己保持回路とは？シーケンス制御の基本を初心者向けに解説
自己保持回路の仕組みを、START・STOP・リレー・接点・ランプの動きに分けて初心者向けに解説します。記事内のシミュレータで実際の動作も確認できます。
Web制作ゼロから！
fro-blogを作り直しました。1から、いいえゼロから！
Web制作個人サイト制作ロードマップ｜ブログとWebツールを作る全体像
個人ブログ兼Webツールサイトを1から作りたい人向けに、必要なページ、技術構成、制作順序、収益化準備までの全体像をまとめます。
Web制作Next.jsで個人サイトを作る初期設定｜App Router・TypeScript・Tailwind CSS
個人サイトをNext.jsで作り始めるための初期設定を、App Router、TypeScript、Tailwind CSS、静的出力まで整理します。
Web制作Markdownでブログ記事を管理する方法｜FrontmatterとSEO設計
Next.jsの個人ブログでMarkdown記事を管理する方法を、Frontmatter、タグ、SEOタイトル、説明文、広告表示設定まで含めて解説します。
Web制作個人サイトのページ構成とUI設計｜TOP・記事・ツール・スマホ対応
個人サイトのTOPページ、記事一覧、記事詳細、ツールページをどう設計するか、2列レイアウトやカードUI、スマホ対応も含めて解説します。
RECOMMENDED