にわかプラス

にわかが玄人になることを夢見るサイトです。社会や国際のトレンド、プログラミングや電子工作のことについて勉強していきたいです。

Puppeteerに必要なライブラリ

Puppeteer フロントエンドのテストをヘッドレスで行うために使ってみた。 今まではchromeをインストールした環境でPuppeteer無しで行っていたが、Puppeteerがchrome(chromium)のバイナリを入れてくれるようなので試してみた。 インストールはyarn add -D pup…

ソフトウェアエンジニアの育休振り返り

育休を終えて 悲しいことに3ヶ月の育休が終わる。 仕事という生活に組み込まれたルーティンがなくなったという体験がものすごく新鮮だった。 控えめに言って最高だった。 同僚が育休を取るときは全力でサポートしようと決めた。 子育てはもちろんだけど、ソ…

gRPC-connectのGetting startをNode(TypeScript)でやってみた

動機 前から少し気になっていたのと、時雨堂の方のTwitterを見て、gRPC-connectがこれから来るのではないかと思ったので、使用感を確かめてみた。 bufbuild/connect-crosstest: Connect's gRPC and gRPC-Web interoperability test suite. https://t.co/GXcT…

Git rebaseを使ってmainの変更を取り込む

git

参考サイト: 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公式ドキュメントまとめ Reactive property

Lit 公式ドキュメントまとめ 3 www.niwaka-plus.com www.niwaka-plus.com Lit 公式ドキュメントまとめ 3 Reactive properties Public propeties and internal state クラスフィールド(メンバ変数)を使ってはいけない Property options attribute converter…

Lit公式ドキュメントまとめ レンダリング

Components Components 前記事 Litの定義 www.niwaka-plus.com Components レンダリング レンダリングできる値 render() の良い書き方 Litコンポーネントテンプレートの作成 テンプレートはいつレンダリングされるか DOMのカプセル化 レンダリング 以下のよ…

Lit公式ドキュメントまとめ Components

google製ライブラリLit公式ドキュメントの記事です。 Reactとの技術比較やLitに興味ある方ぜひご覧ください。

ArduinoIDEをVS Codeにしたらコード補完や書き込みが楽で最高になった

Arduinoの標準IDEはよくできているが、コード補完が効かなかったり、参照ライブラリ元へ飛べなかったりと少し残念である。 そこで、エディタをVS Codeに切り替えることで、コード補完、参照ライブラリへのジャンプ、その他VS Code拡張の恩恵を預かれるように…

Unityでアニメーションを作成し動画書き出しする手順

Unityは動画編集ツールのように、タイムラインに沿ってアニメーションを作成する事ができて非常に良かった。 3Dモデルのインポートから、アニメーションを設定し、動画の書き出しまでの手順を示す。 また、タイムラインの表示であったり、プロパティのチェッ…