にわかプラス

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

WevDev

Puppeteerに必要なライブラリ

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

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…

フロントエンドのディレクトリのベストプラクティス

フロントエンドのディレクトリ構成のベストプラクティス この記事を参考にこのブログを書いた。 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に興味ある方ぜひご覧ください。