デザインシステムとコンポーネント指向によるフロントエンド開発プロセスの革新 / Innovation in Frontend Development Processes through Design Systems and Component-Oriented Architecture

2024/08/24 79 users 革新 デザインシステム

フロントエンドカンファレンス北海道でお話ししたスライドです Proposal: https://fortee.jp/frontend-conf-hokkaido-2024/proposal/ebd98e0a-241c-4443-aa98-300af113b40d # URL YouTube… 続きを読む

【React/Vue.js】コンポーネント設計の（個人的）ベストプラクティス | Offers Tech Blog

2022/05/23 167 users React ベストプラクティス Kazuya offers

概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer（主戦場はフロントエンド）の Kazuya です。今回は、React や Vue.js などの SPA フレームワークにおけるコンポーネント設計について紹介します。 昨今のフロントエンド開発では、コンポーネント指向での開発がスタンダート化しつつあり... 続きを読む

Tailwind CSS 社内勉強会【まとめ】 - RAKUS Developers Blog | ラクス エンジニアブログ

2022/02/17 116 users ラクス CSS チートシート 背景 Tailwind CSS

背景 スコープ Tailwind CSSとは？ コンポーネント指向とは？ Tailwind CSSのメリット class名を考える必要がない デザインシステムの最低保証 ドキュメント、チートシートの豊富さ Tailwind CSSのデメリット classに多くのコードを書く必要があり、可読性が落ちやすい CSSの理解度がある程度必要 デザインを100%再現し... 続きを読む

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

2019/04/18 280 users Lottie Vue.js フレームワーク スマートキャンプ

デザイナー兼エンジニアの葉栗です！ スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、Vue.js + Elelment UI + Lottie という... 続きを読む

Atomic Designの日本語スライドに正しさを求めるのは間違っているだろうか - Qiita

2019/01/04 54 users プロトタイピング Qiita Atomic Design

はじめに Atomic Designとはこのリンクに書いてある感じの奴です 最近のコンポーネント指向のフロントエンドでAtomic Designで失敗するチームの話をちらほら聞きます 自分も1度は失敗しました。そりゃプロトタイピングもしたことなかった状態でAtomic Designでこった画面を作ったので当然ですが。(逆に1つ目の画面で失敗... 続きを読む

最近のフロントエンドのコンポーネント設計に立ち向かう - Qiita

2018/04/01 250 users Qiita コンポーネントベース コンポーネント設計 Vue

ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれる方も多いのではないでしょうか。 コンポーネントをどの粒度、どんな状態で分割するのが良いのか、などなど、特にチームで開発する時に認識が揃っていないとカオスになりがちな部分であると思うので、自分なりの設計をす... 続きを読む

コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス

2015/05/27 214 users React axross ベストプラクティス

Transcript 1. コンポーネント指向 による、Reactの ベストプラクティスと バッドプラクティス @axross Data Binding JS Night 2. Hi :) • Kohei Asai • @axross • Software Engineer • React.js, express.js 3. コンポーネント指向 4. コンポーネント指向を推奨 5. Reactのに... 続きを読む

Rapid React Prototyping : React.jsでUIデザインプロトタイプを作る // Speaker Deck

2015/04/24 104 users React.js Speaker Deck プロトタイプ

React.jsを使ってプロトタイプを作る。 コンポーネント指向をすすめるなら、プロトタイピングは実用性と実現性を兼ね備えていく必要があるのかもしれない。 本当の意味でのRapid Prototypingはイニシャル開発だけに求めるものではない。 …というお話をまとめました。 続きを読む