バージョン: 次期バージョン 🚧

プロジェクトの開始

プロジェクトの生成

CLIのインストールが終わったら、wails initコマンドで新しいプロジェクトを生成しましょう。

好きなフレームワークを選択してください:

JavaScriptによるSvelteプロジェクトを生成する場合:

wails init -n myproject -t svelte

TypeScriptによるプロジェクトを生成する場合:

wails init -n myproject -t svelte-ts

JavaScriptによるReactプロジェクトを生成する場合:

wails init -n myproject -t react

TypeScriptによるプロジェクトを生成する場合:

wails init -n myproject -t react-ts

JavaScriptによるVueプロジェクトを生成する場合:

wails init -n myproject -t vue

TypeScriptによるプロジェクトを生成する場合:

wails init -n myproject -t vue-ts

JavaScriptによるPreactプロジェクトを生成する場合:

wails init -n myproject -t preact

TypeScriptによるプロジェクトを生成する場合:

wails init -n myproject -t preact-ts

JavaScriptによるLitプロジェクトを生成する場合:

wails init -n myproject -t lit

TypeScriptによるプロジェクトを生成する場合:

wails init -n myproject -t lit-ts

JavaScriptによるバニラなプロジェクトを生成する場合:

wails init -n myproject -t vanilla

TypeScriptによるプロジェクトを生成する場合:

wails init -n myproject -t vanilla-ts

様々な機能やフレームワークを提供するコミュニティテンプレートを利用することもできます。

プロジェクト生成時に使用可能なオプションを確認するには、wails init -helpを実行してください。詳しくは、CLIリファレンスを参照してください。

Wailsのプロジェクトディレクトリの構成は次のとおりです:

.
├── build/
│   ├── appicon.png
│   ├── darwin/
│   └── windows/
├── frontend/
├── go.mod
├── go.sum
├── main.go
└── wails.json

frontendディレクトリ内は、Wailsで決まったファイル構成等は無く、お好きなフロントエンドプロジェクトを配置することができます。

buildディレクトリは、アプリのビルド時に使用されます。この中のファイルは、ビルドの挙動をカスタマイズするために、適宜ファイル内容を書き換えることができます。 buildディレクトリ内のファイルを削除すると、デフォルトのファイルが再生成されます。

go.modのモジュール名は、最初は"changeme"になっています。このモジュール名は、あなたのプロジェクトに適切な名前に変更しましょう。