HTML/CSS
JavaScript
Ruby
Rails
- rails
- model
- form
- check_box
- flashメッセージ
- API・Ajax
- 単体テスト
- 統合テスト
- deploy
- railsの落とし穴
- TimeZone
- 新規プロジェクトの始め方 まとめ
- Action Mailer
Python
Terminal
VS Code
GIT
開発環境
Linux
JavaScript Reactでhtmlタグを拡張したPropsを定義する
ReactにComponentPropsという汎用型が定義されているので、これを利用するのがよいです。具体的には以下のよ...
JavaScript ある型の一部であることを満たす型を作成する(typescript)
以下の様な型を作成したい時、EmployeeがPersonの型を満たしていることを保証したい。type Person =...
JavaScript NextJsでimport順を自動で並び替える(#javascript)
まずはpluginをinstallnpm install eslint-plugin-import --save-dev...
JavaScript NextJsでまれによくあるエラー
拡張機能によるエラー / hydration error私の場合はログイン画面で下記のようなエラーが発生しました。人によ...
JavaScript github actionsからvercelへdeployする（#javascript)
name: Production Deploymentenv: VERCEL_ORG_ID: ${{ secrets.V...
JavaScript Reactでsticky状態に応じてスタイルを変える(javascript)
スクロール中に上下方に固定される要素があり、position: sticky;を利用して張り付き状態の時にbackgro...
JavaScript localでメールサーバーを立てる
next-authでマジックリンク認証を使うことがあり、ローカルでメールサーバーを実行したくなったので記録を残しておきま...
JavaScript prismaでMySQLを使う(javascript)
prisma.schema string型がvarchar(191)にマッピングされるtextにマップされると思っていた...
JavaScript prismaで全てのテーブルをDropする(javascript)
Postgresasync function clearAllTables(modelNames?: Prisma.Mo...
JavaScript zodでobjectのkeyからenumを定義する(javascript)
{ JP; '日本語', EN: '英語' }のような内部値をユーザ表示用の文字列に変換するオブジェクトや辞書を持ってい...
JavaScript viteでnpm packageをpublishする
viteを使ってreact用のコンポート年とライブラリをnpmにデプロイしたのでメモを残しておきます。tsconfig....
JavaScript MUI DataGridで保存時にvalidationする(javascript)
DataGridで行の編集/保存ボタンを用意した場合、保存ボタン時にvalidationしてセルに通知を出したいですよね...