げっとシステムログ

WEB開発メモ

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 というものがあることを知った。 軽量だというので…

Vue 3 を TypeScript で

CONTENTS なにがやりたいのか 必要なパッケージのインストール webpack のセットアップ vue を使うための TypeScript の設定をする vue のコードを書く まとめ 参考資料 ENVIRONMENTS node : 14.4.0 vue : 3.0.0-beta.15 なにがやりたいのか HTML の描画とイ…