2019/11/20 表参道Web勉強会（OWEB）／Vue.js/PWA/JavaScript…新&定番なんでもあり#9 に参加しました！

2019/11/20（水）に開催された表参道Web勉強会（OWEB）／Vue.js/PWA/JavaScript…新&定番なんでもあり#9 に参加してきました！

oweb.connpass.com

感想

今回も先に感想を。
LT登壇者が遺伝的アルゴリズムからVue.jsまで幅広く それぞれに好きなことを発表していて、皆様イキイキしているなー！という印象でした。
言語を作られている方が登壇されていることにはびっくりでした！
世の中っていろんな人がいるなぁと改めて思い、パワーをもらえました！
私も頑張ろう💪

LT会

ソフトドリンクを頂きながらお話を聞くスタイルでした！

Laravel DB Designer@daisu_yamazaki氏

Laravel DB Designer の紹介

• 開発環境
  • FireBaseと連携
• できること
  • ER図で設計したマイグレーションファイルを作成
  • 外部キーの制約も作れる
    • もっと使いやすく
    • 前の内容にリバースしたい

参考資料

qiita.com

Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜@KazushiOhhiraさん

Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜のブログの概要紹介

• Vue.jsをサービス設計で困ること
  • 関係者で認識があっていない
  • 実装してると認識しない
  • 迷走した
• それぞれの依存関係や自分の位置もわからない
• 上記から設計地図（造語）を作ろうと思った
• 実例を踏まえてブログを書いているので、読んでみてください

参考資料

tech.plaid.co.jp

AMPの有効な使い方@Azusa Ito氏

AMPとは

• メリット
  • モバイルでWebページを高速に表示する技術
• デメリット
  • 処理を止めるとリダイレクト処理が必要になるなどと処理が面倒
  • いつまで保証されるかわからない

有効利用

• 観光地の飲食店でAMPが有効利用が可能！
  • WordPressのThemeにAMPを設定
  • トップページのAMP化
  • サーバの負荷対策に使える
    • 災害時の対応などにも使える

ブラウザについて@YukiOzasa氏

Web業界での一コマ

• それ？キャッシュじゃない？みたいなパターンがある
• どこで、なぜ、キャッシュされているのってところも大切
• ブラウザの理解が必要

Chromeのブラウザの話

• キャッシュには種類がある
• 開発者ツールで見ると「どこで」がわかる
• ブラウザのメモリキャッシュされている画像は、オフラインで見られる

• かの有名な画像たち
• こういったところからどこにキャッシュすると、よいのかがわかるようになるよ

あなたの知らないASP.NETの世界@Sonic氏

• 個人的な見解です

ASP.NETの歴史

• 1996〜 開発が始まっている

ASP

• ActiveServerPage
  • スクリプト言語
  • phpかける人はだいたい書けるはず
• ASP .NET WebForm
  • 2002〜
  • コンパイラ言語
• ASP .NET Core MVC
  • 2009〜
• ASP .NET Core SPA
  • 2019〜
  • typescriptになります

Ma_gician ＜Vue にはできない事＞@StewEucen氏

Ma_gician

• マジシャン（仮）
• 今年末にOSS化、名称決定がされる予定

比較

• Ma_gician は、Scriptがないよ

Vue.jsにできないこと

• Vue.js
  • ブラウザの仕様でscriptタグがあるため、開発者ツールで実行してもマウントされない
• Ma_gician
  • 開発者ツールで実行して、そのまま動作する
    • scriptタグがないため
• メリット
  • マウントしたまま、Vue.jsのコードを保存しておける

エンジニアの心の保ち方@goombeer79氏

エンジニアに必要なスキルとは？

• 個別のスキルに「心を保つ力」が必要
• なぜ？
  • エンジニアは、不確実性を扱う
• 自分が体験したこと
  • 入社してすぐに認証基盤を担当
  • 開発後にIE11で動かないことが判明
  • モチベーションが下がる
• やったこと
  • テストを細かくする
  • リリース単位を細かくする
  • リリース作業を垂れ流す

node.jsとLaravelで効率な営業ができる@YosukeKinoshita1012氏

営業先リストをスクレイピングで取得

• 営業は数が重要
• 一度開発すれば簡単にできる

自動でメール営業

• とんでもない数のメールアドレスを取得
• node.jsでメール配信
  • nodemailer
  • 方法を間違うと法にふれるそうです（注意！）

反響率が高い問い合わせフォーム営業

• Laravel + iframe + ajax + jquery
• モダンじゃなくても、しっかり営業できる！

@okita_kamegoro 氏

• 本日はおやすみ…

TypeScript未経験者が社内向けJSライブラリを置き換えた話@pvcresin氏

やったこと

• 学んだこと
  • 公式ドキュメント
  • がんばらないTypeScript
  • 実践TypeScript
• 準備
  • 導入方法を検討
• 置き換え
  • ESLintを設定
  • 型定義ファイルを作成

導入してよかったこと

• 型を決められた
• 関数と向き合えた

遺伝的アルゴリズムを体験できるシンプルなシミュレーションツールを開発中なのでざっくり紹介します@HayatoMatsumoto氏

遺伝的アルゴリズムとは？

• 強い遺伝子が勝ち残る
• 解を探索する方法が必要
  • 最適化する必要がある
• なぜ、トーナメント、交差、突然変異ってなぜ必要？
  • 局所解にハマる問題に対処

今回とく問題

• 1000px×1000pxのピクセルのキャンバスに一番大きい三角形を描くには？
  • アルゴリズムを使うとかんたんに計算できるよ

スポンサーLT@Forkwellさん

• キャリアップエンジニア
  • 市場評価≒社内評価が釣り合っている人
  • 市場評価と社内評価をうまく釣り合わせている
  • 市場評価ってどうやって見極めるの？
    • スカウトがおすすめだよ！