# YYTypeScript#23 執筆会

## 参加者

* reoring
* nouphet
* fuubit
* jamashita

###### tags: `YYTypeScript` `執筆会`

YYTypeScriptは、普段はTypeScriptについて雑談しながらエンジニア同士の交流を深めるイベントですが、この「執筆会」では「TypeScriptの技術書をみんなで作る」ことを目的に、ひとつの技術書を共同執筆していくイベントになります。

## 前回やったこと

* みんな: チャットアプリを題材にすることに決定
* [チャットアプリ画面モック](https://app.moqups.com/F3SzLGdCyh/view/page/aa9df7b72)
* [サーバサイド実装 - yytypescript/yychat](https://github.com/yytypescript/yychat-server)
* [サーバサイドAPIドキュメント - GitBook](https://app.gitbook.com/@yyts/s/typescript/~/drafts/-M0ocCuVr8WDkqiCrmCx/yychat-api)
* suin: ジェネリクスの目次を作った
* クロレ: 6.5 Enum 執筆中
* jamashita
* 6.3 配列着手 -> 来週 (03/06) 完了見込、そのまま 6.4 タプルに入れるようにします
* reoring: チャットアプリを作り出した
* 
* RTA走者: ほも
* レギュレーション: Any%
* nouphet: ライセンスのPDRの続き、Apacheライセンスについての記述追加した。
* fuubit: export/importの箇条書きをマージした
* レビューしてほしい & 追加してほしい → [exportとexport defaultどちらを使うべきか？Pros/Consある話 - TypeScript技術書 by YYTypeScript](https://app.gitbook.com/@yyts/s/typescript/exporttoexport-defaultdochirawoubekikaprosconsaru)

前回: [HackMD - Collaborative Markdown Knowledge Base](https://hackmd.io/tvxhGwJKQVGF7BLaIG2UVA?edit)

## ロードマップ

* 書くための下準備 ✅
* 書く(1周目) 薄く埋めてく ← いまここ
* フィードバックをもらう
* 書く(2周目)
* ...
* フィードバックをもらう
* 書く(N周目)
* 十分だねとなったら、書くのは一旦終わり

## 今回やれること

* 作るCRUDアプリを作る
* 執筆以外のタスク
* [Trello](https://trello.com/b/wBkQhNFv/)
* 執筆
* [サバイバルTypeScript(仮称)目次](https://docs.google.com/document/d/1KubBKVfOZD-Uby6G0U2rRNViI2P1QoVsBbcSNWA9iJk/edit)
* [GitBook](https://app.gitbook.com/@yyts/s/typescript/)
* [新規参加](https://app.gitbook.com/invite/yyts?invite=-Lw1ObCW8Ut0NnNfHG1w)

### 作るCRUDアプリを作る

* idea: [チャットアプリ](https://app.moqups.com/F3SzLGdCyh/view/page/aa9df7b72)
* [yytypescript/yychat](https://github.com/yytypescript/yychat)
* [YYChat API - TypeScript技術書 by YYTypeScript](https://app.gitbook.com/@yyts/s/typescript/~/drafts/-M0ocCuVr8WDkqiCrmCx/yychat-api)
* 作りながら説明するのは大変そう
* コンポーネントの分け方の説明が大変そう
* フロントエンドの完成形を作ってから記事にしたほうが書きやすそう

次にやること

* チャットアプリのフロントエンドを実装する (reoring)
* Reactで作る
* Vue, Angularは、のちのち書きたい人が書く
* routerを使う
* チャンネルの切替はrouterを使う
* Material-UIは学習コストが高くなるので使わない
* どっちがReactでどっちがMaterialなのかわからなくなるから
* ReactのCSS-in-JSでスタイリングする
* 現場主義と複雑になりすぎないのバランスをとっての結論
* WebPackは使わない (react-scriptsを使う)
* reduxは使わない (hooksを使う)

## 今回やったこと

* nouphet
* ライセンスについてのPDRの続きを書いた -> ほぼ終了
* PRDの意味について調べた -> 次回以降で書く
* reoring
* サンプルアプリの開発をした
* まだ途中
* fuubit
* 何を書こうか調べ中
* アプリの続きの一部引き継ぎたいかなと思う
* ソースコードの管理方法決めたいな
* jamashita
* 6.3 配列 -> 執筆完了
* 6.4 タプル -> 執筆完了

## 次回やること

* PDRについてのPDRを書く
* **P**ublish **D**ecision **R**ecord
* YYTSでの造語
* 元は Architecture Decision Record
* [アーキテクチャの「なぜ？」を記録する！ADRってなんぞや？ - Qiita](https://qiita.com/fuubit/items/dbb22435202acbe48849)