CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
![オープンソースの静的サイトジェネレータ「Gatsby v3.0.0」がリリース](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd9b6105f9bc0146da454668e53a488a58234da8/height=288;version=1;width=512/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F13771%2F13646_og.jpg)
Gatsby is powered by the amazing Gatsby community and Gatsby, the company.
本文書は公開済みの”基礎から始めるGatsbyJS入門”の続きです。前回の文書ではMarkdownファイル毎に個別ページのslug(URL or PATH)を動的に作成しそのslug(URL or PATH)にアクセスするとMarkdownファイルの内容を動的に表示する方法を確認しました。今回は動的に作成されたコンテンツに画像を表示させる方法を確認していきます。 Markdownファイルを使っている場合の画像の設定方法を説明しているので以前の文書を読んでなくても読み進めることはできます。 Markdownファイルへの画像の埋め込み 最初にMarkdownファイルに画像を埋め込む方法を確認していきます。 ファイルを保存する場所imagesディレクトリを作成し画像ファイルtest.jpgを保存します。保存するディレクトリ、ファイル名も任意で好きな画像を保存してください。 ファイルの保存後、ファ
module.exports = { siteMetadata: { title: `Gatsby Default Starter`, description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`, author: `@gatsbyjs`, }, plugins: [ `gatsby-plugin-sass`, `gatsby-plugin-react-helmet`, //gatsby-starter-defaultでは既に設定されている { resolve: `gatsby-source-filesystem`,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く