Download as PDF, PPTX
![// <a page=‚6‛>6</a>をクリックしたときの処理
$(
$(‚a[page]‛).click(function(){
var page = $(this).attr('page');
jump_page(page); // ページ遷移（別function）
return false;
});
);](https://image.slidesharecdn.com/20101008re-101010103559-phpapp02/75/JS-jQuery-Twitter-Gunma-web-2-2010-10-9-17-2048.jpg)
![$(‚p‛) // pタグ
$(‚#id‛) // 特定のidを持つ要素
$(‚.class‛) // 特定のclassをもつ要素
$(‚td:even‛) / $(‚td:odd‛) // tdタグの奇数/偶数
$("a[page]") // <a page=‚x">x</a>](https://image.slidesharecdn.com/20101008re-101010103559-phpapp02/75/JS-jQuery-Twitter-Gunma-web-2-2010-10-9-47-2048.jpg)
![// 対象の要素にclass=‘lv3’を付加
$(‚#data‛).addClass(‘lv3’)
// 要素に属性を付加
$(‚a[page]:first‛).attr(‘page’, ‘1’)
// 属性値を取得
$(‚a[page]‛).attr(‘page’)](https://image.slidesharecdn.com/20101008re-101010103559-phpapp02/75/JS-jQuery-Twitter-Gunma-web-2-2010-10-9-51-2048.jpg)
![$(‚a[page]‛).click(function(){
// クリックされた時の処理
})
$(‚#textform‛).keydown(function(){
// キーが押された時の処理
})](https://image.slidesharecdn.com/20101008re-101010103559-phpapp02/75/JS-jQuery-Twitter-Gunma-web-2-2010-10-9-53-2048.jpg)
Uploaded byparrotstudio
これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)
2010/10/9におこなったプレゼン資料
More Related Content
Similar to これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)
- 1. これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ Presentby ぱろっと(@parrot_studio) for Gunma.web #2 2010/10/09
- 2. Profile ・名前：ぱろっと ・使える言語：Ruby Javascript JavaPerl VB PHP etc… ・職歴：SE/プログラマ/フリーランス/MMORPGの運営 ・RDGC – Ruby(Rundom Dungeon Game Core)作者 ・hatena：id:parrot_studio ・Twitter：@parrot_studio ・RO’s Blog： http://parrot.blog21.fc2.com/
- 3.
- 5.
- 6.
- 7. JavaScriptなめんな (#ﾟДﾟ)ｺﾞﾙｧ
- 8. Viewは各クライアントが制御 View1 View2 Resource View3 REST(API) View4
- 9. iOS その他 Flash × ○ HTML5 ○ ○
- 10. HTML5を学ぶこと ≒ JavaScriptを学ぶこと
- 11. もはや「知らない」では 済まされない・・・ (((((( ;ﾟДﾟ)))))
- 12.
- 13.
- 15.
- 16.
- 17. // <a page=‚6‛>6</a>をクリックしたときの処理 $( $(‚a[page]‛).click(function(){ var page = $(this).attr('page'); jump_page(page); // ページ遷移（別function） return false; }); );
- 18. そんなのは prototype.jsでも できるんじゃないかね？ ( ﾟДﾟ)y─~~
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25. きっと顔文字を使う人は いっぱいいるはずだよね (´･ω･)？
- 26.
- 27.
- 28.
- 29. Data: Twitter(REST API) View:Browser(JS)
- 30.
- 31. 0. まず服を脱ぎます 1. 取得済みのツイートを一つ持ってくる 2.display:noneをセットしてDOMに追加 3. addClass(name)でLvに応じたclassをセット 4. fadeIn()でデータを浮かび上がらせる 5. 1秒くらい後に1.から再実行
- 32.
- 33.
- 34. JavaScriptにまつわる 二つの悲劇
- 35.
- 36.
- 37.
- 38.
- 39. ‛JavaScriptは Cの皮をかぶった Lispなのである。 ‛ --- Douglas Crockford
- 40. むしろJavaよりRubyに近い Σ(ﾟДﾟ)ｶﾞｰﾝ
- 41.
- 43. JavaScriptは ブラウザ付属の 「簡易」言語にあらず！ ∠( ﾟдﾟ)／
- 44.
- 45.
- 46.
- 47. $(‚p‛) // pタグ $(‚#id‛)// 特定のidを持つ要素 $(‚.class‛) // 特定のclassをもつ要素 $(‚td:even‛) / $(‚td:odd‛) // tdタグの奇数/偶数 $("a[page]") // <a page=‚x">x</a>
- 48.
- 49. // #lvのフォームが持つ値をget $(‚#lv‛).val() // #lvのフォームに値をset $(‚#lv‛).val(3) //selectを指定した場合、 // 自動でoption側を見てくれる
- 50.
- 51. // 対象の要素にclass=‘lv3’を付加 $(‚#data‛).addClass(‘lv3’) // 要素に属性を付加 $(‚a[page]:first‛).attr(‘page’,‘1’) // 属性値を取得 $(‚a[page]‛).attr(‘page’)
- 52.
- 53. $(‚a[page]‛).click(function(){ // クリックされた時の処理 }) $(‚#textform‛).keydown(function(){ // キーが押された時の処理 })
- 54. $(function(){ // 初期化処理 // ハンドラの設定とか // body.onloadに近いタイミング })
- 55.
- 56.
- 57.
- 58. $.get(url, param, function(result){ }) $.post(url,param, function(result){ }) $.getJSON(url, param, function(data){ }) // JSONPも対応