メインコンテンツにスキップ
バージョン: 次期バージョン 🚧

プロジェクトの開始

プロジェクトの生成

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

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

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

wails init -n myproject -t svelte

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

wails init -n myproject -t svelte-ts

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

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

プロジェクトのディレクトリ構成

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

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

プロジェクトの構造

  • /main.go - アプリのメインコード
  • /frontend/ - フロントエンドのプロジェクトディレクトリ
  • /build/ - ビルドディレクトリ
  • /build/appicon.png - アプリアイコン
  • /build/darwin/ - Mac固有のプロジェクトディレクトリ
  • /build/windows/ - Windows固有のプロジェクトディレクトリ
  • /wails.json - プロジェクト構成ファイル
  • /go.mod - Goモジュール定義ファイル
  • /go.sum - Goモジュールチェックサムファイル

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

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

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