Madogiwa Blog

主に技術系の学習メモに使っていきます。

2024-11-01から1ヶ月間の記事一覧

個人的ピュアなVue.js を採用した際のディレクトリ構成の考え方メモ📝

最近、ピュアなVue.jsを採用したフロントエンド周りのディレクトリ構成に想いを馳せることが多いので現時点での自分の考え方を共有しやすいようにメモしておく 基本思想 各ディレクトリの役割と基本ルール stylesheet entrypoints components pages template…

個人的なCSS構成の考え方のメモ📝

世間ではVue.jsのSFC、Tailwind、CSS in JSのような技術を用いてコンポーネント内でカプセル化して統制をとっていくことが主流だと思いますが、なぜか最近ピュアなCSSを書くことが多いので自分なりに設計として考えていることを整理して共有しやすいようにメ…

Rollupで`import.meta.vitest`をundefinedに設定してVitestのIn-Source Testingを削除する方法メモ📝

VitestのIn-Source Testingは非常に便利ですが、本番ビルド時には削除しないとデッドコードが含まれてしまいbundle sizeの不要な肥大化につながってしまいます。 vitest.dev Rollupで削除する方法にちょっとハマったのでメモ 結論としては見落としていたので…

Ruby on Rails: 本番イメージが起動することをGitHub Actionで確認するメモ📝

本番環境をDockerイメージを使ってデプロイするときに思わぬ変更で本番環境のRailsアプリケーションが起動できないことがあります。 それを事前に検知できたら便利ということで最低限Railsのサーバーが立ち上がりヘルスチェックのエンドポイントが正常なレス…