デザインシステムとコンポーネント指向によるフロントエンド開発プロセスの革新 / 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つ目の画面で失敗... 続きを読む

コンポーネント指向のフロントエンド開発において、デザイナー×エンジニアの協業を通して学んだこと - ログミーTech

2018/12/07 10 users 協業 ログミーTech エンジニア デザイナー 開発

コンポーネント指向のフロントエンド開発において、デザイナー×エンジニアの協業を通して学んだこと コンポーネント指向開発とデザイナー×エンジニアの協業 2018年10月18日、Roppongi Designersが主催するイベント「Designer X Engineer Development #01」が開催されました。デザイナーとエンジニアでどのように開発を進... 続きを読む

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

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

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

Sketch LibrariesとAbstractを使ったAtomic Designの実践

2017/10/20 49 users Nagisa Abstract 川畑 デザイナーリーダー 効率

はじめに こんにちは！ 社長室インキュベーションチームで新規サービスのデザインを担当しています田村です。 先日、 デザイナーリーダーの川畑が執筆した記事 にある通り、Nagisaではデザイン手法として Atomic Design を採用しています。 Atomic Designは、コンポーネント指向のデザイン手法です。 コンポーネント指向はパーツの再利用と効率の良い運用を可能とし、デザインの追加・変... 続きを読む

コンポーネント指向による、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はイニシャル開発だけに求めるものではない。 …というお話をまとめました。 続きを読む

JavaとHTMLで全てを完了 - ウェブアプリケーションフレームワークWicket (MYCOM PC WEB)

2005/11/01 22 users Wicket Java MYCOM PC HTML web

The Wicket teamは30日(現地時間)、Wicketの最新版となるWicket 1.1を公開した。6月7日にWicket 1.0が公開されてから、約5カ月でのメジャーアップデートとなる。Apache License Version 2.0のもとオープンソースソフトウェアとして配布されている。 Wicket 1.1はJavaで作成されたコンポーネント指向のWebアプリケーションフレームワ... 続きを読む