Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
バックエンドロードマップ(数珠つなぎオンライン勉強会 #02)
Search
Yuki Watanabe
PRO
June 04, 2023
Programming
0
390
バックエンドロードマップ(数珠つなぎオンライン勉強会 #02)
Webバックエンドの学び方についての登壇資料
Yuki Watanabe
PRO
June 04, 2023
Tweet
Share
More Decks by Yuki Watanabe
See All by Yuki Watanabe
【つよナレ#1】初心者こそバニラなPHPでWebアプリを作るべき
ukwhatn
PRO
0
40
15分間でふんわり理解するDocker @ Matsuriba MAX
ukwhatn
PRO
1
480
10分間でエンジニア就活について話す #ニックトレイン
ukwhatn
PRO
3
950
[KC3 Meet! vol.1]ちょっとだけわかるPasskey
ukwhatn
PRO
1
330
基礎からわかろうOAuth2/OpenID Connect
ukwhatn
PRO
0
330
データベース入門(数珠つなぎオンライン勉強会 #03)
ukwhatn
PRO
1
170
サーバ入門(概論〜Webサーバ構築)
ukwhatn
PRO
0
240
Other Decks in Programming
See All in Programming
競技プログラミングで 基礎体力を身につけよう / You can get basic skills through competitive programming
mdstoy
0
150
React CompilerとFine Grained Reactivityと宣言的UIのこれから / The next chapter of declarative UI
ssssota
7
3.3k
React + Tauriでデスクトップアプリ開発に入門してみた
ynishimura0922
0
120
距離関数を極める! / SESSIONS 2024
gam0022
0
380
Leverage LLMs in Java with LangChain4j and Quarkus
hollycummins
0
170
TypeScript でバックもやるって実際どう? 実運用で困ったこと3選
yuichiro_serita
17
7.5k
CSC509 Lecture 13
javiergs
PRO
0
150
CSC305 Lecture 23
javiergs
PRO
0
120
聞き手から登壇者へ: RubyKaigi2024 LTでの初挑戦が 教えてくれた、可能性の星
mikik0
1
150
大規模サイトリビルドの現場から:成功と失敗のリアルな教訓 / Site Rebuild,Real Lessons Learned from Successes and Failures_JJUG Fall 2024
techtekt
0
210
かんたんデザイン編集やってみた~「完全に理解した」までの道のり~
morit4ryo
1
120
テスト自動化失敗から再挑戦しチームにオーナーシップを委譲した話/STAC2024 macho
ma_cho29
1
460
Featured
See All Featured
Bash Introduction
62gerente
608
210k
Raft: Consensus for Rubyists
vanstee
136
6.7k
Making Projects Easy
brettharned
116
5.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
160
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
We Have a Design System, Now What?
morganepeng
51
7.3k
The Invisible Side of Design
smashingmag
298
50k
Music & Morning Musume
bryan
46
6.2k
Statistics for Hackers
jakevdp
796
220k
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バックエンド、やりませんか? ご清聴ありがとうございました