diff --git a/docs/3-web-servers/03-module/_samples/read-file-sync/main.mjs b/docs/3-web-servers/03-module/_samples/read-file-sync/main.mjs
new file mode 100644
index 000000000..38f646db5
--- /dev/null
+++ b/docs/3-web-servers/03-module/_samples/read-file-sync/main.mjs
@@ -0,0 +1,2 @@
+import { readFileSync } from "fs";
+console.log(readFileSync("sample.txt", "utf-8"));
diff --git a/docs/3-web-servers/03-module/_samples/read-file-sync/sample.txt b/docs/3-web-servers/03-module/_samples/read-file-sync/sample.txt
new file mode 100644
index 000000000..5e1c309da
--- /dev/null
+++ b/docs/3-web-servers/03-module/_samples/read-file-sync/sample.txt
@@ -0,0 +1 @@
+Hello World
\ No newline at end of file
diff --git a/docs/3-web-servers/03-module/index.md b/docs/3-web-servers/03-module/index.md
index ad4b3eab6..903b8c342 100644
--- a/docs/3-web-servers/03-module/index.md
+++ b/docs/3-web-servers/03-module/index.md
@@ -156,6 +156,8 @@ console.log(readFileSync("sample.txt", "utf-8"));
 Hello World
 ```
 
+<ViewSource url={import.meta.url} path="_samples/read-file-sync" noCodeSandbox />
+
 :::tip 文字コード
 
 **文字コード**とは、文字のコンピューターによる表現です。`UTF-8` や `Shift_JIS` などさまざまな方式が定義されていますが、現在では通常 `UTF-8` を選んでおけば問題ありません。間違った方式を選んでしまうと、意図と異なる文字として解釈されてしまう現象 (**文字化け**)が起こります。