Upgrade to Pro — share decks privately, control downloads, hide ads and more …

モノ作りができるエンジニアになること - WEBエンジニア勉強会 #09

gremito
September 14, 2018
Technology
3
1.9k

モノ作りができるエンジニアになること - WEBエンジニア勉強会 #09

WEBエンジニア勉強会 #09 (東京都, 渋谷)
モノ作りができるエンジニアになること

https://docs.google.com/presentation/d/1fb4zUj7kv2KONTursJd9C36si_wzOliPo9EQp05gPJI/edit?usp=sharing

gremito

September 14, 2018
Tweet

More Decks by gremito

See All by gremito
QAエンジニアになる必要な知識とスキル
gremito
0
410
JaSST'20 Tokyo RejectCon for Session
gremito
0
1.2k
3Dゲーム開発で気をつけるべきこと
gremito
1
340
できることが多いUnityの落とし穴について - Unity Fukuoka 15
gremito
0
200
運用と開発が同時並行で進んでいるRailsアプリケーションをDocker対応した事例について
gremito
1
1.1k
令和で脱サラ 転職LT#5 #jobchanger
gremito
1
360
Unityのインストラクターはじめました - Gotanda.unity #13 #gotandaunity
gremito
1
450
福岡のUnity界隈を盛り上げるイベント『Unity Fukuoka』 #edayfuk
gremito
0
2.3k
ゲーム開発とゲーム基盤のお仕事
gremito
0
130

Other Decks in Technology

See All in Technology
Develop Sales Automation Workflow on LINE
linedevth
0
210
Microsoft Fabric 移行ポイントの所見やデータ活用コラボレーションについて
ryomaru0825
0
200
事業や組織の変化に柔軟に適応するIVRyのプロダクト開発チーム運営 / IVRy's Product Development
yrhorita
1
230
日本初のスクラム本「アジャイルソフトウェア開発スクラム」から20年の節目に翻訳者にいろいろ聞く
orinbou
0
210
Priorityを制するものはローディングを制す
edwardkenfox
4
330
K8s 上で laravel を 快適に運用する方法
colopl
0
130
大学・高等専門学校の教職員の方が ChatGPT について最低限知っておきたいこと
dahatake
1
120
Runbookに何を書き、どのようにアラートを振り分けるか？
egmc
0
620
20230829_ccoe_seminar_session_3
hiashisan
0
330
Oracle Cloud Infrastructure データベース・クラウド：各バージョンのサポート期間
oracle4engineer
PRO
6
4.2k
Fivetranでデータ移動を自動化する
hankehly
0
150
テスト駆動開発でダイエットに挑戦して失敗した話
terahide
0
300

Featured

See All Featured
The Web Native Designer (August 2011)
paulrobertlloyd
78
2.6k
A Tale of Four Properties
chriscoyier
150
21k
A designer walks into a library…
pauljervisheath
199
17k
How GitHub (no longer) Works
holman
300
140k
Building Flexible Design Systems
yeseniaperezcruz
317
36k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
WebSockets: Embracing the real-time Web
robhawkes
58
6.5k
Practical Orchestrator
shlominoach
179
9.3k
Large-scale JavaScript Application Architecture
addyosmani
501
110k
Making the Leap to Tech Lead
cromwellryan
119
8.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
318
23k

Transcript

  1. モノ作りができるエンジニアになること
    2018/09/14(金) WEBエンジニア勉強会 #09 @grem_ito

    View Slide

  2. 自己紹介
    ● 岩本 拓也
    ○ gremito（@grem_ito）
    ● スマホアプリ・Webアプリ　エンジニア
    ○ 2014/04 福岡 中小企業 新卒入社
    ■ Unity / Android アプリエンジニア
    ○ 2016/04 上京 ベンチャー企業 入社
    ■ Webアプリ / スマホアプリ エンジニ+α
    ○ 2017/05 ドリコム 入社
    ■ ゲーム開発 / QA エンジニア
    ● 八耐: 八時間耐久制作会（仮）
    ○ 8時間でモノ作りをやって発表して交流する会です。
    ○ 約7年ほど参加・運営やってます。

    View Slide

  3. 自己紹介
    ● 岩本 拓也
    ○ gremito（@grem_ito）
    ● スマホアプリ・Webアプリ　エンジニア
    ○ 2014/04 福岡 中小企業 新卒入社
    ■ Unity / Android アプリエンジニア
    ○ 2016/04 上京 ベンチャー企業 入社
    ■ Webアプリ / スマホアプリ エンジニ+α
    ○ 2017/05 ドリコム 入社
    ■ ゲーム開発 / QA エンジニア
    ● 八耐: 八時間耐久制作会（仮）
    ○ 8時間でモノ作りをやって発表して交流する会です。
    ○ 約7年ほど参加・運営やってます。
    https://speakerdeck.com/gremito/firebasetounitydegemuapurikai-fa

    View Slide

  4. 自己紹介
    ● 岩本 拓也
    ○ 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

    View Slide

  5. モノ作り

    View Slide

  6. View Slide

  7. これらもすべて
    モノ作り

    View Slide

  8. 〇〇になりたい

    View Slide

  9. 最近...
    ｢プログラマー・エンジニアになりたい｣
    ｢Webエンジニアになりたい｣

    View Slide

  10. 最近...
    ｢プログラマー・エンジニアになりたい｣
    ｢Webエンジニアになりたい｣
    gremito
    ゲーム作る人になりたい！

    View Slide

  11. 最近...
    ｢プログラマー・エンジニアになりたい｣
    ｢Webエンジニアになりたい｣
    ゲーム作る人になりたい！
    gremito
    なったら終わり...
    ではない！

    View Slide

  12. プログラマー・エンジニアになってすぐ

    View Slide

  13. プログラマー・エンジニアになって数ヶ月後...

    View Slide

  14. プログラマー・エンジニアになって数ヶ月後...
    あれ？
    なんでなりたかったんだっけ？？

    View Slide

  15. 改めて
    ｢プログラマー・エンジニアになりたい｣
    ｢Webエンジニアになりたい｣
    ゲーム作る人になりたい！
    gremito

    View Slide

  16. 改めて
    ｢プログラマー・エンジニアになりたい｣
    ｢Webエンジニアになりたい｣
    ゲーム作る人になりたい！
    gremito
    ココがきっかけ

    View Slide

  17. 「〇〇になりたい」の
    きっかけ

    View Slide

  18. 「Web系の仕事に就きたい！」
    「あのサービスを作りたい！」
    「IT業界・エンジニアってカッコイイからなりたい！」
    ...etc
    ｢プログラマー・エンジニアになりたい｣
    ｢Webエンジニアになりたい｣
    なりたい話を深掘ると

    View Slide

  19. 「Web系の仕事に就きたい！」
    「あのサービスを作りたい！」
    「IT業界・エンジニアってカッコイイからなりたい！」
    ...etc
    ｢プログラマー・エンジニアになりたい｣
    ｢Webエンジニアになりたい｣
    なりたい話を深掘ると
    最近は
    なれるのは難しくない
    なった後が大変...

    View Slide

  20. 「Web系の仕事に就きたい！」「あのサービスを作りたい！」
    やる気MAX

    View Slide

  21. サービスの実態について
    http://www.lopale.fr/infographie-tu-fais-en-fait/

    View Slide

  22. フロントエンド
    バックエンド

    View Slide

  23. そもそもWeb系のエンジニアとは
    ● フロントエンド
    ○ UI/UXデザイン
    ● バックエンド
    ○ データベース
    ○ インフラ
    ○ セキュリティー

    View Slide

  24. そもそもWeb系のエンジニアとは
    ● フロントエンド
    ○ UI/UXデザイン
    ● バックエンド
    ○ データベース
    ○ インフラ
    ○ セキュリティー
    初めてWeb系のエンジニア
    になるなら入りやすい

    View Slide

  25. そもそもWeb系のエンジニアとは
    ● フロントエンド
    ○ UI/UXデザイン
    ● バックエンド
    ○ データベース
    ○ インフラ
    ○ セキュリティー
    サービスを作りたいなら
    バックエンドの
    エンジニアからが
    おすすめ

    View Slide

  26. そもそもWeb系のエンジニアとは
    ● フロントエンド
    ○ UI/UXデザイン
    ● バックエンド
    ○ データベース
    ○ インフラ
    ○ セキュリティー
    サービスを作りたいなら
    バックエンドの
    エンジニアからが
    おすすめ
    スマホアプリもWebアプリも
    バックエンド(サーバサイド)
    のスキルは必須だから
    バックエンドのスキルはモテる

    View Slide

  27. モノ作りできる？

    View Slide

  28. Webアプリの開発で扱う様々な技術

    View Slide

  29. Webアプリの開発で扱う様々な技術
    お気づきだろうか...

    View Slide

  30. 更にWebアプリの開発で扱う様々な技術

    View Slide

  31. 更にWebアプリの開発で扱う様々な技術
    勿論この他にも
    まだまだまだある...
    切りがない

    View Slide

  32. モノ作りができるエンジニアとは
    要件定義できて
    設計できて
    開発できて
    運用できて

    View Slide

  33. モノ作りができるエンジニアとは
    要件定義できて→何作るのか考える
    設計できて→どう作るのか考えて書類作り
    開発できて→設計書見ながら作る
    運用できて→壊れないようにあれこれする

    View Slide

  34. 具体的にどうしたらいいのか

    View Slide

  35. Webエンジニア1年生で例えば・・・
    〇〇なサービスを作るぞ！
    - Vue.js
    - Ruby on Rails
    - MySQL
    - Docker(local)
    - AWS(cloud)

    View Slide

  36. Webエンジニア1年生で例えば・・・
    〇〇なサービスを作るぞ！
    - Vue.js
    - Ruby on Rails
    - MySQL
    - Docker(local)
    - AWS(cloud)
    一通り作れることが重要

    View Slide

  37. Webエンジニア1年生で例えば・・・
    〇〇なサービスを作るぞ！
    - Vue.js
    - Ruby on Rails
    - MySQL
    - Docker(local)
    - AWS(cloud)
    就職・転職に有利
    いろんなプロダクトに関われる
    作りたいサービスが作れるようになる
    稼ぐエンジニアになれる
    ↓ 実現する!!
    〇〇作る人になりたい！

    View Slide

  38. ● オールグラウンダーになっておくことでやりたいことやなりたいことが実現
    できる
    ○ → モノ作りできるエンジニアになる
    こと
    ● モノ作り初心者へ
    ○ → Web系でイケイケな感じになりたいなら
    ReactやFirebaseなどを上手く使っていろい
    ろ身につけていこう！
    ○ → そして、ハッカソンにバンバン参加しよう！
    まとめ

    View Slide

  39. モノ作り初心者へ

    View Slide

  40. https://speakerdeck.com/myb/codepushtoreact-nativedejin-ji-
    otaririsu-liao-jie
    https://engineer.blog.lancers.jp/2018/04/introduction-to-re
    act-2018-04
    React

    View Slide

  41. 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アプリもスマホアプリも
    モノ作りができる

    View Slide

  42. Firebase
    https://speakerdeck.com/sota1235/realtime-database-for-
    high-traffic-production-application-1
    https://speakerdeck.com/brn/firebase-realtime-database-in-pr
    oduction

    View Slide

  43. Firebase
    https://speakerdeck.com/sota1235/realtime-database-for-
    high-traffic-production-application-1
    https://speakerdeck.com/brn/firebase-realtime-database-in-pr
    oduction
    サーバサイドのコストを減らし
    サービス開発に集中できる
    Googleが丁寧に
    ドキュメントやサンプルなど
    用意してくれている

    View Slide

  44. ハッカソン
    https://spajam.jp/ https://botawards.line.me

    View Slide

  45. ハッカソン
    http://www.fit.ac.jp/news/archives/2321 https://tech.drecom.co.jp/event_hachijikan/

    View Slide

  46. ハッカソン
    http://www.fit.ac.jp/news/archives/2321 https://tech.drecom.co.jp/event_hachijikan/
    ガンガン
    モノ作りしよう！

    View Slide

  47. Thank you!!

    View Slide