8.48.0

Resolve #1302
Clean up: Remove unused import
2018-09-18 06:30:52 +09:00 · 2018-09-18 06:29:47 +09:00 · 2018-09-18 06:20:49 +09:00 · 2018-09-18 05:36:14 +09:00 · 2018-09-18 05:35:49 +09:00 · 2018-09-18 05:35:39 +09:00
167 changed files with 3662 additions and 1727 deletions
--- a/README.md
+++ b/README.md
@ -12,7 +12,7 @@
 [Misskey](https://misskey.xyz) is a decentralized microblogging platform born on Earth.
 Since it exists within the Fediverse (a universe where various social media platforms are organized),
 it is mutually linked with other social media platforms.
-Why don't you take a short break from the hustle and bustle of the city, and dive into a new Internet?
+Why don't you take a short break from the hustle and bustle of the city, and dive into a new Internet? [Find instance!](https://joinmisskey.github.io/)
 <a href="https://www.patreon.com/syuilo"><img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" alt="Become a Patron!" width="160" /></a>
@ -20,15 +20,44 @@ Why don't you take a short break from the hustle and bustle of the city, and div
 :sparkles: Features
 ----------------------------------------------------------------
 * Rich text contents
 * Reactions
 * User lists
 * Customizable column view (called MisskeyDeck)
 * Customizable widgets
 * Private messages
 * ActivityPub support
-and more! You can see it with your own eyes at [misskey.xyz](https://misskey.xyz).
+<img src="/assets/about/post.png" align="left" height="200px"/>
 <h3 align="left">Posting</h3>
 <p align="left">
 Just post your idea, hot topics and anything you want to share. You may want to decorate your words, attach your favorite pictures, send files including movies and create a poll - those are the things you can do on Misskey!
 </p>
 ---
 <img src="/assets/about/reaction.png" align="right" height="200px"/>
 <h3 align="right">Reactions</h3>
 <p align="right">
 Easiest way to tell your emotions. Misskey allows you to add various type of reactions to other’s post. The emotional experience on Misskey will never be on other SNSs which only able to push “likes”.
 </p>
 ---
 <img src="/assets/about/ui.png" align="left" height="200px"/>
 <h3 align="left">Interface</h3>
 <p align="left">
 No UI fits for everyone. Therefore, Misskey has a highly customizable UI for your taste. You can edit layouts of your timeline, place selectable widgets you can easily move and create your unique home as this place will be your home.
 </p>
 ---
 <img src="/assets/about/drive.png" align="right" width="300px"/>
 <h3 align="right">Misskey Drive</h3>
 <p align="right">
 Wanna post a picture you have already uploaded? Wish to organize, name and create a folder for your uploaded files? Misskey Drive is the best solution for you. Very easy to share your files online.
 </p>
 ---
 and more! You can see it with your own eyes at [misskey.xyz](https://misskey.xyz) or [other instances](https://joinmisskey.github.io/).
 :package: Create your own instance
 ----------------------------------------------------------------
--- a/docs/setup.ja.md
+++ b/docs/setup.ja.md
@ -10,7 +10,7 @@ Misskeyサーバーの構築にご関心をお寄せいただきありがとう
 *1.* Misskeyユーザーの作成
 ----------------------------------------------------------------
-Misskeyのrootで実行しない方がよいため、代わりにユーザーを作成します。
+Misskeyはrootユーザーで実行しない方がよいため、代わりにユーザーを作成します。
 Debianの例:
 ```
--- a/gulpfile.ts
+++ b/gulpfile.ts
@ -78,7 +78,7 @@ gulp.task('build:copy', ['build:copy:views', 'build:copy:lang'], () =>
 	]).pipe(gulp.dest('./built/'))
 );
-gulp.task('test', ['lint', 'mocha']);
+gulp.task('test', ['mocha']);
 gulp.task('lint', () =>
 	gulp.src('./src/**/*.ts')
--- a/locales/ca-ES.yml
+++ b/locales/ca-ES.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "投稿内の動きのあるテキストを無効にする"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "引き分け"
@ -150,7 +155,10 @@ common:
    home: "ホーム"
    local: "ローカル"
    hybrid: "ソーシャル"
    hashtag: "ハッシュタグ"
    global: "グローバル"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "通知"
    list: "リスト"
    swap-left: "左に移動"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "正常に接続できるようです。ページを再度読み込みしてください。"
  flush: "キャッシュの削除"
  set-version: "バージョン指定"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "ユーザーを探す"
  you: "あなた"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "ファイル選択中"
  upload: "PCからドライブにファイルをアップロード"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "詳細"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "読み込みに失敗しました。"
  retry: "リトライ"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "保存"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "プロフィールを保存しました"
  uploading: "アップロード中"
--- a/locales/de-DE.yml
+++ b/locales/de-DE.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "投稿内の動きのあるテキストを無効にする"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "引き分け"
@ -150,7 +155,10 @@ common:
    home: "Startseite"
    local: "Lokal"
    hybrid: "ソーシャル"
    hashtag: "ハッシュタグ"
    global: "Global"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "Mitteilungen"
    list: "Listen"
    swap-left: "Nach links"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "Die Verbindung scheint zu funktionieren. Bitte lade die Seite neu."
  flush: "Cache leeren"
  set-version: "Version angeben"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "Einen Nutzer suchen"
  you: "Du"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "Datei auswählen"
  upload: "Dateien von deinem PC hochladen"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "Zeige Details"
  private: "Dieser Beitrag ist eine privat"
  deleted: "Dieser Beitrag wurde entfernt"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "Laden fehlgeschlagen."
  retry: "Erneut versuchen"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "Profil aktualisieren"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "Lokal"
  hybrid: "ソーシャル"
  global: "Global"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "Listen"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "Profil wurde aktualisiert"
  uploading: "アップロード中"
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@ -13,9 +13,9 @@ common:
    rich-contents: "Post"
    rich-contents-desc: "Just post your idea, hot topics and anything you want to share. You may want to decorate your words, attach your favorite pictures, send files including movies and create a poll - those are the things you can do on Misskey!"
    reaction: "Reactions"
-    reaction-desc: "Easiest way to tell your emotions.\nMisskey allows you to add various type of reactions to other’s post. The emotional experience on Misskey will never be on other SNSs which only able to push “likes”."
+    reaction-desc: "Easiest way to tell your emotions. Misskey allows you to add various type of reactions to other’s post. The emotional experience on Misskey will never be on other SNSs which only able to push “likes”."
    ui: "Interface"
-    ui-desc: "No UI fits for everyone. Therefore, Misskey has a highly customizable UI for your taste. You can edit layouts of your timeline, place selectable widgets you can easily move and create your unique home as this place will be your home."
+    ui-desc: "No UI fits for everyone. Therefore, Misskey has a highly customizable UI for your taste. Make your original home by editing, adjusting layouts of timeline and placing selectable widgets you can easily customize."
    drive: "Misskey Drive"
    drive-desc: "Wanna post a picture you have already uploaded? Wish to organize, name and create a folder for your uploaded files? Misskey Drive is the best solution for you. Very easy to share your files online."
    outro: "Check further Misskey-unique features on your eyes! Feeling like this is not for you, try other instances as Misskey is a decentralized SNS so that you can easily find your mates. Then, GLHF!"
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "Make the stone color clear in reversi"
  verified-user: "Verified account"
  disable-animated-mfm: "Disable animated texts in a post"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "Always post with a warning about media attachment"
  show-full-acct: "Do not omit the hostname from the username"
  reduce-motion: "Reduce motion in UI"
  this-setting-is-this-device-only: "Only for this device"
  do-not-use-in-production: 'As this is for development, do not use this in production.'
  reversi:
    drawn: "Draw"
@ -150,7 +155,10 @@ common:
    home: "Home"
    local: "Local"
    hybrid: "Social"
    hashtag: "Hashtag"
    global: "Global"
    mentions: "Mentions"
    direct: "ダイレクト投稿"
    notifications: "Notifications"
    list: "Lists"
    swap-left: "Move to the left"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "Looks like we have a connection. Please reload the page."
  flush: "Clean cache"
  set-version: "Specify version"
 common/views/components/media-banner.vue:
  sensitive: "NSFW"
  click-to-show: "Click to show"
 common/views/components/cw-button.vue:
  hide: "Hide"
  show: "See more"
 common/views/components/messaging.vue:
  search-user: "Find a user"
  you: "You"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "Posts"
  users: "Users"
  drive: "Drive"
  network: "Network"
  charts:
    notes: "The number of posts: increase/decrease (Combined)"
    local-notes: "The number of posts: increase/decrease (Local)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "Capacity used as the storage: cumulative total"
    drive-files: "The number of files on the storage: increase/decrease"
    drive-files-total: "The number of files on the storage: cumulative total"
    network-requests: "Requests"
    network-time: "Response time"
    network-usage: "Traffic"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "Choose files"
  upload: "Upload files from your device"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "Show details"
  private: "Post is private"
  deleted: "Post has been deleted"
  hide: "Hide"
  see-more: "See more"
 desktop/views/components/notes.vue:
  error: "Loading failed."
  retry: "Retry"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "Birthday"
  save: "Update profile"
  locked-account: "Protect your account"
-  is-locked: "Make your posts private"
+  is-locked: "Follow request needs approval"
  other: "Other"
  is-bot: "This account is a Bot"
  is-cat: "This account is a Cat"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "Local"
  hybrid: "Social"
  global: "Global"
  mentions: "Mentions"
  messages: "Messages"
  list: "Lists"
  hashtag: "Hashtag"
  add-tag-timeline: "Add hashtag tl"
  add-list: "Add list"
  list-name: "List name"
 desktop/views/components/ui.header.vue:
  welcome-back: "Welcome back,"
  adjective: "-san"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "Close"
 mobile/views/components/note.vue:
  reposted-by: "Reposted by {}"
  more: "See more"
  less: "Hide"
  private: "This post is private"
  deleted: "This post has been deleted"
  location: "Location"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "Local"
  hybrid: "Social"
  global: "Global"
  mentions: "Mentions"
  messages: "Messages"
 mobile/views/pages/tag.vue:
  no-posts-found: "No posts \"{}\" found."
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "Avatar"
  banner: "Banner"
  is-cat: "This account is a Cat"
  is-locked: "Follow request needs approval"
  advanced: "Advanced"
  privacy: "Privacy"
  save: "Update profile"
  saved: "Profile updated"
  uploading: "Uploading"
--- a/locales/es-ES.yml
+++ b/locales/es-ES.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "Hacer el color de la piedra claro en Reversi"
  verified-user: "Cuenta verificada"
  disable-animated-mfm: "Desactivar texto animado en una publicación"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'Esto está en desarrollo, no usarlo para producción.'
  reversi:
    drawn: "Empatado"
@ -150,7 +155,10 @@ common:
    home: "Inicio"
    local: "Local"
    hybrid: "Social"
    hashtag: "ハッシュタグ"
    global: "Global"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "Notificaciones"
    list: "Listado"
    swap-left: "Desplazar a la izq."
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "Parece que la conexión ha sido posible. Por favor refresca la página."
  flush: "Limpiar la memoria caché"
  set-version: "Escoge la versión"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "Encuentra un usuario"
  you: "Tu"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "Publicaciones"
  users: "Usuarios"
  drive: "Unidad"
  network: "ネットワーク"
  charts:
    notes: "Número de publicaciones: aumentar/disminuir (Combinado)"
    local-notes: "Número de publicaciones: aumentar/disminuir (Local)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "Capacidad de almacenamiento usada: Acumulativa total"
    drive-files: "Número de archivos almacenados: aumentar/disminuir"
    drive-files-total: "Número de archivos almacenados: Acumulativo total"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "Escoger archivos"
  upload: "Cargar archivos de tu dispositivo"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "Mostrar detalles"
  private: "Esta publicación es privada"
  deleted: "Esta publicación ha sido borrada"
  hide: "Esconder"
  see-more: "Ver más"
 desktop/views/components/notes.vue:
  error: "Error al cargar."
  retry: "Reintentar"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "Fecha de nacimiento"
  save: "Perfil actualizado"
  locked-account: "Protege tu cuenta"
-  is-locked: "Crear una nota privada"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "Bienvenido/a de vuelta,"
  adjective: "-san"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "プロフィールを保存しました"
  uploading: "アップロード中"
--- a/locales/fr-FR.yml
+++ b/locales/fr-FR.yml
@ -7,7 +7,7 @@ common:
  about-title: "Une ⭐ du fédivers."
  about: "Merci d'avoir découvert Misskey. Misskey est une <b>plateforme de microblogage distribuée</b> née sur Terre. Parce qu'il fait partie du Fédivers (un univers composé de diverses plateformes de réseaux sociaux organisées), il est mutuellement connecté avec d'autres plateformes de réseaux sociaux. Désirez-vous prendre une pause, pendant un instant, loin de l'agitation de la ville et plonger dans un nouvel Internet ?"
  intro:
-    title: "Misskeyって？"
+    title: "C’est quoi Misskey ?"
    about: "Misskeyはオープンソースの<b>分散型マイクロブログSNS</b>です。リッチで高度にカスタマイズできるUI、投稿へのリアクション、ファイルを一元管理できるドライブなど、先進的な機能を揃えています。また、Fediverseと呼ばれるネットワークに接続できるため、他のSNSともやり取りできます。例えば、あなたが何か投稿すると、その投稿はMisskeyだけでなく他のSNSにも伝わります。ちょうどある惑星から他の惑星に電波を発信している様子をイメージしてください。"
    features: "Fonctionnalités"
    rich-contents: "Notes"
@ -109,7 +109,12 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "Compte vérifié"
  disable-animated-mfm: "Désactiver les textes animés dans les publications"
-  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
+  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "Réduire les animations dans l’interface utilisateur"
  this-setting-is-this-device-only: "Uniquement sur cet appareil"
  do-not-use-in-production: 'Il s’agit d’une version de développement. Ne pas utiliser dans un environnement de production.'
  reversi:
    drawn: "Partie nulle"
    my-turn: "C’est votre tour"
@ -150,7 +155,10 @@ common:
    home: "Accueil"
    local: "Local"
    hybrid: "Social"
    hashtag: "ハッシュタグ"
    global: "Global"
    mentions: "Mentions"
    direct: "ダイレクト投稿"
    notifications: "Notifications"
    list: "Liste"
    swap-left: "Déplacer à gauche"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "Succès de la connexion au serveur de Misskey. Veuillez recharger la page."
  flush: "Vider le cache"
  set-version: "Choisissez une version"
 common/views/components/media-banner.vue:
  sensitive: "Contenu sensible"
  click-to-show: "Cliquer pour afficher"
 common/views/components/cw-button.vue:
  hide: "Masquer"
  show: "Voir plus"
 common/views/components/messaging.vue:
  search-user: "Trouver un·e utilisateur·trice"
  you: "Vous"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "Publications"
  users: "Utilisateurs"
  drive: "Drive"
  network: "Réseau"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "Requêtes"
    network-time: "Temps de réponse"
    network-usage: "Traffic"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "Sélection de fichiers"
  upload: "Téléverser des fichiers à partir de votre ordinateur"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "Afficher les détails"
  private: "cette publication est privée"
  deleted: "cette publication a été supprimée"
  hide: "Masquer"
  see-more: "Voir plus"
 desktop/views/components/notes.vue:
  error: "Échec du chargement."
  retry: "Réessayer"
@ -664,7 +680,7 @@ desktop/views/components/settings.vue:
  fetch-on-scroll-desc: "Chargement automatique du contenu lors du défilement de la page."
  note-visibility: "Visibilité de la publication"
  default-note-visibility: "Visibilité par défaut"
-  remember-note-visibility: "投稿の公開範囲を記憶する"
+  remember-note-visibility: "Se souvenir du mode de visibilité de la publication"
  auto-popout: "Fenêtre contextuelle automatique"
  auto-popout-desc: "ウィンドウが開かれるとき、ポップアウト(ブラウザ外に切り離す)可能なら自動でポップアウトします。この設定はブラウザに記憶されます。"
  advanced: "Paramètres avancés"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "Date de naissance"
  save: "Mettre à jour le profil"
  locked-account: "Protéger votre compte"
-  is-locked: "Rendre la note privée"
+  is-locked: "Demande d’abonnement en attente d’approbation"
  other: "Autre"
  is-bot: "Ce compte est un Bot"
  is-cat: "Ce compte est un Chat"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "Local"
  hybrid: "Social"
  global: "Global"
  mentions: "Mentions"
  messages: "メッセージ"
  list: "Listes"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "Content de vous revoir !"
  adjective: "さん"
@ -891,10 +913,10 @@ desktop/views/pages/welcome.vue:
  signin-button: "Se connecter"
  signup-button: "S'inscrire"
  timeline: "Fil d'actualité"
-  announcements: "お知らせ"
+  announcements: "Notices"
-  photos: "最近の画像"
+  photos: "Images récentes"
  powered-by-misskey: "Propulsé par <b>Misskey</b>."
-  info: "情報"
+  info: "Informations"
 desktop/views/pages/drive.vue:
  title: "Lecteur de Misskey"
 desktop/views/pages/favorites.vue:
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "Fermer"
 mobile/views/components/note.vue:
  reposted-by: "Renoté par {}"
  more: "Voir plus"
  less: "Masquer"
  private: "cette publication est privée"
  deleted: "cette publication a été supprimée"
  location: "Géolocalisation"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "Local"
  hybrid: "Social"
  global: "Global"
  mentions: "Mentions"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "Pas de message avec un hashtag {} trouvé."
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "Avatar"
  banner: "Bannière"
  is-cat: "Ce compte est un Bot"
  is-locked: "Demande d’abonnement en attente d’approbation"
  advanced: "Avancé"
  privacy: "Vie privée"
  save: "Mettre à jour le profil"
  saved: "Profil mis à jour avec succès"
  uploading: "En cours d'envoi"
@ -1182,7 +1207,7 @@ mobile/views/pages/settings.vue:
  dark-mode: "Mode nuit"
  i-am-under-limited-internet: "J'ai un accès Internet limité"
  circle-icons: "Utiliser des icônes circulaires"
-  contrasted-acct: "ユーザー名にコントラストを付ける"
+  contrasted-acct: "Nom d’utilisateur contrasté"
  timeline: "Fil d'actualité"
  show-reply-target: "Afficher les réponses"
  show-my-renotes: "Afficher mes republications"
@ -1191,7 +1216,7 @@ mobile/views/pages/settings.vue:
  post-style: "Style de la publication"
  post-style-standard: "Standard"
  post-style-smart: "Intelligent"
-  notification-position: "通知の表示"
+  notification-position: "Style de notification"
  notification-position-bottom: "en bas"
  notification-position-top: "en haut"
  behavior: "Comportement"
--- a/locales/it-IT.yml
+++ b/locales/it-IT.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "投稿内の動きのあるテキストを無効にする"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "引き分け"
@ -150,7 +155,10 @@ common:
    home: "ホーム"
    local: "ローカル"
    hybrid: "ソーシャル"
    hashtag: "ハッシュタグ"
    global: "グローバル"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "通知"
    list: "リスト"
    swap-left: "左に移動"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "正常に接続できるようです。ページを再度読み込みしてください。"
  flush: "キャッシュの削除"
  set-version: "バージョン指定"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "ユーザーを探す"
  you: "あなた"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "ファイル選択中"
  upload: "PCからドライブにファイルをアップロード"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "詳細"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "読み込みに失敗しました。"
  retry: "リトライ"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "保存"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "プロフィールを保存しました"
  uploading: "アップロード中"
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@ -116,6 +116,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "投稿内の動きのあるテキストを無効にする"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
@ -161,7 +166,10 @@ common:
    home: "ホーム"
    local: "ローカル"
    hybrid: "ソーシャル"
    hashtag: "ハッシュタグ"
    global: "グローバル"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "通知"
    list: "リスト"
    swap-left: "左に移動"
@ -273,6 +281,14 @@ common/views/components/connect-failed.troubleshooter.vue:
  flush: "キャッシュの削除"
  set-version: "バージョン指定"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "ユーザーを探す"
  you: "あなた"
@ -510,6 +526,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -521,6 +538,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "ファイル選択中"
@ -666,8 +686,6 @@ desktop/views/components/notes.note.vue:
  detail: "詳細"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "読み込みに失敗しました。"
@ -878,7 +896,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "保存"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -898,7 +916,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
@ -1192,8 +1216,6 @@ mobile/views/components/friends-maker.vue:
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1301,6 +1323,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
@ -1353,6 +1377,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "プロフィールを保存しました"
  uploading: "アップロード中"
--- a/locales/ja-KS.yml
+++ b/locales/ja-KS.yml
@ -7,11 +7,11 @@ common:
  about-title: "A ⭐ of fediverse."
  about: "ようMisskeyを見つけてくれて、おおきにやで。Misskeyは、地球で生まれた<b>分散マイクロブログSNS</b>やねん。Fediverse(ぎょうさんのSNSで構成されとる宇宙)っちゅうもんの中におるから、お隣さんのSNSとも仲良うさせてもろてんねん。ちょいとやかましい心斎橋から離れて、新しいインターネットにダイブしてみぃひん？"
  intro:
-    title: "Misskeyって？"
+    title: "Misskeyってなんやねん"
-    about: "Misskeyはオープンソースの<b>分散型マイクロブログSNS</b>です。リッチで高度にカスタマイズできるUI、投稿へのリアクション、ファイルを一元管理できるドライブなど、先進的な機能を揃えています。また、Fediverseと呼ばれるネットワークに接続できるため、他のSNSともやり取りできます。例えば、あなたが何か投稿すると、その投稿はMisskeyだけでなく他のSNSにも伝わります。ちょうどある惑星から他の惑星に電波を発信している様子をイメージしてください。"
+    about: "Misskeyってのはな、オープンソースの<b>分散型マイクロブログSNS</b>のことや。ごっついええ感じにできるUIやったり、投稿へのリアクションやったり、ファイルをまとめとけるドライブやったり、いろんな機能が目白押しや。Fediverseに対応しとるから、よそのSNSともノリツッコミできるんやで。タイガースが東京ドームに野球しに行くようなもんや。"
-    features: "特徴"
+    features: "ええとこ"
    rich-contents: "投稿"
-    rich-contents-desc: "自分の考え、話題の出来事、皆と共有したいことについて発信してください。必要であれば、様々な構文を使って投稿を装飾したり、好きな画像、動画などのファイルやアンケートを添付することもできます。"
+    rich-contents-desc: "思っとること、タイガースの実況、他に言いたいことがあればなんでも言ってええで。いろんな構文あるから、好きにつこうてくれや。画像や動画、アンケートも添付できるで。"
    reaction: "リアクション"
    reaction-desc: "あなたの気持ちを伝える最も簡単な方法です。Misskeyは、他のユーザーの投稿に様々なリアクションを付けることができます。いちどMisskeyのリアクション機能を体験してしまうと、もう「いいね」の概念しか存在しないSNSには戻れなくなるかもしれません。"
    ui: "インターフェース"
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストをつけんで！"
  verified-user: "アメちゃん付きアカウント"
  disable-animated-mfm: "投稿内のちょろちょろ動いてんのを止める"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "おあいこ"
@ -150,7 +155,10 @@ common:
    home: "うち"
    local: "ローカル"
    hybrid: "ソーシャル"
    hashtag: "ハッシュタグ"
    global: "グローバル"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "通知"
    list: "リスト"
    swap-left: "左に移動や！"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "正常に接続できるようやわ。ページを再度読み込みしてな。"
  flush: "キャッシュの削除"
  set-version: "バージョン指定"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "ユーザーを探す"
  you: "あんさん"
@ -283,7 +297,7 @@ common/views/components/nav.vue:
  develop: "開発者"
  feedback: "フィードバック"
 common/views/components/note-menu.vue:
-  detail: "詳細"
+  detail: "もっと"
  copy-link: "リンクをコピー"
  favorite: "お気に入り"
  pin: "ピン留め"
@ -311,7 +325,7 @@ common/views/components/signin.vue:
  token: "トークン"
  signing-in: "サインイン中や..."
  signin: "サインイン"
-  or: "または"
+  or: "それか"
  signin-with-twitter: "Twitterでサインイン"
  login-failed: "なんかログインできんかったわ。ユーザー名とパスワードとかを確認してや。"
 common/views/components/signup.vue:
@ -321,12 +335,12 @@ common/views/components/signup.vue:
  checking: "確認中や…"
  available: "使えるで"
  unavailable: "もう使われとるで"
-  error: "通信エラー"
+  error: "通信あかんわ"
  invalid-format: "a~z、A~Z、0~9、_が使えるで"
-  too-short: "1文字以上でお願いします！"
+  too-short: "1文字以上やで！"
  too-long: "20文字以内でお願いします"
  password: "パスワード"
-  password-placeholder: "8文字以上を推奨します"
+  password-placeholder: "8文字以上にしときや"
  weak-password: "へぼいパスワード"
  normal-password: "ぼちぼちなパスワード"
  strong-password: "良さげなパスワード"
@ -341,18 +355,18 @@ common/views/components/special-message.vue:
  new-year: "Happy New Year!"
  christmas: "Merry Christmas!"
 common/views/components/stream-indicator.vue:
-  connecting: "接続中"
+  connecting: "つないどるで"
-  reconnecting: "再接続中"
+  reconnecting: "つなぎ直すで"
-  connected: "接続完了"
+  connected: "つないだわ"
 common/views/components/twitter-setting.vue:
  description: "あんさんがつことるTwitterアカウントをMisskeyアカウントに接続しとくと、あんさんのプロフィールにTwitterアカウント情報が表示されるようになったり、Twitterをつこた便利なサインインが使えるようになったりすんで。"
  connected-to: "次のTwitterアカウントに接続されとるで"
  detail: "詳細..."
-  reconnect: "再接続する"
+  reconnect: "つなぎ直す"
  connect: "Twitterと接続する"
-  disconnect: "切断する"
+  disconnect: "さいならする"
 common/views/components/uploader.vue:
-  waiting: "待機中"
+  waiting: "待っとる"
 common/views/components/visibility-chooser.vue:
  public: "公開"
  home: "ホーム"
@ -366,7 +380,7 @@ common/views/components/trends.vue:
  count: "{}人が投稿"
  empty: "トレンドなし"
 common/views/widgets/broadcast.vue:
-  fetching: "確認中"
+  fetching: "見てみるわ…"
  no-broadcasts: "お知らせはあらへんで"
  have-a-nice-day: "良い一日を！"
  next: "次"
@ -393,12 +407,12 @@ common/views/widgets/server.vue:
  toggle: "表示を切り替え"
 common/views/widgets/memo.vue:
  title: "付箋"
-  memo: "ここに書いて！"
+  memo: "書くんや！"
  save: "保存"
 common/views/widgets/slideshow.vue:
  folder-customize-mode: "フォルダを指定するんやったら、一旦カスタマイズモードを終了してや"
-  folder: "クリックしてフォルダを指定してください"
+  folder: "クリックしてフォルダ決めてや"
-  no-image: "このフォルダには画像がありません"
+  no-image: "このフォルダには画像無いわ"
 common/views/widgets/tips.vue:
  tips-line1: "<kbd>t</kbd>でタイムラインにフォーカスできんで"
  tips-line2: "<kbd>p</kbd>または<kbd>n</kbd>で投稿フォームを開くで"
@ -431,13 +445,13 @@ desktop:
  banner: "バナー"
  uploading-banner: "新しいバナーをアップロードしとるで"
  banner-updated: "バナーを更新したで"
-  choose-banner: "バナーにする画像を選択"
+  choose-banner: "バナーにする画像選んでや"
-  avatar-crop-title: "アバターとして表示する部分を選択"
+  avatar-crop-title: "どこアバターとして出しとく？"
  avatar: "アバター"
  uploading-avatar: "新しいアバターをアップロードしています"
  avatar-updated: "アバターを更新しました"
  choose-avatar: "アバターにする画像を選択"
-  invalid-filetype: "この形式のファイルはサポートされていません"
+  invalid-filetype: "この形式のファイル無理やねん"
 desktop/views/components/activity.chart.vue:
  total: "Black ... Total"
  notes: "Blue ... Notes"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "ファイル選択中"
  upload: "PCからドライブにファイルをアップロード"
@ -489,29 +507,29 @@ desktop/views/components/drive-window.vue:
 desktop/views/components/drive.file.vue:
  avatar: "アイコン"
  banner: "バナー"
-  nsfw: "閲覧注意"
+  nsfw: "見たらあかんで"
  contextmenu:
    rename: "名前を変えるで"
-    mark-as-sensitive: "閲覧注意に設定"
+    mark-as-sensitive: "見たらあかん感じにしとく"
-    unmark-as-sensitive: "閲覧注意を解除"
+    unmark-as-sensitive: "やっぱ見せたるわ"
    copy-url: "URLをコピー"
    download: "ダウンロード"
-    else-files: "その他..."
+    else-files: "もっとあるで…"
-    set-as-avatar: "アイコンに設定"
+    set-as-avatar: "アイコンにする"
-    set-as-banner: "バナーに設定"
+    set-as-banner: "バナーにする"
    open-in-app: "アプリで開く"
-    add-app: "アプリを追加"
+    add-app: "アプリ増やす"
-    rename-file: "ファイル名の変更"
+    rename-file: "ファイル名をいらう(変える)"
    input-new-file-name: "新しいファイル名を入力してや"
    copied: "コピー完了や"
-    copied-url-to-clipboard: "URLをクリップボードにコピーしました"
+    copied-url-to-clipboard: "URLをクリップボードに写したわ"
 desktop/views/components/drive.folder.vue:
-  unable-to-process: "操作を完了できません"
+  unable-to-process: "あかん、無理やわ"
-  circular-reference-detected: "移動先のフォルダーは、移動するフォルダーのサブフォルダーです。"
+  circular-reference-detected: "移動先のフォルダーは、移動するフォルダーのサブフォルダーや。"
  unhandled-error: "ようわからん"
  contextmenu:
-    move-to-this-folder: "このフォルダへ移動"
+    move-to-this-folder: "ここに持ってくるわ"
-    show-in-new-window: "新しいウィンドウで表示"
+    show-in-new-window: "新しいウィンドウで出す"
    rename: "名前を変えるで"
    rename-folder: "フォルダ名を変えるで"
    input-new-folder-name: "新しいフォルダ名を入力してや"
@ -519,24 +537,24 @@ desktop/views/components/drive.nav-folder.vue:
  drive: "ドライブ"
 desktop/views/components/drive.vue:
  search: "検索"
-  load-more: "もっと読み込む"
+  load-more: "もっとあらへんのか！"
  empty-draghover: "ドロップですか？いいですよ、ボクはカワイイですからね"
  empty-drive: "ドライブには何もあらへんで。"
  empty-drive-description: "右クリックして「ファイルをアップロード」を選んだり、ファイルをドラッグ&ドロップすることでもアップロードできます。"
  empty-folder: "このフォルダーは空です"
-  unable-to-process: "操作を完了できません"
+  unable-to-process: "あかん、無理やわ"
  circular-reference-detected: "移動先のフォルダーは、移動するフォルダーのサブフォルダーです。"
-  unhandled-error: "不明なエラー"
+  unhandled-error: "ようわからん"
  url-upload: "URLアップロード"
-  url-of-file: "アップロードしたいファイルのURL"
+  url-of-file: "このURLのファイルをアップロードしたいねん"
-  url-upload-requested: "アップロードをリクエストしました"
+  url-upload-requested: "アップロードしたい言うといたで"
  may-take-time: "アップロードが完了するまで時間がかかる場合があります。"
  create-folder: "フォルダー作成"
  folder-name: "フォルダー名"
  contextmenu:
-    create-folder: "フォルダーを作成"
+    create-folder: "フォルダー作る"
-    upload: "ファイルをアップロード"
+    upload: "ファイル上げる"
-    url-upload: "URLからアップロード"
+    url-upload: "URLつこうて上げる"
 desktop/views/components/media-image.vue:
  sensitive: "ちょっと見せられへんわ"
  click-to-show: "クリックして見せるで"
@ -544,30 +562,30 @@ desktop/views/components/media-video.vue:
  sensitive: "ちょっと見せられへんわ"
  click-to-show: "クリックして見せるで"
 desktop/views/components/follow-button.vue:
-  following: "フォロー中"
+  following: "フォローしとる"
  follow: "フォロー"
-  request-pending: "フォロー許可待ち"
+  request-pending: "フォローの許し待っとる"
-  follow-request: "フォロー申請"
+  follow-request: "フォロー許してくれや！言うてみる"
 desktop/views/components/followers-window.vue:
  followers: "{} のフォロワー"
 desktop/views/components/followers.vue:
-  empty: "フォロワーはいないようです。"
+  empty: "フォロワーはおらんっぽいで、知らんけど。"
 desktop/views/components/following-window.vue:
  following: "{} のフォロー"
 desktop/views/components/following.vue:
-  empty: "フォロー中のユーザーはいないようです。"
+  empty: "フォロー中のユーザーはおらんっぽいで、知らんけど。"
 desktop/views/components/friends-maker.vue:
-  title: "気になるユーザーをフォロー:"
+  title: "おもろそうやな:"
-  empty: "おすすめのユーザーは見つかりませんでした。"
+  empty: "おもろいユーザー居らんかったわ"
-  fetching: "読み込んでいます"
+  fetching: "読みこんどるで…"
-  refresh: "もっと見る"
+  refresh: "もっとあるやろ！"
  close: "閉じる"
 desktop/views/components/game-window.vue:
  game: "ゲーム"
 desktop/views/components/home.vue:
  done: "完了"
-  add-widget: "ウィジェットを追加:"
+  add-widget: "ウィジェット増やす"
-  add: "追加"
+  add: "増やす"
 desktop/views/input-dialog.vue:
  cancel: "やめとくわ"
  ok: "決定"
@ -576,32 +594,30 @@ desktop/views/components/messaging-room-window.vue:
 desktop/views/components/messaging-window.vue:
  title: "メッセージ"
 desktop/views/components/note-detail.vue:
-  more: "会話をもっと読み込む"
+  more: "もっと会話あるやろ！"
-  private: "この投稿は非公開です"
+  private: "この投稿は見せられへんわ"
-  deleted: "この投稿は削除されました"
+  deleted: "この投稿なんか無くなってもうたわ"
  reposted-by: "{}がRenote"
-  location: "位置情報"
+  location: "ここおるで:"
  renote: "Renote"
  add-reaction: "リアクション"
 desktop/views/components/notes.note.vue:
  reposted-by: "{}がRenote"
-  reply: "返信"
+  reply: "返す"
  renote: "Renote"
  add-reaction: "リアクション"
  detail: "詳細"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
-  error: "読み込みに失敗しました。"
+  error: "あかん、読み込めへんわ"
-  retry: "リトライ"
+  retry: "もっぺん"
-  load-more: "もっと読み込む"
+  load-more: "もっとあらへんのか！"
 desktop/views/components/notifications.vue:
-  more: "もっと見る"
+  more: "もっとあるやろ！"
-  empty: "ありません！"
+  empty: "あらへん！"
 desktop/views/components/post-form.vue:
-  add-visible-user: "+ユーザーを追加"
+  add-visible-user: "+ユーザー増やす"
  attach-location-information: "いる場所くっつけるで"
  hide-contents: "内容を隠す"
  reply-placeholder: "この投稿への返信..."
@ -611,13 +627,13 @@ desktop/views/components/post-form.vue:
  renote: "Renote"
  posted: "投稿したで！"
  replied: "返信したで！"
-  reposted: "Renoteしました！"
+  reposted: "Renoteしたで！"
  note-failed: "投稿に失敗したで"
  reply-failed: "返信に失敗したで"
-  renote-failed: "Renoteに失敗しました"
+  renote-failed: "Renoteでけへん"
  posting: "投稿中"
-  attach-media-from-local: "PCからメディアを添付"
+  attach-media-from-local: "PCからメディア持ってくる"
-  attach-media-from-drive: "ドライブからメディアを添付"
+  attach-media-from-drive: "ドライブからメディア持ってくる"
  attach-cancel: "くっつけるのやめよか"
  insert-a-kao: "v('ω')v"
  create-poll: "アンケートを作成"
@ -628,16 +644,16 @@ desktop/views/components/post-form.vue:
  geolocation-alert: "あんさんのつことる端末は位置情報に対応しとらんみたいやわ、知らんけど。"
  error: "エラー"
  enter-username: "ユーザー名を入力してや"
-  annotations: "内容への注釈 (オプション)"
+  annotations: "もっと教えてな(別にええけど)"
 desktop/views/components/post-form-window.vue:
  note: "新規投稿"
-  reply: "返信"
+  reply: "返す"
  attaches: "添付: {}メディア"
-  uploading-media: "{}個のメディアをアップロード中"
+  uploading-media: "{}個のメディアを上げてるで…"
 desktop/views/components/progress-dialog.vue:
-  waiting: "待機中"
+  waiting: "待っとる"
 desktop/views/components/renote-form.vue:
-  quote: "引用する..."
+  quote: "持ってくる…"
  cancel: "やめとくわ"
  renote: "Renote"
  reposting: "しています..."
@ -674,38 +690,38 @@ desktop/views/components/settings.vue:
  customize: "ホームをカスタマイズ"
  choose-wallpaper: "壁紙を選択"
  delete-wallpaper: "壁紙を削除"
-  dark-mode: "ダークモード"
+  dark-mode: "夜にすんで"
-  circle-icons: "円形のアイコンを使用"
+  circle-icons: "アイコンもタコ焼きも丸いやんな？"
-  contrasted-acct: "ユーザー名にコントラストを付ける"
+  contrasted-acct: "ユーザー名ようわからんし見やすしといて"
-  gradient-window-header: "ウィンドウのタイトルバーにグラデーションを使用"
+  gradient-window-header: "ウィンドウのタイトルバーにグラデーション付ける"
-  post-form-on-timeline: "タイムライン上部に投稿フォームを表示する"
+  post-form-on-timeline: "タイムラインの上の方で投稿できるようにせえへん？"
-  suggest-recent-hashtags: "最近のハッシュタグを投稿フォームに表示する"
+  suggest-recent-hashtags: "最近のハッシュタグを投稿フォームに表示すんで"
-  show-clock-on-header: "右上に時計を表示する"
+  show-clock-on-header: "右上をカリヨン広場にする(時計表示)"
-  show-reply-target: "リプライ先を表示する"
+  show-reply-target: "どこにリプライするんや見せて"
-  show-my-renotes: "自分の行ったRenoteをタイムラインに表示する"
+  show-my-renotes: "わしのRenoteもタイムライン載せてくれや"
-  show-renoted-my-notes: "自分の投稿のRenoteをタイムラインに表示する"
+  show-renoted-my-notes: "わしのRenoteもタイムライン載せてくれや"
-  show-local-renotes: "ローカルの投稿のRenoteをタイムラインに表示する"
+  show-local-renotes: "ローカル投稿のRenoteも見たいんや"
-  show-maps: "マップの自動展開"
+  show-maps: "地図勝手にバァーって開いてくれ"
-  show-maps-desc: "位置情報が添付された投稿のマップを自動的に展開します。"
+  show-maps-desc: "どこにおるんかわかっとる投稿の地図は自動で見せるで"
  sound: "サウンド"
-  enable-sounds: "サウンドを有効にする"
+  enable-sounds: "サウンド鳴らす"
-  enable-sounds-desc: "投稿やメッセージを送受信したときなどにサウンドを再生します。この設定はブラウザに記憶されます。"
+  enable-sounds-desc: "投稿やメッセージもろたとき、音鳴らしたるわ。大丈夫や、この設定はブラウザが覚えてくれとる。"
  volume: "ボリューム"
  test: "テスト"
  mobile: "モバイル"
-  disable-via-mobile: "「モバイルからの投稿」フラグを付けない"
+  disable-via-mobile: "「モバイルからの投稿」フラグなんて要らんわ"
  language: "言語"
-  pick-language: "言語を選択"
+  pick-language: "言語選んでや"
-  recommended: "推奨"
+  recommended: "おすすめ"
  auto: "自動"
-  specify-language: "言語を指定"
+  specify-language: "言語選んでくれ"
-  language-desc: "変更はページの再度読み込み後に反映されます。"
+  language-desc: "変更はページの再度読み込み後に反映されんで。"
  cache: "キャッシュ"
-  clean-cache: "クリーンアップ"
+  clean-cache: "お掃除"
-  cache-warn: "クリーンアップを行うと、ブラウザに記憶されたアカウント情報のキャッシュ、書きかけの投稿・返信・メッセージ、およびその他のデータ(設定情報含む)が削除されます。クリーンアップを行った後はページを再度読み込みする必要があります。"
+  cache-warn: "お掃除するとな、ブラウザが覚えてくれとるアカウントのあれこれや書きかけの投稿・返信・メッセージや設定情報なんかのデータが全部飛んでいくんや。これやったらページ再読込しといてな。"
-  cache-cleared: "キャッシュを削除しました"
+  cache-cleared: "キャッシュお掃除したで"
-  cache-cleared-desc: "ページを再度読み込みしてください。"
+  cache-cleared-desc: "もっぺんページ読みこみ直してくれや"
-  auto-watch: "投稿の自動ウォッチ"
+  auto-watch: "投稿勝手にウォッチしといてや"
  auto-watch-desc: "リアクションしたり返信したりした投稿に関する通知を自動的に受け取るようにします。"
  about: "Misskeyについて"
  operator: "このサーバーの運営者"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "保存"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえり、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿はあらへんで。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "プロフィールを保存しました"
  uploading: "アップロード中"
--- a/locales/ko-KR.yml
+++ b/locales/ko-KR.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "게시물의 문자 애니메이션을 비활성화 할"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "무승부"
@ -150,7 +155,10 @@ common:
    home: "홈"
    local: "로컬"
    hybrid: "소셜"
    hashtag: "ハッシュタグ"
    global: "글로벌"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "통지"
    list: "목록"
    swap-left: "左に移動"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "正常に接続できるようです。ページを再度読み込みしてください。"
  flush: "キャッシュの削除"
  set-version: "バージョン指定"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "ユーザーを探す"
  you: "당신"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "ファイル選択中"
  upload: "PCからドライブにファイルをアップロード"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "詳細"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "読み込みに失敗しました。"
  retry: "リトライ"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "保存"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "プロフィールを保存しました"
  uploading: "アップロード中"
--- a/locales/nl-NL.yml
+++ b/locales/nl-NL.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "投稿内の動きのあるテキストを無効にする"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "引き分け"
@ -150,7 +155,10 @@ common:
    home: "ホーム"
    local: "ローカル"
    hybrid: "ソーシャル"
    hashtag: "ハッシュタグ"
    global: "グローバル"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "通知"
    list: "リスト"
    swap-left: "左に移動"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "Het verbinden lijkt te lukken. Herlaad de pagina."
  flush: "Cache leegmaken"
  set-version: "Versie opgeven"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "Gebruiker zoeken"
  you: "Jij"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "Bestanden kiezen"
  upload: "Bestanden uploaden van je computer"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "Details tonen"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "Laden mislukt."
  retry: "Opnieuw proberen"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "Geboortedatum"
  save: "Profiel bijwerken"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "Dit account is een Bot"
  is-cat: "Dit account is een Kat"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "Lokaal"
  hybrid: "ソーシャル"
  global: "Algemeen"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "Lijsten"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "Renote door {}"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "Gebruikersafbeelding"
  banner: "Omslagfoto"
  is-cat: "Dit account is een Kat"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "Profiel bijwerken"
  saved: "Profiel bijgewerkt"
  uploading: "Bezig met uploaden"
--- a/locales/no-NO.yml
+++ b/locales/no-NO.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "投稿内の動きのあるテキストを無効にする"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "引き分け"
@ -150,7 +155,10 @@ common:
    home: "ホーム"
    local: "ローカル"
    hybrid: "ソーシャル"
    hashtag: "ハッシュタグ"
    global: "グローバル"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "通知"
    list: "リスト"
    swap-left: "左に移動"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "正常に接続できるようです。ページを再度読み込みしてください。"
  flush: "キャッシュの削除"
  set-version: "バージョン指定"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "ユーザーを探す"
  you: "あなた"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "ファイル選択中"
  upload: "PCからドライブにファイルをアップロード"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "詳細"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "読み込みに失敗しました。"
  retry: "リトライ"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "保存"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "プロフィールを保存しました"
  uploading: "アップロード中"
--- a/locales/pl-PL.yml
+++ b/locales/pl-PL.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "Wyłącz animowany tekst we wpisach"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "Remis"
@ -150,7 +155,10 @@ common:
    home: "Strona główna"
    local: "Lokalne"
    hybrid: "Społeczność"
    hashtag: "ハッシュタグ"
    global: "Globalne"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "Powiadomienia"
    list: "Listy"
    swap-left: "Przesuń w lewo"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "Wygląda na to, że udało się połączyć. Odśwież stronę."
  flush: "Wyczyść pamięć podręczną"
  set-version: "Określ wersję"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "Znajdź użytkownika"
  you: "Ty"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "Wybierz plik"
  upload: "Wyślij pliki z Twojego komputera"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "Pokaż szczegóły"
  private: "ten wpis jest prywatny"
  deleted: "ten wpis został usunięty"
  hide: "Zwiń"
  see-more: "Więcej"
 desktop/views/components/notes.vue:
  error: "Ładowanie nie powiodło się."
  retry: "Spróbuj ponownie"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "Data urodzenia"
  save: "Aktualizuj profil"
  locked-account: "Zabezpiecz swoje konto"
-  is-locked: "Uczyń wpis prywatnym"
+  is-locked: "フォローを承認制にする"
  other: "Inne"
  is-bot: "To konto jest prowadzone przez bota"
  is-cat: "To konto jest prowadzone przez kota"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "Lokalne"
  hybrid: "Społeczność"
  global: "Globalne"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "Listy"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "Witaj ponownie,"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "Zamknij"
 mobile/views/components/note.vue:
  reposted-by: "Udostępniono przez {}"
  more: "Rozwiń"
  less: "Zwiń"
  private: "ten wpis jest prywatny"
  deleted: "ten wpis został usunięty"
  location: "Informacje o lokalizacji"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "Lokalne"
  hybrid: "Społeczność"
  global: "Globalne"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "Nie znaleziono wpisów zawierających „{}”."
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "Awatar"
  banner: "Baner"
  is-cat: "To konto jest prowadzone przez kota"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "Aktualizuj profil"
  saved: "Pomyślnie zaktualizowano profil"
  uploading: "Wysyłanie"
--- a/locales/pt-PT.yml
+++ b/locales/pt-PT.yml
@ -7,12 +7,12 @@ common:
  about-title: "Uma ⭐ do fediverso."
  about: "Obrigado por encontrar Misskey. Uma <b>plataforma descentralizada de microblog</b> nascida na Terra. Já que ela existe no Fediverso (um universo onde várias plataformas de mídia social são organizadas), ela é ligada com outras plataformas.Por que você não tira uma folga do agito e confusão da cidade, e mergulha em uma nova internet?"
  intro:
-    title: "Misskeyって？"
+    title: "O que é Misskey?"
-    about: "Misskeyはオープンソースの<b>分散型マイクロブログSNS</b>です。リッチで高度にカスタマイズできるUI、投稿へのリアクション、ファイルを一元管理できるドライブなど、先進的な機能を揃えています。また、Fediverseと呼ばれるネットワークに接続できるため、他のSNSともやり取りできます。例えば、あなたが何か投稿すると、その投稿はMisskeyだけでなく他のSNSにも伝わります。ちょうどある惑星から他の惑星に電波を発信している様子をイメージしてください。"
+    about: "Misskey é um <b>serviço de microblog descentralizado</b>. Personalização sofisticada da interface, variedade de reações a posts, armazenamento de arquivos grátis com gerenciamento integrado e outras funções avançadas estão disponíveis. Um sistema em rede chamado \"Fediverso\" permite que nos comuniquemos com usuários em outras redes sociais. Se você postar algo, por exemplo, seu post não será mandado apenas para o Misskey, mas também para o Mastodon. Apenas imagine que o planeta está enviando ondas de rádio para outros planetas para se comunicar."
-    features: "特徴"
+    features: "Recursos"
-    rich-contents: "投稿"
+    rich-contents: "Post"
-    rich-contents-desc: "自分の考え、話題の出来事、皆と共有したいことについて発信してください。必要であれば、様々な構文を使って投稿を装飾したり、好きな画像、動画などのファイルやアンケートを添付することもできます。"
+    rich-contents-desc: "Apenas poste suas ideias, temas do momento e qualquer coisa que você queira compartilhar. Você pode querer decorar suas palavras, anexar suas imagens favoritas, enviar arquivos, inclusive vídeos ou criar uma enquete. Essas são as coisas que você pode fazer em Misskey."
-    reaction: "リアクション"
+    reaction: "Reações"
    reaction-desc: "あなたの気持ちを伝える最も簡単な方法です。Misskeyは、他のユーザーの投稿に様々なリアクションを付けることができます。いちどMisskeyのリアクション機能を体験してしまうと、もう「いいね」の概念しか存在しないSNSには戻れなくなるかもしれません。"
    ui: "インターフェース"
    ui-desc: "どのようなUIが使いやすいかは人それぞれです。だから、Misskeyは自由度の高いUIを持っています。レイアウトやデザインを調整したり、カスタマイズ可能な様々なウィジェットを配置したりして、自分だけのホームを作ってください。"
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "Conta verificada"
  disable-animated-mfm: "Desativar texto animado nas publicações"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "Empatado"
@ -150,7 +155,10 @@ common:
    home: "Início"
    local: "Local"
    hybrid: "Social"
    hashtag: "ハッシュタグ"
    global: "Global"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "Notificações"
    list: "Listas"
    swap-left: "Mover para a esquerda"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "正常に接続できるようです。ページを再度読み込みしてください。"
  flush: "Limpar o cache"
  set-version: "バージョン指定"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "ユーザーを探す"
  you: "Você"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "ファイル選択中"
  upload: "PCからドライブにファイルをアップロード"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "詳細"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "読み込みに失敗しました。"
  retry: "リトライ"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "保存"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1153,20 +1175,23 @@ mobile/views/pages/games/reversi.vue:
  reversi: "リバーシ"
 mobile/views/pages/settings/settings.profile.vue:
  title: "プロフィール"
-  name: "名前"
+  name: "Nome"
-  account: "アカウント"
+  account: "Conta"
-  location: "場所"
+  location: "Lugar"
-  description: "自己紹介"
+  description: "Biografia"
-  birthday: "誕生日"
+  birthday: "Data de nascimento"
-  avatar: "アイコン"
+  avatar: "Avatar"
-  banner: "バナー"
+  banner: "Capa"
-  is-cat: "このアカウントはCatです"
+  is-cat: "Esta conta é gato"
-  save: "保存"
+  is-locked: "Pedido para seguir precisa ser aprovado"
-  saved: "プロフィールを保存しました"
+  advanced: "Avançado"
-  uploading: "アップロード中"
+  privacy: "Provacidade"
-  upload-failed: "アップロードに失敗しました"
+  save: "Atualizar perfil"
  saved: "Perfil atualizado"
  uploading: "Enviando"
  upload-failed: "Falha ao enviar"
 mobile/views/pages/search.vue:
-  search: "検索"
+  search: "Pesquisar"
  empty: "「{}」に関する投稿は見つかりませんでした。"
  not-found: "「{}」に関する投稿は見つかりませんでした。"
 mobile/views/pages/selectdrive.vue:
@ -1203,47 +1228,47 @@ mobile/views/pages/settings.vue:
  load-raw-images: "添付された画像を高画質で表示する"
  load-remote-media: "リモートサーバーのメディアを表示する"
  twitter: "Twitter連携"
-  twitter-connect: "Twitterアカウントに接続する"
+  twitter-connect: "Conectar à sua conta no Twitter"
-  twitter-reconnect: "再接続する"
+  twitter-reconnect: "Reconectar"
-  twitter-disconnect: "切断する"
+  twitter-disconnect: "Desconectar"
-  update: "Misskey Update"
+  update: "Atualizar Misskey"
-  version: "バージョン:"
+  version: "Versão atual;"
-  latest-version: "最新のバージョン:"
+  latest-version: "Última versão:"
-  update-checking: "アップデートを確認中"
+  update-checking: "Verificando atualizações"
-  check-for-updates: "アップデートを確認"
+  check-for-updates: "Verificar atualizações"
-  no-updates: "利用可能な更新はありません"
+  no-updates: "Sem atualizações"
-  no-updates-desc: "お使いのMisskeyは最新です。"
+  no-updates-desc: "Seu Misskey está atualizado"
-  update-available: "新しいバージョンが利用可能です"
+  update-available: "Uma nova versão está disponível"
-  update-available-desc: "ページを再度読み込みすると更新が適用されます。"
+  update-available-desc: "Atualizações vão ser aplicadas depois de recarregar a página"
-  settings: "設定"
+  settings: "Configurações"
-  signout: "サインアウト"
+  signout: "Sair"
-  sound: "サウンド"
+  sound: "Sons"
-  enable-sounds: "サウンドを有効にする"
+  enable-sounds: "Ativar sons"
 mobile/views/pages/user.vue:
-  follows-you: "フォローされています"
+  follows-you: "Te segue"
-  following: "フォロー"
+  following: "Seguindo"
-  followers: "フォロワー"
+  followers: "Seguidores"
-  notes: "投稿"
+  notes: "Posts"
  overview: "概要"
-  timeline: "タイムライン"
+  timeline: "Linha do tempo"
-  media: "メディア"
+  media: "Mídia"
-  is-suspended: "このユーザーは凍結されています。"
+  is-suspended: "Esta conta foi suspensa"
  is-remote: "Este é uma usuário remoto. O perfil que vê aqui pode não estar completo."
  view-remote: "Ver o perfil completo."
 mobile/views/pages/user/home.vue:
  recent-notes: "Notas recentes"
  images: "Imagens"
  activity: "Atividade"
-  keywords: "キーワード"
+  keywords: "Palavras chave"
-  domains: "頻出ドメイン"
+  domains: "Domínios"
-  frequently-replied-users: "よく会話するユーザー"
+  frequently-replied-users: "Perguntas frequentes"
  followers-you-know: "Seguidores que você conhece"
  last-used-at: "Ativo pela última vez:"
 mobile/views/pages/user/home.followers-you-know.vue:
  loading: "Carregando"
  no-users: "知り合いのユーザーはいません"
 mobile/views/pages/user/home.friends.vue:
-  loading: "読み込み中"
+  loading: "Carregando"
  no-users: "よく会話するユーザーはいません"
 mobile/views/pages/user/home.notes.vue:
  loading: "Carregando"
@ -1253,14 +1278,14 @@ mobile/views/pages/user/home.photos.vue:
  no-photos: "Sem fotos"
 docs:
  edit-this-page-on-github: "間違いや改善点を見つけましたか？"
-  edit-this-page-on-github-link: "このページをGitHubで編集"
+  edit-this-page-on-github-link: "Edite esta página no GitHub!"
  api:
    entities:
-      properties: "プロパティ"
+      properties: "Propriedades"
    endpoints:
-      params: "パラメータ"
+      params: "Parâmetros"
-      no-params: "パラメータはありません"
+      no-params: "Sem parâmetros"
-      res: "レスポンス"
+      res: "Resposta"
      require-credential: "このエンドポイントは認証情報が必須です。"
      require-permission: "このエンドポイントは{permission}の権限を必要とします。"
      has-limit: "レートリミットがあります。"
--- a/locales/ru-RU.yml
+++ b/locales/ru-RU.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "投稿内の動きのあるテキストを無効にする"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "引き分け"
@ -150,7 +155,10 @@ common:
    home: "ホーム"
    local: "ローカル"
    hybrid: "ソーシャル"
    hashtag: "ハッシュタグ"
    global: "グローバル"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "通知"
    list: "リスト"
    swap-left: "左に移動"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "正常に接続できるようです。ページを再度読み込みしてください。"
  flush: "キャッシュの削除"
  set-version: "バージョン指定"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "ユーザーを探す"
  you: "あなた"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "ファイル選択中"
  upload: "PCからドライブにファイルをアップロード"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "詳細"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "読み込みに失敗しました。"
  retry: "リトライ"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "保存"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "プロフィールを保存しました"
  uploading: "アップロード中"
--- a/locales/zh-CN.yml
+++ b/locales/zh-CN.yml
@ -109,6 +109,11 @@ common:
  use-contrast-reversi-stones: "リバーシのアイコンにコントラストを付ける"
  verified-user: "公式アカウント"
  disable-animated-mfm: "投稿内の動きのあるテキストを無効にする"
  always-show-nsfw: "常に閲覧注意のメディアを表示する"
  always-mark-nsfw: "常にメディアを閲覧注意として投稿"
  show-full-acct: "ユーザー名のホストを省略しない"
  reduce-motion: "UIの動きを減らす"
  this-setting-is-this-device-only: "このデバイスのみ"
  do-not-use-in-production: 'これは開発ビルドです。本番環境で使用しないでください。'
  reversi:
    drawn: "引き分け"
@ -150,7 +155,10 @@ common:
    home: "ホーム"
    local: "ローカル"
    hybrid: "ソーシャル"
    hashtag: "ハッシュタグ"
    global: "グローバル"
    mentions: "あなた宛て"
    direct: "ダイレクト投稿"
    notifications: "通知"
    list: "リスト"
    swap-left: "左に移動"
@ -253,6 +261,12 @@ common/views/components/connect-failed.troubleshooter.vue:
  success-desc: "正常に接続できるようです。ページを再度読み込みしてください。"
  flush: "キャッシュの削除"
  set-version: "バージョン指定"
 common/views/components/media-banner.vue:
  sensitive: "閲覧注意"
  click-to-show: "クリックして表示"
 common/views/components/cw-button.vue:
  hide: "隠す"
  show: "もっと見る"
 common/views/components/messaging.vue:
  search-user: "ユーザーを探す"
  you: "あなた"
@ -458,6 +472,7 @@ desktop/views/components/charts.vue:
  notes: "投稿"
  users: "ユーザー"
  drive: "ドライブ"
  network: "ネットワーク"
  charts:
    notes: "投稿の増減 (統合)"
    local-notes: "投稿の増減 (ローカル)"
@ -469,6 +484,9 @@ desktop/views/components/charts.vue:
    drive-total: "ドライブ使用量の累計"
    drive-files: "ドライブのファイル数の増減"
    drive-files-total: "ドライブのファイル数の累計"
    network-requests: "リクエスト"
    network-time: "応答時間"
    network-usage: "通信量"
 desktop/views/components/choose-file-from-drive-window.vue:
  choose-file: "ファイル選択中"
  upload: "PCからドライブにファイルをアップロード"
@ -591,8 +609,6 @@ desktop/views/components/notes.note.vue:
  detail: "詳細"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  hide: "隠す"
  see-more: "もっと見る"
 desktop/views/components/notes.vue:
  error: "読み込みに失敗しました。"
  retry: "リトライ"
@ -777,7 +793,7 @@ desktop/views/components/settings.profile.vue:
  birthday: "誕生日"
  save: "保存"
  locked-account: "アカウントの保護"
-  is-locked: "投稿を非公開にする"
+  is-locked: "フォローを承認制にする"
  other: "その他"
  is-bot: "このアカウントはBotです"
  is-cat: "このアカウントはCatです"
@ -794,7 +810,13 @@ desktop/views/components/timeline.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
  list: "リスト"
  hashtag: "ハッシュタグ"
  add-tag-timeline: "ハッシュタグを追加"
  add-list: "リストを追加"
  list-name: "リスト名"
 desktop/views/components/ui.header.vue:
  welcome-back: "おかえりなさい、"
  adjective: "さん"
@ -1031,8 +1053,6 @@ mobile/views/components/friends-maker.vue:
  close: "閉じる"
 mobile/views/components/note.vue:
  reposted-by: "{}がRenote"
  more: "もっと見る"
  less: "隠す"
  private: "この投稿は非公開です"
  deleted: "この投稿は削除されました"
  location: "位置情報"
@ -1121,6 +1141,8 @@ mobile/views/pages/home.vue:
  local: "ローカル"
  hybrid: "ソーシャル"
  global: "グローバル"
  mentions: "あなた宛て"
  messages: "メッセージ"
 mobile/views/pages/tag.vue:
  no-posts-found: "ハッシュタグ「{}」が付けられた投稿は見つかりませんでした。"
 mobile/views/pages/welcome.vue:
@ -1161,6 +1183,9 @@ mobile/views/pages/settings/settings.profile.vue:
  avatar: "アイコン"
  banner: "バナー"
  is-cat: "このアカウントはCatです"
  is-locked: "フォローを承認制にする"
  advanced: "その他"
  privacy: "プライバシー"
  save: "保存"
  saved: "プロフィールを保存しました"
  uploading: "アップロード中"
--- a/package.json
+++ b/package.json
@ -1,8 +1,8 @@
 {
 	"name": "misskey",
 	"author": "syuilo <i@syuilo.com>",
-	"version": "8.34.1",
+	"version": "8.48.0",
-	"clientVersion": "1.0.9561",
+	"clientVersion": "1.0.9876",
 	"codename": "nighthike",
 	"main": "./built/index.js",
 	"private": true,
@ -20,10 +20,10 @@
 		"format": "gulp format"
 	},
 	"dependencies": {
-		"@fortawesome/fontawesome": "1.1.8",
+		"@fortawesome/fontawesome-svg-core": "1.2.4",
-		"@fortawesome/fontawesome-free-brands": "5.0.13",
+		"@fortawesome/free-brands-svg-icons": "5.3.1",
-		"@fortawesome/fontawesome-free-regular": "5.0.13",
+		"@fortawesome/free-regular-svg-icons": "5.3.1",
-		"@fortawesome/fontawesome-free-solid": "5.0.13",
+		"@fortawesome/free-solid-svg-icons": "5.3.1",
 		"@koa/cors": "2.2.2",
 		"@prezzemolo/rap": "0.1.2",
 		"@prezzemolo/zip": "0.0.3",
@ -58,9 +58,9 @@
 		"@types/minio": "7.0.0",
 		"@types/mkdirp": "0.5.2",
 		"@types/mocha": "5.2.3",
-		"@types/mongodb": "3.1.4",
+		"@types/mongodb": "3.1.7",
 		"@types/ms": "0.7.30",
-		"@types/node": "10.9.4",
+		"@types/node": "10.10.1",
 		"@types/portscanner": "2.1.0",
 		"@types/pug": "2.0.4",
 		"@types/qrcode": "1.2.0",
@ -94,14 +94,13 @@
 		"crc-32": "1.2.0",
 		"css-loader": "1.0.0",
 		"dateformat": "3.0.3",
-		"debug": "3.1.0",
+		"debug": "4.0.1",
 		"deep-equal": "1.0.1",
 		"deepcopy": "0.6.3",
 		"diskusage": "0.2.4",
 		"dompurify": "1.0.5",
 		"double-ended-queue": "2.1.0-0",
 		"elasticsearch": "15.1.1",
 		"element-ui": "2.4.6",
 		"emojilib": "2.3.0",
 		"escape-regexp": "0.0.1",
 		"eslint": "5.0.1",
@ -132,7 +131,6 @@
 		"insert-text-at-cursor": "0.1.1",
 		"is-root": "2.0.0",
 		"is-url": "1.2.4",
 		"jquery": "3.3.1",
 		"js-yaml": "3.12.0",
 		"jsdom": "11.12.0",
 		"koa": "2.5.1",
@ -160,8 +158,6 @@
 		"ms": "2.1.1",
 		"nan": "2.11.0",
 		"nested-property": "0.0.7",
 		"node-sass": "4.9.3",
 		"node-sass-json-importer": "4.0.1",
 		"nprogress": "0.2.0",
 		"object-assign-deep": "0.4.0",
 		"on-build-webpack": "0.1.0",
@ -179,6 +175,7 @@
 		"redis": "2.8.0",
 		"request": "2.88.0",
 		"request-promise-native": "1.0.5",
 		"request-stats": "3.0.0",
 		"rimraf": "2.6.2",
 		"rndstr": "1.0.0",
 		"s-age": "1.1.2",
@ -194,7 +191,7 @@
 		"stylus": "0.54.5",
 		"stylus-loader": "3.0.2",
 		"summaly": "2.2.0",
-		"systeminformation": "3.45.1",
+		"systeminformation": "3.45.6",
 		"syuilo-password-strength": "0.0.1",
 		"textarea-caret": "3.1.0",
 		"tmp": "0.0.33",
@ -209,10 +206,10 @@
 		"v-animate-css": "0.0.2",
 		"vue": "2.5.17",
 		"vue-chartjs": "3.4.0",
-		"vue-cropperjs": "2.2.1",
+		"vue-cropperjs": "2.2.2",
 		"vue-js-modal": "1.3.26",
 		"vue-json-tree-view": "2.1.4",
-		"vue-loader": "15.4.1",
+		"vue-loader": "15.4.2",
 		"vue-router": "3.0.1",
 		"vue-style-loader": "4.1.2",
 		"vue-template-compiler": "2.5.17",
@ -222,7 +219,7 @@
 		"vuex-persistedstate": "2.5.4",
 		"web-push": "3.3.2",
 		"webfinger.js": "2.6.6",
-		"webpack": "4.17.2",
+		"webpack": "4.19.0",
 		"webpack-cli": "3.1.0",
 		"websocket": "1.0.26",
 		"ws": "6.0.0",
--- a/src/client/app/boot.js
+++ b/src/client/app/boot.js
@ -18,6 +18,8 @@
 		return;
 	}
 	const langs = LANGS;
 	//#region Load settings
 	let settings = null;
 	const vuex = localStorage.getItem('vuex');
@ -40,10 +42,10 @@
 	//#region Detect the user language
 	let lang = null;
-	if (LANGS.includes(navigator.language)) {
+	if (langs.includes(navigator.language)) {
 		lang = navigator.language;
 	} else {
-		lang = LANGS.find(x => x.split('-')[0] == navigator.language);
+		lang = langs.find(x => x.split('-')[0] == navigator.language);
 		if (lang == null) {
 			// Fallback
@ -52,7 +54,7 @@
 	}
 	if (settings && settings.device.lang &&
-		LANGS.includes(settings.device.lang)) {
+		langs.includes(settings.device.lang)) {
 		lang = settings.device.lang;
 	}
 	//#endregion
--- a/src/client/app/common/hotkey.ts
+++ b/src/client/app/common/hotkey.ts
@ -0,0 +1,79 @@
 import keyCode from './keycode';
 const getKeyMap = keymap => Object.keys(keymap).map(input => {
 	const result = {} as any;
 	const { keyup, keydown } = keymap[input];
 	input.split('+').forEach(keyName => {
 		switch (keyName.toLowerCase()) {
 			case 'ctrl':
 			case 'alt':
 			case 'shift':
 			case 'meta':
 				result[keyName] = true;
 				break;
 			default:
 				result.keyCode = keyCode(keyName);
 		}
 	});
 	result.callback = {
 		keydown: keydown || keymap[input],
 		keyup
 	};
 	return result;
 });
 const ignoreElemens = ['input', 'textarea'];
 export default {
 	install(Vue) {
 		Vue.directive('hotkey', {
 			bind(el, binding) {
 				el._hotkey_global = binding.modifiers.global === true;
 				el._keymap = getKeyMap(binding.value);
 				el.dataset.reservedKeyCodes = el._keymap.map(key => `'${key.keyCode}'`).join(' ');
 				el._keyHandler = e => {
 					const reservedKeyCodes = document.activeElement ? ((document.activeElement as any).dataset || {}).reservedKeyCodes || '' : '';
 					if (document.activeElement && ignoreElemens.some(el => document.activeElement.matches(el))) return;
 					for (const hotkey of el._keymap) {
 						if (el._hotkey_global && reservedKeyCodes.includes(`'${e.keyCode}'`)) break;
 						const callback = hotkey.keyCode === e.keyCode &&
 							!!hotkey.ctrl === e.ctrlKey &&
 							!!hotkey.alt === e.altKey &&
 							!!hotkey.shift === e.shiftKey &&
 							!!hotkey.meta === e.metaKey &&
 							hotkey.callback[e.type];
 						if (callback) {
 							e.preventDefault();
 							e.stopPropagation();
 							callback(e);
 						}
 					}
 				};
 				if (el._hotkey_global) {
 					document.addEventListener('keydown', el._keyHandler);
 				} else {
 					el.addEventListener('keydown', el._keyHandler);
 				}
 			},
 			unbind(el) {
 				if (el._hotkey_global) {
 					document.removeEventListener('keydown', el._keyHandler);
 				} else {
 					el.removeEventListener('keydown', el._keyHandler);
 				}
 			}
 		});
 	}
 };
--- a/src/client/app/common/keycode.ts
+++ b/src/client/app/common/keycode.ts
@ -0,0 +1,139 @@
 export default searchInput => {
 	// Keyboard Events
 	if (searchInput && typeof searchInput === 'object') {
 		const hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode;
 		if (hasKeyCode) {
 			searchInput = hasKeyCode;
 		}
 	}
 	// Numbers
 	// if (typeof searchInput === 'number') {
 	//   return names[searchInput]
 	// }
 	// Everything else (cast to string)
 	const search = String(searchInput);
 	// check codes
 	const foundNamedKeyCodes = codes[search.toLowerCase()];
 	if (foundNamedKeyCodes) {
 		return foundNamedKeyCodes;
 	}
 	// check aliases
 	const foundNamedKeyAliases = aliases[search.toLowerCase()];
 	if (foundNamedKeyAliases) {
 		return foundNamedKeyAliases;
 	}
 	// weird character?
 	if (search.length === 1) {
 		return search.charCodeAt(0);
 	}
 	return undefined;
 };
 /**
 * Get by name
 *
 *   exports.code['enter'] // => 13
 */
 export const codes = {
 	'backspace': 8,
 	'tab': 9,
 	'enter': 13,
 	'shift': 16,
 	'ctrl': 17,
 	'alt': 18,
 	'pause/break': 19,
 	'caps lock': 20,
 	'esc': 27,
 	'space': 32,
 	'page up': 33,
 	'page down': 34,
 	'end': 35,
 	'home': 36,
 	'left': 37,
 	'up': 38,
 	'right': 39,
 	'down': 40,
 	// 'add': 43,
 	'insert': 45,
 	'delete': 46,
 	'command': 91,
 	'left command': 91,
 	'right command': 93,
 	'numpad *': 106,
 	// 'numpad +': 107,
 	'numpad +': 43,
 	'numpad add': 43, // as a trick
 	'numpad -': 109,
 	'numpad .': 110,
 	'numpad /': 111,
 	'num lock': 144,
 	'scroll lock': 145,
 	'my computer': 182,
 	'my calculator': 183,
 	';': 186,
 	'=': 187,
 	',': 188,
 	'-': 189,
 	'.': 190,
 	'/': 191,
 	'`': 192,
 	'[': 219,
 	'\\': 220,
 	']': 221,
 	"'": 222
 };
 // Helper aliases
 export const aliases = {
 	'windows': 91,
 	'⇧': 16,
 	'⌥': 18,
 	'⌃': 17,
 	'⌘': 91,
 	'ctl': 17,
 	'control': 17,
 	'option': 18,
 	'pause': 19,
 	'break': 19,
 	'caps': 20,
 	'return': 13,
 	'escape': 27,
 	'spc': 32,
 	'pgup': 33,
 	'pgdn': 34,
 	'ins': 45,
 	'del': 46,
 	'cmd': 91
 };
 /*!
 * Programatically add the following
 */
 // lower case chars
 for (let i = 97; i < 123; i++) {
 	codes[String.fromCharCode(i)] = i - 32;
 }
 // numbers
 for (let i = 48; i < 58; i++) {
 	codes[i - 48] = i;
 }
 // function keys
 for (let i = 1; i < 13; i++) {
 	codes['f' + i] = i + 111;
 }
 // numpad keys
 for (let i = 0; i < 10; i++) {
 	codes['numpad ' + i] = i + 96;
 }
--- a/src/client/app/common/scripts/streaming/hashtag.ts
+++ b/src/client/app/common/scripts/streaming/hashtag.ts
@ -0,0 +1,13 @@
 import Stream from './stream';
 import MiOS from '../../../mios';
 export class HashtagStream extends Stream {
 	constructor(os: MiOS, me, q) {
 		super(os, 'hashtag', me ? {
 			i: me.token,
 			q: JSON.stringify(q)
 		} : {
 			q: JSON.stringify(q)
 		});
 	}
 }
--- a/src/client/app/common/views/components/acct.vue
+++ b/src/client/app/common/views/components/acct.vue
@ -1,7 +1,7 @@
 <template>
 <span class="mk-acct">
 	<span class="name">@{{ user.username }}</span>
-	<span class="host" :class="{ fade: $store.state.settings.contrastedAcct }" v-if="user.host || detail">@{{ user.host || host }}</span>
+	<span class="host" :class="{ fade: $store.state.settings.contrastedAcct }" v-if="user.host || detail || $store.state.settings.showFullAcct">@{{ user.host || host }}</span>
 </span>
 </template>
--- a/src/client/app/common/views/components/avatar.vue
+++ b/src/client/app/common/views/components/avatar.vue
@ -1,15 +1,15 @@
 <template>
-	<span class="mk-avatar" :class="{ cat }" :title="user | acct" v-if="disableLink && !disablePreview" v-user-preview="user.id" @click="onClick">
+	<span class="mk-avatar" :style="style" :class="{ cat }" :title="user | acct" v-if="disableLink && !disablePreview" v-user-preview="user.id" @click="onClick">
-		<span class="inner" :style="style"></span>
+		<span class="inner" :style="icon"></span>
 	</span>
-	<span class="mk-avatar" :class="{ cat }" :title="user | acct" v-else-if="disableLink && disablePreview" @click="onClick">
+	<span class="mk-avatar" :style="style" :class="{ cat }" :title="user | acct" v-else-if="disableLink && disablePreview" @click="onClick">
-		<span class="inner" :style="style"></span>
+		<span class="inner" :style="icon"></span>
 	</span>
-	<router-link class="mk-avatar" :class="{ cat }" :to="user | userPage" :title="user | acct" :target="target" v-else-if="!disableLink && !disablePreview" v-user-preview="user.id">
+	<router-link class="mk-avatar" :style="style" :class="{ cat }" :to="user | userPage" :title="user | acct" :target="target" v-else-if="!disableLink && !disablePreview" v-user-preview="user.id">
-		<span class="inner" :style="style"></span>
+		<span class="inner" :style="icon"></span>
 	</router-link>
-	<router-link class="mk-avatar" :class="{ cat }" :to="user | userPage" :title="user | acct" :target="target" v-else-if="!disableLink && disablePreview">
+	<router-link class="mk-avatar" :style="style" :class="{ cat }" :to="user | userPage" :title="user | acct" :target="target" v-else-if="!disableLink && disablePreview">
-		<span class="inner" :style="style"></span>
+		<span class="inner" :style="icon"></span>
 	</router-link>
 </template>
@ -42,6 +42,11 @@ export default Vue.extend({
 			return this.user.isCat && this.$store.state.settings.circleIcons;
 		},
 		style(): any {
 			return {
 				borderRadius: this.$store.state.settings.circleIcons ? '100%' : null
 			};
 		},
 		icon(): any {
 			return {
 				backgroundColor: this.lightmode
 					? `rgb(${this.user.avatarColor.slice(0, 3).join(',')})`
--- a/src/client/app/common/views/components/cw-button.vue
+++ b/src/client/app/common/views/components/cw-button.vue
@ -0,0 +1,44 @@
 <template>
 <button class="nrvgflfuaxwgkxoynpnumyookecqrrvh" @click="toggle">{{ value ? '%i18n:@hide%' : '%i18n:@show%' }}</button>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 export default Vue.extend({
 	props: {
 		value: {
 			type: Boolean,
 			required: true
 		}
 	},
 	methods: {
 		toggle() {
 			this.$emit('input', !this.value);
 		}
 	}
 });
 </script>
 <style lang="stylus" scoped>
 root(isDark)
 	display inline-block
 	padding 4px 8px
 	font-size 0.7em
 	color isDark ? #393f4f : #fff
 	background isDark ? #687390 : #b1b9c1
 	border-radius 2px
 	cursor pointer
 	user-select none
 	&:hover
 		background isDark ? #707b97 : #bbc4ce
 .nrvgflfuaxwgkxoynpnumyookecqrrvh[data-darkmode]
 	root(true)
 .nrvgflfuaxwgkxoynpnumyookecqrrvh:not([data-darkmode])
 	root(false)
 </style>
--- a/src/client/app/common/views/components/games/reversi/reversi.game.vue
+++ b/src/client/app/common/views/components/games/reversi/reversi.game.vue
@ -50,15 +50,15 @@
 	</div>
 	<div class="player" v-if="game.isEnded">
-		<el-button-group>
+		<div>
-			<el-button type="primary" @click="logPos = 0" :disabled="logPos == 0">%fa:angle-double-left%</el-button>
+			<button @click="logPos = 0" :disabled="logPos == 0">%fa:angle-double-left%</button>
-			<el-button type="primary" @click="logPos--" :disabled="logPos == 0">%fa:angle-left%</el-button>
+			<button @click="logPos--" :disabled="logPos == 0">%fa:angle-left%</button>
-		</el-button-group>
+		</div>
 		<span>{{ logPos }} / {{ logs.length }}</span>
-		<el-button-group>
+		<div>
-			<el-button type="primary" @click="logPos++" :disabled="logPos == logs.length">%fa:angle-right%</el-button>
+			<button @click="logPos++" :disabled="logPos == logs.length">%fa:angle-right%</button>
-			<el-button type="primary" @click="logPos = logs.length" :disabled="logPos == logs.length">%fa:angle-double-right%</el-button>
+			<button @click="logPos = logs.length" :disabled="logPos == logs.length">%fa:angle-double-right%</button>
-		</el-button-group>
+		</div>
 	</div>
 	<div class="info">
--- a/src/client/app/common/views/components/games/reversi/reversi.index.vue
+++ b/src/client/app/common/views/components/games/reversi/reversi.index.vue
@ -3,7 +3,6 @@
 	<h1>%i18n:@title%</h1>
 	<p>%i18n:@sub-title%</p>
 	<div class="play">
 		<!--<el-button round>フリーマッチ(準備中)</el-button>-->
 		<form-button primary round @click="match">%i18n:@invite%</form-button>
 		<details>
 			<summary>%i18n:@rule%</summary>
--- a/src/client/app/common/views/components/games/reversi/reversi.room.vue
+++ b/src/client/app/common/views/components/games/reversi/reversi.room.vue
@ -59,11 +59,6 @@
 			</header>
 			<div>
 				<el-alert v-for="message in messages"
 						:title="message.text"
 						:type="message.type"
 						:key="message.id"/>
 				<template v-for="item in form">
 					<mk-switch v-if="item.type == 'switch'" v-model="item.value" :key="item.id" :text="item.label" @change="onChangeForm(item)">{{ item.desc || '' }}</mk-switch>
@ -93,7 +88,7 @@
 						</header>
 						<div>
-							<el-input v-model="item.value" @change="onChangeForm(item)"/>
+							<input v-model="item.value" @change="onChangeForm(item)"/>
 						</div>
 					</div>
 				</template>
--- a/src/client/app/common/views/components/index.ts
+++ b/src/client/app/common/views/components/index.ts
@ -1,5 +1,6 @@
 import Vue from 'vue';
 import cwButton from './cw-button.vue';
 import tagCloud from './tag-cloud.vue';
 import trends from './trends.vue';
 import analogClock from './analog-clock.vue';
@ -42,6 +43,7 @@ import uiSelect from './ui/select.vue';
 import formButton from './ui/form/button.vue';
 import formRadio from './ui/form/radio.vue';
 Vue.component('mk-cw-button', cwButton);
 Vue.component('mk-tag-cloud', tagCloud);
 Vue.component('mk-trends', trends);
 Vue.component('mk-analog-clock', analogClock);
--- a/src/client/app/common/views/components/media-banner.vue
+++ b/src/client/app/common/views/components/media-banner.vue
@ -0,0 +1,90 @@
 <template>
 <div class="mk-media-banner">
 	<div class="sensitive" v-if="media.isSensitive && hide" @click="hide = false">
 		<span class="icon">%fa:exclamation-triangle%</span>
 		<b>%i18n:@sensitive%</b>
 		<span>%i18n:@click-to-show%</span>
 	</div>
 	<div class="audio" v-else-if="media.type.startsWith('audio')">
 		<audio class="audio"
 			:src="media.url"
 			:title="media.name"
 			controls
 			ref="audio"
 			preload="metadata" />
 	</div>
 	<a class="download" v-else
 		:href="media.url"
 		:title="media.name"
 		:download="media.name"
 	>
 		<span class="icon">%fa:download%</span>
 		<b>{{ media.name }}</b>
 	</a>
 </div>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 export default Vue.extend({
 	props: {
 		media: {
 			type: Object,
 			required: true
 		}
 	},
 	data() {
 		return {
 			hide: true
 		};
 	}
 })
 </script>
 <style lang="stylus" scoped>
 root(isDark)
 	width 100%
 	border-radius 4px
 	margin-top 4px
 	overflow hidden
 	> .download,
 	> .sensitive
 		display flex
 		align-items center
 		font-size 12px
 		padding 8px 12px
 		white-space nowrap
 		> *
 			display block
 		> b
 			overflow hidden
 			text-overflow ellipsis
 		> *:not(:last-child)
 			margin-right .2em
 		> .icon
 			font-size 1.6em
 	> .download
 		background isDark ? #21242d : #f7f7f7
 	> .sensitive
 		background #111
 		color #fff
 	> .audio
 		.audio
 			display block
 			width 100%
 .mk-media-banner[data-darkmode]
 	root(true)
 .mk-media-banner:not([data-darkmode])
 	root(false)
 </style>
--- a/src/client/app/common/views/components/media-list.vue
+++ b/src/client/app/common/views/components/media-list.vue
@ -1,18 +1,27 @@
 <template>
 <div class="mk-media-list">
-	<div :data-count="mediaList.length" ref="grid">
+	<template v-for="media in mediaList.filter(media => !previewable(media))">
-		<template v-for="media in mediaList">
+		<x-banner :media="media" :key="media.id"/>
-			<mk-media-video :video="media" :key="media.id" v-if="media.type.startsWith('video')" :inline-playable="mediaList.length === 1"/>
+	</template>
-			<mk-media-image :image="media" :key="media.id" v-else :raw="raw"/>
+	<div v-if="mediaList.filter(media => previewable(media)).length > 0" class="gird-container">
-		</template>
+		<div :data-count="mediaList.filter(media => previewable(media)).length" ref="grid">
 			<template v-for="media in mediaList">
 				<mk-media-video :video="media" :key="media.id" v-if="media.type.startsWith('video')"/>
 				<mk-media-image :image="media" :key="media.id" v-else-if="media.type.startsWith('image')" :raw="raw"/>
 			</template>
 		</div>
 	</div>
 </div>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 import XBanner from './media-banner.vue';
 export default Vue.extend({
 	components: {
 		XBanner
 	},
 	props: {
 		mediaList: {
 			required: true
@ -22,70 +31,80 @@ export default Vue.extend({
 		}
 	},
 	mounted() {
-		// for Safari bug
+		//#region for Safari bug
-		this.$refs.grid.style.height = this.$refs.grid.clientHeight ? `${this.$refs.grid.clientHeight}px` : '128px';
+		if (this.$refs.grid) {
 			this.$refs.grid.style.height = this.$refs.grid.clientHeight ? `${this.$refs.grid.clientHeight}px` : '128px';
 		}
 		//#endregion
 	},
 	methods: {
 		previewable(file) {
 			return file.type.startsWith('video') || file.type.startsWith('image');
 		}
 	}
 });
 </script>
 <style lang="stylus" scoped>
 .mk-media-list
-	width 100%
+	> .gird-container
 		width 100%
 		margin-top 4px
-	&:before
+		&:before
-		content ''
+			content ''
-		display block
+			display block
-		padding-top 56.25% // 16:9
+			padding-top 56.25% // 16:9
-	> div
+		> div
-		position absolute
+			position absolute
-		top 0
+			top 0
-		right 0
+			right 0
-		bottom 0
+			bottom 0
-		left 0
+			left 0
-		display grid
+			display grid
-		grid-gap 4px
+			grid-gap 4px
-		> *
+			> *
-			overflow hidden
+				overflow hidden
-			border-radius 4px
+				border-radius 4px
-		&[data-count="1"]
+			&[data-count="1"]
-			grid-template-rows 1fr
+				grid-template-rows 1fr
-		&[data-count="2"]
+			&[data-count="2"]
-			grid-template-columns 1fr 1fr
+				grid-template-columns 1fr 1fr
-			grid-template-rows 1fr
+				grid-template-rows 1fr
-		&[data-count="3"]
+			&[data-count="3"]
-			grid-template-columns 1fr 0.5fr
+				grid-template-columns 1fr 0.5fr
-			grid-template-rows 1fr 1fr
+				grid-template-rows 1fr 1fr
 				> *:nth-child(1)
 					grid-row 1 / 3
 				> *:nth-child(3)
 					grid-column 2 / 3
 					grid-row 2 / 3
 			&[data-count="4"]
 				grid-template-columns 1fr 1fr
 				grid-template-rows 1fr 1fr
 			> *:nth-child(1)
-				grid-row 1 / 3
+				grid-column 1 / 2
 				grid-row 1 / 2
 			> *:nth-child(2)
 				grid-column 2 / 3
 				grid-row 1 / 2
 			> *:nth-child(3)
 				grid-column 1 / 2
 				grid-row 2 / 3
 			> *:nth-child(4)
 				grid-column 2 / 3
 				grid-row 2 / 3
 		&[data-count="4"]
 			grid-template-columns 1fr 1fr
 			grid-template-rows 1fr 1fr
 		> *:nth-child(1)
 			grid-column 1 / 2
 			grid-row 1 / 2
 		> *:nth-child(2)
 			grid-column 2 / 3
 			grid-row 1 / 2
 		> *:nth-child(3)
 			grid-column 1 / 2
 			grid-row 2 / 3
 		> *:nth-child(4)
 			grid-column 2 / 3
 			grid-row 2 / 3
 </style>
--- a/src/client/app/common/views/components/menu.vue
+++ b/src/client/app/common/views/components/menu.vue
@ -108,7 +108,7 @@ export default Vue.extend({
 				easing: 'easeInBack',
 				complete: () => {
 					this.$emit('closed');
-					this.$destroy();
+					this.destroyDom();
 				}
 			});
 		}
--- a/src/client/app/common/views/components/misskey-flavored-markdown.ts
+++ b/src/client/app/common/views/components/misskey-flavored-markdown.ts
@ -1,4 +1,4 @@
-import Vue from 'vue';
+import Vue, { VNode } from 'vue';
 import * as emojilib from 'emojilib';
 import { length } from 'stringz';
 import parse from '../../../../../mfm/parse';
@ -6,10 +6,7 @@ import getAcct from '../../../../../misc/acct/render';
 import { url } from '../../../config';
 import MkUrl from './url.vue';
 import MkGoogle from './google.vue';
-
+import { concat } from '../../../../../prelude/array';
 const flatten = list => list.reduce(
 	(a, b) => a.concat(Array.isArray(b) ? flatten(b) : b), []
 );
 export default Vue.component('misskey-flavored-markdown', {
 	props: {
@ -32,20 +29,20 @@ export default Vue.component('misskey-flavored-markdown', {
 	},
 	render(createElement) {
-		let ast;
+		let ast: any[];
 		if (this.ast == null) {
 			// Parse text to ast
 			ast = parse(this.text);
 		} else {
-			ast = this.ast;
+			ast = this.ast as any[];
 		}
 		let bigCount = 0;
 		let motionCount = 0;
 		// Parse ast to DOM
-		const els = flatten(ast.map(token => {
+		const els = concat(ast.map((token): VNode[] => {
 			switch (token.type) {
 				case 'text': {
 					const text = token.content.replace(/(\r\n|\n|\r)/g, '\n');
@ -56,12 +53,12 @@ export default Vue.component('misskey-flavored-markdown', {
 						x[x.length - 1].pop();
 						return x;
 					} else {
-						return createElement('span', text.replace(/\n/g, ' '));
+						return [createElement('span', text.replace(/\n/g, ' '))];
 					}
 				}
 				case 'bold': {
-					return createElement('b', token.bold);
+					return [createElement('b', token.bold)];
 				}
 				case 'big': {
@ -95,23 +92,23 @@ export default Vue.component('misskey-flavored-markdown', {
 				}
 				case 'url': {
-					return createElement(MkUrl, {
+					return [createElement(MkUrl, {
 						props: {
 							url: token.content,
 							target: '_blank'
 						}
-					});
+					})];
 				}
 				case 'link': {
-					return createElement('a', {
+					return [createElement('a', {
 						attrs: {
 							class: 'link',
 							href: token.url,
 							target: '_blank',
 							title: token.url
 						}
-					}, token.title);
+					}, token.title)];
 				}
 				case 'mention': {
@ -129,16 +126,16 @@ export default Vue.component('misskey-flavored-markdown', {
 				}
 				case 'hashtag': {
-					return createElement('a', {
+					return [createElement('a', {
 						attrs: {
 							href: `${url}/tags/${encodeURIComponent(token.hashtag)}`,
 							target: '_blank'
 						}
-					}, token.content);
+					}, token.content)];
 				}
 				case 'code': {
-					return createElement('pre', {
+					return [createElement('pre', {
 						class: 'code'
 					}, [
 						createElement('code', {
@ -146,15 +143,15 @@ export default Vue.component('misskey-flavored-markdown', {
 								innerHTML: token.html
 							}
 						})
-					]);
+					])];
 				}
 				case 'inline-code': {
-					return createElement('code', {
+					return [createElement('code', {
 						domProps: {
 							innerHTML: token.html
 						}
-					});
+					})];
 				}
 				case 'quote': {
@ -164,43 +161,45 @@ export default Vue.component('misskey-flavored-markdown', {
 						const x = text2.split('\n')
 							.map(t => [createElement('span', t), createElement('br')]);
 						x[x.length - 1].pop();
-						return createElement('div', {
+						return [createElement('div', {
 							attrs: {
 								class: 'quote'
 							}
-						}, x);
+						}, x)];
 					} else {
-						return createElement('span', {
+						return [createElement('span', {
 							attrs: {
 								class: 'quote'
 							}
-						}, text2.replace(/\n/g, ' '));
+						}, text2.replace(/\n/g, ' '))];
 					}
 				}
 				case 'title': {
-					return createElement('div', {
+					return [createElement('div', {
 						attrs: {
 							class: 'title'
 						}
-					}, token.title);
+					}, token.title)];
 				}
 				case 'emoji': {
 					const emoji = emojilib.lib[token.emoji];
-					return createElement('span', emoji ? emoji.char : token.content);
+					return [createElement('span', emoji ? emoji.char : token.content)];
 				}
 				case 'search': {
-					return createElement(MkGoogle, {
+					return [createElement(MkGoogle, {
 						props: {
 							q: token.query
 						}
-					});
+					})];
 				}
 				default: {
 					console.log('unknown ast type:', token.type);
 					return [];
 				}
 			}
 		}));
--- a/src/client/app/common/views/components/note-menu.vue
+++ b/src/client/app/common/views/components/note-menu.vue
@ -64,7 +64,7 @@ export default Vue.extend({
 			(this as any).api('i/pin', {
 				noteId: this.note.id
 			}).then(() => {
-				this.$destroy();
+				this.destroyDom();
 			});
 		},
@ -73,7 +73,7 @@ export default Vue.extend({
 			(this as any).api('notes/delete', {
 				noteId: this.note.id
 			}).then(() => {
-				this.$destroy();
+				this.destroyDom();
 			});
 		},
@ -81,13 +81,13 @@ export default Vue.extend({
 			(this as any).api('notes/favorites/create', {
 				noteId: this.note.id
 			}).then(() => {
-				this.$destroy();
+				this.destroyDom();
 			});
 		},
 		closed() {
 			this.$nextTick(() => {
-				this.$destroy();
+				this.destroyDom();
 			});
 		}
 	}
--- a/src/client/app/common/views/components/reaction-picker.vue
+++ b/src/client/app/common/views/components/reaction-picker.vue
@ -1,5 +1,5 @@
 <template>
-<div class="mk-reaction-picker">
+<div class="mk-reaction-picker" v-hotkey.global="keymap">
 	<div class="backdrop" ref="backdrop" @click="close"></div>
 	<div class="popover" :class="{ compact, big }" ref="popover">
 		<p v-if="!compact">{{ title }}</p>
@ -31,28 +31,51 @@ export default Vue.extend({
 			type: Object,
 			required: true
 		},
 		source: {
 			required: true
 		},
 		compact: {
 			type: Boolean,
 			required: false,
 			default: false
 		},
 		cb: {
 			required: false
 		},
 		big: {
 			type: Boolean,
 			required: false,
 			default: false
 		}
 	},
 	data() {
 		return {
 			title: placeholder
 		};
 	},
 	computed: {
 		keymap(): any {
 			return {
 				'1': () => this.react('like'),
 				'2': () => this.react('love'),
 				'3': () => this.react('laugh'),
 				'4': () => this.react('hmm'),
 				'5': () => this.react('surprise'),
 				'6': () => this.react('congrats'),
 				'7': () => this.react('angry'),
 				'8': () => this.react('confused'),
 				'9': () => this.react('rip'),
 				'0': () => this.react('pudding'),
 			};
 		}
 	},
 	mounted() {
 		this.$nextTick(() => {
 			const popover = this.$refs.popover as any;
@ -88,6 +111,7 @@ export default Vue.extend({
 			});
 		});
 	},
 	methods: {
 		react(reaction) {
 			(this as any).api('notes/reactions/create', {
@ -95,15 +119,19 @@ export default Vue.extend({
 				reaction: reaction
 			}).then(() => {
 				if (this.cb) this.cb();
-				this.$destroy();
+				this.$emit('closed');
 				this.destroyDom();
 			});
 		},
 		onMouseover(e) {
 			this.title = e.target.title;
 		},
 		onMouseout(e) {
 			this.title = placeholder;
 		},
 		close() {
 			(this.$refs.backdrop as any).style.pointerEvents = 'none';
 			anime({
@ -120,7 +148,10 @@ export default Vue.extend({
 				scale: 0.5,
 				duration: 200,
 				easing: 'easeInBack',
-				complete: () => this.$destroy()
+				complete: () => {
 					this.$emit('closed');
 					this.destroyDom();
 				}
 			});
 		}
 	}
--- a/src/client/app/common/views/components/trends.vue
+++ b/src/client/app/common/views/components/trends.vue
@ -3,8 +3,7 @@
 	<p class="fetching" v-if="fetching">%fa:spinner .pulse .fw%%i18n:common.loading%<mk-ellipsis/></p>
 	<p class="empty" v-else-if="stats.length == 0">%fa:exclamation-circle%%i18n:@empty%</p>
 	<!-- トランジションを有効にするとなぜかメモリリークする -->
-	<!-- <transition-group v-else tag="div" name="chart"> -->
+	<transition-group v-else tag="div" name="chart">
 	<div>
 		<div v-for="stat in stats" :key="stat.tag">
 			<div class="tag">
 				<router-link :to="`/tags/${ encodeURIComponent(stat.tag) }`" :title="stat.tag">#{{ stat.tag }}</router-link>
@ -12,8 +11,7 @@
 			</div>
 			<x-chart class="chart" :src="stat.chart"/>
 		</div>
-	</div>
+	</transition-group>
 	<!-- </transition-group> -->
 </div>
 </template>
--- a/src/client/app/common/views/components/visibility-chooser.vue
+++ b/src/client/app/common/views/components/visibility-chooser.vue
@ -101,7 +101,7 @@ export default Vue.extend({
 				this.$store.commit('device/setVisibility', visibility);
 			}
 			this.$emit('chosen', visibility);
-			this.$destroy();
+			this.destroyDom();
 		},
 		close() {
 			(this.$refs.backdrop as any).style.pointerEvents = 'none';
@ -119,7 +119,7 @@ export default Vue.extend({
 				scale: 0.5,
 				duration: 200,
 				easing: 'easeInBack',
-				complete: () => this.$destroy()
+				complete: () => this.destroyDom()
 			});
 		}
 	}
--- a/src/client/app/common/views/directives/autocomplete.ts
+++ b/src/client/app/common/views/directives/autocomplete.ts
@ -167,7 +167,7 @@ class Autocomplete {
 	private close() {
 		if (this.suggestion == null) return;
-		this.suggestion.$destroy();
+		this.suggestion.destroyDom();
 		this.suggestion = null;
 		this.textarea.focus();
--- a/src/client/app/common/views/pages/follow.vue
+++ b/src/client/app/common/views/pages/follow.vue
@ -32,7 +32,6 @@
 <script lang="ts">
 import Vue from 'vue';
 import parseAcct from '../../../../../misc/acct/parse';
 import getUserName from '../../../../../misc/get-user-name';
 import Progress from '../../../common/scripts/loading';
 export default Vue.extend({
--- a/src/client/app/desktop/script.ts
+++ b/src/client/app/desktop/script.ts
@ -6,7 +6,6 @@ import VueRouter from 'vue-router';
 // Style
 import './style.styl';
 import '../../element.scss';
 import init from '../init';
 import fuckAdBlock from '../common/scripts/fuck-ad-block';
--- a/src/client/app/desktop/views/components/charts.vue
+++ b/src/client/app/desktop/views/components/charts.vue
@ -19,6 +19,11 @@
 				<option value="drive">%i18n:@charts.drive%</option>
 				<option value="drive-total">%i18n:@charts.drive-total%</option>
 			</optgroup>
 			<optgroup label="%i18n:@network%">
 				<option value="network-requests">%i18n:@charts.network-requests%</option>
 				<option value="network-time">%i18n:@charts.network-time%</option>
 				<option value="network-usage">%i18n:@charts.network-usage%</option>
 			</optgroup>
 		</select>
 		<div>
 			<span @click="span = 'day'" :class="{ active: span == 'day' }">%i18n:@per-day%</span> | <span @click="span = 'hour'" :class="{ active: span == 'hour' }">%i18n:@per-hour%</span>
@ -41,7 +46,10 @@ const colors = {
 	localPlus: 'rgb(52, 178, 118)',
 	remotePlus: 'rgb(158, 255, 209)',
 	localMinus: 'rgb(255, 97, 74)',
-	remoteMinus: 'rgb(255, 149, 134)'
+	remoteMinus: 'rgb(255, 149, 134)',
 	incoming: 'rgb(52, 178, 118)',
 	outgoing: 'rgb(255, 97, 74)',
 };
 const rgba = (color: string): string => {
@ -75,6 +83,9 @@ export default Vue.extend({
 				case 'drive-total': return this.driveTotalChart();
 				case 'drive-files': return this.driveFilesChart();
 				case 'drive-files-total': return this.driveFilesTotalChart();
 				case 'network-requests': return this.networkRequestsChart();
 				case 'network-time': return this.networkTimeChart();
 				case 'network-usage': return this.networkUsageChart();
 			}
 		},
@ -89,7 +100,7 @@ export default Vue.extend({
 	created() {
 		(this as any).api('chart', {
-			limit: 32
+			limit: 35
 		}).then(chart => {
 			this.chart = chart;
 		});
@ -544,7 +555,95 @@ export default Vue.extend({
 					}
 				}
 			}];
-		}
+		},
 		networkRequestsChart(): any {
 			const data = this.stats.slice().reverse().map(x => ({
 				date: new Date(x.date),
 				requests: x.network.requests
 			}));
 			return [{
 				datasets: [{
 					label: 'Requests',
 					fill: true,
 					backgroundColor: rgba(colors.localPlus),
 					borderColor: colors.localPlus,
 					borderWidth: 2,
 					pointBackgroundColor: '#fff',
 					lineTension: 0,
 					data: data.map(x => ({ t: x.date, y: x.requests }))
 				}]
 			}];
 		},
 		networkTimeChart(): any {
 			const data = this.stats.slice().reverse().map(x => ({
 				date: new Date(x.date),
 				time: x.network.requests != 0 ? (x.network.totalTime / x.network.requests) : 0,
 			}));
 			return [{
 				datasets: [{
 					label: 'Avg time (ms)',
 					fill: true,
 					backgroundColor: rgba(colors.localPlus),
 					borderColor: colors.localPlus,
 					borderWidth: 2,
 					pointBackgroundColor: '#fff',
 					lineTension: 0,
 					data: data.map(x => ({ t: x.date, y: x.time }))
 				}]
 			}];
 		},
 		networkUsageChart(): any {
 			const data = this.stats.slice().reverse().map(x => ({
 				date: new Date(x.date),
 				incoming: x.network.incomingBytes,
 				outgoing: x.network.outgoingBytes
 			}));
 			return [{
 				datasets: [{
 					label: 'Incoming',
 					fill: true,
 					backgroundColor: rgba(colors.incoming),
 					borderColor: colors.incoming,
 					borderWidth: 2,
 					pointBackgroundColor: '#fff',
 					lineTension: 0,
 					data: data.map(x => ({ t: x.date, y: x.incoming }))
 				}, {
 					label: 'Outgoing',
 					fill: true,
 					backgroundColor: rgba(colors.outgoing),
 					borderColor: colors.outgoing,
 					borderWidth: 2,
 					pointBackgroundColor: '#fff',
 					lineTension: 0,
 					data: data.map(x => ({ t: x.date, y: x.outgoing }))
 				}]
 			}, {
 				scales: {
 					yAxes: [{
 						ticks: {
 							callback: value => {
 								return Vue.filter('bytes')(value, 1);
 							}
 						}
 					}]
 				},
 				tooltips: {
 					callbacks: {
 						label: (tooltipItem, data) => {
 							const label = data.datasets[tooltipItem.datasetIndex].label || '';
 							return `${label}: ${Vue.filter('bytes')(tooltipItem.yLabel, 1)}`;
 						}
 					}
 				}
 			}];
 		},
 	}
 });
 </script>
@ -582,6 +681,6 @@ export default Vue.extend({
 	> div
 		> *
 			display block
-			height 320px
+			height 350px
 </style>
--- a/src/client/app/desktop/views/components/choose-file-from-drive-window.vue
+++ b/src/client/app/desktop/views/components/choose-file-from-drive-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" is-modal width="800px" height="500px" @closed="$destroy">
+<mk-window ref="window" is-modal width="800px" height="500px" @closed="destroyDom">
 	<span slot="header">
 		<span v-html="title" :class="$style.title"></span>
 		<span :class="$style.count" v-if="multiple && files.length > 0">({{ files.length }}%i18n:@choose-file%)</span>
--- a/src/client/app/desktop/views/components/choose-folder-from-drive-window.vue
+++ b/src/client/app/desktop/views/components/choose-folder-from-drive-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" is-modal width="800px" height="500px" @closed="$destroy">
+<mk-window ref="window" is-modal width="800px" height="500px" @closed="destroyDom">
 	<span slot="header">
 		<span v-html="title" :class="$style.title"></span>
 	</span>
--- a/src/client/app/desktop/views/components/context-menu.vue
+++ b/src/client/app/desktop/views/components/context-menu.vue
@ -64,7 +64,7 @@ export default Vue.extend({
 			});
 			this.$emit('closed');
-			this.$destroy();
+			this.destroyDom();
 		}
 	}
 });
--- a/src/client/app/desktop/views/components/dialog.vue
+++ b/src/client/app/desktop/views/components/dialog.vue
@ -78,7 +78,7 @@ export default Vue.extend({
 				scale: 0.8,
 				duration: 300,
 				easing: [ 0.5, -0.5, 1, 0.5 ],
-				complete: () => this.$destroy()
+				complete: () => this.destroyDom()
 			});
 		},
 		onBgClick() {
--- a/src/client/app/desktop/views/components/drive-window.vue
+++ b/src/client/app/desktop/views/components/drive-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" @closed="$destroy" width="800px" height="500px" :popout-url="popout">
+<mk-window ref="window" @closed="destroyDom" width="800px" height="500px" :popout-url="popout">
 	<template slot="header">
 		<p v-if="usage" :class="$style.info"><b>{{ usage.toFixed(1) }}%</b> %i18n:@used%</p>
 		<span :class="$style.title">%fa:cloud%%i18n:@drive%</span>
--- a/src/client/app/desktop/views/components/followers-window.vue
+++ b/src/client/app/desktop/views/components/followers-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window width="400px" height="550px" @closed="$destroy">
+<mk-window width="400px" height="550px" @closed="destroyDom">
 	<span slot="header" :class="$style.header">
 		<img :src="user.avatarUrl" alt=""/>{{ '%i18n:@followers%'.replace('{}', name) }}
 	</span>
--- a/src/client/app/desktop/views/components/following-window.vue
+++ b/src/client/app/desktop/views/components/following-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window width="400px" height="550px" @closed="$destroy">
+<mk-window width="400px" height="550px" @closed="destroyDom">
 	<span slot="header" :class="$style.header">
 		<img :src="user.avatarUrl" alt=""/>{{ '%i18n:@following%'.replace('{}', name) }}
 	</span>
--- a/src/client/app/desktop/views/components/friends-maker.vue
+++ b/src/client/app/desktop/views/components/friends-maker.vue
@ -14,7 +14,7 @@
 	<p class="empty" v-if="!fetching && users.length == 0">%i18n:@empty%</p>
 	<p class="fetching" v-if="fetching">%fa:spinner .pulse .fw%%i18n:@fetching%<mk-ellipsis/></p>
 	<a class="refresh" @click="refresh">%i18n:@refresh%</a>
-	<button class="close" @click="$destroy()" title="%i18n:@close%">%fa:times%</button>
+	<button class="close" @click="destroyDom()" title="%i18n:@close%">%fa:times%</button>
 </div>
 </template>
--- a/src/client/app/desktop/views/components/game-window.vue
+++ b/src/client/app/desktop/views/components/game-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" width="500px" height="560px" :popout-url="popout" @closed="$destroy">
+<mk-window ref="window" width="500px" height="560px" :popout-url="popout" @closed="destroyDom">
 	<span slot="header" :class="$style.header">%fa:gamepad%%i18n:@game%</span>
 	<mk-reversi :class="$style.content" @gamed="g => game = g"/>
 </mk-window>
--- a/src/client/app/desktop/views/components/home.vue
+++ b/src/client/app/desktop/views/components/home.vue
@ -237,6 +237,10 @@ export default Vue.extend({
 		warp(date) {
 			(this.$refs.tl as any).warp(date);
 		},
 		focus() {
 			(this.$refs.tl as any).focus();
 		}
 	}
 });
--- a/src/client/app/desktop/views/components/input-dialog.vue
+++ b/src/client/app/desktop/views/components/input-dialog.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" is-modal width="500px" @before-close="beforeClose" @closed="$destroy">
+<mk-window ref="window" is-modal width="500px" @before-close="beforeClose" @closed="destroyDom">
 	<span slot="header" :class="$style.header">
 		%fa:i-cursor%{{ title }}
 	</span>
--- a/src/client/app/desktop/views/components/media-image-dialog.vue
+++ b/src/client/app/desktop/views/components/media-image-dialog.vue
@ -26,7 +26,7 @@ export default Vue.extend({
 				opacity: 0,
 				duration: 100,
 				easing: 'linear',
-				complete: () => this.$destroy()
+				complete: () => this.destroyDom()
 			});
 		}
 	}
--- a/src/client/app/desktop/views/components/media-image.vue
+++ b/src/client/app/desktop/views/components/media-image.vue
@ -1,5 +1,5 @@
 <template>
-<div class="ldwbgwstjsdgcjruamauqdrffetqudry" v-if="image.isSensitive && hide" @click="hide = false">
+<div class="ldwbgwstjsdgcjruamauqdrffetqudry" v-if="image.isSensitive && hide && !$store.state.device.alwaysShowNsfw" @click="hide = false">
 	<div>
 		<b>%fa:exclamation-triangle% %i18n:@sensitive%</b>
 		<span>%i18n:@click-to-show%</span>
@ -27,12 +27,13 @@ export default Vue.extend({
 		},
 		raw: {
 			default: false
 		},
 		hide: {
 			type: Boolean,
 			default: true
 		}
 	},
 	data() {
 		return {
 			hide: true
 		};
 	},
 	computed: {
 		style(): any {
 			return {
@ -89,7 +90,7 @@ export default Vue.extend({
 		text-align center
 		font-size 12px
-		> b
+		> *
 			display block
 </style>
--- a/src/client/app/desktop/views/components/media-video-dialog.vue
+++ b/src/client/app/desktop/views/components/media-video-dialog.vue
@ -28,7 +28,7 @@ export default Vue.extend({
 				opacity: 0,
 				duration: 100,
 				easing: 'linear',
-				complete: () => this.$destroy()
+				complete: () => this.destroyDom()
 			});
 		}
 	}
--- a/src/client/app/desktop/views/components/media-video.vue
+++ b/src/client/app/desktop/views/components/media-video.vue
@ -36,12 +36,13 @@ export default Vue.extend({
 		},
 		inlinePlayable: {
 			default: false
 		},
 		hide: {
 			type: Boolean,
 			default: true
 		}
 	},
 	data() {
 		return {
 			hide: true
 		};
 	},
 	computed: {
 		imageStyle(): any {
 			return {
@ -79,7 +80,6 @@ export default Vue.extend({
 		justify-content center
 		align-items center
 		font-size 3.5em
 		cursor zoom-in
 		overflow hidden
 		background-position center
@ -101,5 +101,4 @@ export default Vue.extend({
 		> b
 			display block
 </style>
--- a/src/client/app/desktop/views/components/messaging-room-window.vue
+++ b/src/client/app/desktop/views/components/messaging-room-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" width="500px" height="560px" :popout-url="popout" @closed="$destroy">
+<mk-window ref="window" width="500px" height="560px" :popout-url="popout" @closed="destroyDom">
 	<span slot="header" :class="$style.header">%fa:comments%%i18n:@title% {{ user | userName }}</span>
 	<mk-messaging-room :user="user" :class="$style.content"/>
 </mk-window>
--- a/src/client/app/desktop/views/components/messaging-window.vue
+++ b/src/client/app/desktop/views/components/messaging-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" width="500px" height="560px" @closed="$destroy">
+<mk-window ref="window" width="500px" height="560px" @closed="destroyDom">
 	<span slot="header" :class="$style.header">%fa:comments%%i18n:@title%</span>
 	<mk-messaging :class="$style.content" @navigate="navigate"/>
 </mk-window>
--- a/src/client/app/desktop/views/components/note-detail.vue
+++ b/src/client/app/desktop/views/components/note-detail.vue
@ -37,20 +37,26 @@
 			</router-link>
 		</header>
 		<div class="body">
-			<div class="text">
+			<p v-if="p.cw != null" class="cw">
-				<span v-if="p.isHidden" style="opacity: 0.5">%i18n:@private%</span>
+				<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
-				<span v-if="p.deletedAt" style="opacity: 0.5">%i18n:@deleted%</span>
+				<mk-cw-button v-model="showContent"/>
-				<misskey-flavored-markdown v-if="p.text" :text="p.text" :i="$store.state.i"/>
+			</p>
-			</div>
+			<div class="content" v-show="p.cw == null || showContent">
-			<div class="files" v-if="p.files.length > 0">
+				<div class="text">
-				<mk-media-list :media-list="p.files" :raw="true"/>
+					<span v-if="p.isHidden" style="opacity: 0.5">%i18n:@private%</span>
-			</div>
+					<span v-if="p.deletedAt" style="opacity: 0.5">%i18n:@deleted%</span>
-			<mk-poll v-if="p.poll" :note="p"/>
+					<misskey-flavored-markdown v-if="p.text" :text="p.text" :i="$store.state.i"/>
-			<mk-url-preview v-for="url in urls" :url="url" :key="url" :detail="true"/>
+				</div>
-			<a class="location" v-if="p.geo" :href="`https://maps.google.com/maps?q=${p.geo.coordinates[1]},${p.geo.coordinates[0]}`" target="_blank">%fa:map-marker-alt% %i18n:@location%</a>
+				<div class="files" v-if="p.files.length > 0">
-			<div class="map" v-if="p.geo" ref="map"></div>
+					<mk-media-list :media-list="p.files" :raw="true"/>
-			<div class="renote" v-if="p.renote">
+				</div>
-				<mk-note-preview :note="p.renote"/>
+				<mk-poll v-if="p.poll" :note="p"/>
 				<mk-url-preview v-for="url in urls" :url="url" :key="url" :detail="true"/>
 				<a class="location" v-if="p.geo" :href="`https://maps.google.com/maps?q=${p.geo.coordinates[1]},${p.geo.coordinates[0]}`" target="_blank">%fa:map-marker-alt% %i18n:@location%</a>
 				<div class="map" v-if="p.geo" ref="map"></div>
 				<div class="renote" v-if="p.renote">
 					<mk-note-preview :note="p.renote"/>
 				</div>
 			</div>
 		</div>
 		<footer>
@ -105,6 +111,7 @@ export default Vue.extend({
 	data() {
 		return {
 			showContent: false,
 			conversation: [],
 			conversationFetching: false,
 			replies: []
@ -118,17 +125,21 @@ export default Vue.extend({
 				this.note.fileIds.length == 0 &&
 				this.note.poll == null);
 		},
 		p(): any {
 			return this.isRenote ? this.note.renote : this.note;
 		},
 		reactionsCount(): number {
 			return this.p.reactionCounts
 				? sum(Object.values(this.p.reactionCounts))
 				: 0;
 		},
 		title(): string {
 			return new Date(this.p.createdAt).toLocaleString();
 		},
 		urls(): string[] {
 			if (this.p.text) {
 				const ast = parse(this.p.text);
@ -183,22 +194,26 @@ export default Vue.extend({
 				this.conversation = conversation.reverse();
 			});
 		},
 		reply() {
 			(this as any).os.new(MkPostFormWindow, {
 				reply: this.p
 			});
 		},
 		renote() {
 			(this as any).os.new(MkRenoteFormWindow, {
 				note: this.p
 			});
 		},
 		react() {
 			(this as any).os.new(MkReactionPicker, {
 				source: this.$refs.reactButton,
 				note: this.p
 			});
 		},
 		menu() {
 			(this as any).os.new(MkNoteMenu, {
 				source: this.$refs.menuButton,
@ -326,37 +341,49 @@ root(isDark)
 		> .body
 			padding 8px 0
-			> .text
+			> .cw
 				cursor default
 				display block
 				margin 0
 				padding 0
 				overflow-wrap break-word
 				font-size 1.5em
 				color isDark ? #fff : #717171
-			> .renote
+				> .text
-				margin 8px 0
+					margin-right 8px
-				> .mk-note-preview
+			> .content
-					padding 16px
+				> .text
-					border dashed 1px #c0dac6
+					cursor default
-					border-radius 8px
+					display block
 					margin 0
 					padding 0
 					overflow-wrap break-word
 					font-size 1.5em
 					color isDark ? #fff : #717171
-			> .location
+				> .renote
-				margin 4px 0
+					margin 8px 0
 				font-size 12px
 				color #ccc
-			> .map
+					> *
-				width 100%
+						padding 16px
-				height 300px
+						border dashed 1px #c0dac6
 						border-radius 8px
-				&:empty
+				> .location
-					display none
+					margin 4px 0
 					font-size 12px
 					color #ccc
-			> .mk-url-preview
+				> .map
-				margin-top 8px
+					width 100%
 					height 300px
 					&:empty
 						display none
 				> .mk-url-preview
 					margin-top 8px
 		> footer
 			font-size 1.2em
--- a/src/client/app/desktop/views/components/note-preview.vue
+++ b/src/client/app/desktop/views/components/note-preview.vue
@ -1,10 +1,16 @@
 <template>
-<div class="mk-note-preview" :title="title">
+<div class="qiziqtywpuaucsgarwajitwaakggnisj" :title="title">
 	<mk-avatar class="avatar" :user="note.user" v-if="!mini"/>
 	<div class="main">
 		<mk-note-header class="header" :note="note" :mini="true"/>
 		<div class="body">
-			<mk-sub-note-content class="text" :note="note"/>
+			<p v-if="note.cw != null" class="cw">
 				<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
 				<mk-cw-button v-model="showContent"/>
 			</p>
 			<div class="content" v-show="note.cw == null || showContent">
 				<mk-sub-note-content class="text" :note="note"/>
 			</div>
 		</div>
 	</div>
 </div>
@ -25,6 +31,13 @@ export default Vue.extend({
 			default: false
 		}
 	},
 	data() {
 		return {
 			showContent: false
 		};
 	},
 	computed: {
 		title(): string {
 			return new Date(this.note.createdAt).toLocaleString();
@ -52,16 +65,28 @@ root(isDark)
 		> .body
-			> .text
+			> .cw
 				cursor default
 				display block
 				margin 0
 				padding 0
-				color isDark ? #959ba7 : #717171
+				overflow-wrap break-word
 				color isDark ? #fff : #717171
-.mk-note-preview[data-darkmode]
+				> .text
 					margin-right 8px
 			> .content
 				> .text
 					cursor default
 					margin 0
 					padding 0
 					color isDark ? #959ba7 : #717171
 .qiziqtywpuaucsgarwajitwaakggnisj[data-darkmode]
 	root(true)
-.mk-note-preview:not([data-darkmode])
+.qiziqtywpuaucsgarwajitwaakggnisj:not([data-darkmode])
 	root(false)
 </style>
--- a/src/client/app/desktop/views/components/notes.note.sub.vue
+++ b/src/client/app/desktop/views/components/notes.note.sub.vue
@ -1,10 +1,16 @@
 <template>
-<div class="sub" :title="title">
+<div class="tkfdzaxtkdeianobciwadajxzbddorql" :title="title">
 	<mk-avatar class="avatar" :user="note.user"/>
 	<div class="main">
 		<mk-note-header class="header" :note="note"/>
 		<div class="body">
-			<mk-sub-note-content class="text" :note="note"/>
+			<p v-if="note.cw != null" class="cw">
 				<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
 				<mk-cw-button v-model="showContent"/>
 			</p>
 			<div class="content" v-show="note.cw == null || showContent">
 				<mk-sub-note-content class="text" :note="note"/>
 			</div>
 		</div>
 	</div>
 </div>
@ -14,7 +20,19 @@
 import Vue from 'vue';
 export default Vue.extend({
-	props: ['note'],
+	props: {
 		note: {
 			type: Object,
 			required: true
 		}
 	},
 	data() {
 		return {
 			showContent: false
 		};
 	},
 	computed: {
 		title(): string {
 			return new Date(this.note.createdAt).toLocaleString();
@ -48,20 +66,32 @@ root(isDark)
 		> .body
-			> .text
+			> .cw
 				cursor default
 				display block
 				margin 0
 				padding 0
-				color isDark ? #959ba7 : #717171
+				overflow-wrap break-word
 				color isDark ? #fff : #717171
-				pre
+				> .text
-					max-height 120px
+					margin-right 8px
 					font-size 80%
-.sub[data-darkmode]
+			> .content
 				> .text
 					cursor default
 					margin 0
 					padding 0
 					color isDark ? #959ba7 : #717171
 					pre
 						max-height 120px
 						font-size 80%
 .tkfdzaxtkdeianobciwadajxzbddorql[data-darkmode]
 	root(true)
-.sub:not([data-darkmode])
+.tkfdzaxtkdeianobciwadajxzbddorql:not([data-darkmode])
 	root(false)
 </style>
--- a/src/client/app/desktop/views/components/notes.note.vue
+++ b/src/client/app/desktop/views/components/notes.note.vue
@ -1,5 +1,5 @@
 <template>
-<div class="note" tabindex="-1" :title="title" @keydown="onKeydown">
+<div class="note" tabindex="-1" v-hotkey="keymap" :title="title">
 	<div class="reply-to" v-if="p.reply && (!$store.getters.isSignedIn || $store.state.settings.showReplyTarget)">
 		<x-sub :note="p.reply"/>
 	</div>
@ -18,7 +18,7 @@
 			<div class="body">
 				<p v-if="p.cw != null" class="cw">
 					<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
-					<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@hide%' : '%i18n:@see-more%' }}</span>
+					<mk-cw-button v-model="showContent"/>
 				</p>
 				<div class="content" v-show="p.cw == null || showContent">
 					<div class="text">
@ -34,9 +34,7 @@
 					<mk-poll v-if="p.poll" :note="p" ref="pollViewer"/>
 					<a class="location" v-if="p.geo" :href="`https://maps.google.com/maps?q=${p.geo.coordinates[1]},${p.geo.coordinates[0]}`" target="_blank">%fa:map-marker-alt% 位置情報</a>
 					<div class="map" v-if="p.geo" ref="map"></div>
-					<div class="renote" v-if="p.renote">
+					<div class="renote" v-if="p.renote"><mk-note-preview :note="p.renote"/></div>
 						<mk-note-preview :note="p.renote"/>
 					</div>
 					<mk-url-preview v-for="url in urls" :url="url" :key="url"/>
 				</div>
 			</div>
@ -96,7 +94,12 @@ export default Vue.extend({
 		XSub
 	},
-	props: ['note'],
+	props: {
 		note: {
 			type: Object,
 			required: true
 		}
 	},
 	data() {
 		return {
@ -108,6 +111,18 @@ export default Vue.extend({
 	},
 	computed: {
 		keymap(): any {
 			return {
 				'r': this.reply,
 				'a': this.react,
 				'n': this.renote,
 				'up': this.focusBefore,
 				'shift+tab': this.focusBefore,
 				'down': this.focusAfter,
 				'tab': this.focusAfter,
 			};
 		},
 		isRenote(): boolean {
 			return (this.note.renote &&
 				this.note.text == null &&
@ -220,64 +235,39 @@ export default Vue.extend({
 		reply() {
 			(this as any).os.new(MkPostFormWindow, {
 				reply: this.p
-			});
+			}).$once('closed', this.focus);
 		},
 		renote() {
 			(this as any).os.new(MkRenoteFormWindow, {
 				note: this.p
-			});
+			}).$once('closed', this.focus);
 		},
 		react() {
 			(this as any).os.new(MkReactionPicker, {
 				source: this.$refs.reactButton,
 				note: this.p
-			});
+			}).$once('closed', this.focus);
 		},
 		menu() {
 			(this as any).os.new(MkNoteMenu, {
 				source: this.$refs.menuButton,
 				note: this.p
-			});
+			}).$once('closed', this.focus);
 		},
-		onKeydown(e) {
+		focus() {
-			let shouldBeCancel = true;
+			this.$el.focus();
 		},
-			switch (true) {
+		focusBefore() {
-				case e.which == 38: // [↑]
+			focus(this.$el, e => e.previousElementSibling);
-				case e.which == 74: // [j]
+		},
 				case e.which == 9 && e.shiftKey: // [Shift] + [Tab]
 					focus(this.$el, e => e.previousElementSibling);
 					break;
-				case e.which == 40: // [↓]
+		focusAfter() {
-				case e.which == 75: // [k]
+			focus(this.$el, e => e.nextElementSibling);
 				case e.which == 9: // [Tab]
 					focus(this.$el, e => e.nextElementSibling);
 					break;
 				case e.which == 81: // [q]
 				case e.which == 69: // [e]
 					this.renote();
 					break;
 				case e.which == 70: // [f]
 				case e.which == 76: // [l]
 					//this.like();
 					break;
 				case e.which == 82: // [r]
 					this.reply();
 					break;
 				default:
 					shouldBeCancel = false;
 			}
 			if (shouldBeCancel) e.preventDefault();
 		}
 	}
 });
@ -398,19 +388,6 @@ root(isDark)
 					> .text
 						margin-right 8px
 					> .toggle
 						display inline-block
 						padding 4px 8px
 						font-size 0.7em
 						color isDark ? #393f4f : #fff
 						background isDark ? #687390 : #b1b9c1
 						border-radius 2px
 						cursor pointer
 						user-select none
 						&:hover
 							background isDark ? #707b97 : #bbc4ce
 				> .content
 					> .text
@ -469,7 +446,7 @@ root(isDark)
 					> .renote
 						margin 8px 0
-						> .mk-note-preview
+						> *
 							padding 16px
 							border dashed 1px isDark ? #4e945e : #c0dac6
 							border-radius 8px
--- a/src/client/app/desktop/views/components/notes.vue
+++ b/src/client/app/desktop/views/components/notes.vue
@ -10,17 +10,15 @@
 	</div>
 	<!-- トランジションを有効にするとなぜかメモリリークする -->
-	<!--<transition-group name="mk-notes" class="transition">-->
+	<component :is="!$store.state.device.reduceMotion ? 'transition-group' : 'div'" name="mk-notes" class="notes transition" tag="div">
 	<div class="notes">
 		<template v-for="(note, i) in _notes">
-			<x-note :note="note" :key="note.id" @update:note="onNoteUpdated(i, $event)"/>
+			<x-note :note="note" :key="note.id" @update:note="onNoteUpdated(i, $event)" ref="note"/>
 			<p class="date" :key="note.id + '_date'" v-if="i != notes.length - 1 && note._date != _notes[i + 1]._date">
 				<span>%fa:angle-up%{{ note._datetext }}</span>
 				<span>%fa:angle-down%{{ _notes[i + 1]._datetext }}</span>
 			</p>
 		</template>
-	</div>
+	</component>
 	<!--</transition-group>-->
 	<footer v-if="more">
 		<button @click="loadMore" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }">
@ -91,7 +89,7 @@ export default Vue.extend({
 		},
 		focus() {
-			(this.$el as any).children[0].focus();
+			(this.$refs.note as any)[0].focus();
 		},
 		onNoteUpdated(i, note) {
--- a/src/client/app/desktop/views/components/notifications.vue
+++ b/src/client/app/desktop/views/components/notifications.vue
@ -2,8 +2,7 @@
 <div class="mk-notifications">
 	<div class="notifications" v-if="notifications.length != 0">
 		<!-- トランジションを有効にするとなぜかメモリリークする -->
-		<!-- <transition-group name="mk-notifications" class="transition"> -->
+		<component :is="!$store.state.device.reduceMotion ? 'transition-group' : 'div'" name="mk-notifications" class="transition" tag="div">
 		<div>
 			<template v-for="(notification, i) in _notifications">
 				<div class="notification" :class="notification.type" :key="notification.id">
 					<mk-time :time="notification.createdAt"/>
@ -97,8 +96,7 @@
 					<span>%fa:angle-down%{{ _notifications[i + 1]._datetext }}</span>
 				</p>
 			</template>
-		</div>
+		</component>
 		<!-- </transition-group> -->
 	</div>
 	<button class="more" :class="{ fetching: fetchingMoreNotifications }" v-if="moreNotifications" @click="fetchMoreNotifications" :disabled="fetchingMoreNotifications">
 		<template v-if="fetchingMoreNotifications">%fa:spinner .pulse .fw%</template>{{ fetchingMoreNotifications ? '%i18n:common.loading%' : '%i18n:@more%' }}
--- a/src/client/app/desktop/views/components/post-form-window.vue
+++ b/src/client/app/desktop/views/components/post-form-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window class="mk-post-form-window" ref="window" is-modal @closed="$destroy">
+<mk-window class="mk-post-form-window" ref="window" is-modal @closed="onWindowClosed">
 	<span slot="header" class="mk-post-form-window--header">
 		<span class="icon" v-if="geo">%fa:map-marker-alt%</span>
 		<span v-if="!reply">%i18n:@note%</span>
@ -53,6 +53,10 @@ export default Vue.extend({
 		},
 		onPosted() {
 			(this.$refs.window as any).close();
 		},
 		onWindowClosed() {
 			this.$emit('closed');
 			this.destroyDom();
 		}
 	}
 });
--- a/src/client/app/desktop/views/components/post-form.vue
+++ b/src/client/app/desktop/views/components/post-form.vue
@ -45,11 +45,11 @@
 		<span v-if="visibility === 'specified'">%fa:envelope%</span>
 		<span v-if="visibility === 'private'">%fa:lock%</span>
 	</button>
-	<p class="text-count" :class="{ over: text.length > 1000 }">{{ 1000 - text.length }}</p>
+	<p class="text-count" :class="{ over: this.trimmedLength(text) > 1000 }">{{ 1000 - this.trimmedLength(text) }}</p>
 	<button :class="{ posting }" class="submit" :disabled="!canPost" @click="post">
 		{{ posting ? '%i18n:@posting%' : submitText }}<mk-ellipsis v-if="posting"/>
 	</button>
-	<input ref="file" type="file" accept="image/*" multiple="multiple" tabindex="-1" @change="onChangeFile"/>
+	<input ref="file" type="file" multiple="multiple" tabindex="-1" @change="onChangeFile"/>
 	<div class="dropzone" v-if="draghover"></div>
 </div>
 </template>
@ -62,7 +62,8 @@ import getFace from '../../../common/scripts/get-face';
 import MkVisibilityChooser from '../../../common/views/components/visibility-chooser.vue';
 import parse from '../../../../../mfm/parse';
 import { host } from '../../../config';
-import { erase } from '../../../../../prelude/array';
+import { erase, unique } from '../../../../../prelude/array';
 import { length } from 'stringz';
 import parseAcct from '../../../../../misc/acct/parse';
 export default Vue.extend({
@ -147,7 +148,7 @@ export default Vue.extend({
 		canPost(): boolean {
 			return !this.posting &&
 				(1 <= this.text.length || 1 <= this.files.length || this.poll || this.renote) &&
-				(this.text.trim().length <= 1000);
+				(length(this.text.trim()) <= 1000);
 		}
 	},
@ -199,6 +200,10 @@ export default Vue.extend({
 	},
 	methods: {
 	  trimmedLength(text: string) {
 			return length(text.trim());
 		},
 		addTag(tag: string) {
 			insertTextAtCursor(this.$refs.text, ` #${tag} `);
 		},
@ -392,7 +397,7 @@ export default Vue.extend({
 			if (this.text && this.text != '') {
 				const hashtags = parse(this.text).filter(x => x.type == 'hashtag').map(x => x.hashtag);
 				const history = JSON.parse(localStorage.getItem('hashtags') || '[]') as string[];
-				localStorage.setItem('hashtags', JSON.stringify(hashtags.concat(history).reduce((a, c) => a.includes(c) ? a : [...a, c], [])));
+				localStorage.setItem('hashtags', JSON.stringify(unique(hashtags.concat(history))));
 			}
 		},
--- a/src/client/app/desktop/views/components/progress-dialog.vue
+++ b/src/client/app/desktop/views/components/progress-dialog.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" :is-modal="false" :can-close="false" width="500px" @closed="$destroy">
+<mk-window ref="window" :is-modal="false" :can-close="false" width="500px" @closed="destroyDom">
 	<span slot="header">{{ title }}<mk-ellipsis/></span>
 	<div :class="$style.body">
 		<p :class="$style.init" v-if="isNaN(value)">%i18n:@waiting%<mk-ellipsis/></p>
--- a/src/client/app/desktop/views/components/received-follow-requests-window.vue
+++ b/src/client/app/desktop/views/components/received-follow-requests-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" is-modal width="450px" height="500px" @closed="$destroy">
+<mk-window ref="window" is-modal width="450px" height="500px" @closed="destroyDom">
 	<span slot="header">%fa:envelope R% %i18n:@title%</span>
 	<div class="slpqaxdoxhvglersgjukmvizkqbmbokc" :data-darkmode="$store.state.device.darkmode">
--- a/src/client/app/desktop/views/components/renote-form-window.vue
+++ b/src/client/app/desktop/views/components/renote-form-window.vue
@ -1,7 +1,7 @@
 <template>
-<mk-window ref="window" is-modal @closed="$destroy">
+<mk-window ref="window" is-modal @closed="onWindowClosed">
 	<span slot="header" :class="$style.header">%fa:retweet%%i18n:@title%</span>
-	<mk-renote-form ref="form" :note="note" @posted="onPosted" @canceled="onCanceled"/>
+	<mk-renote-form ref="form" :note="note" @posted="onPosted" @canceled="onCanceled" v-hotkey.global="keymap"/>
 </mk-window>
 </template>
@ -10,25 +10,32 @@ import Vue from 'vue';
 export default Vue.extend({
 	props: ['note'],
-	mounted() {
+
-		document.addEventListener('keydown', this.onDocumentKeydown);
+	computed: {
-	},
+		keymap(): any {
-	beforeDestroy() {
+			return {
-		document.removeEventListener('keydown', this.onDocumentKeydown);
+				'esc': this.close,
 				'ctrl+enter': this.post
 			};
 		}
 	},
 	methods: {
-		onDocumentKeydown(e) {
+		post() {
-			if (e.target.tagName != 'INPUT' && e.target.tagName != 'TEXTAREA') {
+			(this.$refs.form as any).ok();
-				if (e.which == 27) { // Esc
+		},
-					(this.$refs.window as any).close();
+		close() {
-				}
+			(this.$refs.window as any).close();
 			}
 		},
 		onPosted() {
 			(this.$refs.window as any).close();
 		},
 		onCanceled() {
 			(this.$refs.window as any).close();
 		},
 		onWindowClosed() {
 			this.$emit('closed');
 			this.destroyDom();
 		}
 	}
 });
--- a/src/client/app/desktop/views/components/renote-form.vue
+++ b/src/client/app/desktop/views/components/renote-form.vue
@ -1,6 +1,6 @@
 <template>
 <div class="mk-renote-form">
-	<mk-note-preview :note="note"/>
+	<mk-note-preview class="preview" :note="note"/>
 	<template v-if="!quote">
 		<footer>
 			<a class="quote" v-if="!quote" @click="onQuote">%i18n:@quote%</a>
@ -61,7 +61,7 @@ export default Vue.extend({
 root(isDark)
-	> .mk-note-preview
+	> .preview
 		margin 16px 22px
 	> footer
--- a/src/client/app/desktop/views/components/settings-window.vue
+++ b/src/client/app/desktop/views/components/settings-window.vue
@ -1,13 +1,19 @@
 <template>
-<mk-window ref="window" is-modal width="700px" height="550px" @closed="$destroy">
+<mk-window ref="window" is-modal width="700px" height="550px" @closed="destroyDom">
 	<span slot="header" :class="$style.header">%fa:cog%%i18n:@settings%</span>
-	<mk-settings @done="close"/>
+	<mk-settings :initial-page="initialPage" @done="close"/>
 </mk-window>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 export default Vue.extend({
 	props: {
 		initialPage: {
 			type: String,
 			required: false
 		}
 	},
 	methods: {
 		close() {
 			(this as any).$refs.window.close();
--- a/src/client/app/desktop/views/components/settings.drive.vue
+++ b/src/client/app/desktop/views/components/settings.drive.vue
@ -1,7 +1,6 @@
 <template>
 <div class="root">
 	<template v-if="!fetching">
 		<el-progress :text-inside="true" :stroke-width="18" :percentage="Math.floor((usage / capacity) * 100)"/>
 		<p><b>{{ capacity | bytes }}</b>%i18n:max%<b>{{ usage | bytes }}</b>%i18n:in-use%</p>
 	</template>
 </div>
--- a/src/client/app/desktop/views/components/settings.profile.vue
+++ b/src/client/app/desktop/views/components/settings.profile.vue
@ -19,7 +19,7 @@
 	</label>
 	<label class="ui from group">
 		<p>%i18n:@birthday%</p>
-		<el-date-picker v-model="birthday" type="date" value-format="yyyy-MM-dd"/>
+		<input type="date" v-model="birthday"/>
 	</label>
 	<button class="ui primary" @click="save">%i18n:@save%</button>
 	<section>
@ -30,6 +30,7 @@
 		<h2>%i18n:@other%</h2>
 		<mk-switch v-model="$store.state.i.isBot" @change="onChangeIsBot" text="%i18n:@is-bot%"/>
 		<mk-switch v-model="$store.state.i.isCat" @change="onChangeIsCat" text="%i18n:@is-cat%"/>
 		<mk-switch v-model="alwaysMarkNsfw" text="%i18n:common.always-mark-nsfw%"/>
 	</section>
 </div>
 </template>
@ -46,6 +47,12 @@ export default Vue.extend({
 			birthday: null,
 		};
 	},
 	computed: {
 		alwaysMarkNsfw: {
 			get() { return this.$store.state.i.settings.alwaysMarkNsfw; },
 			set(value) { (this as any).api('i/update', { alwaysMarkNsfw: value }); }
 		},
 	},
 	created() {
 		this.name = this.$store.state.i.name || '';
 		this.location = this.$store.state.i.profile.location;
--- a/src/client/app/desktop/views/components/settings.tags.vue
+++ b/src/client/app/desktop/views/components/settings.tags.vue
@ -0,0 +1,65 @@
 <template>
 <div class="vfcitkilproprqtbnpoertpsziierwzi">
 	<div v-for="timeline in timelines" class="timeline">
 		<ui-input v-model="timeline.title" @change="save">
 			<span>%i18n:@title%</span>
 		</ui-input>
 		<ui-textarea :value="timeline.query ? timeline.query.map(tags => tags.join(' ')).join('\n') : ''" @input="onQueryChange(timeline, $event)">
 			<span>%i18n:@query%</span>
 		</ui-textarea>
 		<ui-button class="save" @click="save">%i18n:@save%</ui-button>
 	</div>
 	<ui-button class="add" @click="add">%i18n:@add%</ui-button>
 </div>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 import * as uuid from 'uuid';
 export default Vue.extend({
 	data() {
 		return {
 			timelines: this.$store.state.settings.tagTimelines
 		};
 	},
 	methods: {
 		add() {
 			this.timelines.push({
 				id: uuid(),
 				title: '',
 				query: ''
 			});
 			this.save();
 		},
 		save() {
 			this.$store.dispatch('settings/set', { key: 'tagTimelines', value: this.timelines });
 		},
 		onQueryChange(timeline, value) {
 			timeline.query = value.split('\n').map(tags => tags.split(' '));
 		}
 	}
 });
 </script>
 <style lang="stylus" scoped>
 root(isDark)
 	> .timeline
 		padding-bottom 16px
 		border-bottom solid 1px rgba(#000, 0.1)
 	> .add
 		margin-top 16px
 .vfcitkilproprqtbnpoertpsziierwzi[data-darkmode]
 	root(true)
 .vfcitkilproprqtbnpoertpsziierwzi:not([data-darkmode])
 	root(false)
 </style>
--- a/src/client/app/desktop/views/components/settings.vue
+++ b/src/client/app/desktop/views/components/settings.vue
@ -5,6 +5,7 @@
 		<p :class="{ active: page == 'web' }" @mousedown="page = 'web'">%fa:desktop .fw%Web</p>
 		<p :class="{ active: page == 'notification' }" @mousedown="page = 'notification'">%fa:R bell .fw%%i18n:@notification%</p>
 		<p :class="{ active: page == 'drive' }" @mousedown="page = 'drive'">%fa:cloud .fw%%i18n:@drive%</p>
 		<p :class="{ active: page == 'hashtags' }" @mousedown="page = 'hashtags'">%fa:hashtag .fw%%i18n:@tags%</p>
 		<p :class="{ active: page == 'mute' }" @mousedown="page = 'mute'">%fa:ban .fw%%i18n:@mute%</p>
 		<p :class="{ active: page == 'apps' }" @mousedown="page = 'apps'">%fa:puzzle-piece .fw%%i18n:@apps%</p>
 		<p :class="{ active: page == 'twitter' }" @mousedown="page = 'twitter'">%fa:B twitter .fw%Twitter</p>
@ -20,7 +21,7 @@
 		<section class="web" v-show="page == 'web'">
 			<h1>%i18n:@behaviour%</h1>
-			<mk-switch v-model="$store.state.settings.fetchOnScroll" @change="onChangeFetchOnScroll" text="%i18n:@fetch-on-scroll%">
+			<mk-switch v-model="fetchOnScroll" text="%i18n:@fetch-on-scroll%">
 				<span>%i18n:@fetch-on-scroll-desc%</span>
 			</mk-switch>
 			<mk-switch v-model="autoPopout" text="%i18n:@auto-popout%">
@ -29,7 +30,7 @@
 			<section>
 				<header>%i18n:@note-visibility%</header>
-				<mk-switch v-model="$store.state.settings.rememberNoteVisibility" @change="onChangeRememberNoteVisibility" text="%i18n:@remember-note-visibility%"/>
+				<mk-switch v-model="rememberNoteVisibility" text="%i18n:@remember-note-visibility%"/>
 				<section>
 					<header>%i18n:@default-note-visibility%</header>
 					<ui-select v-model="defaultNoteVisibility">
@ -59,24 +60,27 @@
 				<button class="ui" @click="updateWallpaper">%i18n:@choose-wallpaper%</button>
 				<button class="ui" @click="deleteWallpaper">%i18n:@delete-wallpaper%</button>
 				<mk-switch v-model="darkmode" text="%i18n:@dark-mode%"/>
-				<mk-switch v-model="$store.state.settings.circleIcons" @change="onChangeCircleIcons" text="%i18n:@circle-icons%"/>
+				<mk-switch v-model="circleIcons" text="%i18n:@circle-icons%"/>
-				<mk-switch v-model="$store.state.settings.contrastedAcct" @change="onChangeContrastedAcct" text="%i18n:@contrasted-acct%"/>
+				<mk-switch v-model="reduceMotion" text="%i18n:common.reduce-motion%"/>
-				<mk-switch v-model="$store.state.settings.gradientWindowHeader" @change="onChangeGradientWindowHeader" text="%i18n:@gradient-window-header%"/>
+				<mk-switch v-model="contrastedAcct" text="%i18n:@contrasted-acct%"/>
-				<mk-switch v-model="$store.state.settings.iLikeSushi" @change="onChangeILikeSushi" text="%i18n:common.i-like-sushi%"/>
+				<mk-switch v-model="showFullAcct" text="%i18n:common.show-full-acct%"/>
 				<mk-switch v-model="gradientWindowHeader" text="%i18n:@gradient-window-header%"/>
 				<mk-switch v-model="iLikeSushi" text="%i18n:common.i-like-sushi%"/>
 			</div>
-			<mk-switch v-model="$store.state.settings.showPostFormOnTopOfTl" @change="onChangeShowPostFormOnTopOfTl" text="%i18n:@post-form-on-timeline%"/>
+			<mk-switch v-model="showPostFormOnTopOfTl" text="%i18n:@post-form-on-timeline%"/>
-			<mk-switch v-model="$store.state.settings.suggestRecentHashtags" @change="onChangeSuggestRecentHashtags" text="%i18n:@suggest-recent-hashtags%"/>
+			<mk-switch v-model="suggestRecentHashtags" text="%i18n:@suggest-recent-hashtags%"/>
-			<mk-switch v-model="$store.state.settings.showClockOnHeader" @change="onChangeShowClockOnHeader" text="%i18n:@show-clock-on-header%"/>
+			<mk-switch v-model="showClockOnHeader" text="%i18n:@show-clock-on-header%"/>
-			<mk-switch v-model="$store.state.settings.showReplyTarget" @change="onChangeShowReplyTarget" text="%i18n:@show-reply-target%"/>
+			<mk-switch v-model="alwaysShowNsfw" text="%i18n:common.always-show-nsfw%"/>
-			<mk-switch v-model="$store.state.settings.showMyRenotes" @change="onChangeShowMyRenotes" text="%i18n:@show-my-renotes%"/>
+			<mk-switch v-model="showReplyTarget" text="%i18n:@show-reply-target%"/>
-			<mk-switch v-model="$store.state.settings.showRenotedMyNotes" @change="onChangeShowRenotedMyNotes" text="%i18n:@show-renoted-my-notes%"/>
+			<mk-switch v-model="showMyRenotes" text="%i18n:@show-my-renotes%"/>
-			<mk-switch v-model="$store.state.settings.showLocalRenotes" @change="onChangeShowLocalRenotes" text="%i18n:@show-local-renotes%"/>
+			<mk-switch v-model="showRenotedMyNotes" text="%i18n:@show-renoted-my-notes%"/>
-			<mk-switch v-model="$store.state.settings.showMaps" @change="onChangeShowMaps" text="%i18n:@show-maps%">
+			<mk-switch v-model="showLocalRenotes" text="%i18n:@show-local-renotes%"/>
 			<mk-switch v-model="showMaps" text="%i18n:@show-maps%">
 				<span>%i18n:@show-maps-desc%</span>
 			</mk-switch>
-			<mk-switch v-model="$store.state.settings.disableAnimatedMfm" @change="onChangeDisableAnimatedMfm" text="%i18n:common.disable-animated-mfm%"/>
+			<mk-switch v-model="disableAnimatedMfm" text="%i18n:common.disable-animated-mfm%"/>
-			<mk-switch v-model="$store.state.settings.games.reversi.showBoardLabels" @change="onChangeReversiBoardLabels" text="%i18n:common.show-reversi-board-labels%"/>
+			<mk-switch v-model="games_reversi_showBoardLabels" text="%i18n:common.show-reversi-board-labels%"/>
-			<mk-switch v-model="$store.state.settings.games.reversi.useContrastStones" @change="onChangeUseContrastReversiStones" text="%i18n:common.use-contrast-reversi-stones%"/>
+			<mk-switch v-model="games_reversi_useContrastStones" text="%i18n:common.use-contrast-reversi-stones%"/>
 		</section>
 		<section class="web" v-show="page == 'web'">
@ -85,32 +89,31 @@
 				<span>%i18n:@enable-sounds-desc%</span>
 			</mk-switch>
 			<label>%i18n:@volume%</label>
-			<el-slider
+			<input type="range"
 				v-model="soundVolume"
 				:show-input="true"
 				:format-tooltip="v => `${v * 100}%`"
 				:disabled="!enableSounds"
-				:max="1"
+				max="1"
-				:step="0.1"
+				step="0.1"
 			/>
 			<button class="ui button" @click="soundTest">%fa:volume-up% %i18n:@test%</button>
 		</section>
 		<section class="web" v-show="page == 'web'">
 			<h1>%i18n:@mobile%</h1>
-			<mk-switch v-model="$store.state.settings.disableViaMobile" @change="onChangeDisableViaMobile" text="%i18n:@disable-via-mobile%"/>
+			<mk-switch v-model="disableViaMobile" text="%i18n:@disable-via-mobile%"/>
 		</section>
 		<section class="web" v-show="page == 'web'">
 			<h1>%i18n:@language%</h1>
-			<el-select v-model="lang" placeholder="%i18n:@pick-language%">
+			<select v-model="lang" placeholder="%i18n:@pick-language%">
-				<el-option-group label="%i18n:@recommended%">
+				<optgroup label="%i18n:@recommended%">
-					<el-option label="%i18n:@auto%" :value="null"/>
+					<option value="">%i18n:@auto%</option>
-				</el-option-group>
+				</optgroup>
-				<el-option-group label="%i18n:@specify-language%">
+
-					<el-option v-for="x in langs" :label="x[1]" :value="x[0]" :key="x[0]"/>
+				<optgroup label="%i18n:@specify-language%">
-				</el-option-group>
+					<option v-for="x in langs" :value="x[0]" :key="x[0]">{{ x[1] }}</option>
-			</el-select>
+				</optgroup>
 			</select>
 			<div class="none ui info">
 				<p>%fa:info-circle%%i18n:@language-desc%</p>
 			</div>
@ -136,6 +139,11 @@
 			<x-drive/>
 		</section>
 		<section class="hashtags" v-show="page == 'hashtags'">
 			<h1>%i18n:@tags%</h1>
 			<x-tags/>
 		</section>
 		<section class="mute" v-show="page == 'mute'">
 			<h1>%i18n:@mute%</h1>
 			<x-mute/>
@ -205,10 +213,6 @@
 			<mk-switch v-model="enableExperimentalFeatures" text="%i18n:@experimental%">
 				<span>%i18n:@experimental-desc%</span>
 			</mk-switch>
 			<details v-if="debug">
 				<summary>%i18n:@tools%</summary>
 				<button class="ui button block" @click="taskmngr">%i18n:@task-manager%</button>
 			</details>
 		</section>
 	</div>
 </div>
@ -224,9 +228,9 @@ import XApi from './settings.api.vue';
 import XApps from './settings.apps.vue';
 import XSignins from './settings.signins.vue';
 import XDrive from './settings.drive.vue';
 import XTags from './settings.tags.vue';
 import { url, langs, version } from '../../../config';
 import checkForUpdate from '../../../common/scripts/check-for-update';
 import MkTaskManager from './taskmanager.vue';
 export default Vue.extend({
 	components: {
@ -237,11 +241,18 @@ export default Vue.extend({
 		XApi,
 		XApps,
 		XSignins,
-		XDrive
+		XDrive,
 		XTags
 	},
 	props: {
 		initialPage: {
 			type: String,
 			required: false
 		}
 	},
 	data() {
 		return {
-			page: 'profile',
+			page: this.initialPage || 'profile',
 			meta: null,
 			version,
 			langs,
@ -250,16 +261,16 @@ export default Vue.extend({
 		};
 	},
 	computed: {
 		reduceMotion: {
 			get() { return this.$store.state.device.reduceMotion; },
 			set(value) { this.$store.commit('device/set', { key: 'reduceMotion', value }); }
 		},
 		apiViaStream: {
 			get() { return this.$store.state.device.apiViaStream; },
 			set(value) { this.$store.commit('device/set', { key: 'apiViaStream', value }); }
 		},
 		defaultNoteVisibility: {
 			get() { return this.$store.state.settings.defaultNoteVisibility; },
 			set(value) { this.$store.commit('settings/set', { key: 'defaultNoteVisibility', value }); }
 		},
 		autoPopout: {
 			get() { return this.$store.state.device.autoPopout; },
 			set(value) { this.$store.commit('device/set', { key: 'autoPopout', value }); }
@ -298,7 +309,112 @@ export default Vue.extend({
 		enableExperimentalFeatures: {
 			get() { return this.$store.state.device.enableExperimentalFeatures; },
 			set(value) { this.$store.commit('device/set', { key: 'enableExperimentalFeatures', value }); }
-		}
+		},
 		alwaysShowNsfw: {
 			get() { return this.$store.state.device.alwaysShowNsfw; },
 			set(value) { this.$store.commit('device/set', { key: 'alwaysShowNsfw', value }); }
 		},
 		fetchOnScroll: {
 			get() { return this.$store.state.settings.fetchOnScroll; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'fetchOnScroll', value }); }
 		},
 		rememberNoteVisibility: {
 			get() { return this.$store.state.settings.rememberNoteVisibility; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'rememberNoteVisibility', value }); }
 		},
 		defaultNoteVisibility: {
 			get() { return this.$store.state.settings.defaultNoteVisibility; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'defaultNoteVisibility', value }); }
 		},
 		showReplyTarget: {
 			get() { return this.$store.state.settings.showReplyTarget; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'showReplyTarget', value }); }
 		},
 		showMyRenotes: {
 			get() { return this.$store.state.settings.showMyRenotes; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'showMyRenotes', value }); }
 		},
 		showRenotedMyNotes: {
 			get() { return this.$store.state.settings.showRenotedMyNotes; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'showRenotedMyNotes', value }); }
 		},
 		showLocalRenotes: {
 			get() { return this.$store.state.settings.showLocalRenotes; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'showLocalRenotes', value }); }
 		},
 		showPostFormOnTopOfTl: {
 			get() { return this.$store.state.settings.showPostFormOnTopOfTl; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'showPostFormOnTopOfTl', value }); }
 		},
 		suggestRecentHashtags: {
 			get() { return this.$store.state.settings.suggestRecentHashtags; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'suggestRecentHashtags', value }); }
 		},
 		showClockOnHeader: {
 			get() { return this.$store.state.settings.showClockOnHeader; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'showClockOnHeader', value }); }
 		},
 		showMaps: {
 			get() { return this.$store.state.settings.showMaps; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'showMaps', value }); }
 		},
 		circleIcons: {
 			get() { return this.$store.state.settings.circleIcons; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'circleIcons', value }); }
 		},
 		contrastedAcct: {
 			get() { return this.$store.state.settings.contrastedAcct; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'contrastedAcct', value }); }
 		},
 		showFullAcct: {
 			get() { return this.$store.state.settings.showFullAcct; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'showFullAcct', value }); }
 		},
 		iLikeSushi: {
 			get() { return this.$store.state.settings.iLikeSushi; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'iLikeSushi', value }); }
 		},
 		games_reversi_showBoardLabels: {
 			get() { return this.$store.state.settings.games.reversi.showBoardLabels; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'games.reversi.showBoardLabels', value }); }
 		},
 		games_reversi_useContrastStones: {
 			get() { return this.$store.state.settings.games.reversi.useContrastStones; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'games.reversi.useContrastStones', value }); }
 		},
 		disableAnimatedMfm: {
 			get() { return this.$store.state.settings.disableAnimatedMfm; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'disableAnimatedMfm', value }); }
 		},
 		disableViaMobile: {
 			get() { return this.$store.state.settings.disableViaMobile; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'disableViaMobile', value }); }
 		},
 		gradientWindowHeader: {
 			get() { return this.$store.state.settings.gradientWindowHeader; },
 			set(value) { this.$store.dispatch('settings/set', { key: 'gradientWindowHeader', value }); }
 		},
 	},
 	created() {
 		(this as any).os.getMeta().then(meta => {
@ -306,9 +422,6 @@ export default Vue.extend({
 		});
 	},
 	methods: {
 		taskmngr() {
 			(this as any).os.new(MkTaskManager);
 		},
 		customizeHome() {
 			this.$router.push('/i/customize-home');
 			this.$emit('done');
@ -327,125 +440,11 @@ export default Vue.extend({
 				wallpaperId: null
 			});
 		},
 		onChangeFetchOnScroll(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'fetchOnScroll',
 				value: v
 			});
 		},
 		onChangeRememberNoteVisibility(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'rememberNoteVisibility',
 				value: v
 			});
 		},
 		onChangeAutoWatch(v) {
 			(this as any).api('i/update', {
 				autoWatch: v
 			});
 		},
 		onChangeDark(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'dark',
 				value: v
 			});
 		},
 		onChangeShowPostFormOnTopOfTl(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'showPostFormOnTopOfTl',
 				value: v
 			});
 		},
 		onChangeSuggestRecentHashtags(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'suggestRecentHashtags',
 				value: v
 			});
 		},
 		onChangeShowClockOnHeader(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'showClockOnHeader',
 				value: v
 			});
 		},
 		onChangeShowReplyTarget(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'showReplyTarget',
 				value: v
 			});
 		},
 		onChangeShowMyRenotes(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'showMyRenotes',
 				value: v
 			});
 		},
 		onChangeShowRenotedMyNotes(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'showRenotedMyNotes',
 				value: v
 			});
 		},
 		onChangeShowLocalRenotes(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'showLocalRenotes',
 				value: v
 			});
 		},
 		onChangeShowMaps(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'showMaps',
 				value: v
 			});
 		},
 		onChangeCircleIcons(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'circleIcons',
 				value: v
 			});
 		},
 		onChangeContrastedAcct(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'contrastedAcct',
 				value: v
 			});
 		},
 		onChangeILikeSushi(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'iLikeSushi',
 				value: v
 			});
 		},
 		onChangeReversiBoardLabels(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'games.reversi.showBoardLabels',
 				value: v
 			});
 		},
 		onChangeUseContrastReversiStones(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'games.reversi.useContrastStones',
 				value: v
 			});
 		},
 		onChangeDisableAnimatedMfm(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'disableAnimatedMfm',
 				value: v
 			});
 		},
 		onChangeGradientWindowHeader(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'gradientWindowHeader',
 				value: v
 			});
 		},
 		onChangeDisableViaMobile(v) {
 			this.$store.dispatch('settings/set', {
 				key: 'disableViaMobile',
 				value: v
 			});
 		},
 		checkForUpdate() {
 			this.checkingForUpdate = true;
 			checkForUpdate((this as any).os, true, true).then(newer => {
--- a/src/client/app/desktop/views/components/taskmanager.vue
+++ b/src/client/app/desktop/views/components/taskmanager.vue
@ -1,219 +0,0 @@
 <template>
 <mk-window ref="window" width="750px" height="500px" @closed="$destroy" name="TaskManager">
 	<span slot="header" :class="$style.header">%fa:stethoscope%%i18n:@title%</span>
 	<el-tabs :class="$style.content">
 		<el-tab-pane label="Requests">
 			<el-table
 				:data="os.requests"
 				style="width: 100%"
 				:default-sort="{prop: 'date', order: 'descending'}"
 			>
 				<el-table-column type="expand">
 					<template slot-scope="props">
 						<pre>{{ props.row.data }}</pre>
 						<pre>{{ props.row.res }}</pre>
 					</template>
 				</el-table-column>
 				<el-table-column
 					label="Requested at"
 					prop="date"
 					sortable
 				>
 					<template slot-scope="scope">
 						<b style="margin-right: 8px">{{ scope.row.date.getTime() }}</b>
 						<span>(<mk-time :time="scope.row.date"/>)</span>
 					</template>
 				</el-table-column>
 				<el-table-column
 					label="Name"
 				>
 					<template slot-scope="scope">
 						<b>{{ scope.row.name }}</b>
 					</template>
 				</el-table-column>
 				<el-table-column
 					label="Status"
 				>
 					<template slot-scope="scope">
 						<span>{{ scope.row.status || '(pending)' }}</span>
 					</template>
 				</el-table-column>
 			</el-table>
 		</el-tab-pane>
 		<el-tab-pane label="Streams">
 			<el-table
 				:data="os.connections"
 				style="width: 100%"
 			>
 				<el-table-column
 					label="Uptime"
 				>
 					<template slot-scope="scope">
 						<mk-timer v-if="scope.row.connectedAt" :time="scope.row.connectedAt"/>
 						<span v-else>-</span>
 					</template>
 				</el-table-column>
 				<el-table-column
 					label="Name"
 				>
 					<template slot-scope="scope">
 						<b>{{ scope.row.name == '' ? '[Home]' : scope.row.name }}</b>
 					</template>
 				</el-table-column>
 				<el-table-column
 					label="User"
 				>
 					<template slot-scope="scope">
 						<span>{{ scope.row.user || '(anonymous)' }}</span>
 					</template>
 				</el-table-column>
 				<el-table-column
 					prop="state"
 					label="State"
 				/>
 				<el-table-column
 					prop="in"
 					label="In"
 				/>
 				<el-table-column
 					prop="out"
 					label="Out"
 				/>
 			</el-table>
 		</el-tab-pane>
 		<el-tab-pane label="Streams (Inspect)">
 			<el-tabs type="card" style="height:50%">
 				<el-tab-pane v-for="c in os.connections" :label="c.name == '' ? '[Home]' : c.name" :key="c.id" :name="c.id" ref="connectionsTab">
 					<div style="padding: 12px 0 0 12px">
 					<el-button size="mini" @click="send(c)">Send</el-button>
 					<el-button size="mini" type="warning" @click="c.isSuspended = true" v-if="!c.isSuspended">Suspend</el-button>
 					<el-button size="mini" type="success" @click="c.isSuspended = false" v-else>Resume</el-button>
 					<el-button size="mini" type="danger" @click="c.close">Disconnect</el-button>
 				</div>
 					<el-table
 						:data="c.inout"
 						style="width: 100%"
 						:default-sort="{prop: 'at', order: 'descending'}"
 					>
 						<el-table-column type="expand">
 							<template slot-scope="props">
 								<pre>{{ props.row.data }}</pre>
 							</template>
 						</el-table-column>
 						<el-table-column
 							label="Date"
 							prop="at"
 							sortable
 						>
 							<template slot-scope="scope">
 								<b style="margin-right: 8px">{{ scope.row.at.getTime() }}</b>
 								<span>(<mk-time :time="scope.row.at"/>)</span>
 							</template>
 						</el-table-column>
 						<el-table-column
 							label="Type"
 						>
 							<template slot-scope="scope">
 								<span>{{ getMessageType(scope.row.data) }}</span>
 							</template>
 						</el-table-column>
 						<el-table-column
 							label="Incoming / Outgoing"
 							prop="type"
 						/>
 					</el-table>
 				</el-tab-pane>
 			</el-tabs>
 		</el-tab-pane>
 		<el-tab-pane label="Windows">
 			<el-table
 				:data="Array.from(os.windows.windows)"
 				style="width: 100%"
 			>
 				<el-table-column
 					label="Name"
 				>
 					<template slot-scope="scope">
 						<b>{{ scope.row.name || '(unknown)' }}</b>
 					</template>
 				</el-table-column>
 				<el-table-column
 					label="Operations"
 				>
 					<template slot-scope="scope">
 						<el-button size="mini" type="danger" @click="scope.row.close">Close</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
 		</el-tab-pane>
 	</el-tabs>
 </mk-window>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 export default Vue.extend({
 	mounted() {
 		(this as any).os.windows.on('added', this.onWindowsChanged);
 		(this as any).os.windows.on('removed', this.onWindowsChanged);
 	},
 	beforeDestroy() {
 		(this as any).os.windows.off('added', this.onWindowsChanged);
 		(this as any).os.windows.off('removed', this.onWindowsChanged);
 	},
 	methods: {
 		getMessageType(data): string {
 			return data.type ? data.type : '-';
 		},
 		onWindowsChanged() {
 			this.$forceUpdate();
 		},
 		send(c) {
 			(this as any).apis.input({
 				title: 'Send a JSON message',
 				allowEmpty: false
 			}).then(json => {
 				c.send(JSON.parse(json));
 			});
 		}
 	}
 });
 </script>
 <style lang="stylus" module>
 .header
 	> [data-fa]
 		margin-right 4px
 .content
 	height 100%
 	overflow auto
 </style>
 <style>
 .el-tabs__header {
 	margin-bottom: 0 !important;
 }
 .el-tabs__item {
 	padding: 0 20px !important;
 }
 </style>
--- a/src/client/app/desktop/views/components/timeline.core.vue
+++ b/src/client/app/desktop/views/components/timeline.core.vue
@ -15,6 +15,7 @@
 <script lang="ts">
 import Vue from 'vue';
 import { HashtagStream } from '../../../common/scripts/streaming/hashtag';
 const fetchLimit = 10;
@ -23,6 +24,9 @@ export default Vue.extend({
 		src: {
 			type: String,
 			required: true
 		},
 		tagTl: {
 			required: false
 		}
 	},
@ -31,9 +35,17 @@ export default Vue.extend({
 			fetching: true,
 			moreFetching: false,
 			existMore: false,
 			streamManager: null,
 			connection: null,
 			connectionId: null,
-			date: null
+			date: null,
 			baseQuery: {
 				includeMyRenotes: this.$store.state.settings.showMyRenotes,
 				includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 				includeLocalRenotes: this.$store.state.settings.showLocalRenotes
 			},
 			query: {},
 			endpoint: null
 		};
 	},
@ -42,53 +54,109 @@ export default Vue.extend({
 			return this.$store.state.i.followingCount == 0;
 		},
 		stream(): any {
 			switch (this.src) {
 				case 'home': return (this as any).os.stream;
 				case 'local': return (this as any).os.streams.localTimelineStream;
 				case 'hybrid': return (this as any).os.streams.hybridTimelineStream;
 				case 'global': return (this as any).os.streams.globalTimelineStream;
 			}
 		},
 		endpoint(): string {
 			switch (this.src) {
 				case 'home': return 'notes/timeline';
 				case 'local': return 'notes/local-timeline';
 				case 'hybrid': return 'notes/hybrid-timeline';
 				case 'global': return 'notes/global-timeline';
 			}
 		},
 		canFetchMore(): boolean {
 			return !this.moreFetching && !this.fetching && this.existMore;
 		}
 	},
 	mounted() {
-		this.connection = this.stream.getConnection();
+		const prepend = note => {
-		this.connectionId = this.stream.use();
+			(this.$refs.timeline as any).prepend(note);
 		};
-		this.connection.on('note', this.onNote);
+		if (this.src == 'tag') {
-		if (this.src == 'home') {
+			this.endpoint = 'notes/search_by_tag';
-			this.connection.on('follow', this.onChangeFollowing);
+			this.query = {
-			this.connection.on('unfollow', this.onChangeFollowing);
+				query: this.tagTl.query
 			};
 			this.connection = new HashtagStream((this as any).os, this.$store.state.i, this.tagTl.query);
 			this.connection.on('note', prepend);
 			this.$once('beforeDestroy', () => {
 				this.connection.off('note', prepend);
 				this.connection.close();
 			});
 		} else if (this.src == 'home') {
 			this.endpoint = 'notes/timeline';
 			const onChangeFollowing = () => {
 				this.fetch();
 			};
 			this.streamManager = (this as any).os.stream;
 			this.connection = this.streamManager.getConnection();
 			this.connectionId = this.streamManager.use();
 			this.connection.on('note', prepend);
 			this.connection.on('follow', onChangeFollowing);
 			this.connection.on('unfollow', onChangeFollowing);
 			this.$once('beforeDestroy', () => {
 				this.connection.off('note', prepend);
 				this.connection.off('follow', onChangeFollowing);
 				this.connection.off('unfollow', onChangeFollowing);
 				this.streamManager.dispose(this.connectionId);
 			});
 		} else if (this.src == 'local') {
 			this.endpoint = 'notes/local-timeline';
 			this.streamManager = (this as any).os.streams.localTimelineStream;
 			this.connection = this.streamManager.getConnection();
 			this.connectionId = this.streamManager.use();
 			this.connection.on('note', prepend);
 			this.$once('beforeDestroy', () => {
 				this.connection.off('note', prepend);
 				this.streamManager.dispose(this.connectionId);
 			});
 		} else if (this.src == 'hybrid') {
 			this.endpoint = 'notes/hybrid-timeline';
 			this.streamManager = (this as any).os.streams.hybridTimelineStream;
 			this.connection = this.streamManager.getConnection();
 			this.connectionId = this.streamManager.use();
 			this.connection.on('note', prepend);
 			this.$once('beforeDestroy', () => {
 				this.connection.off('note', prepend);
 				this.streamManager.dispose(this.connectionId);
 			});
 		} else if (this.src == 'global') {
 			this.endpoint = 'notes/global-timeline';
 			this.streamManager = (this as any).os.streams.globalTimelineStream;
 			this.connection = this.streamManager.getConnection();
 			this.connectionId = this.streamManager.use();
 			this.connection.on('note', prepend);
 			this.$once('beforeDestroy', () => {
 				this.connection.off('note', prepend);
 				this.streamManager.dispose(this.connectionId);
 			});
 		} else if (this.src == 'mentions') {
 			this.endpoint = 'notes/mentions';
 			this.streamManager = (this as any).os.stream;
 			this.connection = this.streamManager.getConnection();
 			this.connectionId = this.streamManager.use();
 			this.connection.on('mention', prepend);
 			this.$once('beforeDestroy', () => {
 				this.connection.off('mention', prepend);
 				this.streamManager.dispose(this.connectionId);
 			});
 		} else if (this.src == 'messages') {
 			this.endpoint = 'notes/mentions';
 			this.query = {
 				visibility: 'specified'
 			};
 			const onNote = note => {
 				if (note.visibility == 'specified') {
 					prepend(note);
 				}
 			};
 			this.streamManager = (this as any).os.stream;
 			this.connection = this.streamManager.getConnection();
 			this.connectionId = this.streamManager.use();
 			this.connection.on('mention', onNote);
 			this.$once('beforeDestroy', () => {
 				this.connection.off('mention', onNote);
 				this.streamManager.dispose(this.connectionId);
 			});
 		}
 		document.addEventListener('keydown', this.onKeydown);
 		this.fetch();
 	},
 	beforeDestroy() {
-		this.connection.off('note', this.onNote);
+		this.$emit('beforeDestroy');
 		if (this.src == 'home') {
 			this.connection.off('follow', this.onChangeFollowing);
 			this.connection.off('unfollow', this.onChangeFollowing);
 		}
 		this.stream.dispose(this.connectionId);
 		document.removeEventListener('keydown', this.onKeydown);
 	},
 	methods: {
@ -96,13 +164,10 @@ export default Vue.extend({
 			this.fetching = true;
 			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
-				(this as any).api(this.endpoint, {
+				(this as any).api(this.endpoint, Object.assign({
 					limit: fetchLimit + 1,
-					untilDate: this.date ? this.date.getTime() : undefined,
+					untilDate: this.date ? this.date.getTime() : undefined
-					includeMyRenotes: this.$store.state.settings.showMyRenotes,
+				}, this.baseQuery, this.query)).then(notes => {
 					includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 					includeLocalRenotes: this.$store.state.settings.showLocalRenotes
 				}).then(notes => {
 					if (notes.length == fetchLimit + 1) {
 						notes.pop();
 						this.existMore = true;
@ -119,13 +184,10 @@ export default Vue.extend({
 			this.moreFetching = true;
-			const promise = (this as any).api(this.endpoint, {
+			const promise = (this as any).api(this.endpoint, Object.assign({
 				limit: fetchLimit + 1,
-				untilId: (this.$refs.timeline as any).tail().id,
+				untilId: (this.$refs.timeline as any).tail().id
-				includeMyRenotes: this.$store.state.settings.showMyRenotes,
+			}, this.baseQuery, this.query));
 				includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 				includeLocalRenotes: this.$store.state.settings.showLocalRenotes
 			});
 			promise.then(notes => {
 				if (notes.length == fetchLimit + 1) {
@ -140,15 +202,6 @@ export default Vue.extend({
 			return promise;
 		},
 		onNote(note) {
 			// Prepend a note
 			(this.$refs.timeline as any).prepend(note);
 		},
 		onChangeFollowing() {
 			this.fetch();
 		},
 		focus() {
 			(this.$refs.timeline as any).focus();
 		},
@ -156,14 +209,6 @@ export default Vue.extend({
 		warp(date) {
 			this.date = date;
 			this.fetch();
 		},
 		onKeydown(e) {
 			if (e.target.tagName != 'INPUT' && e.target.tagName != 'TEXTAREA') {
 				if (e.which == 84) { // t
 					this.focus();
 				}
 			}
 		}
 	}
 });
--- a/src/client/app/desktop/views/components/timeline.vue
+++ b/src/client/app/desktop/views/components/timeline.vue
@ -2,16 +2,25 @@
 <div class="mk-timeline">
 	<header>
 		<span :data-active="src == 'home'" @click="src = 'home'">%fa:home% %i18n:@home%</span>
-		<span :data-active="src == 'local'" @click="src = 'local'">%fa:R comments% %i18n:@local%</span>
+		<span :data-active="src == 'local'" @click="src = 'local'" v-if="enableLocalTimeline">%fa:R comments% %i18n:@local%</span>
-		<span :data-active="src == 'hybrid'" @click="src = 'hybrid'">%fa:share-alt% %i18n:@hybrid%</span>
+		<span :data-active="src == 'hybrid'" @click="src = 'hybrid'" v-if="enableLocalTimeline">%fa:share-alt% %i18n:@hybrid%</span>
 		<span :data-active="src == 'global'" @click="src = 'global'">%fa:globe% %i18n:@global%</span>
 		<span :data-active="src == 'tag'" @click="src = 'tag'" v-if="tagTl">%fa:hashtag% {{ tagTl.title }}</span>
 		<span :data-active="src == 'list'" @click="src = 'list'" v-if="list">%fa:list% {{ list.title }}</span>
-		<button @click="chooseList" title="%i18n:@list%">%fa:list%</button>
+		<div class="buttons">
 			<button :data-active="src == 'mentions'" @click="src = 'mentions'" title="%i18n:@mentions%">%fa:at%</button>
 			<button :data-active="src == 'messages'" @click="src = 'messages'" title="%i18n:@messages%">%fa:envelope R%</button>
 			<button @click="chooseTag" title="%i18n:@hashtag%" ref="tagButton">%fa:hashtag%</button>
 			<button @click="chooseList" title="%i18n:@list%" ref="listButton">%fa:list%</button>
 		</div>
 	</header>
 	<x-core v-if="src == 'home'" ref="tl" key="home" src="home"/>
 	<x-core v-if="src == 'local'" ref="tl" key="local" src="local"/>
 	<x-core v-if="src == 'hybrid'" ref="tl" key="hybrid" src="hybrid"/>
 	<x-core v-if="src == 'global'" ref="tl" key="global" src="global"/>
 	<x-core v-if="src == 'mentions'" ref="tl" key="mentions" src="mentions"/>
 	<x-core v-if="src == 'messages'" ref="tl" key="messages" src="messages"/>
 	<x-core v-if="src == 'tag'" ref="tl" key="tag" src="tag" :tag-tl="tagTl"/>
 	<mk-user-list-timeline v-if="src == 'list'" ref="tl" :key="list.id" :list="list"/>
 </div>
 </template>
@ -19,7 +28,8 @@
 <script lang="ts">
 import Vue from 'vue';
 import XCore from './timeline.core.vue';
-import MkUserListsWindow from './user-lists-window.vue';
+import Menu from '../../../common/views/components/menu.vue';
 import MkSettingsWindow from './settings-window.vue';
 export default Vue.extend({
 	components: {
@ -29,7 +39,9 @@ export default Vue.extend({
 	data() {
 		return {
 			src: 'home',
-			list: null
+			list: null,
 			tagTl: null,
 			enableLocalTimeline: false
 		};
 	},
@ -38,16 +50,28 @@ export default Vue.extend({
 			this.saveSrc();
 		},
-		list() {
+		list(x) {
 			this.saveSrc();
 			if (x != null) this.tagTl = null;
 		},
 		tagTl(x) {
 			this.saveSrc();
 			if (x != null) this.list = null;
 		}
 	},
 	created() {
 		(this as any).os.getMeta().then(meta => {
 			this.enableLocalTimeline = !meta.disableLocalTimeline;
 		});
 		if (this.$store.state.device.tl) {
 			this.src = this.$store.state.device.tl.src;
 			if (this.src == 'list') {
 				this.list = this.$store.state.device.tl.arg;
 			} else if (this.src == 'tag') {
 				this.tagTl = this.$store.state.device.tl.arg;
 			}
 		} else if (this.$store.state.i.followingCount == 0) {
 			this.src = 'hybrid';
@ -64,20 +88,86 @@ export default Vue.extend({
 		saveSrc() {
 			this.$store.commit('device/setTl', {
 				src: this.src,
-				arg: this.list
+				arg: this.src == 'list' ? this.list : this.tagTl
 			});
 		},
 		focus() {
 			(this.$refs.tl as any).focus();
 		},
 		warp(date) {
 			(this.$refs.tl as any).warp(date);
 		},
-		chooseList() {
+		async chooseList() {
-			const w = (this as any).os.new(MkUserListsWindow);
+			const lists = await (this as any).api('users/lists/list');
-			w.$once('choosen', list => {
+
-				this.list = list;
+			let menu = [{
-				this.src = 'list';
+				icon: '%fa:plus%',
-				w.close();
+				text: '%i18n:@add-list%',
 				action: () => {
 					(this as any).apis.input({
 						title: '%i18n:@list-name%',
 					}).then(async title => {
 						const list = await (this as any).api('users/lists/create', {
 							title
 						});
 						this.list = list;
 						this.src = 'list';
 					});
 				}
 			}];
 			if (lists.length > 0) {
 				menu.push(null);
 			}
 			menu = menu.concat(lists.map(list => ({
 				icon: '%fa:list%',
 				text: list.title,
 				action: () => {
 					this.list = list;
 					this.src = 'list';
 				}
 			})));
 			this.os.new(Menu, {
 				source: this.$refs.listButton,
 				compact: false,
 				items: menu
 			});
 		},
 		chooseTag() {
 			let menu = [{
 				icon: '%fa:plus%',
 				text: '%i18n:@add-tag-timeline%',
 				action: () => {
 					(this as any).os.new(MkSettingsWindow, {
 						initialPage: 'hashtags'
 					});
 				}
 			}];
 			if (this.$store.state.settings.tagTimelines.length > 0) {
 				menu.push(null);
 			}
 			menu = menu.concat(this.$store.state.settings.tagTimelines.map(t => ({
 				icon: '%fa:hashtag%',
 				text: t.title,
 				action: () => {
 					this.tagTl = t;
 					this.src = 'tag';
 				}
 			})));
 			this.os.new(Menu, {
 				source: this.$refs.tagButton,
 				compact: false,
 				items: menu
 			});
 		}
 	}
@ -99,22 +189,38 @@ root(isDark)
 		border-radius 6px 6px 0 0
 		box-shadow 0 1px isDark ? rgba(#000, 0.15) : rgba(#000, 0.08)
-		> button
+		> .buttons
 			position absolute
 			z-index 2
 			top 0
 			right 0
-			padding 0
+			padding-right 8px
 			width 42px
 			font-size 0.9em
 			line-height 42px
 			color isDark ? #9baec8 : #ccc
-			&:hover
+			> button
-				color isDark ? #b2c1d5 : #aaa
+				padding 0 8px
 				font-size 0.9em
 				line-height 42px
 				color isDark ? #9baec8 : #ccc
-			&:active
+				&:hover
-				color isDark ? #b2c1d5 : #999
+					color isDark ? #b2c1d5 : #aaa
 				&:active
 					color isDark ? #b2c1d5 : #999
 				&[data-active]
 					color $theme-color
 					cursor default
 					&:before
 						content ""
 						display block
 						position absolute
 						bottom 0
 						left 0
 						width 100%
 						height 2px
 						background $theme-color
 		> span
 			display inline-block
--- a/src/client/app/desktop/views/components/ui-notification.vue
+++ b/src/client/app/desktop/views/components/ui-notification.vue
@ -27,7 +27,7 @@ export default Vue.extend({
 					translateY: -64,
 					duration: 500,
 					easing: 'easeInElastic',
-					complete: () => this.$destroy()
+					complete: () => this.destroyDom()
 				});
 			}, 6000);
 		});
--- a/src/client/app/desktop/views/components/ui.vue
+++ b/src/client/app/desktop/views/components/ui.vue
@ -1,5 +1,5 @@
 <template>
-<div class="mk-ui" :style="style">
+<div class="mk-ui" :style="style" v-hotkey.global="keymap">
 	<x-header class="header" v-show="!zenMode"/>
 	<div class="content">
 		<slot></slot>
@ -16,11 +16,13 @@ export default Vue.extend({
 	components: {
 		XHeader
 	},
 	data() {
 		return {
 			zenMode: false
 		};
 	},
 	computed: {
 		style(): any {
 			if (!this.$store.getters.isSignedIn || this.$store.state.i.wallpaperUrl == null) return {};
@ -28,27 +30,24 @@ export default Vue.extend({
 				backgroundColor: this.$store.state.i.wallpaperColor && this.$store.state.i.wallpaperColor.length == 3 ? `rgb(${ this.$store.state.i.wallpaperColor.join(',') })` : null,
 				backgroundImage: `url(${ this.$store.state.i.wallpaperUrl })`
 			};
 		},
 		keymap(): any {
 			return {
 				'p': this.post,
 				'n': this.post,
 				'z': this.toggleZenMode
 			};
 		}
 	},
-	mounted() {
+
 		document.addEventListener('keydown', this.onKeydown);
 	},
 	beforeDestroy() {
 		document.removeEventListener('keydown', this.onKeydown);
 	},
 	methods: {
-		onKeydown(e) {
+		post() {
-			if (e.target.tagName == 'INPUT' || e.target.tagName == 'TEXTAREA') return;
+			(this as any).apis.post();
 		},
-			if (e.which == 80 || e.which == 78) { // p or n
+		toggleZenMode() {
-				e.preventDefault();
+			this.zenMode = !this.zenMode;
 				(this as any).apis.post();
 			}
 			if (e.which == 90) { // z
 				e.preventDefault();
 				this.zenMode = !this.zenMode;
 			}
 		}
 	}
 });
--- a/src/client/app/desktop/views/components/user-lists-window.vue
+++ b/src/client/app/desktop/views/components/user-lists-window.vue
@ -1,5 +1,5 @@
 <template>
-<mk-window ref="window" is-modal width="450px" height="500px" @closed="$destroy">
+<mk-window ref="window" is-modal width="450px" height="500px" @closed="destroyDom">
 	<span slot="header">%fa:list% %i18n:@title%</span>
 	<div class="xkxvokkjlptzyewouewmceqcxhpgzprp" :data-darkmode="$store.state.device.darkmode">
--- a/src/client/app/desktop/views/components/user-preview.vue
+++ b/src/client/app/desktop/views/components/user-preview.vue
@ -75,7 +75,7 @@ export default Vue.extend({
 				'margin-top': '-8px',
 				duration: 200,
 				easing: 'easeOutQuad',
-				complete: () => this.$destroy()
+				complete: () => this.destroyDom()
 			});
 		}
 	}
--- a/src/client/app/desktop/views/components/users-list.item.vue
+++ b/src/client/app/desktop/views/components/users-list.item.vue
@ -1,17 +1,16 @@
 <template>
-<div class="root item">
+<div class="zvdbznxvfixtmujpsigoccczftvpiwqh">
-	<mk-avatar class="avatar" :user="user"/>
+	<div class="banner" :style="bannerStyle"></div>
-	<div class="main">
+	<mk-avatar class="avatar" :user="user" :disable-preview="true"/>
-		<header>
+	<div class="body">
-			<router-link class="name" :to="user | userPage" v-user-preview="user.id">{{ user | userName }}</router-link>
+		<router-link :to="user | userPage" class="name">{{ user | userName }}</router-link>
-			<span class="username">@{{ user | acct }}</span>
+		<span class="username">@{{ user | acct }}</span>
-		</header>
+		<div class="description">
-		<div class="body">
+			<misskey-flavored-markdown v-if="user.description" :text="user.description" :i="$store.state.i"/>
 			<p class="followed" v-if="user.isFollowed">%i18n:@followed%</p>
 			<div class="description">{{ user.description }}</div>
 		</div>
 		<p class="followed" v-if="user.isFollowed">%i18n:@followed%</p>
 		<mk-follow-button :user="user" :size="'big'"/>
 	</div>
 	<mk-follow-button :user="user"/>
 </div>
 </template>
@ -19,76 +18,69 @@
 import Vue from 'vue';
 export default Vue.extend({
-	props: ['user']
+	props: ['user'],
 	computed: {
 		bannerStyle(): any {
 			if (this.user.bannerUrl == null) return {};
 			return {
 				backgroundColor: this.user.bannerColor && this.user.bannerColor.length == 3 ? `rgb(${ this.user.bannerColor.join(',') })` : null,
 				backgroundImage: `url(${ this.user.bannerUrl })`
 			};
 		}
 	},
 });
 </script>
 <style lang="stylus" scoped>
-.root.item
+.zvdbznxvfixtmujpsigoccczftvpiwqh
-	padding 16px
+	$bg = #fff
 	font-size 16px
-	&:after
+	margin 16px auto
-		content ""
+	max-width calc(100% - 32px)
-		display block
+	font-size 16px
-		clear both
+	text-align center
 	background $bg
 	box-shadow 0 2px 4px rgba(0, 0, 0, 0.1)
 	> .banner
 		height 100px
 		background-color #f9f4f4
 		background-position center
 		background-size cover
 	> .avatar
 		display block
-		float left
+		margin -40px auto 0 auto
-		margin 0 16px 0 0
+		width 80px
-		width 58px
+		height 80px
-		height 58px
+		border-radius 100%
-		border-radius 8px
+		border solid 4px $bg
-	> .main
+	> .body
-		float left
+		padding 4px 32px 32px 32px
 		width calc(100% - 74px)
-		> header
+		@media (max-width 400px)
-			margin-bottom 2px
+			padding 4px 16px 16px 16px
-			> .name
+		> .name
-				display inline
+			font-size 20px
-				margin 0
+			font-weight bold
 				padding 0
 				color #777
 				font-size 1em
 				font-weight 700
 				text-align left
 				text-decoration none
-				&:hover
+		> .username
-					text-decoration underline
+			display block
 			opacity 0.7
-			> .username
+		> .description
-				text-align left
+			margin 16px 0
 				margin 0 0 0 8px
 				color #ccc
-		> .body
+		> .followed
-			> .followed
+			margin 0 0 16px 0
-				display inline-block
+			padding 0
-				margin 0 0 4px 0
+			line-height 24px
-				padding 2px 8px
+			font-size 0.8em
-				vertical-align top
+			color #71afc7
-				font-size 10px
+			background #eefaff
-				color #71afc7
+			border-radius 4px
 				background #eefaff
 				border-radius 4px
 			> .description
 				cursor default
 				display block
 				margin 0
 				padding 0
 				overflow-wrap break-word
 				font-size 1.1em
 				color #717171
 	> .mk-follow-button
 		position absolute
 		top 16px
 		right 16px
 </style>
--- a/src/client/app/desktop/views/components/users-list.vue
+++ b/src/client/app/desktop/views/components/users-list.vue
@ -33,7 +33,7 @@ export default Vue.extend({
 	props: ['fetch', 'count', 'youKnowCount'],
 	data() {
 		return {
-			limit: 30,
+			limit: 20,
 			mode: 'all',
 			fetching: true,
 			moreFetching: false,
@ -73,10 +73,14 @@ export default Vue.extend({
 .mk-users-list
 	height 100%
-	background #fff
+	overflow auto
 	background #eee
 	> nav
-		z-index 1
+		z-index 10
 		position sticky
 		top 0
 		background #fff
 		box-shadow 0 1px 0 rgba(#000, 0.1)
 		> div
@ -114,16 +118,14 @@ export default Vue.extend({
 					background #eee
 					border-radius 20px
-	> .users
+	> button
-		height calc(100% - 54px)
+		display block
-		overflow auto
+		width calc(100% - 32px)
 		margin 16px
 		padding 16px
-		> *
+		&:hover
-			border-bottom solid 1px rgba(#000, 0.05)
+			background rgba(#000, 0.1)
 			> *
 				max-width 600px
 				margin 0 auto
 	> .no
 		margin 0
--- a/src/client/app/desktop/views/components/window.vue
+++ b/src/client/app/desktop/views/components/window.vue
@ -106,7 +106,7 @@ export default Vue.extend({
 	mounted() {
 		if (this.preventMount) {
-			this.$destroy();
+			this.destroyDom();
 			return;
 		}
@ -190,8 +190,8 @@ export default Vue.extend({
 			});
 			setTimeout(() => {
 				this.$destroy();
 				this.$emit('closed');
 				this.destroyDom();
 			}, 300);
 		},
--- a/src/client/app/desktop/views/pages/admin/admin.dashboard.vue
+++ b/src/client/app/desktop/views/pages/admin/admin.dashboard.vue
@ -1,22 +1,34 @@
 <template>
 <div class="obdskegsannmntldydackcpzezagxqfy mk-admin-card">
 	<header>%i18n:@dashboard%</header>
 	<div v-if="stats" class="stats">
 		<div><b>%fa:user% {{ stats.originalUsersCount | number }}</b><span>%i18n:@original-users%</span></div>
 		<div><span>%fa:user% {{ stats.usersCount | number }}</span><span>%i18n:@all-users%</span></div>
 		<div><b>%fa:pencil-alt% {{ stats.originalNotesCount | number }}</b><span>%i18n:@original-notes%</span></div>
 		<div><span>%fa:pencil-alt% {{ stats.notesCount | number }}</span><span>%i18n:@all-notes%</span></div>
 	</div>
 	<div class="cpu-memory">
 		<x-cpu-memory :connection="connection"/>
 	</div>
-	<div>
+
-		<label>
+	<div class="form">
-			<input type="checkbox" v-model="disableRegistration" @change="updateMeta">
+		<div>
-			<span>disableRegistration</span>
+			<label>
-		</label>
+				<input type="checkbox" v-model="disableRegistration" @change="updateMeta">
-		<button class="ui" @click="invite">%i18n:@invite%</button>
+				<span>%i18n:@disableRegistration%</span>
-		<p v-if="inviteCode">Code: <code>{{ inviteCode }}</code></p>
+			</label>
 			<button class="ui" @click="invite">%i18n:@invite%</button>
 			<p v-if="inviteCode">Code: <code>{{ inviteCode }}</code></p>
 		</div>
 		<div>
 			<label>
 				<input type="checkbox" v-model="disableLocalTimeline" @change="updateMeta">
 				<span>%i18n:@disableLocalTimeline%</span>
 			</label>
 		</div>
 	</div>
 </div>
 </template>
@ -33,6 +45,7 @@ export default Vue.extend({
 		return {
 			stats: null,
 			disableRegistration: false,
 			disableLocalTimeline: false,
 			inviteCode: null,
 			connection: null,
 			connectionId: null
@ -44,6 +57,7 @@ export default Vue.extend({
 		(this as any).os.getMeta().then(meta => {
 			this.disableRegistration = meta.disableRegistration;
 			this.disableLocalTimeline = meta.disableLocalTimeline;
 		});
 		(this as any).api('stats').then(stats => {
@ -61,7 +75,8 @@ export default Vue.extend({
 		},
 		updateMeta() {
 			(this as any).api('admin/update-meta', {
-				disableRegistration: this.disableRegistration
+				disableRegistration: this.disableRegistration,
 				disableLocalTimeline: this.disableLocalTimeline
 			});
 		}
 	}
@ -97,4 +112,8 @@ export default Vue.extend({
 		border solid 1px #eee
 		border-radius: 8px
 	> .form
 		> div
 			border-bottom solid 1px #eee
 </style>
--- a/src/client/app/desktop/views/pages/deck/deck.column-core.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.column-core.vue
@ -6,6 +6,9 @@
 <x-tl-column v-else-if="column.type == 'hybrid'" :column="column" :is-stacked="isStacked"/>
 <x-tl-column v-else-if="column.type == 'global'" :column="column" :is-stacked="isStacked"/>
 <x-tl-column v-else-if="column.type == 'list'" :column="column" :is-stacked="isStacked"/>
 <x-tl-column v-else-if="column.type == 'hashtag'" :column="column" :is-stacked="isStacked"/>
 <x-mentions-column v-else-if="column.type == 'mentions'" :column="column" :is-stacked="isStacked"/>
 <x-direct-column v-else-if="column.type == 'direct'" :column="column" :is-stacked="isStacked"/>
 </template>
 <script lang="ts">
@ -13,12 +16,16 @@ import Vue from 'vue';
 import XTlColumn from './deck.tl-column.vue';
 import XNotificationsColumn from './deck.notifications-column.vue';
 import XWidgetsColumn from './deck.widgets-column.vue';
 import XMentionsColumn from './deck.mentions-column.vue';
 import XDirectColumn from './deck.direct-column.vue';
 export default Vue.extend({
 	components: {
 		XTlColumn,
 		XNotificationsColumn,
-		XWidgetsColumn
+		XWidgetsColumn,
 		XMentionsColumn,
 		XDirectColumn
 	},
 	props: {
--- a/src/client/app/desktop/views/pages/deck/deck.direct-column.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.direct-column.vue
@ -0,0 +1,38 @@
 <template>
 <x-column :name="name" :column="column" :is-stacked="isStacked">
 	<span slot="header">%fa:envelope R%{{ name }}</span>
 	<x-direct/>
 </x-column>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 import XColumn from './deck.column.vue';
 import XDirect from './deck.direct.vue';
 export default Vue.extend({
 	components: {
 		XColumn,
 		XDirect
 	},
 	props: {
 		column: {
 			type: Object,
 			required: true
 		},
 		isStacked: {
 			type: Boolean,
 			required: true
 		}
 	},
 	computed: {
 		name(): string {
 			if (this.column.name) return this.column.name;
 			return '%i18n:common.deck.direct%';
 		}
 	},
 });
 </script>
--- a/src/client/app/desktop/views/pages/deck/deck.direct.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.direct.vue
@ -0,0 +1,97 @@
 <template>
 	<x-notes ref="timeline" :more="existMore ? more : null"/>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 import XNotes from './deck.notes.vue';
 const fetchLimit = 10;
 export default Vue.extend({
 	components: {
 		XNotes
 	},
 	props: {
 	},
 	data() {
 		return {
 			fetching: true,
 			moreFetching: false,
 			existMore: false,
 			connection: null,
 			connectionId: null
 		};
 	},
 	mounted() {
 		this.connection = (this as any).os.stream.getConnection();
 		this.connectionId = (this as any).os.stream.use();
 		this.connection.on('mention', this.onNote);
 		this.fetch();
 	},
 	beforeDestroy() {
 		this.connection.off('mention', this.onNote);
 		(this as any).os.stream.dispose(this.connectionId);
 	},
 	methods: {
 		fetch() {
 			this.fetching = true;
 			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 				(this as any).api('notes/mentions', {
 					limit: fetchLimit + 1,
 					includeMyRenotes: this.$store.state.settings.showMyRenotes,
 					includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 					includeLocalRenotes: this.$store.state.settings.showLocalRenotes,
 					visibility: 'specified'
 				}).then(notes => {
 					if (notes.length == fetchLimit + 1) {
 						notes.pop();
 						this.existMore = true;
 					}
 					res(notes);
 					this.fetching = false;
 					this.$emit('loaded');
 				}, rej);
 			}));
 		},
 		more() {
 			this.moreFetching = true;
 			const promise = (this as any).api('notes/mentions', {
 				limit: fetchLimit + 1,
 				untilId: (this.$refs.timeline as any).tail().id,
 				includeMyRenotes: this.$store.state.settings.showMyRenotes,
 				includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 				includeLocalRenotes: this.$store.state.settings.showLocalRenotes,
 				visibility: 'specified'
 			});
 			promise.then(notes => {
 				if (notes.length == fetchLimit + 1) {
 					notes.pop();
 				} else {
 					this.existMore = false;
 				}
 				notes.forEach(n => (this.$refs.timeline as any).append(n));
 				this.moreFetching = false;
 			});
 			return promise;
 		},
 		onNote(note) {
 			// Prepend a note
 			if (note.visibility == 'specified') {
 				(this.$refs.timeline as any).prepend(note);
 			}
 		}
 	}
 });
 </script>
--- a/src/client/app/desktop/views/pages/deck/deck.hashtag-tl.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.hashtag-tl.vue
@ -0,0 +1,117 @@
 <template>
 	<x-notes ref="timeline" :more="existMore ? more : null" :media-view="mediaView"/>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 import XNotes from './deck.notes.vue';
 import { HashtagStream } from '../../../../common/scripts/streaming/hashtag';
 const fetchLimit = 10;
 export default Vue.extend({
 	components: {
 		XNotes
 	},
 	props: {
 		tagTl: {
 			type: Object,
 			required: true
 		},
 		mediaOnly: {
 			type: Boolean,
 			required: false,
 			default: false
 		},
 		mediaView: {
 			type: Boolean,
 			required: false,
 			default: false
 		}
 	},
 	data() {
 		return {
 			fetching: true,
 			moreFetching: false,
 			existMore: false,
 			connection: null
 		};
 	},
 	watch: {
 		mediaOnly() {
 			this.fetch();
 		}
 	},
 	mounted() {
 		if (this.connection) this.connection.close();
 		this.connection = new HashtagStream((this as any).os, this.$store.state.i, this.tagTl.query);
 		this.connection.on('note', this.onNote);
 		this.fetch();
 	},
 	beforeDestroy() {
 		this.connection.close();
 	},
 	methods: {
 		fetch() {
 			this.fetching = true;
 			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 				(this as any).api('notes/search_by_tag', {
 					limit: fetchLimit + 1,
 					withFiles: this.mediaOnly,
 					includeMyRenotes: this.$store.state.settings.showMyRenotes,
 					includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 					includeLocalRenotes: this.$store.state.settings.showLocalRenotes,
 					query: this.tagTl.query
 				}).then(notes => {
 					if (notes.length == fetchLimit + 1) {
 						notes.pop();
 						this.existMore = true;
 					}
 					res(notes);
 					this.fetching = false;
 					this.$emit('loaded');
 				}, rej);
 			}));
 		},
 		more() {
 			this.moreFetching = true;
 			const promise = (this as any).api('notes/search_by_tag', {
 				limit: fetchLimit + 1,
 				untilId: (this.$refs.timeline as any).tail().id,
 				withFiles: this.mediaOnly,
 				includeMyRenotes: this.$store.state.settings.showMyRenotes,
 				includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 				includeLocalRenotes: this.$store.state.settings.showLocalRenotes,
 				query: this.tagTl.query
 			});
 			promise.then(notes => {
 				if (notes.length == fetchLimit + 1) {
 					notes.pop();
 				} else {
 					this.existMore = false;
 				}
 				notes.forEach(n => (this.$refs.timeline as any).append(n));
 				this.moreFetching = false;
 			});
 			return promise;
 		},
 		onNote(note) {
 			if (this.mediaOnly && note.files.length == 0) return;
 			// Prepend a note
 			(this.$refs.timeline as any).prepend(note);
 		}
 	}
 });
 </script>
--- a/src/client/app/desktop/views/pages/deck/deck.mentions-column.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.mentions-column.vue
@ -0,0 +1,38 @@
 <template>
 <x-column :name="name" :column="column" :is-stacked="isStacked">
 	<span slot="header">%fa:at%{{ name }}</span>
 	<x-mentions/>
 </x-column>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 import XColumn from './deck.column.vue';
 import XMentions from './deck.mentions.vue';
 export default Vue.extend({
 	components: {
 		XColumn,
 		XMentions
 	},
 	props: {
 		column: {
 			type: Object,
 			required: true
 		},
 		isStacked: {
 			type: Boolean,
 			required: true
 		}
 	},
 	computed: {
 		name(): string {
 			if (this.column.name) return this.column.name;
 			return '%i18n:common.deck.mentions%';
 		}
 	},
 });
 </script>
--- a/src/client/app/desktop/views/pages/deck/deck.mentions.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.mentions.vue
@ -0,0 +1,93 @@
 <template>
 	<x-notes ref="timeline" :more="existMore ? more : null"/>
 </template>
 <script lang="ts">
 import Vue from 'vue';
 import XNotes from './deck.notes.vue';
 const fetchLimit = 10;
 export default Vue.extend({
 	components: {
 		XNotes
 	},
 	props: {
 	},
 	data() {
 		return {
 			fetching: true,
 			moreFetching: false,
 			existMore: false,
 			connection: null,
 			connectionId: null
 		};
 	},
 	mounted() {
 		this.connection = (this as any).os.stream.getConnection();
 		this.connectionId = (this as any).os.stream.use();
 		this.connection.on('mention', this.onNote);
 		this.fetch();
 	},
 	beforeDestroy() {
 		this.connection.off('mention', this.onNote);
 		(this as any).os.stream.dispose(this.connectionId);
 	},
 	methods: {
 		fetch() {
 			this.fetching = true;
 			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 				(this as any).api('notes/mentions', {
 					limit: fetchLimit + 1,
 					includeMyRenotes: this.$store.state.settings.showMyRenotes,
 					includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 					includeLocalRenotes: this.$store.state.settings.showLocalRenotes
 				}).then(notes => {
 					if (notes.length == fetchLimit + 1) {
 						notes.pop();
 						this.existMore = true;
 					}
 					res(notes);
 					this.fetching = false;
 					this.$emit('loaded');
 				}, rej);
 			}));
 		},
 		more() {
 			this.moreFetching = true;
 			const promise = (this as any).api('notes/mentions', {
 				limit: fetchLimit + 1,
 				untilId: (this.$refs.timeline as any).tail().id,
 				includeMyRenotes: this.$store.state.settings.showMyRenotes,
 				includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 				includeLocalRenotes: this.$store.state.settings.showLocalRenotes
 			});
 			promise.then(notes => {
 				if (notes.length == fetchLimit + 1) {
 					notes.pop();
 				} else {
 					this.existMore = false;
 				}
 				notes.forEach(n => (this.$refs.timeline as any).append(n));
 				this.moreFetching = false;
 			});
 			return promise;
 		},
 		onNote(note) {
 			// Prepend a note
 			(this.$refs.timeline as any).prepend(note);
 		}
 	}
 });
 </script>
--- a/src/client/app/desktop/views/pages/deck/deck.note.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.note.vue
@ -18,7 +18,7 @@
 			<div class="body">
 				<p v-if="p.cw != null" class="cw">
 					<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
-					<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@less%' : '%i18n:@more%' }}</span>
+					<mk-cw-button v-model="showContent"/>
 				</p>
 				<div class="content" v-show="p.cw == null || showContent">
 					<div class="text">
@ -394,7 +394,7 @@ root(isDark)
 					> .renote
 						margin 8px 0
-						> .mk-note-preview
+						> *
 							padding 16px
 							border dashed 1px isDark ? #4e945e : #c0dac6
 							border-radius 8px
--- a/src/client/app/desktop/views/pages/deck/deck.notifications.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.notifications.vue
@ -1,8 +1,7 @@
 <template>
 <div class="oxynyeqmfvracxnglgulyqfgqxnxmehl">
 	<!-- トランジションを有効にするとなぜかメモリリークする -->
-	<!--<transition-group name="mk-notifications" class="transition notifications">-->
+	<component :is="!$store.state.device.reduceMotion ? 'transition-group' : 'div'" name="mk-notifications" class="transition notifications">
 	<div class="notifications">
 		<template v-for="(notification, i) in _notifications">
 			<x-notification class="notification" :notification="notification" :key="notification.id"/>
 			<p class="date" v-if="i != notifications.length - 1 && notification._date != _notifications[i + 1]._date" :key="notification.id + '-time'">
@ -10,8 +9,7 @@
 				<span>%fa:angle-down%{{ _notifications[i + 1]._datetext }}</span>
 			</p>
 		</template>
-	</div>
+	</component>
 	<!--</transition-group>-->
 	<button class="more" :class="{ fetching: fetchingMoreNotifications }" v-if="moreNotifications" @click="fetchMoreNotifications" :disabled="fetchingMoreNotifications">
 		<template v-if="fetchingMoreNotifications">%fa:spinner .pulse .fw%</template>{{ fetchingMoreNotifications ? '%i18n:common.loading%' : '%i18n:@more%' }}
 	</button>
--- a/src/client/app/desktop/views/pages/deck/deck.tl-column.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.tl-column.vue
@ -6,6 +6,7 @@
 		<template v-if="column.type == 'hybrid'">%fa:share-alt%</template>
 		<template v-if="column.type == 'global'">%fa:globe%</template>
 		<template v-if="column.type == 'list'">%fa:list%</template>
 		<template v-if="column.type == 'hashtag'">%fa:hashtag%</template>
 		<span>{{ name }}</span>
 	</span>
@ -14,6 +15,7 @@
 		<mk-switch v-model="column.isMediaView" @change="onChangeSettings" text="%i18n:@is-media-view%"/>
 	</div>
 	<x-list-tl v-if="column.type == 'list'" :list="column.list" :media-only="column.isMediaOnly" :media-view="column.isMediaView"/>
 	<x-hashtag-tl v-if="column.type == 'hashtag'" :tag-tl="$store.state.settings.tagTimelines.find(x => x.id == column.tagTlId)" :media-only="column.isMediaOnly" :media-view="column.isMediaView"/>
 	<x-tl v-else :src="column.type" :media-only="column.isMediaOnly" :media-view="column.isMediaView"/>
 </x-column>
 </template>
@ -23,12 +25,14 @@ import Vue from 'vue';
 import XColumn from './deck.column.vue';
 import XTl from './deck.tl.vue';
 import XListTl from './deck.list-tl.vue';
 import XHashtagTl from './deck.hashtag-tl.vue';
 export default Vue.extend({
 	components: {
 		XColumn,
 		XTl,
-		XListTl
+		XListTl,
 		XHashtagTl
 	},
 	props: {
@ -65,6 +69,7 @@ export default Vue.extend({
 				case 'hybrid': return '%i18n:common.deck.hybrid%';
 				case 'global': return '%i18n:common.deck.global%';
 				case 'list': return this.column.list.title;
 				case 'hashtag': return this.$store.state.settings.tagTimelines.find(x => x.id == this.column.tagTlId).title;
 			}
 		}
 	},
--- a/src/client/app/desktop/views/pages/deck/deck.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.vue
@ -138,6 +138,24 @@ export default Vue.extend({
 							type: 'global'
 						});
 					}
 				}, {
 					icon: '%fa:at%',
 					text: '%i18n:common.deck.mentions%',
 					action: () => {
 						this.$store.dispatch('settings/addDeckColumn', {
 							id: uuid(),
 							type: 'mentions'
 						});
 					}
 				}, {
 					icon: '%fa:envelope R%',
 					text: '%i18n:common.deck.direct%',
 					action: () => {
 						this.$store.dispatch('settings/addDeckColumn', {
 							id: uuid(),
 							type: 'direct'
 						});
 					}
 				}, {
 					icon: '%fa:list%',
 					text: '%i18n:common.deck.list%',
@ -152,6 +170,20 @@ export default Vue.extend({
 							w.close();
 						});
 					}
 				}, {
 					icon: '%fa:hashtag%',
 					text: '%i18n:common.deck.hashtag%',
 					action: () => {
 						(this as any).apis.input({
 							title: '%i18n:@enter-hashtag-tl-title%'
 						}).then(title => {
 							this.$store.dispatch('settings/addDeckColumn', {
 								id: uuid(),
 								type: 'hashtag',
 								tagTlId: this.$store.state.settings.tagTimelines.find(x => x.title == title).id
 							});
 						});
 					}
 				}, {
 					icon: '%fa:bell R%',
 					text: '%i18n:common.deck.notifications%',
--- a/src/client/app/desktop/views/pages/home.vue
+++ b/src/client/app/desktop/views/pages/home.vue
@ -1,6 +1,6 @@
 <template>
 <mk-ui>
-	<mk-home :mode="mode" @loaded="loaded"/>
+	<mk-home :mode="mode" @loaded="loaded" ref="home" v-hotkey.global="keymap"/>
 </mk-ui>
 </template>
@ -15,6 +15,13 @@ export default Vue.extend({
 			default: 'timeline'
 		}
 	},
 	computed: {
 		keymap(): any {
 			return {
 				't': this.focus
 			};
 		}
 	},
 	mounted() {
 		document.title = (this as any).os.instanceName;
@ -23,6 +30,9 @@ export default Vue.extend({
 	methods: {
 		loaded() {
 			Progress.done();
 		},
 		focus() {
 			this.$refs.home.focus();
 		}
 	}
 });
--- a/src/client/app/desktop/views/pages/stats/stats.vue
+++ b/src/client/app/desktop/views/pages/stats/stats.vue
@ -43,7 +43,7 @@ export default Vue.extend({
 	> .stats
 		display flex
 		justify-content center
-		margin-bottom 16px
+		margin 0 auto 16px auto
 		padding 32px
 		background #fff
 		box-shadow 0 2px 8px rgba(#000, 0.1)
@ -60,5 +60,6 @@ export default Vue.extend({
 				font-size 70%
 	> div
-		max-width 850px
+		max-width 950px
 		margin 0 auto
 </style>
--- a/src/client/app/desktop/views/pages/user/user.vue
+++ b/src/client/app/desktop/views/pages/user/user.vue
@ -6,7 +6,7 @@
 		<main>
 			<div class="main">
 				<x-header :user="user"/>
-				<mk-note-detail v-if="user.pinnedNote" :note="user.pinnedNote" :compact="true"/>
+				<mk-note-detail v-for="n in user.pinnedNotes" :key="n.id" :note="n" :compact="true"/>
 				<x-timeline class="timeline" ref="tl" :user="user"/>
 			</div>
 			<div class="side">
@ -28,7 +28,6 @@
 <script lang="ts">
 import Vue from 'vue';
 import parseAcct from '../../../../../../misc/acct/parse';
 import getUserName from '../../../../../../misc/get-user-name';
 import Progress from '../../../../common/scripts/loading';
 import XHeader from './user.header.vue';
 import XTimeline from './user.timeline.vue';
--- a/Show More
+++ b/Show More