Webサイト高速化のための静的サイトジェネレーター活用入門 GatsbyJSで実現する高速&実用的なサイト構築／エビスコム【3000円以上送料無料】
Compass Web Development
価格: 3,498円（税込）
在庫あり
3,498円 (税込み) (送料込み)
(2025/04/01 18:38:15時点の在庫、価格情報です。詳しくは販売ページにてご確認下さい。)キャッチコピー
Compass Web Development
ショップ名
商品情報
| ポイント | 1倍 |
商品説明
著者エビスコム(著)出版社マイナビ出版発売日2020年06月ISBN9784839973001ページ数319Pキーワードうえぶさいとこうそくかのためのせいてき ウエブサイトコウソクカノタメノセイテキ え／びすこむ／てつく／らぼ エ／ビスコム／テツク／ラボ9784839973001内容紹介GatsbyJSで実現する、高速＆実用的なサイト構築「高速化＆最適化」「メタデータ対応」「SPAやPWAへの対応」など、これからのWebサイトに求められる要素に対応するための、静的サイトジェネレーターの活用書。 本書は「GatsbyJS（Gatsby）」を使って、「ReactやJavaScript（ECMAScript）に自信が無くても、実用レベルのWebサイトを構築できるようになる」ことを目標にしています。サンプルサイトを制作しながら、ステップ・バイ・ステップで解説していきます。 Gatsbyへのアプローチ方法は色々と考えられますが、本書ではHTML&CSSで作成したベースとなるページを元に、サンプルのサイトを作成していきます。 書籍の構成として、大きく2部構成になっています。 「イントロダクション」では、今どきのWebサイトに求められることや、静的サイトジェネレータの解説、Gatsbyについてまで解説しています。 「第1部 基本的なWebサイトの構築」では、トップページとアバウトページを作成し、基本的なWebサイトを構築します。それぞれベースとなるページを元に形にしていき、画像の最適化、高速化、メタデータの設定、PWA化などの設定を行います。 「第2部 ブログの構築」では、ブログを構築して、第1部で作成したサイトに記事ページと記事一覧ページを追加します。各ページはベースとなるページを元に、外部からコンテンツデータを読み込んで形にしていきます。第1部と同様に画像の最適化などの設定も行います。 巻末の「APPENDIX」では、gatsby-imageを簡単に扱えるようにする方法、Googleアナリティクスの設定、gatsby-plugin-sitemapプラグインによるサイトマップ作成、Internet Explorer11への対応など、Gatsbyに関する便利なトピックを紹介しています。 本書に沿って実際に手を動かして作っていくことで、「GatsbyJS」の主要機能と使い方をマスターできることでしょう。 また、GitHub、Netlify、Contentful、GraphQL、React、Node.jsなど、制作に関わるさまざまなツールや技術も適宜使用していきます。 ぜひ本書で、これからのWeb開発を体感してみてください。 なお、本書のサンプル制作で使用する素材、プロジェクトデータ、コンテンツデータはダウンロード可能です。 【特典】 以下の2つの特典PDFをダウンロードできます！ ・セットアップPDF：Node.js、GitHub、Netlify、Contentfulなど開発環境の準備などをまとめたPDF。 ・microCMS対応ガイド：ブログの記事管理にヘッドレスCMSのmicroCMSを利用する方法をまとめたPDF。※本データはこの商品が発売された時点の情報です。目次イントロダクション/第1部 基本的なWebサイトの構築（ページの作成/画像の最適化/パーツのコンポーネント化/ページを増やす/メタデータの設定）/第2部 ブログの構築（ブログのコンテンツを用意する/ブログの記事ページを作成する/ブログの記事ページを自動生成する/ブログの記事一覧ページを作成する/カテゴリーページの作成）/APPENDIX