Tauriアプリのアイコンを変える

Tauriのデフォルトアイコンの色

#24C8FA　シアン

#FFC107　オレンジORゴールド

TauriはElectronよりも優れている

・　どちらもフロントエンドはTypescript（Reactなど）を使う

・　Electronの方がネットに日本語の情報が多いが、LLMの時代なので差は少ないかも

・　ElectronよりもTauriの方が圧倒的にファイルサイズが軽くて起動速度も速いらしい

・　ElectronよりもTauriの方がセキュリティの面で良いらしい

・　TauriはバックエンドでRustを使う

—> 起動速度が早くてサクサク動く方がアプリとして魅力的なので、今後はTauriを使う

ElectronやTauriとは？

Reactでデスクトップアプリを作るためのフレームワーク

デスクトップアプリはSEO対策する必要がないため、Next.jsではなくReactを使うのが一般的

Next.jsで作ったウェブサイトをデスクトップアプリ化したいときにも使える

Tauriで作ったアプリのアイコン

正方形のpngファイルをsrc-tauri/icons/app-icon.pngとして入れてから、

src-tauri/iconsフォルダにデフォルトで入っているファイルをすべて削除して、

npm run tauri icon

→　実行したけどエラーが出たので、Cursorに任せることにした

を実行すれば、windows用（.ico）やmacOS用（.icns）など必要なアイコン一式を生成してくれる。

pngファイルは1つだけでよいが、推奨サイズは1024*1024pxであり、512px以下になると高解像度ディスプレイでぼやけるので、非推奨。