設計屋

はじめに 取得したポケモンのデータを、見やすく表示するためにカード形式でデザインします。 本記事では、Card コンポーネントを作成し、Material UIを活用してポケモンの情報をグリッドレイアウ ...

はじめに 前回の記事で、PokeAPIを使ってポケモンの一覧データを取得しました。 今回は、選択したポケモンの詳細データを取得し、より豊富な情報を表示できるようにします。 APIのエンドポイントの使い ...

はじめに ポケモン図鑑アプリでは、ポケモンの情報を取得するためにPokeAPIを利用します。 本記事では、fetch を使ってAPIからデータを取得し、取得したデータをコンソールに表示するところまでを ...

はじめに Reactで環境を構築します。 ポケモン図鑑アプリを作成するために、まずはReactの開発環境を構築し、基本的なプロジェクトのひな形を作成します。 本記事では、Reactアプリをセットアップ ...

Step1_React環境構築：ひな形作成 Step2_PokeAPIでデータを取得 Step3_ポケモンの詳細なデータを取得 Step4_Cardコンポーネントを作成しポケモンをグリッドで表示する ...

この記事では、Reactの基礎から始め、関連する技術であるTSX、Next.js、そしてReactのコンポーネントシステムに焦点を当てます。 これらの技術はすべて、ウェブアプリケーション開発における効 ...

1. はじめに Rhino APIとは？ Rhino APIを使うことで、スクリプトやプログラムを通じてRhinoの機能を拡張し、自動化やカスタマイズが可能になります。 どんな開発が可能か Rhino ...

1. はじめに 建築・インテリア業界でデジタル設計ツールを選ぶ際、多くの選択肢があります。AutoCADやVectorWorksのような図面作成向けのソフト、SketchUpやFusion 360のよ ...

はじめに React で動画を操作する際、useRef と forwardRef を活用すると、コンポーネントをまたいで ref を渡し、動画の再生・停止・リセットをスムーズに制御できます。 本記事で ...

はじめに React では、useState を使って状態を管理すると、状態が変化するたびにコンポーネントが再レンダリング されます。しかし、不要なレンダリングが増えると パフォーマンスが低下 する可 ...