- 投稿日:2023-05-11T22:01:35+09:00
imdb clone まとめ Part11-20(完)
説明 IMDbのクローンサイトを作ります。 https://www.imdb.com/ 参考にしたUdemyの講座 https://www.udemy.com/course/react-js-tut…
- 投稿日:2023-05-11T21:59:51+09:00
imdb clone Part20(完) 13 search ability 2/2 検索結果のページを実装
概要 今回は検索後表示されるページを実装します。 下gifアニメは実装後の様子です。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.1.5", "au…
- 投稿日:2023-05-11T21:58:49+09:00
imdb clone Part19 13 AddSearch ability 1/2 検索コンポーネントを新規作成
概要 今回は検索機能のコンポーネントを作成します。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.1.5", "autoprefixer": "10.…
- 投稿日:2023-05-11T21:57:58+09:00
imdb clone Part18 Add Movie page 2/2 画像テキスト類を追加
概要 今回は映画の個別ページにテキストと画像を追加していきます。 以下gifアニメは実装後の様子です。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.…
- 投稿日:2023-05-11T21:57:21+09:00
imdb clone Part17 Add Movie page 1/2 動的ルーティングとデータ取得
概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 今回は映画毎のページを作ります。Next.jsのdynamic Routing…
- 投稿日:2023-05-11T21:56:54+09:00
imdb clone Part16 11 CardComponent 3/3 テキスト系をを実装 スクロールバーが出ないようにする。
概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 今回はカードコンポーネントにテキスト情報 投票数を追加してコンポーネントを完成…
- 投稿日:2023-05-11T21:56:17+09:00
imdb clone Part15 11 CardComponent 2/3カードコンポーネントの画像を実装
概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 今回はNext.jsのImageコンポーネントを使ってカードに画像を追加してい…
- 投稿日:2023-05-11T21:51:13+09:00
imdb clone Part11 8 fetching data 2/2 TMDBから取得したデータをブラウザ上で表示
概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 TMDBから取得したデータをブラウザ上で表示できるようにします。 以下gifア…
- 投稿日:2023-05-11T21:30:25+09:00
Reactを使ってTODOアプリを作成する Material UIのインポート CSS Moduleの環境設定
TODOアプリ 前回に引き続きReactを用いてTODOアプリを作成していこうと思います。 ただし、React初心者なので以下の手順で作成していこうと思います。 JavaScriptで作成(サーバー…
- 投稿日:2023-05-11T18:20:46+09:00
"moduleResolution": "bundler"がVSCodeでエラーになる
はじめに VSCodeでエラーが発生した際に解決に時間がかかったのでまとめます 問題 tsconfig.jsonの以下の箇所でエラーがでてしまいます "moduleResolution": "bun…
- 投稿日:2023-05-11T16:17:57+09:00
Reactのimportでnode_modulesにあるのに見つけることができずVSCodeでエラーになる
はじめに Reactにemotionをいれたところnode_moduleにはあるのにインポートできない問題が起きたのでまとめます 他の方のVSCodeでは問題なく読み込めているようでした 問題 モジ…
- 投稿日:2023-05-11T14:13:15+09:00
【React×TypeScript】イベントハンドラの型
はじめに const handleChange = (event) => { console.log(event); console.log(event.target.value); }; retu…
- 投稿日:2023-05-11T10:10:10+09:00
サル🐵でもわかるReactのProps【初心者向け】
React(リアクト)のProps(プロップス)は、コンポーネント間でデータを渡すための仕組みです。 子コンポーネントにデータを渡すときに使います。簡単に言えば、親から子へプレゼントを渡すようなもの…
- 投稿日:2023-05-11T01:09:56+09:00
MUIのMenuとhoverを組み合わせるアレ
たいしたコンポーネントではないですが、ググっても検索上位に出てこなかったので、備忘録として。 最小構成環境 @mui/material: 5.11.5 react: 18.2.0 実現したもの メニ…