Cybozu Meetup フロントエンド #2（June 21, 2018）
-
- いいね！0
azu
@azu_re
Kintoneのフロントエンド - Google Closure Tools - Closure Compiler - Closure Library - 45万行ほどのコードがある(テスト含む) #CybozuMeetup
2018-06-21 19:41:57
やまのく🐙
@yamanoku
Google Closure Tools ・Closure Compiler：静的型検査、再液化 ・Closure Library：UIコンポーネント、ユーティリティ #cybozumeetup
2018-06-21 19:42:08
まろぶ
@mallowlabs
#cybozumeetup Kintone は Google Closure Tools を使っている。フロントエンドの規模はテストも含めて約45万行
2018-06-21 19:42:23
がっちゃん@えんじにゃ⛺
@gatchan0807
新しいところをReact +Flux で書いたけど、既存のところはなんか手を入れづらいなぁ…ってなる #CybozuMeetup
2018-06-21 19:43:38
やまのく🐙
@yamanoku
モダンにしていくが…現場の思い ・手を入れづらい ・見通しが悪い ・機能拡張で不具合 ・メンテナブルじゃないなぁ #cybozumeetup
2018-06-21 19:43:44
やまのく🐙
@yamanoku
既存：Closure Component コンポーネントですべて完結（データ取得・描画・入力のハンドリング・バリデーション） #cybozumeetup
2018-06-21 19:45:20
Shingo Yamazaki
@zaki___yama
Closure Componentは登場人物がコンポーネントしかいないので、データ取得・描画・ユーザー入力のハンドリングなどすべてをコンポーネント内に実装する #CybozuMeetup
2018-06-21 19:45:21
Yoshihiko Osada
@osada
いちばん #CybozuMeetup 場所: サイボウズ株式会社 instagram.com/p/BkSKsi9hWRg/…
2018-06-21 19:46:19
azu
@azu_re
既存のコード: Closure Component - Closure Libraryが提供するUIコンポーネントを組み合わせてUIを作る #CybozuMeetup
2018-06-21 19:46:58
やまのく🐙
@yamanoku
２つの責務がある ・M : ユーザーに提供する情報を定義・作成 ・V : ユーザーに情報を提示する それぞれは別の理由で変更 ・画面の変更ならVだけ 責務が違うのにどっちこっちになっているのが原因では？ #cybozumeetup
2018-06-21 19:47:15
azu
@azu_re
- Component内にすべてのロジックを実装するスタイルをとってる - XHR，描画、イベントハンドリング、バリデーション - 1つのコンポーネントを変更する理由が複数ある = 影響範囲が広くなりがち #CybozuMeetup
2018-06-21 19:47:22
やまのく🐙
@yamanoku
Fluxがそれを解決 ・MとVを明確に分けられる ・十分に普及してるしノウハウもあるし相談もできるしよさそう #cybozumeetup
2018-06-21 19:47:54
やまのく🐙
@yamanoku
特定のViewに依存していない、プロトコルに使われる github.com/facebook/flux #cybozumeetup
2018-06-21 19:49:49