AtomicDesign

第二回AtomicDesignを考える会の登壇資料まとめ

AtomicDesignを考える会 is 何?

AtomicDesignを考える会とはフリーランスのフロントエンドエンジニア、こばしゅん(@ksyunnnn)さんが主催するデザインシステムについてのLTをメインとした勉強会です。
昨今デザインシステムを導入していることが海外のスタートアップではスタンダードになりつつあります。
ですが、日本でうまくいった事例やデザインシステムに関する体系化された知

もっとみる

【勉強会】 「第2回AtomicDesignについて考える会」の感想

はじめに

AtomicDesignの勉強会に参加しました。とても良い勉強会だったので、感想書きます。

発表テーマ

今回のテーマが「デザイナーからみたAtomicDesign、エンジニアからみたAtomicDesign」。

前回の会ではエンジニア視点の話が多かったとのことで、デザイナー、エンジニア両面からAtomic Designを考える会を目指したとのことです。

会のコンテンツ

19:

もっとみる

ぼくがかんがえたさいきょうのOverridableなSketchシンボルのつくりかた(序章)

はじめに

この記事はVALU Advent Calendar 2018 10日目のエントリーです。
弊社の優秀なエンジニアが書いた前日のエントリーはこちら↓
「Flareで作ったアニメーションをFlutterに組み込んでみた」

初めて触ったSketch

弊社では現在デザインツールとしてSketchをメインで使い、Abstractでバージョン管理しています。
実はこれまでUIデザインを組む際は

もっとみる

MoleculesとOrganismsのこと

Atomic Designを設計していくと壁にぶつかっていくことはとても多い。

自分自身が書いた記事になってしまうが、以下の記事のような、AtomsとMoleculesの違いや、Pagesの必要性などに疑問を持つことが多々ある。

あーそうかーなんて思いながらパーツを定義しても、また「え?このパーツは結局どこに属するの?」となることがしばしばある。

それにまさしくぶち当たったのが今で、それが「

もっとみる

noteをNuxt.jsで再構築した話というタイトルでお話してきました #vuefes

2018-11-03にVueFesJapan2018にて

「noteをNuxt.jsで再構築した話」

というタイトルで発表させて頂きました。
※資料内のリンクは追って本記事内に追記いたします。

会場でご視聴頂いたみなさま、スタッフの皆様ありがとうございました🙏🙏🙏

もっとみる

Daily UI #025 Atomic Design的な粒度は、個別具体性の濃淡

ファームノートでUXデザイナーをやっている秋山ウテです。

TVアプリです。Abemaさんを参考にしてます。

また、師匠に今日教わったAtomic Design的な感じで、作っていきます。

目次
デザインの意図が伝わらず完成するプロダクト
Atomic Designはデザインの意図を伝える手法
Atomic Design的な線引は、個別具体性の濃淡
師匠「Organizmには”文脈をもったもの

もっとみる
どうも!ぜひ「ご感想」+「#ファームノート」でツイートを♪
8

「フロントエンド刷新中のnoteの開発環境について」というタイトルで発表をしてきました #html5j

2018-09-05にMercari社のオフィスで開催されたHTML5とか勉強会で

「フロントエンド刷新中のnoteの開発環境について」

というタイトルで発表させて頂きました。

pixiv社の川田さん(@_furoshiki)よりお声がけ頂き登壇する運びになりました。機会を頂き感謝です、ありがとうございました!

スライド内の紹介コンテンツ

・noteのフロントエンドをNuxt.jsへ刷新

もっとみる

昨日から"100DaysOfCode"始めてます

つい昨日のことであるが、いつものようにTwitterをみていると、とあるツイートに目がついた。

自分もかつてお世話になったProgateさんのTweetで、#100DaysOfCodeをつけてプログラミング学習を習慣化しよう!というものだ。

公式サイトでは、ルールがきちんと書かれてあって、

1. 100日間毎日、最低1時間以上コーディングを行い、
2. "#100DaysOfCode"のハッ

もっとみる
😜やったー!!これからも頑張って書いていきます!!
15

Alternative Atomic Designをさがして

DMMのエンジニアで『React開発 現場の教科書』の著者でもある石橋啓太さんにお声がけ頂いて『ReactとAtomicDesignからみるコンポーネント開発』でお話をさせて頂きました。
テーマは個人的に関心のあった「Atomic Designの代替」を選びました。Atomic Designと言えば、いまや国内外含めてコンポーネント設計をする際に多くの人が参照する概念ですが、すべての環境に適切かと

もっとみる

某アイシングクッキー屋のサイトを、アイシングクッキー界一ナウい技術スタックなサイトにリニューアルした話

青森県弘前市にあるアイシングクッキー専門店enのWeb担当をしておりますfukuiretuと申します。タイトルの通り、先日アイシングクッキー専門店enのサイトをリニューアルしまして、本記事はその際の移行記になります。

先に軽くお店の紹介を...

enはデザインへのこだわりはもちろん、安心安全に美味しく食べて頂けることを目指し、着色に天然色素を使用、原材料に国産バター・国産小麦を使用するなど味と

もっとみる