Introducing New UI
Added 2020-10-16 14:28:19 +0000 UTCNOTE: This article is in Japanese. Please use GoogleTranslator or other tools to read it if you need to🙏
---
現在開発中のMisskeyの新しいバージョン(misskey-next)では、内部UIフレームワークがVue3にアップグレードされ、より軽量になりました。
それに合わせてUIのリニューアルも行い、いくつかの魅力的な新機能が追加されました。
今回はそれらの機能の紹介といくつかのスクリーンショットを公開します!

アプリ内ウィンドウ
misskey-nextではアプリ内ウィンドウ表示が再実装され、チャットをウィンドウ表示できるようになりました。これで、タイムラインを見ながらチャットしたりできます。ウィンドウはページに戻したりブラウザ外にウィンドウを持っていくこともできます。

再設計されたインスタンス管理画面
カスタム絵文字管理
カスタム絵文字を名前やカテゴリで検索できるようになりました。一覧の表示もタイル状になり、より見やすくなっています。

ファイル管理機能
アップロードされたファイル一覧が再実装され、ファイルIDまたはURLでの検索や、個別ファイル削除/NSFW設定などができるようになりました。
ローカル/リモート、ホスト、ファイルタイプでの絞り込みも可能です。

見つけるページ、ユーザー検索
デザインがアップデートされ、ユーザー検索もできるようになりました。

モバイルウィジェットドロワー
ウィジェットのパワーをモバイルにも。スマホ/タブレットにウィジェットドロワーが実装され、いつでも、どのページにいてもウィジェットを表示させることができます。

独立したファイルアップロード
投稿フォームへのファイル添付時などの、アップロードが独立したタスクとして処理されるようになりました。投稿フォームを閉じてもアップロードの進捗が確認できます。
URLからアップロード
機能していなかった投稿フォームの「URLからアップロード」機能が実装されました。
非同期AiScript読み込み
misskey-nextではcode splittingが強化され、AiScriptランタイムも非同期読み込みになりました。こうすることで、例えばAiScriptプラグインをひとつもインストールしていない人は無駄にAiScriptランタイムをダウンロードする必要がなくなり、通信量およびメモリ使用量を抑えられます。
非同期メニュー
misskey-nextでは、投稿メニューなど各種メニューに非同期アイテムの概念を実装し、メニュー表示までのラグが無くなっています。
例えば、現行Misskeyだと投稿メニューを表示するときに、一旦サーバーにお気に入り状態などを確認しにいってから表示が行われるため、場合によってはメニュー表示までもたつく場合があります。
新しいMisskeyではサーバーへの問い合わせは非同期的に行われるため、即座にメニューが表示されます。
コンテキストメニュー
misskey-nextでは、デスクトップでコンテキストメニューが復活します。例えばノートで右クリックすると、「…」を押さなくてもメニューが表示できます。ドライブでは、より直感的に操作を行えます。

---
他にも細かな改善や修正が含まれています。また、内部の設計がリファクタリングされ、今後の開発のしやすさも向上しています。
乞うご期待!
Comments
👍
ナギサカ
2023-02-25 06:26:32 +0000 UTCYay, I like that! :)
mydarkstar
2020-10-20 19:14:42 +0000 UTCONE MORE THING: I just added a section of in-app window system.
syuilo
2020-10-17 09:11:47 +0000 UTCWoooooow, good job, I'm so excited to see these changes in action. On the other hand, I already feel tired just to think about the work I have to put in for the release post for that XD
Victoria Nadasdi
2020-10-16 15:18:41 +0000 UTC