C++で作るWebアプリケーション

Slide 1

Slide 1 text

ͦΜͳC++ͷਐग़ΛڋΜͰ͖ͨྖҬ C++͸ͱͯͭ΋ͳ͘൚༻తͳݴޠͰ͋Δ

Slide 2

Slide 2 text

WEB

Slide 3

Slide 3 text

αʔό ΫϥΠΞϯτ ͬͪ͜͸ ׂͱͲΜͳݴޠͰ΋ॻ͚Δ ໰୊͸ͬͪ͜

Slide 4

Slide 4 text

JavaScript 8ϒϥ΢βͰಈ͘෺Λ࡞ΔͨΊʹ ௕Β͘࢖ΘΕ͖ͯͨݴޠ ۙ୅తͳଟ͘ͷϒϥ΢β͕ڞ௨ͯ͠ରԠ͍ͯ͠Δ །Ұͷݴޠ

Slide 5

Slide 5 text

JavaScript͸ 8ϖʔδʹ؆୯ͳಈ͖Λ ༩͑ΔͨΊʹߟ͑ͩ͞Εͨ ੈلͷ຤ ! ! !

! Hello, World!!

! !

Slide 6

Slide 6 text

WEB͸มΘͬͨ

Slide 7

Slide 7 text

WEB͸ߏ଄Խ͞ΕͨจॻΛ දݱ͢Δ͚ͩͷ෺Ͱ͸ͳ͘ͳͬͨ

Slide 8

Slide 8 text

WEB͸ ϢʔβΠϯλʔϑΣʔε Λఆٛ͢Δ΋ͷʹͳΓ

Slide 9

Slide 9 text

WEB͸ ΞϓϦέʔγϣϯ ͷ࣮ߦ؀ڥʹͳͬͨ

Slide 10

Slide 10 text

͜ͷWEBͷ໾ׂͷ֦େʹ൐͍ JavaScript ͸ΑΓ ෳࡶʹԠ༻͞ΕΔΑ͏ʹͳ͍ͬͯͬͨ

Slide 11

Slide 11 text

͔͠͠ JavaScript ͷ࢓༷͸ͦͷԠ༻ʹ௥ैͯ͜͠ͳ͔ͬͨ

Slide 12

Slide 12 text

JavaScriptΛखͰॻ͍ͯ ۙ୅తͳWEBΞϓϦέʔγϣϯΛ࡞Δͷ͸ ۤ௧ͱݴͬͯྑ͍࡞ۀͰ͋Δ ۤ௧Λආ͚Δํ๏͕ز͔ͭߟ͑ͩ͞Εͨ JavaScriptͷϥΠϒϥϦͰԿͱ͔͢Δ JavaScriptʹม׵͞ΕΔΑΓߴڃͳݴޠ JavaScriptʹ୅ΘΔಈతͳWEBΛ࣮ݱ͢Δٕज़

Slide 13

Slide 13 text

JavaScriptͷϥΠϒϥϦͰԿͱ͔͢Δ JavaScriptʹม׵͞ΕΔΑΓߴڃͳݴޠ JavaScriptʹ୅ΘΔಈతͳWEBΛ࣮ݱ͢Δٕज़ Native Client

Slide 14

Slide 14 text

Կނطʹ޿͘ ࢖ΘΕ͍ͯΔݴޠ Λ࢖Θͳ͍ͷ͔ JavaScriptʹม׵͞ΕΔΑΓߴڃͳݴޠ

Slide 15

Slide 15 text

Google WEB Toolkit

Slide 16

Slide 16 text

JavaΛJavaScriptʹίϯύΠϧ͢Δ Google WEB Toolkit

Slide 17

Slide 17 text

JavaΛJavaScriptʹίϯύΠϧ͢Δ Google WEB Toolkit C++ ͸JavaScriptʹίϯύΠϧͰ͖ͳ͍ͷ͔

Slide 18

Slide 18 text

Emscripten

Slide 19

Slide 19 text

C++Ͱ࡞Δ WEBΞϓϦέʔγϣϯ #include int m ain() { std::cout << “Hello, W orld!” << std::endl; } Naomasa Matsubayashi

Slide 20

Slide 20 text

@fadis_ Naomasa Matsubayashi

Slide 21

Slide 21 text

LLVM

Slide 22

Slide 22 text

LLVM ࠷దԽ clang llvm- pytho lawk ghc perl6 flang ldc x86 Power PC ARM MIPS SPARC JVM DCPU- 16

Slide 23

Slide 23 text

LLVM clang ࠷దԽ JavaScript JavaScriptͱ͍͏ϚγϯޠΛ ੜ੒͢ΔόοΫΤϯυ Emscripten

Slide 24

Slide 24 text

LLVM clang ࠷దԽ JavaScript C͔ΒWebϒϥ΢βͷ ػೳΛୟ͘ҝͷϥΠϒϥϦ Emscripten ϥΠϒϥϦ Emscripten

Slide 25

Slide 25 text

༻ҙ͢Δ΋ͷ OPEFKT HJU QZUIPO DMPTVSFDPNQJMFS $ git clone git://github.com/kripken/emscripten.git EmscriptenΛೖख FNDD͕$ίϯύΠϥ FN͕$ίϯύΠϥ MMWN DMBOH ۙ୅తͳ8FCϒϥ΢β

Slide 26

Slide 26 text

$ ../emscripten/em++ hello.cpp $ ls! a.out.js hello.cpp $ node a.out.js! Hello, World! #include ! ! int main() {! std::cout << “Hello, World!” << std::endl;! }

Slide 27

Slide 27 text

function _main() {! var label = 0;! var $this_addr_i;! var $__pf_addr_i;! var $call=__ZNSt3__1lsINS_11char_traitsIcEEEERNS_1 3basic_ostreamIcT_EES6_PKc(13760, ((2096)|0));! $this_addr_i=$call;! $__pf_addr_i=12;! var $this1_i=$this_addr_i;! var $0=$__pf_addr_i;! var $call_i=FUNCTION_TABLE[$0]($this1_i);! return 0;! }! Module["_main"] = _main; std::__1::basic_ostream! >& std::__1::operator<< ! >(! std::__1::basic_ostream! >&,! char const*! )

Slide 28

Slide 28 text

-O2ͰGoogle Closure Compiler

Slide 29

Slide 29 text

HTMLܗࣜͰཉ͍࣌͠ $ ../emscripten/em++ hello.cpp -o hello.html ग़ྗϑΝΠϧͷ֦ுࢠΛ.htmlʹ͠Α͏

Slide 30

Slide 30 text

IUUQXXXVTBLVSBOFKQFNIFMMP

Slide 31

Slide 31 text

int main() {! while( 1 ) {! // ͳΜ͔ॲཧ! }! } ϝΠϯϧʔϓ μϝɺθολΠ

Slide 32

Slide 32 text

ฦͬͯ͜ͳ͍JavaScriptϋϯάͨ͠Webϖʔδ

Slide 33

Slide 33 text

#include ! int main_loop {! // ͳΜ͔ॲཧ! }! int main() {! emscripten_set_main_loop( &main_loop, 60, 0 );! } JavaScriptͷTFU*OUFSWBMͰNBJO@MPPQΛఆظతʹݺͿ emscripten_set_main_loop

Slide 34

Slide 34 text

ଟ͘ͷ৔߹WebͷσβΠϯͱ εΫϦϓτ͸ผʑʹ࡞ΒΕΔ طʹ༻ҙ͞ΕͨhtmlϑΝΠϧ͔Β ੜ੒ͨ͠JavaScriptΛ࢖͍͍ͨ

Slide 35

Slide 35 text

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++ JavaScript extern “C”! int hoge( int a ) {! /* ͳΜ͔ॲཧ */! return 5;! } var b =! Module._hoge( 3 ); γϯϘϧ໊

Slide 36

Slide 36 text

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱͷܕ͕૊ΈࠐΈͷ੔਺ܕɺුಈখ਺఺਺ܕɺ ϙΠϯλܕͳΒ JavaScriptͷ਺஋ΛҾ਺ʹ౉ͤΔ JavaScriptͷม਺Ͱ਺஋ѻ͍Ͱ໭Γ஋Λड͚ͱΕΔ C++Ͱͷܕ͕DIBSܕ΁ͷϙΠϯλͳΒ JavaScriptͷจࣈྻΛҾ਺ʹ౉ͤΔ JavaScriptͷม਺Ͱจࣈྻѻ͍Ͱ໭Γ஋Λड͚ͱΕΔ

Slide 37

Slide 37 text

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱॻ͔Εͨߴ଎ϑʔϦΤม׵ΛJavaScript͔Β࢖͏ྫ #include ! #include ! #include ! #include ! #include ! #include "kissfft.hh"! constexpr size_t fft_size = 2048u; ! extern "C" void fft( float *in, float *out ) {! typedef kissfft< float >::cpx_type cpx;! std::array< cpx, fft_size > in_complex;! boost::copy(! boost::iterator_range< float* >( in, in + fft_size ),! boost::begin( in_complex )! );! std::array< cpx, fft_size > out_complex;! kissfft< float > fft_( fft_size, false );! fft_.transform( in_complex.data(), out_complex.data() );! boost::transform( out_complex, out, []( const cpx &e ) {! return e.real();! } );! }

Slide 38

Slide 38 text

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱॻ͔Εͨߴ଎ϑʔϦΤม׵ΛJavaScript͔Β࢖͏ྫ $ ../emscripten/em++ -std=c++0x! -I../boost/include fft.cpp -o fft.js -s EXPORTED_FUNCTIONS="['_fft']"! -s ASM_JS=1 -O2 CPPTUͷϔομ࢖͏ΜͰΑΖ͘͠ +BWB4DSJQUϑΝΠϧܗࣜͰग़ྗͯ͠Ͷ γϯϘϧ@⒎U͸֎෦͔ΒࢀরՄೳͰͳ͚Ε͹ͳΒͳ͍ BTNKT࢖ͬͯͶ

Slide 39

Slide 39 text

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱॻ͔Εͨߴ଎ϑʔϦΤม׵ΛJavaScript͔Β࢖͏ྫ ...! ! ! FFT! ! ... ⒎UKT

Slide 40

Slide 40 text

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱॻ͔Εͨߴ଎ϑʔϦΤม׵ΛJavaScript͔Β࢖͏ྫ ...! ! <!--! function run() {! var before = document.getElementById('before');! var after = document.getElementById('after');! var input = Module._malloc( 2048 * 4 );! var output = Module._malloc( 2048 * 4 );! var i;! for( i = 0; i != 2048; i++ ) {! setValue( input + i * 4, Math.random(), 'float' );! before.innerText += Math.floor( getValue( input + i * 4, 'float' ) * 1000 ) / 1000 + ',';! if( i % 16 == 15 ) {! before.innerText += '\n';! }! }! Module._fft( input, output );! for( i = 0; i != 2048; i++ ) {! ϝϞϦྖҬΛ֬อ C++ଆͷؔ਺Λݺͼग़͢ JOQVUʹཚ਺Λઃఆͯ͠ ͍ͭͰʹදࣔ TFU7BMVF ΞυϨε ஋ --7.Ͱͷܕ ࢦఆͨ͠ΞυϨεʹɺ஋Ληοτ͢Δɻ ܕ͸ୈࡾҾ਺Ͱࢦఆͨ͠ܕͩͬͨ͜ͱʹ͢Δɻ HFU7BMVF ΞυϨε --7.Ͱͷܕ ࢦఆͨ͠ΞυϨε͔Β஋ΛಡΈग़͢ɻ ܕ͸ୈࡾҾ਺Ͱࢦఆͨ͠ܕͩͬͨ͜ͱʹ͢Δɻ

Slide 41

Slide 41 text

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱॻ͔Εͨߴ଎ϑʔϦΤม׵ΛJavaScript͔Β࢖͏ྫ for( i = 0; i != 2048; i++ ) {! setValue( input + i * 4, Math.random(), 'float' );! before.innerText += Math.floor( getValue( input + i * 4, 'float' ) * 1000 ) / 1000 + ',';! if( i % 16 == 15 ) {! before.innerText += '\n';! }! }! Module._fft( input, output );! for( i = 0; i != 2048; i++ ) {! after.innerText += Math.floor( getValue( output + i * 4, 'float' ) * 1000 ) / 1000 + ',';! if( i % 16 == 15 ) {! after.innerText += '\n';! }! }! Module._free( input );! Module._free( output );! }! -->! ! !

! !

Slide 42

Slide 42 text

खͰॻ͍ͨJavaScriptͰ͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱॻ͔Εͨߴ଎ϑʔϦΤม׵ΛJavaScript͔Β࢖͏ྫ IUUQXXXVTBLVSBOFKQFNJOUFSPQ

Slide 43

Slide 43 text

Embind C++ JavaScript

Slide 44

Slide 44 text

#include #include size_t calc_hash( const std::string &src ) { return boost::hash< std::string >()( src ); } using namespace emscripten; EMSCRIPTEN_BINDINGS(mod) { function("hash", &calc_hash); } ͜ΕΛ ͜ͷ໊લͰ ؔ਺Λࢦఆ໊ͨ͠લͰJavaScriptଆʹݟͤΔ Module.hash( value );

Slide 45

Slide 45 text

C++ͷߏ଄ମʹJavaScript͔ΒΞΫηε͢Δ #include ! #include ! using namespace emscripten;! EMSCRIPTEN_BINDINGS(mod) {! value_struct< std::pair >("float2")! .field("first", &std::pair::first )! .field("second", &std::pair::second );! function( "create_float2", &std::make_pair< float, float > );! } var i = Module.create_float2( 2.0, 3.0 );! i.first = 5;

Slide 46

Slide 46 text

C++ͷΫϥεʹJavaScript͔ΒΞΫηε͢Δ #include ! class Hoge {! const int a;! public:! Hoge( int a_ ) : a( a_ ) {}! int run( int b ) { return a * b; }! };! using namespace emscripten;! EMSCRIPTEN_BINDINGS(mod) {! class_("Hoge")! .constructor()! .function("run", &Hoge::run );! } var hoge = new Module.Hoge( 3 );! var result = hoge.run( 4 );! // result = 12

Slide 47

Slide 47 text

C++ͷΫϥεʹJavaScript͔ΒΞΫηε͢Δ #include ! class Fuga {! int a;! public:! Fuga( int a_ ) : a( a_ ) {}! void set( int a_ ) { a = a_; }! int get() const { return a*2; }! };! using namespace emscripten;! EMSCRIPTEN_BINDINGS(mod) {! class_("Fuga")! .constructor()! .property( "x", &Fuga::get, &Fuga::set );! } var fuga = new Module.Fuga( 3 );! fuga.a = 5;! var result = fuga.a;! // result = 10

Slide 48

Slide 48 text

Emscriptenͷώʔϓ var fuga =! new Module.Fuga ώʔϓͷ ΞυϨεۭؒ 'VHBͷΞυϨε 'VHB GVHB 'VHBͷΞυϨε JavaScript C++ fuga.delete() delete 'VHBͷΞυϨε fuga.run() 'VHBͷΞυϨε ->run() ΦϒδΣΫτ͸ഁغ͢ΔલʹEFMFUF

Slide 49

Slide 49 text

Emscriptenͷώʔϓ 'VHB ώʔϓͷ ΞυϨεۭؒ 'VHBͷΞυϨε var fuga =! new Module.Fuga GVHB 'VHBͷΞυϨε fuga.run() JavaScript C++ 'VHBͷΞυϨε ->run() ͜͜ͷΞυϨεͷอ࣋ʹ εϚʔτϙΠϯλΛ࢖͍͍ͨ var fuga = new Module.Fuga();! Module.do_something( fuga );! // C++ͷؔ਺ʹϙΠϯλ౉͠! fuga.delete();! // ຊ౰ʹ͜͜Ͱdeleteͯ͠΋େৎ෉?

Slide 50

Slide 50 text

struct Piyo {! int run( int a ) { return a + 3; }! };! using namespace emscripten;! EMSCRIPTEN_BINDINGS(piyo) {! class_("Piyo")! // class PiyoΛόΠϯυ! .smart_ptr>()! // std::shared_ptrΛ࢖ͬͯͶ! .constructor<>()! // Ҿ਺ແ͠ͷίϯετϥΫλΛόΠϯυ! .function( "run", &Piyo::run );! // ϝϯόؔ਺runΛόΠϯυ! }

Slide 51

Slide 51 text

void do_something( std::shared_ptr< Piyo > piyo ) {! ...! } var piyo = Module.get_piyo();! Module.do_something( piyo );! piyo.delete();! // ͜͜Ͱ͸ࢀরΧ΢ϯτ͕1ݮΔ͚ͩ std::shared_ptr< Piyo > get_piyo() {! return std::shared_ptr< Piyo >( new Piyo() );! }

Slide 52

Slide 52 text

EMSCRIPTEN_BINDINGS(piyo) {! class_("Piyo")! .smart_ptr_constructor(! &std::make_shared< Piyo >! )! // JavaScriptଆʹstd::shared_ptrͳ! // ΦϒδΣΫτΛฦ͢ίϯετϥΫλ! .function( "run", &Piyo::run );! } var piyo = new Module.Piyo();! Module.do_something( piyo );! piyo.delete();! // ͜͜Ͱ͸ࢀরΧ΢ϯτ͕1ݮΔ͚ͩ

Slide 53

Slide 53 text

Emscripten͕ੜ੒ͨ͠JavaScript͔Β ࠷ॳ͔ΒJavaScriptͰॻ͔Εͨؔ਺Λݺͼग़͢ #include ! extern "C"! void entry() {! emscripten_run_script(! "document.getElementById('output').innerText="! "'Hello, World!';"! );! } emscripten_run_script

Slide 54

Slide 54 text

Emscripten͕ੜ੒ͨ͠JavaScript͔Β ࠷ॳ͔ΒJavaScriptͰॻ͔Εͨؔ਺Λݺͼग़͢ C++͔ΒHTMLͷϒϩοΫཁૉͷத਎Λॻ͖׵͑Δ IUUQXXXVTBLVSBOFKQFNJOUFSPQ

Slide 55

Slide 55 text

ϥΠϒϥϦ

Slide 56

Slide 56 text

ϥΠϒϥϦΛ࢖͍ͨ͘ͳͬͨΒ $ ../emscripten/emconfigure ./configure --prefix=(ུ)! $ ../emscripten/emmake make! $ ../emscripten/emmake make install --7.தؒίʔυͷঢ়ଶͷϥΠϒϥϦ͕ੜ੒͞ΕΔ $ ../emscripten/em++ hoge.cpp -o hoge.bc! $ llvm-link hoge.bc libz.so.1.2.8 -o linked.bc! $ ../emscripten/em++ composite.bc -o hoge.html LLVM LinkerͰϦϯΫ͠Α͏

Slide 57

Slide 57 text

ڞ༗ϥΠϒϥϦͷ࢓૊Έ͸ ݕ౼͞Ε͍ͯΔ͕·ͩυϥϑτ IUUQTHJUIVCDPNLSJQLFOFNTDSJQUFOXJLJ-JCSBSZ4VQQPSU

Slide 58

Slide 58 text

BoostͷϏϧυ͸΍΍໘౗ IUUQDPNNFOUTHNBOFPSHHNBOFDPNQDPNQJMFSTFNTDSJQUFO BUPNJD DISPOP EBUF@UJNF pMFTZTUFN HSBQI QSPHSBN@PQUJPO SBOEPN SFHFY TFSJBMJ[BUJPO TJHOBMT TZTUFN UJNFS XTFSJBMJ[BUJPO গͳ͘ͱ΋Ϗϧυ͸௨ΔϥΠϒϥϦ

Slide 59

Slide 59 text

Ծ૝ϑΝΠϧγεςϜ

Slide 60

Slide 60 text

Emscripten͸طଘͷC++ͷϥΠϒϥϦΛͦͷ·· WEBʹྲྀ༻͢Δ͜ͱΛ໨ࢦ͍ͯ͠Δ طଘͷଟ͘ͷC++ͷϥΠϒϥϦ͕ ϑΝΠϧೖग़ྗΛඞཁͱ͍ͯ͠Δ Emscriptenʹ͸ϝϞϦ্Ͱಈ࡞͢Δ Ծ૝తͳϑΝΠϧγεςϜ͕༻ҙ͞Ε͍ͯΔ

Slide 61

Slide 61 text

#include #include #include #include int main() { boost::filesystem::directory_iterator iter( boost::filesystem::path( "/dev" ) ); const boost::filesystem::directory_iterator end; for( ; iter != end; ++iter ) std::cout << iter->path() << std::endl; } ͜ΜͳίʔυΛॻ͍ͯ΋

Slide 62

Slide 62 text

ಈ͘ IUUQXXXVTBLVSBOFKQFNGT

Slide 63

Slide 63 text

ϑΝΠϧγεςϜʹϑΝΠϧΛ௥Ճ͢Δʹ͸ $ ../emscripten/em++ -std=c++0x fft.cpp ! -o hoge.cpp --preload-file hoge.txt --preload-file

Slide 64

Slide 64 text

কདྷతʹWebStorageͱ ࿈ܞ͢ΔҊ͸͋Δ͕ະରԠ

Slide 65

Slide 65 text

Emscripten͕ੜ੒͢ΔJavaScript͸ Ͱ͔ͯ͘نଇత

Slide 66

Slide 66 text

ѹॖͤΑ

Slide 67

Slide 67 text

$ ../emscripten/em++ -O2 hoge.cpp -o hoge.html! --compression ../emscripten/third_party/ lzma.js/lzma-native,../emscripten/third_party/ lzma.js/lzma-decoder.js,LZMA.decompress Emscriptenʹಉࠝ͞Ε͍ͯΔ LZMA.js --compression

Slide 68

Slide 68 text

IPHFIUNM EFDPNQSFTTKT ຊମ ϑΝΠϧγεςϜ

Slide 69

Slide 69 text

Canvas

Slide 70

Slide 70 text

Canvas͸SDLͷϑϨʔϜόοϑΝͩ #include ͯ͠ SDL_Init( SDL_INIT_VIDEO ); ॳظԽ͠ screen = SDL_SetVideoMode(512, 512, 32, SDL_SWSURFACE ); ιϑτ΢ΣΞαʔϑΣεΛ࡞Ε͹

Slide 71

Slide 71 text

ඳ͚Δ IUUQXXXVTBLVSBOFKQFNTEM

Slide 72

Slide 72 text

ը૾

Slide 73

Slide 73 text

Ծ૝ϑΝΠϧγεςϜ্ͷը૾ΛಡΈࠐΉʹ͸ libjpegͱ͔ΛJavaScriptʹίϯύΠϧͯ͠΋͍͍͚Ͳ SDL_image ϒϥ΢βͷը૾σίʔμΛ࢖͏ ଎͍

Slide 74

Slide 74 text

CanvasʹJPEGը૾Λදࣔ IUUQXXXVTBLVSBOFKQFNKQFH

Slide 75

Slide 75 text

Slide 76

Slide 76 text

SDL_Audio WebAudio OpenAL WebAL

Slide 77

Slide 77 text

OpenAL͕WebALʹϚοϓ͞Ε͍ͯΔ #include #include ͯ͠ device = alcOpenDevice ( NULL ); context = alcCreateContext( device, NULL ); ίϯςΩετΛ࡞ͬͯ alGenSources( 1, &source ); alGenBuffers( 1, &buffer ); alBufferData( buffer, AL_FORMAT_MONO16, brass, 76833 * 2, 48000 ); alSourceQueueBuffers( source, 1, &buffer ); ιʔεͱόοϑΝΛ࡞ͬͯ ೾ܗσʔλΛॻ͖ࠐΜͰ alSourcePlay( source ); ࠶ੜ͢Δͱ

Slide 78

Slide 78 text

Ի͕ग़Δ IUUQXXXVTBLVSBOFKQFNBM

Slide 79

Slide 79 text

%άϥϑΟοΫε

Slide 80

Slide 80 text

OpenGL WebGL OpenGL ES

Slide 81

Slide 81 text

OpenGL͕WebGLʹϚοϓ͞Ε͍ͯΔ OpenGL ESʹ؆୯ʹஔ͖׵͑ΒΕΔͱ͜Ζ͚ͩ std::cout << glGetString( GL_VERSION ) << std::endl; WebGL 1.0 (OpenGL ES 2.0 Chromium) WARNING: using emscripten GL emulation. This is a collection of limited workarounds, do not expect it to work ܯࠂEmscriptenͷ(-ΤϛϡϨʔγϣϯΛ࢖༻தɻ ͜Ε͸·ͩ࡞Γ͔͚ͩʂಈ͘ͱࢥ͏ͳΑʂ WARNING: using emscripten GL immediate mode emulation. This is very limited in what it supports ܯࠂEmscriptenͷ(-JNNFEJBUFϞʔυͷ ΤϛϡϨʔγϣϯΛ࢖༻தɻ ͜ͷ෦෼ͷαϙʔτঢ়گ͸ۃΊͯݶఆతͩʂ ωΠςΟϒͰಈ͍ͯΔͷʹϒϥ΢βͰಈ͔ͳ͍ͱ͖͸ Emscriptenͷ࠷৽൛ΛQVMMͯ͘͠Δͱಈ͘ࣄ͕ Α͋͘Δ

Slide 82

Slide 82 text

࠷৽൛Ͱ΋όάͬͯΔ͜ͱ͕ Α͋͘Δ OpenGL͕௖఺ΠϯσοΫεʹ࢖͑Δܕ CJU੔਺ CJU੔਺ CJU੔਺ OpenGL ES͕௖఺ΠϯσοΫεʹ࢖͑Δܕ CJU੔਺ CJU੔਺ EmscriptenͷOpenGLΤϛϡϨʔγϣϯʹ CJU௖఺ΠϯσοΫεΛ৯΂ͤ͞Δͱ CJUͬͯݴͬͯΔͷʹCJU۠੾ΓͰಡΜͰ͘ΕΔ

Slide 83

Slide 83 text

OpenGL ESͷؾ࣋ͪΛߟ͑ͯ OpenGLΛॻ͜͏ ෆ޾ʹͳΒͳ͍ͨΊͷίπ

Slide 84

Slide 84 text

OpenGL ESͷؾ࣋ͪΛߟ͑ͨ݁Ռ IUUQXXXVTBLVSBOFKQFNHM

Slide 85

Slide 85 text

ιέοτ

Slide 86

Slide 86 text

௨৴Λதܧ͢Δ͚ͩͷ σʔϞϯ WebSocket WebSocket Զαʔό ԶΫϥΠΞϯτ

Slide 87

Slide 87 text

WebRTC https://github.com/kripken/emscripten/pull/1070

Slide 88

Slide 88 text

try {! throw hoge();! } catch( const hoge& ) {! std::cerr << “oops” << std::endl;! } ͦͷଞ

Slide 89

Slide 89 text

Emscripten͸σϑΥϧτͰ ྫ֎͕DBUDIͰ͖ͳ͘ͳ͍ͬͯΔ -s DISABLE_EXCEPTION_CATCHING=0 DBUDIͰ͖ΔΑ͏ʹ͠Α͏

Slide 90

Slide 90 text

ྫ֎͕ඈΜͩ࣌ʹඈΜͩྫ֎Λදࣔ͢Δ -s EXCEPTION_DEBUG=1 ؔ਺ͷग़ೖΓΛදࣔ͢Δ -s LABEL_DEBUG=1 -s CORRUPTION_CHECK=1 όοϑΝΦʔόʔϥϯΛݕग़͢Δ -s SAFE_HEAP=1 ൣғ֎ࢀরٴͼΞϥΠϯϝϯτͷෆҰகΛݕग़͢Δ -s ASSERTIONS=1 ͳΜ͔࣮ߦ࣌ͷνΣοΫ͕૿͑Δ ৄࡉෆ໌

Slide 91

Slide 91 text

طʹ৭ʑͳιϑτ΢ΣΞ͕ Webϒϥ΢β্Ͱಈ͍͍ͯΔ

Slide 92

Slide 92 text

IUUQTHJUIVCDPNLSJQLFOTRMKT

Slide 93

Slide 93 text

IUUQNBOVFMTHJUIVCJPUFYMJWFKTXFCTJUF

Slide 94

Slide 94 text

IUUQLSJQLFOHJUIVCJPBNNPKTFYBNQMFT OFXBNNPIUNM

Slide 95

Slide 95 text

IUUQLSJQLFOHJUIVCJPMMWNKTEFNPIUNM

Slide 96

Slide 96 text

IUUQSFQMJUMBOHVBHFT1ZUIPO

Slide 97

Slide 97 text

IUUQSFQMJUMBOHVBHFT3VCZ

Slide 98

Slide 98 text

IUUQWQTFUPUIFJQJQMVTPOFDPN SFENJOFQSPKFDUTFNTDSJQUFORUXJLJ %FNPT

Slide 99

Slide 99 text

IUUQXXXVOSFBMFOHJOFDPNIUNM

Slide 100

Slide 100 text

ଞʹ΋༷ʑͳιϑτ΢ΣΞ͕ϒϥ΢β্Ͱಈ͍͍ͯΔ IUUQTHJUIVCDPNLSJQLFOFNTDSJQUFOXJLJ

Slide 101

Slide 101 text

ղܾ͞Ε͍ͯͳ͍໰୊

Slide 102

Slide 102 text

JavaScriptʹ͸εϨου͕ͳ͍

Slide 103

Slide 103 text

http://dl.acm.org/citation.cfm?id=2048224

Slide 104

Slide 104 text

·ͱΊ

Slide 105

Slide 105 text

ωΠςΟϒΞϓϦέʔγϣϯ΋ WebΞϓϦέʔγϣϯ΋ ಉ͡Α͏ʹॻ͚Δ࣌୅͕΍ͬͯ͘ Δ

Slide 106

Slide 106 text

JavaScriptΛखͰॻ͘ͷ͸΍Ίͯ C++Λॻ͜͏

Slide 107

Slide 107 text

Thank you for listening ϒϥ΢β্ͰuARMΛ࢖ͬͯ LinuxΛىಈ͠Α͏ͱ͚ͨ͠Ͳ ϒʔτதʹϋϯάͨ͠ਤ IUUQXXXVTBLVSBOFKQFNV"3. IUUQXXXVTBLVSBOFKQFN ࠓ೔ͷൃදͷαϯϓϧҰཡ