げっとシステムログ

WEB開発メモ

ぼくのかんがえたさいきょうの状態管理

UI の状態管理に関する現在の理解について。 production には未適用 React としてアンチパターンな気がする CONTENTS 1言で コードで データから状態を構築するということ まとめ 参考資料 1言で 状態とデータをはっきり区別する 状態: UI の構築に必要な…

Web IDE を試す

CONTENTS なんでそんなことをするのか Theia を選んだ理由 Theia セットアップ built-in 拡張機能のセットアップ 拡張機能のインストール キーボードショートカットの設定 typescript のセットアップ まとめ 参考資料 APPENDIX ベースイメージ Dockerfile EN…

webpack で web-worker してみる話

CONTENTS なぜそんなことをするのか まず単純に worker してみる webpack で build してみる うまくいかなかったこと まとめ 参考資料 なぜそんなことをするのか この記事を読んで web worker のことを知った。 DOM の描画処理とは別スレッドでメインの処理…

TypeScript で protocol buffers する話

CONTENTS なぜそんなことをするのか protobufjs のインストール proto ファイル定義 コード生成 エンコード デコード まとめ 参考資料 ENVIRONMENTS TypeScript : 4.0.2 protobufjs : 6.10.1 なぜそんなことをするのか API との通信で使用したい Local Stora…

Google Cloud Run にデプロイしてみる

CONTENTS なぜそんなことをするのか Cloud Run にデプロイ Secret Manager で機密情報を管理 distroless イメージを使用してビルド CI によるデプロイ まとめ 参考資料 なぜそんなことをするのか これまで GKE で K8s のクラスタにデプロイしていた。 Cloud …

golang で test カバレッジを計測する

CONTENTS なにがしたいのか カバレッジを計測する カバレッジを取るパッケージを指定する まとめ 参考資料 なにがしたいのか 複数のパッケージで開発している テストが含まれないパッケージもある テストが含まれていないパッケージも含めてカバレッジを計測…

preact と htm でフロントエンド

CONTENTS なぜそうするのか 開発環境の構築 サンプルコード まとめ 参考資料 ENVIRONMENTS preact : 10.4.4 htm : 3.0.4 typescript : 3.9.5 webpack : 4.43.0 なぜそうするのか この記事を読んで、preact というものがあることを知った。 軽量だというので…