Slide 1
Slide 1 text
モノ作りができるエンジニアになること
2018/09/14(金) WEBエンジニア勉強会 #09 @grem_ito
Slide 2
Slide 2 text
自己紹介
● 岩本 拓也
○ gremito（@grem_ito）
● スマホアプリ・Webアプリ エンジニア
○ 2014/04 福岡 中小企業 新卒入社
■ Unity / Android アプリエンジニア
○ 2016/04 上京 ベンチャー企業 入社
■ Webアプリ / スマホアプリ エンジニ+α
○ 2017/05 ドリコム 入社
■ ゲーム開発 / QA エンジニア
● 八耐: 八時間耐久制作会（仮）
○ 8時間でモノ作りをやって発表して交流する会です。
○ 約7年ほど参加・運営やってます。
Slide 3
Slide 3 text
自己紹介
● 岩本 拓也
○ gremito（@grem_ito）
● スマホアプリ・Webアプリ エンジニア
○ 2014/04 福岡 中小企業 新卒入社
■ Unity / Android アプリエンジニア
○ 2016/04 上京 ベンチャー企業 入社
■ Webアプリ / スマホアプリ エンジニ+α
○ 2017/05 ドリコム 入社
■ ゲーム開発 / QA エンジニア
● 八耐: 八時間耐久制作会（仮）
○ 8時間でモノ作りをやって発表して交流する会です。
○ 約7年ほど参加・運営やってます。
https://speakerdeck.com/gremito/firebasetounitydegemuapurikai-fa
Slide 4
Slide 4 text
自己紹介
● 岩本 拓也
○ gremito（@grem_ito）
● スマホアプリ・Webアプリ エンジニア
○ 2014/04 福岡 中小企業 新卒入社
■ Unity / Android アプリエンジニア
○ 2016/04 上京 ベンチャー企業 入社
■ Webアプリ / スマホアプリ エンジニ+α
○ 2017/05 ドリコム 入社
■ ゲーム開発 / QA エンジニア
● 八耐: 八時間耐久制作会（仮）
○ 8時間でモノ作りをやって発表して交流する会です。
○ 約7年ほど参加・運営やってます。
https://speakerdeck.com/gremito/firebasewoshi-tutegemukai-fa-woyatutemita-gdg-devfest-tokyo-2018
Slide 5
Slide 5 text
モノ作り
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
これらもすべて
モノ作り
Slide 8
Slide 8 text
〇〇になりたい
Slide 9
Slide 9 text
最近...
｢プログラマー・エンジニアになりたい｣
｢Webエンジニアになりたい｣
Slide 10
Slide 10 text
最近...
｢プログラマー・エンジニアになりたい｣
｢Webエンジニアになりたい｣
gremito
ゲーム作る人になりたい！
Slide 11
Slide 11 text
最近...
｢プログラマー・エンジニアになりたい｣
｢Webエンジニアになりたい｣
ゲーム作る人になりたい！
gremito
なったら終わり...
ではない！
Slide 12
Slide 12 text
プログラマー・エンジニアになってすぐ
Slide 13
Slide 13 text
プログラマー・エンジニアになって数ヶ月後...
Slide 14
Slide 14 text
プログラマー・エンジニアになって数ヶ月後...
あれ？
なんでなりたかったんだっけ？？
Slide 15
Slide 15 text
改めて
｢プログラマー・エンジニアになりたい｣
｢Webエンジニアになりたい｣
ゲーム作る人になりたい！
gremito
Slide 16
Slide 16 text
改めて
｢プログラマー・エンジニアになりたい｣
｢Webエンジニアになりたい｣
ゲーム作る人になりたい！
gremito
ココがきっかけ
Slide 17
Slide 17 text
「〇〇になりたい」の
きっかけ
Slide 18
Slide 18 text
「Web系の仕事に就きたい！」
「あのサービスを作りたい！」
「IT業界・エンジニアってカッコイイからなりたい！」
...etc
｢プログラマー・エンジニアになりたい｣
｢Webエンジニアになりたい｣
なりたい話を深掘ると
Slide 19
Slide 19 text
「Web系の仕事に就きたい！」
「あのサービスを作りたい！」
「IT業界・エンジニアってカッコイイからなりたい！」
...etc
｢プログラマー・エンジニアになりたい｣
｢Webエンジニアになりたい｣
なりたい話を深掘ると
最近は
なれるのは難しくない
なった後が大変...
Slide 20
Slide 20 text
「Web系の仕事に就きたい！」「あのサービスを作りたい！」
やる気MAX
Slide 21
Slide 21 text
サービスの実態について
http://www.lopale.fr/infographie-tu-fais-en-fait/
Slide 22
Slide 22 text
フロントエンド
バックエンド
Slide 23
Slide 23 text
そもそもWeb系のエンジニアとは
● フロントエンド
○ UI/UXデザイン
● バックエンド
○ データベース
○ インフラ
○ セキュリティー
Slide 24
Slide 24 text
そもそもWeb系のエンジニアとは
● フロントエンド
○ UI/UXデザイン
● バックエンド
○ データベース
○ インフラ
○ セキュリティー
初めてWeb系のエンジニア
になるなら入りやすい
Slide 25
Slide 25 text
そもそもWeb系のエンジニアとは
● フロントエンド
○ UI/UXデザイン
● バックエンド
○ データベース
○ インフラ
○ セキュリティー
サービスを作りたいなら
バックエンドの
エンジニアからが
おすすめ
Slide 26
Slide 26 text
そもそもWeb系のエンジニアとは
● フロントエンド
○ UI/UXデザイン
● バックエンド
○ データベース
○ インフラ
○ セキュリティー
サービスを作りたいなら
バックエンドの
エンジニアからが
おすすめ
スマホアプリもWebアプリも
バックエンド(サーバサイド)
のスキルは必須だから
バックエンドのスキルはモテる
Slide 27
Slide 27 text
モノ作りできる？
Slide 28
Slide 28 text
Webアプリの開発で扱う様々な技術
Slide 29
Slide 29 text
Webアプリの開発で扱う様々な技術
お気づきだろうか...
Slide 30
Slide 30 text
更にWebアプリの開発で扱う様々な技術
Slide 31
Slide 31 text
更にWebアプリの開発で扱う様々な技術
勿論この他にも
まだまだまだある...
切りがない
Slide 32
Slide 32 text
モノ作りができるエンジニアとは
要件定義できて
設計できて
開発できて
運用できて
Slide 33
Slide 33 text
モノ作りができるエンジニアとは
要件定義できて→何作るのか考える
設計できて→どう作るのか考えて書類作り
開発できて→設計書見ながら作る
運用できて→壊れないようにあれこれする
Slide 34
Slide 34 text
具体的にどうしたらいいのか
Slide 35
Slide 35 text
Webエンジニア1年生で例えば・・・
〇〇なサービスを作るぞ！
- Vue.js
- Ruby on Rails
- MySQL
- Docker(local)
- AWS(cloud)
Slide 36
Slide 36 text
Webエンジニア1年生で例えば・・・
〇〇なサービスを作るぞ！
- Vue.js
- Ruby on Rails
- MySQL
- Docker(local)
- AWS(cloud)
一通り作れることが重要
Slide 37
Slide 37 text
Webエンジニア1年生で例えば・・・
〇〇なサービスを作るぞ！
- Vue.js
- Ruby on Rails
- MySQL
- Docker(local)
- AWS(cloud)
就職・転職に有利
いろんなプロダクトに関われる
作りたいサービスが作れるようになる
稼ぐエンジニアになれる
↓ 実現する!!
〇〇作る人になりたい！
Slide 38
Slide 38 text
● オールグラウンダーになっておくことでやりたいことやなりたいことが実現
できる
○ → モノ作りできるエンジニアになる
こと
● モノ作り初心者へ
○ → Web系でイケイケな感じになりたいなら
ReactやFirebaseなどを上手く使っていろい
ろ身につけていこう！
○ → そして、ハッカソンにバンバン参加しよう！
まとめ
Slide 39
Slide 39 text
モノ作り初心者へ
Slide 40
Slide 40 text
https://speakerdeck.com/myb/codepushtoreact-nativedejin-ji-
otaririsu-liao-jie
https://engineer.blog.lancers.jp/2018/04/introduction-to-re
act-2018-04
React
Slide 41
Slide 41 text
https://speakerdeck.com/myb/codepushtoreact-nativedejin-ji-
otaririsu-liao-jie
https://engineer.blog.lancers.jp/2018/04/introduction-to-re
act-2018-04
React
Web開発のスキルで
Webアプリもスマホアプリも
モノ作りができる
Slide 42
Slide 42 text
Firebase
https://speakerdeck.com/sota1235/realtime-database-for-
high-traffic-production-application-1
https://speakerdeck.com/brn/firebase-realtime-database-in-pr
oduction
Slide 43
Slide 43 text
Firebase
https://speakerdeck.com/sota1235/realtime-database-for-
high-traffic-production-application-1
https://speakerdeck.com/brn/firebase-realtime-database-in-pr
oduction
サーバサイドのコストを減らし
サービス開発に集中できる
Googleが丁寧に
ドキュメントやサンプルなど
用意してくれている
Slide 44
Slide 44 text
ハッカソン
https://spajam.jp/ https://botawards.line.me
Slide 45
Slide 45 text
ハッカソン
http://www.fit.ac.jp/news/archives/2321 https://tech.drecom.co.jp/event_hachijikan/
Slide 46
Slide 46 text
ハッカソン
http://www.fit.ac.jp/news/archives/2321 https://tech.drecom.co.jp/event_hachijikan/
ガンガン
モノ作りしよう！
Slide 47
Slide 47 text
Thank you!!