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

by Hagihara Ryosuke

Slide 1

Slide 1 text

18新卒Webエンジニアの働き方 minimo事業部プロダクト開発G 開発T 萩原涼介 Dive into mixi night! #1

Slide 2

Slide 2 text

minimo 使ってる人

Slide 3

Slide 3 text

ありがとうございます！

Slide 4

Slide 4 text

自己紹介

Slide 5

Slide 5 text

萩原涼介 - Hagihara Ryosuke Name 萩原涼介 - Hagihara Ryosuke HN らりょす (raryosu) 所属 minimo事業部業務サーバサイド・Webフロントエンド出身校津山工業高等専門学校出身広島県福山市生年月日 1997年１０月７日（２０歳）

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

このプレゼンの内容

Slide 11

Slide 11 text

はなすこと・はなさないことはなすことはなさないこと・この会社やサービスのいいところ・働き方・やりがい・むずかしい技術の話・非公開の情報

Slide 12

Slide 12 text

minimoのプロダクト

Slide 13

Slide 13 text

minimo の展開スマホアプリ iOS: Obj-C, Swift Android: Java, Kotlin SALON TOOL React .js Webアプリ Perl (Mojolicious) 掲載者向けオウンドメディア WordPress

Slide 14

Slide 14 text

minimo の展開スマホアプリ iOS: Obj-C, Swift Android: Java, Kotlin SALON TOOL React .js Webアプリ Perl (Mojolicious) 掲載者向けオウンドメディア僕がメインで担当一応運用担当 WordPress

Slide 15

Slide 15 text

minimodel.jp もともとは「アプリへの流入を促すため」のSEO的な目的を持ったサイト（掲載自体の閲覧はできるけど，予約ボタンを押すとアプリに誘導） Webからも予約できたほうが便利！ということで，Web予約もできるようにした（2018年2月末）

Slide 16

Slide 16 text

minimodel.jp担当の人たちの目標 Web経由での予約数を最大化するアプリへの流入を最大化する

Slide 17

Slide 17 text

チーム構成（エンジニア) Android iOS サーバサイド機械学習 3人（17新卒1人） 3人（18新卒1人， 16新卒1人） 4人（18新卒1人， 16新卒1人） 1人（19新卒内定者アルバイト）

Slide 18

Slide 18 text

Slide 19

Slide 19 text

18新卒Webエンジニアのお仕事

Slide 20

Slide 20 text

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. 全体的に雑なのは許して…

Slide 21

Slide 21 text

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 要するにスマホアプリ以外全部

Slide 22

Slide 22 text

具体的に何やってるの？〜らりょす編〜・不具合や仕様の漏れを探す → チームで相談 → 修正・ちなみにWebチームはディレクター・デザイナー・エンジニアの3人体制です・ minimodel.jpのアクセス解析等の数値確認・ Webチームの施策の開発・ minimo全体の施策のWebへの反映 minimodel.jp

Slide 23

Slide 23 text

Slide 24

Slide 24 text

不具合や仕様の漏れの修正

Slide 25

Slide 25 text

まじめなやつ検索時にメニューを選択できる → 選択できる組み合わせは各メニュー毎に規定されている「直前に選択されたもの」しかチェックしていなかったため変な挙動に… きちんとそれまでに選択されたもののintersectionを取るように修正

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

アクセス解析など Web予約何件くらいされたかな？予約しそうだったけどできなかった人はどれくらいだろう…など RedashとGoogle AnalyticsとたまにSQL直打ち

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

いまやってる施策ないしょです配属から1ヶ月が経ったのでそこそこの施策をやってますこれについては8月の Dive into mixi night! で話す予定（？）です

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

例えば金額表示を税込みに統一これまでは税抜き表記だったけど，税込みに統一します

Slide 35

Slide 35 text

例えば金額表示を税込みに統一 Web側でも表記をちょっと修正しないとね

Slide 36

Slide 36 text

具体的に何やってるの？〜らりょす編〜・コードレビュー（まだ少ししかしてない）・デザイナさんが書いてくれたHTMLやSCSSのレビューなどもやります・課金系のタスク（サーバサイドエンジニア3人が輪番で担当）・ユーザさんからの問い合わせがCSからエスカレされたり・運用系のタスク（同上）・サーバが死んだり，おかしなエラーを吐いたりしていたら対応エンジニアとして

Slide 37

Slide 37 text

具体的に何やってるの？〜らりょす編〜・ Gitやその他ツールのつかいかたヘルプマン・デザイナさんが困っているときにお助けします・怪しい掲載探すマン・法律や規約に違反しそうな掲載をピックアップしてCSにエスカレ・いろいろ口出しマン・アプリやWebの妙な挙動を見つけたり，開発体制に文句を言ったり minimoのエンジニアとして

Slide 38

Slide 38 text

具体的に何やってるの？〜らりょす編〜・ Gitやその他ツールのつかいかたヘルプマン・デザイナさんが困っているときにお助けします・怪しい掲載探すマン・法律や規約に違反しそうな掲載をピックアップしてCSにエスカレ・いろいろ口出しマン・アプリやWebの妙な挙動を見つけたり，開発体制に意見を言ったり minimoのエンジニアとして

Slide 39

Slide 39 text

例えばサーバサイドのGitHubリポジトリのPRレビュー必須化これまではいつでもMergeボタンを誰でも押せた…

Slide 40

Slide 40 text

例えばサーバサイドのGitHubリポジトリのPRレビュー必須化デザイナーさんとかもPR出すご時世だからね…

Slide 41

Slide 41 text

具体的に何やってるの？〜らりょす編〜・マークアップやテンプレート作成の支援・デザイナさんが困っているときにお助けします・テスト環境でのテンプレートの編集を本番環境にDeploy ・ WordPressで運用，テスト環境から本番環境にrsync ・ Git管理もしてるんですけど，いろいろあってrsyncで運用しています集客ノートの対応

Slide 42

Slide 42 text

おしごとたのしい？

Slide 43

Slide 43 text

めちゃくちゃたのしいです！！！

Slide 44

Slide 44 text

なにがたのしい？・いまどきPerl!? ・正直言語はあまり関係ないのかも．ちょっとむずかしいけど．・大人数が使ってくれているサービス・やりがいが大きいエンジニアリング的側面

Slide 45

Slide 45 text

なにがたのしい？・雰囲気が良い・雑談しながら作業をしているので非常にやりやすいし聞きやすい・職種があまり関係ない・エンジニアだけどプロダクトに対して口をどんどん出していく・むしろ出していかないとどうしようもないチーム的側面

Slide 46

Slide 46 text

なにがたのしい？・めっちゃ伸びているプロダクト・ユーザ数がどんどん増えているすごいサービス・美容業界を変えるプロダクト・掲載料無料，美容師さんにとっては負担が小さい！・利用者にとっても安く，いいサービスを受けることができる！プロダクト的側面

Slide 47

Slide 47 text

まとめ

Slide 48

Slide 48 text

新卒に任せられる仕事の幅が広い

Slide 49

Slide 49 text

業界を変えることができるワクワクするプロダクトに関われる

Slide 50

Slide 50 text

No content