Atomic Designってむずくないすか? なんか、良さそうなのは分かるんですよ。 UI要素を最小単位まで分解して、それを共通化して再利用性を高めて工数減らしていこうぜ!ということなのは分かるんです。 Atomic Design を分かったつもりになる こちらはDeNAの記事で、単純に「Atomic Design」でググると最初に出てくる記事です。SEOが強め!(2018/07/30現在) こちらの記事、確かに詳細に書かれているんです。 2016年にこんな記事を書けるなんて、当時口を開けてアホ面で仕事をしていた自分なんかからしたらもう感服するしかないです。 英語の記事しかない中で、最先端なことを書けるDeNAはやっぱりすごいな私は何してんだよって話なんです。 ただ、この記事を、こんな優良な記事を読んだとしても、実際に作り始めると、、、 ButtonってIconも文字も入ってくるけど、こ
調べてみた経緯 Reactを勉強して3ヶ月くらい経つが本を読んで 「Atomic Design」というデザインシステムという概念が出てきて「なんじゃこれ!?」って思い調べてみました。 ReactとAtomic Designの相性がかなり良いらしいす。 Atomic Designとは Atomic Designとは、以下の5つの構造にページを分け、それぞれの役割を明確にし再利用可能なコンポーネントを作って行くことです。 Atoms(原子) Molecules(分子) Organisms(有機体) Templates(テンプレート) Pages(ページ) Atoms(原子) Atoms(原子)とは、UIを構築する最小単位です。なのでそれ以上に細かく分割することはできません。 ToDoListのモックで例をあげると このような構成のページをAtomに分けると以下のようになります。 テキストフォー
Apolloを触っていて、テストをするために https://www.apollographql.com/docs/react/development-testing/testing/#testing-final-state を読んでいた。その文章の中で、 MockedProviderをrenderした時はloading状態になる データがロードされた最終状態にするにはwaaitみたいなnpm packageを使って、await wait(0)とかしてね It delays until the next "tick" of the event loop, and allows time for that Promise returned from MockedProvider to be fulfilled. と書かれていて、この文章の意味がわからなかったので、Nodeのイベントループを知
Hatena SUMMER INTERNSHIP 2019 はてなサマーインターン2019 8/19 ~ 9/13 レポートサイト 12年目のはてなサマーインターン はてなサマーインターンは、Webサービスをつくることに興味のある学生を対象としたインターンシップです。 カリキュラムの中で「Webサービスの開発・運用に必要な技術を習得」し、そして「実際のサービス開発に参加してリリースする」ことを目指します。インターンを通して若きソフトウェアエンジニアに鮮烈な体験を提供します。今年は8人の学生を受け入れ、5つのチームで開発に取り組んでもらいました。 前半講義パート 前半の2週間は、Webサービスの開発についての講義を受けて、それにまつわる課題に取り組みます。講義と課題を通して、Webアプリケーションを作ってデプロイする一連の流れを身につけます。それに加えて企画やデザインなどについても講義があり
本日株式会社エイチームより開示がありましたが、今年いっぱい(2019/12/27)をもってIncrementsを退任することとなりました。退任日までは引き続き代表としてIncrementsの経営を行ないますが、その後は他のメンバーに任せて離れることとなります。これまでお世話になったみなさんありがとうございました。 これまでのIncrementsの振り返りなどはまた退任後にまとめようと思いますが、この記事では退任について自分の考えや背景を残しておきます。 退任について退任理由は(株式売却した起業家によくありそうな)環境への不満だったり事業やサービスに飽きたといったことではなく、家族にしっかりと時間を使うためです。 うちには現在子供(幼児)が2人いるのですが、子育てと仕事の両立が難しく妻も自分も精神的に余裕がなくなってしまいました。自分の場合は一時期あまり眠れなかったり精神的に不安定になるとい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く