Ｎｅｘｔ．ｊｓ＋ヘッドレスＣＭＳではじめる！かんたんモダンＷｅｂサイト制作入門―高速で、安全で、運用しやすいサイトのつくりかた

柴田 和祈/森 茂洋/野崎 洋平/千葉 大輔【著】

翔泳社（2024/07発売）

• サイズ B5判／ページ数 312p／高さ 26cm
• 商品コード 9784798183664
• NDC分類 547.48
• Cコード C3055

出版社内容情報

フレームワーク初心者でも迷わない！
Web制作者のレベルを一段高める、
WordPressに並ぶ新しい選択肢を身につけよう！

本書は、人気のWebフレームワーク「Next.js」と、国産ヘッドレスCMS「microCMS」を用いた、モダンなWebサイトの制作手法をやさしく解説した入門書です。

「記事コンテンツが管理しづらい」「見た目をメンテナンスしづらい」「パフォーマンスやセキュリティがいまいち」……これらの悩みを解消するWebサイト制作の新しいアプローチとして、現在注目を集めているのが「Webフレームワーク＋ヘッドレスCMS」の組み合わせです。ヘッドレスCMSは、Webサイト上のコンテンツの「提供」と「表示」を分離できる次世代型のCMSで、コンテンツの表示画面さえ用意すれば、Webサイトの運用や管理、カスタマイズがしやすくなるメリットがあります。

本書は架空のコーポレートサイトを題材に、表示画面をNext.jsで実装し、中身のコンテンツをmicroCMSで管理する一連のプロセスを、ハンズオン形式で体験学習できます。microCMSの開発者陣自らが解説するため、制作現場で生かせる実践的なTIPSが満載です。

【本書で学習できること】
・コンポーネントベースのトップページと下層ページの作成
・記事コンテンツのカテゴリ分け
・ページネーション機能、検索機能、プレビュー機能の作成
・キャッシュを活用したパフォーマンスの最適化
・BASIC認証によるセキュリティの向上
・Vercelによるサイトのデプロイと公開

ステップ・バイ・ステップの手順解説で、つまずきやすいポイントを丁寧にフォローしているため、Webフレームワークに触れた経験の少ない人でも迷わずに読み進められます。新しいサイト制作のアプローチを身につけたいWeb制作者はもちろん、ステップアップとしてWebフレームワークに触れてみたい人にもおすすめの1冊です。

■対象読者
・企業や商店のWebサイトを作っているWeb制作者
・HTML/CSSやWordPressの知識はあるが、Webフレームワークに触れたことがない人
・Next.jsの基本的な使い方を知りたい人

内容説明

Ｗｅｂ制作者のレベルを一段高める、ＷｏｒｄＰｒｅｓｓに並ぶ新しい選択肢！本書は、人気のＷｅｂフレームワーク「Ｎｅｘｔ．ｊｓ」と、国産ヘッドレスＣＭＳ「ｍｉｃｒｏＣＭＳ」を用いた、モダンなＷｅｂサイトの制作手法をやさしく解説した入門書です。本書は架空のコーポレートサイトを題材に、表示画面をＮｅｘｔ．ｊｓで実装し、中身のコンテンツをｍｉｃｒｏＣＭＳで管理する一連のプロセスを、ハンズオン形式で体験学習できます。ｍｉｃｒｏＣＭＳの開発者陣自らが解説するため、制作現場で生かせる実践的なＴＩＰＳが満載です。

目次

１　Ｗｅｂサイト制作とコンテンツ管理の歴史を知ろう
２　開発環境をセットアップしよう
３　トップページを作ってみよう
４　下層ページを作ってみよう
５　ヘッドレスＣＭＳでコンテンツ管理してみよう
６　ニュースページを作ってみよう―基礎的なコンテンツの扱い方
７　ニュースページを作ってみよう―応用的なコンテンツの扱い方
８　キャッシュを活用してサイトのパフォーマンスを高めよう
９　お問い合わせページを作ってみよう
１０　もっと便利に！現場で役立つ実践テクニック

著者等紹介

柴田和祈［シバタカズキ］
株式会社ｍｉｃｒｏＣＭＳ取締役ＣＸＯ。慶應義塾大学を卒業後、ヤフー株式会社にデザイナー入社。広告事業に約５年半従事し、フロントエンドエンジニアとしても経験を積む。２０１７年に株式会社ｍｉｃｒｏＣＭＳを共同創業し、現在は組織作りや事業戦略作りがメイン

森茂洋［モリシゲヒロシ］
株式会社ｍｉｃｒｏＣＭＳフロントエンドテックリード。制作会社、開発会社などＷｅｂ関連の業界で１５年ほど開発経験を積み、２０２２年１０月よりｍｉｃｒｏＣＭＳに参画。Ｗｅｂ黎明期からＷｏｒｄｐｒｅｓｓやＭｏｖａｂｌｅＴｙｐｅ、そしてヘッドレスＣＭＳに至るまで各種ＣＭＳを利用した多くの案件にも携わる

野崎洋平［ノザキヨウヘイ］
株式会社ｍｉｃｒｏＣＭＳエンジニア。元高校教員。教員時代にほぼ独学でプログラミングを学びエンジニアに転職、ｍｉｃｒｏＣＭＳに開発初期から参画した。その後ｍｉｃｒｏＣＭＳではリッチエディタなど様々な機能開発に携わる

千葉大輔［チバダイスケ］
株式会社ｍｉｃｒｏＣＭＳプロダクトエンジニア。新卒でＷｅｂ制作会社に入社し約３年ほどヘッドレスＣＭＳを用いた開発や開発環境の構築・運用などに携わる。その後、ｍｉｃｒｏＣＭＳに転職。Ｎｅｘｔ．ｊｓの画像最適化に関するＯＳＳも開発しており、現在は週間２，０００ダウンロードを超えるものとなっている（本データはこの書籍が刊行された当時に掲載されていたものです）
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。

感想・レビュー

※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。

[かずき↑]

Next.jsの基本的な使い方の復習に良かった。特にISRとSSRとSSGとCSRをもう一度復習する機会になった。 Next.jsでの、キャッシュの仕組み、特にオリジンサーバーとクライアントサイドとCDN（エッジ）サーバーの連携と流れを説明してっていわれて困る人は読むと勉強になりそうな気がする。

2024/08/20

[水紗枝荒葉]

Next.jsを使ってWebサイト（Webサービスではなく）を作る本。オーバーパワーな気はするが、面白い試みにも思う。だがここにmicroCMSという自社開発のCMSが乗っかるため、応用が利かない（少なくとも初心者が応用可能性をすぐ判断できない）記述が多い。

2025/05/30