推しアイデア
素直にクリスマスツリー！Wails使ってみた！
プレシオカップ
海洋無酸素事変
―
Go
TypeScript
CSS
Docker
JavaScript
ローカルにある画像ファイルのビューアです！Goいっぱいです！
作った背景
１２月だよ？クリスマスツリー用意した？ 年末だよ？ファイル整理しようよ？
推し技術
Go。とにかくGo。 具体的には Wails、path/filepath、io/fs、JSON API サーバー
プロジェクト詳細
WAILS 使いました！
公式ドキュメント（https://wails.io/ja/）
Wailsは、Go言語とWeb技術を使用して、デスクトップアプリの構築を可能にするプロジェクトです。
"Goの力によって、Electronが軽量かつ高速になったようなもの"、と考えるとよいでしょう。 Goの柔軟性とパワーに、リッチでモダンなフロントエンドを組み合わせたアプリを、簡単に構築することができます。
技術構成図
見た目
↑↑ここからローカルファイルを取得
↑↑ローカルファイル一覧が表示（もう少し綺麗なツリー構造にしたかった！）
↑↑これで楽しくファイル整理ができますね！（今回は画像ファイルだけ）
初めて使った技術・頑張った技術
- Wails
- JSON API
- ローカルでPOST送受信
- path/filepath
- io/fs
- CSSを初めとした描画頑張った！！(UIライブラリに頼らず頑張ってみた ！)
- JSON投げつけるの頑張った！
開発歴史
- Wailsの採用 → Goの流れが確定する
- path/filepath でディレクトリを漁る実装
- io/fs の walkDir でディレクトリを漁るように変更
- フロントで何も表示されなくなる事件発生 → 開発終了24時間前くらいで、Wails から Electron への以降の危機 → １行書き忘れだっただけ
- webp, svg, jpeg, jpg, gif, png, tiff, bmp に対応
- バックとフロントのやりとりを JSON API に変更
- 順調に深夜の限界開発へ
- 最終日朝，ローカルでPOSTの受送信に苦戦
- 開発終了４時間前にバックエンドの開発環境が破損，出力不可に → なんとか治す
- ローカルでのPOSTの受送信に成功
- わざわざ Docker で API サーバーを起動する技術の無駄遣いを実装
