diff --git a/src/pages/utol/lecturers/messages/course_setting1.png b/src/pages/utol/lecturers/messages/course_setting1.png
new file mode 100644
index 0000000000..fdafb74e73
Binary files /dev/null and b/src/pages/utol/lecturers/messages/course_setting1.png differ
diff --git a/src/pages/utol/lecturers/messages/course_setting2.png b/src/pages/utol/lecturers/messages/course_setting2.png
new file mode 100644
index 0000000000..9286ab0f2a
Binary files /dev/null and b/src/pages/utol/lecturers/messages/course_setting2.png differ
diff --git a/src/pages/utol/lecturers/messages/course_setting_edit.png b/src/pages/utol/lecturers/messages/course_setting_edit.png
new file mode 100644
index 0000000000..f0c8a83e6e
Binary files /dev/null and b/src/pages/utol/lecturers/messages/course_setting_edit.png differ
diff --git a/src/pages/utol/lecturers/messages/coursetop_edit.png b/src/pages/utol/lecturers/messages/coursetop_edit.png
new file mode 100644
index 0000000000..331da0ae9c
Binary files /dev/null and b/src/pages/utol/lecturers/messages/coursetop_edit.png differ
diff --git a/src/pages/utol/lecturers/messages/coursetop_list.png b/src/pages/utol/lecturers/messages/coursetop_list.png
new file mode 100644
index 0000000000..4fadaa085f
Binary files /dev/null and b/src/pages/utol/lecturers/messages/coursetop_list.png differ
diff --git a/src/pages/utol/lecturers/messages/coursetop_send.png b/src/pages/utol/lecturers/messages/coursetop_send.png
new file mode 100644
index 0000000000..4afb445226
Binary files /dev/null and b/src/pages/utol/lecturers/messages/coursetop_send.png differ
diff --git a/src/pages/utol/lecturers/messages/coursetop_send_back.png b/src/pages/utol/lecturers/messages/coursetop_send_back.png
new file mode 100644
index 0000000000..f097f0bdd7
Binary files /dev/null and b/src/pages/utol/lecturers/messages/coursetop_send_back.png differ
diff --git a/src/pages/utol/lecturers/messages/index.mdx b/src/pages/utol/lecturers/messages/index.mdx
index fe25212ce2..aa675a26c2 100644
--- a/src/pages/utol/lecturers/messages/index.mdx
+++ b/src/pages/utol/lecturers/messages/index.mdx
@@ -4,8 +4,70 @@ breadcrumb:
   title: メッセージ
 ---
 
-<div class="box">
-    このページは準備中です．
+## 概要
+
+教員・TAは履修者や他の教員・TAにメッセージを送ることができます．なお，メッセージ機能はデフォルトではオンですが，教員（TAは除く）によりオフにすることもできます．メッセージ機能の有効化・無効化をする方法に関しては「メッセージ機能の有効化・無効化」を参照してください．
+
+履修者からのメッセージ，他の担当教員およびTAが返信したメッセージについて，メールやLINEで通知を受信することができます．詳細は「[UTOLからの通知を設定する](https://utelecon.adm.u-tokyo.ac.jp/utol/notification/)」を参照してください．
+
+## メッセージの送信
+
+1.  コーストップ画面のメッセージ欄の[+]ボタンをクリックしてください．
+    ![](coursetop_send.png)
+2.  以下の画像のようなメッセージ投稿画面に，以下の必要事項を入力してください．なお，送信前に[更新]ボタンをクリックすると，入力した内容が消えてしまう可能性がありますのでご注意ください．
+    ![](message_first.png)
+    * タイトル
+    * 本文
+      * マークアップ機能を利用できます．マークアップ機能の使い方についての詳細は「[UTOLでマークアップ機能を利用する](https://utelecon.adm.u-tokyo.ac.jp/utol/markup/)」を参照してください．
+    * 添付ファイル
+      * [参照]ボタンをクリックしてファイルを選択したあと，[追加]ボタンをクリックすることでファイルを添付できます．
+      * 緊急時や大量送信の場合は，ファイルの添付を控えてください．
+    * 宛先：メッセージを送りたい相手に応じて，教員・TA（コース管理者）の宛先と学生の宛先を別々に指定してください．
+      * 教員・TA（コース管理者）の宛先を指定する
+        * 「すべての担当教員およびTA」，「すべての担当教員」のどちらかを選択してください．
+      * 学生の宛先を指定する
+        * 宛先一覧から，左端のボックスにチェックを入れることで学生を選択してください．なお，一番上のボックスにチェックを入れると，すべての学生を選択することができます．
+3.  画面下部の[送信]ボタンをクリックすると送信完了です．
+4.  送信が完了すると，メッセージ投稿画面に遷移します．
+    ![](message_send.png)
+
+## 自分宛のメッセージの確認・返信
+
+メッセージがあると，コーストップ画面にステータス「未読」のメッセージが表示されます．メッセージが表示されない場合は，コーストップ画面上部のボタンが「編集ページ」になっているか確認してください．（「閲覧ページ」の状態ではメッセージが表示されません．）
+![](coursetop_edit.png)
+
+1.  確認したいメッセージのタイトルをクリックすると，メッセージ投稿画面に遷移します．この時点でステータスは「未読」から「既読」になります．また，「コース内のメッセージ一覧」をクリックすると，自分が送信者または受信者であるメッセージの一覧を表示することができます．
     
-    公開されるまでの間，UTOL上の[ダウンロードページ](https://utol.ecc.u-tokyo.ac.jp/common/support/manual)からPDF形式で入手できるマニュアルをご利用ください（UTokyo Accountでのログインが必要です）．
-</div>
+    ＜コーストップ画面のメッセージ欄＞
+    ![](coursetop_send_back.png)
+
+    ＜メッセージ投稿画面＞
+    ![](message_send_back.png)
+
+    ＜メッセージ一覧画面＞
+    ![](message_list.png)
+
+2.  更新ボタンをクリックすると，メッセージ投稿画面を更新することができます．画面を開いている間に他のユーザーがメッセージを投稿していた場合にクリックすると，その内容が表示されます．
+
+## 履修者間のメッセージのやり取りの確認
+
+担当教員は履修者間のメッセージのやり取りを確認することはできますが，返信したり，削除したりすることはできません．またTAは確認できません．
+
+1.  コーストップ画面の左上にある3本線のメニューを開き，その中から「その他」をクリックしてください．
+    ![](menu_others.png)
+2.  「その他」のメニューの中から，「履修者間のメッセージ一覧」をクリックしてください．
+    ![](others_student_message.png)
+3.  履修者間のメッセージ一覧が表示されます．確認したいメッセージのタイトルをクリックすると，メッセージ投稿画面に遷移します．
+    ![](student_message.png)
+
+## メッセージ機能の有効化・無効化
+
+メッセージ機能のオン・オフを変えられるのは教員のみで，TAにはその権限がありません．
+
+1.  コーストップ画面の左上にある3本線のメニューを開き，その中から「コース設定」をクリックしてください．
+![](course_setting1.png)
+2.  「コース設定」のメニューの中から，再び「コース設定」をクリックしてください．
+![](course_setting2.png)
+3.  コース設定の編集画面が表示されます．その中の「メッセージ利用」のチェックを，有効化する場合は入れ，無効化する場合は外し，ページ下部の「確認画面に進む」をクリックしてください．
+![](course_setting_edit.png)
+4.  登録内容確認の画面が表示されます．「メッセージ利用」の項において，有効化する場合は有効化する場合は「教員・TA・履修者でメッセージをやり取りする」，無効化する場合は「教員・TA・履修者でメッセージをやり取りしない」になっていることを確認し，ページ下部の「登録する」をクリックしてください．
diff --git a/src/pages/utol/lecturers/messages/menu_others.png b/src/pages/utol/lecturers/messages/menu_others.png
new file mode 100644
index 0000000000..35b79e0687
Binary files /dev/null and b/src/pages/utol/lecturers/messages/menu_others.png differ
diff --git a/src/pages/utol/lecturers/messages/message_first.png b/src/pages/utol/lecturers/messages/message_first.png
new file mode 100644
index 0000000000..f6880c0774
Binary files /dev/null and b/src/pages/utol/lecturers/messages/message_first.png differ
diff --git a/src/pages/utol/lecturers/messages/message_list.png b/src/pages/utol/lecturers/messages/message_list.png
new file mode 100644
index 0000000000..319ec06995
Binary files /dev/null and b/src/pages/utol/lecturers/messages/message_list.png differ
diff --git a/src/pages/utol/lecturers/messages/message_send.png b/src/pages/utol/lecturers/messages/message_send.png
new file mode 100644
index 0000000000..c87a5ed78e
Binary files /dev/null and b/src/pages/utol/lecturers/messages/message_send.png differ
diff --git a/src/pages/utol/lecturers/messages/message_send_back.png b/src/pages/utol/lecturers/messages/message_send_back.png
new file mode 100644
index 0000000000..0cf4264811
Binary files /dev/null and b/src/pages/utol/lecturers/messages/message_send_back.png differ
diff --git a/src/pages/utol/lecturers/messages/others_student_message.png b/src/pages/utol/lecturers/messages/others_student_message.png
new file mode 100644
index 0000000000..f205acdc25
Binary files /dev/null and b/src/pages/utol/lecturers/messages/others_student_message.png differ
diff --git a/src/pages/utol/lecturers/messages/student_message.png b/src/pages/utol/lecturers/messages/student_message.png
new file mode 100644
index 0000000000..d5d47c2e46
Binary files /dev/null and b/src/pages/utol/lecturers/messages/student_message.png differ