Upgrade to Pro — share decks privately, control downloads, hide ads and more …

第四回後期ネットワークチーム講座

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for 北海道科学大学　電子計算機研究部 北海道科学大学　電子計算機研究部
November 14, 2016
Education
58
0

 第四回後期ネットワークチーム講座

Avatar for 北海道科学大学　電子計算機研究部

北海道科学大学　電子計算機研究部

November 14, 2016

More Decks by 北海道科学大学　電子計算機研究部

See All by 北海道科学大学　電子計算機研究部
第12回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
1
65
第11回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
77
第10回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
53
第09回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
1
170
第08回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
57
第07回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
54
第06回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
77
第05回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
55
第04回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
120

Other Decks in Education

See All in Education
[2026前期火５] 論理学（京都大学文学部 前期 第8回）「正規化定理の証明」
Avatar for Shunsuke Yatabe yatabe
0
200
JAWS-UG初心者支部#81 GWにEduJAWSと何か作ろうもくもく会！
Avatar for おーつき otsuki
0
140
Science Tokyo国際卓越研究大学計画_202604
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
4.9k
[2026前期火５] 論理学（京都大学文学部 前期 第3回）「形式言語と四つのキーワード：メタ・構成・意味論・ハーモニー」
Avatar for Shunsuke Yatabe yatabe
0
570
View Manipulation and Reduction - Lecture 9 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
2.7k
Padlet opetuksessa
Avatar for Matleena Laakso matleenalaakso
12
16k
Where Data Meets Storytelling
Avatar for George Sinnott georgesinnott
0
120
「機械学習と因果推論」入門 ② 回帰分析から因果分析へ
Avatar for MasaKat0 masakat0
0
730
2026年度春学期　統計学　講義の進め方と成績評価について (2026. 4. 9)
Avatar for Akira Asano akiraasano
PRO
0
220
プログラミング言語において文字列を複数行にわたって だらだらと記載するアレ
Avatar for sapi_kawahara sapi_kawahara
0
170
[2026前期火５] 論理学（京都大学文学部 前期 第1回）「ハルシネーションを外部世界との対応を考えずに見分ける方法」
Avatar for Shunsuke Yatabe yatabe
0
1.1k
Examen de Selectividad. Geografía julio 2026 (Convocatoria Extraordinaria). UCLM
Avatar for Juan Martín Martín juanmartin2026
0
4.4k

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.7k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
62
44k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
660
Docker and Python
Avatar for Tania Allard trallard
47
3.9k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.4k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
72
40k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k

Transcript

  1. ネットワークチーム 後期第四回講座資料 HTML、Jade

  2. 目次 • HTML • Jade

  3. HTML （HyperText Markup Language） • Webページを作成するための言語。 • 今日のWebページの多くはHTMLで作成されている。 • 「タグ」というものを使って記述する

  4. HTML （HyperText Markup Language） <!DOCTYPE html> <html lang=“ja”> <head> <meta

    charset=“utf-8”> <title>densan</title> </head> <body> <h2>電算ネットワークチーム</h2> <p>電子計算機研究部へようこそ</p> </body> </html>

  5. ＭＶＣモデル • “Model” “View” “Controler” の略 • プログラミングを行う際に、プログラムを 1. 実際の処理、データベースへのアクセス（Model）

    2. 入力の受け取り、ModelとViewの制御（Controler） 3. クライアントへの情報の表示（View） この3つの機能に分割して作成することをいう。

  6. MVCモデル • Koa.jsのみではViewの機能が実現できないため、 外部のテンプレートエンジンを利用する必要がある。 1. Jade 2. EJS 3. Hogan.js

    4. ECT …など

  7. Jadeの記法 ①基本的にタグ名のみ記述 （<>いらず、閉じタグもなし） ② インデントを用いて階層構造を表現する ③タグ名の後に( )を付けて属性の指定ができる

  8. Jadeの記法 ④ 簡単な制御構文（While, If など）や変数、JSコードが利用で きる JSのコードは先頭に” – “（ハイフン）を付けて記述する ⑤

    変数を呼び出す場合、 #{変数名} または =変数名 と記述 ⑥ コマンドを用いることでテンプレートの継承ができる

  9. パッケージの入れ方 （Sublime Text） 1. Sublime Textを起動してCtrl キー + shift キー

    + P を押す
  10. None

  11. パッケージの入れ方 （Sublime Text） 2. フォームに install と入力する 3. Package Control:

    Install Packageを選択する
  12. None

  13. パッケージの入れ方 （Sublime Text） 4. Jade と入力して出てくる選択肢の一番上をクリック

  14. y