Atomic Design ～堅牢で使いやすいUIを効率良く設計する

サポートページ

 

この記事を読むのに必要な時間：およそ 0.5 分

ダウンロード

以下のファイルをダウンロードできます。圧縮ファイルをダウンロードしていただき，適宜解凍してご利用ください。

ダウンロード
ui-components.zip

お詫びと訂正（正誤表）

本書の以下の部分に誤りがありました。ここに訂正するとともに，ご迷惑をおかけしたことを深くお詫び申し上げます。

（2018年4月23日最終更新）

P.129 リスト4-30 ファイル名

誤 
src/components/atoms/Text/index.js
正 
src/components/atoms/Txt/index.js

P.130 リスト4-31 ファイル名

誤 
src/components/atoms/Text/index.js
正 
src/components/atoms/Txt/index.js

P.132 下から4行目

誤 Textコンポーネントに委ねましょう。
正 Txtコンポーネントに委ねましょう。

P.146 上から9行目

誤 4-3節でも作成したHeadingコンポーネントやIconコンポーネント、Textコンポーネントなどで
正 4-3節でも作成したHeadingコンポーネントやIconコンポーネント、Txtコンポーネントなどで

P.153 リスト4-57 1行目

誤 
import HoverTipInteraction, { Tip } from '../../atoms/HoverTipInteraction/index.js';
正 
import Balloon, { BalloonTip } from './index.js';

P.157 リスト4-61 15行目

誤 
<InfoText size="s">{ program.channelName }</InfoText>
正 
<InfoTxt size="s">{ program.channelName }</InfoTxt>

P.157 リスト4-61 16行目

誤 
<InfoText size="s" className={ styles.time }>
正 
<InfoTxt size="s" className={ styles.time }>

P.157 リスト4-61 19行目

誤 
</InfoText>
正 
</InfoTxt>

P.159 リスト4-63 3行目

誤 
import { containPresenter } from '../../utils/HoC.js';
正 
削除

P.172 下から3行目

誤 Text、TextBox、Heading、Button、Balloonなど
正 Txt、TextBox、Heading、Button、Balloonなど

P.207 リスト5-2 2行目

誤 
import { withStyle } from '../../utils/decorators.js';
正 
import { withNotes } from '@storybook/addon-notes';

P.226 リスト5-18 ファイル名

誤 
src/components/atoms/Heading/index.test.js
正 
src/components/atoms/Heading/index.js

P.260 リスト5-38

誤 リスト5-38
正 リスト5-38　src/components/examples/Update/index.js

P.261 リスト5-39 4行目

誤 
import withPerfContainer from '../../utils/perf.js';
正 
import withPerf from 'react-perf-container';