Open12

Goでフロントエンド(Vecty)体験記

suger-131997suger-131997

Goの勉強とフロントエンドの勉強を同時進行するためという建前でVectyでフロントエンドを作ってみるチャレンジ

目下の目標はReactのExample ProjectsをVectyで実装すること。

スタート地点はこの前書いたQiita記事

suger-131997suger-131997

Goland上でwasmserveを使うには

Run -> Edit Configurations -> Shell Script

Script textにしてwasmserveとしとけばいいっぽい?

WSL上のPathがうまいこと扱えてないのかScript fileの指定は失敗する…

なんかやり方違うんかなぁ

suger-131997suger-131997

WebAssemblyだとなんかgo testできないとかデバッガ使えないみたいな問題があったけど、ロジックを分離してロジック側だけテストするようにすれば問題なくテストできそう

ビュー側のテストは別途やるしかないけど

suger-131997suger-131997

結局vscodeに返ってきた。設定が手軽。

go.toolsEnvVarsgo.testEnvVarsを別で設定すれば、デバッガもテストも使えそう

suger-131997suger-131997

あとcssで指定したのをvecty.Style()を上書きしてるけど、まあこれでいいんだろうな

suger-131997suger-131997

cssはできれば書かない縛りをしているけれど、コードに全部書くのもなんだかなぁという気もしてきた。

suger-131997suger-131997

vectyをimportしているとテストが走らなくなるのがしんどさある。
importしているパッケージをimportしても、もちろんテストは走らない。

ちゃんと分離する必要があるな…

suger-131997suger-131997

電卓作ってたけど辛くなってきたからいったん違うのに行きたい
https://suger-131997.github.io/calculator-vecty/

やり残したことメモ
・0割りの時の挙動とエラー表示
・スマホで見ると数字がデカい
  ・レスポンシブ的なのでどうにかなる?
  ・中央揃えもしたい

どっちかってゆーとreduxの中で生じたエラーの正しいハンドリングがわかんない気持ち