Figma + Amplify Studio で React コンポーネントのコードを自動生成する
AWS の Amplify Studio で Figma のコンポーネントを React コンポーネントに変換してみまし…
kimizuy
が投稿した記事一覧
Yamasaki Kimizu
React, Redux, TypeScript プロジェクトでフロントエンド領域を担当。個人でも Next.js アプリの開発をしています。日課はRSSで取得した技術記事を読むこと、最近の関心は Core Web Vitals です。将来はでかい犬が飼いたいです。
React+TypeScript で作る SVG のためのシンプルな Icon コンポーネント
今回は React と TypeScript で複数の SVG を一括で管理するためのシンプルな Icon コンポーネン…
kimizuy
本当に必要なnpmパッケージを見つけるために知っておきたい5つのサイト
npm パッケージを探したり比較したいときにみなさんはどうしていますか？シンプルにググるという方法も考えられますが、今回…
kimizuy
「Pitchdeck」を使って Figma でプレゼンを作ってみた
Figma はデザインツールとして大きな地位を占めるようになりましたが、プレゼンのスライドを作成するのにも便利とのことで…
kimizuy
Figma から React のコードを生成する！「Figma to HTML, CSS, React & more!」
今回は Figma から React のコードを生成できるプラグイン「Figma to HTML, CSS, React…
kimizuy
Storybook Connect を使って Figma で Storybook のコンポーネントを確認する
はじめに こんにちは kimizuy です。 今回は Storybook Connect プラグインを使って Figma…
kimizuy
デザイナーもレビューできる！チーム全体で UI コンポーネントを確認するための Chromatic
はじめに こんにちは kimizuy です。 以前に「デザイナーも確認できる！Chromatic で Storybook…
kimizuy
VSCode が重くてタイピングが思い通りにいかない！原因は拡張機能かも
はじめに こんにちは kimizuy です。 弊社Gaji-Laboは受託開発の会社なので複数のプロジェクトに携われるこ…
kimizuy
デザイナーも確認できる！Chromatic で Storybook を公開する
今回は Chromatic を利用して Storybook をデザイナーなど非エンジニアにも簡単に見られるよう公開する手…
kimizuy