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

By そうっすね制作委員会Technology Tech News

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

October 23, 201844. モチベがなくてもやるんだよ
trkwとmiyaokaとmasaakikunsanとnakasujiの4人で、Atomic Design、GraphQL、Tailwind CSS、チームビルディング、成長などについて話しました。## Show Notes
中筋さん近況
前回同様に中筋さんのオフィスで収録
ライフスタイルデザインから FABRIC TOKYO へ社名変更
技術顧問
知人の開発の手伝い
モラトリアム期間
本業はメインサービスのフルリニューアル、開発合宿にいってきた
心躍るできごとが少ない
まさあきくんがうらやましい
気づいたら自分より若い子が増えた
JAMstack っぽい構成でコーポレートをリニューアル中
まさあきさん自己紹介
22 歳
大学受験に失敗し、プログラミングを始めた話
SCOUTER に入社、その後フリーランスからそしてまた SCOUTER へ
冴えカノ、氷菓のオタクをやっている
技術書典 5 も参加した
デザイナーとうまく協業するにはどうすればいいのか
DOM 構造だけ作って、あとでスタイルをつける
仕様策定段階から全員でプロジェクトに携わる
フロントエンドとデザイナーの対談回をやりたい
Atomic Design について
Atomic Design by Brad Frost
Brad Frost (@brad_frost) | Twitter
Atomic Design ~堅牢で使いやすい UI を効率良く設計する | 五藤佑典
GraphQL について
GraphQL | A query language for your API
AWS AppSync – GraphQL を基盤として、データに基づいたアプリケーションをオフライン機能でリアルタイムに構築する
フロントとコンテンツの間に GraphQL data layer を持つフレームワーク
GatsbyJS
Gridsome - Build blazing fast websites for any CMS or data with Vue.js
Apollo Client がすごい賢いので、これがあれば Redux などのストアがいらなくなるといいたい気持ちは分かるなー。
— katashin (@ktsn) September 18, 2018
完全に不要にはならないですが、賢くキャッシュしてくれるので、単純な、データ取得→整形・描画→変更をPOST みたいなやつは別に store 介さなくても良い感じです。
— katashin (@ktsn) September 18, 2018
Tailwind CSS について
Tailwind CSS - A Utility-First CSS Framework for Rapid UI Development
そういえば最近のCSSの話なんですが、文書構造のものだったことが起因していて表現力が以前低いHTMLの代わりに、コンポーネントの命名をCSSが担っているのはやはりおかしく、その領域はWCとかJavaScriptのUIライブラリのコンポーネントが担うので、CSSはtailwind的な設計にすると良いという感じです
— potato4d (@potato4d) September 29, 2018
我々は使うときは React コンポーネントとか Vue コンポーネント単位で扱うのに、わざわざ同じ名前を BEM なりに変換したものを CSS で持ってそこに書いていくのは完全におかしくて、CSS側でAtomicな機能を無限に提供してそれを意味づけするのはJavaScriptお前がやれみたいなやつが正しいという気持ち
— potato4d (@potato4d) September 29, 2018
PostCSS - a tool for transforming CSS with JavaScript
Phenomic, a modular website compiler (static site generator)
STUDIO をどうやって作っているのか
STUDIO | コードを書かずに、 Web サイト作成を完結。
Vue.js 製の GUI エディタ
Keima Kai(@keimakai1993) | Twitter が CPO
Vue でデザインツールを作った話
関西から Vue.js Tokyo v-meetup #4 に参加する為だけに東京に来ました！ | NPO 法人のための IT 支援事務所 ht
Vue.js Tokyo v-meetup #4 が開催されました - laiso
現状少人数で開発してるので、実装しながらちょくちょく設計について話し合ってる（めちゃ激論になる…）
フロントエンドの責務が環境構築や状態管理、メンテナンスというところが重要になってきていて、相対的に UI/UX を追求できるのはエンジニアリングとビジネスと営業ができる上流デザイナーの仕事という感
でもフロント技術を使って UI/UX を作り込みたい。ただしビジネスプロダクトとしてそこを理解して追求してくれる現場は多くは無さそう。
プロダクトを作れるエンジニアにはどうやったらなれるのか
エンジニアの市場価値
プロダクトを作るためにはなんでもトータルにできることが求められる
11. フロントエンドエンジニアのキャリアパス - bkkcast
フロントエンドエンジニアは CTO になれない
なぜCTOをキャリアのロードマップに置いているのか合意取らずに話しはじめてしまったけどこのポッドキャストのいつものノリだと金を稼ぐには――という意味だよね。
フロントエンドのキャリアで超絶稼いでる人インタビューさせてくれ！
— laiso🇹🇭 (@laiso) 2018年10月11日
Firebaseで年収1000万・・‼️ 都市伝説じゃなかったのか。恐れ入りました https://t.co/AREB2lP67u
— laiso🇹🇭 (@laiso) October 17, 2018
経営視点でロードマップが見えていれば足りないものが分かる
たとえばハッカソンに出ると一通り経験が学べるのでは
エンジニア以外のプロダクトに関わる人たちの視点も得られる
チームビルディングについて
スキルのばらつきを無くしたい
知見の共有が必要 → ドキュメント書け → ドキュメントを書く仕事はつらい
多少のスキル差よりは、共通の目標と目的
ルールや目的をシンプルに単純化
単一責任原則 | プログラマが知るべき 97 のこと
サービスに対する期待と他のメンバーに対する期待を発表して認識の齟齬を作らない
The Agile Inception Deck | The Agile Warrior
プログラミング以外のビジネス系などについてどうキャッチアップするか
Creative X #1 今あるデザイナの危機に立ち向かう知識　に行ってきたので軽くまとめ｜ Thingo TKSK ｜ note
コトノハ - "("はカッコで")"はコッカ
エンジニア社会でうまく生きていくコツは
SNS でちやほやしてたり治安が悪かったりするのを見るとつらくなる
ツイッターだけが世の中じゃないよ？
NuxtMeetup#5 開催しました - SCOUTER 開発者ブログ
Vue or Nuxt
vue-cli で作るか、nuxt-create-app で作るかの違い
嫌われる勇気: 岸見一郎, 古賀史健
関係が合わなくなったら、より広いコミュニティに目を向ける。人生に疲れたら宇宙 or 大地
別に死ぬわけじゃないからいいかの心理
年齢を重ねると自然とどうでも良くなってしまい、きらめきも失ってしまう
効率よく成長するためにはどうすれば良いか
JSLounge - connpass
うちの父が鉄道好きで昭和オリンピックによる再開発が始まる前の日本全国の鉄道を撮っていたんですが、今その写真展を新宿で開いていて新聞に載るほど好評なようです😲https://t.co/MpjtUHUF3C pic.twitter.com/a7QUWNkpHN
— みやおか (@miyaoka) October 12, 2018
半世紀でいろいろ変わってしまう。記録することが大事
soussune - 38. わかばちゃんの楽しい学び方
初心者のつまずき体験を記録しているので、入門者の共感度が高い
モチベーションが高い状態であることが一番成長できる
座学だとつまづきでモチベ減、OJT だと詰められてモチベ減
Introduction · Tig - Text-mode interface for Git
Sourcetree | Free Git GUI for Mac and Windows
スパルタに鍛えられた人は教えるときもスパルタ
自衛隊に入るとモチベに関係なく働く。娑婆っ気を抜かれる
命かかってる現場だから生物としての危機感
モチベ高い／低いと言っていられる現場は幸せ
宣伝、告知
一人暮らしを始めるのでウィッシュリストに暖かい励ましを
PM をやっているback checkというサービスの紹介
日本初の月額制リファレンスチェックサービス
💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter

感想フォーム
からお気軽にコメントをお寄せください
1 hr 34 min
October 18, 201843. 技術書典振り返り、Netlifyの構想するWebの未来
trkwとmiyaokaの2人で、技術書典5、Netlify、originless、STUDIOなどについて話しました。## Show Notes
YouTube で収録しました。動画でご覧になる方は →こちら
技術書典５振り返り
技術書典５ | 技術書典
News Up 文系も知りたい「技術書典」 | NHK ニュース
「技術書典にロケットランチャー撃ち込んだら日本のＩＴ業界終わりそう」
JAMstack 完全入門ハイパフォーマンス Web サイト構築 - soussune - BOOTH（同人誌通販・ダウンロード）
技術書典 5 に参加してみて振り返り (miyaoka) – soussune – Medium
技術書典５に参加してみて振り返り (trkw) – soussune – Medium
イヌでもわかる Hyperapp - 犬テトラ+ - BOOTH（同人誌通販・ダウンロード）
技術書典 5 で、『完全 SIer 脱出マニュアル』という本を出します - #がみぶろ
#完全 SIer 脱出マニュアルが #技術書典 5 から 1 週間で 800 部も売れて心底驚いている - #がみぶろ
シリーズ B で$30M の資金調達を果たした Netlify
Funding update: our next steps for a better web | Netlify
Netlify | Crunchbase
Instagram | Crunchbase
GitHub | Crunchbase
Instagram も GitHub もシリーズ B からの Exit
Netlify の Application Delivery Network(ADN) 構想
Netlify Application Delivery Network | Netlify
JAMstackは単にサイトを静的化する技法の話ではなく、NetlifyがこれからのwebというものをCDNからADN、コンテンツからアプリ配信と捉えているところから論ずるべきだったんだなあと、いう視点が見えてきた
— みやおか (@miyaoka) October 11, 2018
オリジンサーバーを不要とし、Git で管理されたソースを Netlify がビルドしてエッジに配信する。JAMstack はそのための構成要素の 1 つ
Netlify raises $30M to replace webservers with a global 'Application Delivery Network' | Netlify
“Netlify is the clear future of the web platform. In less than five years, you'll build your next complex web application on Netlify's Application Delivery Network.”
“Our goal is to remove the requirement for those servers completely. We’re not trying to make managing infrastructure easy. We want to make it totally unnecessary.”
JAMstack_conf
Web は Document か Application か
PSA: @gatsbyjs is not just for "sites". It produces static HTML and then rehydrates into a React app.

Think of it as an opinionated CRA with built-in SSR and nice integrations w/ CMSs.

Please use Gatsby to build apps.

Thanks for listening. Happy Friday and happy developing.
— Kyle Mathews (@kylemathews) September 21, 2018
Pre-building and distributing apps ahead of time is the core concept behind the JAMstack, a modern approach to web applications. It’s an idea borrowed from mobile development that’s catching on with the web developer community. “Running any web property without origin servers is an arresting concept, but the clear future of the web platform,
ネットワークの最適化を意識したアプリケーション開発
JavaScript のコードと Service Worker をユーザーに近い CDN のエッジで実行可能。Cloudflare が「Cloudflare Workers」を提供開始－ Publickey
ServiceWorker 内で Babel を駆使して、JavaScript をビルドする - ログミー Tech（テック）
JAMstack Radio | Ep. #31, Originless code with Cloudflare's Kenton Varda | Heavybit
You write code and it just runs everywhere. That's what we call "originless," and that's what Cloudflare does.
開発中の STUDIO エディタをプレビュー
STUDIO | コードを書かずに、 Web サイト作成を完結。
Vue.js で作られている Web サイト制作用 GUI エディタ
現行版をコアから作り直していて、いろいろ新機能を盛り込んだりだいぶパフォーマンスが出るようになってきた（下記ビデオ参照）
次世代の Web デザインプラットフォーム「STUDIO」、Web サイトの公開が無料に。｜ STUDIO 株式会社のプレスリリース
ホームページ作成 | 無料ホームページの作り方 | WIX
Responsive web design tool, CMS, and hosting platform | Webflow
次回の技術書典では STUDIO の技術本とか書いても面白いかもという話
書籍を書くのは大変
「Vue.js 入門基礎から実践アプリケーション開発まで」の没ネタ – kazuya kawaguchi – Medium
【新刊情報】10月新刊『Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発』見本が届きました https://t.co/zD7GaduG8h pic.twitter.com/9ceoP0NZnV
— C&R研究所の会社犬ラッキー (@lucky_CandR) October 9, 2018
💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter

感想フォーム
からお気軽にコメントをお寄せください
1 hr 19 min
October 05, 201842. JAMstack 完全入門ハイパフォーマンス Web サイト構築
trkwとmiyaokaの2人で、技術書典5、JAMstackなどについて話しました。## Show Notes
技術書典５
技術書典５ | 技術書典
JAMstack 完全入門ハイパフォーマンス Web サイト構築 - soussune | 技術書典
完全 SIer 脱出マニュアル - しがないラジオ | 技術書典
kmuto/review: Re:VIEW is flexible document format/conversion system
おしながきを作りました。Docker風味。 #技術書典#マンガでわかるDocker#告白に学ぶHTTPステータスコード#わかばちゃんと学ぶ
サークルチェック→ https://t.co/MLn5avUxtI pic.twitter.com/aMzdvCk1qu
— 湊川🌱マンガでわかるDocker② 10/8技術書典5【あ20】 (@llminatoll) 2018年10月2日
JAMstack
JAMstack | JavaScript, APIs, and Markup
静的化、動的化の違い
SSG(Static Site Generator)
なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか - DEV Community
TypeScript 入門以前ガイド - mizchi's blog
The JAM Stack - Speaker Deck
この本のターゲットは、広めに設定している
JAMstack という用語は日本ではあまり広まっていない
エコシステムの話
JAMstack はアーキテクチャ
技術書典４ | 技術書典
First Load と、遷移時の速さを解決できるのが JAMstack
技術書典のサークルチェック
サークルチェックは予約ではないため購入できるかは当日次第です。売り切れを防ぐためにはサークルさんが強気に、少し多めに！刷る必要があります。販売予測はすごく難しいので、どの程度興味があるかを事前に伝えることは判断の一助となります。各参加サークルに判断の材料を渡すために、はやめにサークルチェックをお願いします。
技術書典ブログ
soussune の宣伝が遅すぎた問題
壁サークルとは - 日本語表現辞典 Weblio 辞書
技術書典サークル初参加しました。使った物と使わなかったものをまとめます。 - kaggle 全力でやります
AWS をはじめよう　～ AWS による環境構築を 1 から 10 まで～ - mochikoAsTech | 技術書典
同人誌と商業誌
Vue.js 入門基礎から実践アプリケーション開発まで：書籍案内｜技術評論社
同人なのに、商業に近いクオリティになってしまう
もっとブログくらいのノリで書ける本を出していくのも大事かもしれない話
読んでみたい本
10/8 　技術書典５に参加します｜齋藤｜ note
先人の知見を吸収すべきだった
展示ホール D - 株式会社サンシャインシティ展示ホールご案内｜施設概要
soussune は 80 部で、弱気
知り合いに配ったり、家族に見せたり、自分で見たり、勉強会で配ったり、カンファレンスで景品にしたりと活用方法がいっぱいあるので、最低でも 10 冊は残しておかないと後悔する可能性があります。技術書典で爆死しないために｜ erukiti ｜ note
今日からはじめる技術 Podcast 完全入門 - YATTEIKI Project | 技術書典
入稿終わって気が抜けて、技術書典楽しみでしかないのだ
— trkw@技術書典5 け53 (@trkw_) 2018年10月5日
技術書典 - connpass
図やイラストについて
miyaoka さんは、Flash を使って図とイラストを書いてる
Amazon | WACOM FAVO ペン&マウス・タブレット A6 サイズ CTE-440/S0 シルバー (ソフト 5 種類付属) | ワコム | ペンタブレット通販
‎「CLIP STUDIO PAINT 漫画・イラスト制作」を App Store で
おうちハック
ルーティンの設定と管理 - Android - Google Home ヘルプ
Nature
ルーティン（元ショートカット）は、Nature の「Direct Actions」（Google Home のみ対応）であれば、アプリとの接続は不要だが、「ねぇ Google（OK Google）、ネイチャーリモに繋いで」という発言を省略させるような使い方を想定
（ルーティン機能以前にあったショートカット機能でショートカットを作成されていた方は、「カスタム」に設定済みのショートカットが表示されています）
Google Home のルーティン機能を活用する — Nature
nfarina/homebridge: HomeKit support for the impatient
まとめ
JAMstack 本は、Web サイトの価値が高めることができ、 DX が高まる本となっているというまとめ。
💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter

感想フォーム
からお気軽にコメントをお寄せください
1 hr 25 min
August 19, 201841. 楽しくて仕方がないラジオ
trkwとmiyaokaとzuckeyとgamiの4人で、しがないラジオについて話しました。## Show Notes
しがないラジオとコラボ回
しがないラジオ
sp.37【ゲスト: trkw_&miyaoka】楽しい『エンジニアわいわいポッドキャスト soussune』 | しがないラジオ
ポッドキャストのホストをやっている同士で、ゲスト参加は今回がお互いに初めて
パーソナリティ、自己紹介するタイミングがない問題
収録環境
今日はsoussuneとしがないラジオのコラボ回をPLAIDオフィスで収録します！ #soussune #しがないラジオ pic.twitter.com/WxqAbB1KoE
— soussune (@soussunefm) 2018年8月18日
gami さんの自己紹介
株式会社プレイド | データによって人の価値を最大化する
インタビュー上手い人
zuckey さんの自己紹介
場の発明を通じて欲しい未来をつくる｜ tsukuruba inc.（ツクルバ）
編集する人
Podcast の話
10 日出してないとそわそわする
習慣化
収録しても編集までなかなかできてない
ライブでやりたい
今どきの YouTube に比べたら Podcast って大変
習慣化
自己肯定感を爆上げする、MRM(Morning Routine Management)を始めてみた - #がみぶろ
効率厨
カレー生活
COMP 完全食
つくおき | 作り置き・常備菜レシピサイト
早朝に会議室借りて収録
結婚式話
富士山頂挙式
Node.js
Tabs versus Spaces - YouTube
『しがないラジオ meetup#1』に参加してきた - dskst's diary
しがないラジオコンセプト
SIer で苦しんでる人に手を差し伸べる的な
聞き上手
客観的な質問をする gami さんと、勢いで質問する zuckey さん
#PLAID_party に #しがないラジオパーソナリティが揃った！ pic.twitter.com/tHloji5cCA
— gami お27『完全SIer脱出マニュアル』@技術書典5 (@jumpei_ikegami) 2018年7月18日
技術話
Rails 力上がったけど、新しい技術に触れてない
技術書典 | 技術書典
kmuto/review: Re:VIEW is flexible document format/conversion system
しがないラジオパーソナリティ2人に、技術書典5で書いてほしい同人誌のテーマは？#しがないラジオ #技術書典
— gami お27『完全SIer脱出マニュアル』@技術書典5 (@jumpei_ikegami) 2018年8月2日
💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter

感想フォーム
からお気軽にコメントをお寄せください
1 hr 20 min
May 10, 201840. CTOの技術選定
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

感想フォーム
からお気軽にコメントをお寄せください
1 hr 16 min
May 03, 201839. わかばちゃんの楽しい学び方 Aftershow
trkwとmiyaokaとllminatollの3人で、わかばちゃん、Docker、原稿管理、Google アナリティクス、ビジネス、趣味などについて話しました。## Show Notes
わかばちゃんが出る ISUCON
学習や体験のハードル下げることができる漫画
わかばちゃんの成長を感じる
わかばちゃんは需要があるところに出没して、解決していく
マンガで分かる Docker
#マンガでわかるDocker
BOOTHにてインターネットダウンロード販売はじめました🎉✨

こちらからご購入いただけますhttps://t.co/GXn20eSFjk#技術書典 #技術書典4 #BOOTH
— マンガでわかるDocker DL販売中！ (@webdesignManga) 2018年4月23日
Docker を使う人は自学自習していくタイプが多いと思い、「マンガで分かる Docker」は書くべきか悩んだ
フロントエンドエンジニアでも開発環境を揃える為に Docker を使っているという話を聞いたため書いてみようと思った
DX（Developer Experience）
soussune/soussune.com: エンジニアわいわいポッドキャスト「そうっすね」
Introducing Deploy Previews in Netlify | Netlify
Review Apps | Heroku Dev Center
技術に乗り気じゃない人にも読んで欲しい
IFTTT/dash: A simple Docker Compose wrapper command used in developing applications at IFTTT.
ansible/ansible: Ansible is a radically simple IT automation platform that makes your applications and systems easier to deploy. Avoid writing scripts or custom code to deploy and update your applications — automate in a language that approaches plain English, using SSH, with no agents to install on remote systems. https://docs.ansible.com/ansible/
GitHub で原稿を管理している
textlint/textlint: The pluggable natural language linter for text and markdown.
kmuto/review: Re:VIEW is flexible document format/conversion system
Viewing contribution activity in a repository - User Documentation
Is the punchcard graph gone now?
わかばちゃんと学ぶ Google アナリティクス
soussune は、Google アナリティクスを見て朝の通勤時間に聞いている方が多かった為、リリースを朝の 9:00 にしている
収益や PV をあげる為にはどうしたらいいかが書かれている
3C 分析とは・意味｜ MBA のグロービス経営大学院
4P とは・意味｜ MBA のグロービス経営大学院
Google アナリティクスは、非技術者と、技術者を戦略レベルで誘導させられるツールである
第 1 章は、いいエモい話になっている
Google アナリティクス個人認定資格（GAIQ）理解度テストについて - Google Partners ヘルプ
マンガでわかる Google アナリティクス序章「インターンシップ先は問題だらけ！？」 – KOBIT
これだけ知っておけば大丈夫！校正にまつわる 7 つの専門用語 - 社内報担当者のための情報サイト SHAHOO!（シャホー！）
イラストマンガ制作ソフト・アプリ CLIP STUDIO PAINT（クリップスタジオペイント）
株式会社 C&R 研究所
Vuexの図をかいてたら途中からナナチを書いていた pic.twitter.com/p3kRHSMShD
— mio (@mio3io) 2018年1月12日
技術書典 - 技術書典
人生のイベントを抑えるビジネス
プログラマーのための新千歳空港入門 #love_swift from Tomohiro Kumagai
ターミナル (字幕版) - 動画 - Amazon ビデオ
空港に居住した人物の一覧 - Wikipedia
マーハン・カリミ・ナセリ - Wikipedia
[公式]イオンのお葬式 - 葬儀・家族葬全国の葬儀場から検索
【公式】スタディサプリ - 神授業、見放題。
【就活ならリクナビ】新卒・既卒の就職活動・採用情報サイト
ウエディング、ブライダルなら結婚準備の総合サイトゼクシィ
継続する趣味
自己肯定感を爆上げする、MRM(Morning Routine Management)を始めてみた - がみぶろ
trkw - キャンプ
1 人旅行にハマってた時期
宮崎県・高千穂のパワースポット三社をめぐる開運トリップのススメ｜九州への旅行や観光情報は九州旅ネット
乾徳山 - 20m の岩を登るスリル！富士山の絶景を楽しむ日帰りルート - YAMA HACK
キャンプやる
キャンプ YouTuber いる話
山、ジムが続かなかった
乾徳山 - 20m の岩を登るスリル！富士山の絶景を楽しむ日帰りルート - YAMA HACK
野球
miyaoka - 映画
映画とはなんなのかという根源的な疑問から、年間 300 本くらい見るようになっていた趣味というか修行
午前十時の映画祭 - Wikipedia
TOHO シネマズでは 50 本くらい（6000 分）見ると 1 か月間無料のフリーパスが貰える
llminatoll - 仕事が趣味になっている
ピアノをやってた
合気道をやってた
合気道は自分から攻撃せず相手を傷つけない、自分を守る為にある
社会人になると趣味を辞めてしまっているかも
もくもく執筆会 REV.1 〜技術系同人誌／商業誌・発表資料・ブログ〜 - connpass
ミニマリスト
山賊ダイアリー / 岡本健太郎 - イブニング公式サイト - モアイ
💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter

感想フォーム
からお気軽にコメントをお寄せください
1 hr 22 min
March 13, 201838. わかばちゃんの楽しい学び方
trkwとmiyaokaとllminatollの3人で、Git入門、学習コスト、娯楽と学び、初心者目線、媒体の未来などについて話しました。## Show Notes
わかばちゃんのGit本著者、@llminatoll さんとのsoussune収録に来ました pic.twitter.com/YITcKVVrJt
— みやおか (@miyaoka) 2018年1月16日
ゲスト湊川さん
フリーランスで web デザイナーと漫画家、技術書執筆
わかばちゃんと学ぶシリーズ
わかばちゃんと学ぶ Web サイト制作の基本
わかばちゃんと学ぶ Git 使い方入門〈GitHub、Bitbucket、SourceTree〉
わかばちゃんと学ぶ Google アナリティクス〈アクセス解析・Web マーケティング入門〉
Git 入門書の話
出版業界的にはもともと Git 本は出尽くしていたと言われていたが、デザイナー向けにデザイナーが書いた Git 本は無かった
メルカリの DQNEO さんに監修してもらう
SourceTree で具体的に解説
現状 Git を導入していない会社って Windows が多い感覚なので、Windows ベースで書いてある
Win/Mac でインタフェースが違うので両方紹介
入門者視点
自分のつまずきから生まれる。自分が一番の読者
こんな本が良かったのに、というフラストレーションから
全然、わかばちゃんの視点になれてない trkw
学習や教育コストを減らす
業務でエンジニアとデザイナーが Git 使っていく場合など、どっから教えればいいのか問題
Sketch の Git Plugin
エンジニア的に便利なのに伝えられないもどかしさ
できるエンジニアが初心者に教えるコスト
社会全体で考えてもったいないコスト。学習コストを減らしたい
娯楽と学びの境界線
マンガ読むだけである程度伝わる。もっと楽して学んでいいんだよ
trkw 新人時代、JavaScript 本（サイ本）を写経
娯楽と学びの境界線をいかに無くすかというのがテーマ
マンガ読んでる間に Git ってこういうものだと分かる
写経など、いろんな選択肢の中でもわかばちゃん本はぬるま湯というスタンス
技術を無理やり使わされるとモチベーションが地に落ちてしまう
概念をイメージで解説
pull = fetch + merge の話を電線で解説
マンガでわかる Git 9 話「pull の正体は fetch ＋ merge だった？」｜ CodeIQ MAGAZINE
イメージで考える湊川さん
エンジニアはふだん映像流れるか？
miyaoka の場合、Git の解説にまず.git/の中から解説した
入門 Git
入門 Gitで内部構造を知って理解した
amazon のレビューで評価が低いので悲しかった
Git という仕組みに入門する本であり、初心者向けと思われてしまうターゲット読者のズレ
Git に詳しい人が書くと専門的に書いてしまう
濱野さんではないオリジナリティとして、初心者目線を持っているからこそのわかばちゃん
新しい技術を使うメリットを提示
何ができるのか分からないユーザーに、先にメリットを提示する
現場にコミットしていない上司とかにも読んで欲しい
svn から Git に乗り換えたいユーザーも想定
エンジニアは新しい技術に興味があるが、その他の人に対してどう伝えていくか
メリット、もしくはデメリットを提示。脅しはやりたくないので、いかに楽しい世界を見せるか
技術だと楽しさを見せるのって難しい。やりたいだけだろ、と思われてしまいがち
技術変化に対する世間の反応
昨今のフロント技術の場合、周りから見て変化が速いと言われがち
新しいほうが便利になっていくのに、技術の陳腐化を心配する声が多い
一定数辛辣なコメントは言われるもの。でも興味を持たれているのは無関心よりよいともいえる
発言までするというのは、その人の立場としての恐れや焦りの心理
古い技術のままのほうがつらい。学習コストはかかるが新しいものを追ったほうが楽になる
書籍での情報更新について
書籍はアップデートができない
Git 本発売後に SourceTree の UI が大幅に変わってしまった
増刷がかかったタイミングでキャプチャの撮り直しを行った
初心者は UI が変わると分からない
増刷やブログでサポート
Twitter で質問が来るのに答えるとそれをそのまま解説記事にできる
Windows 版 SourceTree が Ver 2.1 系列になって、ローカルリポジトリの作り方がわからなくなった方へ | マンガでわかる Web デザイン
読者じゃない人にもリーチして導入になる
湊川さんのポートフォリオ
Ai Minatogawa
github.io を使ってるとオッて思う
esa から CI 使ってデプロイしてる
GitHub Webhook (β) で GitHub のリポジトリに md ファイルを push できるようになりました - docs.esa.io
初心者として聞いていく
分からないものを分からないと初心者として聞いていくスタンス
trkw がキャンプに興味を持ち出したので、初心者としてブログ書いてほしい
エンジニアが技術話だと初心者の立場は難しい
初心者だと言っていったほうがアドバイスをもらえて得かもしれない
初心者目線での発見
分からなかったポイントと感動したポイントをちゃんと記録しておくことで楽しく共感できるように見せる
daemon が分からなかったという初心者のつまずき
初心者が学びを得たときに感じた嬉しいポイント、プラスの感情
玄人から見たら当たり前でも、初心者は発見だらけ
初心者であることは大事だけど、本当にただわかりません、だとつらい
どこまでやってどうつまずいてどう分からないかというのが明確だと教えがいがある
漫画で分かる ○○
今後のわかばちゃん展開
アンケート結果出ました！

得票数が多い順に
1. 絶対に学ばないわかばちゃん（日常マンガ）29%
2. マンガでわかる確定申告 27%
3. マンガでわかるDocker 25%
4. マンガでわかるRuby on Rails 19%
でした！

投票いただいたみなさま、ありがとうございます！https://t.co/DdOwuc7MKx pic.twitter.com/yijT6b8i9u
— 湊川🌱わかばちゃんと学ぶGA3/27発売 (@llminatoll) 2017年12月12日
絶対に学ばないわかばちゃん
マンガで分かるキャンプ → ゆるキャン
学びたいもの、ハマってるもの
ハマってるもの：vtuber
シロちゃん壺回を深夜に 3 回繰り返し見て頭がおかしくなった
普通の youtuber も面白い
よきき - YouTube
小峠英二 - Wikipedia
vtuber ばっかり見てたら普通の youtuber が生身でリアルすぎる
不気味の谷現象 - Wikipedia
さすが尻P先生。追記しました。（多くのアーティストやクリエイタが狙ってる領域ですね） pic.twitter.com/3UpjUN0Q9p
— 八谷和彦 (@hachiya) 2017年11月29日
不気味の谷の手前にはかわいいの丘がある
媒体の未来の話
YouTube、Podcast は誰でも個人で配信できる時代
soussune で自作キーボードの組み立てを配信してみたい
自作キーボードクラスタが去年末にコミケで活躍
BUILD YOUR OWN KEYBOARDs [compiled] - plus TK2S
KbD C93 - たのしい人生
ねこでも作れる！オリジナルキーボード - ゆかりや
ロープロファイル対応、左右分割型自作キーボードキット「Helix」
Helix キーボードキット | 遊舎工房 SHOP
リアルの価値はどうなるか
マンガや YouTube は自分のペースで見れる
勉強会、キャンプとかその場に行くことの体験
リモートでモクモク執筆会
VR でのライブ
アウトプット
評価されるためにはアウトプットしないと誰も見てくれない
読みたくなるようなコメントをちゃんとする
1 ツイート 1 テーマに絞って紹介
💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter

感想フォーム
からお気軽にコメントをお寄せください
1 hr 10 min
February 09, 201837. デザインエンジニアのワークフロー
trkwとmiyaokaとoligin020の3人で、RIA、フレームワーク、デザインシステム、Figmaなどについて話しました。## Show Notes
soussune、今日も収録してます。菅原( @oligin020 )さんのオフィスにおじゃましてますー #soussune pic.twitter.com/Ya3NpVAY77
— みやおか (@miyaoka) 2018年1月17日
菅原さんの自己紹介
株式会社ファームノート - クラウド牛群管理システム
牧場の営業管理ツール
デザイナーとプログラマをやっている
管理画面がまるでリアルなダビスタ
エンジニアとしてどうやってきたか
中村勇吾さんへのあこがれ
UI デザイン
派手な EC サイト作り。コンペ向きな演出
RIA: リッチインターネットアプリケーション - Wikipedia
フレームワークが無いので自作
ビジュアル表現
Flash はドキュメントではなくアプリケーション
最近のフロントはマイクロインタラクション
作り手のエゴイズムは満たされにくい
データビジュアライゼーション
Visual Data 〜データや映像で体感：日本経済新聞
データビジュアライゼーションの作り方 from 清水正行
Vue と React Native で D3 を動かす
DOM 操作を D3 ではやらない
D3 はサンプルが豊富
アニメーション
CSS Transition
React Native はアニメーションが大変
SVG の面白さ
コードで生成した SVG をファイル化してエディタに持っていく
Introduction · react-sketchapp
Sketch のプラグインで React Component を Sketch のシンボル化
Lint 話
eslint-config-airbnb
Editorial: Add Automatic Semicolon Insertion hazard clause by bmeck · Pull Request #1062 · tc39/ecma262
Prettier · Opinionated Code Formatter
How to change tab size on GitHub? - Stack Overflow
フレームワーク
The PureMVC framework
MVVM のはしり、Windows Vista の XAML
XAML とは
XML ベースでデータバインディング
Mobile App Development & App Creation Software - Xamarin
Unity - Services - Cloud Build
メディアアートの世界
群衆リファレンス ① - nisshi.yugop
群衆リファレンス ② - nisshi.yugop
GUI デザインツール
React Studio
STUDIO | The next generation design tool for digital products
SortableJS/Vue.Draggable: Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js
デザインシステム
自作の Atomic Design Playground
Atomic design
Vue.js からみた AtomicDesign – Takanori Sugawara – Medium
デザインシステムとコードを密結合するワークフロー
エコシステムを作ってデザインとプログラム両方やる
Figma
Figma: the collaborative interface design tool.
Sketch + Google Docs
デザインが仕様書。実装との協議を Figma でやる
Google: Gallery
Figma のメリット
Sketch より大量の画像でも問題ない
プロトタイピングも可能
バージョン管理なども一式揃ってるのが楽
ツール
TypeScript alpha 版から使ってた
GitHub Projects vs ZenHub
GitHub Marketplace: tools to improve your workflow · GitHub
💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter

感想フォーム
からお気軽にコメントをお寄せください
1 hr 17 min
February 02, 201836. バンクーバーで働くエンジニア Aftershow
trkwとmiyaokaとiwagの3人で、ネット回線、本、映画、Mount & Bladeなどについて話しました。## Show Notes
シリコンバレー話
インターンで行ったらサンノゼは田舎でびっくり
荒野とかある
カルトレインの駅に何もない
でも、あれが世界のイノベーションの現場
スタンフォード、門から本館までバスで 10 分
アップル社の社員を見て、これがイノベーティブ！
余裕があってめちゃかっこよく見えた
5 年前くらいの時点でカルトレインの中でみんな kindle 使ってる
本屋が無い
マウンテンビューとか空が広い
ネット回線の話
自宅回線：バンクーバーは 5Mbps くらいなのに日本の NURO 光は 1000Mbps
スマホ回線：3G、LTE だと 1GB で 5000 円くらいする
回線が貧弱なのに Netflix とか Hulu がある
昔は遅いから RSS リーダーで取得しておいてオフラインで読む工夫をしていた
地下鉄でもネット繋がるようになった
新聞読んでる人ほとんど見ない。折りたたんで省スペースで読む技術が失われた
昔読んだ SF 小説で電子社会のスナイパーがオフライン用に文庫本を持ち歩いてる描写を見た気がする
本のある生活
本が生活に組み込まれた読書家の生き方は豊かに思える
「本好きな書店員漫画」に出てくる「本好きな漫画家のエッセイ漫画」
書店員波山個間子 - 「COMIC it」
吉野朔実は本が大好き | Amazon
映画をちゃんと理解したくなった話
ネット漬けだったので、ネットから切り離された映画館に通った
最初の 100 本くらいは義務で見た
ゲーム 1000 時間くらいやったときに、映画なら 500 本も見れてコスパよいのではと思った
大抵の分野は数千時間投資すると理解が生まれる
普通は先に評判を見たりするけど、まずは何も知らずに自分で体験して後から確認するようにした
古典名作は面白い
ブログで紹介されていたお勧めの古典小説をちゃんと読んでみた
失われた時を求めて（1913-1927 マルセル・プルースト）
アンナ・カレーニナ（1877 レフ・トルストイ）
戦争と平和（1869 レフ・トルストイ）
長いのでネットで茶化されるけど、読んでみたらめちゃくちゃ面白い
小説は映画とは違っていくらでも長くすることができる。風俗や人生が描かれていてキャラクターと身近になれる
あらすじを見て理解するのとは全然違う体験
映画を見始めたタイミングで午前十時の映画祭というイベントがあってそれで網羅的に古典名作を見れたのが良かった
アパートの鍵貸します（1960 ビリー・ワイルダー）
三谷幸喜が監督の大ファンなので三谷作品好きなら確実
作品同士のつながり
夜は短し歩けよ乙女（2006 森見登美彦）：古本市の神の話
一本見ただけじゃ分からないものも、いろいろな作品を見ていくとあらゆる作品への繋がりが見出だせて与太話をしてしまう
時代や文化がプロットされていく
映画料金
バンクーバーに来て映画が安いのでカジュアルに見るようになった
バンクーバーは 1100 円くらい、安いと 700 円。日本は定価 1800 円
でも高い割に映画は盛況になった
名画座で見るとセレクトされた二本立てだし安い。三本立てで 6 時間のときもある
同じ映画を何回も見るムーブメント
アニメ映画の情報量は実写以上だと思う
画面のすべてを人の手で描いているアニメに対し、役者を撮る実写
アニメでいう作画すごい的なところは、実写だと演技力なのでは
映画は白黒からカラーになったけど、白黒のほうが演技の仕草が捉えやすい
演技のドラマ
街の灯（1931 チャールズ・チャップリン）
ミュージカルへ移り変わった時代に、サイレント演劇でドラマ作りにこだわった
何も知らずに見て、気づいたら綾波レイみたいに涙を流してた
映画を見て本気で泣いたことが無かったので、泣けるときが来るまで映画を観ようと思っていたのが果たせた
エンディングの消化しきれない余韻が良かった
新海誠
君の名は。（2016 新海誠）
飛行機内でみんな見てた。アニメだからつまらないと思ってたら感動しちゃった、という一般人
鉄道マニアの父親も鉄道仲間に誘われて見に行っていたので、本当にメジャーなんだなと感じさせられた
バンクーバーでもロングラン
秒速好きからするとメジャーに振った感
秒速 5 センチメートル（2007 新海誠）
宇都宮線沿線に住んでた（訂正：高崎線 → 両毛線）
秒速はチェーホフみたい
桜の園（1903 アントン・チェーホフ）
かもめ（1896 アントン・チェーホフ）
クライマックスが無くて不思議な余韻がある
余韻を大事にする描き方
いわゆるハリウッド映画だときちんと王道的なオチがついて終わるけど、ヨーロッパ映画は違うことが多い
どうしてそうなったのか、この後どうなってしまうのか、というところで終わってしまう。その解釈を観客に考えさせる描き方など
余韻っていいなあ
でもメジャーじゃない
（いかにもヨーロッパ的な映画）
メジャーに振ってちゃんと売れる
BLAME!（1997-2003 弐瓶勉）
シドニアの騎士（2009-2015 弐瓶勉）
弐瓶勉も BLAME!はメジャーじゃなかったけど、シドニアの騎士ではベタな要素でメジャーに売れた
秒速なんてウジウジしたロマンを求める男子しかターゲットじゃない
API 納品
Mount & Blade
（動画は開発中の続編）
ピコキャスで喋ってたときはプレイ時間 1000 時間だったけど 2000 時間に増えてる
飽きてしばらくすると有志が面白い MOD を作ってるのでまたやってしまう
基本は中世の騎士の合戦なのに、スターウォーズの戦争にする MOD とかもある
iwag は 120 時間くらいやった
M&B やったことある人と会ったのは初かも？
まあやらないだろうと思ってたら前の会社の人がやってたのでプレイした
シミュレーション的な納得感
中世ヨーロッパの騎兵戦闘ができるゲーム
攻撃に物理的なスピードボーナスがつくというのが大きな特徴
馬に乗ってすれ違いざまに斬りつけると速度に比例したダメージを与えられる。当たり前のようでいてこの手のゲームは少ない
ゲージや必殺技を使うゲームとは全く違うリアリズム
そうしたアクション戦闘を支える箱庭世界
騎乗弓を使う遊牧民族と戦ったら、モンゴル帝国の強さに納得した
古代ローマはパルティアという遊牧国家にヒットアンドアウェイでボコボコにされた → パルティアンショット
戦場マップの広さが無限だったら倒せない
でも一番強いのは甲冑を着て槍で突撃する重騎士
箱庭シミュレーションゲーム
特にストーリーも、エンディングもない
プレイヤー 1 人の状態から仲間を集めて傭兵団からやがて領主になる展開がベルセルクの鷹の団っぽくて面白い
立ち上げを楽しむ
FTL、M&B もやりたいときに 1 からプレイできて、立ち上げのところが一番面白い
蓄積してレベル上げたりするゲームのほうがメジャーだけど、だんだんしがらみが面倒になる
リセット前提のローグライクは重くならずに遊べる
けれど、M&B は立ち上げだけで 10 時間かかる
城を手に入れて勝ちゲームになるともうあまりおもしろくない
メジャー感
世界的にはどのくらいメジャーなのか、日本人はなんでそんなにやらないのか
題材が親しみづらい。三国志とか戦国時代だったら
日本の戦国時代 MOD もあるが、日本は置き盾で戦うので、剣と盾で戦うアクションゲームが楽しみづらい
日本のゲームの要素として強いのはやはり美男美女のキャラクター。見るからに楽しい要素
キャラとか全然無くて無個性。数が多いと当たり前に勝つ
キャラ性能がプレイヤー自身のゲームスキル
💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter

感想フォーム
からお気軽にコメントをお寄せください
1 hr 15 min
January 31, 201835. バンクーバーで働くエンジニア
trkwとmiyaokaとiwagの3人で、バンクーバー、海外の働き方、訓練された日本人、バックエンドなどについて話しました。## Show Notes
iwag さん自己紹介
ソフトウェアエンジニア、たまに学生、ハードウェアエンジニア
miyaoka がやってるピコピコキャストからのリスナーさん
カナダのバンクーバーで働くエンジニア
バンクーバーのうぇぶ屋
セナさんがコミュニティを作ってる
バンクーバー歴半年くらい
日本人コミュニティがあるのを知っていたので一人で来た
iwag さん背景
大学では CPU を作って組み込み
web 系に転職してバンクーバー
組み込みは C、C++、VHDL：ハードウェア記述言語
いろいろやってるのでレジュメ（履歴書）が謎になる
海外で働こうと思った理由
Rebuild とピコピコキャストの影響
ベイエリアで働く miyagawa さん、IDA-10 さん
アメリカ文化の話をよくしてる
海外よいところ悪いところ
Denwaにビビって二か月くらい先送りしてたけどmy filling broke up , I wanna make appointment だけで後は名前聞かれて来週の月曜でいい？イエスで終了
— iwag (@iwag_org) 2017年8月11日
海外での医療費
歯を治療した話
留学生向けの保険でカバーされてない
カナダは州の保険がある
働き方
会社の海外駐在員ではなく、単身で行くのはすごい
学生、日本の会社で働いてる
カナダで就職する予定
同僚とレジャー
調べてる会社のインスタ見たら、みんなでホッケー行きましたとかで憂鬱
日本の IT エンジニアがイノベーティブでないのは暇じゃないからかもしれない - メソッド屋のブログ
海外エンジニアは定時いっぱい働くだけでもオーバーワークと捉える
日本は余暇が少ないのではないか
働いてるのに生産性が上がらないから海外の青い芝生が気になる
都内のスタートアップでもそういう付き合いはありそう
soussune 浜松回
自然が周りにある中での付き合いが海外で働くイメージある
最近のアメリカのトレンド：ハードワーク
Amazon と Tesla はクレイジーにハードワーク
パフォーマンスが出なかったらすぐクビ
Rebuild で言及されてた無限有給制度
無限と言いつつ取りづらいらしい
「いきいきママ」で業務が崩壊した話
いろいろな観点：マネジメントの問題、そもそも日本人の働き方はバッファがない
海外で働く上での言語的な問題
居たら覚えそう
英語を学ぶのは楽しかった
DMM 英会話半年。頑張ればコミュニケーションできる
ネイティブの人達と働くことはできるんだけど、いちいち変換コストがかかるという壁
このセリフのうち、特に自意識過剰な俺に響いたのは"Do you even know how smart I am in Spanish?"のほう。ほんとそうなの。「こんな簡単な英語で喋ってるけど口から出るまでにめちゃめちゃ高度な理屈展開してんの！」って頭の中でいつも叫んでる。 pic.twitter.com/W4AjZt58aF
— IDA-10（菊地麻比古） (@IDA_10) 2017年7月28日
英語が分かっても文化的についていけない問題
The Room (2003)
北米でカルト的な人気の映画
カナダ人と一緒に見たらゲラゲラ笑うのに全くわからない
ナンセンスはハイコンテクスト
スパイダーマン:ホームカミング - Wikipedia
スパイダーマンの主人公がクイズ研究部というところから意味がわからない
アニメ『ナナマルサンバツ』公式サイト
ナナマルサンバツ声優 - Google 検索
人種の違い、アジア人が得意なこと
ドラマ：シリコンバレー
米ドラマがいまだに描く、シリコンヴァレーの「アジア人への偏見」｜ WIRED.jp
「ものまねが得意な」アジア人
人種の違いというよりは国の成長期のムーブメントなんじゃないか
日本より新興国の土壌のほうが好きにやれてイノベーティブなのは当たり前
日本が得意でないところ：多民族という前提ではない
多民族であるから議論や寛容を意識
日本に住んでるとルール破りに寛容になれない
訓練されている日本人
「黒染め強要で不登校」生まれつき茶髪の女子高生が提訴：朝日新聞デジタル
アメリカなら髪の色なんて違って当たり前
無言で目も合わせずに買い物できるのは訓練されてると感じる
アメリカやカナダで店に入ったらちゃんと挨拶しないと不審者だと思われる
逸脱するとすぐ叩かれるし、イノベーティブなことができない
リアルだけでなくネトゲの世界でも狩場にマナー
マナーを守ってる間に中国の bot がかっさらっていく
長所でもあったけれど、今の世界では完全に裏目ってる
FF 外から失礼します - Rebuild
「は？」
「なるほどね、非常に日本らしい」
メールでいちいち挨拶を入れていたムダが、チャットでは不要になったのに、またそういうのをつけないと落ち着かない
実はアメリカの店で挨拶するのと同じではないか
コンビニでは無言だけど、チャットやメールでは体裁を気にする
手紙のマナー
馬鹿にされるけどほんとに馬鹿らしいからやらない
最初にやった人は本当に思いやりでやったけど、それから警察が発生したのではないか
チップ文化もよくわからない問題
レザボア・ドッグス冒頭の与太話
興味のある技術の話
バックエンドエンジニアはこれからどうすべきか
Serverless、Cloud Functions、GraphQL
バックエンド技術が大きくなっていかなそう
フロントエンドでも簡単につくれちゃう話
フロントの勉強会だとサーバーサイドエンジニアがモダンフロントをやってるのをよく見る
バックエンドエンジニアなら片手間でもできる
バックエンドだけだと食えないじゃないかなーって思えてるからやってる
ISUCON
インフラ的な設計力が求められる
マークアップ → バックエンド → フロントのほうが強い。回遊魚
AWS、GCP 触ってると、もうこれでいいじゃん感
Google や Amazon が僕らの仕事を奪っていく
Google App Engine でマネージド SSL が全ユーザーに無料提供、HTTPS の導入が簡単に。証明書の更新も Google におまかせで心配無用－ Publickey
それをやっていた時間でもっと洗練させる
技術よりも面白いプロダクトを作りたい
バックエンドはそういう観点で価値を出しづらい
すごい API よりフロントエンドの方が華にみえる
より複雑なものを作る、無茶振りな要望に応えられるというのがバックエンドの価値の出しどころ
テーブルの設計やサーバーの設定が大事に感じる
バックエンドエンジニアって API ビルダー
ホームページ・ビルダー
AWS に機能がたくさんあるので、やることいっぱいあったんだなと感じる
オンプレでやってた作業が、一瞬で終わるのでなんだったんだ感
kakudaくん曰く、それなりに新しいことも出てくるので学ぶことは多い
API ビルダーになると、フレームワークに詳しくなっていくんだけど、その間に Amazon がエンジニアの仕事を奪っていく
2,3 年前だとサーバーレスはサーバーあるじゃんってマジレスしてたけど、今だと本気で使ってる
この先生き残るには
ちょっと前くらいから、API ビルダーがデータサイエンスを勉強する流行り
フロントの 5 年後
デバイスが新しくなり続ける限りフロントの仕事が新しくなるのでは
現状ソースコードをソースコードに変換する仕事
フロントを知らない人にとって複雑に見えるのはビルド環境周りだと思う
フロントでも根底にある技術はバックエンド由来だったりするので知ってると強い
guard/guard: Guard is a command line tool to easily handle events on file system modifications.
thoughtbot/factory_bot: A library for setting up Ruby objects as test data.
結局全部やればいい論
カナダの会社の需要
何でも屋だとアピールしづらい。何かしら一点突破するものが欲しい
Scala エンジニアのサラリー
プログラマー年収ランキング 2017！言語別、第 1 位は Scala の 626 万円 | みんなのスタンバイ
バンクーバーはそんなに大きい都市じゃないので Scala 需要ない
バンクーバーのイノベーティブ感
アメリカとは違って、ブリティッシュコロンビア州では許可を出してないので Uber, Lyft が無い
最近見てる YouTuber の Drikin さんが Lyft 使ってた
Uber、ロンドンにおける営業免許を失う | TechCrunch Japan
MBA 持ってる人がドライバーやってる - Rebuild
隙間時間に Uber とか Lyft で仕事できると宣伝されてる
💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter

感想フォーム
からお気軽にコメントをお寄せください
1 hr 39 min

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

From the publisher's feed

テクノロジーと世の中についてエンジニア達が雑談するポッドキャストです。

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

Sign up to save your podcasts

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

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

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