Webアプリケーション概論

この1時間の目標

インターンシップでつくるWebアプリケーションとは
どんなものなのか、イメージをつかむ！

わからないときは、授業スレへ

今日は3本立て

  1. Webアプリケーションとは何か
  2. どんな仕組みで動いているのか
  3. 作るために必要なもの
CHAPTER 1

Webアプリケーションとは何か

Webアプリケーションとは
ブラウザの中で動くアプリケーション
ブラウザ＝ Chrome、Safari、Edge など
スマホの中に入ってる
アプリとのちがいは？

ちがい① どうやって手元に届くか

サーバー＝ 頼まれたものを渡してくれるコンピュータ
Webサイトとのちがいは？

ちがい② 読むだけか、操作できるか

どんなものがある？

動画配信

ネットショップ

地図

ゲーム

これ、ぜんぶ
Webアプリケーション
動画配信
ネットショップ
地図
ゲーム
CHAPTER 2

どんな仕組みで動いているのか

Webアプリケーションには、3つの役割がある

この3つ、実は2つに分けられる

Webアプリケーションの仕組み

YouTube だと

YouTube で、コメントを送ったとき

こう動く

保存されることで、ほかの人にも共有できる。

もしも、、、

だから、2つに分けてある

3層クライアントサーバーシステム

CHAPTER 3

作るために必要なもの

今回使う言語は、主にこの3つ！

JavaScript は、画面側でもサーバー側でも使います。

書いたものを動かすのは

Deno は、サーバー側で JavaScript を動かすものです。

今回つかう技術

画面は ブラウザ、サーバー側は Deno が動かします。

画面 は、この3つでつくる

保存 は、Deno KV に

Deno KV は Deno に入っているデータベースです。

まとめ

質疑応答

授業スレに来ているものから見てみます！
メンターが空いたタイミングで適宜返信していくので、
授業後に書いてもらっても大丈夫です◎

参考

Tips