Slide 1

Slide 1 text

ドラッグストア店員が 独学で化粧品顧客管理アプリを作成した話 中川 伶奈

Slide 2

Slide 2 text

©Project PLATEAU / MLIT Japan 中川 伶奈 自己紹介 NAKAGAWA Rena 専門学校を卒業後、某ドラッグストアで勤務 独学でプログラミングを学習 4月にMIERUNEに入社 Software Engineer

Slide 3

Slide 3 text

自己紹介 そんな私が 実際に作成したアプリはこちらです!

Slide 4

Slide 4 text

©Project PLATEAU / MLIT Japan 自己紹介

Slide 5

Slide 5 text

©Project PLATEAU / MLIT Japan 自己紹介

Slide 6

Slide 6 text

©Project PLATEAU / MLIT Japan 自己紹介

Slide 7

Slide 7 text

©Project PLATEAU / MLIT Japan 自己紹介

Slide 8

Slide 8 text

©Project PLATEAU / MLIT Japan 自己紹介

Slide 9

Slide 9 text

自己紹介

Slide 10

Slide 10 text

©OpenStreetMap contributors 01 プログラミングを始めたきっかけ 02 化粧品顧客管理アプリ作成について 03  MIERUNEとの出会い 04 まとめ 目次

Slide 11

Slide 11 text

©OpenStreetMap contributors 01 プログラミングを始めたきっかけ

Slide 12

Slide 12 text

©Project PLATEAU / MLIT Japan プログラミングを始めたきっかけ どうやって学習したか そもそもなんで プログラミングを 始めたの?? そもそも、、、

Slide 13

Slide 13 text

プログラミングを始めたきっかけ 何これすごい! 『商品の期限の管理システム』 などで業務効率化を体感 ここを改善したらもっと使いや すくなりそうという妄想 私でもできるの かしら?? どうやって作るの? 何から始めればいいの? ググりまくる、、、 本部に行ってこういった物を 作りたいという密かな願望

Slide 14

Slide 14 text

プログラミングを始めたきっかけ console.log() ?? プロゲートをやる日々、、、 どんどん 形になっていくのが 楽しい! なんかできそう!! 私、天才かも

Slide 15

Slide 15 text

©Project PLATEAU / MLIT Japan どうやって学習したの ● プロゲートで学習 (HTML、CSS、JS、PHP、Ruby) ●Laravelの書籍で学習 (動かして学ぶLaravel開発入門 https://www.shoeisha.co.jp/book/detail/9784798168654 ) ●化粧品顧客アプリを作る (メンターさんをつける。わからないことが 出てきたら調べる、Youtube)

Slide 16

Slide 16 text

©OpenStreetMap contributors 02 化粧品顧客管理アプリ作成について

Slide 17

Slide 17 text

©Project PLATEAU / MLIT Japan 化粧品顧客管理アプリ作成について 店舗では紙ベースのファイルで管理 紙ベースが故の不便なところ、効率の悪いところが多々あった   アプリ化したらどうなるんだろう、、、?? どうして「化粧品顧客管理アプリ」を作ろうと思った?

Slide 18

Slide 18 text

©Project PLATEAU / MLIT Japan 化粧品顧客管理アプリ作成について ● バックエンド... Laravel (PHP) ● フロントエンド... JavaScript(HTML、CSS) ● インフラ...AWS(EC2,RDS,Route 53) ● データーベース...開発環境 MAMP / 本番環境 MySQL 使用技術

Slide 19

Slide 19 text

©Project PLATEAU / MLIT Japan ER図

Slide 20

Slide 20 text

化粧品顧客管理アプリ作成について 工夫した点

Slide 21

Slide 21 text

©Project PLATEAU / MLIT Japan 工夫した点 ●とにかく現場で使いやすいものを ○ 接客しながら使用することを想定して JavaScriptで索引の機能や商品登録機能を作成 ●パソコンが苦手な方でも簡単に操作できるもの ●親しみやすいデザイン ○ パソコン操作が苦手な人が多かったので 難しいシステムに見えないようなデザイン

Slide 22

Slide 22 text

©Project PLATEAU / MLIT Japan 工夫した点

Slide 23

Slide 23 text

©Project PLATEAU / MLIT Japan 工夫した点

Slide 24

Slide 24 text

化粧品顧客管理アプリ作成について 難しかった点

Slide 25

Slide 25 text

©Project PLATEAU / MLIT Japan 難しかった点 ● カレンダー風の表にして表示するよ うな情報が全くなかった ●⚪年⚪月というくくりの データを取るのが難しかった ●対象の購入月、カテゴリーに表示   するのが難しかった できたときはうれしくてうれしくて、感動しました、、、!!

Slide 26

Slide 26 text

©OpenStreetMap contributors 03 MIERUNEとの出会い

Slide 27

Slide 27 text

MIERUNEとの出会い 実は私、1回エンジニア転職失敗しました

Slide 28

Slide 28 text

©Project PLATEAU / MLIT Japan MIERUNEとの出会い 満を持して転職活動をし、 小さなシステム会社に転職しましたが、、、 ● 面接時の説明と実際の仕事内容が違った ○ 面接時は開発案件しか取り扱っていないとのことだったが エクセルとCSVしかさわれなかった ● 黒寄りのグレーな部分がちょいちょいある ○ 経歴を2年盛られる ○ なぜか入社前に給料なしで働いてる 逃げるように退職

Slide 29

Slide 29 text

©Project PLATEAU / MLIT Japan MIERUNEとの出会い 気を紛らわせたかったこともあり、、、 興味のあったNuxt .jsの学習がてらLaravelとNuxt.jsで メモ帳アプリを作成(これも難しかった、、、)しつつ 人生、終わったわ〜、、、 マイナビ転職フェアに参加

Slide 30

Slide 30 text

MIERUNEとの出会い マイナビブースでMIERUNEと出会う 求人や、HPを見て 優先的にブースを まわる予定でした ボードが目立っていた おかげで、 すぐに見つけることが できました

Slide 31

Slide 31 text

©Project PLATEAU / MLIT Japan MIERUNEとの出会い ● 初学者🐣、初めて参加の人でも楽しめる雰囲気 ○ 🐣ちゃんには優しくしてねとアナウンスがあったり、、、 ● 懇親会でも初めて参加した人でも楽しめるよう運営の方が 動いてくれ、大変楽しい時間を過ごす時ことができました 焼かないBBQ参加 当時ひとりで参加したのですが、 MIERUNEの社風をしっかり感じることができました

Slide 32

Slide 32 text

©Project PLATEAU / MLIT Japan MIERUNEとの出会い そして採用面談へ応募、、、 ● 位置情報という明確な強みがある ● コミュニケーションが活発 ● アウトプットを大事にしている ● 色々なことに挑戦できそう 魅力的に感じた ポイント

Slide 33

Slide 33 text

MIERUNEとの出会い ご縁があり、 無事に転職することができました!!

Slide 34

Slide 34 text

© 地理院地図 全国最新写真(シームレス) ●作りたい機能を妄想するの楽しい ●作りたいものを試行錯誤しながら作るのは楽しい ●転職1回ミスってもなんとかなる まとめ