Enviar búsqueda
Cargar
Webページで学ぶJavaScript2013 第6回
•
0 recomendaciones
•
722 vistas
京大 マイコンクラブ
Seguir
Denunciar
Compartir
Denunciar
Compartir
1 de 19
Descargar ahora
Descargar para leer sin conexión
Recomendados
Webページで学ぶJavaScript2013 第8回
Webページで学ぶJavaScript2013 第8回
京大 マイコンクラブ
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
Webページで学ぶJavaScript2013 第4回
Webページで学ぶJavaScript2013 第4回
京大 マイコンクラブ
今さら始めるJavaScript
今さら始めるJavaScript
Ashitaba YOSHIOKA
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
Let’s angular js!!
Let’s angular js!!
Syoko Matsumura
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
春のJavaScript祭り
春のJavaScript祭り
Masahiro Hata
Recomendados
Webページで学ぶJavaScript2013 第8回
Webページで学ぶJavaScript2013 第8回
京大 マイコンクラブ
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
Webページで学ぶJavaScript2013 第4回
Webページで学ぶJavaScript2013 第4回
京大 マイコンクラブ
今さら始めるJavaScript
今さら始めるJavaScript
Ashitaba YOSHIOKA
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
Let’s angular js!!
Let’s angular js!!
Syoko Matsumura
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
春のJavaScript祭り
春のJavaScript祭り
Masahiro Hata
React.jsでHowManyPizza
React.jsでHowManyPizza
松田 千尋
JavaScriptライフを10倍楽しくする方法-HTML5fun-
JavaScriptライフを10倍楽しくする方法-HTML5fun-
Masayuki Abe
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
Meguro es7
Meguro es7
健太 田上
好感度をアップさせるための表情トレーニング【男性編】 先生:内田 佳代
好感度をアップさせるための表情トレーニング【男性編】 先生:内田 佳代
schoowebcampus
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
parrotstudio
Angular jsとsinatraでturbolinks
Angular jsとsinatraでturbolinks
Minori Tokuda
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
GopherJS + Nashorn
GopherJS + Nashorn
Takuya Ueda
【再放送】生放送の前にJQueryについて復習しよう!
【再放送】生放送の前にJQueryについて復習しよう!
schoowebcampus
レスポンシブなサイトにあっという間にjQueryを実装する 先生:田中 晶子
レスポンシブなサイトにあっという間にjQueryを実装する 先生:田中 晶子
schoowebcampus
Jaws大分
Jaws大分
Yuki Nakatake
Simplest API Server "miq"
Simplest API Server "miq"
Yuki Ito
Js kusen
Js kusen
Net Kanayan
Raytracing4
Raytracing4
Kazuma Hatta
Crystal 勉強会 #5 in 渋谷 発表資料
Crystal 勉強会 #5 in 渋谷 発表資料
at grandpa
僕が印刷会社の工程の業務パワーを 強化しようとするけどとんでもないことになる話
僕が印刷会社の工程の業務パワーを 強化しようとするけどとんでもないことになる話
CL0CL
Useful Rundeck
Useful Rundeck
Hiroki Sakonju
Enchantjs
Enchantjs
和樹 川端
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
Mayu Kimura
Groovy joint
Groovy joint
Shinya Mochida
Más contenido relacionado
La actualidad más candente
React.jsでHowManyPizza
React.jsでHowManyPizza
松田 千尋
JavaScriptライフを10倍楽しくする方法-HTML5fun-
JavaScriptライフを10倍楽しくする方法-HTML5fun-
Masayuki Abe
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
Meguro es7
Meguro es7
健太 田上
好感度をアップさせるための表情トレーニング【男性編】 先生:内田 佳代
好感度をアップさせるための表情トレーニング【男性編】 先生:内田 佳代
schoowebcampus
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
parrotstudio
Angular jsとsinatraでturbolinks
Angular jsとsinatraでturbolinks
Minori Tokuda
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
GopherJS + Nashorn
GopherJS + Nashorn
Takuya Ueda
【再放送】生放送の前にJQueryについて復習しよう!
【再放送】生放送の前にJQueryについて復習しよう!
schoowebcampus
レスポンシブなサイトにあっという間にjQueryを実装する 先生:田中 晶子
レスポンシブなサイトにあっという間にjQueryを実装する 先生:田中 晶子
schoowebcampus
Jaws大分
Jaws大分
Yuki Nakatake
Simplest API Server "miq"
Simplest API Server "miq"
Yuki Ito
Js kusen
Js kusen
Net Kanayan
Raytracing4
Raytracing4
Kazuma Hatta
Crystal 勉強会 #5 in 渋谷 発表資料
Crystal 勉強会 #5 in 渋谷 発表資料
at grandpa
僕が印刷会社の工程の業務パワーを 強化しようとするけどとんでもないことになる話
僕が印刷会社の工程の業務パワーを 強化しようとするけどとんでもないことになる話
CL0CL
Useful Rundeck
Useful Rundeck
Hiroki Sakonju
Enchantjs
Enchantjs
和樹 川端
La actualidad más candente
(20)
React.jsでHowManyPizza
React.jsでHowManyPizza
JavaScriptライフを10倍楽しくする方法-HTML5fun-
JavaScriptライフを10倍楽しくする方法-HTML5fun-
ServerSideJavaScript
ServerSideJavaScript
Meguro es7
Meguro es7
好感度をアップさせるための表情トレーニング【男性編】 先生:内田 佳代
好感度をアップさせるための表情トレーニング【男性編】 先生:内田 佳代
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
Angular jsとsinatraでturbolinks
Angular jsとsinatraでturbolinks
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
GopherJS + Nashorn
GopherJS + Nashorn
【再放送】生放送の前にJQueryについて復習しよう!
【再放送】生放送の前にJQueryについて復習しよう!
レスポンシブなサイトにあっという間にjQueryを実装する 先生:田中 晶子
レスポンシブなサイトにあっという間にjQueryを実装する 先生:田中 晶子
Jaws大分
Jaws大分
Simplest API Server "miq"
Simplest API Server "miq"
Js kusen
Js kusen
Raytracing4
Raytracing4
Crystal 勉強会 #5 in 渋谷 発表資料
Crystal 勉強会 #5 in 渋谷 発表資料
僕が印刷会社の工程の業務パワーを 強化しようとするけどとんでもないことになる話
僕が印刷会社の工程の業務パワーを 強化しようとするけどとんでもないことになる話
Useful Rundeck
Useful Rundeck
Enchantjs
Enchantjs
Similar a Webページで学ぶJavaScript2013 第6回
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
Mayu Kimura
Groovy joint
Groovy joint
Shinya Mochida
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
Kazuhiro Serizawa
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
JavaとScalaとGroovyと
JavaとScalaとGroovyと
irof N
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
parrotstudio
これからはじめるための JavaScript 開発環境
これからはじめるための JavaScript 開発環境
Ryo Higashigawa
Webページで学ぶJavaScript2013 第0回
Webページで学ぶJavaScript2013 第0回
京大 マイコンクラブ
JavaScriptをまじめに考えました+
JavaScriptをまじめに考えました+
Hiroaki Okubo
今更GWTで遊ぶぜ!
今更GWTで遊ぶぜ!
Daisuke Kamikawa
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
テストゼロからイチに進むための戦略と戦術
テストゼロからイチに進むための戦略と戦術
Y Watanabe
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
Tokuhiro Matsuno
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
これからのコンピューティングとJava(Hacker Tackle)
これからのコンピューティングとJava(Hacker Tackle)
なおき きしだ
SpockからRSpecにきたときの気づき #coedorb
SpockからRSpecにきたときの気づき #coedorb
Youtarou TAKAHASHI
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
コマンドライン使いもLibreOffice
コマンドライン使いもLibreOffice
Kiwamu Okabe
バレンタイン直前開催Web勉強会
バレンタイン直前開催Web勉強会
Takahide Hosokawa
Similar a Webページで学ぶJavaScript2013 第6回
(20)
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
Groovy joint
Groovy joint
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
JavaとScalaとGroovyと
JavaとScalaとGroovyと
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
これからはじめるための JavaScript 開発環境
これからはじめるための JavaScript 開発環境
Webページで学ぶJavaScript2013 第0回
Webページで学ぶJavaScript2013 第0回
JavaScriptをまじめに考えました+
JavaScriptをまじめに考えました+
今更GWTで遊ぶぜ!
今更GWTで遊ぶぜ!
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
テストゼロからイチに進むための戦略と戦術
テストゼロからイチに進むための戦略と戦術
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
Bp study39 nodejs
Bp study39 nodejs
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
これからのコンピューティングとJava(Hacker Tackle)
これからのコンピューティングとJava(Hacker Tackle)
SpockからRSpecにきたときの気づき #coedorb
SpockからRSpecにきたときの気づき #coedorb
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
コマンドライン使いもLibreOffice
コマンドライン使いもLibreOffice
バレンタイン直前開催Web勉強会
バレンタイン直前開催Web勉強会
Más de 京大 マイコンクラブ
テキストファイルを読む💪 第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回
京大 マイコンクラブ
Más de 京大 マイコンクラブ
(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 第6回
1.
Webページで学ぶ JavaScript 2013 第6回 tyage@KMC 6/25
2.
どうも、アイスクリーム人間です ぁっぅぃ...
3.
いままでのあらすじ JavaScriptの基本構文(第0回〜第2回) ↓ HTMLの基礎(第2回〜第3回) ↓ CSSの基礎(第4回) ↓ JavaScriptとDOM(第5回) ↓ 今ココ!
4.
かなりハードスケジュール ● だったような気がするので、復習会が立ち上 がったみたいです ● https://www.kmc.gr.jp/pukiwiki/?Web% A5%DA%A1%BC%A5%B8%A4%C7%B3% D8%A4%D6JavaScript%202013#p5f0e301 ●
まあ、のんびりやりましょうや
5.
今日の予定 ● 前回はDOMの操作をJavaScriptでやりました ● 今回は、もっと簡単にDOM操作をするために 「jQuery」というライブラリを使います ●
jQuery使ってサイトとか作ってみましょか ● 次回からどうするか、特に決まってないです・・・
6.
前回やったこと ● かなり重要なこと(function)をやりました ● JavaScriptをやる際に、functionがわからないと 詰むので、軽く見なおしておきましょう
7.
jQuery ● こ↑れ↓ ○ http://jquery.com/ ●
めちゃくちゃ使われているJavaScriptライブラリ ● 要は、これを使えばJavaScriptを使う際に色々 便利なことができるようになる
8.
例えば 前回のこれ // プロフィール要素を取得してみよう var profile
= document.getElementById("profile"); console.log(profile); // プロフィールのCSSを更新してみよう profile.style.fontSize = "100px";
9.
例えば jQueryだともっと簡単にかけるよ! // プロフィール要素を取得してみよう var profile
= $("#profile"); console.log(profile); // プロフィールのCSSを更新してみよう profile.css('font-size', 100);
10.
例えば jQueryだともっと簡単にかけるよ! // プロフィール要素を取得してみよう var profile
= $("#profile"); console.log(profile); CSSのセレクタが使える!!
11.
例えば jQueryだともっと簡単にかけるよ! CSSと同じプロパティ名でいい // プロフィールのCSSを更新してみよう profile.css('font-size', 100);
12.
例えば 前回の色を変える奴 var colors =
["red", "blue", "yellow", "green"], i = 0; profile.addEventListener("click", function() { profile.style.backgroundColor = colors[++i % 4]; });
13.
例えば 前回の色を変える奴 var colors =
["red", "blue", "yellow", "green"], i = 0; profile.click(function() { profile.css("background-color", colors[++i % 4]); });
14.
要素の取得 ● $("#id") ● $(".class") ●
$("tag") ○ $("div"), $("p"), $("body") ● $("parent").find("children") ● $("something").each(function() { $(this) // <=要素を一つずつ操作 }) ● etc...
15.
要素の操作 ● $("#hoge").fadeIn() ○ アニメーションも作れる ●
$(".fuga").css("propaty", value) ● $("p").width(100).slideDown() ○ ドットでつなげて複数の操作をすることもできます(メソッ ドチェーン)
16.
その他いろいろ ● AjaxとかDeferredとか、数値・文字の判別とか
17.
書いてみよう ● 適当なHTMLファイルを書いて、scriptから ● http://code.jquery.com/jquery-2.0.2.min.js ●
これを読み込んで使おう $(function() { // ここにコードを書くといいよ });
18.
制作物はこちら ● https://www.kmc.gr. jp/~tyage/uploader/
19.
お疲れ様でした ● 次回は来週です
Descargar ahora