Suche senden
Hochladen
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
•
2 gefällt mir
•
1,482 views
parrotstudio
Folgen
2010/10/9におこなったプレゼン資料
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 58
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
覚醒!JavaScript
覚醒!JavaScript
Haraguchi Go
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
parrotstudio
モテる JavaScript
モテる JavaScript
Osamu Monoe
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
大樹 小倉
JavaScript基礎勉強会
JavaScript基礎勉強会
大樹 小倉
Buildinsider OFFLINE TypeScriptの基礎から実践・利用事例まで
Buildinsider OFFLINE TypeScriptの基礎から実践・利用事例まで
Masahiro Wakame
これからのJavaScriptの話
これからのJavaScriptの話
Shogo Sensui
AngularJS+TypeScript - AngularJS 1周年記念勉強会
AngularJS+TypeScript - AngularJS 1周年記念勉強会
Masahiro Wakame
Empfohlen
覚醒!JavaScript
覚醒!JavaScript
Haraguchi Go
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
parrotstudio
モテる JavaScript
モテる JavaScript
Osamu Monoe
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
大樹 小倉
JavaScript基礎勉強会
JavaScript基礎勉強会
大樹 小倉
Buildinsider OFFLINE TypeScriptの基礎から実践・利用事例まで
Buildinsider OFFLINE TypeScriptの基礎から実践・利用事例まで
Masahiro Wakame
これからのJavaScriptの話
これからのJavaScriptの話
Shogo Sensui
AngularJS+TypeScript - AngularJS 1周年記念勉強会
AngularJS+TypeScript - AngularJS 1周年記念勉強会
Masahiro Wakame
メディア芸術基礎 II jQuery入門
メディア芸術基礎 II jQuery入門
Atsushi Tadokoro
JavaScriptユーティリティライブラリの紹介
JavaScriptユーティリティライブラリの紹介
Yusuke Hirao
Javascriptのあれやこれやをまとめて説明してみる
Javascriptのあれやこれやをまとめて説明してみる
Shunji Konishi
JavaScriptことはじめ
JavaScriptことはじめ
Yuki Ishikawa
TypeScript 1.0 オーバービュー
TypeScript 1.0 オーバービュー
Akira Inoue
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
kidach1
JavaのテストGroovyでいいのではないかという話
JavaのテストGroovyでいいのではないかという話
disc99_
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
Js祭り
Js祭り
Yoshihiko Hoshino
RxJava初心者の私が良いと思ったやり方、素敵だと思った資料など
RxJava初心者の私が良いと思ったやり方、素敵だと思った資料など
Ryota Murohoshi
仕事でも Groovy を使おう!
仕事でも Groovy を使おう!
Oda Shinsuke
Application Developer Festival 2015 LT
Application Developer Festival 2015 LT
Junpei Matsuda
コードに潜むC++の未定義動作達
コードに潜むC++の未定義動作達
Azaika At
わかる LT@2
わかる LT@2
Shingo Inoue
ng-japan 2015 TypeScript+AngularJS 1.3
ng-japan 2015 TypeScript+AngularJS 1.3
Masahiro Wakame
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
H2O Space. Co., Ltd.
Swiftのアプリ開発でハマったこと
Swiftのアプリ開発でハマったこと
yohei sugigami
ノンプログラマーでも明日から使えるJavaScript簡単プログラム 先生:柳井 政和
ノンプログラマーでも明日から使えるJavaScript簡単プログラム 先生:柳井 政和
schoowebcampus
jQuery Performance Tips – jQueryにおける高速化 -
jQuery Performance Tips – jQueryにおける高速化 -
Hayato Mizuno
今さら始めるJavaScript
今さら始めるJavaScript
Ashitaba YOSHIOKA
Dreamweaverとfireworksを連携し、jQuery mobileのサイトを作る方法
Dreamweaverとfireworksを連携し、jQuery mobileのサイトを作る方法
Yuki Yokoyama
EWD 3トレーニングコース#11 ewd-xpressでのエラー処理
EWD 3トレーニングコース#11 ewd-xpressでのエラー処理
Kiyoshi Sawada
Weitere ähnliche Inhalte
Was ist angesagt?
メディア芸術基礎 II jQuery入門
メディア芸術基礎 II jQuery入門
Atsushi Tadokoro
JavaScriptユーティリティライブラリの紹介
JavaScriptユーティリティライブラリの紹介
Yusuke Hirao
Javascriptのあれやこれやをまとめて説明してみる
Javascriptのあれやこれやをまとめて説明してみる
Shunji Konishi
JavaScriptことはじめ
JavaScriptことはじめ
Yuki Ishikawa
TypeScript 1.0 オーバービュー
TypeScript 1.0 オーバービュー
Akira Inoue
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
kidach1
JavaのテストGroovyでいいのではないかという話
JavaのテストGroovyでいいのではないかという話
disc99_
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
Js祭り
Js祭り
Yoshihiko Hoshino
RxJava初心者の私が良いと思ったやり方、素敵だと思った資料など
RxJava初心者の私が良いと思ったやり方、素敵だと思った資料など
Ryota Murohoshi
仕事でも Groovy を使おう!
仕事でも Groovy を使おう!
Oda Shinsuke
Application Developer Festival 2015 LT
Application Developer Festival 2015 LT
Junpei Matsuda
コードに潜むC++の未定義動作達
コードに潜むC++の未定義動作達
Azaika At
わかる LT@2
わかる LT@2
Shingo Inoue
ng-japan 2015 TypeScript+AngularJS 1.3
ng-japan 2015 TypeScript+AngularJS 1.3
Masahiro Wakame
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
H2O Space. Co., Ltd.
Swiftのアプリ開発でハマったこと
Swiftのアプリ開発でハマったこと
yohei sugigami
ノンプログラマーでも明日から使えるJavaScript簡単プログラム 先生:柳井 政和
ノンプログラマーでも明日から使えるJavaScript簡単プログラム 先生:柳井 政和
schoowebcampus
jQuery Performance Tips – jQueryにおける高速化 -
jQuery Performance Tips – jQueryにおける高速化 -
Hayato Mizuno
今さら始めるJavaScript
今さら始めるJavaScript
Ashitaba YOSHIOKA
Was ist angesagt?
(20)
メディア芸術基礎 II jQuery入門
メディア芸術基礎 II jQuery入門
JavaScriptユーティリティライブラリの紹介
JavaScriptユーティリティライブラリの紹介
Javascriptのあれやこれやをまとめて説明してみる
Javascriptのあれやこれやをまとめて説明してみる
JavaScriptことはじめ
JavaScriptことはじめ
TypeScript 1.0 オーバービュー
TypeScript 1.0 オーバービュー
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
JavaのテストGroovyでいいのではないかという話
JavaのテストGroovyでいいのではないかという話
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Js祭り
Js祭り
RxJava初心者の私が良いと思ったやり方、素敵だと思った資料など
RxJava初心者の私が良いと思ったやり方、素敵だと思った資料など
仕事でも Groovy を使おう!
仕事でも Groovy を使おう!
Application Developer Festival 2015 LT
Application Developer Festival 2015 LT
コードに潜むC++の未定義動作達
コードに潜むC++の未定義動作達
わかる LT@2
わかる LT@2
ng-japan 2015 TypeScript+AngularJS 1.3
ng-japan 2015 TypeScript+AngularJS 1.3
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
Swiftのアプリ開発でハマったこと
Swiftのアプリ開発でハマったこと
ノンプログラマーでも明日から使えるJavaScript簡単プログラム 先生:柳井 政和
ノンプログラマーでも明日から使えるJavaScript簡単プログラム 先生:柳井 政和
jQuery Performance Tips – jQueryにおける高速化 -
jQuery Performance Tips – jQueryにおける高速化 -
今さら始めるJavaScript
今さら始めるJavaScript
Andere mochten auch
Dreamweaverとfireworksを連携し、jQuery mobileのサイトを作る方法
Dreamweaverとfireworksを連携し、jQuery mobileのサイトを作る方法
Yuki Yokoyama
EWD 3トレーニングコース#11 ewd-xpressでのエラー処理
EWD 3トレーニングコース#11 ewd-xpressでのエラー処理
Kiyoshi Sawada
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
EWD 3トレーニングコース#5 ewd-xpressアプリ開発第1ステップ
EWD 3トレーニングコース#5 ewd-xpressアプリ開発第1ステップ
Kiyoshi Sawada
EWD 3トレーニングコース#30 ewd-xpressアプリケーションをモジュラー化する
EWD 3トレーニングコース#30 ewd-xpressアプリケーションをモジュラー化する
Kiyoshi Sawada
EWD 3トレーニングコース#14 ewd-xpressメッセージ用にAjaxを用いる
EWD 3トレーニングコース#14 ewd-xpressメッセージ用にAjaxを用いる
Kiyoshi Sawada
EWD 3トレーニングコース#7 ewd-xpressメッセージ・パターンを適用する
EWD 3トレーニングコース#7 ewd-xpressメッセージ・パターンを適用する
Kiyoshi Sawada
20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)
Daisuke Yamazaki
入力フォームチェックをJ queryでやってみた
入力フォームチェックをJ queryでやってみた
yusuke ueki
EWD 3トレーニングコース#13 全てをひとつにまとめてewd-xpressで稼働させてみる
EWD 3トレーニングコース#13 全てをひとつにまとめてewd-xpressで稼働させてみる
Kiyoshi Sawada
少人数から始めるできるだけ楽をするB2Bアプリ開発
少人数から始めるできるだけ楽をするB2Bアプリ開発
Atsuhiko Kimura
jQueryで作るカスタム投稿の画像スライダーライブラリ
jQueryで作るカスタム投稿の画像スライダーライブラリ
Takashi Uemura
a-blog cms「simple2016」で学ぶ カスタマイズ初級編
a-blog cms「simple2016」で学ぶ カスタマイズ初級編
Kazumich YAMAMOTO
Learning jQuery
Learning jQuery
taiju higashi
Kawaz的jQuery入門
Kawaz的jQuery入門
Kohki Miki
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
Mitsuo Kawashima
jQuery Mobile入門
jQuery Mobile入門
Shumpei Shiraishi
なんとなくjQueryでAjaxをつかってみる
なんとなくjQueryでAjaxをつかってみる
Hidetaka Okamoto
jQuery Mobile is not dead!
jQuery Mobile is not dead!
yoshikawa_t
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
civic Sasaki
Andere mochten auch
(20)
Dreamweaverとfireworksを連携し、jQuery mobileのサイトを作る方法
Dreamweaverとfireworksを連携し、jQuery mobileのサイトを作る方法
EWD 3トレーニングコース#11 ewd-xpressでのエラー処理
EWD 3トレーニングコース#11 ewd-xpressでのエラー処理
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#5 ewd-xpressアプリ開発第1ステップ
EWD 3トレーニングコース#5 ewd-xpressアプリ開発第1ステップ
EWD 3トレーニングコース#30 ewd-xpressアプリケーションをモジュラー化する
EWD 3トレーニングコース#30 ewd-xpressアプリケーションをモジュラー化する
EWD 3トレーニングコース#14 ewd-xpressメッセージ用にAjaxを用いる
EWD 3トレーニングコース#14 ewd-xpressメッセージ用にAjaxを用いる
EWD 3トレーニングコース#7 ewd-xpressメッセージ・パターンを適用する
EWD 3トレーニングコース#7 ewd-xpressメッセージ・パターンを適用する
20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)
入力フォームチェックをJ queryでやってみた
入力フォームチェックをJ queryでやってみた
EWD 3トレーニングコース#13 全てをひとつにまとめてewd-xpressで稼働させてみる
EWD 3トレーニングコース#13 全てをひとつにまとめてewd-xpressで稼働させてみる
少人数から始めるできるだけ楽をするB2Bアプリ開発
少人数から始めるできるだけ楽をするB2Bアプリ開発
jQueryで作るカスタム投稿の画像スライダーライブラリ
jQueryで作るカスタム投稿の画像スライダーライブラリ
a-blog cms「simple2016」で学ぶ カスタマイズ初級編
a-blog cms「simple2016」で学ぶ カスタマイズ初級編
Learning jQuery
Learning jQuery
Kawaz的jQuery入門
Kawaz的jQuery入門
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
jQuery Mobile入門
jQuery Mobile入門
なんとなくjQueryでAjaxをつかってみる
なんとなくjQueryでAjaxをつかってみる
jQuery Mobile is not dead!
jQuery Mobile is not dead!
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
Ähnlich wie これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
Inside frogc in Dart
Inside frogc in Dart
Goro Fuji
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
ClojureでElectronアプリを作ろう
ClojureでElectronアプリを作ろう
Kazuhiro Hara
20110714 j queryベーシック
20110714 j queryベーシック
良太 増子
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
Yasuhito Yabe
ちょっと詳しくJavaScript 特別編【悪霊の神々】
ちょっと詳しくJavaScript 特別編【悪霊の神々】
株式会社ランチェスター
JavaScriptをまじめに考えました+
JavaScriptをまじめに考えました+
Hiroaki Okubo
GroovyなAndroidテスト #atest_hack
GroovyなAndroidテスト #atest_hack
Takahiro Yoshimura
絶対落ちないアプリの作り方
絶対落ちないアプリの作り方
Fumihiko Shiroyama
Re-frame and A-Frame
Re-frame and A-Frame
Kazuhiro Hara
思い通りにいかないのがWebなんて 割り切りたくないから (Gunma.web #4 2011/02/12)
思い通りにいかないのがWebなんて 割り切りたくないから (Gunma.web #4 2011/02/12)
parrotstudio
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
Html5 nagoya 07
Html5 nagoya 07
Yoshiaki Sugimoto
これからのコンピューティングとJava(Hacker Tackle)
これからのコンピューティングとJava(Hacker Tackle)
なおき きしだ
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
Tokuhiro Matsuno
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
From Java To Clojure
From Java To Clojure
Kent Ohashi
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
Hishikawa Takuro
jQueryで気をつけてほしいこと
jQueryで気をつけてほしいこと
良太 増子
Ähnlich wie これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
(20)
Inside frogc in Dart
Inside frogc in Dart
Web制作勉強会 #2
Web制作勉強会 #2
ClojureでElectronアプリを作ろう
ClojureでElectronアプリを作ろう
20110714 j queryベーシック
20110714 j queryベーシック
Bp study39 nodejs
Bp study39 nodejs
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
ちょっと詳しくJavaScript 特別編【悪霊の神々】
ちょっと詳しくJavaScript 特別編【悪霊の神々】
JavaScriptをまじめに考えました+
JavaScriptをまじめに考えました+
GroovyなAndroidテスト #atest_hack
GroovyなAndroidテスト #atest_hack
絶対落ちないアプリの作り方
絶対落ちないアプリの作り方
Re-frame and A-Frame
Re-frame and A-Frame
思い通りにいかないのがWebなんて 割り切りたくないから (Gunma.web #4 2011/02/12)
思い通りにいかないのがWebなんて 割り切りたくないから (Gunma.web #4 2011/02/12)
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Html5 nagoya 07
Html5 nagoya 07
これからのコンピューティングとJava(Hacker Tackle)
これからのコンピューティングとJava(Hacker Tackle)
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
ServerSideJavaScript
ServerSideJavaScript
From Java To Clojure
From Java To Clojure
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
jQueryで気をつけてほしいこと
jQueryで気をつけてほしいこと
Mehr von parrotstudio
"プロのプログラマ"を目指す初心者が最初に読むべきたった一冊の本
"プロのプログラマ"を目指す初心者が最初に読むべきたった一冊の本
parrotstudio
希望の関数と絶望の副作用
希望の関数と絶望の副作用
parrotstudio
「もうなにもこわくない」関数型言語 〜ふつうのプログラマが関数型言語を知るべき理由・reload〜
「もうなにもこわくない」関数型言語 〜ふつうのプログラマが関数型言語を知るべき理由・reload〜
parrotstudio
ぱろっと、Padrinoやめるってよ
ぱろっと、Padrinoやめるってよ
parrotstudio
エンジニアがTRPGをやるべき理由 〜隣り合わせの遊びと技術〜 (Gunma.web #12 2013/02/09)
エンジニアがTRPGをやるべき理由 〜隣り合わせの遊びと技術〜 (Gunma.web #12 2013/02/09)
parrotstudio
(´・ω・`)としたーは衰退しました (Gunma.web #11 2012/11/23)
(´・ω・`)としたーは衰退しました (Gunma.web #11 2012/11/23)
parrotstudio
私に作る時間がないのはどう考えても仕事が悪い!? (Gunma.web #10 2012/09/08)
私に作る時間がないのはどう考えても仕事が悪い!? (Gunma.web #10 2012/09/08)
parrotstudio
ネタプログラミング言語クリエイターYouma (Gunma.web #8 2012/03/03)
ネタプログラミング言語クリエイターYouma (Gunma.web #8 2012/03/03)
parrotstudio
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
parrotstudio
Signs;Gate - RESTfulなサイトの作り方 (Gunma.web #6 2011/09/03)
Signs;Gate - RESTfulなサイトの作り方 (Gunma.web #6 2011/09/03)
parrotstudio
「再代入なんて、あるわけない」 ~ふつうのプログラマが関数型言語を知るべき理由~ (Gunma.web #5 2011/05/14)
「再代入なんて、あるわけない」 ~ふつうのプログラマが関数型言語を知るべき理由~ (Gunma.web #5 2011/05/14)
parrotstudio
俺の体がこんなにすっきりしているわけがない ~5分でわかる催眠プログラミング~ (Gunma.web #3 2010/12/11)
俺の体がこんなにすっきりしているわけがない ~5分でわかる催眠プログラミング~ (Gunma.web #3 2010/12/11)
parrotstudio
「一番いいおすすめを頼む」 ~5分でわかるレコメンドエンジンの基礎~ (Gunma.web #3 2010/12/11)
「一番いいおすすめを頼む」 ~5分でわかるレコメンドエンジンの基礎~ (Gunma.web #3 2010/12/11)
parrotstudio
Mehr von parrotstudio
(13)
"プロのプログラマ"を目指す初心者が最初に読むべきたった一冊の本
"プロのプログラマ"を目指す初心者が最初に読むべきたった一冊の本
希望の関数と絶望の副作用
希望の関数と絶望の副作用
「もうなにもこわくない」関数型言語 〜ふつうのプログラマが関数型言語を知るべき理由・reload〜
「もうなにもこわくない」関数型言語 〜ふつうのプログラマが関数型言語を知るべき理由・reload〜
ぱろっと、Padrinoやめるってよ
ぱろっと、Padrinoやめるってよ
エンジニアがTRPGをやるべき理由 〜隣り合わせの遊びと技術〜 (Gunma.web #12 2013/02/09)
エンジニアがTRPGをやるべき理由 〜隣り合わせの遊びと技術〜 (Gunma.web #12 2013/02/09)
(´・ω・`)としたーは衰退しました (Gunma.web #11 2012/11/23)
(´・ω・`)としたーは衰退しました (Gunma.web #11 2012/11/23)
私に作る時間がないのはどう考えても仕事が悪い!? (Gunma.web #10 2012/09/08)
私に作る時間がないのはどう考えても仕事が悪い!? (Gunma.web #10 2012/09/08)
ネタプログラミング言語クリエイターYouma (Gunma.web #8 2012/03/03)
ネタプログラミング言語クリエイターYouma (Gunma.web #8 2012/03/03)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
Signs;Gate - RESTfulなサイトの作り方 (Gunma.web #6 2011/09/03)
Signs;Gate - RESTfulなサイトの作り方 (Gunma.web #6 2011/09/03)
「再代入なんて、あるわけない」 ~ふつうのプログラマが関数型言語を知るべき理由~ (Gunma.web #5 2011/05/14)
「再代入なんて、あるわけない」 ~ふつうのプログラマが関数型言語を知るべき理由~ (Gunma.web #5 2011/05/14)
俺の体がこんなにすっきりしているわけがない ~5分でわかる催眠プログラミング~ (Gunma.web #3 2010/12/11)
俺の体がこんなにすっきりしているわけがない ~5分でわかる催眠プログラミング~ (Gunma.web #3 2010/12/11)
「一番いいおすすめを頼む」 ~5分でわかるレコメンドエンジンの基礎~ (Gunma.web #3 2010/12/11)
「一番いいおすすめを頼む」 ~5分でわかるレコメンドエンジンの基礎~ (Gunma.web #3 2010/12/11)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
1.
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ Present
by ぱろっと(@parrot_studio) for Gunma.web #2 2010/10/09
2.
Profile ・名前:ぱろっと ・使える言語:Ruby Javascript Java
Perl 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.
というわけで早速・・・
4.
5.
JavaScriptとは何か?
6.
あるプログラマsays: フォーム制御に使うやつ?
7.
JavaScriptなめんな
(#゚Д゚)ゴルァ
8.
Viewは各クライアントが制御
View1 View2 Resource View3 REST(API) View4
9.
iOS
その他 Flash × ○ HTML5 ○ ○
10.
HTML5を学ぶこと
≒ JavaScriptを学ぶこと
11.
もはや「知らない」では 済まされない・・・
(((((( ;゚Д゚)))))
12.
でも・・・ 難しいんでしょう(´・ω・)?
13.
そんなあなたに・・・
14.
15.
jQueryでできること ・セレクタによるDOM操作 ・属性の操作 ・イベント処理 ・エフェクト(アニメーション) ・Ajax
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.
jQueryの利点: グローバル変数が 「$」一つしかないこと
20.
本当はこのあたりで jQueryの機能をいろいろ 紹介するつもりだったけど・・・
21.
時間が足りないので ばっさりカットで Σ(゚Д゚)ガーン
22.
というわけでそろそろ・・・
23.
jQueryで Twitterアプリを作ろう
24.
さっきから 顔文字を多用してるけど・・・
25.
きっと顔文字を使う人は いっぱいいるはずだよね
(´・ω・)?
26.
そんな人を Twitterから探すアプリ
27.
(´・ω・`)ショボーンとしたー http://www.parrot-studio.com/shoborn/
28.
完成したものが こちらに(´・ω・)っ
29.
Data: Twitter(REST API) View:
Browser(JS)
30.
エフェクト実例:fadeIn処理
31.
0. まず服を脱ぎます 1. 取得済みのツイートを一つ持ってくる 2.
display:noneをセットしてDOMに追加 3. addClass(name)でLvに応じたclassをセット 4. fadeIn()でデータを浮かび上がらせる 5. 1秒くらい後に1.から再実行
32.
もっと小難しいアニメーションも プラグインを使えば超簡単
33.
そろそろまとめますよ・・・
34.
JavaScriptにまつわる
二つの悲劇
35.
1. グローバル変数の多用
36.
HTMLのDOMすら グローバル変数 (ノ゚Д゚)ノ彡┻━┻
37.
つられて(?)プログラマも グローバル変数を多用
38.
2. ‚Java‛Scriptという名前
39.
‛JavaScriptは Cの皮をかぶった Lispなのである。 ‛
--- Douglas Crockford
40.
むしろJavaよりRubyに近い
Σ(゚Д゚)ガーン
41.
そんなJavaScriptを どう‚美しく‛書くか?
42.
43.
JavaScriptは ブラウザ付属の 「簡易」言語にあらず!
∠( ゚д゚)/
44.
以上だけど 何か質問ある(´・ω・)?
45.
~おまけ~ jQueryの主要機能
46.
1. セレクタ
47.
$(‚p‛) // pタグ $(‚#id‛)
// 特定のidを持つ要素 $(‚.class‛) // 特定のclassをもつ要素 $(‚td:even‛) / $(‚td:odd‛) // tdタグの奇数/偶数 $("a[page]") // <a page=‚x">x</a>
48.
2. 操作
49.
// #lvのフォームが持つ値をget $(‚#lv‛).val() // #lvのフォームに値をset $(‚#lv‛).val(3) //
selectを指定した場合、 // 自動でoption側を見てくれる
50.
よくやる間違い: 値を取得するつもりで $(…).val と書く
51.
// 対象の要素にclass=‘lv3’を付加 $(‚#data‛).addClass(‘lv3’) // 要素に属性を付加 $(‚a[page]:first‛).attr(‘page’,
‘1’) // 属性値を取得 $(‚a[page]‛).attr(‘page’)
52.
3. ハンドラ
53.
$(‚a[page]‛).click(function(){
// クリックされた時の処理 }) $(‚#textform‛).keydown(function(){ // キーが押された時の処理 })
54.
$(function(){
// 初期化処理 // ハンドラの設定とか // body.onloadに近いタイミング })
55.
4. エフェクト
56.
$(…).fadeIn() $(…).fadeOut() $(…).slideUp() $(…).slideDown() // その他カスタムやプラグイン
57.
5. Ajax
58.
$.get(url, param, function(result){ }) $.post(url,
param, function(result){ }) $.getJSON(url, param, function(data){ }) // JSONPも対応
Jetzt herunterladen