compositionとは compositionとは、コンポーネントの中に別のコンポーネントを合成して出力することです。 どんなコンポーネントはどんな子エレメントが入ってくるかあらかじめ想定できな…

約2ヶ月前、いわゆるモダンと言われる技術スタックを採用するプロジェクトチームへ FE として配属されることとなりました。 以前は HTML、CSS、jQuery を用いて、主にデザイン再現のみを行う…

react-chart-jsはJS用のグラフ描画ライブラリChart.jsのreact用ラッパーライブラリです。 Chart.jsについては公式のドキュメントや技術記事が豊富に存在しますが、意外とr…

<input type='number' />ではデフォルトの挙動ではスクロールしても何も起こらないと思いますが、スクロールに従って数値が上下するという現象に出会いました。 勝手に数値が変動するとU…

はじめに 簡単に優れたUIのコンポーネントを作成することができるということでコンポーネントライブラリを用いることがよくあります。そんなコンポーネントライブラリのうちChakra UIを導入するときに…

筑波大学のenPiT（ビジネスシステムデザイン）の半年の開発をまとめたものです。 目次 ・プロダクトについて ・チームについて ・秋学期の軌跡 ・個人的振り返り 開発したプロダクト ・青い栞（Gal…

https://www.youtube.com/watch?v=uuAdVs7sbAs useState 変数状態監視 import React from "react"; import App f…

はじめに 本題の前にcreate react appとviteでは環境変数の指定の仕方が違うということを紹介したい。 viteでは.envにある環境変数の名前をVITE_SOME_KEYのようにVI…

three.jsはWebで3Dを気軽に表現でき、楽しいので過去に何度か触っていました。 当時はTypescriptやReact/Vueで構築できるテンプレートはなく、独自で環境を作るか、快適さを犠牲…