「We Are JavaScripters! @18th」に参加してきました

• 2018/4/24
• https://wajs.connpass.com/event/84161/

Nuxt.jsでSSR

• @comuttun
• 都内の某メルマガの会社

レガシーな社内システム

• 日時のバッチで13万枚のhtml作成
• vue + Nuxt
  • Reactはjsxが無理な気がした
  • Angularは部分的に適用はつらそう
  • Vueは日本語ドキュメント豊富で周りの人も入りやすい
• 現状のテンプレートを地道にVue化

ブラウザからカメラを呼び出し手書きのサインを読み取って認証するぞ

• @kawasako
• Line
• https://www.slideshare.net/koheikawasaki902/ss-94859660

ステッカー作ろうとした

• ステッカーを会員証に
  • 手書きで名前書いてもらう
• 写真をとることでチェックイン
• 知り合いがいるか分かったりとか

カメラ呼び出し

• MediaDevice.getUserMedia
• カメラ呼び出し
• ios11から

画像解析

• OpenCV
• もとはC#
• 二階調化
• 輪郭検出
• 透視変換
• 画像認識できてもそれのマッチングが難しい

１日一つ強くなる戦略としての UCDDD (Udemy Course Development Driven Development)

• @nakanishi-yusuke
• フリーランス
• udemyにreact+reduxあげてる
• http://better-than-i-was-yesterday.com/ucddd/

Udemy

• 説明しながらコードを作るととても身につく

CodeSandbox

• codepen的な
• https://codesandbox.io/

メロンのはなし（仮）

• @mqtsuo02
• 大武さん
• フリーランス
• https://qiita.com/mqtsuo02/items/a65bb62a926b42ca19c4

melon.js

• http://melonjs.org/
• JS製ゲームエンジン
• 2Dゲームに向いてる
• html5で動く

ゲームを作る

• ボイラープレートがある

いいところ

• 環境構築楽
• デプロイ楽

「LP完成しました！お問い合わせメールの繋ぎ込みだけお願いします！」なんて二度と言いたくないのでhtmlとjsだけでお問い合わせメール送信機能を作った話

• @fukamiiiiinmin
• https://www.slideshare.net/masakazufukami/20180424-18-wearejavascripters

問い合わせフォーム

• そんだけのためにわざわざサーバたてたくない
• フロントの技術だけでなんとかしたい
• Google AppScritを使うと簡単
  • GmailApp.sendEmailなんていうメソッドもある

reduxはいらないかもしれないし、context APIもあんまり使わなくていいかもしれない

• @yamatatsu
• CureApp
• https://yamatatsu.github.io/slides/001/#/

reduxいらない？

• 作者もいらないかもって言ってる
• https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367
• 適材適所ということ?
• いいところ
  • エラー起きた時にその時のstateとれれば再現できる
  • actionを投げるだけでコラボレーション環境が作れる
  • ロジックとviewを分離できる

ContextAPIいらない？

• 作者が言ってる
• レアケースだから使うシーンあんまない
• バケツリレーの代わりにそこかしこで使うものではない
  • reduxの代わりになるものではない
• 多言語対応とか・・・
  • 他思いつかない・・

おまけ

• バケツリレー大変とredux作者にきいた
  • render porps
  • ContextAPIはアプリケーションコードでは使わないと思う

おまけ2

• formik
• form書くの面倒という人向け
• https://github.com/jaredpalmer/formik

.mjs

• @yosuke_furukawa
• https://speakerdeck.com/yosuke_furukawa/mjs

Node.js v10リリース

• mjsも入ってる
• privateも使えるようになる

mjs

• import/exportをbundlerなしで使えるようになる
• moduleのm
• moduleとscriptは違う
• module
  • デフォルトでstrictモード
  • トップレベルスコープ
  • awaitが予約後
• moduleかscriptか拡張子をみて最初に振り分けられる
  • simpleが速い
• custom loaderを使えばjsのままでもつかえる
• mjs人気ない使い方変わるかも