minimo18新卒エンジニアの働き方

dive into mixi night! 1 の登壇資料

Transcript

1. 18新卒Webエンジニアの働き方 minimo事業部 プロダクト開発G 開発T 萩原 涼介 Dive into mixi night! #1
2. minimo 使ってる人
3. ありがとうございます！
4. 自己紹介
5. 萩原 涼介 - Hagihara Ryosuke Name 萩原 涼介 - Hagihara Ryosuke HN らりょす (raryosu) 所属 minimo事業部 業務 サーバサイド・Webフロントエンド 出身校 津山工業高等専門学校 出身 広島県福山市 生年月日 1997年１０月７日（２０歳）
10. このプレゼンの内容
11. はなすこと・はなさないこと はなすこと はなさないこと ・ この会社やサービスのいいところ ・ 働き方 ・ やりがい ・ むずかしい技術の話 ・ 非公開の情報
12. minimoのプロダクト
13. minimo の展開 スマホアプリ iOS: Obj-C, Swift Android: Java, Kotlin SALON TOOL React .js Webアプリ Perl (Mojolicious) 掲載者向けオウンドメディア WordPress
14. minimo の展開 スマホアプリ iOS: Obj-C, Swift Android: Java, Kotlin SALON TOOL React .js Webアプリ Perl (Mojolicious) 掲載者向けオウンドメディア 僕がメインで担当 一応運用担当 WordPress
15. minimodel.jp もともとは「アプリへの流入を促すため」のSEO的な目的を持ったサイト （掲載自体の閲覧はできるけど，予約ボタンを押すとアプリに誘導） Webからも予約できたほうが便利！ ということで，Web予約もできるようにした （2018年2月末）
16. minimodel.jp担当の人たちの目標 Web経由での予約数を最大化する アプリへの流入を最大化する
17. チーム構成（エンジニア) Android iOS サーバサイド 機械学習 3人 （17新卒1人） 3人 （18新卒1人， 16新卒1人） 4人 （18新卒1人， 16新卒1人） 1人 （19新卒内定者アルバイト）
18. チーム構成（エンジニア) Android iOS サーバサイド 機械学習 3人 （17新卒1人） 3人 （18新卒1人， 16新卒1人） 4人 （18新卒1人， 16新卒1人） 1人 （19新卒内定者アルバイト）
19. 18新卒Webエンジニアの お仕事
20. minimo の技術 Perl (Mojolicious) - サーバサイド JavaScript (React.js) - サロンツール Obj-C, Swift - iOS Java, Kotlin - Android HTML5 / CSS3, JavaScript, SCSS - Web WordPress 言語・フレームワーク インフラ（？） AWS - EC2 - S3 - Elasticsearch - RDS (MySQL) - Route 53 - CloudFront etc. 全体的に雑なのは許して…
21. minimo のサーバサイドエンジニアの守備範囲 言語・フレームワーク インフラ（？） AWS - EC2 - S3 - Elasticsearch - RDS (MySQL) - Route 53 - CloudFront etc. Perl (Mojolicious) - サーバサイド JavaScript (React.js) - サロンツール Obj-C, Swift - iOS Java, Kotlin - Android HTML5 / CSS3, JavaScript, SCSS - Web WordPress 要するにスマホアプリ以外全部
22. 具体的に何やってるの？ 〜らりょす編〜 ・ 不具合や仕様の漏れを探す → チームで相談 → 修正 ・ ちなみにWebチームはディレクター・デザイナー・エンジニアの3人体制です ・ minimodel.jpのアクセス解析等の数値確認 ・ Webチームの施策の開発 ・ minimo全体の施策のWebへの反映 minimodel.jp
23. 具体的に何やってるの？ 〜らりょす編〜 ・ 不具合や仕様の漏れを探す → チームで相談 → 修正 ・ ちなみにWebチームはディレクター・デザイナー・エンジニアの3人体制です ・ minimodel.jpのアクセス解析等の数値確認 ・ Webチームの施策の開発 ・ minimo全体の施策のWebへの反映 minimodel.jp
24. 不具合や仕様の漏れの修正
25. まじめなやつ 検索時にメニューを選択できる → 選択できる組み合わせは各メニュー毎に規定されている 「直前に選択されたもの」しかチェックしていなかったため変な挙動に… きちんとそれまでに選択されたもののintersectionを取るように修正
26. 具体的に何やってるの？ 〜らりょす編〜 ・ 不具合や仕様の漏れを探す → チームで相談 → 修正 ・ ちなみにWebチームはディレクター・デザイナー・エンジニアの3人体制です ・ minimodel.jpのアクセス解析等の数値確認 ・ Webチームの施策の開発 ・ minimo全体の施策のWebへの反映 minimodel.jp
27. 具体的に何やってるの？ 〜らりょす編〜 ・ 不具合や仕様の漏れを探す → チームで相談 → 修正 ・ ちなみにWebチームはディレクター・デザイナー・エンジニアの3人体制です ・ minimodel.jpのアクセス解析等の数値確認 ・ Webチームの施策の開発 ・ minimo全体の施策のWebへの反映 minimodel.jp
28. アクセス解析など Web予約何件くらいされたかな？ 予約しそうだったけどできなかった人はどれくらいだろう…など RedashとGoogle AnalyticsとたまにSQL直打ち
29. 具体的に何やってるの？ 〜らりょす編〜 ・ 不具合や仕様の漏れを探す → チームで相談 → 修正 ・ ちなみにWebチームはディレクター・デザイナー・エンジニアの3人体制です ・ minimodel.jpのアクセス解析等の数値確認 ・ Webチームの施策の開発 ・ minimo全体の施策のWebへの反映 minimodel.jp
30. 具体的に何やってるの？ 〜らりょす編〜 ・ 不具合や仕様の漏れを探す → チームで相談 → 修正 ・ ちなみにWebチームはディレクター・デザイナー・エンジニアの3人体制です ・ minimodel.jpのアクセス解析等の数値確認 ・ Webチームの施策の開発 ・ minimo全体の施策のWebへの反映 minimodel.jp
31. いまやってる施策 ないしょです 配属から1ヶ月が経ったのでそこそこの施策をやってます これについては8月の Dive into mixi night! で話す予定（？）です
32. 具体的に何やってるの？ 〜らりょす編〜 ・ 不具合や仕様の漏れを探す → チームで相談 → 修正 ・ ちなみにWebチームはディレクター・デザイナー・エンジニアの3人体制です ・ minimodel.jpのアクセス解析等の数値確認 ・ Webチームの施策の開発 ・ minimo全体の施策のWebへの反映 minimodel.jp
33. 具体的に何やってるの？ 〜らりょす編〜 ・ 不具合や仕様の漏れを探す → チームで相談 → 修正 ・ ちなみにWebチームはディレクター・デザイナー・エンジニアの3人体制です ・ minimodel.jpのアクセス解析等の数値確認 ・ Webチームの施策の開発 ・ minimo全体の施策のWebへの反映 minimodel.jp
34. 例えば 金額表示を税込みに統一 これまでは税抜き表記だったけど，税込みに統一します
35. 例えば 金額表示を税込みに統一 Web側でも表記をちょっと修正しないとね
36. 具体的に何やってるの？ 〜らりょす編〜 ・ コードレビュー （まだ少ししかしてない） ・ デザイナさんが書いてくれたHTMLやSCSSのレビューなどもやります ・ 課金系のタスク （サーバサイドエンジニア3人が輪番で担当） ・ ユーザさんからの問い合わせがCSからエスカレされたり ・ 運用系のタスク （同上） ・ サーバが死んだり，おかしなエラーを吐いたりしていたら対応 エンジニアとして
37. 具体的に何やってるの？ 〜らりょす編〜 ・ Gitやその他ツールのつかいかたヘルプマン ・ デザイナさんが困っているときにお助けします ・ 怪しい掲載探すマン ・ 法律や規約に違反しそうな掲載をピックアップしてCSにエスカレ ・ いろいろ口出しマン ・ アプリやWebの妙な挙動を見つけたり，開発体制に文句を言ったり minimoのエンジニアとして
38. 具体的に何やってるの？ 〜らりょす編〜 ・ Gitやその他ツールのつかいかたヘルプマン ・ デザイナさんが困っているときにお助けします ・ 怪しい掲載探すマン ・ 法律や規約に違反しそうな掲載をピックアップしてCSにエスカレ ・ いろいろ口出しマン ・ アプリやWebの妙な挙動を見つけたり，開発体制に意見を言ったり minimoのエンジニアとして
39. 例えば サーバサイドのGitHubリポジトリのPRレビュー必須化 これまではいつでもMergeボタンを誰でも押せた…
40. 例えば サーバサイドのGitHubリポジトリのPRレビュー必須化 デザイナーさんとかもPR出すご時世だからね…
41. 具体的に何やってるの？ 〜らりょす編〜 ・ マークアップやテンプレート作成の支援 ・ デザイナさんが困っているときにお助けします ・ テスト環境でのテンプレートの編集を本番環境にDeploy ・ WordPressで運用，テスト環境から本番環境にrsync ・ Git管理もしてるんですけど，いろいろあってrsyncで運用しています 集客ノートの対応
42. おしごとたのしい？
43. めちゃくちゃたのしいです！！！
44. なにがたのしい？ ・ いまどきPerl!? ・ 正直言語はあまり関係ないのかも．ちょっとむずかしいけど． ・ 大人数が使ってくれているサービス ・ やりがいが大きい エンジニアリング的側面
45. なにがたのしい？ ・ 雰囲気が良い ・ 雑談しながら作業をしているので非常にやりやすいし聞きやすい ・ 職種があまり関係ない ・ エンジニアだけどプロダクトに対して口をどんどん出していく ・ むしろ出していかないとどうしようもない チーム的側面
46. なにがたのしい？ ・ めっちゃ伸びているプロダクト ・ ユーザ数がどんどん増えているすごいサービス ・ 美容業界を変えるプロダクト ・ 掲載料無料，美容師さんにとっては負担が小さい！ ・ 利用者にとっても安く，いいサービスを受けることができる！ プロダクト的側面
47. まとめ
48. 新卒に任せられる仕事の幅が広い
49. 業界を変えることができる ワクワクするプロダクトに関われる