はじめに 株式会社マイベストでフロントエンドエンジニアをしているyamadaです。 近年、企業やプロダクトチームでデザインシステムを導入する動きが加速しています。 弊社でもデザインシステムの構築に力を入れており、Material UIやChakra UIのようなUIライブラリを参考にしながら独自のデザインシステムの開発を進めて...
meta社製StyleXやChakraチームのPanda CSSなど、CSSフレームワーク界隈は大盛り上がり。そんな各CSSフレームワークはどのような仕組みで動いているのか、自らも「Kuma UI」というCSSフレームワークを作っている観点から深掘りしていきます
JSer.info #689 - Next.js 14.2がリリースされました。 Next.js 14.2 | Next.js Turbopack RCをリリース、Server/Client Components間のTree Shakingの対応、CSSの読み込み順の問題の修正などが行われています。 Client側のRouter Cacheの期間を設定するstaleTimesオプションの追加なども行われています。 Vite/Rollup互...
Building Panda CSS was one of the most inspiring moments of my career; it reminded me of the period before launching Chakra UI. I knew it would be very "Node" heavy, and I needed to learn more about Abstract Syntax Trees (ASTs). I was familiar with using basic modules like fs, path, and small bit...
Object structure in JavaScript enginesFrom a developer's perspective, objects in JavaScript are quite flexible and understandable. We can add, remove, and modify object properties on our own. However, few people think about how objects are stored in memory and processed by JS engines. Can a devel...
A complete guide on how to pair icons and typefaces to create a consistent visual language.Choosing the right icon set to complement a specific typeface is crucial for maintaining visual consistency in a project. This ensures that all the elements work together to create a recognizable brand and ...
中学生を名乗れるのも残りわずかということで、記念に（記念に？）なにか残しておこうと思います。 本当はフロントエンド関連で書こうと思っていたのですが、半年近くコードを書いていなかったのと（言い訳）、そもそも僕の技術関連の知識のほとんどは既に知られていることばかりだと思ってしまった（勉強してください.....
ああ あこがれの コントリビューターに なりたいな ならなきゃ ゼッタイなってやるーッ！ 「はじめまして！ プログラミングの せかいへ ようこそ！」 「わたしの なまえは ヤマダ」 「ひごろは Yamada UI Next.js Chakra UI Mantine Refine のコントリビューターをして おるよ」 改めまして、『まだマサラタウンにいるプ...
#ソフトウェアアーキテクチャ（主にReact）について Atomic Design のデメリット 「粒度」でコンポーネントを分類しがち 「コンポーネント」「フック」「どちらでもない関数」「定数」「型宣言」みたいな分類もデメリットがある atoms/ や hooks/ のような「分類のための分類」の問題点 実装する上では、「汎用モジュー...
デザイナーインターンをしているれいか（@re_ka310）です。 弊社ではインターン生が5名在籍しており、HR・デザインの分野に分かれて日々業務を行っております。 本記事では、社内用Component Libraryを作成した業務について紹介します。「社内デザイナーがいつでも使用可能なComponent Libraryがあると仮で画面作成をす...
「CHAKRA」に関連する商品は見つかりませんでした