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

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

Avatar for 北海道科学大学　電子計算機研究部 北海道科学大学　電子計算機研究部
November 14, 2016
Education
75
0

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

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

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

November 14, 2016

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

See All by 北海道科学大学　電子計算機研究部
第12回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
1
69
第11回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
85
第10回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
61
第09回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
1
180
第08回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
58
第07回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
61
第06回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
81
第05回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
60
第04回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
130

Other Decks in Education

See All in Education
Πλουτοκρατία: Η Τυραννία του Μαμμωνά και η Μεταανθρώπινη Δουλεία
Avatar for Amethystos amethyst1
0
300
人間のために、人間と共に働く時代の終わりの始まり
Avatar for Frieve-A frievea
0
160
The Strengthening Institutions Program
Avatar for Territorium territorium
PRO
0
160
2026年度春学期　統計学　第13回　不確かな測定の不確かさを測る ― 不偏分散とt分布 (2026. 6. 25)
Avatar for Akira Asano akiraasano
PRO
1
180
!コスパよくインターンに受かる方法！
Avatar for ruribou ruribou
1
350
輻射安全管理系統2.0暨輻防e++學園平台說明會
Avatar for NUSC aecrp
0
2k
Portable & Reproducible Research Environments in the Age of AI Agents
Avatar for Mai Nishimura denkiwakame
0
710
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
Avatar for CoderDojo Japan coderdojojapan
PRO
4
19k
Throw Yourself In! - How I've learned English and What I'm Facing
Avatar for Takeshi "George" Matsuda georgeorge
1
250
医師がスタッフに AI を教えるとき、どんな内容を話しているか
Avatar for osawa-ux osawaux
1
110
Lectura 2 (PIT : Python Basico)
Avatar for Abraham Zamudio robintux
0
430
Modulo : abc
Avatar for Abraham Zamudio robintux
0
120

Featured

See All Featured
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
400
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
65k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2.2k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.9k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
800
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
270
Fireside Chat
Avatar for paigeccino paigeccino
42
4k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
380
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
4.7M

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