Speakers
スピーカー

メドピアトラック13:30 - 14:00

Vue 3/Electronで自作したマークダウンエディタをVue 3/Tauriにリプレイスした話

クロスプラットフォームのデスクトップ版マークダウンエディタを開発しました。当初は Vue3 と Electron を使用していましたが、パフォーマンスに課題を感じ、Tauri に移行を行いました。 Tauri への移行により、マークダウンエディタのパフォーマンスは大幅に向上しました。

Electron は内部的に Chromium と Node.js を組み合わせたアーキテクチャを採用していますが、これによるメモリ消費量の肥大化と起動時間の遅さが課題でした。特に、大規模なマークダウンファイルの編集やプレビューの表示においては、パフォーマンスの低下が目立ちました。

Tauri は Electron の代替を目指す Rust 製のフレームワークであり、Electron の優れた特徴を踏襲しつつも、メモリ消費量の軽量化と、起動時間の高速化を実現できるのが特徴です。

今回は、Vue3 と Tauri におけるデスクトップアプリ開発の知見や、エディタのパフォーマンス課題がどのように解決したかについてお話ししたいと思います。

発表資料
0yu / オユの写真

合同会社DMM.com 動画配信事業部所属 フロントエンドエンジニア

0yu / オユ

北海道出身の新米エンジニア。DMM.com に 23 年度新卒入社し、昨年 12 月にリリースした「DMM TV」のフロントエンドチームの開発に関わっています。最近は B 級映画と油そばに凝ってます。