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

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

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

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

JavaScript͸ 8&#ϖʔδʹ؆୯ͳಈ͖Λ ༩͑ΔͨΊʹߟ͑ͩ͞Εͨ ੈلͷ຤ <html><head></head>! <script language="javascript"></script>! <body onload="window.setInterval( update, 100 );" >! <div id="marquee" style="position:absolute;width:100px;" >! Hello, World!! </div>! </body>! </html>

WEB͸มΘͬͨ

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

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

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

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

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

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

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

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

Google WEB Toolkit

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

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

Emscripten

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

@fadis_ Naomasa Matsubayashi

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

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

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

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

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

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<! char,! std::__1::char_traits<char>! >& std::__1::operator<< <! std::__1::char_traits<char>! >(! std::__1::basic_ostream<! char,! std::__1::char_traits<char>! >&,! char const*! )

-O2ͰGoogle Closure Compiler

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

IUUQXXXVTBLVSBOFKQFNIFMMP

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

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

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

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

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

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

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱॻ͔Εͨߴ଎ϑʔϦΤม׵ΛJavaScript͔Β࢖͏ྫ #include <array>! #include <utility>! #include <boost/range/iterator_range.hpp>! #include
<boost/range/algorithm/copy.hpp>! #include <boost/range/algorithm/transform.hpp>! #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();! } );! }

खͰॻ͍ͨ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࢖ͬͯͶ

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱॻ͔Εͨߴ଎ϑʔϦΤม׵ΛJavaScript͔Β࢖͏ྫ ...! <head>! <meta charset="UTF-8">! <title>FFT</title>! <script language="javascript"
src="./fft.js"></script>! ... ⒎UKT

खͰॻ͍ͨJavaScript͔Β Emscripten͕ੜ੒ͨؔ͠਺Λݺͼग़͢ C++Ͱॻ͔Εͨߴ଎ϑʔϦΤม׵ΛJavaScript͔Β࢖͏ྫ ...! <script language="javascript" src="./fft.js"></script>! <script language="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.Ͱͷܕ ࢦఆͨ͠ΞυϨε͔Β஋ΛಡΈग़͢ɻ ܕ͸ୈࡾҾ਺Ͱࢦఆͨ͠ܕͩͬͨ͜ͱʹ͢Δɻ

खͰॻ͍ͨ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 );! }! --></script>! </head>! <body onload="run()" >! <div class="console" id="before"></div>! <div class="console" id="after"></div>! </body>! </html> PVUQVUͷ಺༰Λग़ྗ ϝϞϦྖҬΛഁغ

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

Embind C++ JavaScript

#include <emscripten/bind.h> #include <boost/functional/hash.hpp> 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 );

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

C++ͷΫϥεʹJavaScript͔ΒΞΫηε͢Δ #include <emscripten/bind.h>! 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>("Hoge")! .constructor<int>()! .function("run", &Hoge::run );! } var hoge = new Module.Hoge( 3 );! var result = hoge.run( 4 );! // result = 12

C++ͷΫϥεʹJavaScript͔ΒΞΫηε͢Δ #include <emscripten/bind.h>! 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>("Fuga")! .constructor<int>()! .property( "x", &Fuga::get, &Fuga::set );! } var fuga = new Module.Fuga( 3 );! fuga.a = 5;! var result = fuga.a;! // result = 10

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

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ͯ͠΋େৎ෉?

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

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() );! }

EMSCRIPTEN_BINDINGS(piyo) {! class_<Piyo>("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ݮΔ͚ͩ

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

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

ϥΠϒϥϦ

ϥΠϒϥϦΛ࢖͍ͨ͘ͳͬͨΒ $ ../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ͰϦϯΫ͠Α͏

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

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

Ծ૝ϑΝΠϧγεςϜ

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

#include <iostream> #include <boost/filesystem/path.hpp> #include <boost/filesystem/operations.hpp> #include <boost/filesystem/fstream.hpp> 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; } ͜ΜͳίʔυΛॻ͍ͯ΋

ಈ͘ IUUQXXXVTBLVSBOFKQFNGT

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

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

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

ѹॖͤΑ

$ ../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

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

Canvas

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

ඳ͚Δ IUUQXXXVTBLVSBOFKQFNTEM

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

CanvasʹJPEGը૾Λදࣔ IUUQXXXVTBLVSBOFKQFNKQFH

SDL_Audio WebAudio OpenAL WebAL

OpenAL͕WebALʹϚοϓ͞Ε͍ͯΔ #include <AL/al.h> #include <AL/alc.h> ͯ͠ 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 ); ࠶ੜ͢Δͱ

Ի͕ग़Δ IUUQXXXVTBLVSBOFKQFNBM

%άϥϑΟοΫε

OpenGL WebGL OpenGL ES

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ͯ͘͠Δͱಈ͘ࣄ͕ Α͋͘Δ

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

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

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

ιέοτ

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

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

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

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

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

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

IUUQTHJUIVCDPNLSJQLFOTRMKT

IUUQNBOVFMTHJUIVCJPUFYMJWFKTXFCTJUF

IUUQLSJQLFOHJUIVCJPBNNPKTFYBNQMFT OFXBNNPIUNM

IUUQLSJQLFOHJUIVCJPMMWNKTEFNPIUNM

IUUQSFQMJUMBOHVBHFT1ZUIPO

IUUQSFQMJUMBOHVBHFT3VCZ

IUUQWQTFUPUIFJQJQMVTPOFDPN SFENJOFQSPKFDUTFNTDSJQUFORUXJLJ %FNPT

IUUQXXXVOSFBMFOHJOFDPNIUNM

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

ղܾ͞Ε͍ͯͳ͍໰୊

JavaScriptʹ͸εϨου͕ͳ͍

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

·ͱΊ

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

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

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

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

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

More Decks by Fadis

Other Decks in Programming

Featured

Transcript