SlideShare a Scribd company logo

JavaScriptライフを10倍楽しくする方法-HTML5fun-

•Download as PPTX, PDF•
•
Masayuki Abe
Masayuki Abe

HTML5funが主催するイベント告知用のスライドです。 イベントはこちらを参照ください。 http://html5fun.jp

Technology
1 of 7
JavaScriptライフを10倍 楽しくする方法（イベントの告知）
結論
JavaScriptライフを楽しくする方法 基礎を知ること
基礎を知ることで出来ること 他人が書いたソースコードが読める 他人が書いたソースコードの修正 プラグインなどで足りない機能を作成
JavaScriptの基礎 ● 変数/配列 ● 演算子/文字連結 ● イベントハンドラ ● 条件文 ● ループ処理 ● 関数/組み込み関数 ● オブジェクト ● DOM
覚えることが多い・・・
JavaScriptの基礎 ● 変数 ● 関数 ● オブジェクト ● DOM 今回のセミナーでは、JavaScriptを 楽しくするために初心者にとって難しい、 これらの項目を重点に解説します。

Recommended

法務のためのワード調教 - はじめの一歩 -
法務のためのワード調教 - はじめの一歩 -法務のためのワード調教 - はじめの一歩 -
法務のためのワード調教 - はじめの一歩 -
Genichi Kataoka
 
Webページで学ぶJavaScript2013 第6回
Webページで学ぶJavaScript2013 第6回Webページで学ぶJavaScript2013 第6回
Webページで学ぶJavaScript2013 第6回
京大 マイコンクラブ
 
C#er から見た Turbolinks 3
C#er から見た Turbolinks 3C#er から見た Turbolinks 3
C#er から見た Turbolinks 3
dany1468
 
Let’s angular js!!
Let’s angular js!!Let’s angular js!!
Let’s angular js!!
Syoko Matsumura
 
Screen
ScreenScreen
Screen
Hideaki Miyake
 
Web制作勉強会 #2
Web制作勉強会 #2Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
 
JavaScript MVC入門
JavaScript MVC入門JavaScript MVC入門
JavaScript MVC入門
大樹 小倉
 
わかる LT＠２
わかる LT＠２わかる LT＠２
わかる LT＠２
Shingo Inoue
 

Recommended

法務のためのワード調教 - はじめの一歩 -
法務のためのワード調教 - はじめの一歩 -法務のためのワード調教 - はじめの一歩 -
法務のためのワード調教 - はじめの一歩 -
Genichi Kataoka
 
Webページで学ぶJavaScript2013 第6回
Webページで学ぶJavaScript2013 第6回Webページで学ぶJavaScript2013 第6回
Webページで学ぶJavaScript2013 第6回
京大 マイコンクラブ
 
C#er から見た Turbolinks 3
C#er から見た Turbolinks 3C#er から見た Turbolinks 3
C#er から見た Turbolinks 3
dany1468
 
Let’s angular js!!
Let’s angular js!!Let’s angular js!!
Let’s angular js!!
Syoko Matsumura
 
Screen
ScreenScreen
Screen
Hideaki Miyake
 
Web制作勉強会 #2
Web制作勉強会 #2Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
 
JavaScript MVC入門
JavaScript MVC入門JavaScript MVC入門
JavaScript MVC入門
大樹 小倉
 
わかる LT＠２
わかる LT＠２わかる LT＠２
わかる LT＠２
Shingo Inoue
 
VBScriptのダメなところ～その１～
VBScriptのダメなところ～その１～VBScriptのダメなところ～その１～
VBScriptのダメなところ～その１～
bouzuya
 
WordPress のための PHP 超入門
WordPress のための PHP 超入門WordPress のための PHP 超入門
WordPress のための PHP 超入門
Michinari Odajima
 
WSHで遊ぼう！
WSHで遊ぼう！WSHで遊ぼう！
WSHで遊ぼう！
bouzuya
 
Tips for bash script
Tips for bash scriptTips for bash script
Tips for bash script
Kenta Yamamoto
 
Symfony2#5 LT
Symfony2#5 LTSymfony2#5 LT
Symfony2#5 LT
Masato Koizumi
 
これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)
parrotstudio
 
Js kusen
Js kusenJs kusen
Js kusen
Net Kanayan
 
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
大樹 小倉
 
LT#7 Hello coffeeしてきた
LT#7 Hello coffeeしてきたLT#7 Hello coffeeしてきた
LT#7 Hello coffeeしてきた
Shingo Inoue
 
Java script4
Java script4Java script4
Java script4
Kiminari Homma
 
Promise async await
Promise async awaitPromise async await
Promise async await
ikdysfm
 
Playで作るwebsocketサーバ
Playで作るwebsocketサーバPlayで作るwebsocketサーバ
Playで作るwebsocketサーバ
ke-m kamekoopa
 
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
H2O Space. Co., Ltd.
 
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
 
RubyGems と Bundler について
RubyGems と Bundler についてRubyGems と Bundler について
RubyGems と Bundler について
Tomoya Kawanishi
 
20090606
2009060620090606
20090606
小野 修司
 
RubyGems と Bundler について
RubyGems と Bundler についてRubyGems と Bundler について
RubyGems と Bundler について
Tomoya Kawanishi
 
Effective JavaScript Ch.1
Effective JavaScript Ch.1Effective JavaScript Ch.1
Effective JavaScript Ch.1
Teppei Sato
 
JMeter小話
JMeter小話JMeter小話
JMeter小話
eiryu
 
Webページで学ぶJavaScript2013 第8回
Webページで学ぶJavaScript2013 第8回Webページで学ぶJavaScript2013 第8回
Webページで学ぶJavaScript2013 第8回
京大 マイコンクラブ
 
Drupal7 Blockでサイト構築しよう@Drupal cafe
Drupal7 Blockでサイト構築しよう@Drupal cafeDrupal7 Blockでサイト構築しよう@Drupal cafe
Drupal7 Blockでサイト構築しよう@Drupal cafe
Masayuki Abe
 
The simpsons
The simpsonsThe simpsons
The simpsons
Shirleysims
 

More Related Content

What's hot

VBScriptのダメなところ～その１～
VBScriptのダメなところ～その１～VBScriptのダメなところ～その１～
VBScriptのダメなところ～その１～
bouzuya
 
WSHで遊ぼう！
WSHで遊ぼう！WSHで遊ぼう！
WSHで遊ぼう！
bouzuya
 

What's hot (20)

VBScriptのダメなところ～その１～
VBScriptのダメなところ～その１～VBScriptのダメなところ～その１～
VBScriptのダメなところ～その１～
 
WordPress のための PHP 超入門
WordPress のための PHP 超入門WordPress のための PHP 超入門
WordPress のための PHP 超入門
 
WSHで遊ぼう！
WSHで遊ぼう！WSHで遊ぼう！
WSHで遊ぼう！
 
Tips for bash script
Tips for bash scriptTips for bash script
Tips for bash script
 
Symfony2#5 LT
Symfony2#5 LTSymfony2#5 LT
Symfony2#5 LT
 
これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ～jQueryで作るTwitterアプリ～ (Gunma.web #2 2010/10/9)
 
Js kusen
Js kusenJs kusen
Js kusen
 
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
 
LT#7 Hello coffeeしてきた
LT#7 Hello coffeeしてきたLT#7 Hello coffeeしてきた
LT#7 Hello coffeeしてきた
 
Java script4
Java script4Java script4
Java script4
 
Promise async await
Promise async awaitPromise async await
Promise async await
 
Playで作るwebsocketサーバ
Playで作るwebsocketサーバPlayで作るwebsocketサーバ
Playで作るwebsocketサーバ
 
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
 
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
 
RubyGems と Bundler について
RubyGems と Bundler についてRubyGems と Bundler について
RubyGems と Bundler について
 
20090606
2009060620090606
20090606
 
RubyGems と Bundler について
RubyGems と Bundler についてRubyGems と Bundler について
RubyGems と Bundler について
 
Effective JavaScript Ch.1
Effective JavaScript Ch.1Effective JavaScript Ch.1
Effective JavaScript Ch.1
 
JMeter小話
JMeter小話JMeter小話
JMeter小話
 
Webページで学ぶJavaScript2013 第8回
Webページで学ぶJavaScript2013 第8回Webページで学ぶJavaScript2013 第8回
Webページで学ぶJavaScript2013 第8回
 

Viewers also liked

El primer condicional
El primer condicionalEl primer condicional
El primer condicional
teacherhector
 
Аавтоматизация. Что и зачем
Аавтоматизация. Что и зачемАавтоматизация. Что и зачем
Аавтоматизация. Что и зачем
VYuri
 

Viewers also liked (20)

Drupal7 Blockでサイト構築しよう@Drupal cafe
Drupal7 Blockでサイト構築しよう@Drupal cafeDrupal7 Blockでサイト構築しよう@Drupal cafe
Drupal7 Blockでサイト構築しよう@Drupal cafe
 
The simpsons
The simpsonsThe simpsons
The simpsons
 
David classic 2tone silver bentley slideshow911
David classic 2tone silver bentley slideshow911David classic 2tone silver bentley slideshow911
David classic 2tone silver bentley slideshow911
 
Prohibitions of Riba in Qura'n and Ahadith
Prohibitions of Riba in Qura'n and AhadithProhibitions of Riba in Qura'n and Ahadith
Prohibitions of Riba in Qura'n and Ahadith
 
L’aparell digestiu
L’aparell digestiuL’aparell digestiu
L’aparell digestiu
 
El primer condicional
El primer condicionalEl primer condicional
El primer condicional
 
Simultaneous optimization of Transfer Prices and Flows of Goods in comparison...
Simultaneous optimization of Transfer Prices and Flows of Goods in comparison...Simultaneous optimization of Transfer Prices and Flows of Goods in comparison...
Simultaneous optimization of Transfer Prices and Flows of Goods in comparison...
 
MongoTokyo
MongoTokyoMongoTokyo
MongoTokyo
 
Mitppt
MitpptMitppt
Mitppt
 
Hool
HoolHool
Hool
 
Broan nutone canada green initiatives 2006 2010
Broan nutone canada green initiatives 2006 2010Broan nutone canada green initiatives 2006 2010
Broan nutone canada green initiatives 2006 2010
 
My life project
My life projectMy life project
My life project
 
Heroku shdh
Heroku shdhHeroku shdh
Heroku shdh
 
Аавтоматизация. Что и зачем
Аавтоматизация. Что и зачемАавтоматизация. Что и зачем
Аавтоматизация. Что и зачем
 
Marketing Eye
Marketing Eye Marketing Eye
Marketing Eye
 
Digital Marketing Plan -TBF
Digital Marketing Plan -TBFDigital Marketing Plan -TBF
Digital Marketing Plan -TBF
 
ちゃんとWeb会議
ちゃんとWeb会議ちゃんとWeb会議
ちゃんとWeb会議
 
Knowledge management session1
Knowledge management session1Knowledge management session1
Knowledge management session1
 
Services & Products of Optimal Management
Services & Products of Optimal ManagementServices & Products of Optimal Management
Services & Products of Optimal Management
 
Shim Graphics
Shim GraphicsShim Graphics
Shim Graphics
 

More from Masayuki Abe

[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
Masayuki Abe
 
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しようCSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
Masayuki Abe
 
関デジセミナー20130710
関デジセミナー20130710関デジセミナー20130710
関デジセミナー20130710
Masayuki Abe
 
サーバーの初歩的な話セミナー＠大阪20120901
サーバーの初歩的な話セミナー＠大阪20120901サーバーの初歩的な話セミナー＠大阪20120901
サーバーの初歩的な話セミナー＠大阪20120901
Masayuki Abe
 
Firebug×smart release20120904
Firebug×smart release20120904Firebug×smart release20120904
Firebug×smart release20120904
Masayuki Abe
 

More from Masayuki Abe (17)

未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
 
javascriptの基礎
javascriptの基礎javascriptの基礎
javascriptの基礎
 
最低限知っておきたい Webセキュリティーについて@MT関西
最低限知っておきたい Webセキュリティーについて@MT関西最低限知っておきたい Webセキュリティーについて@MT関西
最低限知っておきたい Webセキュリティーについて@MT関西
 
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭りBootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
 
Html5fun@東京 Bootstrapにアニメーションを付けよう
Html5fun@東京 Bootstrapにアニメーションを付けようHtml5fun@東京 Bootstrapにアニメーションを付けよう
Html5fun@東京 Bootstrapにアニメーションを付けよう
 
Material DesignをPolymerで表現しよう（神戸ITフェスティバル × HTML5fun@神戸）
Material DesignをPolymerで表現しよう（神戸ITフェスティバル × HTML5fun@神戸）Material DesignをPolymerで表現しよう（神戸ITフェスティバル × HTML5fun@神戸）
Material DesignをPolymerで表現しよう（神戸ITフェスティバル × HTML5fun@神戸）
 
Google Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しようGoogle Material DesignをPolymerで表現しよう
Google Material DesignをPolymerで表現しよう
 
Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )
 
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
 
Html5 fun@Tokyo Bootstrap Tips
Html5 fun@Tokyo Bootstrap TipsHtml5 fun@Tokyo Bootstrap Tips
Html5 fun@Tokyo Bootstrap Tips
 
Word pressセミナー東京[マイナビ主催] 阿部20131216
Word pressセミナー東京[マイナビ主催] 阿部20131216Word pressセミナー東京[マイナビ主催] 阿部20131216
Word pressセミナー東京[マイナビ主催] 阿部20131216
 
WordBench ISHIKAWA
WordBench ISHIKAWAWordBench ISHIKAWA
WordBench ISHIKAWA
 
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しようCSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
 
関デジセミナー20130710
関デジセミナー20130710関デジセミナー20130710
関デジセミナー20130710
 
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラムDropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
 
サーバーの初歩的な話セミナー＠大阪20120901
サーバーの初歩的な話セミナー＠大阪20120901サーバーの初歩的な話セミナー＠大阪20120901
サーバーの初歩的な話セミナー＠大阪20120901
 
Firebug×smart release20120904
Firebug×smart release20120904Firebug×smart release20120904
Firebug×smart release20120904
 

Recently uploaded

Recently uploaded (11)

LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイスLoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）
業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）
業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
 
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
 
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
 
新人研修　後半 2024/04/26の勉強会で発表されたものです。
新人研修　後半 2024/04/26の勉強会で発表されたものです。新人研修　後半 2024/04/26の勉強会で発表されたものです。
新人研修　後半 2024/04/26の勉強会で発表されたものです。
 
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
 

JavaScriptライフを10倍楽しくする方法-HTML5fun-