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

テンプレート

このページでは、コミュニティがサポートしているテンプレートを紹介しています。 このページに新たにテンプレートを含めたい場合は、このページの下側にあるこのページを編集をクリックして、プルリクエストを出してください。 独自テンプレートの作成方法については、テンプレートガイドをご覧ください。

これらのテンプレートを使用するには、wails init -n "プロジェクト名" -t [テンプレートのリンク[@バージョン]]コマンドを実行してください。

バージョンサフィックスが無い場合は、デフォルトで、メインブランチのコードテンプレートが使用されます。 バージョンサフィックスがある場合は、当該バージョンのタグに対応するコードテンプレートが使用されます。

例: wails init -n "プロジェクト名" -t https://github.com/misitebao/wails-template-vue

注意

Wailsプロジェクトでは、サードパーティ製テンプレートのメンテナンスは行っておらず、責任も負いません!

テンプレートについてよく分からない場合は、package.jsonおよびwails.jsonを確認し、どのようなスクリプトが実行されるのかや、どのようなパッケージがインストールされるのかを調べてください。

Vue​

  • wails-template-vue - VueのエコシステムをベースにしたWailsテンプレート (TypeScript、ダークテーマ、i18n、シングルページルーティング、TailwindCSSを統合)
  • wails-template-quasar-js - JavaScript + Quasar V2 (Vue 3, Vite, Sass, Pinia, ESLint, Prettier) を使用したテンプレート
  • wails-template-quasar-ts - TypeScript + Quasar V2 (Vue 3, Vite, Sass, Pinia, ESLint, Prettier, <script setup>によるComposition API) を使用したテンプレート
  • wails-template-naive - Naive UI(Vue3のコンポーネントライブラリ)をベースにしたWailsテンプレート

Angular​

  • wails-template-angular - 15以上のAngularアクションを含み、すぐに実装に取り掛かれるテンプレート
  • wails-angular-template - TypeScript、Sass、ホットリロード、コード分割、i18n を使用した Angular

React​

Svelte​

Solid​

Elm​

  • wails-elm-template - 関数型プログラミングと高速なホットリロードを使ったGUIアプリ開発 🎉 🚀
  • wails-template-elm-tailwind - Elm + Tailwind CSS + Wailsのパワー💪を組み合わせたテンプレート (ホットリロードサポートあり)

HTMX​

  • wails-htmx-templ-chi-tailwind - インタラクティビティを実現するためのピュアなhtmxに、コンポーネントおよびフォームを作成するためのテンプレートが合わさったテンプレート

ピュアJavaScript (バニラ)​

Lit (web components)​