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

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

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

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

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

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

November 14, 2016
Tweet

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

See All by 北海道科学大学　電子計算機研究部
第12回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
1
57
第11回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
70
第10回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
46
第09回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
1
160
第08回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
49
第07回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
46
第06回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
71
第05回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
51
第04回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
110

Other Decks in Education

See All in Education
Tutorial: Foundations of Blind Source Separation and Its Advances in Spatial Self-Supervised Learning
Avatar for Yoshiaki Bando yoshipon
1
150
GitHubとAzureを使って開発者になろう
Avatar for Kento.Yamada ymd65536
1
160
万博マニアックマップを支えるオープンデータとその裏側
Avatar for K.Sakanoshita barsaka2
0
790
2025年度春学期　統計学　第12回　分布の平均を推測する ー 区間推定 (2025. 6. 26)
Avatar for Akira Asano akiraasano
PRO
0
150
2025年度春学期　統計学　第7回　データの関係を知る(2)ー回帰と決定係数 (2025. 5. 22)
Avatar for Akira Asano akiraasano
PRO
0
150
H5P-työkalut
Avatar for Matleena Laakso matleenalaakso
4
39k
生成AIとの上手な付き合い方【公開版】/ How to Get Along Well with Generative AI (Public Version)
Avatar for NAGATA Hiroaki handlename
0
610
Alumnote inc. Company Deck
Avatar for Alumnote yukinumata
0
1.8k
データで見る赤ちゃんの成長
Avatar for じゃらしまる syuchimu
0
250
Common STIs in London: Symptoms, Risks & Prevention
Avatar for Medical Dental medicaldental
0
140
(2025) L'origami, mieux que la règle et le compas
Avatar for Roger Mansuy mansuy
0
130
バックオフィス組織にも「チームトポロジー」の考えが使えるかもしれない！！
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
120

Featured

See All Featured
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
510
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
11
1.1k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
73
5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.4k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k

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