GoでもGUIアプリを作りたい！

nasum（株式会社ナレッジワーク ソフトウェアエンジニア）
X： https://x.com/nasum360

※2025/10/14開催「Go Night Talks – After Conference」での登壇資料です
https://mercari.connpass.com/event/367075/

＜セッション概要＞
Go言語はクロスプラットフォームでコンパイルできポータブルな言語だと思います。そんなポータブルさを活かすアプリとはなんでしょうか。自分はGUIアプリだと思います。
本セッションではGo言語でGUIアプリを作るいくつかの方法を紹介し比較し適切なフレームワークを選ぶための知識を共有します。
electronライクのwails、ゲームエンジンのebitenなどの例を紹介し、Go言語で開発をしたい人向けに選択肢としてのGUIアプリの道を提示します。

＜プロフィール＞
2024年1月にナレッジワークに入社。ソフトウェアエンジニアとしてワーク領域のプロダクト開発に従事。前職ではAutify株式会社でテクニカルサポートエンジニアとしてユーザの技術的な問題を調査を行う。現在はGo言語でバックエンドの開発を中心に活動中。フロントからバックエンド、インフラまで広く触ることを好みがち。

Transcript

1. Go言語でもGUIアプリを 作りたい！ Go Night Talks – After Conference 2025/10/14　nasum
2. 自己紹介 • nasum（那須理也） • 株式会社ナレッジワーク所属 • バックエンドエンジニア • X @nasum360 • GitHub @nasum
3. 皆さんGUIは好きですか？
4. 私は好きです
5. GoでもGUIアプリを作りたいですか？
6. 私は作りたいです
7. なぜGoでGUIをやるのか • GoはWebサーバーもCLIツール作成も強いが、GUIは特に話題に上らない • 適材適所という考え方もあるが、GoでGUI作れたら素敵では？（私見 • さらにGoの型安全と単一バイナリによるポータブルさをGUIアプリに活かす のは意義があると個人的には思っています • あとGoでGUIはフロンティアなのでやりがいがあります • 今日はその変わった挑戦を共有したいと思います
8. 実はGUI開発に向いているGoの特徴 • 静的型付け言語 -> 安全にUIのロジックが書ける • クロスプラットフォーム -> CUIツールと同じように配布できるGUIアプリが作れる • ビルドが早い -> 開発スピードで利点がある
9. クロスプラットフォーム • macで開発したアプリをWindowsやLinuxでもそのまま動かせる • OSに依存せず配布できるアプリケーションは便利 • GUIだとなおうれしい • GUIアプリはクロスプラットフォームを活かせる
10. GoでのGUIアプリ作成のためのフレームワーク • Wails • ebitengine • gio • fyne（時間切れ
11. Wails
12. Wails • Web技術でUIを構築するGUIアプリフレームワーク ◦ 簡単に言えばelectronのようなもの • 対応環境 ◦ Windows ◦ MacOS ◦ Linux • OS標準のWebViewを使用してGUIを構築している
13. 特徴 • WebViewをGUIに活用しているため既存のWeb技術が使える ◦ フロントエンドはJSでバックエンドがGoなためほぼWebアプリケーション • フロントエンドとバックエンドを繋ぐライブラリが自動生成される ◦ electronでもbrowserとmainを繋ぐところの型定義が面倒だったが、自動生成してくれる
14. ライブラリの自動生成 • wails devやwails generate moduleコマンドで生成される Goで作成したstructと関数 生成されたJSのコード
17. postMessage • WebViewからpostMessageでバックエンドのプロセスにメッセージを送る • WebViewのpostMessageとwindow.postMessageは実は違う ◦ WebViewのpostMessageはWebViewをlaunchしているプロセスにメッセージを送れる ◦ window.postMessageは異なるoriginのwindowオブジェクトにメッセージを送れる WebView postMessage window.postMessage
18. pros&cons • pros ◦ JSの資産が活かせるのが圧倒的に楽 ◦ フロントとバックエンドをつなぐコードが自動生成されて型安全 ◦ ビルドサイズはelectronに比べると小さい（自作のメモアプリで20MBぐらい • cons ◦ Goですべて完結しない ◦ mobileには対応していない
19. 雑感 • いろいろ試してみたけど一番しっくり来る ◦ これはWebアプリケーションエンジニアだからかも知れない • 最近のフロントエンドフレームワークはtoo muchかも知れない ◦ ReactとかのServerside componentの機能とかいらない • 手軽に試すにはおすすめ
20. Ebitengine
21. Ebitengine • 有名なゲームエンジン • 対応環境 ◦ Windows ◦ MacOS ◦ Linux ◦ FreeBSD ◦ browser(WebAssembly) ◦ Android ◦ iOS ◦ NintendoSwitch（！） • OpenGLやMetalを使ってGUIを構築
22. 特徴 • GUIの描画にDirectX OpenGL Metalと各種OSによって変えている ◦ そしてそれは開発者が意識する必要ない（オプションで指定はできる • 自由度が高い ◦ ピクセル単位でどこに何を描画するか指定する • 全ては画像から画像への変換 ◦ 画面は画像に画像を貼り付けて描画される
23. 全ては画像から画像への変換 • screenというebiten.Imageに対してFillCircleやFillRectで描画する • Ebitenengineは1frame 1Imageで、Imageに書き込んで絵を作る
24. pros&cons • pros ◦ ネイティブで動作するGUI ◦ あらゆるOSでゲームを動かせる • cons ◦ 当たり前ではあるがゲーム用のフレームワーク ◦ レイアウトを作るのに熟練がいる ◦ Windowsではcgoが不要だが他のOSでビルドするときそれぞれの対応がいる
25. 雑感 • ゲーム開発したくなった • UIの構築がWebに慣れていると戸惑いがち • 意外と各種OSに向けてビルドするときにひと手間いる
26. Gio
27. gio • 即時モードGUIという考え方 • 対応環境 ◦ Windows ◦ MacOS ◦ Linux ◦ FreeBSD ◦ browser(WebAssembly) ◦ Android ◦ iOS • OpenGLやMetalを使ってGUIを構築 • MaterialUIのWidgetが用意されている
28. 特徴 • 即時モードGUI ◦ …is ? ◦ 毎フレームコードで描画するGUI ◦ 簡単に言うとゲームのような描画スタイル ◦ 即時モード・保持モードという考え方がある • Widgetがライブラリとして用意されている
29. 即時モードと保持モード https://learn.microsoft.com/ja-jp/windows/win32/learnwin32/retained-mode-versus-im mediate-mode 即時モード 保持モード
30. 即時モードと保持モード モード 特徴 UI更新の仕組み 保持モード UIツリーを保持 状態が変わると差分更新（Reactなど） 即時モード UIツリーを保持しない 毎フレーム再描画（ゲームのような設計）
32. pros&cons • pros ◦ ネイティブで動作するGUI ◦ ゲームのようにUIを作れる • cons ◦ 即時モードGUIという考え方に慣れない ◦ Widgetがまだ発展途上
33. 雑感 • 即時モードと保持モードという考え方を知れて良かった ◦ 多分ゲームとかコンピュータグラフィックス系では当たり前の概念かも • Widget色々あるけど、欲しいWidgetがないとき苦労しそう
34. 各ライブラリの比較表 フレームワーク スター数 最終リリース 特徴 技術基盤 モバイル対応 向いている用途 Wails 30.4k 2025/07/06 Web技術ベース WebView ✗ 既存Web資産を活 かしたデスクトッ プアプリ Ebitengine 12.5k 2025/10/10 ゲームエンジン OpenGL/Metal/ DirectX ◯ ゲーム・描画中心 アプリ Gio 2k 2025/09/10 即時モードGUI OpenGL/Metal/ Vulkan ◯ ネイティブGUI・ ツール系
35. まとめ • GoでもGUIフレームワークは活発に開発されている • 目的に応じてフレームワークを選べる ◦ Web技術を活かすなら Wails ◦ ゲーム性・描画重視なら Ebitengine ◦ ネイティブなGUIなら Gio • WebアプリケーションエンジニアならWailsが一番とっつきやすいかも ◦ 実際Wailsでメモアプリを作ってますがWeb開発と同じような感覚で作れます • Gioも即時モードを理解してトライしてみたいですね
36. GoでもGUIを作ろう！