「Tauriの基礎 - 開発環境」の版間の差分

📢 Webサイト閉鎖と移転のお知らせ

このWebサイトは2026年9月に閉鎖いたします。

移転先はhttps://mochiu.net/index.php?title=Tauriの基礎 - 開発環境です。

新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）

← 古い編集新しい編集 →

ビジュアルウィキテキスト

@@ 585行目: / 585行目: @@
 == IDE ==
 ==== IDEA Ultimate ====
+===== 基本設定 =====
 IDEA Ultimateでは、プロジェクトのルートディレクトリを開く。<br>
 <br>
@@ 616行目: / 617行目: @@
 任意でTauriプラグインもインストール可能である。<br>
 このプラグインは、Tauriのコマンド定義やコンフィグファイルの編集をサポートする。<br>
+<br>
+===== プロジェクト構成 =====
+プロジェクトは以下に示す構造である。<br>
+* Rustソースコード
+*: src-tauri/src
+* ビルド出力
+*: src-tauri/targe
+<br>
+===== Rustツールチェーンの設定 =====
+# [ファイル] - [設定]を開く。
+# [言語 & フレームワーク] - [Rust]を選択する。
+# [ツールチェーンの場所]にて、RustおよびCargoのパスを設定する。
+#: 設定例 : $USER_HOME$/cargo/bin
+<br>
+===== 実行 / デバッグ構成の作成 =====
+[実行]メニューバー - [構成の編集]を選択する。<br>
+<br>
+まず、JavaScriptデバッグ構成を作成する。<br>
+# [+]アイコン - [JavaScriptデバッグ]を選択する。
+# [名前]欄に、任意の名前を入力する。
+# [URL]欄に、<code>http://localhost:1420</code> (Tauriのデフォルトポート) を入力する。
+# [ブラウザー]欄に、Chromium系ブラウザを選択する。
+# [OK]ボタンを押下する。
+<br>
+次に、npm実行構成 (フロントエンド) を作成する。<br>
+# 画面右ペインにある[+]アイコン - [npm]を選択する。
+# [名前]欄に、任意の名前を入力する。
+# [package.json]欄に、プロジェクトルートの <u>package.json</u> ファイルを選択する。
+# [コマンド]プルダウンで、<u>run</u> を選択する。
+# [スクリプト]プルダウンで、<u>dev</u> を選択する。
+# [OK]ボタンを押下する。
+<br>
+最後に、複合構成 (フルスタックデバッグ) を作成する。<br>
+複合構成を使用すると、フロントエンドとバックエンドを同時にデバッグすることができる。<br>
+<br>
+* Tauri + React + Rust構成 (フロントエンド + バックエンド構成)
+*# 画面左ペインにある[+]アイコン - [複合]を選択する。
+*# [名前]欄に、任意の名前を入力する。
+*# 画面右ペインにある[+]アイコンを選択して、以下に示す設定を追加する。
+*#* Run tauri-app
+*#* JavaScript Debug
+*#* dev
+*# [OK]ボタンを押下する。
+*: <br>
+* Tauri + React構成 (フロントエンドのみ)
+*# 画面左ペインにある[+]アイコン - [複合]を選択する。
+*# [名前]欄に、任意の名前を入力する。
+*# 画面右ペインにある[+]アイコンを選択して、以下に示す設定を追加する。
+*#* JavaScriptデバッグ
+*#* dev
+*# [OK]ボタンを押下する。
+*: <br>
+* Tauri + Rust構成 (バックエンドのみ)
+*# 画面左ペインにある[+]アイコン - [複合]を選択する。
+*# [名前]欄に、任意の名前を入力する。
+*# 画面右ペインにある[+]アイコンを選択して、以下に示す設定を追加する。
+*#* Run tauri-app
+*#* dev
+*# [OK]ボタンを押下する。
+<br>
+===== ログポイント =====
+# ブレークポイントを右クリック - [More]を選択する。
+# [Breakpoint hit]メッセージをカスタマイズする。
+# [Suspend]チェックボックスのチェックを外す場合、停止せずにログだけ出力する。
+<br>
+===== 監視式 (Watches) =====
+# デバッガーツールウィンドウの[Watches]タブを選択する。
+# [+]アイコンを押下して、新しい監視式を追加する。
+# 任意の式を入力する。
+#: 例: <code>vec.len()</code>
+# デバッグ時に常に評価結果が表示される。
+<br>
+===== メモリビュー =====
+# デバッグ中に変数を右クリック - [View Memory]を選択する。
+# バイナリデータを確認することができる。
 <br>
 ==== RustRover ====