TauriでRustもフロントエンドも身につけたいので、最初の一歩を踏み出したZennSakai-Nako🌟TauriでRustもフロントエンドも身につけたいので、最初の一歩を踏み出した2021/09/14に公開2024/08/18RustfrontendバックエンドTauritech!本記事の内容は2021年10月時点の情報で、だいぶ古くなっています。2024年8月時点で、筆者の興味がDioxusに移っているので、しばらくリライトの予定はありません🙇‍♀️Tauriって?公式サイトは→こちらTauriは、RustツールとWebviewで表示されるHTMLを組み合わせてデスクトップコンピュータ用のアプリが作れる、アプリケーションフレームワークです。公式もまだベータ版であり、日本語の資料は大変少ない・・・でも、これならRustへの理解をもっと深めるのもフロントエンドの勉強も同時に進められるじゃん!俺得!ということで、早速インストールしてみます。読むと今後得するかも?な人ReactとかVueは触ったことあるけど、Rustは触ったことない。Rustの勉強はしたいけど、コンソールで文字を表示するところから入るのは気が乗らない・・・っていう人Rustは触ったことあるけど、GUIのフレームワークにピンとくるものがない。画面をフロントエンドの技術で作れないかなぁ・・・と思っている人(私です😇)バックエンドとフロントエンドを、ローカル環境で一気に勉強したい人(私です😇)ただし、CもHTML・CSS・Javascriptも未経験、とかだと学習コストがやばいです。20H2で実施してます。使用する場合は別途手順が必要なので注意。今回は素のWindowsでセットアップします。このセットアップはアプリ開発環境のみで必要です。実際にアプリが動く端末では、これらの作業は不要です。以下のインストール手順にてユーザーアカウント制御のダイアログが出たら、全て「はい」をクリックしてください。Studio2017のビルドツールがインストール済であれば、アンインストールする必要があるかもしれません。2017と2019の両方がインストールされていると、Tauriが動作しないという報告があるようです。2019がインストール済だったので以下の画面になりました。未インストールであれば出ないかもです。「閉じる」をクリックしました。2019」→「インストール」をクリック「ワークロード」タブから、「C++によるデスクトップ開発」にチェックをつけて、「インストール」をクリック※ここでインストールに結構かかるので、Tauriのサイトにもあるようにコーヒーでも飲みながら待ちましょう。2019」が表示されていればインストール完了Node.jsのインストールTauri公式ではnvm-windowsが推奨されていますが、素のNode.jsでもよいと思います。今回はnvm-windowsを入れてみます。nvm-windowsを導入する際には、既にNode.jsが入っていれば、以下のアンインストール手順が必要です。置き換える」をオンにしてください。{先程ダウンロードした最新バージョン}→今回は16.9.1がダウンロードされたので、以下のコマンドとなる。-vYarn(Node.jsのパッケージマネージャ)のインストールTauriのチームではyarnが好まれているみたいなので、せっかくなのでインストールします。npmで十分!という方はこの手順は不要です。ここでは一旦グローバルインストールにしておきます。Node.jsのパッケージマネージャ自体についてはここでは説明しません。-vRustのインストールRustの公式サイトにて「RUSTUP-INIT.EXE(64-BIT)をダウンロードする」をクリックダウンロードしたインストーラを起動コマンドプロンプトが開く。installation」がデフォルトとなっているが、特に問題はないので、そのままEnterキーを押下する自動でインストールが始まる。以上で、Tauriを使い始められる環境が整いました!次からは、(VSCodeの設定を挟んで)どんなフロントエンドフレームワークが使えるか見ていきます!次の記事はこちら↓Sakai-Nako酒井謎子(Sakai-Nako)|クラウド・インフラの業務領域多めのエンジニア|コンビニバイト10年の後にIT業界に飛び込む|身体的性:男性|性的指向:女性が好き|性自認:Non-binary(Xジェンダー/MtX)|LGBTQ+:Qバッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。