プレシオカップ

海洋無酸素事変

https://github.com/Sea10wood/Plesiosaurus_frontend

Go

TypeScript

CSS

Docker

JavaScript

ローカルにある画像ファイルのビューアです!Goいっぱいです!

Sea10

rayfiyo

推しアイデア

素直にクリスマスツリー!Wails使ってみた!

作った背景

12月だよ?クリスマスツリー用意した? 年末だよ?ファイル整理しようよ?

推し技術

Go。とにかくGo。 具体的には Wails、path/filepath、io/fs、JSON API サーバー

プロジェクト詳細

ChristmasCurator

WAILS 使いました!

公式ドキュメント(https://wails.io/ja/)

Wailsは、Go言語とWeb技術を使用して、デスクトップアプリの構築を可能にするプロジェクトです。

"Goの力によって、Electronが軽量かつ高速になったようなもの"、と考えるとよいでしょう。 Goの柔軟性とパワーに、リッチでモダンなフロントエンドを組み合わせたアプリを、簡単に構築することができます。

image

技術構成図

image

見た目

image ↑↑ここからローカルファイルを取得 image ↑↑ローカルファイル一覧が表示(もう少し綺麗なツリー構造にしたかった!)

image ↑↑これで楽しくファイル整理ができますね!(今回は画像ファイルだけ)

初めて使った技術・頑張った技術

  • Wails
  • JSON API
  • ローカルでPOST送受信
  • path/filepath
  • io/fs
  • CSSを初めとした描画頑張った!!(UIライブラリに頼らず頑張ってみた !)
  • JSON投げつけるの頑張った!

開発歴史

  • Wailsの採用 → Goの流れが確定する
  • path/filepath でディレクトリを漁る実装
  • io/fs の walkDir でディレクトリを漁るように変更
  • フロントで何も表示されなくなる事件発生 → 開発終了24時間前くらいで、Wails から Electron への以降の危機 → 1行書き忘れだっただけ
  • webp, svg, jpeg, jpg, gif, png, tiff, bmp に対応
  • バックとフロントのやりとりを JSON API に変更
  • 順調に深夜の限界開発へ
  • 最終日朝,ローカルでPOSTの受送信に苦戦
  • 開発終了4時間前にバックエンドの開発環境が破損,出力不可に → なんとか治す
  • ローカルでのPOSTの受送信に成功
  • わざわざ Docker で API サーバーを起動する技術の無駄遣いを実装

Sea10

@Sea10wood