VSCodeでchezmoiのシェルテンプレートファイルを編集する際に、拡張子が`.sh.tmpl`のファイルを`shellscript`に関連付ける方法を紹介します。
投稿数 90 件(1 ~ 10件目)
![iPhone中のすべての広告をVPSのAdGuard Homeでブロックしてみた](/blog/static/0c38c0ad2dc7cbcba964a92d401a30a1/c40b6/topImage.jpg)
ウェブサイトだけでなく、iPhone内のアプリに勝手に表示される広告はうるさいですよね。AdGuard Homeを使用すれば簡単に解決できます。Raspberry Piにインストールして、家のルーターのデフォルトDNSサーバーをAdGuard Homeに設定するのが1つの方法ですが、外出先では広告のブロックが効かなくなります。外でも広告のない生活を送りたいので、VPSにAdGuard Homeをインストールして設定してみました。
![ライブラリをパブリッシュする際に、package.jsonのcjs, esmの設定の入門](/blog/static/4adf9e1496fa9a88f1525039e00bd8bf/c40b6/topImage.jpg)
ライブラリをパブリッシュする際に、CommonJS(cjs)とECMAScript Module(esm)を両方サポートするように設定するのが一般的です。サイズの小さい、tree-shakingしやすいesmを優先するのが今のトレンドでしょう。以前は理解が曖昧でしたが、最近になってようやくコツをつかみましたので、その設定方法を共有したいと思います。
![SPAの認可ならRefresh Token Rotationを有効にしましょう](/blog/static/1a0d96238e1a32c88408eb9359d08955/c40b6/topImage.jpg)
SPAの認可なら、リフレッシュトークンを使いましょう。その上に、セキュリティのリスクを軽減するために、リフレッシュトークンのローテーションを有効にしましょう。その理由を説明します。
![Auth0のMFA(TOTP)の自動テスト](/blog/static/64062523bff8493db454e07610c96192/c40b6/topImage.jpg)
Auth0をカスタマイズしたら、設定がうまくできるかどうか自動テストで確認したいでしょう。ログイン関連がデグレしたらインパクトがデカいからです。MFA(Multi-factor Authentication:多要素認証)のワンタイムパスワード(OTP)を有効にしたら、E2Eテストのハードルがぐんと上がるイメージがありますが、実はそんなに難しいことではありません。今回はPlaywrightでMFA(OTP)有効のログインテストの方法を紹介したいと思います。
![ValibotはZodの代替になれるか](/blog/static/56678032d313d1314b931d1423686fdd/c40b6/topImage.jpg)
Valibotが最近Builder.io(Qwik)の紹介で話題に上がっているスキーマベースのバリデーションライブラリとなります。一番注目されているのはバンドルサイズの部分だと思います。Zodと比較すると、98%のバンドルサイズの削減ができると言われています。さらに、モジュール化されていて、非常にtree-shakingしやすく、確かにバンドルサイズが大幅に減少できるでしょう。早速使ってみた感想をシェアしようと思います。
![開発生産性の思考](/blog/static/6ee46783debf0e106d40f69963b33da7/c40b6/topImage.jpg)
前の記事に書いてありますが、先週の木曜日、1日の休暇を取ってFindyさん主催の『LeanとDevOpsの科学』著者登壇の開発生産性Conferenceに参加してきました。目的はもちろん開発生産性を高める方法を探りたいからです。今回は参加した感想と、開発生産性を高めるために考えていることを書きます。
![Findyの開発生産性コンファレンスを参加してきた](/blog/static/b11ba80a539ca90858b07317b66820ee/c40b6/topImage.jpg)
先週の木曜日、1日の休暇を取ってFindyさん主催の『LeanとDevOpsの科学』著者登壇の開発生産性Conferenceに参加してきました。恥ずかしいことですが、オフラインの1日のコンファレンスへの参加は初めてであり、しかも一人での参加だったため、少々不安でした。しかし、1日があっという間に終わり、参加して良かったと思いました。
![Github Action作成用のテンプレートを作った](/blog/static/6a587af97a644ba7703f2ecbff227198/c40b6/topImage.jpg)
ライブラリを最新の状態に保つためのrenovate, チェンジログの自動生成、バージョン管理するためのchangesetsを使う、typescript-actionの強化版テンプレートを作りました。
![特定なbranchがマージされた時にGitHub Actionを実行する](/blog/static/db7df5c4634b303745d546b585d4e266/c40b6/topImage.jpg)
hotfix/xxxxブランチがreleaseブランチにマージされたら、patchバージョンを上げて、リリースノートを作成するGithub Actionのworkflowの作り方を紹介します。