x7ddf74479jn5

新しいホームページを作りました

Version	Link	Repository
New	https://three-homepage.vercel.app/	(https://github.com/x7ddf74479jn5/three-homepage
Old	https://next-portfolio-livid.vercel.app/	https://github.com/x7ddf74479jn5/next-portfolio

x7ddf74479jn5

GASローカル開発メモ

リンク

GAS Reference

google/clasp

方針

x7ddf74479jn5

型安全Firestoreへの道

無理くり通してるところがあるので間違ってるかもしれない。

目的

TypeScriptで書くと楽なので、Firestoreも可能な限り型安全に使いたい。

方針

x7ddf74479jn5

Firestore倹約術

目的

Firestoreのread/write課金を減らす。フリーティアの範囲内の運用にする。

方針

read/write

x7ddf74479jn5

Svelte Memo

Svelte

import type { Post } from 'src/types';のように型情報だけインポート。

// eslint.cjs
rules: {
 "@typescript-eslint/no-explicit-any": "off",

x7ddf74479jn5

モノレポ構成で husky 設定方法

モノレポ構成であれば root ディレクトリに.gitディレクトリを作るので、サブディレクトリの/frontend側から husky を走らせたいとき.gitへの参照が取得できず失敗する。

構成

├── /frontend
│   ├── ...
│   └── package.json

x7ddf74479jn5

Vercelメモ

Environment

VercelにはProduction, Preview, Developmentの３つの環境がある。

• Production: Productionブランチにpushした場合
• Preview: Production以外のブランチにpushした場合
• Development: vercel devで立ち上げたローカルサーバーの環境

x7ddf74479jn5

pnpmで管理しているプロジェクトでStorybookを試す

動機

Storybookはpnpmでパッケージを管理している場合、不具合が出ることが指摘されている。

しかし最近、pnpmを使う機会が増えてきたため実際どうなるか試す。

現状

x7ddf74479jn5

GASでGoogle Formの通知ツールを作りました

機能

Google Formの回答をメールとSlackに通知できます

• 任意の時間に一括通知 / フォームサブミットイベント時に通知
• フォームサブミットイベントの通知ではGoogle Formのデフォルトのメール通知より詳細な情報が提供されます

x7ddf74479jn5

Playwrightメモ

• GitHub Actions
• Tips: lazy-loading
• PCとモバイルで別々の設定でテストを分ける