📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）
| 161行目: | 161行目: | ||
このファイルは、基本的に編集する必要はない。プロジェクト作成時に自動生成され、そのまま使用し続けるものである。<br> | このファイルは、基本的に編集する必要はない。プロジェクト作成時に自動生成され、そのまま使用し続けるものである。<br> | ||
ただし、Vite以外の特殊な型定義を追加する場合は、このファイルを編集することもある。<br> | ただし、Vite以外の特殊な型定義を追加する場合は、このファイルを編集することもある。<br> | ||
<br><br> | |||
== IDE == | |||
==== IDEA Ultimate ==== | |||
IDEA Ultimateでは、プロジェクトのルートディレクトリを開く。<br> | |||
<br> | |||
Tauriプロジェクトは、2つの異なるプロジェクトを組み合わせた構造である。<br> | |||
2つを統合的に管理するための設定ファイルや情報が、全てルートディレクトリに存在する。<br> | |||
* Reactを使用したフロントエンドのプロジェクト | |||
* Rustで記述したバックエンドのプロジェクト | |||
<br> | |||
ルートディレクトリには、package.jsonというNode.jsプロジェクトの設定ファイルが存在する。<br> | |||
IDEA Ultimateはこれらのファイルを発見した時、Node.jsのプロジェクトと理解して適切なJavaScriptやReactの開発サポート機能を有効にする。<br> | |||
同時に、src-tauriディレクトリの中にあるCargo.toml (Rustプロジェクトの設定ファイル) も認識して、Rustのソースコードサポートも提供する。<br> | |||
<br> | |||
ルートディレクトリを開く時、IDEA Ultimateは次のように動作する。<br> | |||
# まず、プロジェクトを開いた直後、IDEA Ultimateは自動的に依存関係を解析する。 | |||
# 解析が完了した後、srcディレクトリ内のReactコンポーネントを編集する場合は、Reactの関数やフックの補完が利用できるようになる。 | |||
# 同様に、src-tauriディレクトリのRustコードを編集する場合は、Rustの型情報や関数の補完が利用できるようになる。 | |||
<br> | |||
IDEA UltimateのみでRust開発を行う場合は、Rustプラグイン (Rust) のインストールが必要である。<br> | |||
プラグインのインストール手順は、以下の通りである。<br> | |||
# [ファイル]メインメニュー - [設定]を選択する。 | |||
# 左側のメニューから[Plugins]を選択する。 | |||
# 上部の検索バーに <u>Rust</u> と入力する。 | |||
# 検索結果に表示されるRustプラグインをインストールする。 | |||
# インストール後、IDEを再起動する。 | |||
<br> | |||
Rustプラグインをインストールすると、以下に示す機能が利用可能になる。<br> | |||
* シンタックスハイライト | |||
* コード補完機能 | |||
* Cargoコマンドの統合により、IDE内から直接ビルドや実行が可能になる。 | |||
<br> | |||
任意でTauriプラグインもインストール可能である。<br> | |||
このプラグインは、Tauriのコマンド定義やコンフィグファイルの編集をサポートする。<br> | |||
<br> | |||
==== RustRover ==== | |||
RustRoverでは、プロジェクトのルートディレクトリを開く。<br> | |||
<br> | |||
RustRoverは、JetBrainsが提供するRust専用の統合開発環境である。<br> | |||
IDEA Ultimateと同じJetBrainsファミリーの製品だが、Rustに特化して設計されている。<br> | |||
<br> | |||
ルートディレクトリを開くと、RustRoverはsrc-tauriディレクトリ内のCargo.tomlを発見し、そのディレクトリをRustプロジェクトの中心として認識する。<br> | |||
<br> | |||
Rustのソースコードに対しては、IDEA Ultimateよりもさらに高度な解析機能が提供される。<br> | |||
マクロの展開結果の表示、詳細な型推論、Cargoコマンドの統合実行環境等、Rust開発に特化した機能が豊富に用意されている。<br> | |||
<br> | |||
RustRoverはReactやTypeScriptのサポートについては、IDEA Ultimateほど充実しておらず、<br> | |||
基本的なJavaScriptやTypeScriptの編集はできるが、Reactコンポーネントの補完やリファクタリング機能等は限定的である。<br> | |||
<br> | |||
実務では、以下に示すような使い分けが推奨される。<br> | |||
フロントエンドとバックエンドの両方を頻繁に行き来する場合は、IDEA Ultimateを使用する。<br> | |||
これは、1つのIDEウィンドウで両方のコードを快適に編集できるためである。<br> | |||
しかし、Rustのソースコードを記述する時間が長い場合や複雑なRustのソースコードを扱う場合は、RustRoverを使用する。<br> | |||
<br><br> | <br><br> | ||