FigmaからReactのコード生成するプラグインを使ってUIコンポーネントを作成してみよう
「Figmaを使ってデザインをする」といえば、デザイナーさんのお仕事だろうと考える方もいらっしゃるのではないでしょうか。現場でのデザイン作業も、最近ではWebサイトやWebアプリケーションをデザインするデザイナーさんだけでなく、様々な職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善がなされることも多いようです。
Details「Figmaを使ってデザインをする」といえば、デザイナーさんのお仕事だろうと考える方もいらっしゃるのではないでしょうか。現場でのデザイン作業も、最近ではWebサイトやWebアプリケーションをデザインするデザイナーさんだけでなく、様々な職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善がなされることも多いようです。
Details仕事や趣味を通してJavaScriptのコードを書いている方であれば、「CodeSandboxを使ってReactのUIコンポーネントを作る」といってピンとくる方も多いと思いますが、実際に興味はあるけれど、どうReactを書けばよいのかわからないという方も多いと思います。
Details開発案件で使われることも多いTypeScriptの基礎について扱っていきます。今回は、TypeScriptで、下の「Hit&Blowゲーム(数字当て処理の実装)」サンプルを作成していきたいと思います。
開発を支援するJavaScriptのライブラリには様々なものがありますが、ここでは、いまも開発案件で使われること多いjQueryの基礎について扱っていきます。
Details