〔電子〕Webサイト高速化のための 静的サイトジェネレーター活用入門

エビスコム

2020年6月2日

マイナビ出版

3,498円(税込)

PC・システム開発

※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。 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サイトの構築  Chapter1 ページの作成  Chapter2 画像の最適化  Chapter3 パーツのコンポーネント化  Chapter4 ページを増やす  Chapter5 メタデータの設定 第2部 ブログの構築  Chapter6 ブログのコンテンツを用意する  Chapter7 ブログの記事ページを作成する  Chapter8 ブログの記事ページを自動生成する  Chapter9 ブログの記事一覧ページを作成する  Chapter10 カテゴリーページの作成 APPENDIX ●著者 エビスコム さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 主な編著書: 『CSSグリッドレイアウト デザインブック』マイナビ出版刊 『HTML5&CSS3デザイン 現場の新標準ガイド』同上 『6ステップでマスターする 「最新標準」HTML+CSSデザイン』同上 『これからの「標準」を学ぶ マルチデバイス対応サイト構築』同上 『これからの「標準」を身につける HTML+CSSデザインレシピ』同上 『WordPressレッスンブック 5.x対応版』ソシム刊 『フレキシブルボックスで作る HTML5&CSS3レッスンブック』同上 『CSSグリッドで作る HTML5&CSS3 レッスンブック』同上 『HTML5&CSS3ステップアップブック』同上

本棚に登録&レビュー

みんなの評価(0

--

読みたい

0

未読

0

読書中

0

既読

0

未指定

1

書店員レビュー(0)
書店員レビュー一覧

みんなのレビュー

レビューはありません

Google Play で手に入れよう
Google Play で手に入れよう
キーワードは1文字以上で検索してください