SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
javascriptを使ってみよう!!

   @kasei_san (小林 誠)
自己紹介

小林 誠
twitter : @kasei_san

株式会社フィードフォースエンジニア
http://www.feedforce.jp/

普段は、webアプリを開発してます
* Ruby on Rails, MySQL, Linux, javascript
今日は何話すの?

javascriptについて!!

モヤモヤ会はいろんな人がいらっしゃると聞いて
* プログラムに興味がある人
* エンジニアの人(非 javascripter)
両方に javascript という言語に
興味をもって貰いたい
何でjavascript?

* 個人的には、昔から使ってて愛着があるから
* 他の人向けには...
** 開発が簡単
** マルチデバイスに楽に対応
** 意外とやれることが多い
何でjavascript?

* 個人的には、昔から使ってて愛着があるから
* 他の人向けには...
** 開発が簡単
** マルチデバイスに楽に対応
** 意外とやれることが多い
開発が簡単

* はじめの一歩が早い
* 特別な準備、有償のライセンスとか不要!!
* ブラウザとメモ帳から始められる
何でjavascript?

* 個人的には、昔から使ってて愛着があるから
* 他の人向けには...
** 開発が簡単
** マルチデバイスに楽に対応
** 意外とやれることが多い
マルチデバイス

デバイスって言っても色々ありますが、
それぞれのアプリケーションを開発しようとしたら
ライセンスが必要だったり、それぞれ使ってるプログラム
言語が違ったりと、色々大変

* ガラケー、iPhone、Android
* PSP、ニンテンドーDS
* PS3、XBOX360
* TV等
マルチデバイス

だけど、最近のデバイスは大抵ブラウザが
入っていて、程度の差こそあれ、
javascriptに対応してます


* ガラケー、iPhone、Android
* PSP、ニンテンドーDS
* PS3、XBOX360
* TV等
マルチデバイス

なので、HTML + javascript で作ってあげれば、
いろんなデバイスで動作するアプリを
一つの言語、環境で作成可能!!
マルチデバイス

デモ

http://kasei-san-pusher-demo.heroku.
com/pusher/main
マルチデバイス

楽しい!!
何でjavascript?

* 個人的には、昔から使ってて愛着があるから
* 他の人向けには...
** 開発が簡単
** マルチデバイスに楽に対応
** 意外とやれることが多い
でも javascript って...

でも、javascript ってテキスト動かしたり、
画像をちょっと動かすくらいで地味なのでは...?

もっと派手なことがしたい!!
やれることが多い

最近は、意外と派手なことができます

デモ
http://dl.dropbox.com/u/1094808/particles.html
大丈夫

Canvas :
 javascript を使って動的に図を描くための仕様

webGL :
 javascript を使って、3Dグラフィックを表示する 
 仕様

この辺を使えば、派手なゲームとかも作れる!!
まとめ

本日の javascript おすすめポイント

* 開発が簡単
* マルチデバイスに楽に対応
* 意外に派手なことができる
まとめ

気楽にメモ帳から始めてみてはいかがでしょうか?
以上

ご清聴ありがとうございました
質疑応答

なんかありますか?

Mais conteúdo relacionado

Mais procurados

ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Hiroh Satoh
 

Mais procurados (20)

Hello, Node.js
Hello, Node.jsHello, Node.js
Hello, Node.js
 
Sails.jsのメリット・デメリット
Sails.jsのメリット・デメリットSails.jsのメリット・デメリット
Sails.jsのメリット・デメリット
 
Node js 入門
Node js 入門Node js 入門
Node js 入門
 
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
 
Node.js Hands-On
Node.js Hands-OnNode.js Hands-On
Node.js Hands-On
 
AngularJS2でつまづいたこと
AngularJS2でつまづいたことAngularJS2でつまづいたこと
AngularJS2でつまづいたこと
 
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
 
OSC 2016 Nagoya - MineOSのすすめ -
OSC 2016 Nagoya - MineOSのすすめ -OSC 2016 Nagoya - MineOSのすすめ -
OSC 2016 Nagoya - MineOSのすすめ -
 
Html5 nagoya 07
Html5 nagoya 07Html5 nagoya 07
Html5 nagoya 07
 
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
 
jQueryで気をつけてほしいこと
jQueryで気をつけてほしいことjQueryで気をつけてほしいこと
jQueryで気をつけてほしいこと
 
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
むずかしくないJavaScriptのやさしい話 jQueryからの次のステップ #ndsmeetup8
 
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
 
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
 
サーバサイドNodeの使い道
サーバサイドNodeの使い道サーバサイドNodeの使い道
サーバサイドNodeの使い道
 
MVCフレームワーク Sails.jsについて機能紹介
MVCフレームワーク Sails.jsについて機能紹介MVCフレームワーク Sails.jsについて機能紹介
MVCフレームワーク Sails.jsについて機能紹介
 
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
Gitライフをはじめましょう〜GUIツールで簡単運用 Mac編〜
 
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
 
【Qp08】ざびたん2リリース報告lt 20111022
【Qp08】ざびたん2リリース報告lt 20111022【Qp08】ざびたん2リリース報告lt 20111022
【Qp08】ざびたん2リリース報告lt 20111022
 
もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
 

Destaque

Maximizing Virtualization ROI
Maximizing Virtualization ROIMaximizing Virtualization ROI
Maximizing Virtualization ROI
stanyarbrough
 

Destaque (19)

Rpp kelas 3 sem 1 1011
Rpp kelas 3 sem 1 1011Rpp kelas 3 sem 1 1011
Rpp kelas 3 sem 1 1011
 
Pemetaan xi 2011-2012
Pemetaan  xi 2011-2012Pemetaan  xi 2011-2012
Pemetaan xi 2011-2012
 
ニンジャ学会のご紹介
ニンジャ学会のご紹介ニンジャ学会のご紹介
ニンジャ学会のご紹介
 
サキブレの統計および 更新期間帯の予測
サキブレの統計および 更新期間帯の予測サキブレの統計および 更新期間帯の予測
サキブレの統計および 更新期間帯の予測
 
Pemetaan xii 2011-2012
Pemetaan  xii 2011-2012Pemetaan  xii 2011-2012
Pemetaan xii 2011-2012
 
Silabus xi-2011-2012
Silabus xi-2011-2012Silabus xi-2011-2012
Silabus xi-2011-2012
 
Maximizing Virtualization ROI
Maximizing Virtualization ROIMaximizing Virtualization ROI
Maximizing Virtualization ROI
 
Silabus tik kelas 3 1011
Silabus tik kelas 3 1011Silabus tik kelas 3 1011
Silabus tik kelas 3 1011
 
Silabus xi-2011-2012
Silabus xi-2011-2012Silabus xi-2011-2012
Silabus xi-2011-2012
 
2b diagnostik
2b diagnostik2b diagnostik
2b diagnostik
 
Kkm x 2011-2012
Kkm x 2011-2012Kkm x 2011-2012
Kkm x 2011-2012
 
Silabus tik kelas 1 1011
Silabus tik kelas 1 1011Silabus tik kelas 1 1011
Silabus tik kelas 1 1011
 
Rpp kelas 3 sem 2 cadangan
Rpp kelas 3 sem 2 cadanganRpp kelas 3 sem 2 cadangan
Rpp kelas 3 sem 2 cadangan
 
Rpp kelas 1 sem 2 1011
Rpp kelas 1 sem 2 1011Rpp kelas 1 sem 2 1011
Rpp kelas 1 sem 2 1011
 
サイバーサングラス製作記
サイバーサングラス製作記サイバーサングラス製作記
サイバーサングラス製作記
 
1a penilaian baru + raport
1a penilaian baru + raport1a penilaian baru + raport
1a penilaian baru + raport
 
圧縮率による著者推定法の ニンジャスレイヤーへの応用
圧縮率による著者推定法の ニンジャスレイヤーへの応用圧縮率による著者推定法の ニンジャスレイヤーへの応用
圧縮率による著者推定法の ニンジャスレイヤーへの応用
 
Rpp tik-ktsp-12-semester-1
Rpp tik-ktsp-12-semester-1Rpp tik-ktsp-12-semester-1
Rpp tik-ktsp-12-semester-1
 
Rpp tik-ktsp-11-semester-2
Rpp tik-ktsp-11-semester-2Rpp tik-ktsp-11-semester-2
Rpp tik-ktsp-11-semester-2
 

Semelhante a Javascript を使ってみよう!!

DLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミングDLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミング
terurou
 
Type scriptmemo
Type scriptmemoType scriptmemo
Type scriptmemo
ytanno
 
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
 
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンスWindows 8 Developers カンファレンス
Windows 8 Developers カンファレンス
Kaoru NAKAMURA
 
Fluxflex meetup 2011 in Tokyo
Fluxflex meetup 2011 in TokyoFluxflex meetup 2011 in Tokyo
Fluxflex meetup 2011 in Tokyo
Kyosuke Inoue
 

Semelhante a Javascript を使ってみよう!! (20)

javascript を Xcode でテスト
javascript を Xcode でテストjavascript を Xcode でテスト
javascript を Xcode でテスト
 
TypeScriptをオススメする理由
TypeScriptをオススメする理由TypeScriptをオススメする理由
TypeScriptをオススメする理由
 
Web制作勉強会 #2
Web制作勉強会 #2Web制作勉強会 #2
Web制作勉強会 #2
 
Svgアニメーションを実装してみよう 20150207
Svgアニメーションを実装してみよう 20150207Svgアニメーションを実装してみよう 20150207
Svgアニメーションを実装してみよう 20150207
 
Arachne Unweaved (JP)
Arachne Unweaved (JP)Arachne Unweaved (JP)
Arachne Unweaved (JP)
 
DLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミングDLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミング
 
VMを改めて学んで見る
VMを改めて学んで見るVMを改めて学んで見る
VMを改めて学んで見る
 
Type scriptmemo
Type scriptmemoType scriptmemo
Type scriptmemo
 
全部入り!WGPで高速JavaScript+HML5体験
全部入り!WGPで高速JavaScript+HML5体験全部入り!WGPで高速JavaScript+HML5体験
全部入り!WGPで高速JavaScript+HML5体験
 
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなことJavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
 
20141220_iOS8マルチデバイス対応(Size Classes編)
20141220_iOS8マルチデバイス対応(Size Classes編)20141220_iOS8マルチデバイス対応(Size Classes編)
20141220_iOS8マルチデバイス対応(Size Classes編)
 
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
 
Electron を知る
Electron を知るElectron を知る
Electron を知る
 
苫小牧高専 ソフトウェアテクノロジー部 Rubyで遊ぼう 1
苫小牧高専 ソフトウェアテクノロジー部 Rubyで遊ぼう 1苫小牧高専 ソフトウェアテクノロジー部 Rubyで遊ぼう 1
苫小牧高専 ソフトウェアテクノロジー部 Rubyで遊ぼう 1
 
laravel x モバイルアプリ
laravel x モバイルアプリlaravel x モバイルアプリ
laravel x モバイルアプリ
 
Mojoliciousでつくる! Webアプリ入門
Mojoliciousでつくる! Webアプリ入門Mojoliciousでつくる! Webアプリ入門
Mojoliciousでつくる! Webアプリ入門
 
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンスWindows 8 Developers カンファレンス
Windows 8 Developers カンファレンス
 
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
 
クライアントサイドjavascript簡単紹介
クライアントサイドjavascript簡単紹介クライアントサイドjavascript簡単紹介
クライアントサイドjavascript簡単紹介
 
Fluxflex meetup 2011 in Tokyo
Fluxflex meetup 2011 in TokyoFluxflex meetup 2011 in Tokyo
Fluxflex meetup 2011 in Tokyo
 

Mais de 誠 小林 (9)

Ruby で書く! Quine aa
Ruby で書く! Quine aaRuby で書く! Quine aa
Ruby で書く! Quine aa
 
転職活動ふりかえり
転職活動ふりかえり転職活動ふりかえり
転職活動ふりかえり
 
Unicodeの square era name から新元号を占う
Unicodeの square era name から新元号を占うUnicodeの square era name から新元号を占う
Unicodeの square era name から新元号を占う
 
お仕事のコミュニケーションをスキルで解決
お仕事のコミュニケーションをスキルで解決お仕事のコミュニケーションをスキルで解決
お仕事のコミュニケーションをスキルで解決
 
遊ぶニンジャ学会の紹介
遊ぶニンジャ学会の紹介遊ぶニンジャ学会の紹介
遊ぶニンジャ学会の紹介
 
いかにしてバンデラスはうまれるか
いかにしてバンデラスはうまれるかいかにしてバンデラスはうまれるか
いかにしてバンデラスはうまれるか
 
ニンジャは忍者か
ニンジャは忍者かニンジャは忍者か
ニンジャは忍者か
 
The visualization of relationships between Ninja Slayer episodes by ninjas
 The visualization of relationships between Ninja Slayer episodes by ninjas The visualization of relationships between Ninja Slayer episodes by ninjas
The visualization of relationships between Ninja Slayer episodes by ninjas
 
人類にはまだ早いCSV
人類にはまだ早いCSV人類にはまだ早いCSV
人類にはまだ早いCSV
 

Javascript を使ってみよう!!