Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
バックエンドロードマップ(数珠つなぎオンライン勉強会 #02)
Search
Yuki Watanabe
June 04, 2023
Programming
0
450
バックエンドロードマップ(数珠つなぎオンライン勉強会 #02)
Webバックエンドの学び方についての登壇資料
Yuki Watanabe
June 04, 2023
Tweet
Share
More Decks by Yuki Watanabe
See All by Yuki Watanabe
【つよナレ#1】初心者こそバニラなPHPでWebアプリを作るべき
ukwhatn
0
160
15分間でふんわり理解するDocker @ Matsuriba MAX
ukwhatn
1
520
10分間でエンジニア就活について話す #ニックトレイン
ukwhatn
3
1.2k
[KC3 Meet! vol.1]ちょっとだけわかるPasskey
ukwhatn
1
360
基礎からわかろうOAuth2/OpenID Connect
ukwhatn
0
370
データベース入門(数珠つなぎオンライン勉強会 #03)
ukwhatn
1
210
サーバ入門(概論〜Webサーバ構築)
ukwhatn
0
280
Other Decks in Programming
See All in Programming
requirements with math
moony
0
520
アーキテクトと美学 / Architecture and Aesthetics
nrslib
12
2.9k
バックエンドNode.js × フロントエンドDeno で開発して得られた知見
ayame113
5
1.3k
パスキーのすべて / 20250324 iddance Lesson.5
kuralab
0
110
イベントソーシングによってインピーダンスミスマッチから解放された話
tkawae
1
320
ローコードサービスの進化のためのモノレポ移行
taro28
1
330
RCPと宣言型ポリシーについてのお話し
kokitamura
2
140
マルチアカウント環境での、そこまでがんばらない RI/SP 運用設計
wa6sn
0
330
研究開発と実装OSSと プロダクトの好循環 / A virtuous cycle of research and development implementation OSS and products
linyows
1
190
家族・子育て重視/沖縄在住を維持しながらエンジニアとしてのキャリアをどのように育てていくか?
ug
0
230
Fluent UI Blazor 5 (alpha)の紹介
tomokusaba
0
130
보일러플레이트 코드가 진짜 나쁜 건가요?
gaeun5744
0
370
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Optimising Largest Contentful Paint
csswizardry
35
3.2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
320
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
A designer walks into a library…
pauljervisheath
205
24k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
15
1.1k
Transcript
技術領域から考える Webバックエンドロードマップ Yuki Watanabe (@ukwhatn) from KINDAI Info-Tech HUB
SPEAKER • 渡邉 雄貴 / Yuki Watanabe ◦ 近畿大学 理工学部
B3 ▪ KINDAI Info-Tech HUB 役員 ▪ KC3運営委員会(NPO法人NxTEND) 理事 ◦ Webバックエンド・インフラエンジニア ▪ 長期インターンシップ・業務委託での開発 ▪ 転職型プログラミングスクール メンター
SPEAKER • 渡邉 雄貴 / Yuki Watanabe ◦ SKILLS ▪
Webバックエンド • Ruby(Rails) / Python(FastAPI, Flask) / Kotlin / TS ▪ Webフロントエンド • TS(React) / JS / HTML-CSS ▪ インフラ・その他 • Linux / AWS / Docker / DB / 認証・認可
今日お話すること Webバックエンドとは? 何がバックエンドなのか / 構成技術は何なのか 01 具体的なロードマップ どう学習していけば良いのか 02 学習のコツ
膨大な技術領域を学習していく方法 03
Webバックエンドとは?
Webバックエンドとは? • Webバックエンド ◦ サーバで行われる処理を担う部分 ▪ Webアプリケーションだけでなく、 モバイルでもゲームでも、バックエンドは大抵Web技術 ◦ 関連する技術領域
▪ API / RDBMS / NoSQL / Webセキュリティ / Webサーバ CI・CD / インフラ / フロントエンド
関連する技術領域(一部) Webバックエンドとは? バックエンドの処理を記述するための言語を知らないと始まりません。 大抵の(主要な)言語にはWebアプリケーションを作成するためのフレームワークが 存在しているので、お好きな言語で取り組んでみるのが良いでしょう。 プログラミング言語・フレームワーク Web API モダンなWebバックエンドの主な仕事は、フロントエンド(Reactなど)からの リクエストに応じて処理を行い、レスポンスを行うことです。
ここには「Web API」が使われることがほとんどです。
Webバックエンドとは? Appがデータを保存しておくのに必要なのがデータベースです。 MySQL/MariaDBやPostgreSQLに代表されるRDBMSや、MongoDBや AWS DocumentDBなどのDocDB、RedisなどのKVSなど、多くの種類があります。 RDBMS・NoSQL Webセキュリティ Webアプリケーションを安全に提供し、ユーザの情報が侵害されないようにするため には、セキュリティの知識が不可欠です。XSSやCSRF、セッションハイジャック、 SQLインジェクションなど、絶対に抑えておくべきものもいくつかあります。
関連する技術領域(一部)
Webバックエンドとは? Webアプリケーションは、NginxやApache HTTP ServerなどのWebサーバソフトに よってインターネットからのアクセスを受け付けます。多くのフレームワークには Devサーバ機能がありますが、Prod環境では別で用意することが一般的です。 Webサーバ インフラ Webアプリケーションを実行する基盤となるインフラ(サーバやNW, 仮想化など)に
関する基本的な知識もバックエンドエンジニアには必要です。最近はVercel等で 簡単にホストできますが、それでも知識として持っておく必要はあります。 関連する技術領域(一部)
Webバックエンドとは? Continuous Integration / Delivery / Deploymentの略で、主にテストやビルド、 デプロイの自動化を指します。最近は個人〜企業までGitHub Actionsを利用する ことが多くなっています。
CI・CD フロントエンド バックエンドエンジニアがWebAppを個人開発する上で必要なのがUIです。APIを 作って終わりではなく、ユーザが触ることのできるUIを作成してはじめて使ってもら うことができるので、最低限のフロントエンドへの知識が必要です。 関連する技術領域(一部)
具体的なロードマップ
Webバックエンドエンジニアになるには? 具体的なロードマップ https://roadmap.sh/backend より
Webバックエンドエンジニアになるには? 具体的なロードマップ https://roadmap.sh/backend より
Webバックエンドエンジニアになるには? 具体的なロードマップ https://roadmap.sh/backend より
Webバックエンドエンジニアになるには? 具体的なロードマップ https://roadmap.sh/backend より
Webバックエンドエンジニアになるには? 具体的なロードマップ https://roadmap.sh/backend より
Webバックエンドエンジニアになるには? 具体的なロードマップ https://roadmap.sh/backend より
学習のコツ 膨大な技術領域をどうキャッチアップするか
各要素技術のキャッチアップ • 手を動かす ◦ これに尽きる! ▪ 知識も大切ですが、実践が伴わなければ身に付かず、 作りたいものを形にする力も育ちません ▪ シンプルに形にならないのに勉強し続けるのつらいです
▪ まずは簡単なもので良いので、なにか作ってみましょう 学習のコツ
各要素技術のキャッチアップ • 好きな言語でやる ◦ テンション上がらない言語でやるのつらい ▪ 主要な言語であればたいていフレームワークがある ▪ 1つの言語でできれば、大抵の言語でできるようになる ▪
書いてて楽しいことが大事! 学習のコツ
各要素技術のキャッチアップ • 必要になったときに調べて実装する ◦ 最初から全部勉強するのはムリ! ▪ インプットだけで数年経っちゃうので、 作りたいものに必要な実装方法だけをとりあえず調べる ▪ 繰り返していけば、いつのまにかできることが増えている
• 一回で学ぶ量を最小限にして、 「できた!」を増やすことが大切 学習のコツ
各要素技術のキャッチアップ • 詳しいことは後から勉強する ◦ とりあえず実装方法だけ調べてやってみる ▪ 実装中は「こうやればできるんだな」にとどめておいて、 後から「どういう仕組みだったんだろう」に入る • 実装はノリが大切
一旦休むと再開するためのコストが高い ▪ 後からちゃんと分かって、その上で修正したほうが楽しい 学習のコツ
各要素技術のキャッチアップ • 技術書を読む ◦ ネットだけでは効率が悪い! ▪ ネット上の記事は玉石混交(石多め) • 取捨選択だけでも時間がかかるし難しい ▪
実績ある著者がまとめてくれた技術書はインプットに最適 ▪ デメリット:高い • 学校の図書館の購入申請などをうまく使おう! 学習のコツ
各要素技術のキャッチアップ • おすすめ技術書 ◦ 〇〇Webアプリケーション入門 ▪ とりあえず好きな言語でやれ ◦ Web技術がこれ一冊でしっかりわかる教科書 ▪
概観を掴むのにおすすめ ◦ プロになるためのWeb技術入門 ▪ これわか読んでから読むとめっちゃわかる 学習のコツ
各要素技術のキャッチアップ • おすすめ技術書(中級者向け) ◦ Web技術 ▪ Webを支える技術, Real World HTTP,
Web配信の技術 ◦ セキュリティ ▪ 徳丸本, フロントエンド開発のためのセキュリティ入門 ◦ DB ▪ 達人に学ぶDB設計/SQL, おうちで学べるDBのきほん 学習のコツ
各要素技術のキャッチアップ • おすすめ技術書(中級者向け) ◦ 仮想化・サーバ ▪ DockerとKubernetes, Linuxのしくみ(増補改訂版) ◦ クラウド
▪ ベンダー資格のテキスト (Solution Architectからがおすすめ) ◦ その他 ▪ 各技術・FWの公式ドキュメント・チュートリアル 学習のコツ
Webバックエンド、やりませんか? ご清聴ありがとうございました