やったこと

1. 東京へ移動

初夏の京都を満喫したので東京に戻りました。

家族と有意義な時間が過ごせて良い週末でした。

2. React in pattersを読む

新幹線の中でようやく読み終わりました。

Introduction · React in patterns

改めて基本的なReactのコンポーネント実装パターンやDIパターン、Fluxデザイン等を体系的におさらいできて勉強になりました。

3. Redux with TypeScriptの実装パターンを調べる

TSでReduxを書いたことがないので改めて調査しました。 Stateや typesのハンドリングは大体理解できたかと思います。

また、改めてStoreのディレクトリ構成についてもお勉強。

主に以下の2つが参考になりました。

dev.to

github.com

後者についてはReactコンポーネントをTSで記述する方法も詳しく解説してくれているので最高でした。

実装は明日行う予定です。Thunkしか使ったことないからsagaの構成も調べなきゃ・・・

4. Viewの実装

ダメダメです。

昨日導入したMaterial UIの表現力ではやはり不十分なので独自でCSSを定義してあげる必要があるのですが、どこに書いてもしっくりこない・・・

CSS in JS, Styled Component, Styled JSXを全て試してみましたがキモすぎる・・・

JSXでDOMをJSとして管理しようぜ！というノリは理解できます。実際相性良いし。

ただしCSS、てめーはダメだ。

JSで扱うことの恩恵よりデメリットの方が大きく感じられてなりません。

取り合えずコンポーネントごとにStyles Objectを定義してその中で愚直に記述することにしました。

これ、React以外のフレームワークに移行したくなったときほんとどうするんだろう

5. ランニング

なんとか3日続きました。夜の駒沢公園は気持ち良いです。

どうにか1周はできるようになったので、明日は1.5周走れるよう頑張ります。

6. ファッションポジウム

こちらの記事でも紹介されているファッションポジウムに参加するため、東京大学は安田講堂まで足を運びました。新幹線の東京駅から直行です笑

www.huffingtonpost.jp

僕がこのイベントについて知ったのは、個人的にファンだった畑島楓(@kaedehatashima)さんのツイートがきっかけ。

こちらのファッションショーでモデルをします、会いにきてね！
(グラフィックデザインも担当しました)

【ファッションポジウム】
―男女の垣根を越えたファッションの未来を考えるシンポジウム―

開催日：6月3日(日)14:00-
開催地：東京大学安田講堂
入場料無料入退場自由#ファッションポジウム pic.twitter.com/jO534vmktj
— KAEDE,Sari Hatashima (@kaedehatashima) May 14, 2018