狠狠撸

狠狠撸Share a Scribd company logo
奥别产プログラミング入门
本日の目的
1.Webの基本を理解する
2.奥别产プログラミングを体験する
Web (World Wide Web) とは?
Webってなんだろう?
Web (World Wide Web) とは?
PCやスマホのこと?ネットワークのこと?サービスのこと?
Web (World Wide Web) とは?
インターネット上で提供されるハイパーテキストシステム
インターネットとは?
世界中のコンピュータネットワークを接続した一つのネットワーク
ハイパーテキストとは?
複数の文書を相互に関連付け、結び付ける仕組み
Web の仕組みはとてもシンプル
そのため様々な用途で利用され現在も使われている!
Web の仕組み
具体的にどうなっているのだろう?
Webの仕組み
ウェブはクライアントサーバモデルに基づくシステム
Webの仕組み
名前解決:DNS ? 主にドメイン名とIPアドレスの解決を行うもの
Webの仕組み
通信プロトコル:HTTP ? コンテンツ(HTML)の送受信に用いられる
Webの仕組み
通信プロトコル:HTTPS ? HTTP + 認証?暗号化
Webの仕組み
ツール:Webブラウザ ? Webを利用する際のUA
Webの仕組み
ページの表示:レンダリング ? 音声?画像?映像などを生成
Web の仕組み
具体的にどうなっているのだろう?
Webの仕組み
ハイパーテキスト(Webページ)をユーザへ返却
ハイパーテキスト
Webページを作るには?
ハイパーテキスト記述言語を用いて作成
Webページを作るには?
Webページを支える3つの技術
構造
動作
見栄え
Webページを作るには?
3つの技術の役割に対するイメージ
奥别产プログラミングを体験
奥别产プログラミングを体験
HTML:構造を表現
奥别产プログラミングを体験
CSS:見栄え(デザイン)を表現
奥别产プログラミングを体験
JavaScript:動作を表現
まとめ
Web (World Wide Web) とは?
インターネット上で提供されるハイパーテキストシステム
まとめ
Webの仕組み
ウェブはクライアントサーバモデルに基づくシステム
まとめ
Webページを作るには?
ハイパーテキスト記述言語を用いて作成
まとめ
Webページを作るには?
Webページを支える3つの技術
構造
動作
見栄え
ありがとうございました!

More Related Content

Similar to 奥别产フ?ロク?ラミンク?入门 (20)

PPT
Lesson01
MRI
?
PDF
奥别产の勉强会#5
MarlboroLand
?
PPT
20021007
小野 修司
?
PDF
搁耻产测て?作る迟飞颈迟迟别谤风飞别产アフ?リケーション
Naoto Hori
?
PPT
20050623 1
小野 修司
?
PDF
05 はし?めてのmy sql
文樹 高橋
?
PPTX
勉强会资料①
真亮 坂口
?
PDF
モダン奥别产开発ワークショップ
Staffnet_Inc
?
PDF
奥别产ページが表示されるまで
Masataka Suzuki
?
PDF
OSC 2012 Microsoft Session [マイクロソフトの魅せるセンサー×クラウド技術]
Aya Tokura
?
PPTX
サーバーの初歩的な话セミナー@大阪20120901
Masayuki Abe
?
PPTX
Webを支える技術 1章 webとは何か?
善昭 今西
?
PDF
笔测迟丑辞苍で始める奥别产アプリケーション开発
Takahiro Kubo
?
PPT
Web2.0 講演スライド 2008/2/26
kishida4slideshare
?
PDF
止めないための奥贰叠インフラ入门
Sho Okada
?
PPT
奥别产サービス入门
H MM
?
PPTX
オープンキャンパス体験授业20150802
義広 河野
?
PPTX
Web OSで可能になる世界
Kensaku Komatsu
?
PDF
Introduction to web development 1
hideaki honda
?
PDF
サーバーのおしごと
Yugo Shimizu
?
Lesson01
MRI
?
奥别产の勉强会#5
MarlboroLand
?
20021007
小野 修司
?
搁耻产测て?作る迟飞颈迟迟别谤风飞别产アフ?リケーション
Naoto Hori
?
20050623 1
小野 修司
?
05 はし?めてのmy sql
文樹 高橋
?
勉强会资料①
真亮 坂口
?
モダン奥别产开発ワークショップ
Staffnet_Inc
?
奥别产ページが表示されるまで
Masataka Suzuki
?
OSC 2012 Microsoft Session [マイクロソフトの魅せるセンサー×クラウド技術]
Aya Tokura
?
サーバーの初歩的な话セミナー@大阪20120901
Masayuki Abe
?
Webを支える技術 1章 webとは何か?
善昭 今西
?
笔测迟丑辞苍で始める奥别产アプリケーション开発
Takahiro Kubo
?
Web2.0 講演スライド 2008/2/26
kishida4slideshare
?
止めないための奥贰叠インフラ入门
Sho Okada
?
奥别产サービス入门
H MM
?
オープンキャンパス体験授业20150802
義広 河野
?
Web OSで可能になる世界
Kensaku Komatsu
?
Introduction to web development 1
hideaki honda
?
サーバーのおしごと
Yugo Shimizu
?

Recently uploaded (9)

PDF
安尾 萌, 松下 光範. 環境馴致を計量可能にするための試み,人工知能学会第4回仕掛学研究会, 2018.
Matsushita Laboratory
?
PPTX
色について.pptx .
iPride Co., Ltd.
?
PDF
論文紹介:Unbiasing through Textual Descriptions: Mitigating Representation Bias i...
Toru Tamaki
?
PDF
論文紹介:AutoPrompt: Eliciting Knowledge from Language Models with Automatically ...
Toru Tamaki
?
PPTX
Vibe Codingを始めよう ?Cursorを例に、ノーコードでのプログラミング体験?
iPride Co., Ltd.
?
PDF
安尾 萌, 北村 茂生, 松下 光範. 災害発生時における被害状況把握を目的とした情報共有システムの基礎検討, 電子情報通信学会HCGシンポジウム2018...
Matsushita Laboratory
?
PPTX
勉強会_ターミナルコマント?入力迅速化_20250620. pptx. .
iPride Co., Ltd.
?
PDF
Forguncy 10 製品概要資料 - ノーコードWebアプリ開発プラットフォーム
フォーガンシー
?
PDF
安尾 萌, 藤代 裕之, 松下 光範. 協調的情報トリアージにおけるコミュニケーションの影響についての検討, 第11回データ工学と情報マネジメントに関する...
Matsushita Laboratory
?
安尾 萌, 松下 光範. 環境馴致を計量可能にするための試み,人工知能学会第4回仕掛学研究会, 2018.
Matsushita Laboratory
?
色について.pptx .
iPride Co., Ltd.
?
論文紹介:Unbiasing through Textual Descriptions: Mitigating Representation Bias i...
Toru Tamaki
?
論文紹介:AutoPrompt: Eliciting Knowledge from Language Models with Automatically ...
Toru Tamaki
?
Vibe Codingを始めよう ?Cursorを例に、ノーコードでのプログラミング体験?
iPride Co., Ltd.
?
安尾 萌, 北村 茂生, 松下 光範. 災害発生時における被害状況把握を目的とした情報共有システムの基礎検討, 電子情報通信学会HCGシンポジウム2018...
Matsushita Laboratory
?
勉強会_ターミナルコマント?入力迅速化_20250620. pptx. .
iPride Co., Ltd.
?
Forguncy 10 製品概要資料 - ノーコードWebアプリ開発プラットフォーム
フォーガンシー
?
安尾 萌, 藤代 裕之, 松下 光範. 協調的情報トリアージにおけるコミュニケーションの影響についての検討, 第11回データ工学と情報マネジメントに関する...
Matsushita Laboratory
?
Ad

奥别产フ?ロク?ラミンク?入门