【Next.js】getServerSidePropsでクエリパラメータを取得する方法
前回、Next.jsを使ったクライアントサイドでのクエリパラメータを取得する方法を解説しました。 Next.jsでクエリパラメータを遷移先に渡すにはどうすればいいのか？ - Qiita 前回使用...
27
18
Comment0
13 search resultsShowing 1~13 results
Stocked
You need to log-in
Next.jsで「document is not defined」と怒られたときの対処法
Next.jsを使っていると様々なエラーに遭遇します。その中でも document is not defined window is not defined これらのエラーは良く見るので対処方法...
13
11
Comment0
Next.jsでクエリパラメータを遷移先に渡すにはどうすればいいのか？
Next.jsでクエリパラメータを渡す方法について日本語の記事が少ないので、この記事では「Next.jsでどのようにしてクエリパラメータを渡すのか？」について解説します。 まず、サンプルで作る画...
42
20
Comment0
Material-UIを使ってダイアログを表示するには？
Material-UIを使ってダイアログを表示するには一筋縄ではいかずパラメータを渡す必要があります。 なので今回は「Material-UIを使ってダイアログを表示する方法」を紹介します。 この...
2
3
Comment0
エンジニアなら知らないと恥をかく！CSSでヘッダーを作る方法
概要 ヘッダーを作るにはFlexBoxを使う リストマーク(・)を無効化するにはlist-style: none; リンクの下線を無効化するにはtext-decoration: none; ヘッ...
2
0
Comment0
脱CSS初心者！5分でわかるレスポンシブ対応
概要 ビューポートでどのように画面表示を行うのかを指定 画面領域毎に読み込むCSSを切り替えるには**メディアクエリ（@media）**を使う 画面幅によってCSSを別ファイルで管理する場合は*...
4
5
Comment0
【next.js】相対パスで指定するのは、もう古い！？たった数行の追加で絶対パスが使える方法とは？
概要 ・jsconfig.jsonを使えば絶対パスを指定できる ・pathsプロパティで各フォルダーごとの絶対パスを指定できる 絶対パスを指定する方法 ルートディレクトリにjsconfig.js...
13
9
Comment0
next.jsでdotenvで環境変数を設定するのは間違い！たった3分で環境変数を設定する方法
概要 ・next.jsでは「.env.local」ファイルで環境変数を設定できる。 ・クライアント側でも環境変数を設定したいときは接頭語に「NEXT_PUBLIC_」をつける ・開発環境は「.e...
36
37
Comment0
constで定数管理するのはヤバい！？値の変更を禁止するたった1つの方法！
概要 ・constは再代入できないが参照型は変更が可能 ・参照型はObject.freezeメソッドで不変な値にできる constは変更できる まず初めに、constで定数を定義すると再代入・再...
4
1
Comment0
reduxを5ステップで解説！フロントエンドのデータ管理をどうするか？
reduxとは？ UIのステートをアプリ全体で管理するためのフレームワーク。ReactやAngularJS、Vueなどで使用することができます。 なぜreduxが必要なのか？ なぜreduxが必...
1
1
Comment0
2ステップで実装！Next.js初心者のための画面遷移
1.はじめに Next.jsを使い始めると「画面遷移処理ってどうするん？」って思って手が止まる人が多いのではないでしょうか？ なのでこの記事はNextの画面遷移がしっかり扱えるようにまとめておき...
12
3
Comment0
ReactのuseContextを使いたいあなたに！たった4ステップで使う方法
1.はじめに この記事ではReactのuseContextについて解説します。 Reactを使っているとコンポーネント間の値の受け渡しが複雑になって管理が大変っていう人多いのではないでしょうか？...
2
3
Comment0
たった5分で分かる！Reactで親子コンポーネントのデータの受け渡す方法
1.はじめに この記事ではReactで親子関係にあるコンポーネントのデータの受け渡し方法を紹介します Reactでのコンポーネント間のデータの受け渡しっていざ使おうというときに忘れてしまいがちで...
9
7
Comment0
13 search resultsShowing 1~13 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles