未分類 ナビの情報を外部からMAPで読み込む
typescriptの場合は型定義も必要//types/index.d.ts// marketing.tsの型定義export type NavItem = { title: string; href: string; disable...
marathon_world@yahoo.co.jp
未分類 未分類 NEXT.jsをコピーしてGITHUBにプッシュ
未分類 githubのpush
git add .git commit -m "update"git pushただし、チーム開発をする場合には履歴が毎回「update」になってしまうので、お勧めしません。個人開発ならOKかな。react-iconsnpm install ...
未分類 Zod
ZodとReact Hook Formを組み合わせる例npm install @hookform/resolvers
未分類 react-hook-formとは
未分類 プリティアの悩み解消！
改行してコードを書きたいのに、プリティアが治してしまって逆に醜いコードに！そんな時の対処法。.prettierrcを設置するNEXT.jsの開発環境内に.prettierrcファイルを設置します。デフォルトではこのファイルはないのでターミナ...
CSS tailwindCSSについて
特徴（１）いわゆる「モバイルファースト」のCSS。モバイルサイトに関するCSSを最初に記載して、その後にタブレットやPC用のサイトのCSSを追加で記載するスタイル。NEXT.jsとかなら開発環境を構築するときに一緒にインストールできますが、...
typescript typescript体験
方法は大きく分けて2つ！（１）typescript playgroundというWEBサービス（２）vscに開発環境を作る
未分類 web1-next開発手順（特にtailwind.css）
（１）tailwind.config.cssがないので作成する（これがないと何故か補完機能が効かない）内容はこんな感じimport { defineConfig } from "tailwindcss";export default def...
NEXT.js node_modulesの再インストール
ターミナルを既存のディレクトリに移動させて、node_modulesを削除！そして下記のコードを打ち込む。rm -rf node_modulesnpm install