taichi– Author –
-
【Next.js】【TypeScript】学習時の参考URL
やりたいこと 急遽TypeScriptを学習することになりましたが、かなり大変です(現在進行形。 参考になった記事を残します。 まだまだ勉強の道は険しい。これからFlutter勉強もしたい。クラウドも。時間足りない〜〜〜。 ひとつ確実に言えるのは、JavaScript... -
【Next.js】App Routerの構成について
やりたいこと 自分のために、読んでためになった記事を残します。 参考 参考ページ ・【完全版】App Routerで最初に知っておくとよさそうな基礎を全部まとめてみた https://rakuraku-engineer.com/posts/nextjs-app/ -
【Next.js】.env が読み込まれない (undefinedになる)
やりたいこと ReactをNext.jsにリファクタリングしている途中に下記のようなエラーに遭遇した。 fetch先のURLを.envで指定しているのに、undefinedになっている。ので、fetch先にPOSTできない。 コード: const handleScan = async (code) => { setShow... -
【Next.js】【React】起動時にuseEffectが2回実行されてしまう。
やりたいこと 下記のようにuseEffectを使うと、npm run devを実施した1回目のみ表示されるはずだが、2回実行されてしまう。 useEffect(() => { console.log("Hello,world"); }, []); 分かったこと StrictMode 詳細は割愛するが、StrictModeがデフォル... -
【Next.js】sh: next: command not found というエラーが出る
やりたいこと GitHubからクローン後、npm run devを実施すると上記のエラーが発生します。 これを解決したいです。 やったこと npm install プロジェクトにライブラリやパッケージがないことでエラーが発生しています。そこでpackge.jsonを読んで、それら... -
【GitHub】コードのアップロード, clone(クローン)
やりたいこと VScodeからGitHubに対して、あれこれする際に色々忘れがちなのでまとめておきます。 ・リポジトリ作成後、アップロード ・clone(クローン) ・後々フェッチとか...。 ※1:GitについてとGitHubで新しいリポジトリの作成方法について、割愛。 Git... -
【Next.js】環境構築
やりたいこと macbook air m1 chipにて、Next.jsの環境構築したい。特筆することはないですが、まとめておきます。 2023/12/31時点 ・macOS 13.4 Ventura ・Next.js 14 やったこと npx create-next-app my-app(プロジェクト名) ①:プロジェクトディレクト... -
【Python】【mac】仮想環境を作る。
やりたいこと Pythonを使った開発を行う時は、プロジェクトごとにしっかり実行環境を管理しないと、別のメンバーがアサインされた時に上手く動作ができなくなってしまいます。 venvを使った仮想環境をまとめる方法をまとめておきます。 自分もまとめておか... -
【Next.js】リダイレクトでハマったこと
やりたいこと クライアントサイドでリダイレクトを使いたかったがエラーが出たので、その対処をする。 下記のコードを実施すると、エラーが発生。 Error: No router instance found. You should only use "next/router" on the client side of your app. "... -
【Next.js】useRouter と Router の違い
知りたいこと 表題の通り、違いがわからなかったので調べました。 わかったこと 参照リンクを見つけました。ので抜粋してリンク先を見てください(2023/12) >明確な違いは、 useRouter がフックであり、 Router がただのグローバルな変数にすぎないとい...