Code

Reactの最小単位のコンポーネントは理解できました。実際の開発現場で使われるような少し複雑なコードを学びたいです。 ではもう少し複雑なコンポーネントを画面に描画してみましょう。映画情報のリストを作成したので、その情報を […]

ChatGPTのAPIで何ができるの？ しんぺー AIボットが作れそうですね。自社製品を学習させたり、QAに答えるボットとか。まずは、最もシンプルな形でAPIを利用してみましょう。 完成形のイメージ 公開している環境では […]

しんぺー Next.js、Notionを使ってブログを構築して行きたいと思います。上から順番にやっていけば30分程度で手軽に構築できます。 興味はあるけど自分で開発するのが億劫だった方、どうぞ。 完成形のイメージ 見た目 […]

ReactでGitHub APIを使用してみたいと思います。 完成形のイメージ See the Pen Ajax by shimpei (@shimpei) on CodePen. CodePenでReactを使用する方 […]

概要 下記のコードではlistというオブジェクトを作成し、JSON.stringify(list)を使用してJSON形式の文字列に変換しています。これにより、responseJsonという変数には'[{“name”:”J […]

Reactの基礎的な書き方を学びたいです。何からやればいいですか？ Reactではハードコーディングせず、オブジェクト内のデータ（JSONなど）をコンポーネントに渡してあげます。その際map関数を使うことが多いので今回は […]

npm npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p tailwind.config.js /** @type {impo […]

完成形のイメージ See the Pen 番号付きリスト01~10 by shimpei (@shimpei) on CodePen. HTML 適当にリストを作ります。クラス名はnum-listにしました。 SCSS […]

はぁーまたqlockquoteか〜ちょっと面倒なんだよなぁどうやってつくるんだっけ？ よくある感じのHTMLとCSSのテンプレ置いときますね〜 完成形のイメージ See the Pen Untitled by shimp […]

完成形【セッティング完了のCodePen】 See the Pen map関数 React by shimpei (@shimpei) on CodePen. CodePenの設定 ①JSの⚙歯車ボタンをクリック ②プリ […]