オブジェクトのキーではなく、ラベルと認識される件について
結論：アロー関数は戻り値がObjectの時に()が必要 エラー内容 'color:' is defined but never used.eslintno-unused-labels Unexp...
1
0
Comment0
39 search resultsShowing 1~20 results
Stocked
You need to log-in
Next.js 初期セットアップ
パッケージインストール devDependenciesにインストールしたいとき npm install <パッケージ名> --save-dev dependenciesとdevDep...
0
0
Comment0
Next.jsとjson-serverとsupabase
データの受け渡し json-server データを作成する src / data / posts.json { "posts":[ { "id":"1", "title":"Next.js", ...
0
0
Comment0
お母さんでもわかるReact「コンポーネント、Props」
宣言的なview 今まで扱っていたJavaScriptやjQueryは、直接DOm操作する命令的なviewでした。 一方Reactは宣言的なviewといい、データさえ与えれば勝手にviewが変わ...
0
0
Comment0
[自分用]なぜNext.js？
なぜNext.jsを使用するのか 素のReactを使用すると、構文以外でつまづきやすいため。 ReactのフレームワークであるNext.jsを使用。 素のReactで躓きやすいポイント ・ルーテ...
1
0
Comment0
[自分用]Next.jsのcss modules
なぜcss modulesを使うのか css modulesを使用するとcssの管理が容易になる。 例えば、大規模アプリ開発をするときにクラスの命名被りを無くすことができる。 そして何より、Ne...
0
0
Comment0
[自分用]Next.jsのカスタムフックとリフトアップ
カスタムフック カスタムフックを使う理由はコンポーネント分けと同じで、use系も使い回しができるようになる。 コンポーネント分けするよりもUIの自由度が高い！ カスタムフックを使用するときに気を...
5
1
Comment0
お母さんでもわかるJavaScript「const、分割代入、デフォルト値、スプレッド構文」
constについて constは基本、再宣言・代入ができない！ がしかし！代入や追加ができてしまうケースがある。それが「オブジェクト・配列・関数(他にも多分ある)」の時です。 ※厳密には「その中...
0
1
Comment0
[自分用]Next.jsのState
とりあえずやってみよう！ とりあえずクリックしたらfooが１ずつ増える関数を書いてみる。 export default function Home() { let foo = 1; const ...
1
0
Comment0
お母さんでもわかるVSCodeの拡張機能を共有する方法
どのようなものなのか クローンしたリポジトリをVSCodeで開いたときに「この拡張機能入れてくださいね〜」とアラートを出すことが出来るらしい。 設定をするフォルダは.vscodeディレクトリ（V...
0
0
Comment0
[自分用]ニ◯・ロビン = 破壊的メソッド
useStateで配列を使っていく 初期値の内容に応じて配列を作る。空配列でもOK！！ export default function Home() { const [array, setArr...
0
0
Comment3
[自分用]Next.jsのuse〜の初期値
文字列の場合 ※早速注意点だが、関数を記述する場所には注意（別の投稿に詳しく書いてあるよ）。 export function Home(){ const [text , setText] = u...
0
0
Comment0
[自分用]Next.jsの空配列について
useEffectの第二引数の役割とは 簡単にいうと、[]に記述された変数が変更されると、改めてuseEffectの中身が実行される。 下記はクリックイベントのコードだが、そこで使用した変数fo...
0
0
Comment0
[自分用]Next.jsのイベント処理・ライフサイクルについて
イベントの種類 イベントの種類は大きく分けて2つある。 ①ユーザーアクションによるイベント 一つ前の記事で扱ったuseCallbackは①に当てはまるもの。 ②何かしらのタイミングによるイベ...
0
1
Comment0
[自分用]Next.jsのコンポーネントとpropsについての豆知識
コンポーネント作成 コンポーネントを作成するときは、まず「components(名前は任意)」ディレクトリを作成する。 ちなみにコンポーネントファイルはjsx拡張子で作成すると、これコンポーネン...
0
0
Comment0
[自分用]Next.jsのLinkについて
なぜLinkを使用するのか ページ遷移とかなら通常のHTMLのようにaタグで実装できる。 なのになぜLinkを使用するのか。それは、aタグを使用すると共通コンポーネントに関わらずページ全てを更新...
0
0
Comment0
[自分用]Next.jsの繰り返し表示・リファクタリングについて
mapを使って繰り返すメリット mapを使うことによって、配列の中身を繰り返してくれる。 ※詳しい使い方は以前作成したmapについての投稿をチェック ①見やすい ②変更箇所があったときに、一箇所...
0
0
Comment0
[自分用]Next.jsのイベント付与とuseCallback
クリックイベント 指定の仕方は３つある。 ①下記のようにonClickの中に関数を記述してあげればクリックイベントが適用される。 //関数宣言 <button onClick={funct...
5
1
Comment0
[自分用]vercelについて
vercelについて vercelとはフロントエンド開発のプラットフォーム（開発者と利用者を繋ぐようなもの）。 →商用目的でなければ無料で使える！ Next.jsを開発した会社が運営していること...
0
0
Comment0
[自分用]Reactの特徴とファイルルーティングシステムについて
Reactの特徴について ①宣言的なview これまでjQuery等で行っていた直接DOMを操作するような記述は「命令的なview」という。 一方Reactは「宣言的なview」を採用しており、...
1
0
Comment0
39 search resultsShowing 1~20 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