diff --git a/.github/workflows/github-pages.yml b/.github/workflows/github-pages.yml
index 98cce4b..7e87292 100644
--- a/.github/workflows/github-pages.yml
+++ b/.github/workflows/github-pages.yml
@@ -11,8 +11,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-      - run: npx @marp-team/marp-cli README.md -o pages/index.html
+      - run: make build
       - uses: actions/upload-pages-artifact@v1
         with:
-          path: pages
+          path: dist
       - uses: actions/deploy-pages@v1
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1521c8b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+dist
diff --git a/.marprc.yml b/.marprc.yml
new file mode 100644
index 0000000..94e7c94
--- /dev/null
+++ b/.marprc.yml
@@ -0,0 +1 @@
+allowLocalFiles: true
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..abbdaf3
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,4 @@
+.PHONY: build
+build:
+	npx @marp-team/marp-cli README.md -o dist/index.html
+	rsync -av assets/ dist/assets/
diff --git a/README.md b/README.md
index 3bbe291..68fed89 100644
--- a/README.md
+++ b/README.md
@@ -50,6 +50,14 @@ Web ブラウザーからハードウェアを制御するプロトタイピン
 
 ---
 
+## 作品例
+
+![h800](./assets/webiotmakers-gallery.dio.png)
+
+<!-- _footer: 画像の引用元: Web×IoT メイカーズチャレンジ 作品ギャラリー https://webiotmakers.github.io/gallery/ -->
+
+---
+
 ## 本日のゴール
 
 基礎編
diff --git a/assets/webiotmakers-gallery.dio.png b/assets/webiotmakers-gallery.dio.png
new file mode 100644
index 0000000..f32e435
Binary files /dev/null and b/assets/webiotmakers-gallery.dio.png differ