Web開発のちょっとした事前知識

とても簡単な内容です。ミスがあれば教えてください。

Transcript

1. バックエンド開発のススメ サーバ・フレームワーク・HTTP編
2. アジェンダ ・フロントエンドとバックエンド ・ホームページが見れる仕組み ・HTTP -プロトコル -GETとPOST ・Webフレームワーク -Webフレームワークとは -Webフレームワークの種類
3. フロントエンドとバックエンド フロントエンド 日本語訳で“１番前側”。 HTML, CSS, JavaScript等を使ってWebアプリを 作っていく。Webページのデザインや、ボタンをクリックしたら画像が 表示された！とかはフロントエンドの仕事。 バックエンド 日本語訳で“１番後側”。データベースの操作とかサーバ自体の中身を作っ てく。新規会員登録をしたらログインできるようになった！とかはバッ クエンドの仕事。
4. ホームページが見れる仕組み クライアント 引用[https://www.k2- interactive.co.jp/hpplace/tech_ans3.ph p]
5. HTTP –プロトコルその１ 例えば・・・ Aさん（Bさんの持ってる情報 が欲しい日本人） Bさん（Aさんの欲しい情 報を持ってる外国人） ふえ～！Bさん の国の言葉で 「この情報欲し い」って何て 言うの～～！？ こんな時に共通言語が あれば便利！ この時の 共通言語≒プロトコル みたいな感じです。 プロトコル：ネットワーク上での通信に関する規約を定めたもの
6. HTTP –プロトコルその２ HTTP Webサーバ-クライアント間で、HTMLで書かれた文章などの情報をやりと りする時に使うプロトコル。 HTTPとHTTPS HTTPはHTTPでも、HTTPで通信される内容が暗号化されるセキュアなも のがHTTPS。
7. HTTP –GETとPOST HTTP通信の中でも、いろいろな通信の方法があります。 GET URLに直接情報をつけてWebサーバに送信する方法。 例：https://hogehoge/index?name=ichiro&&id=1 渡せる情報量がPOSTと比べ小さめ。 普段URLにアクセスしてホームページを見たりするときはGET通信。 POST 見えないところに情報をつけてWebサーバに送信する方法 URLもGETに比べ小さくなる。 渡せる情報量がGETに比べ大きめ。
8. Webフレームワークとは Web開発をする上で便利な機能がいっぱい詰まったもの。 便利な機能だけでなく、Webアプリ自体の骨組みまで作ってあ るので、あとはその骨組みに沿って開発するだけ！少ないコード でやりたいことが実装できるので生産性が向上する。 フレームワーク
9. Webフレームワークの種類 Ruby -Ruby on Rails（日本で１番使われてる気がする。豊富に機能が揃ってる。大規模開発向け。） Python -Django（Python版Ruby on Railsみたいな感じ） -Flask（軽量なWebフレームワーク。簡単で学習コストが低い。小中規模開発向け。） PHP -Laravel（Laravelやったことないからよくわからん。多分すごいんだと思う。） -CakePHP(上に同じ） -Symfony（上に同じ）
10. 次回 「実際にWebフレームワークを使った簡単な Web開発入門」