roppongi.js#1
日時
場所
LTしたshokai.icon
のはずだったが、当然5分に収まらなかった
後半1ページ1言で飛ばした
スライドにコードがバーンと出て、フムフムと見ていく形式のプレゼン好きshokai.icon
素のjsで設計する時にも考え方が応用できるので、勉強になる
Streamできたし、scrapboxにもそろそろいい感じの通知が作れるか?と考えているshokai.icon Firebaseのシャツ着てるめっちゃ詳しそうな人がいたので聞いたら、実際にpush通知使ってる人だった!
メッセージの送信先のリストをFirebase内のRealtime DBと組み合わせて使うのが便利っぽい
自前のDBにユーザーのリストを持っている場合は、FirebaseのDBとの同期を取らないとならなくて逆に面倒くさくなりそう?な印象を持ったshokai.icon
amagiさんにすごい顔が似てる人がいて、でも別人だった
会場に巨大な冷蔵庫が2つあり、大量の酒が
https://gyazo.com/016fe739ec67e2f955064078b712cdde
ごぼうって書いてあるTシャツが見える
https://gyazo.com/6063324493de7b4e83e05c9c75b57f7a
以下メモ
スライドできてなくて、ギリギリまで作ってたのでかなり適当なメモになっている
あいさつ by sota1235.icon
https://gyazo.com/83b09c7de5a850b414cac1fc1167d552
六本木周辺の会社、いっしょにやろうぜとのこと
会場提供、運営など
conditional typesというのが追加された
条件によって型を変えれる?
inferで型を引数に取れる
Facebookが使ってるらしい
reducer, actionなどを持っている
routerも持っている
パターンマッチで書ける、ミニマムなrouterらしい
最近router自作したくなってきたのであとで見るshokai.icon
Headless Chromeのライブラリを作ったら2000starついた by yujiosaka 英語で発信する
1目で何ができるのかハッキリわからせる
だいたいの人は最初の数行しか読まない
FAQ書く
ロゴ置いて簡単そうに見せる
exampleが一番見られた
信頼
CI通ってるバッジ
Greenkeeper
死んでるproject使いたくない
debugger statement by brn コード中にdebuggerと書く
handleDebuggerStatementが呼ばれる
そこで開発ツールが止まって、スタックトレースとか見れる
conditional break
条件に入った時だけdebuggerが使えるになる
loggerにdebugger仕込む
開発環境では、落ちた所で自動でJS実行が止まってくれて便利
productionにはdebugger文が消えたjsを配信できる!
止めれるのいいなshokai.icon
わざとサーバーがランダムにディレイを入れてレスポンスを返すモードとか作ったりしたけど
debuggerで止めちゃうのもアリな気がしてきた。あとで試す
ELMは関数呼び出しに括弧いらないからJSXいらない
ELM良さそう。シンプルな1つの方法で色んな問題が解決できてるっぽいshokai.icon
10年前のJavaシステムを改修
サーバー
Kotolin + Srping Boot
フロントエンド
Nust.jsにした
Nuxt.js
Vue.jsを使うユニバーサルフレームワーク
kotlinサーバーのAPI→swagger→TypeScriptで書かれたAPI clientが作れる なるほど感がある。確かに良さそうshokai.icon
remark(スライド作る方じゃなやつ)というmarkdown parserを使う
構文木が出てくる
これをHTMLにする
visitorパターンで拡張していく
わかる〜!!.iconshokai.icon
コンポーネントの中のイベントハンドラをどこでthis bindするか?
constructor
まだstage-3のclass構文内でのonClick = (e) => { }
JSXの中で<button onClick={e => }>
constructorでlodash.bindAll使ってるshokai.icon
class構文内のアロー関数はまだ本採用されるのかわからないので避けてる
Gyazoは気合い入ってるので使ってる
React Suspense
preactの作者のdanの新作
回線が遅い人にspinnerを表示する場合
300msec待って、遅い人にだけ出す
React.TimeoutというコンポーネントとSuspenseでstatelessに書ける
Promiseをthrowしちゃう