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
中間活動報告会 人材育成WG・技術サブWG / 20250808-oidfj-eduWG-techSWG
Avatar for OpenID Foundation Japan oidfj
0
650
仮説の取扱説明書/User_Guide_to_a_Hypothesis
Avatar for florets1 florets1
4
380
質のよいアウトプットをできるようになるために～「読む・聞く、まとめる、言葉にする」を読んで～
Avatar for amarelo_n24 amarelo_n24
0
220
Master of Applied Science & Engineering: Computer Science & Master of Science in Applied Informatics: Artificial Intelligence and Data Science
Avatar for Beat Signer signer
PRO
0
740
Ch1_-_Partie_1.pdf
Avatar for Monsieur Bernhard bernhardsvt
0
250
人になにかを教えるときに考えていること（2025-05版 / VRC-LT #18）
Avatar for sksat sksat
5
1.2k
DIP_1_Introduction
Avatar for Mohammed Hachama hachama
0
120
20250807_がんばらないコミュニティ運営
Avatar for ponponmikan ponponmikankan
0
170
OpenSourceSummitJapanを運営してみた話
Avatar for Kujiraitakahiro kujiraitakahiro
0
790
Présentation_1ère_Spé_2025.pdf
Avatar for Monsieur Bernhard bernhardsvt
0
250
2026 g0v 零時政府年會啟動提案 / g0v Summit 2026 Kickstart
Avatar for Poren Chiang rschiang
0
280
【Discordアカウント作成ガイド】
Avatar for aini school小中等部 ainischool
0
120

Featured

See All Featured
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.8k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.5k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
13k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
930
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k

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