atomic_design

【保存版】Atomic Designについて

【保存版】Atomic Designについて

皆さん、Atomic Designってご存じでしょうか? こちらはWebサイトなどを作るときの手法の一つです。 Atomic Designはどのようにシステムを作ることで ① システム改修時の影響の最小化にできるか ② テストの効率化 などが考えられた手法になります。 全然難しくない考えなので、よかったら見ていってください。 ① そもそもAtomic Designって?基本的に提唱者のbrad frostさんのホームページを参照して書いていきます。 彼は考えました

21
Atomic Designをやめてディレクトリ構造を見直した話

Atomic Designをやめてディレクトリ構造を見直した話

こんにちは。フロントエンドチームの金野と申します。 食べログでは現在、React+TypeScriptでフロントエンドのリプレースを進めています。 以前の記事で、食べログではAtomic Designをどのように取り入れているかの紹介をしました。 しかし、最近のリプレース作業では、Atomic Designとは異なるディレクトリ構造を採用しています。 今回の記事では、「なぜAtomic Designをやめたのか」という理由と、「どのようなディレクトリ構造にしたのか」を紹介

262
Atomic Design

Atomic Design

Atomic Designとは atoms(原子)からmolecules(分子)を作り、atoms(原子)やmolecules(分子)を組み合わせてページを作る。 原子、分子以外にもあるけど、よく分からん。何がどこまでかは、多分、人やプロジェクトによって異なる。 atoms(原子) ボタンやテキストボックスなど、最小単位のパーツ。 molecules(分子) テキストボックスとボタンを組み合わせた検索など、atomsを組み合わせて作るパーツ。 参考 Atomic

【今朝のデザイン】トリックアートの現場♪

【今朝のデザイン】トリックアートの現場♪

18
コミュニケーションツールとしてのAtomic Design

コミュニケーションツールとしてのAtomic Design

弁護士ドットコム株式会社で、税理士ドットコムというサービスのデザイナーをしているスゲノです。 これまで、サービスを運用するにあたって、デザインの大まかな方向性を定めるデザイン指針やムードボードを作ったりしていました。 この度、プロダクトをより具体的にコントロールする手法として、Atomic Designの導入を行ったので、そのときのお話をします。 Atomic Designはエンジニアやデザイナー界隈で導入方法や実装方法の話題が多く取り上げられています。 エンジニアと

16
食べログでのAtomic Design 〜どう分類しているか編〜

食べログでのAtomic Design 〜どう分類しているか編〜

食べログFE(フロントエンド)チームの金野と申します。 以前の記事で、jQuery+Backbone.jsからReact/TypeScriptへのリプレースを進めていることをご紹介しました。 リプレースした部分では、Atomic Designを採用しています。 今回の記事では、採用した理由や食べログでの分類方針についてご紹介します。 Atomic Designを導入した目的 Atomic Designを導入したねらいは以下になります。 ・コンポーネントの責務がより明確

24
【昨日のデザイン】次郎さん小説読後に♪横浜中華街プロジェクト♪

【昨日のデザイン】次郎さん小説読後に♪横浜中華街プロジェクト♪

18
【午後のデザイン】最近元気なYouTubeサムネイル♪

【午後のデザイン】最近元気なYouTubeサムネイル♪

37
【お昼のデザイン】露天のテキスタイルと窓辺の猫♪

【お昼のデザイン】露天のテキスタイルと窓辺の猫♪

25
"Food Poisoning? " Symptoms of Acute Radiation Damage, for Doctors.Dr.Soko "Atomic Bomb 75 Years"DAY41/50

"Food Poisoning? " Symptoms of Acute Radiation Damage, for Doctors.Dr.Soko "Atomic Bomb 75 Years"DAY41/50

Food Poisoning? Vomiting/Diarrhea/Appetite Loss 〜Hospital in the Next Day of Bombing〜 In the book "Hiroshima Diary", Dr. Michihiko Hachiya wrote the situation inside the hospital on August 7, the day after the atomic bomb dropped. "The h

2