SlideShare a Scribd company logo
1 of 15
Download to read offline
FOSS4G 2008 TOKYO




ActionScript Programmingへの誘い
              はてな/ついったー id = gyuque
Shibuya.js 紹介


       http://shibuyajs.org/
            “Rediscover the JavaScript”


    日本のJavascriptプログラマーのコミュニティ
    活動内容:
      不定期にテクニカルトークを開催
      メーリングリストで情報交換
      主に東京で活動。ただし、渋谷で活動したことはない。
Shibuya.js メンバー作品紹介
Orto by 小林氏
  JavaScript で JavaVMを実装

HotRuby by 小林氏
  JavaScript で Ruby処理系 を実装

JavaScript-XPath by 天野氏
  JavaScript で XPath処理系 を実装

JSplash (拙作)
  JavaScript で FlashPlayerエミュレータ を実装

 「JSにできること、ひとつずつ叶えたい!」
Javascriptプログラミングと言えば




    Google Maps API !
                    ですが、
Google Maps API for Flash

      “Flashムービーの中で使えるGoogle Maps API”

  通常の Google Maps API  Javascript で操作する


  Google Maps API for Flash Actionscript で操作する


  ActionScriptとは?
    Flash ムービーの制御用言語
    Javascript の兄弟のようなもの
    Javascript を書いたことがある人ならすぐ習得できる
(先に)デメリット


   新たに言語を覚える必要がある
   コンパイラをインストールする必要がある

  一言でいえば(JS版より)敷居が高い
何が嬉しいのか?
表現力はJS版より格段に上

            アニメーション・
            動画を扱う


                       時+空間


           三次元の表示
デ モ
Gmapkmz
通常の「Google 3Dギャラリー」
Gmapkmzを有効にすると…
 Google Maps上にオーバーレイ
 視点変更
Gmapkmz の仕組み



                  書き換え




               ProxyServer

                       Google のサーバにあるか
                       のように見せる

               Flash   クロスドメイン制限回避
まとめ


      ActionScriptをはじめよう
   JavaScriptでトリッキーなプログラムを書くより、
 Flashで「サクッ」と終わらせよう




      キーワード: ActionScript Flex SDK
使用ツール等 (すべて無償)

 Google Maps API for Flash
 http://code.google.com/apis/maps/documentation/flash/

 Adobe Flex3 SDK
 http://www.adobe.com/jp/products/flex/

 CocProxy (by cho45)
 http://coderepos.org/share/wiki/CocProxy




 Gmapkmz (自作/このデモのコード)
 http://coderepos.org/share/browser/lang/actionscript/gmapkmz/

More Related Content

What's hot

Introduction 20090507
Introduction 20090507Introduction 20090507
Introduction 20090507rindazenko
 
イケテルRuby開発環境
イケテルRuby開発環境イケテルRuby開発環境
イケテルRuby開発環境mokada
 
Mozilla コアハッカー育成計画(PDF)
Mozilla コアハッカー育成計画(PDF)Mozilla コアハッカー育成計画(PDF)
Mozilla コアハッカー育成計画(PDF)Taro Matsuzawa
 
Rsgt2021 cybozu booth_session
Rsgt2021 cybozu booth_sessionRsgt2021 cybozu booth_session
Rsgt2021 cybozu booth_sessionKazuhiroNiwaya
 
CSNagoya コンパイラを作ろう
CSNagoya コンパイラを作ろうCSNagoya コンパイラを作ろう
CSNagoya コンパイラを作ろうtoyoshi
 
すまべん関東#1「WindowsMobileでMortscriptを活用しよう!」
すまべん関東#1「WindowsMobileでMortscriptを活用しよう!」すまべん関東#1「WindowsMobileでMortscriptを活用しよう!」
すまべん関東#1「WindowsMobileでMortscriptを活用しよう!」icchu3
 
JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009
JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009
JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009Yusuke Kawasaki
 
RSGT2021 NTTみたいな企業で新アプリをスクラム開発してみんな笑顔になった
RSGT2021 NTTみたいな企業で新アプリをスクラム開発してみんな笑顔になったRSGT2021 NTTみたいな企業で新アプリをスクラム開発してみんな笑顔になった
RSGT2021 NTTみたいな企業で新アプリをスクラム開発してみんな笑顔になったSatoru KawaBuchi
 
Ohp Seijoen H20 08 Jfreechart
Ohp Seijoen H20 08 JfreechartOhp Seijoen H20 08 Jfreechart
Ohp Seijoen H20 08 Jfreechartsesejun
 
Rsgt2021 exploratory testing
Rsgt2021 exploratory testingRsgt2021 exploratory testing
Rsgt2021 exploratory testingNoriyuki Nemoto
 
20090513 Cmsnight
20090513 Cmsnight20090513 Cmsnight
20090513 CmsnightYusuke Ando
 
TodayでLDR読んでみよう
TodayでLDR読んでみようTodayでLDR読んでみよう
TodayでLDR読んでみようYutaka Tsumori
 
変わる時代、変わらぬ思い
変わる時代、変わらぬ思い変わる時代、変わらぬ思い
変わる時代、変わらぬ思いHiromu Shioya
 
山行記録共有データベース「ヤマレコ」
山行記録共有データベース「ヤマレコ」山行記録共有データベース「ヤマレコ」
山行記録共有データベース「ヤマレコ」Kazumine Matoba
 
組織的なウィキ(wiki)の導入
組織的なウィキ(wiki)の導入組織的なウィキ(wiki)の導入
組織的なウィキ(wiki)の導入Makio Tsukamoto
 
【13-C-7】 Developers [Media] Summit Web メディア編集者の Web プロジェクト知らず
【13-C-7】 Developers [Media] Summit Web メディア編集者の Web プロジェクト知らず【13-C-7】 Developers [Media] Summit Web メディア編集者の Web プロジェクト知らず
【13-C-7】 Developers [Media] Summit Web メディア編集者の Web プロジェクト知らずdevsumi2009
 
2008 Vsug Leaders Summit Lightning Talks Numaguchi
2008 Vsug Leaders Summit Lightning Talks Numaguchi2008 Vsug Leaders Summit Lightning Talks Numaguchi
2008 Vsug Leaders Summit Lightning Talks Numaguchivsug_jim
 
VSUG Leaders Summit 2008:SNUMA
VSUG Leaders Summit 2008:SNUMAVSUG Leaders Summit 2008:SNUMA
VSUG Leaders Summit 2008:SNUMAAkiko Iwakiri
 

What's hot (20)

Introduction 20090507
Introduction 20090507Introduction 20090507
Introduction 20090507
 
イケテルRuby開発環境
イケテルRuby開発環境イケテルRuby開発環境
イケテルRuby開発環境
 
Mozilla コアハッカー育成計画(PDF)
Mozilla コアハッカー育成計画(PDF)Mozilla コアハッカー育成計画(PDF)
Mozilla コアハッカー育成計画(PDF)
 
Rsgt2021 cybozu booth_session
Rsgt2021 cybozu booth_sessionRsgt2021 cybozu booth_session
Rsgt2021 cybozu booth_session
 
CSNagoya コンパイラを作ろう
CSNagoya コンパイラを作ろうCSNagoya コンパイラを作ろう
CSNagoya コンパイラを作ろう
 
1000speakers-sendai
1000speakers-sendai1000speakers-sendai
1000speakers-sendai
 
すまべん関東#1「WindowsMobileでMortscriptを活用しよう!」
すまべん関東#1「WindowsMobileでMortscriptを活用しよう!」すまべん関東#1「WindowsMobileでMortscriptを活用しよう!」
すまべん関東#1「WindowsMobileでMortscriptを活用しよう!」
 
JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009
JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009
JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009
 
RSGT2021 NTTみたいな企業で新アプリをスクラム開発してみんな笑顔になった
RSGT2021 NTTみたいな企業で新アプリをスクラム開発してみんな笑顔になったRSGT2021 NTTみたいな企業で新アプリをスクラム開発してみんな笑顔になった
RSGT2021 NTTみたいな企業で新アプリをスクラム開発してみんな笑顔になった
 
Gl Rotate
Gl RotateGl Rotate
Gl Rotate
 
Ohp Seijoen H20 08 Jfreechart
Ohp Seijoen H20 08 JfreechartOhp Seijoen H20 08 Jfreechart
Ohp Seijoen H20 08 Jfreechart
 
Rsgt2021 exploratory testing
Rsgt2021 exploratory testingRsgt2021 exploratory testing
Rsgt2021 exploratory testing
 
20090513 Cmsnight
20090513 Cmsnight20090513 Cmsnight
20090513 Cmsnight
 
TodayでLDR読んでみよう
TodayでLDR読んでみようTodayでLDR読んでみよう
TodayでLDR読んでみよう
 
変わる時代、変わらぬ思い
変わる時代、変わらぬ思い変わる時代、変わらぬ思い
変わる時代、変わらぬ思い
 
山行記録共有データベース「ヤマレコ」
山行記録共有データベース「ヤマレコ」山行記録共有データベース「ヤマレコ」
山行記録共有データベース「ヤマレコ」
 
組織的なウィキ(wiki)の導入
組織的なウィキ(wiki)の導入組織的なウィキ(wiki)の導入
組織的なウィキ(wiki)の導入
 
【13-C-7】 Developers [Media] Summit Web メディア編集者の Web プロジェクト知らず
【13-C-7】 Developers [Media] Summit Web メディア編集者の Web プロジェクト知らず【13-C-7】 Developers [Media] Summit Web メディア編集者の Web プロジェクト知らず
【13-C-7】 Developers [Media] Summit Web メディア編集者の Web プロジェクト知らず
 
2008 Vsug Leaders Summit Lightning Talks Numaguchi
2008 Vsug Leaders Summit Lightning Talks Numaguchi2008 Vsug Leaders Summit Lightning Talks Numaguchi
2008 Vsug Leaders Summit Lightning Talks Numaguchi
 
VSUG Leaders Summit 2008:SNUMA
VSUG Leaders Summit 2008:SNUMAVSUG Leaders Summit 2008:SNUMA
VSUG Leaders Summit 2008:SNUMA
 

Viewers also liked

Unity講座資料 共通
Unity講座資料 共通Unity講座資料 共通
Unity講座資料 共通Mattun
 
Flash Developerになる4つのヒント
Flash Developerになる4つのヒントFlash Developerになる4つのヒント
Flash Developerになる4つのヒントYusuke Kamo
 
ここからはじめるAction Script 3.0 入門前
ここからはじめるAction Script 3.0 入門前ここからはじめるAction Script 3.0 入門前
ここからはじめるAction Script 3.0 入門前Yusuke Kamo
 
Groovyクイズ(計算編)
Groovyクイズ(計算編)Groovyクイズ(計算編)
Groovyクイズ(計算編)Yasuharu Hayami
 
JavaScript Tips 2015(PDF 版)
JavaScript Tips 2015(PDF 版)JavaScript Tips 2015(PDF 版)
JavaScript Tips 2015(PDF 版)taskie
 
WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?
WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?
WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?Hideyuki TAKEI
 
Unity講座資料1
Unity講座資料1Unity講座資料1
Unity講座資料1Mattun
 
WCAN mini ActionScript vol.11
WCAN mini ActionScript vol.11WCAN mini ActionScript vol.11
WCAN mini ActionScript vol.11ll_koba_ll
 
とあるFlashの自動生成
とあるFlashの自動生成とあるFlashの自動生成
とあるFlashの自動生成Akineko Shimizu
 
HokurikuUnConference: Windows7
HokurikuUnConference: Windows7HokurikuUnConference: Windows7
HokurikuUnConference: Windows7guest3820592
 
TravisCIでActionScriptを動かす
TravisCIでActionScriptを動かすTravisCIでActionScriptを動かす
TravisCIでActionScriptを動かすgyoh_k
 
Unity2015_No5_~Mecanim~
 Unity2015_No5_~Mecanim~  Unity2015_No5_~Mecanim~
Unity2015_No5_~Mecanim~ CHY72
 
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlashインタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlashYasunobu Ikeda
 
2011/12/14 FxUG発表資料 初めてのRobotlegs
2011/12/14 FxUG発表資料 初めてのRobotlegs 2011/12/14 FxUG発表資料 初めてのRobotlegs
2011/12/14 FxUG発表資料 初めてのRobotlegs 豊 満石
 
開発ゼミ発表
開発ゼミ発表開発ゼミ発表
開発ゼミ発表YanoLabLT
 

Viewers also liked (20)

Unity講座資料 共通
Unity講座資料 共通Unity講座資料 共通
Unity講座資料 共通
 
Flash Developerになる4つのヒント
Flash Developerになる4つのヒントFlash Developerになる4つのヒント
Flash Developerになる4つのヒント
 
ここからはじめるAction Script 3.0 入門前
ここからはじめるAction Script 3.0 入門前ここからはじめるAction Script 3.0 入門前
ここからはじめるAction Script 3.0 入門前
 
Groovyクイズ(計算編)
Groovyクイズ(計算編)Groovyクイズ(計算編)
Groovyクイズ(計算編)
 
JavaScript Tips 2015(PDF 版)
JavaScript Tips 2015(PDF 版)JavaScript Tips 2015(PDF 版)
JavaScript Tips 2015(PDF 版)
 
WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?
WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?
WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?
 
Scc2015 SNS Tech
Scc2015 SNS TechScc2015 SNS Tech
Scc2015 SNS Tech
 
Unity講座資料1
Unity講座資料1Unity講座資料1
Unity講座資料1
 
WCAN mini ActionScript vol.11
WCAN mini ActionScript vol.11WCAN mini ActionScript vol.11
WCAN mini ActionScript vol.11
 
Scc2015 you tube
Scc2015 you tubeScc2015 you tube
Scc2015 you tube
 
とあるFlashの自動生成
とあるFlashの自動生成とあるFlashの自動生成
とあるFlashの自動生成
 
HokurikuUnConference: Windows7
HokurikuUnConference: Windows7HokurikuUnConference: Windows7
HokurikuUnConference: Windows7
 
Flex入門
Flex入門Flex入門
Flex入門
 
TravisCIでActionScriptを動かす
TravisCIでActionScriptを動かすTravisCIでActionScriptを動かす
TravisCIでActionScriptを動かす
 
GroovyでJSON2015
GroovyでJSON2015GroovyでJSON2015
GroovyでJSON2015
 
Unity2015_No5_~Mecanim~
 Unity2015_No5_~Mecanim~  Unity2015_No5_~Mecanim~
Unity2015_No5_~Mecanim~
 
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlashインタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlash
 
2011/12/14 FxUG発表資料 初めてのRobotlegs
2011/12/14 FxUG発表資料 初めてのRobotlegs 2011/12/14 FxUG発表資料 初めてのRobotlegs
2011/12/14 FxUG発表資料 初めてのRobotlegs
 
Aneについて
AneについてAneについて
Aneについて
 
開発ゼミ発表
開発ゼミ発表開発ゼミ発表
開発ゼミ発表
 

More from gyuque

第11回 HTML5とか勉強会 gyuque
第11回 HTML5とか勉強会 gyuque第11回 HTML5とか勉強会 gyuque
第11回 HTML5とか勉強会 gyuquegyuque
 
LL Tiger 2010 (LTの虎 1)
LL Tiger 2010 (LTの虎 1)LL Tiger 2010 (LTの虎 1)
LL Tiger 2010 (LTの虎 1)gyuque
 
JUI 2009 O3D Programming
JUI 2009 O3D ProgrammingJUI 2009 O3D Programming
JUI 2009 O3D Programminggyuque
 
Mozilla Party 2009 Canvas Programming
Mozilla Party 2009 Canvas ProgrammingMozilla Party 2009 Canvas Programming
Mozilla Party 2009 Canvas Programminggyuque
 
JSplash - Adobe MAX 2009
JSplash - Adobe MAX 2009JSplash - Adobe MAX 2009
JSplash - Adobe MAX 2009gyuque
 
JSplash swf to javascript converter(2008/9/30)
JSplash swf to javascript converter(2008/9/30)JSplash swf to javascript converter(2008/9/30)
JSplash swf to javascript converter(2008/9/30)gyuque
 
ASCSS Nite
ASCSS NiteASCSS Nite
ASCSS Nitegyuque
 
Shibuya.abc - Gnashで遊ぼう
Shibuya.abc - Gnashで遊ぼうShibuya.abc - Gnashで遊ぼう
Shibuya.abc - Gnashで遊ぼうgyuque
 

More from gyuque (8)

第11回 HTML5とか勉強会 gyuque
第11回 HTML5とか勉強会 gyuque第11回 HTML5とか勉強会 gyuque
第11回 HTML5とか勉強会 gyuque
 
LL Tiger 2010 (LTの虎 1)
LL Tiger 2010 (LTの虎 1)LL Tiger 2010 (LTの虎 1)
LL Tiger 2010 (LTの虎 1)
 
JUI 2009 O3D Programming
JUI 2009 O3D ProgrammingJUI 2009 O3D Programming
JUI 2009 O3D Programming
 
Mozilla Party 2009 Canvas Programming
Mozilla Party 2009 Canvas ProgrammingMozilla Party 2009 Canvas Programming
Mozilla Party 2009 Canvas Programming
 
JSplash - Adobe MAX 2009
JSplash - Adobe MAX 2009JSplash - Adobe MAX 2009
JSplash - Adobe MAX 2009
 
JSplash swf to javascript converter(2008/9/30)
JSplash swf to javascript converter(2008/9/30)JSplash swf to javascript converter(2008/9/30)
JSplash swf to javascript converter(2008/9/30)
 
ASCSS Nite
ASCSS NiteASCSS Nite
ASCSS Nite
 
Shibuya.abc - Gnashで遊ぼう
Shibuya.abc - Gnashで遊ぼうShibuya.abc - Gnashで遊ぼう
Shibuya.abc - Gnashで遊ぼう
 

FOSS4G LT - Invitation to ActionScript Programming

  • 1. FOSS4G 2008 TOKYO ActionScript Programmingへの誘い はてな/ついったー id = gyuque
  • 2. Shibuya.js 紹介 http://shibuyajs.org/ “Rediscover the JavaScript” 日本のJavascriptプログラマーのコミュニティ 活動内容: 不定期にテクニカルトークを開催 メーリングリストで情報交換 主に東京で活動。ただし、渋谷で活動したことはない。
  • 3. Shibuya.js メンバー作品紹介 Orto by 小林氏 JavaScript で JavaVMを実装 HotRuby by 小林氏 JavaScript で Ruby処理系 を実装 JavaScript-XPath by 天野氏 JavaScript で XPath処理系 を実装 JSplash (拙作) JavaScript で FlashPlayerエミュレータ を実装 「JSにできること、ひとつずつ叶えたい!」
  • 4. Javascriptプログラミングと言えば Google Maps API ! ですが、
  • 5. Google Maps API for Flash “Flashムービーの中で使えるGoogle Maps API” 通常の Google Maps API  Javascript で操作する Google Maps API for Flash Actionscript で操作する ActionScriptとは? Flash ムービーの制御用言語 Javascript の兄弟のようなもの Javascript を書いたことがある人ならすぐ習得できる
  • 6. (先に)デメリット 新たに言語を覚える必要がある コンパイラをインストールする必要がある 一言でいえば(JS版より)敷居が高い
  • 7. 何が嬉しいのか? 表現力はJS版より格段に上 アニメーション・ 動画を扱う 時+空間 三次元の表示
  • 12.
  • 13. Gmapkmz の仕組み 書き換え ProxyServer Google のサーバにあるか のように見せる Flash クロスドメイン制限回避
  • 14. まとめ ActionScriptをはじめよう JavaScriptでトリッキーなプログラムを書くより、 Flashで「サクッ」と終わらせよう キーワード: ActionScript Flex SDK
  • 15. 使用ツール等 (すべて無償) Google Maps API for Flash http://code.google.com/apis/maps/documentation/flash/ Adobe Flex3 SDK http://www.adobe.com/jp/products/flex/ CocProxy (by cho45) http://coderepos.org/share/wiki/CocProxy Gmapkmz (自作/このデモのコード) http://coderepos.org/share/browser/lang/actionscript/gmapkmz/