【デブサミ2018】15-D-2「属人化したフロントエンドのJavaScriptを、‘新規機能開発を止めずに’改善するために行った取り組みについて。及びその経過報告。」 #devsumiD #devsumi

0
ユーン @euxn23

属人化したフロントエンドの JavaScript、他の人が触れないという点でレガシー JS っぽそう #devsumiD

2018-02-15 11:10:05
kei tanahashi @ktana_

シンプルとイージーの概念凄く好きなんだけど既存のソフトウェアを変更するのに下位互換性を無視できなくて結局シンプルとイージーにできない状態が続いてて凄くモヤモヤするんだよなぁ… #devsumiD

2018-02-15 11:10:19
たらこ🍞だ @8022

インしてます。技術的負債なんとかしたい。 #devsumiD

2018-02-15 11:10:46
ユーン @euxn23

モダンな JS にすることで属人化を排除できているのか、という点は気になる #devsumiD

2018-02-15 11:12:48
ユーン @euxn23

発表資料の色使いが darcula っぽい #devsumiD

2018-02-15 11:14:27
miwa @miwa719

最後に simple と easy きたね! この話は、定期的に何度も聴きたいから、嬉しかったです ところで タイトルにもあった審美眼の「美」の直接的な話は、なかったよね? 奥ゆかしい感じに、読み取るやつだったのかな #devsumiD #devsumi

2018-02-15 11:16:45
ユーン @euxn23

DOM の class 名が GA のタグに使われているか分からない問題、やばそう #devsumiD

2018-02-15 11:16:50
ユーン @euxn23

GA に使うタグは prefix つけましょうというルール付けによる解消 #devsumiD

2018-02-15 11:17:10
ユーン @euxn23

GA 詳しくないんですが、 GA ってカスタムデータ属性使えないんですっけ #devsumiD

2018-02-15 11:17:31
ユーン @euxn23

React 化することでイベントハンドラと発火がわかりやすくなるというのはあると感じる、というか現状そういう方向でやろうと思ってた #devsumiD

2018-02-15 11:18:55
ユーン @euxn23

GA で class じゃなくてカスタムデータ属性、できそうっぽい digitalbalance.com.au/our-blog/event… #devsumiD

2018-02-15 11:19:38
Tada🎉 @suke_masa

スライドをパッパと送られると、いま何を話しているのか分かりづらいです #devsumiD

2018-02-15 11:20:08
ユーン @euxn23

JS のスクリプトタグは依存が非常に不明瞭になるのでかなりつらい、関数名だけなら IDE のジャンプでどうにかなるけどイベント発火とかはかなりつらい #devsumiD

2018-02-15 11:20:31
Tada🎉 @suke_masa

jsファイルが大量にscriptタグに書かれていてどこに何か書かれているか分からない…これは辛いな… #devsumiD

2018-02-15 11:21:28
Tada🎉 @suke_masa

Javaは基本的にクラス名=ファイル名やから幸せやな〜 #devsumiD

2018-02-15 11:22:54
ユーン @euxn23

DOM(HTML) とイベントハンドラ(JS) が別なのが悪いので React で解決しよう問題はわかるんだけど、そのためだけに React 入れるのは環境の敷居が高く、環境自体がわかる人への属人化になりがちなのがなあー #devsumiD

2018-02-15 11:25:16
ユーン @euxn23

webpack とかの config が config 職人への属人化であるので、そういう意味で属人化排除のみの観点では両手を上げて賛同とは言えない感じがする…… ドキュメンテーションをしても、それを随時更新していかないといけないからなあ #devsumiD

2018-02-15 11:26:20
ユーン @euxn23

結局、どの辺を覚えておいてくださいというのを定期的にメンバにアップデートしていく覚悟がないと webpack 導入とかって将来的につらくなる気がする #devsumiD

2018-02-15 11:27:11
ユーン @euxn23

eslint 導入、そもそも既存のコードに引っかかる箇所が多すぎて非常につらい問題があるんですがそこはどうなんでしょう #devsumiD

2018-02-15 11:27:49
める @c5meru

なつかしみのある話だし、フレームワーク入れていくならこんな感じなんだなー #devsumiD

2018-02-15 11:29:02
ユーン @euxn23

SPA を目指したい気持ちになるのはわかるけど、Web の toC だと SEO 的な問題があって、直接そこをめざした改善ができないのが難しいところなんだよなあー、そういう点で toB は負債の回収はめちゃくちゃやりやすかった #devsumiD

2018-02-15 11:30:50
Tada🎉 @suke_masa

「ESLintでエラーになったコードはプッシュしない」って、CIしてないの?? #devsumiD

2018-02-15 11:31:07
おれたま @AHA_oretama

うーん、導入のハードルだったり苦労したことが知りたいな。react入れるってのは口で言うのは簡単だけど導入は難しいはず #devsumiD

2018-02-15 11:31:51