プログラムメモ
Category
Next.js
graphqlクエリ
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
JavaScript
jQuery
node.js
WEB制作（html, css)
cssスタイルシート
Tailwind CSS
Bootstrap
サーバ構築・管理
Mac / Linux / FreeBSD シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server（MS-SQL）
React
Vue3
Next.js
Vue.js
Ionic / Angular フロントエンド
postgreSQL
gulp(タスク自動化ツール)
デザイン関連（Photoshop・Illustrator）
Figma / Adobe XD / Sketch
フリー素材（写真、アイコン、フォント）
iPhone / iPad
WEBサービス / API
SQLite
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
Windows WEB開発（ASP.NET Core / C#）
Visual Studio for Mac (Xamarin.Mac)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
PHPフレームワークCodeIgniter
最近のメモ
create t3 app でプロジェクトを作成する
React Hook Form + zod
Next.jsのApp routerでtRPCサーバを立てて、サーバーサイド、クライアントサイドから利用する
aws CDK
javascript の 実行時間を計測して表示する console.time()
gitの最新コミットの日付を表示させる
nginx で Laravel でのアクセスが 503 になるので調査した
Cloud Run へ Next.js アプリをデプロイ
Next.js App Router の サーバーサイド fetch のキャッシュについて
Cloudflare へ next.js app router アプリをデプロイ
JavaScript の Symbol.for() とは？
node.js で 「実行中のファイル」「ワーキングディレクトリ」を取得する
next.js で .env.staging を使用したい
React Hook Form で Input argument is not an HTMLInputElement エラーが出る場合
zodで最大文字数チェックの時に「現在 xx文字です」を表示させる
PHPのエラー表示を設定する
Next.js の App Router ざっくりまとめ
gcloud CLI + Mac インストール
Prisma で 1対1( One to One ) 1対多( One to Many )リレーションの定義
JavaScript で実現する WYSIWYGエディタ
Prismaのちょっとしたテクニック
Reactなのに EventEmitter 使うパターン
git のコミットメッセージは AIが書くのでもう書かない / aicommits を使用して。
zodで userName の値が正しい場合に、ユニークであるかをさらに検証する
lodash の debounce を非同期関数（async , await）で使用する
検索
Next.js
トップに戻る
新規投稿
tags
フロントエンド開発の先端を突っ走るNext.js
next.js アプリの初期化( npx create-next-app@latest --use-npm ＜アプリ名＞ )
クイックリンク
create t3 app でプロジェクトを作成する
Next.js のサーバーサイドで DynamoDBを使用する
Cloud Run へ Next.js アプリをデプロイ
Next.js App Router の サーバーサイド fetch のキャッシュについて
Cloudflare へ next.js app router アプリをデプロイ
next.js で .env.staging を使用したい
Next.jsのApp routerでtRPCサーバを立てて、サーバーサイド、クライアントサイドから利用する
next.js (app router) で 現在のURLパス、クエリパラメーターを取得する
app router の API機能（Route Handlers）/ tRPC でエンドポイントを作成する
Next.js app router で プレーンなjson以外のクラスを Server → Client へ渡す
PlanetScale
next.js アプリに typescript で jest を記述する。環境変数を読み込ませる
Next.js の App Router ざっくりまとめ
ブラウザ環境か node.js 環境かを判別する
next.js で tailwind.css が効かない時に調べるところ
next.js の Image の fallback
bun で next.js
Next.js App Router
Next.js で css module を使用する
next.js で .envにtypescript 型定義をつける
graphql-codegenでサクッとReact用hooksを自動生成
npm script で ブラウザを開く
cypress
Next.js で emotion
zustand
すでに作成ずみの Next.js アプリを Firebase Hosting へデプロイする
テンプレートを使ってNext.js を Firebase Hosting へデプロイする ( SSR は Firebase Functionsへ )
firebase hosting
● (Next.js App Router)のコンポーネントが 「サーバー」/「クライアント」どちらかのみで動作することを限定する
Next.js で 多言語
next.js (pages router) で 現在のURLパス、クエリパラメーターを取得する
next.js の アプリをサブディレクトリで動作させる
next.js の ルートURL を変更する
next.js で cypress の E2Eテスト
nextjs middleware
Next.js で 画面遷移、1つ前の履歴に戻る
Next.js + SQLite
Next.js でdynamic import ( ssr: false ) による SSR回避
Next.js アプリの初期化
Next. js で getLayout パターンで 共通のレイアウトページを作成する
Next.js で 環境ごとに 設定ファイル（.env.development , .env.production）をわける
Next.js のコンポーネントが 「サーバー」/「クライアント」どちらで動いているかを調べる
create t3 app でプロジェクトを作成する
● create t3 app でプロジェクトを作成する
https://create.t3.gg/
npm create t3-app@latest <アプリ名>
No.2450
01/22 16:28
edit
edit
delete