[B! Web][javascript] snjxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

snjx id:snjx

Webã¨javascriptã«é–¢ã™ã‚‹snjxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

WebAssemblyå…¥é–€ â”€ Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ç¾å®Ÿçš„ãªãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã‚’çŸ¥ã‚Šã€Wasmè£½ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½“é¨“ã—ã¦ã¿ã‚ˆã†ï¼ï½œãƒã‚¤ã‚¯ãƒ©ã‚¹è»¢è·ãƒ»æ±‚äººæƒ…å ±ã‚µã‚¤ãƒˆ ã‚¢ãƒ³ãƒ“ï¼ˆAMBIï¼‰
ãƒã‚¤ã‚¯ãƒ©ã‚¹æ±‚äººTOP ITè¨˜äº‹ä¸€è¦§WebAssemblyå…¥é–€Â â”€Â Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ç¾å®Ÿçš„ãªãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã‚’çŸ¥ã‚Šã€Wasmè£½ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½“é¨“ã—ã¦ã¿ã‚ˆã†ï¼ WebAssemblyå…¥é–€Â â”€Â Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ç¾å®Ÿçš„ãªãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã‚’çŸ¥ã‚Šã€Wasmè£½ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½“é¨“ã—ã¦ã¿ã‚ˆã†ï¼ WebAssemblyï¼ˆWasmï¼‰ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§ç›´æŽ¥å‹•ããƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨ã—ã¦ã€JavaScriptã‚’ç½®ãæ›ãˆã‚‹æœŸå¾…ãŒå¯„ã›ã‚‰ã‚Œã¾ã™ãŒã€å®Ÿéš›ã«WasmãŒæžœãŸã™ã¹ãå½¹å‰²ã‚„é©ã—ãŸãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã¨ã¯ã©ã†ã„ã£ãŸã‚‚ã®ã§ã—ã‚‡ã†ã‹ï¼ŸÂ Wasmã®å‹•ä½œã‚’ä½“é¨“ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã‚ã‚ã›ã¦ã€å±±æœ¬æ‚ æ»‹ï¼ˆigrepï¼‰ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚ WebAssemblyï¼ˆä»¥ä¸‹ã€ç•¥ç§°ã®ã€ŒWasmã€ã¨å‘¼ã³ã¾ã™ã€‚ã€Œã‚ãƒ£ã‚ºãƒ ã€ã‚„ã€Œï½žã‚¤ã‚ºãƒ ã€ãªã©ã‹ã‚‰ã®é¡žæŽ¨ãªã®ã‹ã€Œãƒ¯ã‚ºãƒ ã€ã¨ç™ºéŸ³ã™ã‚‹ã‚ˆã†ã§ã™ï¼‰ã¨ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã•ã¾ã–ã¾ãªç’°å¢ƒã§å‹•ä½œã™ã‚‹ã€ä»®æƒ³ãƒž
snjx 2022/07/04
javascript

web

æŠ€è¡“

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

è³‡æ–™

è€ƒå¯Ÿ

ãƒ„ãƒ¼ãƒ«

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Hotwireã‹ã‚‰DHHãŒè€ƒãˆã‚‹ã“ã‚Œã‹ã‚‰ã®Railsã¨JSã®ä»˜ãåˆã„æ–¹ã‚’çŸ¥ã‚‹
ã€ŒiCARE Dev Meetup #18ã€ï¿½ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ https://icare.connpass.com/event/201662/
snjx 2021/02/26
ruby

rails

hotwire

æŠ€è¡“

è¨è¨ˆ

è€ƒå¯Ÿ

javascript

web

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
HTML5Experts.jp
é€²åŒ–ã™ã‚‹Web ï½žProgressive Web Appsã®å®Ÿè£…ã¨å¿œç”¨ï½ž(de:code2018ã‚ˆã‚Š) ç‰©æ±Ÿ ä¿® 2018å¹´5æœˆã«é–‹å‚¬ã•ã‚ŒãŸæ—¥æœ¬ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆde:code 2018ã§ã€Œé€²åŒ–ã™ã‚‹Web ï½žProgressive Web Appsã®å®Ÿè£…ã¨å¿œç”¨ï½žã€ã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã§ããªã‹ã£ãŸ...
snjx 2019/02/06
æŠ€è¡“

html

html5

è³‡æ–™

web

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

HTML5

javascript

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
Nintendo Switchã®ä¸ã§ã¯ReactãŒå‹•ã„ã¦ã‚‹ï¼Nintendo eShopé–‹ç™ºç§˜è©±ã‚’èžã„ã¦ããŸ
Nintendo Switchã®ä¸ã§ã¯ReactãŒå‹•ã„ã¦ã‚‹ï¼Nintendo eShopé–‹ç™ºç§˜è©±ã‚’èžã„ã¦ããŸ ç™½çŸ³ ä¿Šå¹³ï¼ˆHTML5 Experts.jpç·¨é›†é•·ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ç·¨é›†é•·ã®ç™½çŸ³ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€9æœˆ24æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸHTML5 Conference 2017ã«ç™»å£‡ã—ãŸã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã«ã€ãŠè©±ã•ã‚ŒãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãƒˆãƒ”ãƒƒã‚¯ã‚’ä¸å¿ƒã«èªžã£ã¦ã„ãŸã ã“ã†ã¨ã†ã„ã‚‚ã®ã§ã™ã€‚ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®å†…å®¹ã‚’ã‚ˆã‚Šæ·±ãç†è§£ã™ã‚‹æ‰‹åŠ©ã‘ã«ãªã‚‹ã ã‘ã§ãªãã€æœ¬è¨˜äº‹å˜ä½“ã§ã‚‚é¢ç™½ãèªã‚“ã§ã„ãŸã ã‘ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ã€ŒNintendo Switchã¨Webã€ã¨ã„ã†è¬›æ¼”ã‚’ã•ã‚Œã¦ã„ãŸä»»å¤©å ‚ã•ã‚“ã«ã€Switché–‹ç™ºã«ãŠã‘ã‚‹WebæŠ€è¡“ã®æ´»ç”¨æ–¹æ³•ã‚„ã€é–‹ç™ºç§˜è©±ã‚’ä¼ºã£ã¦ãã¾ã—ãŸã€‚ä»»å¤©å ‚ã®ãŠäºŒäººã¯äº¬éƒ½ã‹ã‚‰ã€ãƒªãƒ¢ãƒ¼ãƒˆã§ã®å–æã«å¿œã˜ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Nintendo Switchã§ã¯WebæŠ€è¡“ãŒå¤§æ´»èºï¼ ç™½çŸ³ ç°¡å˜ã«è‡ªå·±ç´¹ä»‹ã‚’ãŠé¡˜ã„ã§
snjx 2017/11/07
HTML5

Nintendo Switch

React

web

webã‚µãƒ¼ãƒ“ã‚¹

æŠ€è¡“

è€ƒå¯Ÿ

è³‡æ–™

javascript

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
Reactã§ã‚·ãƒ³ã‚»ã‚µã‚¤ã‚¶ãƒ¼ã‚’ä½œã£ãŸè©± - Speee DEVELOPER BLOG
ã“ã‚“ã«ã¡ã¯ã€nishayaã§ã™ã€‚ ç®¡ç†éƒ¨ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã€ç¤¾å†…å‘ã‘ã®ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã£ãŸã‚Šã€ ç¤¾å†…ã§é–‹å‚¬ã•ã‚Œã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã§ã‚³ãƒ¼ãƒ’ãƒ¼ã‚’æ·¹ã‚ŒãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ ç¤¾å†…å‘ã‘ã ã‹ã‚‰ã“ãã§ãã‚‹å†’é™ºã‚‚ã‚ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã€ ç¾åœ¨ã¯React/Reduxã‚’ç”¨ã„ãŸSPAé–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®SpeeeKaigi(ä¸‹è¨˜ã®è¨˜äº‹ã‚’å‚ç…§)ã§ã¯ã€ Reactã¨Reduxã‚’ä½¿ã£ã¦ã‚·ãƒ³ã‚»ã‚µã‚¤ã‚¶ãƒ¼ã‚’ä½œã‚‹è©±ã‚’ã—ã¾ã—ãŸã€‚ tech.speee.jp ç™ºè¡¨è³‡æ–™ ä½¿ç”¨ã—ãŸã‚‚ã® React Redux Web MIDI API Web Audio API Web MIDI APIã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€ä»Šå›žã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã¯Google Chromeã®ã¿ã¨ã—ã¾ã—ãŸã€‚ ãã®ãŸã‚ã€webkit ãƒ—ãƒ¬ãƒ•ã‚£ã‚¯ã‚¹ä»˜ãã®AudioContextã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ã€‚ ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ æ¥å‹™ã§SPAé–‹ç™ºã«React/Reduxã‚’ä½¿ç”¨ã™ã‚‹ã¨ã„ã†æ±ºå®šã‚’ã—
snjx 2017/09/20
React

MIDI

web

JavaScript

React.js

webã‚µãƒ¼ãƒ“ã‚¹

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

ãªã‚“ã˜ã‚ƒã“ã‚Šã‚ƒ

ã“ã‚Œã¯ã™ã”ã„

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã¾ã˜ãªè©±ã‚’ã™ã‚‹ã¨ã€Näºˆå‚™æ ¡ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å…¥é–€ã‚³ãƒ¼ã‚¹ã‚„ã‚‹ã®ãŒã‚ªã‚¹ã‚¹ãƒ¡ã€‚ ..
ã¾ã˜ãªè©±ã‚’ã™ã‚‹ã¨ã€Näºˆå‚™æ ¡ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å…¥é–€ã‚³ãƒ¼ã‚¹ã‚„ã‚‹ã®ãŒã‚ªã‚¹ã‚¹ãƒ¡ã€‚ https://www.nnn.ed.nico ä¸€æ—¥8æ™‚é–“å‹‰å¼·æ™‚é–“ãŒã‚ã‚‹ãªã‚‰ã€ã ã„ãŸã„ä¸€ãƒ¶æœˆã§çµ‚ã‚ã‚‹å†…å®¹ã€‚ æœˆé¡1000å††ã ã‘ã©ã—ã£ã‹ã‚Šå‹‰å¼·ã™ã‚Œã°ä¸€ãƒ¶æœˆã®ç„¡æ–™æœŸé–“ä¸ã«çµ‚ã‚ã‚‹ã¨æ€ã†ã€‚ ã‚‚ã¨ã‚‚ã¨Né«˜ç‰å¦æ ¡ã®ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ç”Ÿå¾’ã‚’Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦å°±è·ã•ã›ã‚‹ãŸã‚ã«ä½œã‚‰ã‚ŒãŸã‚«ãƒªã‚ãƒ¥ãƒ©ãƒ ã§è¬›å¸«æ›°ãåŽ»å¹´ã¯ã“ã‚Œã§äºŒäººã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å°±è·ã‚’æ±ºã‚ãŸã‚‰ã—ã„ã€‚ å†…å®¹ã‚‚ç›¸å½“è¦ªåˆ‡ã«èª¬æ˜Žã—ã¦ã„ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ä½•ã‹ä½œã‚‹ã ã‘ã˜ã‚ƒãªãã¦ã€å°±è·ã«å¿…è¦ãªç’°å¢ƒæ§‹ç¯‰ã‚„ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã¾ã§ã¿ã£ã¡ã‚Šã‚„ã‚‹ã€‚ http://qiita.com/sifue/it ems/7e7c7867b64ce9742aee#%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88%E3%82%92%E3%82%82%E3%81%A8%E3%81%AB
snjx 2017/09/11
ã»ã»ã…

ã‚ã¨ã§èªã‚€

javascript

html

web

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

è€ƒå¯Ÿ

æŠ€è¡“

è³‡æ–™

æ•™è‚²
ãƒªãƒ³ã‚¯
ã‚„ã°ã„ã€iOSã«ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªè¦ã‚‰ãªããªã‚‹ã‹ã‚‚ã€‚Safariã‚‚PWAã«å¯¾å¿œã™ã‚‹å¯èƒ½æ€§ - Qiita
ã“ã‚Œä»¥ä¸Šã¯é•·ããªã‚‹ãŸã‚å¾Œè¿°ï¼Ž Chromeã¯æ—¢ã«ï¼ŒSafariã‚‚ã‚ˆã†ã‚„ã ä¸Šè¨˜ã®é€šã‚Šï¼ŒService WorkersãŒPWAã§ã‚‚æœ€é‡è¦ãªæ©Ÿèƒ½ã®ä¸€ã¤ã§ã‚ã‚‹ï¼ŽChromeã§ã¯æ—¢ã«å¯¾å¿œæ¸ˆã¿ï¼Ž ã—ã‹ã—SafariãŒå¯¾å¿œã—ã¦ãŠã‚‰ãšï¼Œä¸–é–“çš„ã«ã¯ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸ŠãŒã‚‰ãªã„çŠ¶æ³ã§ã‚ã£ãŸï¼ˆã‚„ã¡ã¾ã‚‚ãã®ä¸€äººã§ã‚ã‚‹ï¼‰ï¼Ž Safariã«ãŠã„ã¦ï¼ŒService Workersã®å®Ÿè£…çŠ¶æ³ No active development ãŒ Under Consideration ã«ãªã£ãŸã®ã¯2015/12/041ã®ã“ã¨ã§ã‚ã‚‹ï¼Ž 20ãƒ¶æœˆã¨ã„ã†æ°¸é ã¨ã‚‚å‘¼ã¹ã‚‹æ™‚ã‚’çµŒã¦ï¼Œ2017/08/032ã«ã‚ˆã†ã‚„ã In Development ã¨ãªã£ãŸã‚ã‘ã§ã‚ã£ãŸï¼Ž ã ã‹ã‚‰ä½•ãªã®ã‹ Safariã«Service Workersã®å®Ÿè£…ãŒãªã•ã‚Œã‚‹ã¨ï¼Œä¸€æ°—ã«ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã¸ã®ç§»è¡ŒãŒé€²ã‚€å¯èƒ½æ€§ãŒå¤§ãã„ï¼Ž ãƒ–ãƒ©ã‚¦ã‚¶ã®åˆ¶ç´„ãŒå¼±ã¾ã‚Šï¼Œã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã®ä¸æŽ¡
snjx 2017/08/08
webã‚µãƒ¼ãƒ“ã‚¹

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

è³‡æ–™

è€ƒå¯Ÿ

æŠ€è¡“

javascript

web

pwa

http
ãƒªãƒ³ã‚¯
JSON ã®ç´¹ä»‹
JSON (JavaScript Object Notation)ã¯ã€è»½é‡ã®ãƒ‡ãƒ¼ã‚¿äº¤æ›ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã™ã€‚äººé–“ã«ã¨ã£ã¦èªã¿æ›¸ããŒå®¹æ˜“ã§ã€ãƒžã‚·ãƒ³ã«ã¨ã£ã¦ã‚‚ç°¡å˜ã«ãƒ‘ãƒ¼ã‚¹ã‚„ç”Ÿæˆã‚’è¡Œãªãˆã‚‹å½¢å¼ã§ã™ã€‚ JavaScriptãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªž ï¼ˆECMA-262æ¨™æº–ç¬¬3ç‰ˆ 1999å¹´12æœˆï¼‰ã®ä¸€éƒ¨ã‚’ãƒ™ãƒ¼ã‚¹ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ JSONã¯å®Œå…¨ã«è¨€èªžã‹ã‚‰ç‹¬ç«‹ã—ãŸãƒ†ã‚ã‚¹ãƒˆå½¢å¼ã§ã™ãŒã€Cã€C++ã€C#ã€Javaã€JavaScriptã€Perlã€Pythonã€ãã®ä»–å¤šãã®Cãƒ•ã‚¡ãƒŸãƒªãƒ¼ã®è¨€èªžã‚’ä½¿ç”¨ã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒžã«ã¨ã£ã¦ã¯ã€é¦´æŸ“ã¿æ·±ã„è¦ç´„ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰ã®æ€§è³ªãŒã€ JSONã‚’ç†æƒ³çš„ãªãƒ‡ãƒ¼ã‚¿äº¤æ›è¨€èªžã«ã—ã¦ã„ã¾ã™ã€‚ JSONã¯2ã¤ã®æ§‹é€ ã‚’åŸºã«ã—ã¦ã„ã¾ã™ã€‚ åå‰/å€¤ã®ãƒšã‚¢ã®é›†ã¾ã‚Šã€‚æ§˜ã€…ãªè¨€èªžã§ã€ã“ã‚Œã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã€ãƒ¬ã‚³ãƒ¼ãƒ‰ã€æ§‹é€ ä½“ã€ãƒ‡ã‚£ã‚¯ã‚·ãƒ§ãƒŠãƒªã€ãƒãƒƒã‚·ãƒ¥ãƒ†ãƒ¼ãƒ–ãƒ«ã€ã‚ãƒ¼ã®ã‚ã‚‹ãƒªã‚¹ãƒˆã€é€£æƒ³é…åˆ—ã¨ã—ã¦å®Ÿç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚
snjx 2014/04/29
ãã»ã‚“ã®ã

Json

ãƒ‡ãƒ¼ã‚¿

JAVASCRIPT

è³‡æ–™

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

web

ajax

æŠ€è¡“

åŸºæœ¬
ãƒªãƒ³ã‚¯
1