出町柳の名曲喫茶はお気に入りスポットで，ユーザー体験が音質に全振りされているので，すべての席がスピーカーに向かって設置されていて，私語は禁止なので，爆音のクラシックを聴きながら無言でコーヒーを飲んだり，本を読んだり(本をめくる音にも注意！という張り紙がある)，昼寝したり(客の大半はおっさんでおっさんの大半は爆睡していて曲の合間にいびきが聞こえる)して過ごすことになる．
聴きたい曲をリクエストできて，ノートにレコードの番号と曲名を書いておくと流してもらえる．春の祭典をリクエストして聴いた．めちゃくちゃうるさくてドンドン言ってすごい盛り上がる．
ボールペンのノックの音も気をつけるように，とか書いてあったので，ノートパソコンは開いた瞬間に追い出されそうです．> 
id:mas-higa
火曜日 - hitode909の日記
- [hitode909]
- [cafe]
キーボードの音も NG なんだろうか?
2017/04/13 08:34
ストロングゼロ飲んでめちゃくちゃになっていたけど，なぜか翌日はスッと起きられた
どことなく天気悪かったので，ここぞとばかりにセブンイレブンの激安ワインを飲みながらAmazonプライムビデオで中華一番を観続けていた．
夜になったら雨が止んでたので花見に行った．牛タンはイマイチだった．イカ焼きはおいしかった．イカ焼きのおいしさはほとんどイカ以外のパーツによって占められている気がする．
土曜日にも花見が企画されていたものの雨で中止になったりしていて，数週間前から計画したりして，大きくなりすぎると小回りが効かなくなる．もっと小規模に，雨が止んだから行くぞみたいな，晴れてる限りは毎日行くぞみたいな，それくらいでよいと思う．
最初はJSXも使わず平易にスタートして，最終的にはワインを管理するアプリケーションを作る例が載っている．
ビギナーズ向けだけど，おすすめテクニックが紹介されていて参考になった．
このように型をいちいち指定するのは面倒だと思われるかもしれません。しかし、受け渡しされる値について深く考える機会が与えられるというのは大きなメリットです。
僕も仕事でちょっとReact使っているけど，ふだんの使い道としては，JSで新しく凝ったことするときはReactで作る，くらいの感じで，フロントエンド全体をReactに寄せるようなことはあまりできていない．
この本のように，Buttonコンポーネントのスタイルは.Buttonで指定できる，みたいにできると，一貫性も取れて，デザイナとの協業もしやすくなりそう．導入はできているけど，安定して運用するための設計や戦略はあまりないので，そのへんもやっていきたい．
よく分かってないところもあって，たとえばコンポーネントたちをフラットに並べるのと，ディレクトリに入れたりして管理するのとどっちがよいのか．一意に.Buttonで参照したければフラットなのがよさそう，一方で，ふつうのアプリケーションのクラスにはモジュールやネームスペースという概念があって，ディレクトリに入れて管理したりできる．
Reactビギナーズガイド ―コンポーネントベースのフロントエンド開発入門
Flowはfacebookが作ってるJSに型を書けるやつ．
今日ちょっと練習してみたところ良かった．練習に手頃なところから型でも書いてみるかとやっていたところ，FormDataにFileをappendするところで，それはFileじゃなくて?Fileで，nullになる場合もあるのでおかしいよって教えてもらったりした．型をつけるだけで不具合が見つかって，こういう世界もあるのか，という感じだった．fileがなかったらreturnする処理を足しておいた．
ちょっとずつ書いていけるのがよくて，このファイルは難しいことをしていて型が付くと恩恵を受けられそう，とか，このあたりはこれからがっつり開発するので先に型を付けておこう，といった進めかたができる．
最初はちょっと慣れない部分もあったけど，ちょっと練習したら普通に書けるようになった．シンタックスがちょっと増えるので，どこまでJSのシンタックスで，どこからFlowなのか，意識しないと，こんなのあったっけ?ってなるかもしれない．
あとは，周りではどちらかというとTypeScriptが流行っていて，Flow大好きな人がいないので，困ったときに自分でなんとかする必要がある．
Flowはコンパイラではなくチェッカーなので，コンパイルできないと動かない，という世界ではなくて，チェックしてくれるだけなので，チェックが通らなくて開発が止まったり不具合が出てるけどコンパイルを待っててリリースできなくて危機的状況になったり，ということはなさそう．嫌なら型を書かなければよいだけの話．
以下はメモ
// @flow でflow状態になる
// @flowしてないファイルも対象にチェックしてくれて手元では4900個エラー出たthis.hogeとかにいきなり代入できなくなる
hoge: string とか書いておく https://flow.org/en/docs/types/classes/props: Propsみたいになるflow-typed installするとpackage.jsonに入ってるのが全部インストールされてワイルドflow-typed search axiosして，気に入ったのをflow-typed install 'axios@0.15'平らな皿をずっと使っていたのだけど，カレー盛るとなみなみになってすごい間抜けになってしまうという問題があった．
カレーがなみなみになってて頭悪そうな様子．
大きめの皿を買ったら安定して盛れるようになった．フライパンからよそうときにばらばらこぼれる心配もない．
皿が大きいと仕上がりに余裕を感じられる．
便利だけどなかなか邪魔で，うちは食器をしまう空間が狭いので，そっちはそっちで地獄みたいになっている．
良品週間は終わったけどおすすめです．
