Goで、Svelte + Bun + Wailsの環境を構築した話 (WIP)

注意事項

• この記事は、国語1の人が書いた記事なので、多少日本語がおかしいです
• そしてGoもSvelteもBunも初心者なので許してください

はじめに

皆さんはGoやってますか？、私はGoをまだ勉強したばっか、というかまともに勉強してないのですよね、要するに知識0ってことです。そんな私も、一応もともとSvelteなどのWebプログラミング系をちょこっと勉強してるので、Svelteがすこしできるのですよね。そんなわけで、プログラミング言語は慣れなので、とりあえずアプリを作ってみるかと思いやってみたまでです。

どんなフレームワーク・ライブラリがあるのか

わたしは、無知なので、何がいいかどうかも、わからず、途方に暮れてました。ですが、調べたところWailsというフレームワークを見つけました。私は、Svelteには少し慣れてるため、このElectoronもどきのやつで作ってみようと思いました。

環境構築

タイトルにもあるとうり、最近Bunがいいと聞くので、使ってみることにしました(特に深い意味はない)
まずWailsプロジェクトの構築をします

$ wails init -n myapp -t svelte

作成できたらディレクトリに移動し、いざWails!!と行きたいところなのですが、まだBunを導入していませんということでBunを導入していきます
まずfrontendフォルダーを消去します

## フォルダを消す
$ rm -r frontend
## bunx(sv)でfrontendフォルダーを作り直す
$ bunx sv create frontend
(設定などはかつあい)

これでfrontendフォルダを作れました、さぁさて起動してみましょう

$ wails dev

よしこれで、動きません！！
そうです動きません
なぜ動かないかというと、Docsに乗ってる通り、svelte.config.jsをちょっと変えなければありません

import adapter from 'svelte-adapter-bun';

/** @type {import('@sveltejs/kit').Config} */
const config = {
	kit: {
		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
		// See https://svelte.dev/docs/kit/adapters for more information about adapters.
		adapter: adapter()
	}
};

export default config;

これでやっと動くかと思います、いえ、ここで筆者は、忘れてたことがありました、みなさんならわかるでしょうパッケージをインストールしていませんでした

bun add svelte-adapter-bun

これでもう一回wails devをしてみます
動きました!!
(画像は用意しようと思ってたのですが、結局重くなってできませんでした)

最後に

結論:普通のでいい

この記事は未完成です
あと、公式のDocsを見ながらやることをおすすめします
そして筆者はtailwindcssがうまく行かず悲しいいです