Submit Search
Upload
Webページで学ぶJavaScript2013 第3回
•
0 likes
•
421 views
京大 マイコンクラブ
Follow
Report
Share
Report
Share
1 of 29
Download now
Download to read offline
Recommended
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
Koji SHIMADA
噴水企画Web講習会
噴水企画Web講習会
Kenta Moriuchi
三研(噴水企画)会議 2014.02.20
PDFのはなし2
PDFのはなし2
Yusuke Ito
前期講座03
前期講座03
Takenori Nakagawa
北海道工業大学電子計算機研究部ネットワークチーム 講座 03
Java Script4
Java Script4
Kiminari Homma
Webページで学ぶJavaScript2013 第2回
Webページで学ぶJavaScript2013 第2回
京大 マイコンクラブ
CUI3D
CUI3D
京大 マイコンクラブ
CUI環境でも3Dアニメーションがしたい!
BFmeta
BFmeta
京大 マイコンクラブ
CAMPHOR- KMC 合同LT会(https://atnd.org/events/64077)で発表したBFmetaを紹介するスライドです。
Recommended
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
Koji SHIMADA
噴水企画Web講習会
噴水企画Web講習会
Kenta Moriuchi
三研(噴水企画)会議 2014.02.20
PDFのはなし2
PDFのはなし2
Yusuke Ito
前期講座03
前期講座03
Takenori Nakagawa
北海道工業大学電子計算機研究部ネットワークチーム 講座 03
Java Script4
Java Script4
Kiminari Homma
Webページで学ぶJavaScript2013 第2回
Webページで学ぶJavaScript2013 第2回
京大 マイコンクラブ
CUI3D
CUI3D
京大 マイコンクラブ
CUI環境でも3Dアニメーションがしたい!
BFmeta
BFmeta
京大 マイコンクラブ
CAMPHOR- KMC 合同LT会(https://atnd.org/events/64077)で発表したBFmetaを紹介するスライドです。
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
Muyuu Fujita
大雑把なHtmlの説明
大雑把なHtmlの説明
tanaka-hiroki
GDG Women DevfestW
GDG Women DevfestW
Tomoko Sato
3月10日にGDG京都さんのイベントの「GDG DevfestW Kyoto」で発表してきました。 https://sites.google.com/a/kyoto-gtug.org/devfestw/ HTML5でWebサイトを作ると制作者的に楽ですよ、と言うネタです。 使えるタグとその覚え方、困ったことに対する処理方法の紹介です。
HTML5 for IA
HTML5 for IA
Atsushi HASEGAWA, Ph.D.
Introducing HTML5 from IA viewpoint for Webmasters.
今からハジメるHTML5マークアップ
今からハジメるHTML5マークアップ
SwapSkills
SwapSkills2010 vol2 羽田野太巳
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
Atsushi Tadokoro
電技研Web講習
電技研Web講習
So Murata
電技研のweb講習です。
Webapp startup example_to_dolist
Webapp startup example_to_dolist
Shinichiro Kumeuchi
Webサーバ、HTML
Webサーバ、HTML
Shuhei Iitsuka
@amachang による資料です!
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
Atsushi Tadokoro
テキストファイルを読む💪 第1回
テキストファイルを読む💪 第1回
京大 マイコンクラブ
2021/10/28の例会講座で使用したスライド (以下リンク) のSS移植版です。(オリジナルの発表から内容を一部修正しています。) https://www.canva.com/design/DAEt-1WzsZI/h85bHwMPQ8oxerFP-S3EDQ/view?utm_content=DAEt-1WzsZI&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
かわいくなろうとしたら語彙力が下がった話
かわいくなろうとしたら語彙力が下がった話
京大 マイコンクラブ
2021/09/26のLT大会で使用したスライド (以下リンク) のSS移植版です。 https://www.canva.com/design/DAEqXneuzGc/bVRBpr16c9lhZ6niQ2PEzQ/view?utm_content=DAEqXneuzGc&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
Common Lisp入門
Common Lisp入門
京大 マイコンクラブ
Common Lispの入門スライド。作成者はCoil
多倍長整数の乗算と高速フーリエ変換
多倍長整数の乗算と高速フーリエ変換
京大 マイコンクラブ
多倍長整数の乗算を高速に行うアルゴリズムを、カラツバ法から始めて、最終的に高速フーリエ変換を用いた乗算に至るまでを解説しました。
つくってあそぼ ラムダ計算インタプリタ
つくってあそぼ ラムダ計算インタプリタ
京大 マイコンクラブ
2018/10/18 KMC例会講座 型無しラムダ計算のインタプリタを実装してみる
Geometry with Unity
Geometry with Unity
京大 マイコンクラブ
Geometry with Unity
セミコロンレスc++
セミコロンレスc++
京大 マイコンクラブ
セミコロンを使わずにc++を書きたい
エンジニアと健康
エンジニアと健康
京大 マイコンクラブ
エンジニアは肩こりや腰痛など様々な体の不調を抱えがち。 ちょっとした工夫でそれらを根本から解消
女の子になれなかった人のために
女の子になれなかった人のために
京大 マイコンクラブ
音声の分析合成と機械学習を使ってボイスチェンジャーを作るスライドです
Pietで競プロしよう
Pietで競プロしよう
京大 マイコンクラブ
KMC春合宿で発表した、難解プログラミング言語で競技プログラミングに挑戦するLTです。
もし太陽のコアがIntelCoreだったら
もし太陽のコアがIntelCoreだったら
京大 マイコンクラブ
もし太陽のコアがCPUと同程度の熱密度を持っていたらどうなるか、雑に計算した結果を発表したLTのスライドです
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
京大 マイコンクラブ
Unity や MonoGame など、C# でゲームを作る環境が整ってきた昨今。メモリ?なにそれ美味しいの?という初学者が、難しいことを考えずにモノづくりができる一方で、メモリについて知らないとトラブルになることもあります。C#でゲームプログラムを書いたことがある、くらいの方を対象に、メモリとは何か、から、メモリリーク・ガベージコレクションの話、そしてガベージコレクションの回数を減らす実装方法について話します。
More Related Content
Similar to Webページで学ぶJavaScript2013 第3回
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
Muyuu Fujita
大雑把なHtmlの説明
大雑把なHtmlの説明
tanaka-hiroki
GDG Women DevfestW
GDG Women DevfestW
Tomoko Sato
3月10日にGDG京都さんのイベントの「GDG DevfestW Kyoto」で発表してきました。 https://sites.google.com/a/kyoto-gtug.org/devfestw/ HTML5でWebサイトを作ると制作者的に楽ですよ、と言うネタです。 使えるタグとその覚え方、困ったことに対する処理方法の紹介です。
HTML5 for IA
HTML5 for IA
Atsushi HASEGAWA, Ph.D.
Introducing HTML5 from IA viewpoint for Webmasters.
今からハジメるHTML5マークアップ
今からハジメるHTML5マークアップ
SwapSkills
SwapSkills2010 vol2 羽田野太巳
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
Atsushi Tadokoro
電技研Web講習
電技研Web講習
So Murata
電技研のweb講習です。
Webapp startup example_to_dolist
Webapp startup example_to_dolist
Shinichiro Kumeuchi
Webサーバ、HTML
Webサーバ、HTML
Shuhei Iitsuka
@amachang による資料です!
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
Atsushi Tadokoro
Similar to Webページで学ぶJavaScript2013 第3回
(10)
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
大雑把なHtmlの説明
大雑把なHtmlの説明
GDG Women DevfestW
GDG Women DevfestW
HTML5 for IA
HTML5 for IA
今からハジメるHTML5マークアップ
今からハジメるHTML5マークアップ
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
電技研Web講習
電技研Web講習
Webapp startup example_to_dolist
Webapp startup example_to_dolist
Webサーバ、HTML
Webサーバ、HTML
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
More from 京大 マイコンクラブ
テキストファイルを読む💪 第1回
テキストファイルを読む💪 第1回
京大 マイコンクラブ
2021/10/28の例会講座で使用したスライド (以下リンク) のSS移植版です。(オリジナルの発表から内容を一部修正しています。) https://www.canva.com/design/DAEt-1WzsZI/h85bHwMPQ8oxerFP-S3EDQ/view?utm_content=DAEt-1WzsZI&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
かわいくなろうとしたら語彙力が下がった話
かわいくなろうとしたら語彙力が下がった話
京大 マイコンクラブ
2021/09/26のLT大会で使用したスライド (以下リンク) のSS移植版です。 https://www.canva.com/design/DAEqXneuzGc/bVRBpr16c9lhZ6niQ2PEzQ/view?utm_content=DAEqXneuzGc&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
Common Lisp入門
Common Lisp入門
京大 マイコンクラブ
Common Lispの入門スライド。作成者はCoil
多倍長整数の乗算と高速フーリエ変換
多倍長整数の乗算と高速フーリエ変換
京大 マイコンクラブ
多倍長整数の乗算を高速に行うアルゴリズムを、カラツバ法から始めて、最終的に高速フーリエ変換を用いた乗算に至るまでを解説しました。
つくってあそぼ ラムダ計算インタプリタ
つくってあそぼ ラムダ計算インタプリタ
京大 マイコンクラブ
2018/10/18 KMC例会講座 型無しラムダ計算のインタプリタを実装してみる
Geometry with Unity
Geometry with Unity
京大 マイコンクラブ
Geometry with Unity
セミコロンレスc++
セミコロンレスc++
京大 マイコンクラブ
セミコロンを使わずにc++を書きたい
エンジニアと健康
エンジニアと健康
京大 マイコンクラブ
エンジニアは肩こりや腰痛など様々な体の不調を抱えがち。 ちょっとした工夫でそれらを根本から解消
女の子になれなかった人のために
女の子になれなかった人のために
京大 マイコンクラブ
音声の分析合成と機械学習を使ってボイスチェンジャーを作るスライドです
Pietで競プロしよう
Pietで競プロしよう
京大 マイコンクラブ
KMC春合宿で発表した、難解プログラミング言語で競技プログラミングに挑戦するLTです。
もし太陽のコアがIntelCoreだったら
もし太陽のコアがIntelCoreだったら
京大 マイコンクラブ
もし太陽のコアがCPUと同程度の熱密度を持っていたらどうなるか、雑に計算した結果を発表したLTのスライドです
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
京大 マイコンクラブ
Unity や MonoGame など、C# でゲームを作る環境が整ってきた昨今。メモリ?なにそれ美味しいの?という初学者が、難しいことを考えずにモノづくりができる一方で、メモリについて知らないとトラブルになることもあります。C#でゲームプログラムを書いたことがある、くらいの方を対象に、メモリとは何か、から、メモリリーク・ガベージコレクションの話、そしてガベージコレクションの回数を減らす実装方法について話します。
プログラムを高速化する話Ⅱ 〜GPGPU編〜
プログラムを高速化する話Ⅱ 〜GPGPU編〜
京大 マイコンクラブ
GPUを利用して汎用演算を行う技術であるGPGPUを用いて、プログラムを高速化する技法についてまとめました。高速化の具体例も適宜用いて解説しています。 CPU編はこちら https://www.slideshare.net/KMC_JP/ss-45855264
ドット絵でプログラミング!難解言語『Piet』勉強会
ドット絵でプログラミング!難解言語『Piet』勉強会
京大 マイコンクラブ
関西情報系学生団体交流会2017 Piet勉強会
No SSH (@nojima; KMC関東例会)
No SSH (@nojima; KMC関東例会)
京大 マイコンクラブ
2017-09-02 KMC関東例会 at Cybozu インフラの自動化の辛さと ssh について
DTM練習会2017第1.5回 「伴奏の付け方」
DTM練習会2017第1.5回 「伴奏の付け方」
京大 マイコンクラブ
KMCの新入生プロジェクト「DTM練習会2017」の第1.5回にて行った「伴奏の付け方」に関する講座のスライドです。
hideya流 テストプレイ観察術
hideya流 テストプレイ観察術
京大 マイコンクラブ
テストプレイを観察するための心得などを紹介します。 KMC春合宿2017で使用したものに加筆修正を加えたもの。
暗号技術入門 秘密の国のアリス 総集編
暗号技術入門 秘密の国のアリス 総集編
京大 マイコンクラブ
KMC春合宿2017で使ったスライドです 「暗号技術入門 第3版 秘密の国のアリス 著:結城 浩」 をまとめたものです
Altseed
Altseed
京大 マイコンクラブ
ゲームエンジンをお探しのあなたに
C#でゲームを作る2016 第8回
C#でゲームを作る2016 第8回
京大 マイコンクラブ
KMC’の新入生プロジェクトの一つ「C#でゲームを作る2016」で使ったスライドです。
More from 京大 マイコンクラブ
(20)
テキストファイルを読む💪 第1回
テキストファイルを読む💪 第1回
かわいくなろうとしたら語彙力が下がった話
かわいくなろうとしたら語彙力が下がった話
Common Lisp入門
Common Lisp入門
多倍長整数の乗算と高速フーリエ変換
多倍長整数の乗算と高速フーリエ変換
つくってあそぼ ラムダ計算インタプリタ
つくってあそぼ ラムダ計算インタプリタ
Geometry with Unity
Geometry with Unity
セミコロンレスc++
セミコロンレスc++
エンジニアと健康
エンジニアと健康
女の子になれなかった人のために
女の子になれなかった人のために
Pietで競プロしよう
Pietで競プロしよう
もし太陽のコアがIntelCoreだったら
もし太陽のコアがIntelCoreだったら
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
プログラムを高速化する話Ⅱ 〜GPGPU編〜
プログラムを高速化する話Ⅱ 〜GPGPU編〜
ドット絵でプログラミング!難解言語『Piet』勉強会
ドット絵でプログラミング!難解言語『Piet』勉強会
No SSH (@nojima; KMC関東例会)
No SSH (@nojima; KMC関東例会)
DTM練習会2017第1.5回 「伴奏の付け方」
DTM練習会2017第1.5回 「伴奏の付け方」
hideya流 テストプレイ観察術
hideya流 テストプレイ観察術
暗号技術入門 秘密の国のアリス 総集編
暗号技術入門 秘密の国のアリス 総集編
Altseed
Altseed
C#でゲームを作る2016 第8回
C#でゲームを作る2016 第8回
Webページで学ぶJavaScript2013 第3回
1.
Webページで学ぶ JavaScript 2013 第3回 tyage@KMC 6/4
2.
せんしゅうのわんこ ● for ● while ●
HTML ○ いろんな要素が出てきた
3.
きょうのわんこ ● もっとHTML ● ローカルでHTMLを書こう ●
CSSでページをデザインする
4.
きょうのわんこ ● もっとHTML ● ローカルでHTMLを書こう ●
CSSでページをデザインする
5.
補足説明 ● HTML要素は入れ子にできますが、ある要素A が内包している要素Bとの関係を「AはBの親」「B はAの親」とか呼びます。 <div> <img> </div> div要素:親 img要素:子
6.
補足説明 <section> <h1>タイトル</h1> <div> <p>文章</p> </div> </section> divとh1は兄弟 pはsectionの孫
7.
前回でてきた要素 ● html ● head ●
title ● body ● p ● br ● img ● h1, h2, h3, h4, h5, h6 ● div ● a
8.
あとこれくらいは 覚えておいて欲しい要素 ● リスト ○ ul,
li ● テーブル ○ table, tr, th, td ● フォーム ○ form, input, textarea, select, option ● DOCTYPE宣言 ● コメント
9.
リスト リスト全体はul(unorderd list)要素 リストの項目はli(list item)要素 <ul> <li>あれ</li> <li>これ</li> <li>それ</li> <li>どれ</li> </ul>
10.
リスト ulの代わりにol(orderd list)を使ってみる <ol> <li>あれ</li> <li>これ</li> <li>それ</li> <li>どれ</li> </ol>
11.
テーブル tableでテーブル全体 tr(table row)で行、 th(table header
cell)やtd(table data cell)で各 セルを埋める 時間割とか作ってみよう
12.
テーブル 時間割とか作ってみよう <table> <tr><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th></tr> <tr><td>月1</td><td>火1</td><td>水1</td><td>木1</td><td>金1</td></tr> <tr><td>月2</td><td>火2</td><td>水2</td><td>木2</td><td>金2</td></tr> <tr><td>月3</td><td>火3</td><td>水3</td><td>木3</td><td>金3</td></tr> <tr><td>月4</td><td>火4</td><td>水4</td><td>木4</td><td>金4</td></tr> <tr><td>月5</td><td>火5</td><td>水5</td><td>木5</td><td>金5</td></tr> </table>
13.
フォーム ログイン時のID・パスワードの入力欄とかそういうや つ form要素がフォーム全体 <input type="text">が一行テキスト入力欄 <input type="submit">で送信ボタン <textarea>で複数行入力欄 <select>で選択肢から選択するやつ etc...
14.
フォーム 例えばログイン画面とか <form> ID: <input type='text'><br> Pass:
<input type='password'><br> <input type='submit' value='ログイン'> </form>
15.
フォーム セレクトボックスはこんな感じ <form> 出身地: <select> <option>北海道</option> <option>東北</option> <option>関東</option> <option>北陸</option> <option>中部</option> <option>...</option> </select> </form>
16.
フォーム 種類が多すぎて全部は説明しきれないので、出て くる都度覚えて行きましょう (HTML5になってdateとかcolorとかemailとか色々 と増えたし)
17.
DOCTYPE宣言 使用するHTMLのバージョンや文書型の宣言 歴史的経緯でつけるようになった 昔(HTML4)は <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN" "http://www.w3. org/TR/html4/strict.dtd"> とか(XHTML) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 今(HTML5)は <!DOCTYPE html> でいい
18.
コメント ブラウザに描画されないコメントを書けます 編集する時に便利だったり https://www.tumblr.com/ <!-- ここにコメント内容を書きます -->
19.
きょうのわんこ ● もっとHTML ● ローカルでHTMLを書こう ●
CSSでページをデザインする
20.
ローカルでHTMLを書く ● 今まではブラウザ上で書いていましたが、ローカ ル環境で書いてみましょう
21.
ローカルでHTMLを書く ● 今まではブラウザ上で書いていましたが、ローカ ル環境で書いてみましょう ● お好きなテキストエディタをご用意ください
22.
ローカルでHTMLを書く ● 今まではブラウザ上で書いていましたが、ローカ ル環境で書いてみましょう ● お好きなテキストエディタをご用意ください ●
適当な場所に、sample.htmlというファイルを作 り、編集しましょう ○ ※末尾が.htmlならなんでもいいです
23.
ローカルでHTMLを書く <!doctype html> <html lang="ja"> <head> <meta
charset="UTF-8"> <title>こんにちはこんにちは!</title> </head> <body> <p>もふもふ</p> </body> </html>
24.
ローカルでHTMLを書く UTF-8で保存するように心がけましょう head要素内に <meta charset='UTF-8'> を入れるとUTF-8で表示してくれて文字化けしない です
25.
ローカルでHTMLを書く ● KMCサーバーにこのファイルをアップロードす れば、みんなアクセスできます ● さっきアップローダー作りました ●
https://www.kmc.gr.jp/~tyage/uploader/ ● 作ったページをアップロードしよう〜〜 ● (複数ファイルアップロード可)
26.
きょうのわんこ ● もっとHTML ● ローカルでHTMLを書こう ●
CSSでページをデザインする
27.
CSS ● HTMLだけだと素っ気ないままだと思います ● そこで、Webページのデザイン部分を担当する 「CSS」の出番です ●
いろんなページのCSSを見ていこう〜〜〜
28.
CSS ● 参考ページ: ● https://developer.mozilla. org/ja/docs/Web/CSS 投げやりですがここを読み進めます!!!
29.
お疲れ様でした ● 次回は来週です
Download now