Enviar pesquisa
Carregar
Java Script4
•
Transferir como PPTX, PDF
•
0 gostou
•
445 visualizações
Kiminari Homma
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 17
Baixar agora
Recomendados
Java script4
Java script4
Kiminari Homma
Pinoco phptal-phpcon-kansai
Pinoco phptal-phpcon-kansai
Hisateru Tanaka
HTML5 のお話
HTML5 のお話
tomo_masakura
Ohotech特盛 #11 Box2DWebを触ってみよう
Ohotech特盛 #11 Box2DWebを触ってみよう
Fumihito Yokoyama
Blazor 触ってみた
Blazor 触ってみた
Oda Shinsuke
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
Akihiko Horiuchi
Go言語でBot開発やってみた
Go言語でBot開発やってみた
Akihiko Horiuchi
Recomendados
Java script4
Java script4
Kiminari Homma
Pinoco phptal-phpcon-kansai
Pinoco phptal-phpcon-kansai
Hisateru Tanaka
HTML5 のお話
HTML5 のお話
tomo_masakura
Ohotech特盛 #11 Box2DWebを触ってみよう
Ohotech特盛 #11 Box2DWebを触ってみよう
Fumihito Yokoyama
Blazor 触ってみた
Blazor 触ってみた
Oda Shinsuke
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
Akihiko Horiuchi
Go言語でBot開発やってみた
Go言語でBot開発やってみた
Akihiko Horiuchi
ゆるい勉強会スライド
ゆるい勉強会スライド
和広 上田
HTML5 入門
HTML5 入門
NOAN
HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
Masakazu Muraoka
Chrome Apps 概要
Chrome Apps 概要
yoshikawa_t
Chrome For HTML5NIGHT
Chrome For HTML5NIGHT
Takuya Oikawa
rdflintのvscode拡張の紹介とその実装方法
rdflintのvscode拡張の紹介とその実装方法
Takeshi Mikami
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
Yuji Nojima
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
Go MobileでAndroidアプリ開発
Go MobileでAndroidアプリ開発
Takuya Ueda
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
Jun-ichi Sakamoto
Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!
yoshikawa_t
.NET Framework で C# 8って使える? YESとNO!
.NET Framework で C# 8って使える? YESとNO!
Joni
How To Drink Wsgi
How To Drink Wsgi
Atsushi Odagiri
Clack meetup #1 lt
Clack meetup #1 lt
Atsushi Odagiri
Chrome osとgo言語からgoogleの今後を妄想してみる
Chrome osとgo言語からgoogleの今後を妄想してみる
Masakazu Muraoka
クロスブラウザ拡張ライブラリExtension.js
クロスブラウザ拡張ライブラリExtension.js
swdyh
開発を彩る技術たち
開発を彩る技術たち
Oda Shinsuke
Djangoのチュートリアル
Djangoのチュートリアル
sakihohoribe
JavaScriptの正規表現
JavaScriptの正規表現
yaju88
正規表現を覚えよう(中級編)
正規表現を覚えよう(中級編)
Kazuo Suzuki
Mais conteúdo relacionado
Mais procurados
ゆるい勉強会スライド
ゆるい勉強会スライド
和広 上田
HTML5 入門
HTML5 入門
NOAN
HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
Masakazu Muraoka
Chrome Apps 概要
Chrome Apps 概要
yoshikawa_t
Chrome For HTML5NIGHT
Chrome For HTML5NIGHT
Takuya Oikawa
rdflintのvscode拡張の紹介とその実装方法
rdflintのvscode拡張の紹介とその実装方法
Takeshi Mikami
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
Yuji Nojima
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
Go MobileでAndroidアプリ開発
Go MobileでAndroidアプリ開発
Takuya Ueda
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
Jun-ichi Sakamoto
Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!
yoshikawa_t
.NET Framework で C# 8って使える? YESとNO!
.NET Framework で C# 8って使える? YESとNO!
Joni
How To Drink Wsgi
How To Drink Wsgi
Atsushi Odagiri
Clack meetup #1 lt
Clack meetup #1 lt
Atsushi Odagiri
Chrome osとgo言語からgoogleの今後を妄想してみる
Chrome osとgo言語からgoogleの今後を妄想してみる
Masakazu Muraoka
クロスブラウザ拡張ライブラリExtension.js
クロスブラウザ拡張ライブラリExtension.js
swdyh
開発を彩る技術たち
開発を彩る技術たち
Oda Shinsuke
Djangoのチュートリアル
Djangoのチュートリアル
sakihohoribe
Mais procurados
(20)
ゆるい勉強会スライド
ゆるい勉強会スライド
HTML5 入門
HTML5 入門
HTML5 アプリ開発
HTML5 アプリ開発
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
Chrome Apps 概要
Chrome Apps 概要
Chrome For HTML5NIGHT
Chrome For HTML5NIGHT
rdflintのvscode拡張の紹介とその実装方法
rdflintのvscode拡張の紹介とその実装方法
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
JS開発環境を晒す。
JS開発環境を晒す。
Go MobileでAndroidアプリ開発
Go MobileでAndroidアプリ開発
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!
.NET Framework で C# 8って使える? YESとNO!
.NET Framework で C# 8って使える? YESとNO!
How To Drink Wsgi
How To Drink Wsgi
Clack meetup #1 lt
Clack meetup #1 lt
Chrome osとgo言語からgoogleの今後を妄想してみる
Chrome osとgo言語からgoogleの今後を妄想してみる
クロスブラウザ拡張ライブラリExtension.js
クロスブラウザ拡張ライブラリExtension.js
開発を彩る技術たち
開発を彩る技術たち
Djangoのチュートリアル
Djangoのチュートリアル
Destaque
JavaScriptの正規表現
JavaScriptの正規表現
yaju88
正規表現を覚えよう(中級編)
正規表現を覚えよう(中級編)
Kazuo Suzuki
正規表現を覚えよう(初級編)
正規表現を覚えよう(初級編)
Kazuo Suzuki
正規表現 入門
正規表現 入門
NOAN
実際のウェブページコーディング
実際のウェブページコーディング
ourmaninjapan
正規表現入門 星の高さを求めて
正規表現入門 星の高さを求めて
Ryoma Sin'ya
JavaScript Basic 01
JavaScript Basic 01
Yossy Taka
JavaScriptことはじめ
JavaScriptことはじめ
Yuki Ishikawa
JavaScript入門-基礎編
JavaScript入門-基礎編
mactkg
モテる JavaScript
モテる JavaScript
Osamu Monoe
まだ DOM 操作で消耗してるの?
まだ DOM 操作で消耗してるの?
Yuki Ishikawa
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
Destaque
(12)
JavaScriptの正規表現
JavaScriptの正規表現
正規表現を覚えよう(中級編)
正規表現を覚えよう(中級編)
正規表現を覚えよう(初級編)
正規表現を覚えよう(初級編)
正規表現 入門
正規表現 入門
実際のウェブページコーディング
実際のウェブページコーディング
正規表現入門 星の高さを求めて
正規表現入門 星の高さを求めて
JavaScript Basic 01
JavaScript Basic 01
JavaScriptことはじめ
JavaScriptことはじめ
JavaScript入門-基礎編
JavaScript入門-基礎編
モテる JavaScript
モテる JavaScript
まだ DOM 操作で消耗してるの?
まだ DOM 操作で消耗してるの?
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Semelhante a Java Script4
HTML5最新動向
HTML5最新動向
Shumpei Shiraishi
Chrome DevTools.next
Chrome DevTools.next
yoshikawa_t
マークアップ講座 01b HTML
マークアップ講座 01b HTML
eiji sekiya
WordBench Saitama vol.6
WordBench Saitama vol.6
masaaki komori
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
Daizen Ikehara
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Yasuhito Yabe
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
Bot Framework v4 開発 Tips 2018-11
Bot Framework v4 開発 Tips 2018-11
Atsushi Yokohama (BEACHSIDE)
最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応
Osamu Monoe
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
Webapp startup example_to_dolist
Webapp startup example_to_dolist
Shinichiro Kumeuchi
HTML5&API総まくり
HTML5&API総まくり
Shumpei Shiraishi
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
Yuta Matsumura
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
Akira Inoue
今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012
Yasuhito Yabe
WebComponentsとPolymerを使ってみた
WebComponentsとPolymerを使ってみた
Nakazawa Yuichi
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
ThinReports
Mixiアプリで体験する Open Social
Mixiアプリで体験する Open Social
ngi group.
Devtools.next
Devtools.next
yoshikawa_t
Semelhante a Java Script4
(20)
HTML5最新動向
HTML5最新動向
Chrome DevTools.next
Chrome DevTools.next
マークアップ講座 01b HTML
マークアップ講座 01b HTML
WordBench Saitama vol.6
WordBench Saitama vol.6
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Bot Framework v4 開発 Tips 2018-11
Bot Framework v4 開発 Tips 2018-11
最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webapp startup example_to_dolist
Webapp startup example_to_dolist
HTML5&API総まくり
HTML5&API総まくり
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012
WebComponentsとPolymerを使ってみた
WebComponentsとPolymerを使ってみた
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
Mixiアプリで体験する Open Social
Mixiアプリで体験する Open Social
Devtools.next
Devtools.next
Mais de Kiminari Homma
Smart Communication Award 2016 モバイル電話サポートSDK
Smart Communication Award 2016 モバイル電話サポートSDK
Kiminari Homma
コールセンターを知る
コールセンターを知る
Kiminari Homma
IPメッセージング勉強会「WebのリアルタイムとIPメッセージング」
IPメッセージング勉強会「WebのリアルタイムとIPメッセージング」
Kiminari Homma
私の考える Startup Geeks
私の考える Startup Geeks
Kiminari Homma
Twilio serveless architecture
Twilio serveless architecture
Kiminari Homma
スタートアップが AWS Lambda を導入した理由
スタートアップが AWS Lambda を導入した理由
Kiminari Homma
電話とは何か、そして Twilio の正体
電話とは何か、そして Twilio の正体
Kiminari Homma
Swift afterbeginner
Swift afterbeginner
Kiminari Homma
Swift afterbeginner
Swift afterbeginner
Kiminari Homma
Call cloud
Call cloud
Kiminari Homma
Erlang
Erlang
Kiminari Homma
Erlang
Erlang
Kiminari Homma
Agu itr 20100901_communication
Agu itr 20100901_communication
Kiminari Homma
Rfid
Rfid
Kiminari Homma
Javascript3
Javascript3
Kiminari Homma
Jsonp
Jsonp
Kiminari Homma
可読性
可読性
Kiminari Homma
Java script1
Java script1
Kiminari Homma
Mais de Kiminari Homma
(18)
Smart Communication Award 2016 モバイル電話サポートSDK
Smart Communication Award 2016 モバイル電話サポートSDK
コールセンターを知る
コールセンターを知る
IPメッセージング勉強会「WebのリアルタイムとIPメッセージング」
IPメッセージング勉強会「WebのリアルタイムとIPメッセージング」
私の考える Startup Geeks
私の考える Startup Geeks
Twilio serveless architecture
Twilio serveless architecture
スタートアップが AWS Lambda を導入した理由
スタートアップが AWS Lambda を導入した理由
電話とは何か、そして Twilio の正体
電話とは何か、そして Twilio の正体
Swift afterbeginner
Swift afterbeginner
Swift afterbeginner
Swift afterbeginner
Call cloud
Call cloud
Erlang
Erlang
Erlang
Erlang
Agu itr 20100901_communication
Agu itr 20100901_communication
Rfid
Rfid
Javascript3
Javascript3
Jsonp
Jsonp
可読性
可読性
Java script1
Java script1
Java Script4
1.
JavaScript 第四回~ブラウザオブジェクト~ Slide Share
本間 皇成
2.
本日の予定 必要な環境の整備 ブラウザオブジェクト
イベントドリブンモデル ソース読み
3.
必要な環境の整備 FireFox Firebug
jsdo.it の登録 OpenIDで楽々サインイン!
4.
Firebug 便利なデバッグツール コンソールを有効にして更新ボタンを押す
コードの中に console.log で確認の出力 その他 CSS 、DOM の確認等 (次回以降) まとめてみました http://bit.ly/9o4Cze
5.
HTML5 の外枠 <!doctype
html> <html> <head> <meta http-equiv="Content-Language" content="ja"> <script type="text/javascript" src="lesson1.js"></script> <title>Sample Web Site</title> </head> <body> </body> </html>
6.
イベントドリブンモデル ページ内で発生した出来事
(イベント)に 応じて対応する処理 (イベントハンドラ関数) を呼び出し、実行する 今までの1行ずつ実行していた形式とは違う!
7.
イベントドリブンモデル Web ページ
ボタンがクリックされた! onclick キーが押された! onkeydown ページが読み込まれた! onload ->その時どうする?(イベントハンドラ)
8.
イベントドリブンモデル ・HTML (表示側)
ぼたん < input type=“button” value=“ぼたん” onclick=“btn_click()” /> ・JavaScript (処理側) function btn_click(){ alert(‘クリックされたよ!’); } http://jsdo.it/cev/38pS
9.
前々回の復習(オブジェクト) 既に JavaScript
で用意されているオブジェクト 組み込みオブジェクト (Global ) , Object , Array , String , Boolean , Number , Function , Math , Date , RegExp , Error 正規表現 ブラウザオブジェクト Window , Navigator , Form , Document etc.. 9
10.
ブラウザオブジェクト ブラウザの 基本操作
URLに関する情報 ブラウザ自身の情報 履歴管理 参考になるリファレンスページ http://www.tohoho-web.com/js/index.htm 下部の「ブラウザオブジェクト」
11.
Window オブジェクト グローバルオブジェクトである
window. という記述は不要 表示 alert , confirm タイマー setInterval , setTimeout , clearInterval ウィンドウサイズ moveTo , resizeBy , scrollTo ちょっと危険なサイトです http://bit.ly/aIAmUx
12.
Location オブジェクト URL
に関する情報を取得する location. hostName protocol href ・・リンク先へ飛ぶ search ・・クエリ情報 reload() ・・現在ページを再読み込み http://bit.ly/9a23FR
13.
History , Navigator
オブジェクト history. go(num) ・・num 分進む or 戻る navigator. appName ・・ブラウザ名 platform ・・プラットフォーム名 http://bit.ly/bJxwWv
14.
Document オブジェクト HTTP
通信はページ遷移の際の値の保持が不可 Cookie と Session クライアントかサーバーか document.cookie 赤は必須、青は任意 クッキー名 = 値 ; expires=有効期限; domain = ドメイン名 ; path = パス ; secure 作成、解析する必要がある http://bit.ly/8Zyb8i
15.
今日知ってほしいこと JavaScript でブラウザを操作できる
履歴、ブラウザの種類、URL 、 cookie イベントドリブンモデルの概念
16.
参考文献 JavaScript マスターブック 山田祥寛(著)
とほほの JavaScript リファレンス http://www.tohoho-web.com/js/index.htm
17.
終わりに 参加型のプレゼンの方法を考えたのですが、良い方法が思いつきませんでした!すみません!次回:DOM
Baixar agora