40. CTOの技術選定

soussune - エンジニアわいわいポッドキャスト「そうっすね」

trkwとmiyaokaとkotamatsの3人で、SCOUTER、Vue.js、Nuxt.js、Laravel、Android、JetBrainsなどについて話しました。## Show Notes

kotamats さんの自己紹介

• 松本 宏太さん (@kotamats) の自己紹介
• 株式会社 SCOUTER の CTO
  • 人材紹介を誰でも簡単にできるサービスを運営
  • 会員数 3000 名を超えた
• 趣味は自転車
• NuxtMeetup#1 を開催しました! | SCOUTER 開発ブログ

SCOUTER さんが行っている技術選定

• 技術選定のコンセプト
• ゆるふわでできる物を選んでいる

• Laravel - The PHP Framework For Web Artisans

• 最近の開発では Nuxt も利用している
• Laravel は Rails 出身者でも開発に携わりやすい
• 2 年前は CakePHP で運用していてリニューアル、現在は Laravel と Vue で運用
• Nuxt は、 2017 年 10 月から実際に導入している
• デメリットと感じる点は、ゆるく書けるのが良くも、悪くも
• Vue.js だとあまり、Component を許容しない
• タグが invalid でも通してしまう

vue これvalidなの… pic.twitter.com/JctNnlLAuJ

— azu (@azu_re) 2018年4月4日

別リポジトリで、ソースを共有する方法

• 企業側、スカウターさん、転職者さん、Admin 用でリポジトリが別れているという課題
• 扱っているデータは一緒なので、別リポジトリでも plugin 的に同じソースを利用したい
• Storybook 上で Button など、共用パーツをまとめてる

• storybook/addons/storyshots at master · storybooks/storybook

• PHP 側にはテストをいれているが、なかなか回帰テストまでには至ってない。コンポーネント集として ElementUI などを見て参考にしている

• Element - A Desktop UI Toolkit for Web

  • Table Component | Element

• rlidwka/sinopia: Private npm repository server

• verdaccio/verdaccio: 📦🔐A lightweight private npm proxy registry

• Pricing - npm

分岐が複雑なコンポーネント

• v-if とかで分岐、Admin でこういうステータスだと表示しない
• Logic に落とし込むと v-if が多くなり複雑になる
• jsx の返す関数を用意して、render に渡す
• 愚直に JavaScript を書く
• v-if のネストや v-else まで入るとつらい感
• 後置 if 構文： If, Else, Unless, and Conditional Assignment - CoffeeScript

うーん、個人的には Vue も大規模なもので十分使えると思ってるのだけど、この認識の違いはどこからきてるんだろう。

— katashin (@ktsn) 2018年4月2日

• フロントエンドの Vue.js は、サーバーサイドの PHP に似ているのかも
• 初級者から中級者にとっつきやすいイメージがあるが、強い PHPer のような人も居る

API の IO が複雑な時の開発フロー

• ネストが深いデータフローをどうすべきか
• World's Most Popular API Framework | Swagger
• Browser Tests (Laravel Dusk) - Laravel - The PHP Framework For Web Artisans

よい API ドキュメントがあるだけで、開発意欲がわく

• Stripe API Reference
• Annict
  • Introduction · Annict Docs
  • Annict の GraphQL API を使ってアニメデータを取得しよう - Qiita
  • annict/annict: The platform for anime addicts built with Rails 5.1 and Vue.js 2.5.
• Animetick / アニメティック - アニメ視聴管理サービス

ソースコードの抽象化、責務範囲

• ドメイン駆動設計（Domain-driven design, DDD）
• YAGNI "You ain't gonna need it"
• ピザを分け合うことができる人数 = チームとして成り立つ規模感： 米 Amazon の CEO ジェフ・ベゾスが提唱する｢2 枚のピザ理論｣ | ライフハッカー［日本版］
• Twitter Lite の不具合報告からわずか 2 時間ほどで修正デプロイ可能な体制に感動した話

This is fixed now -- I wasn't expecting such a quick turnaround around on Friday afternoon!

— Tatsuhiko Miyagawa (@miyagawa) 2018年3月24日

• ReactiveX
  • RxJS API Document

Android の日本展開

• iPhone を使ってた松本さんが、Android に変えた話
• 最近の Android は機能が充実している
• Pixel 2, Ask More of Your Phone - Google Store
• Samsung Galaxy S7 y S7 edge | Samsung CO
• スマートでよりシンプルな「Android P」β テスト開始　 11 機種が対象 - ITmedia Mobile

Android P Preview対応機種の日本販売状況
Pixel ✘
Pixel XL ✘
Pixel 2 ✘
Pixel 2 XL ✘
Xperia XZ2 △(キャリア版はおそらく不可なため)
Xiaomi Mi Mix 2S ✘
Nokia 7 Plus ✘
Oppo R15 Pro ✘
Vivo X21 ✘
OnePlus 6 ✘
Essential PH‑1 ○

— tomokin966 (@tomokin966) 2018年5月9日

• Google Lens

日本だけ iOS シェア率高いままというのが IE の再来を想起させるので危機感

【調査】#iPhone と #Android のシェア調査です。日本と海外では両者のシェアに大きな違いがあります
日本：#iOS 68.6% Android 30.4%
国外： iOS 19.6% Android 71.9%https://t.co/TWw2uPqtYT pic.twitter.com/mlN5CTUrPD

— XERA公式 (@xera_jp) 2017年8月10日

• 【iPhone VS Android】日本と世界におけるスマホ OS のシェア率分析 | XERA
• iOS Developers Ship 29% Fewer Apps In 2017, The First Ever Decline – And More Trends To Watch | App store Insights from Appfigures
• Web browser popularity change over time - Business Insider
• iOS 11.3 で、PWA から別アプリに切り替えて復帰した際に、状態がリセットされてしまう話
• Pixel 2 /2 XL の｢Google フォト無制限使用権｣は 2020 年末まで。以降は一般ユーザーと同じ扱いに - Engadget 日本版

JetBrains 製品の機能どこまで使ってる？

• Vue.js - Help | IntelliJ IDEA

フロントはもう VSCode > IntelliJ系 かと思ったけど、Vueのコードジャンプのサポートでやっぱり InteliJ系 > VSCode だわ〜となった。でもReactだったらVSCodeでええな。。。

— nabepon (@nabepon_dev) 2018年4月12日

intellij、ときどきくっそ重くなって重くなるたび.idea/workspace.xmlを削除してるんだけど、どうにかならんかしら

— nabepon (@nabepon_dev) 2018年4月3日

• trkw の MacBook Pro で ふぁんふぁん いう

プログラミング言語の使い分け

• Go の勉強 by miyaoka
• Haskell Language
• Hakyll - Home
• Web Assembly、まだ trkw、miyaoka やれてない
• WebAssembly cut Figma’s load time by 3x – Figma Design
• Expo
• Notifications - Expo Documentation
• Progressive Web Apps on iOS are here 🚀 – Maximiliano Firtman – Medium
  • iOS ではなく、Android だと PWA でできることが結構多い記事

---

💬おたより募集中

soussuneでは感想や質問などリスナーからのご意見をお待ちしています。

• Twitter
• 感想フォーム

からお気軽にコメントをお寄せください