第58話 素のHTMLで破綻した｜フレームワークが引き受ける仕事

商店街の6店ぶんのホームページを、なおさんが一人でHTMLで手作りしていた。けれど店が増えたり、営業時間のような情報が変わったりしたとき、そのやり方はどこで苦しくなるのかが見えてくる。 この回では、素のHTMLを店の数だけコピーして運用すると何が大変になるのかを、商店街の事例で整理します。あわせて、WordPressで楽になる部分と別の難しさ、そしてフレームワークが引き受けてくれる4つの仕事を入口から順に見ていきます。Next.jsとReactの違いに触れながら、ページ数ではなく半年後に何を足すかで考える視点も分かります。 ■ 目次 00:00 前説 00:18 6か所直して1か所忘れた 01:12 コピーでは店の数だけ苦労が増える 03:09 WordPressなら楽になるのか 05:18 速くなるのは書く手間だけ 06:54 引き受けてくれる4つの仕事 09:14 ファイルを置くとページができる 11:40 住所が増える画面 13:06 半年後に何を足すか ■ この動画で分かること ・HTMLを店ごとにコピーして増やす運用は、修正漏れが起きやすく、店の数だけ手間も増えやすい。 ・WordPressは予約フォームのような機能を足しやすい一方で、今の困りごとが何かを分けて考える必要がある。 ・フレームワークが便利なのは、単に書く手間を減らすことだけではなく、運用で困る仕事をまとめて引き受けられる点にある。 ・内容が固まっているページは、あらかじめ固めた形で配れるため、置き場所や表示の考え方が変わる。 ・技術の選び方は今のページ数だけで決めず、半年後に何を足したくなるかまで含めて考えると整理しやすい。 ■ コメント募集 ここが分からなかった、ここをもっと詳しく、という所をコメントで教えてください。 次に何を扱うかは、いただいたコメントから選んでいます。 「自分の環境で試したらこうなった」という報告も歓迎です。 ■ 関連動画 前の回 第57話「チラシが尽きた｜Webサイトは何でできているか」    • Видео   次の回 第59話「6店で見た目がバラバラ｜部品を決めてから作る」    • Видео   この回のショート    • 素のHTMLで破綻した【ショート】   シリーズをまとめて見る    • 商店街のWeb係   ■ チャンネル登録    / @はるか-88   #HTML #Nextjs #React #Web制作 #フレームワーク