Git Product home page Git Product logo

ebisucom / gatsbyjs-book Goto Github PK

View Code? Open in Web Editor NEW
66.0 2.0 12.0 45.99 MB

『Webサイト高速化のための 静的サイトジェネレーター活用入門 - GatsbyJSで実現する高速&実用的なサイト構築』のダウンロードデータです。

Home Page: https://ebisu.com/gatsbyjs-book/

HTML 9.89% CSS 22.01% JavaScript 68.10%
gatsby gatsbyjs blog contentful microcms react

gatsbyjs-book's Introduction

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

GatsbyJSで実現する高速&実用的なサイト構築

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

ダウンロードデータ

特典PDFや、本書で作成するプロジェクトデータ、使用する画像素材、インポート用のコンテンツデータなどを収録しています。サンプルの作成方法などについては、本書を参照してください。


最新情報については本Githubの Wiki を参照してください。


■ サポートPDF

▼ gatsby-v4.pdf

  • Gatsby v4 に対応する際の注意点と、「gatsby-source-contentful v6」と「new Gatsby image plugin」に対応する方法をまとめたPDFです。

■ 特典PDF

▼ セットアップPDF: setup.pdf

  • 開発環境の準備などについてまとめたPDFです。

▼ microCMS対応ガイド: microCMS-gatsby-v4.pdf

  • ブログの記事管理にヘッドレスCMSのmicroCMSを利用する方法をまとめたPDFです。
  • 「microCMS/」フォルダに収録しています。
  • 詳しくはフォルダ内のreadme.txtを参照してください。

■ 収録データ

▼ プロジェクトデータ

フォルダ 内容
mysite-part1/ 第1部で完成させるサンプルのプロジェクトデータ。
mysite-part2/ 第2部で完成させるサンプルのプロジェクトデータ。
mysite-part2-gatsby-v4/ gatsby-v4.pdfに対応したプロジェクトデータ。

※プロジェクトデータをそのまま利用する場合、各フォルダのルートで

yarn install

を実行してください。

▼ ベース&画像データ

データ 内容
base/ ベースとなるページ(HTML & CSS)を収録。
base/images/ 第1部で使用する画像ファイル。
base/images-blogpost/ 第2部で使用する画像ファイル。
base/favicon.ico P.50で使用するファビコン。
base/thumb.jpg P.165で使用するサムネイル画像。

▼ インポートデータ

データ 内容
contentful-data/ インポート用のContentfulのデータです。

▼ APPENDIXのコード

コード ページ
A /appendix/image.js P.297
/appendix/index.js P.298-299
B /appendix/b-300.txt P.300
/appendix/b-301.txt P.301
/appendix/b-301-outboudlink.txt P.301
C /appendix/c-302.txt P.302
/appendix/c-303.txt P.303
D /appendix/d-305.txt P.305
/appendix/d-306.txt P.306
/appendix/d-307.txt P.307
/appendix/d-308.txt P.308
/appendix/d-309.txt P.309
E /appendix/e.txt P.310-313
F /appendix/f.txt P.314-315

■ ご利用にあたって

本書に記載されている内容や本ダウンロードデータの運用によって、いかなる損害が生じても、株式会社マイナビ出版および著者は責任を負いかねますので、あらかじめご了承ください。

(c)2021 エビスコム / マイナビ出版

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.