{"id":20324653,"url":"https://github.com/gh640/gatsby-plugins-themes-ja","last_synced_at":"2025-09-09T08:38:59.763Z","repository":{"id":74923631,"uuid":"276262757","full_name":"gh640/gatsby-plugins-themes-ja","owner":"gh640","description":"(Japanese) React ベースの静的サイトジェネレーター Gatsby が公式に提供するプラグインとテーマの一覧です。","archived":false,"fork":false,"pushed_at":"2022-02-13T13:53:42.000Z","size":534,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-11T19:53:05.741Z","etag":null,"topics":["gatsby","gatsbyjs","javasript","react"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gh640.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-07-01T03:00:08.000Z","updated_at":"2022-11-17T12:51:46.000Z","dependencies_parsed_at":null,"dependency_job_id":"3dab3dab-8152-4b84-b870-b14c525eb260","html_url":"https://github.com/gh640/gatsby-plugins-themes-ja","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gh640/gatsby-plugins-themes-ja","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gh640%2Fgatsby-plugins-themes-ja","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gh640%2Fgatsby-plugins-themes-ja/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gh640%2Fgatsby-plugins-themes-ja/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gh640%2Fgatsby-plugins-themes-ja/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gh640","download_url":"https://codeload.github.com/gh640/gatsby-plugins-themes-ja/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gh640%2Fgatsby-plugins-themes-ja/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274268378,"owners_count":25253389,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-09T02:00:10.223Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gatsby","gatsbyjs","javasript","react"],"created_at":"2024-11-14T19:36:46.449Z","updated_at":"2025-09-09T08:38:59.734Z","avatar_url":"https://github.com/gh640.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gatsby 公式のプラグイン・テーマまとめ\n\n![Gatsby](https://raw.githubusercontent.com/gh640/gatsby-plugins-themes-ja/main/assets/gatsbyjs_com.png)\n\nReact ベースの静的サイトジェネレーター [Gatsby](https://www.gatsbyjs.com/) が公式に提供するプラグインとテーマについてまとめました。\n\n正確には、公式の monorepo リポジトリ ↓ に含まれているプラグインとテーマの一覧です。\n\n- [gatsby/packages at master · gatsbyjs/gatsby · GitHub](https://github.com/gatsbyjs/gatsby/tree/master/packages)\n- [themes/packages at master · gatsbyjs/themes · GitHub](https://github.com/gatsbyjs/themes/tree/master/packages)\n\n対象の Gatsby のバージョンは `gatsby@2` です。\n\n- [プラグイン](#プラグイン)\n- [テーマ](#テーマ)\n\n## プラグイン\n\nGatsby プラグインの名前にはルールがあって、おおよそ次のとおりとなっています。\n\n- `gatsby-source-`: データソースからコンテンツを取得するもの\n- `gatsby-transformer-`: 取得したコンテンツをパースしたり変換したりするもの\n- `gatsby-plugin-`: その他の機能を提供するプラグイン\n\nまた、 `gatsby-transformer-remark` のサブプラグインの先頭は `gatsby-remark-` になっています。\n\n| 名前 | 説明 |\n| --- | --- |\n| [`gatsby-plugin-canonical-urls`](https://www.gatsbyjs.com/plugins/gatsby-plugin-canonical-urls) | HTML の `\u003chead\u003e` 内に `canonical` リンクを追加するためにプラグインです。 |\n| [`gatsby-plugin-catch-links`](https://www.gatsbyjs.com/plugins/gatsby-plugin-catch-links) | `gatsby-link` を使わずに作られたサイト内リンクに `gatsby-link` の挙動を反映するためのプラグインです。 Markdown ファイルの中でサイト内リンクを使っているとき等に便利です。 |\n| [`gatsby-plugin-coffeescript`](https://www.gatsbyjs.com/plugins/gatsby-plugin-coffeescript) | CoffeeScript と CJSX を利用するためのプラグインです。 |\n| [`gatsby-plugin-create-client-paths`](https://www.gatsbyjs.com/plugins/gatsby-plugin-create-client-paths) | 動的に動くパスを持った、動的と静的のハイブリッドな Gatsby アプリを作るためのプラグインです。 |\n| [`gatsby-plugin-cxs`](https://www.gatsbyjs.com/plugins/gatsby-plugin-cxs) | css-in-js の [cxs](https://github.com/cxs-css/cxs) を利用するためのプラグインです。 |\n| [`gatsby-plugin-emotion`](https://www.gatsbyjs.com/plugins/gatsby-plugin-emotion) | css-in-js の [Emotion](https://github.com/emotion-js/emotion)　を利用するためのプラグインです。 |\n| [`gatsby-plugin-facebook-analytics`](https://www.gatsbyjs.com/plugins/gatsby-plugin-facebook-analytics) | [Facebook Analytics](https://analytics.facebook.com/) を利用するためのプラグインです。 |\n| [`gatsby-plugin-feed`](https://www.gatsbyjs.com/plugins/gatsby-plugin-feed) | RSS フィードを生成するためのプラグインです。 |\n| [`gatsby-plugin-flow`](https://www.gatsbyjs.com/plugins/gatsby-plugin-flow) | Flow を利用するためのプラグインです。 |\n| [`gatsby-plugin-fullstory`](https://www.gatsbyjs.com/plugins/gatsby-plugin-fullstory) | 解析サービスの [Fullstory](https://www.fullstory.com/) を利用するためのプラグインです。 |\n| [`gatsby-plugin-gatsby-cloud`](https://www.gatsbyjs.com/plugins/gatsby-plugin-gatsby-cloud) | Gatsby Cloud 用のプラグインです。 HTTP ヘッダーの追加や `_headers.json` ・ `_redirects.json` ファイルの生成を行います。 |\n| [`gatsby-plugin-glamor`](https://www.gatsbyjs.com/plugins/gatsby-plugin-glamor) | css-in-js の [Glamor](https://github.com/threepointone/glamor)を利用するためのプラグインです。 |\n| [`gatsby-plugin-google-analytics`](https://www.gatsbyjs.com/plugins/gatsby-plugin-google-analytics) | Google Analytics を利用するためのプラグインです。 |\n| [`gatsby-plugin-google-gtag`](https://www.gatsbyjs.com/plugins/gatsby-plugin-google-gtag) | Google global site tag （ `gtag.js` ）を利用するためのプラグインです。 |\n| [`gatsby-plugin-google-tagmanager`](https://www.gatsbyjs.com/plugins/gatsby-plugin-google-tagmanager) | Google Tag Manager を利用するためのプラグインです。 |\n| [`gatsby-plugin-graphql-config`](https://www.gatsbyjs.com/plugins/gatsby-plugin-graphql-config) | ESLint や IDE などで利用できるように、 Gatsby GraphQL のスキーマやフラグメントや GraphQL Config ファイルを `.cache` ディレクトリに保存します。 |\n| [`gatsby-plugin-guess-js`](https://www.gatsbyjs.com/plugins/gatsby-plugin-guess-js) | [Guess.js](https://github.com/guess-js/guess) を利用するためのプラグインです。 |\n| [`gatsby-plugin-image`](https://www.gatsbyjs.com/plugins/gatsby-plugin-image) | サイトのパフォーマンス向上のために、ページの埋め込み画像の最適化（複数のサイズ・フォーマットの画像の生成）を行います。公式サイトでは [Gatsby Image Plugin](https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-plugin-image/) と呼ばれています。前身は `gatsby-image` というパッケージで、 Gatby の v2.26 で β 版が導入され v3.0 で正式導入されました。 |\n| [`gatsby-plugin-jss`](https://www.gatsbyjs.com/plugins/gatsby-plugin-jss) | css-in-js の [JSS](https://github.com/cssinjs/react-jss) を利用するためのプラグインです。 |\n| [`gatsby-plugin-layout`](https://www.gatsbyjs.com/plugins/gatsby-plugin-layout) | ページをまたがって存在するレイアウトコンポーネントを追加するためのプラグインです。 `gatsby@2` で Gatsby 本体から削除された `gatsby@1` のレイアウトコンポーネントを実装するものです。 |\n| [`gatsby-plugin-less`](https://www.gatsbyjs.com/plugins/gatsby-plugin-less) | CSS を拡張した [LESS](http://lesscss.org/) を利用するためのプラグインです。 |\n| [`gatsby-plugin-lodash`](https://www.gatsbyjs.com/plugins/gatsby-plugin-lodash) | Lodash を利用するための Webpack と Babel のプラグインを提供します。 |\n| [`gatsby-plugin-manifest`](https://www.gatsbyjs.com/plugins/gatsby-plugin-manifest) | PWA 仕様を満たすのに必要な web app manifest （ `manifest.webmanifest` ）をサポートするためのプラグインです。 manifest の生成の他に、複数のサイズのアイコンの生成、 favicon 追加等の機能も備えています。 `gatsby-plugin-offline` と併用することが推奨されています。 |\n| [`gatsby-plugin-mdx`](https://www.gatsbyjs.com/plugins/gatsby-plugin-mdx) | [MDX](https://mdxjs.com/) を利用するためのプラグインです。 MDX は JSX の中に Markdown が書けるフォーマットです。 |\n| [`gatsby-plugin-netlify-cms`](https://www.gatsbyjs.com/plugins/gatsby-plugin-netlify-cms) | [Netlify CMS](https://www.netlifycms.org/) を利用するためのプラグインです。パス `admin/index.html` に Netlify CMS を生成します。 |\n| [`gatsby-plugin-netlify`](https://www.gatsbyjs.com/plugins/gatsby-plugin-netlify) | Netlify に対応するためのプラグインです。デフォルトでは、 Netlify のヘッダーとリダイレクトの設定のために `_headers` と `_redirects` という 2 つのファイルを public フォルダのルートに設置します。 |\n| [`gatsby-plugin-no-sourcemaps`](https://www.gatsbyjs.com/plugins/gatsby-plugin-no-sourcemaps) | ソースマップを生成しないようにするためのプラグインです。 Webpack の設定のためのほんの数行のコードからなるプラグインです。 |\n| [`gatsby-plugin-nprogress`](https://www.gatsbyjs.com/plugins/gatsby-plugin-nprogress) | [Nprogress.js](http://ricostacruz.com/nprogress/) を利用するためのプラグインです。 |\n| [`gatsby-plugin-offline`](https://www.gatsbyjs.com/plugins/gatsby-plugin-offline) | ネットワーク環境が悪い場合でもサイトがなるべく動くようにするためのプラグインです。 Service Worker を追加します。 `gatsby-plugin-manifest` と併用することが推奨されています。 |\n| [`gatsby-plugin-page-creator`](https://www.gatsbyjs.com/plugins/gatsby-plugin-page-creator) | 指定されたパスの下の React コンポーネントを含むファイルからページを自動生成するためのプラグインです。 Gatsby 本体が利用しており、デフォルトでは `src/pages` 以下のファイルが対象になっています。 |\n[`gatsby-plugin-postcss`](https://www.gatsbyjs.com/plugins/gatsby-plugin-postcss) | [PostCSS](https://postcss.org/) を利用するためのプラグインです。 |\n| [`gatsby-plugin-preact`](https://www.gatsbyjs.com/plugins/gatsby-plugin-preact) | React の軽量版である [Preact](https://preactjs.com/) を利用するためのプラグインです。 |\n| [`gatsby-plugin-preload-fonts`](https://www.gatsbyjs.com/plugins/gatsby-plugin-preload-fonts) | パフォーマンス改善のために、ページで使われているフォントを `\u003clink rel=\"preload\"\u003e` で先読みするためのプラグインです。 |\n| [`gatsby-plugin-react-css-modules`](https://www.gatsbyjs.com/plugins/gatsby-plugin-react-css-modules) | React コンポーネント内の `styleName` を `className` に変換するプラグインです。 Gatsby は CSS モジュールをデフォルトでサポートしているため、このプラグインは通常必要ありません。 |\n| [`gatsby-plugin-react-helmet`](https://www.gatsbyjs.com/plugins/gatsby-plugin-react-helmet) | [React Helmet](https://github.com/nfl/react-helmet) を利用するためのプラグインです。 HTML の `\u003chead\u003e` タグ内に `\u003ctitle\u003e` や `\u003cmeta\u003e` 等のタグがかんたんに追加できます。 |\n| [`gatsby-plugin-remove-trailing-slashes`](https://www.gatsbyjs.com/plugins/gatsby-plugin-remove-trailing-slashes) | パスの末尾の `/` （スラッシュ）を削除するためのプラグインです。 **Gatsby v4.7 で本体に同じ機能が追加されたため本プラグインは deprecated となりました** （ [参考 1](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-config/#trailingslash) [参考 2](https://www.gatsbyjs.com/docs/reference/release-notes/v4.7/#trailingslash-option) ）。 |\n| [`gatsby-plugin-sass`](https://www.gatsbyjs.com/plugins/gatsby-plugin-sass) | Sass/SCSS を利用するためのプラグインです。 |\n| [`gatsby-plugin-schema-snapshot`](https://www.gatsbyjs.com/plugins/gatsby-plugin-schema-snapshot) | GraphQL のスキーマのスナップショットファイルを生成するためのプラグインです。デフォルトで `schema.gql` という名前のファイルに出力します。 |\n| [`gatsby-plugin-sharp`](https://www.gatsbyjs.com/plugins/gatsby-plugin-sharp) | 画像処理ライブラリの sharp を利用するためのプラグインです。画像をレスポンシブ化する際によく利用されます。 |\n| [`gatsby-plugin-sitemap`](https://www.gatsbyjs.com/plugins/gatsby-plugin-sitemap) | マシン向けのサイトマップ（ `sitemap.xml` ）を生成するためのプラグインです。 |\n| [`gatsby-plugin-styled-components`](https://www.gatsbyjs.com/plugins/gatsby-plugin-styled-components) | [`styled-components`](https://github.com/styled-components/styled-components) を利用するためのプラグインです。 |\n| [`gatsby-plugin-styled-jsx`](https://www.gatsbyjs.com/plugins/gatsby-plugin-styled-jsx) | [`styled-jsx`](https://github.com/vercel/styled-jsx) を利用するためのプラグインです。 |\n| [`gatsby-plugin-styletron`](https://www.gatsbyjs.com/plugins/gatsby-plugin-styletron) | [Styletron](https://github.com/styletron/styletron) を利用するためのプラグインです。 |\n| [`gatsby-plugin-stylus`](https://www.gatsbyjs.com/plugins/gatsby-plugin-stylus) | [Stylus](https://www.stylus.com/) を利用するためのプラグインです。 |\n| [`gatsby-plugin-subfont`](https://www.gatsbyjs.com/plugins/gatsby-plugin-subfont) | Google fonts 等のウェブフォントの配信を最適化するためのライブラリ [Subfont](https://github.com/Munter/subfont#readme) を利用するためのプラグインです。 |\n| [`gatsby-plugin-twitter`](https://www.gatsbyjs.com/plugins/gatsby-plugin-twitter) | Twitter のツイートやタイムラインやシェアボタンをページに埋め込むためのプラグインです。 |\n| [`gatsby-plugin-typescript`](https://www.gatsbyjs.com/plugins/gatsby-plugin-typescript) | TypeScript を利用するためのプラグインです。 Gatsby 本体が利用しています。 |\n| [`gatsby-plugin-typography`](https://www.gatsbyjs.com/plugins/gatsby-plugin-typography) | タイポグラフィー・フォント周りの設定を行うための [Typography](https://kyleamathews.github.io/typography.js/) を利用するためのプラグインです。 |\n| [`gatsby-remark-autolink-headers`](https://www.gatsbyjs.com/plugins/gatsby-remark-autolink-headers) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内の各見出し（ `h1` - `h6` ）にリンク付きのアイコンを付けられるプラグインです（ GitHub の README にあるようなものです）。 |\n| [`gatsby-remark-code-repls`](https://www.gatsbyjs.com/plugins/gatsby-remark-code-repls) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内でウェブ上で JS コードを試せる Codepen 等のサービスへのリンクを生成できるプラグインです。 |\n| [`gatsby-remark-copy-linked-files`](https://www.gatsbyjs.com/plugins/gatsby-remark-copy-linked-files) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内でリンクで参照されているファイルを public フォルダにコピーするプラグインです。 |\n| [`gatsby-remark-custom-blocks`](https://www.gatsbyjs.com/plugins/gatsby-remark-custom-blocks) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内で使えるカスタムブロックを定義して利用できるプラグインです。 [`remark-custom-blocks`](https://github.com/zestedesavoir/zmarkdown/tree/master/packages/remark-custom-blocks) を使用します。 |\n| [`gatsby-remark-embed-snippet`](https://www.gatsbyjs.com/plugins/gatsby-remark-embed-snippet) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内でファイルの中身をコードスニペットとして埋め込めるプラグインです。動作には `gatsby-remark-prismjs` が必要です。 |\n| [`gatsby-remark-graphviz`](https://www.gatsbyjs.com/plugins/gatsby-remark-graphviz) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内の [Graphviz](https://www.graphviz.org/) のコードブロックを SVG 画像に変換してくれるプラグインです。しかし、このプラグインが利用する [Viz.js](https://github.com/mdaines/viz.js/) の開発が終了しています。 |\n| [`gatsby-remark-images`](https://www.gatsbyjs.com/plugins/gatsby-remark-images) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内の画像をレスポンシブ化するためのプラグインです。 `png` と `jpg` をサポートしています。 |\n| [`gatsby-remark-images-contentful`](https://www.gatsbyjs.com/plugins/gatsby-remark-images-contentful) | `gatsby-transformer-remark` のサブプラグインで、 Contentful の Image API を使って Markdown 内の画像をレスポンシブ化するためのプラグインです。 |\n| [`gatsby-remark-katex`](https://www.gatsbyjs.com/plugins/gatsby-remark-katex) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内に数式を書くためのプラグインです。 |\n| [`gatsby-remark-prismjs`](https://www.gatsbyjs.com/plugins/gatsby-remark-prismjs) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内のコードブロックにシンタックスハイライトを追加できるプラグインです。シンタックスハイライト用のライブラリ [Prism](https://prismjs.com/) を使用します。 |\n| [`gatsby-remark-responsive-iframe`](https://www.gatsbyjs.com/plugins/gatsby-remark-responsive-iframe) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内の `\u003ciframe\u003e` タグの縦横比を維持するためのプラグインです。 |\n| [`gatsby-remark-smartypants`](https://www.gatsbyjs.com/plugins/gatsby-remark-smartypants) | `gatsby-transformer-remark` のサブプラグインで、 Markdown 内のアルファベットの句読点をきれいな形に変換してくれるプラグインです。 |\n| [`gatsby-source-contentful`](https://www.gatsbyjs.com/plugins/gatsby-source-contentful) | ヘッドレス CMS （ API ファースト CMS ）の [Contentful](https://www.contentful.com/) からコンテンツデータを取得するためのプラグインです。 |\n| [`gatsby-source-drupal`](https://www.gatsbyjs.com/plugins/gatsby-source-drupal) | CMS Drupal からコンテンツデータを取得するためのプラグインです。 |\n| [`gatsby-source-faker`](https://www.gatsbyjs.com/plugins/gatsby-source-faker) | フェイクデータ（テストや検証のためのデータ）を生成するライブラリ [`faker.js`](https://github.com/marak/Faker.js/) を使ってフェイクコンテンツを取得するためのプラグインです。 |\n| [`gatsby-source-filesystem`](https://www.gatsbyjs.com/plugins/gatsby-source-filesystem) | ローカルのファイルシステムからコンテンツデータを取得するためのプラグインです。 |\n| [`gatsby-source-graphql`](https://www.gatsbyjs.com/plugins/gatsby-source-graphql) | 任意の GraphQL API からデータを取得するためのプラグインです。 |\n| [`gatsby-source-hacker-news`](https://www.gatsbyjs.com/plugins/gatsby-source-hacker-news) | [Hacker News API](https://github.com/HackerNews/API) からコンテンツデータを取得するためのプラグインです。 |\n| [`gatsby-source-lever`](https://www.gatsbyjs.com/plugins/gatsby-source-lever) | リクルーティング活動支援のウェブサービス [Lever](https://www.lever.co/) からデータを取得するためのプラグインです。 |\n| [`gatsby-source-medium`](https://www.gatsbyjs.com/plugins/gatsby-source-medium) | Medium の非公式の JSON エンドポイントからコンテンツデータを取得するためのプラグインです。ただし取得できる内容・件数がかぎられています。 |\n| [`gatsby-source-mongodb`](https://www.gatsbyjs.com/plugins/gatsby-source-mongodb) | MongoDB のコレクションからデータを取得するためのプラグインです。 |\n| [`gatsby-source-npm-package-search`](https://www.gatsbyjs.com/plugins/gatsby-source-npm-package-search) | Yarn の Algolia の機能を使って npm のパッケージ情報を取得するためのプラグインです。 |\n| [`gatsby-source-shopify`](https://www.gatsbyjs.com/plugins/gatsby-source-shopify) | EC サービス [Shopify](https://www.shopify.com/) のストアから Shopify Storefront API を使ってデータを取得するためのプラグインです。 |\n| [`gatsby-source-wikipedia`](https://www.gatsbyjs.com/plugins/gatsby-source-wikipedia) | Wikipedia から記事データを取得するためのプラグインです。 |\n| [`gatsby-source-wordpress`](https://www.gatsbyjs.com/plugins/gatsby-source-wordpress) | WordPress サイトから WordPress REST API を使ってコンテンツデータを取得するためのプラグインです。 |\n| [`gatsby-transformer-asciidoc`](https://www.gatsbyjs.com/plugins/gatsby-transformer-asciidoc) | AsciiDoc ファイルをコンテンツソースとしてパースするためのプラグインです。 |\n| [`gatsby-transformer-csv`](https://www.gatsbyjs.com/plugins/gatsby-transformer-csv) | CSV ファイルをコンテンツソースとしてパースするためのプラグインです。 |\n| [`gatsby-transformer-documentationjs`](https://www.gatsbyjs.com/plugins/gatsby-transformer-documentationjs) | JavaScript のコードから JSDoc のデータを抽出するためのプラグインです。 |\n| [`gatsby-transformer-excel`](https://www.gatsbyjs.com/plugins/gatsby-transformer-excel) | Excel ファイルをコンテンツソースとしてパースするためのプラグインです。 |\n| [`gatsby-transformer-hjson`](https://www.gatsbyjs.com/plugins/gatsby-transformer-hjson) | Hjson ファイルをコンテンツソースとしてパースするためのプラグインです。 |\n| [`gatsby-transformer-javascript-frontmatter`](https://www.gatsbyjs.com/plugins/gatsby-transformer-javascript-frontmatter) | JavaScript ファイルの `exports.frontmatter` をコンテンツソースとして抽出するためのプラグインです。 |\n| [`gatsby-transformer-javascript-static-exports`](https://www.gatsbyjs.com/plugins/gatsby-transformer-javascript-static-exports) | JavaScript ファイルの `exports.data` をコンテンツソースとして抽出するためのプラグインです。 |\n| [`gatsby-transformer-json`](https://www.gatsbyjs.com/plugins/gatsby-transformer-json) | JSON ファイルをコンテンツソースとしてパースするためのプラグインです。 |\n| [`gatsby-transformer-pdf`](https://www.gatsbyjs.com/plugins/gatsby-transformer-pdf) | PDF ファイルのテキストデータをコンテンツソースとして抽出するためのプラグインです。 |\n| [`gatsby-transformer-react-docgen`](https://www.gatsbyjs.com/plugins/gatsby-transformer-react-docgen) | React のコンポーネントの情報を [`react-docgen`](https://github.com/reactjs/react-docgen) を使ってコンテンツソースとして抽出するためのプラグインです。 |\n| [`gatsby-transformer-remark`](https://www.gatsbyjs.com/plugins/gatsby-transformer-remark) | Markdown ファイルを [`remark`](http://remark.js.org/) を使ってコンテンツソースとしてパースするためのプラグインです。 Gatsby のテキストデータを取得する transformer の中で最も多く使われています。 |\n| [`gatsby-transformer-screenshot`](https://www.gatsbyjs.com/plugins/gatsby-transformer-screenshot) | AWS Lambda Function を使ってウェブサイトのスクリーンショットを生成するプラグインです。 |\n| [`gatsby-transformer-sharp`](https://www.gatsbyjs.com/plugins/gatsby-transformer-sharp) | 画像処理ライブラリ [`sharp`](https://github.com/lovell/sharp) を使って画像にリサイズ・切り抜き・レスポンシブ化を施してコンテンツソースとして提供するプラグインです。 |\n| [`gatsby-transformer-sqip`](https://www.gatsbyjs.com/plugins/gatsby-transformer-sqip) | 非常に軽量なサムネイル画像を生成するプラグインです。 |\n| [`gatsby-transformer-toml`](https://www.gatsbyjs.com/plugins/gatsby-transformer-toml) | TOML ファイルをコンテンツソースとしてパースするためのプラグインです。 |\n| [`gatsby-transformer-xml`](https://www.gatsbyjs.com/plugins/gatsby-transformer-xml) | XML ファイルをコンテンツソースとしてパースするためのプラグインです。 |\n| [`gatsby-transformer-yaml`](https://www.gatsbyjs.com/plugins/gatsby-transformer-yaml) | YAML ファイルをコンテンツソースとしてパースするためのプラグインです。 |\n\n## テーマ\n\nテーマは名前が `gatsby-theme-` で始まります。\n\n| 名前 | 説明 |\n| --- | --- |\n| [`gatsby-theme-blog`](https://www.gatsbyjs.com/plugins/gatsby-theme-blog) | シンプルなブログ作成用のテーマです。 `gatsby-theme-blog-core` を親テーマとして利用しています。 |\n| [`gatsby-theme-blog-core`](https://www.gatsbyjs.com/plugins/gatsby-theme-blog-core) | シンプルなブログ作成用のテーマです。通常は子テーマの `gatsby-theme-blog` を使うことが想定されています。 |\n| [`gatsby-theme-blog-darkmode`](https://www.gatsbyjs.com/plugins/gatsby-theme-blog-darkmode) | `gatsby-theme-blog` にダークモード機能を追加できるテーマです。利用するときには `gatsby-theme-blog` といっしょに利用する必要があります。 |\n| [`gatsby-theme-i18n`](https://www.gatsbyjs.com/plugins/gatsby-theme-i18n) | Gatsby サイトを多言語対応（ i18n support ）させるためのテーマです。 |\n| [`gatsby-theme-i18n-lingui`](https://www.gatsbyjs.com/plugins/gatsby-theme-i18n-lingui) | 多言語対応サイトを [LinguiJS](https://lingui.js.org/) で各言語に翻訳（ l10n ）するためのテーマです。 |\n| [`gatsby-theme-i18n-react-i18next`](https://www.gatsbyjs.com/plugins/gatsby-theme-i18n-react-i18next) | 多言語対応サイトを [`readct-i18next`](https://react.i18next.com/) で各言語に翻訳（ l10n ）するためのテーマです。 |\n| [`gatsby-theme-i18n-react-intl`](https://www.gatsbyjs.com/plugins/gatsby-theme-i18n-react-intl) | 多言語対応サイトを [React Intl](https://formatjs.io/docs/react-intl/) で各言語に翻訳（ l10n ）するためのテーマです。 |\n| [`gatsby-theme-notes`](https://www.gatsbyjs.com/plugins/gatsby-theme-notes) | メモ集サイト用のテーマです。 |\n| [`gatsby-theme-ui-preset`](https://www.gatsbyjs.com/plugins/gatsby-theme-ui-preset) | 他の公式テーマが使うための Theme UI の設定だけを提供するテーマです（と公式に書かれていますが、他の公式テーマでこれを使っているものは現状無いようです）。 |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgh640%2Fgatsby-plugins-themes-ja","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgh640%2Fgatsby-plugins-themes-ja","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgh640%2Fgatsby-plugins-themes-ja/lists"}