Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for 北海道科学大学　電子計算機研究部 北海道科学大学　電子計算機研究部
November 14, 2016
Education
79
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
86
第10回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
63
第09回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
1
180
第08回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
59
第07回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
61
第06回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
83
第05回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
60
第04回Network講座2019
Avatar for 北海道科学大学　電子計算機研究部 densan
0
130

Other Decks in Education

See All in Education
Antigravityを使ってGeminiAPI（NanobananaPro）と連携して挿絵メーカーを作った
Avatar for よしむら＠データマネジメント担当 yoshimura_datam
0
240
1人 × AI、1か月でここまで作れる ー 数年前の外注換算3.8〜7.4億円・241〜379人月分の作業を、AI費用 約10万円・31日で
Avatar for Frieve-A frievea
0
530
Agent = Model + Harness
Avatar for Siang moon004
0
120
【デザイナー就活講座】 デザイナー就活市場・企業探し・ポートフォリオのポイント
Avatar for ko hasebe koheihasebe
0
640
セキュリティ担当がいない中小医療機関を院外のRISSはどう支えるべきか / How External RISS Can Help Small Medical Institutions
Avatar for Kengo TODA eller86
1
210
AI時代のセキュリティ監査
Avatar for shogo matsumoto matshogo
PRO
0
120
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
Avatar for CoderDojo Japan coderdojojapan
PRO
4
19k
武藤の処世術を書いてみた
Avatar for Masahiro Muto mutomasa
0
120
25-26 CBT Library top items
Avatar for cbtlibrary cbtlibrary
0
300
AIってなぁに？
Avatar for 太田賢一 kenichiota0711
0
840
[2026前期火５] 論理学（京都大学文学部 前期 第11回）「ハーモニー：三層モデルと保存拡大」
Avatar for Shunsuke Yatabe yatabe
0
300
Geografía y fútbol. Atlanta. la megalópolis del fútbol
Avatar for Juan Martín Martín juanmartin2026
1
12k

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
67
58k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
340
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
300
Side Projects
Avatar for Sacha Greif sachag
456
43k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
440
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
290
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.7k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
490
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.4k

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