Enviar pesquisa
Carregar
今さら始めるJavaScript
•
Transferir como KEY, PDF
•
2 gostaram
•
928 visualizações
Ashitaba YOSHIOKA
Seguir
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 19
Baixar agora
Recomendados
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
civic Sasaki
Meguro es7
Meguro es7
健太 田上
モテる JavaScript
モテる JavaScript
Osamu Monoe
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
コードに潜むC++の未定義動作達
コードに潜むC++の未定義動作達
Azaika At
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
Toshio Ehara
GopherJS + Nashorn
GopherJS + Nashorn
Takuya Ueda
Recomendados
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
civic Sasaki
Meguro es7
Meguro es7
健太 田上
モテる JavaScript
モテる JavaScript
Osamu Monoe
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
コードに潜むC++の未定義動作達
コードに潜むC++の未定義動作達
Azaika At
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
Toshio Ehara
GopherJS + Nashorn
GopherJS + Nashorn
Takuya Ueda
JSつまみぐい
JSつまみぐい
Syoko Matsumura
JavaScriptことはじめ
JavaScriptことはじめ
Yuki Ishikawa
非ガチ勢「よし、Coffee script使おう!」
非ガチ勢「よし、Coffee script使おう!」
Muyuu Fujita
Webページで学ぶJavaScript2013 第8回
Webページで学ぶJavaScript2013 第8回
京大 マイコンクラブ
普段Djangoを使っている人間がruby on railsを勉強してみた話
普段Djangoを使っている人間がruby on railsを勉強してみた話
ko ty
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
Erina Takei
2013 08-19 jjug
2013 08-19 jjug
sk44_
JavaScriptユーティリティライブラリの紹介
JavaScriptユーティリティライブラリの紹介
Yusuke Hirao
Webページで学ぶJavaScript2013 第7回
Webページで学ぶJavaScript2013 第7回
京大 マイコンクラブ
DjangoのORMことはじめ
DjangoのORMことはじめ
ko ty
恋に落ちるRuby
恋に落ちるRuby
Yuuka Tomomatsu
もくもくと過ごした2016年振り返り
もくもくと過ごした2016年振り返り
Erina Takei
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
大樹 小倉
なんとなくjQueryでAjaxをつかってみる
なんとなくjQueryでAjaxをつかってみる
Hidetaka Okamoto
グリッドレイアウトを簡単に行うJavaScript!Masonry.js
グリッドレイアウトを簡単に行うJavaScript!Masonry.js
Yoshinori Kobayashi
jQueryで気をつけてほしいこと
jQueryで気をつけてほしいこと
良太 増子
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
Satoshi Takami
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
Toshio Ehara
クライアントサイドjavascript簡単紹介
クライアントサイドjavascript簡単紹介
しくみ製作所
毎日ブログを書いてみた ブロガーズフェスティバル 2015
毎日ブログを書いてみた ブロガーズフェスティバル 2015
Mayuko Moriyama
Solr
Solr
NX21
Alfresco node lifecyle, services and zones
Alfresco node lifecyle, services and zones
Sanket Mehta
Mais conteúdo relacionado
Mais procurados
JSつまみぐい
JSつまみぐい
Syoko Matsumura
JavaScriptことはじめ
JavaScriptことはじめ
Yuki Ishikawa
非ガチ勢「よし、Coffee script使おう!」
非ガチ勢「よし、Coffee script使おう!」
Muyuu Fujita
Webページで学ぶJavaScript2013 第8回
Webページで学ぶJavaScript2013 第8回
京大 マイコンクラブ
普段Djangoを使っている人間がruby on railsを勉強してみた話
普段Djangoを使っている人間がruby on railsを勉強してみた話
ko ty
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
Erina Takei
2013 08-19 jjug
2013 08-19 jjug
sk44_
JavaScriptユーティリティライブラリの紹介
JavaScriptユーティリティライブラリの紹介
Yusuke Hirao
Webページで学ぶJavaScript2013 第7回
Webページで学ぶJavaScript2013 第7回
京大 マイコンクラブ
DjangoのORMことはじめ
DjangoのORMことはじめ
ko ty
恋に落ちるRuby
恋に落ちるRuby
Yuuka Tomomatsu
もくもくと過ごした2016年振り返り
もくもくと過ごした2016年振り返り
Erina Takei
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
大樹 小倉
なんとなくjQueryでAjaxをつかってみる
なんとなくjQueryでAjaxをつかってみる
Hidetaka Okamoto
グリッドレイアウトを簡単に行うJavaScript!Masonry.js
グリッドレイアウトを簡単に行うJavaScript!Masonry.js
Yoshinori Kobayashi
jQueryで気をつけてほしいこと
jQueryで気をつけてほしいこと
良太 増子
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
Satoshi Takami
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
Toshio Ehara
クライアントサイドjavascript簡単紹介
クライアントサイドjavascript簡単紹介
しくみ製作所
毎日ブログを書いてみた ブロガーズフェスティバル 2015
毎日ブログを書いてみた ブロガーズフェスティバル 2015
Mayuko Moriyama
Mais procurados
(20)
JSつまみぐい
JSつまみぐい
JavaScriptことはじめ
JavaScriptことはじめ
非ガチ勢「よし、Coffee script使おう!」
非ガチ勢「よし、Coffee script使おう!」
Webページで学ぶJavaScript2013 第8回
Webページで学ぶJavaScript2013 第8回
普段Djangoを使っている人間がruby on railsを勉強してみた話
普段Djangoを使っている人間がruby on railsを勉強してみた話
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
2013 08-19 jjug
2013 08-19 jjug
JavaScriptユーティリティライブラリの紹介
JavaScriptユーティリティライブラリの紹介
Webページで学ぶJavaScript2013 第7回
Webページで学ぶJavaScript2013 第7回
DjangoのORMことはじめ
DjangoのORMことはじめ
恋に落ちるRuby
恋に落ちるRuby
もくもくと過ごした2016年振り返り
もくもくと過ごした2016年振り返り
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
なんとなくjQueryでAjaxをつかってみる
なんとなくjQueryでAjaxをつかってみる
グリッドレイアウトを簡単に行うJavaScript!Masonry.js
グリッドレイアウトを簡単に行うJavaScript!Masonry.js
jQueryで気をつけてほしいこと
jQueryで気をつけてほしいこと
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
クライアントサイドjavascript簡単紹介
クライアントサイドjavascript簡単紹介
毎日ブログを書いてみた ブロガーズフェスティバル 2015
毎日ブログを書いてみた ブロガーズフェスティバル 2015
Destaque
Solr
Solr
NX21
Alfresco node lifecyle, services and zones
Alfresco node lifecyle, services and zones
Sanket Mehta
企業のためのコンテンツプラットホーム Alfresco
企業のためのコンテンツプラットホーム Alfresco
Yoshi Aochi
開発者向けAlfrescoのご紹介(2013/03/27 JJUG ナイトセミナー「Java製OSS特集」発表資料)
開発者向けAlfrescoのご紹介(2013/03/27 JJUG ナイトセミナー「Java製OSS特集」発表資料)
Takuma Sugimoto
Liferayのパートナーの視点からみた オープンソースのこれから
Liferayのパートナーの視点からみた オープンソースのこれから
Akinori Ishii
20140129 alfresco addons
20140129 alfresco addons
Takeshi Totani
Alfresco勉強会#26 Alfresco SDK + Eclipseで開発してみよう
Alfresco勉強会#26 Alfresco SDK + Eclipseで開発してみよう
Jun Terashita
全社情報共有サイトへのAlfresco Community 5 導入事例紹介 - 第27回Alfresco勉強会
全社情報共有サイトへのAlfresco Community 5 導入事例紹介 - 第27回Alfresco勉強会
Ryota Watabe
0からわかるAlfresco
0からわかるAlfresco
MoritakaSoma
Destaque
(9)
Solr
Solr
Alfresco node lifecyle, services and zones
Alfresco node lifecyle, services and zones
企業のためのコンテンツプラットホーム Alfresco
企業のためのコンテンツプラットホーム Alfresco
開発者向けAlfrescoのご紹介(2013/03/27 JJUG ナイトセミナー「Java製OSS特集」発表資料)
開発者向けAlfrescoのご紹介(2013/03/27 JJUG ナイトセミナー「Java製OSS特集」発表資料)
Liferayのパートナーの視点からみた オープンソースのこれから
Liferayのパートナーの視点からみた オープンソースのこれから
20140129 alfresco addons
20140129 alfresco addons
Alfresco勉強会#26 Alfresco SDK + Eclipseで開発してみよう
Alfresco勉強会#26 Alfresco SDK + Eclipseで開発してみよう
全社情報共有サイトへのAlfresco Community 5 導入事例紹介 - 第27回Alfresco勉強会
全社情報共有サイトへのAlfresco Community 5 導入事例紹介 - 第27回Alfresco勉強会
0からわかるAlfresco
0からわかるAlfresco
Semelhante a 今さら始めるJavaScript
Beginners scala 20121113
Beginners scala 20121113
Taisuke Shiratori
コマンドライン使いもLibreOffice
コマンドライン使いもLibreOffice
Kiwamu Okabe
GrowthForecastことはじめ
GrowthForecastことはじめ
Makoto Taniwaki
Glass fishで作ったアプリをweblogicに移植してみた
Glass fishで作ったアプリをweblogicに移植してみた
Satoshi Kubo
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
parrotstudio
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
Hishikawa Takuro
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
Java script testing framework for around html5 studies-
Java script testing framework for around html5 studies-
Jun Saeki
Webページで学ぶJavaScript2013 第6回
Webページで学ぶJavaScript2013 第6回
京大 マイコンクラブ
インデントを減らそう
インデントを減らそう
知之 朝枝
資料
資料
Bob_Mk2
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
Beginners Scala in FAN 20121009
Beginners Scala in FAN 20121009
Taisuke Shiratori
Clojureの世界と実際のWeb開発
Clojureの世界と実際のWeb開発
Tsutomu Yano
非エンジニアが MENstackでWebアプリをつくった話 #nodejs
非エンジニアが MENstackでWebアプリをつくった話 #nodejs
Yusaku Kinoshita
PerlとSQLのいろいろ
PerlとSQLのいろいろ
Takuya Tsuchida
「ゼロから構築するDev rel体制」20160316@devrelmeetup
「ゼロから構築するDev rel体制」20160316@devrelmeetup
Yusaku Kinoshita
仕事でも Groovy を使おう!
仕事でも Groovy を使おう!
Oda Shinsuke
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
Kazuhiro Serizawa
Semelhante a 今さら始めるJavaScript
(20)
Beginners scala 20121113
Beginners scala 20121113
コマンドライン使いもLibreOffice
コマンドライン使いもLibreOffice
GrowthForecastことはじめ
GrowthForecastことはじめ
Glass fishで作ったアプリをweblogicに移植してみた
Glass fishで作ったアプリをweblogicに移植してみた
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Java script testing framework for around html5 studies-
Java script testing framework for around html5 studies-
Webページで学ぶJavaScript2013 第6回
Webページで学ぶJavaScript2013 第6回
インデントを減らそう
インデントを減らそう
資料
資料
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Beginners Scala in FAN 20121009
Beginners Scala in FAN 20121009
Clojureの世界と実際のWeb開発
Clojureの世界と実際のWeb開発
非エンジニアが MENstackでWebアプリをつくった話 #nodejs
非エンジニアが MENstackでWebアプリをつくった話 #nodejs
PerlとSQLのいろいろ
PerlとSQLのいろいろ
「ゼロから構築するDev rel体制」20160316@devrelmeetup
「ゼロから構築するDev rel体制」20160316@devrelmeetup
仕事でも Groovy を使おう!
仕事でも Groovy を使おう!
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
Mais de Ashitaba YOSHIOKA
メタプログラミングRuby勉強会#7(fluentプラグイン)
メタプログラミングRuby勉強会#7(fluentプラグイン)
Ashitaba YOSHIOKA
AWSを利用した開発者・データを扱う人向けの資料
AWSを利用した開発者・データを扱う人向けの資料
Ashitaba YOSHIOKA
メタプログラミングRuby勉強会#5
メタプログラミングRuby勉強会#5
Ashitaba YOSHIOKA
メタプログラミングRuby勉強会#4
メタプログラミングRuby勉強会#4
Ashitaba YOSHIOKA
千年繁栄する法
千年繁栄する法
Ashitaba YOSHIOKA
もくもく会について
もくもく会について
Ashitaba YOSHIOKA
Alfrescoのバックアップとレストア
Alfrescoのバックアップとレストア
Ashitaba YOSHIOKA
PolicyとItem (CMIS輪読会#3)
PolicyとItem (CMIS輪読会#3)
Ashitaba YOSHIOKA
AlfrescoとSolr(後編)
AlfrescoとSolr(後編)
Ashitaba YOSHIOKA
AlfrescoとSolr(中編)
AlfrescoとSolr(中編)
Ashitaba YOSHIOKA
Alfresco Google Docs連携
Alfresco Google Docs連携
Ashitaba YOSHIOKA
今さら始めるCoffeeScript
今さら始めるCoffeeScript
Ashitaba YOSHIOKA
Alfrescoクラスタリング入門
Alfrescoクラスタリング入門
Ashitaba YOSHIOKA
Alfresco CI
Alfresco CI
Ashitaba YOSHIOKA
Alfresco JP Site
Alfresco JP Site
Ashitaba YOSHIOKA
AlfrescoとActiveCMIS
AlfrescoとActiveCMIS
Ashitaba YOSHIOKA
Alfresco Java Foundation API
Alfresco Java Foundation API
Ashitaba YOSHIOKA
Alfresco and Web Script (English)
Alfresco and Web Script (English)
Ashitaba YOSHIOKA
AlfrescoとWeb Script
AlfrescoとWeb Script
Ashitaba YOSHIOKA
Alfresco SDKとカスタムアクション
Alfresco SDKとカスタムアクション
Ashitaba YOSHIOKA
Mais de Ashitaba YOSHIOKA
(20)
メタプログラミングRuby勉強会#7(fluentプラグイン)
メタプログラミングRuby勉強会#7(fluentプラグイン)
AWSを利用した開発者・データを扱う人向けの資料
AWSを利用した開発者・データを扱う人向けの資料
メタプログラミングRuby勉強会#5
メタプログラミングRuby勉強会#5
メタプログラミングRuby勉強会#4
メタプログラミングRuby勉強会#4
千年繁栄する法
千年繁栄する法
もくもく会について
もくもく会について
Alfrescoのバックアップとレストア
Alfrescoのバックアップとレストア
PolicyとItem (CMIS輪読会#3)
PolicyとItem (CMIS輪読会#3)
AlfrescoとSolr(後編)
AlfrescoとSolr(後編)
AlfrescoとSolr(中編)
AlfrescoとSolr(中編)
Alfresco Google Docs連携
Alfresco Google Docs連携
今さら始めるCoffeeScript
今さら始めるCoffeeScript
Alfrescoクラスタリング入門
Alfrescoクラスタリング入門
Alfresco CI
Alfresco CI
Alfresco JP Site
Alfresco JP Site
AlfrescoとActiveCMIS
AlfrescoとActiveCMIS
Alfresco Java Foundation API
Alfresco Java Foundation API
Alfresco and Web Script (English)
Alfresco and Web Script (English)
AlfrescoとWeb Script
AlfrescoとWeb Script
Alfresco SDKとカスタムアクション
Alfresco SDKとカスタムアクション
今さら始めるJavaScript
1.
今さら始めるJavaScript - 社内勉強会 第一回
- 2012/07/11 @mryoshio Copyright 2012 tachibanakikaku.com. All rights reserved.
2.
目次 ‣ 自己紹介 ‣ 後ろ向きな動機 ‣
前向きな動機 ‣ 何を始めたらよいのか分からない人へ ‣ 楽したい ‣ [デモ] それらしく見えるサイト ‣ おわりに
3.
自己紹介 ‣ mryoshio
→ A社の社員 → AlfrescoやLiferayのコンサルタントやっています → ソースコードを読んだりカスタマイズしたり → Twitterでは基本的に愚痴か食事など生活臭漂うツイートだけです → Facebookやってますがフレンド申請スパムには引っかかりません
4.
後ろ向きな動機( me) ‣ JavaScriptやりたくない
→ レスポンシブWebデザインとやらが言われているので重い腰を上げざ るを得ない気がする。こんな調子でRetina対応とかもしないと駄目 なのだろうか。⃝ppleェ... ‣ レスポンシブWebデザイン → Webサイトを作り際の方法の1つ。視聴する端末の解像度に合わせて 表示内容を適切に変化させる。PCだろうがタブレットのような携帯 端末だろうがちゃんと見られるようにしろということ → (参考: http://designmodo.com/responsive-design-examples/)
5.
前向きな動機( me) ‣ 技術の幅が広がる
→ 偏見を捨てて取り組むと面白かったことが過去に幾つもあるのでやっ てみてもいいかも。人としての心の幅も広がるといいね(希望) ‣ プロトタイプを作れる → JavaScriptライブラリを使えるとフロントを持つプロトタイプくら いは自分で作れるようになる。本格的にレイアウトきれいにするなら デザイナを入れるべきだけど ‣ 手に職を → Ajaxという言葉が出てからJavaScript関連技術はプロジェクト内で も重宝されてきた気がするので身に着けておいて損は無い。私は JavaScriptライブラリが出る前から書いてたけどね(ドヤッ
6.
何を始めたらよいのか分からない人へ
7.
JavaScriptライブラリを探してみよう ‣ ライブラリ? →
プログラムなんてのは(JavaScriptに限らず)簡単に汚く書けてしまう。 そこで、偉大な先人が用意してくれたライブラリを使うことで定型的なメ ソッドやかゆいところに手が届くメソッドを、クロスブラウザで簡単に実 行できる ‣ 何ができるの? → DOMの操作、タイマーの設定、HTTPリクエスト、イベント処理などを簡 単に行える
8.
きっとお気に入りが見つかるはず ‣ jQuery
→ 日本で最も使われているのではないかと思う(体感)。使いやすいし、プ ラグインを入れることで機能を簡単に拡張できる。プラグインを書くこと も割と簡単 ‣ Dojo → 日本ではあまり聞かないけど名前が良い。私はこれが好きである。 ‣ Prototype → シンプル。とにかくシンプル
9.
どれを使えばいいの? ‣ とりあえず動かしてみたい人 →
jQueryかPrototypeがよいと思われる ‣ あまり皆が使ってないのを好む人 → 自分で探せ
10.
楽したい
11.
jQueryで楽したコード ‣ id: hogeのテキストボックスに対し...
→ 値を取得/設定 => $( #hoge ).val(); / $( #hoge ).val( new value ); → text クラスを追加 => $("#hoge").addClass("text"); → text クラスを削除 => $("#hoge").removeClass("text");
12.
jQueryで楽したコード2 ‣ 東京電力の最新供給状況を取得して表示 function
successCb(data) { var el; $.each(data, function(k, v) { el = $("<span/>"); el.text(k+" => "+v); el.append($("<br/>")); $("#latest").append(el); }); }; $.ajax({ success: successCb, timeout: 5000, dataType: "jsonp", url: "http://tepco-usage-api.appspot.com/latest.json" });
13.
[デモ] それらしく見えるサイト
14.
おわりに
15.
注意事項 ‣ ライブラリを使うと簡単だけど書籍やWebで調べ
て基本的なことを理解しておくように努めましょう ‣ ライブラリを使う場合はライセンス等に気をつけて 作者への敬意を表しましょう
16.
おまけ
17.
ソースコードの在り処 ‣ 今日のソースコードはここにあります。 →
https://github.com/mryoshio/PraiseMe
18.
参考 ‣ デモで利用したライブラリ群 →
jQuery => http://jquery.com/ → jQuery UI => http://jqueryui.com/ → jWizard => http://dominicbarnes.us/jWizard/ → jQuery Slider^2 => http://wex.im/jquery-slider2
19.
Copyright 2012 tachibanakikaku.com.
All rights reserved.
Notas do Editor
\n
\n
&#x305D;&#x306E;&#x5834;&#x306E;&#x96F0;&#x56F2;&#x6C17;&#x306B;&#x5408;&#x308F;&#x305B;&#x3066;&#x81EA;&#x5DF1;&#x7D39;&#x4ECB;\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Baixar agora