Puppeteer フロントエンドのテストをヘッドレスで行うために使ってみた。 今まではchromeをインストールした環境でPuppeteer無しで行っていたが、Puppeteerがchrome(chromium)のバイナリを入れてくれるようなので試してみた。 インストールはyarn add -D pup…
育休を終えて 悲しいことに3ヶ月の育休が終わる。 仕事という生活に組み込まれたルーティンがなくなったという体験がものすごく新鮮だった。 控えめに言って最高だった。 同僚が育休を取るときは全力でサポートしようと決めた。 子育てはもちろんだけど、ソ…
動機 前から少し気になっていたのと、時雨堂の方のTwitterを見て、gRPC-connectがこれから来るのではないかと思ったので、使用感を確かめてみた。 bufbuild/connect-crosstest: Connect's gRPC and gRPC-Web interoperability test suite. https://t.co/GXcT…
参考サイト: https://style.biglobe.co.jp/entry/2022/03/22/090000 style.biglobe.co.jp なぜrebaseを使うか。上のサイトにかいてあるが、コミットログをきれいにするため。 main→branchをマージで行うと、自分のbranchのコミット間に他の人のコミットが紛…
フロントエンドのディレクトリ構成のベストプラクティス この記事を参考にこのブログを書いた。 https://profy.dev/article/react-folder-structure Webフロントエンドのプロジェクトに途中参画したが、ディレクトリ構造が少しカオスめだったので、どのよう…
Lit 公式ドキュメントまとめ 3 www.niwaka-plus.com www.niwaka-plus.com Lit 公式ドキュメントまとめ 3 Reactive properties Public propeties and internal state クラスフィールド（メンバ変数）を使ってはいけない Property options attribute converter…
Components Components 前記事 Litの定義 www.niwaka-plus.com Components レンダリング レンダリングできる値 render() の良い書き方 Litコンポーネントテンプレートの作成 テンプレートはいつレンダリングされるか DOMのカプセル化 レンダリング 以下のよ…
google製ライブラリLit公式ドキュメントの記事です。 Reactとの技術比較やLitに興味ある方ぜひご覧ください。
Arduinoの標準IDEはよくできているが、コード補完が効かなかったり、参照ライブラリ元へ飛べなかったりと少し残念である。 そこで、エディタをVS Codeに切り替えることで、コード補完、参照ライブラリへのジャンプ、その他VS Code拡張の恩恵を預かれるように…
Unityは動画編集ツールのように、タイムラインに沿ってアニメーションを作成する事ができて非常に良かった。 3Dモデルのインポートから、アニメーションを設定し、動画の書き出しまでの手順を示す。 また、タイムラインの表示であったり、プロパティのチェッ…
