diff --git a/src/client/app/app.vue b/src/client/app/app.vue
index 7a46e7dea..9de01ef06 100644
--- a/src/client/app/app.vue
+++ b/src/client/app/app.vue
@@ -1,3 +1,24 @@
-
+
+
+
diff --git a/src/docs/keyboard-shortcut.ja-JP.md b/src/docs/keyboard-shortcut.ja-JP.md
new file mode 100644
index 000000000..59101dc29
--- /dev/null
+++ b/src/docs/keyboard-shortcut.ja-JP.md
@@ -0,0 +1,96 @@
+# Misskeyキーボードショートカットまとめ
+
+## グローバル
+これらのショートカットは基本的にどこでも使えます。
+
+
+ ショートカット | 効果 | 由来 |
+
+
+ P, N | 新規投稿 | Post, New, Note |
+ T | タイムラインの最も新しい投稿にフォーカス | Timeline, Top |
+ Shift + N | 通知を表示/隠す | Notifications |
+ A, M | アカウントメニューを表示/隠す | Account, My, Me, Menu |
+ Z | 上部のバーを隠す | Zen |
+ H, ? | ヘルプを表示 | Help |
+
+
+
+## 投稿にフォーカスされた状態
+
+
+ ショートカット | 効果 | 由来 |
+
+
+ ↑, K, Shift + Tab | 上の投稿にフォーカスを移動 | - |
+ ↓, J, Tab | 下の投稿にフォーカスを移動 | - |
+ ←, R | 返信フォームを開く | Reply |
+ →, Q | Renoteフォームを開く | Quote |
+ Ctrl + →, Ctrl + Q | 即刻Renoteする(フォームを開かずに) | - |
+ E, A, + | リアクションフォームを開く | Emote, reAction |
+ 0~9 | 数字に対応したリアクションをする(対応については後述) | - |
+ M, O | 投稿に対するメニューを開く | More, Other |
+ S | CWで隠された部分を表示 or 隠す | Show, See |
+ Esc | フォーカスを外す | - |
+
+
+
+## Renoteフォーム
+
+
+ ショートカット | 効果 | 由来 |
+
+
+ Enter | Renoteする | - |
+ Q | フォームを展開する | Quote |
+ Esc | フォームを閉じる | - |
+
+
+
+## リアクションフォーム
+デフォルトで「👍」にフォーカスが当たっている状態です。
+
+
+ ショートカット | 効果 | 由来 |
+
+
+ ↑, K | 上のリアクションにフォーカスを移動 | - |
+ ↓, J | 下のリアクションにフォーカスを移動 | - |
+ ←, H, Shift + Tab | 左のリアクションにフォーカスを移動 | - |
+ →, L, Tab | 右のリアクションにフォーカスを移動 | - |
+ Enter, Space, + | リアクション確定 | - |
+ 0~9 | 数字に対応したリアクションで確定(対応については後述) | - |
+ Esc | リアクションするのをやめる | - |
+
+
+
+## リアクションと数字キーの対応
+
+
+ 数字キー | リアクション |
+
+
+ 1 | 👍 |
+ 2 | ❤️ |
+ 3 | 😆 |
+ 4 | 🤔 |
+ 5 | 😮 |
+ 6 | 🎉 |
+ 7 | 💢 |
+ 8 | 😥 |
+ 9 | 😇 |
+ 0 | 🍮 or 🍣 |
+
+
+
+# 例
+
+
+ ショートカット | 動作 |
+
+
+ t++ | タイムラインの最新の投稿に👍する |
+ t1 | タイムラインの最新の投稿に👍する |
+ t0 | タイムラインの最新の投稿に🍮する |
+
+
diff --git a/src/docs/style.styl b/src/docs/style.styl
index b01fe493a..70d77b549 100644
--- a/src/docs/style.styl
+++ b/src/docs/style.styl
@@ -128,3 +128,24 @@ pre
> code
display block
padding 16px
+
+kbd.group
+ display inline-block
+ padding 4px
+ background #fbfbfb
+ border 1px solid #d6d6d6
+ border-radius 4px
+ box-shadow 0 1px 1px rgba(0, 0, 0, 0.1)
+
+kbd.key
+ display inline-block
+ padding 6px 8px
+ background #fff
+ border solid 1px #cecece
+ border-radius 4px
+ box-shadow 0 1px 1px rgba(0, 0, 0, 0.1)
+
+td
+ > kbd.group,
+ > kbd.key
+ margin 4px