感想とメモ | We Are JavaScripters! #17th @mercari 20180330

JavaScript 勉強会

wajs.connpass.com

ちょうど去年の3月からお世話になっているWe Are JavaScripters!のLT大会に参加してきました。
We Are JavaScripters!はJavaScriptで学習したことやTipsを紹介したりするLT大会や、
休日を使ったもくもく会などを開催しているコミュニティです。

今回はメルカリさんのきれいなオフィスで寿司が登場し、参加者も100人を超えてすごく盛り上がっていました。
（実は3ヶ月ぶりの参加でしたが、）ビギナー枠を設けるなど、長く続いて拡大していく中でコミュニティとして大事にしていきたいところを守るために模索されているのを感じました。

運営の方々お疲れ様でした！！！

メモ

メルカリ 会場スポンサー LT

会場スポンサーのメルカリさんのLTでしたが、僕は15分くらい遅れて会場入りしたので、聞くことができませんでした。
ただ、Twitterを見る限り、iOS Safariのリリースもうけて、PWAに取り組むぞということをされていたようでした。

チームをCQRS - boiyaa

speakerdeck.com

We Are JavaScripters!ではおなじみboiyaaさん

CQRS ?

  • 全ての処理はコマンドかクエリ
  • 実装ではAkkaなどが有名

人の役割もCQRSを取り入れたい？

最近の問題意識 = クライアントサイドにロジックが寄ってしまう

  • フロントエンドエンジニア => 参照系
  • バックエンドエンジニア => 更新系

にわけるのはどうか？

フロント未経験者のReactプロダクト改善 - shikichee

speakerdeck.com

Ubie

たまる技術的負債

最近では当たり前になっているけれども負債になっているのではないか？ => いつまでも不安 こういう場で情報共有したい!


### new version of context in React 16.3 - sottar_

speakerdeck.com

New Lifecycle method

Context API

  • Props経由の値渡し
  • ページ全体に関わることは必要なくない？

子階層から直接呼び出せるようにしたい

React.createContext()

  • ステートの値をproviderがcontextに入れる => Consumerが受け取ってレンダリング

Ref: What’s new in React 16.3(.0-alpha) – Bartosz Szczeciński – Medium

What is necessary for Developer Friendly UI? - kuwahara

speakerdeck.com

  • Riotのコミッター

Bad sample of Web page UI

Api callの連鎖的 UI => 難しい記憶しかない

forkwell スポンサーLT

PR担当

キャリアアップ

できないエンジニア

  • 市場の評価 > 社内の評価
  • 市場の評価 < 社内の評価

できるエンジニア

  • 市場の評価 = 社内の評価

どうやって社内の評価と市場の評価をギャップを埋めるか？

  • 市場の評価 > 社内の評価 => コミュニケーション力
  • 市場の評価 < 社内の評価 => 技術力

勉強会懇親会参加しよう スカウトサービスという選択肢も？

Vuetifyで学んだあれこれ - ともこ

Vue

  • サポートライブラリの充実
  • コンポーネントの開発
  • 一つのファイルに3つの要素（.vue）

Vuetify

さわってみて

  • やってみた系の記事は情報が少ない
  • OSSフレームワークのソースを読んでVueの使い方を勉強

HyperappでMarkdownエディタを作って薄い本をかきたい - atsuco

speakerdeck.com

Hyperapp?

  • 軽い！！
  • 技術書店で詳しく書く

Markdownエディタ

  • Markdown => JSXは難しい
  • 知見求む、らしい

Osushiに見るフロントエンドのセキュリティ - シベ

speakerdeck.com

「控えめにいって最悪の経験をした」

  • 原因？
    • セキュリティ
    • 法律
    • 考えの甘さ
    • 早く世に出して仮説検証したいという思いが先行しすぎてしまった

ex ) アクセストークンが可逆暗号で作られていた => UUID

セキュリティ対策

  • 攻撃の数を減らす
    • DevToolハックによる撹乱
  • 攻撃を防ぐ
  • 被害を減らす
    • 可能な限り個人情報をAPIで返さない

継続的 npm update のために実践していること - シゲオカ タダシ

speakerdeck.com

Tokyo Otaku Mode

nom update

  • サービス開発が忙しくて、それどころではない？

npm ローカルモジュールを活用する

https://efcl.info/2014/10/04/npm2-local-module/

npm update & pull request

アップデートツール

  • Greenkeeper
  • Dependeabot

常に最新の環境を目指す！

WASMとES modules - chikoski

WASMはモジュール

  • ES modulesに似ている
  • C Rust C++ AsemblyScript(TypeScript)
  • WebAssembly Studio

WASM Web embedding API

ES2016 moduleとの違い？

モジュール = 名前と値の対応表

より便利に

  • Webpackで区別しない