[B! JavaScript][API] jsstudyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

jsstudy id:jsstudy

JavaScriptã¨APIã«é–¢ã™ã‚‹jsstudyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{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}}

Node.js + DDD + API ã‚µãƒ¼ãƒè¨è¨ˆ - tasuwo's notes
jsstudy 2020/03/14
è¨è¨ˆ

JavaScript

Node

API
ãƒªãƒ³ã‚¯
Next.jsã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’å…¨éƒ¨èªã‚“ã§ã¿ãŸ - $shibayu36->blog;
æœ€è¿‘Next.jsã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒæ›´æ–°ã•ã‚Œã¦ã€APIãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒä»˜ããªã©èªã¿ã‚„ã™ããªã£ãŸã®ã§ã€ã“ã®æ©Ÿä¼šã«å…¨éƒ¨èªã‚“ã§ã¿ãŸã€‚ãƒ¡ãƒ¢ã‚’ç½®ã„ã¦ãŠãã€‚ https://nextjs.org/docs/routing/introduction#dynamic-route-segments pages/post/[â€¦all] â†’ /post/* (/post/2020/id/title) ã“ã‚“ãªã“ã¨ã§ãã‚‹ã®ã‹ï¼ãŸã å…¨éƒ¨å¸ã„è¾¼ã¾ã‚Œã‚‹ã®ã¯ä½¿ã„ã¥ã‚‰ãã† https://nextjs.org/docs/routing/shallow-routing router.pushã«shallowã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã¨ã€getInitialPropsã‚’å®Ÿè¡Œã—ãªã„ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒã§ãã‚‹ã€‚ãƒšãƒ¼ã‚¸å†…ã§ã‚¯ã‚¨ãƒªã‚„ãƒãƒƒã‚·ãƒ¥ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆã‚’å¤‰ãˆã‚‹ãªã©ã§ä¾¿åˆ©ã«ä½¿ãˆãã† import { useEffect } from 'react' imp
jsstudy 2020/01/16
"æœ€è¿‘Next.jsã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒæ›´æ–°ã•ã‚Œã¦ã€APIãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒä»˜ããªã©èªã¿ã‚„ã™ããªã£ãŸã®ã§ã€ã“ã®æ©Ÿä¼šã«å…¨éƒ¨èªã‚“ã§ã¿ãŸã€‚"

JavaScript

API

React
ãƒªãƒ³ã‚¯
JAMstack - Google æ¤œç´¢
Jamstackã¯ã€ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒãƒ¼ã‚’ä½¿ç”¨ã›ãšã«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é‹ç”¨ã™ã‚‹æ§‹æˆã§ã™ã€‚å¾“æ¥ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚„ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®æ–¹å¼ã«å¯¾ã™ã‚‹èª²é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«è€ƒæ¡ˆã•ã‚Œã€Â ...
jsstudy 2019/11/06
Netlifyã¯JAMstackã¨ã„ã†æ–°ã—ã„ç”¨èªžã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚https://coliss.com/articles/build-websites/operation/javascript/about-jamstack.html

è¨è¨ˆ

ç”¨èªž

SSG

CMS

React

Vue

API

JavaScript
ãƒªãƒ³ã‚¯
Webé–‹ç™ºã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã€ŒJAMã‚¹ã‚¿ãƒƒã‚¯ã€ãŒãªãœäººæ°—ã«ãªã£ã¦ã„ã‚‹ã®ã‹
é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒæœ€è¿‘ã€éžå¸¸ã«æ™®åŠã—ã¦ãã¾ã—ãŸã€‚ ãã‚Œã«åˆã‚ã›ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã®ãŒã€ŒJAMã‚¹ã‚¿ãƒƒã‚¯ã€ã§ã™ã€‚JAMã‚¹ã‚¿ãƒƒã‚¯ã¨ã¯ä½•ãªã®ã‹ã€ãªãœJAMã‚¹ã‚¿ãƒƒã‚¯ãŒäººæ°—ã«ãªã£ã¦ã„ã‚‹ã®ã‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Why JAMstack is Becoming so Popular by Luca Spezzano ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« JAMã‚¹ã‚¿ãƒƒã‚¯ã¨ã¯ JAMã‚¹ã‚¿ãƒƒã‚¯ã‚’ä½¿ç”¨ã™ã‚‹åˆ©ç‚¹ JAMã‚¹ã‚¿ãƒƒã‚¯ã¯ãªãœäººæ°—ãŒã‚ã‚‹ã®ã‹ ã¾ã¨ã‚ JAMã‚¹ã‚¿ãƒƒã‚¯ã®æœ‰ç”¨ãªãƒªã‚½ãƒ¼ã‚¹ ã¯ã˜ã‚ã« æœ€è¿‘ã€é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒéžå¸¸ã«æ™®åŠã—ã¦ãã¦ã„ã¾ã™ã€‚é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯ä½¿ã„æ–¹ãŒç°¡å˜ã§ã€æœ€æ–°ã®ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¨Vue.jsã‚„Reactãªã©ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«åŸºã¥ã„ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’ã¯
jsstudy 2019/11/06
Netlifyã¯JAMstackã¨ã„ã†æ–°ã—ã„ç”¨èªžã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚JAMstackã¯é™çš„ãªHTMLã‚µã‚¤ãƒˆã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã™ã‚‹ãŸã³ã«è‡ªå‹•çš„ã«å†æ§‹ç¯‰ã•ã‚Œã€CDNã«ç›´æŽ¥ãƒ‡ãƒ—ãƒã‚¤ã•ã‚Œã¾ã™ã€‚ã¡ãªã¿ã«JAMstackã®JAMã¯ã€JavaScriptã€APIã€Markupã®é æ–‡å—ã§ã™

web

è¨è¨ˆ

ç”¨èªž

SSG

CMS

React

Vue

API

JavaScript
ãƒªãƒ³ã‚¯
mockAPI
MockAPI is a simple tool that lets you easily mock up APIs, generate custom data, and perform operations on it using RESTful interface. MockAPI is meant to be used as a prototyping/testing/learning tool.
jsstudy 2019/10/26
API

Vue

React

JavaScript

Firebase

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
shotr.me
23 y/o ios developer. I make apps, servers, and sometimes designs.
jsstudy 2019/10/26
mockAPI https://www.mockapi.io/

API

Firebase

JavaScript

Vue

React

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
Apollo GraphQL
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
jsstudy 2019/07/28
GraphQL

API

CMS

JavaScript
ãƒªãƒ³ã‚¯
WebRTCã‚„ã‚‹ã®ã«æœ€ä½Žé™å¿…è¦ãªJavaScriptã®APIã«ã¤ã„ã¦ - console.lealog();
JavaScriptã§WebRTCã‚„ã‚‹ãŸã‚ã®åŸºç¤ŽçŸ¥è˜ - console.lealog(); æ˜¥ãªã®ã§æ›¸ãã¾ã—ãŸã€‚ è¨€ã†ãªã‚Œã°ã€ã“ã‚Œã®2019å¹´åº¦ç‰ˆã§ã™ã€‚ ã¯ã˜ã‚ã« æœ€ä½Žé™ã®JavaScriptã§WebRTCã‚’æ‰±ã†ã«ã‚ãŸã‚Šã€ã©ã†ã„ã†ã‚¯ãƒ©ã‚¹ãŒã‚ã£ã¦ã€ã©ã†ã„ã†APIã‚’ã€ã©ã†ä½¿ã†ã®ã‹ã«ã¤ã„ã¦ã®è¨˜äº‹ã§ã™ã€‚ ã„ã‚ã‚†ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒWebRTCã‚’ä½¿ã£ãŸã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ãªã©ã®å ´åˆã¯ã€ã ã„ãŸã„ä½•ã‹ã—ã‚‰ã®SDKã‚’ä½¿ã†ã¨æ€ã„ã¾ã™ã€‚ ãã®å ´åˆã¯ãã®SDKã®Docsã‚’èªã‚ã°ãã‚Œã§ååˆ†ã§ã€ãã®å…ˆã®ä»•çµ„ã¿ã‚’çŸ¥ã‚‹å¿…è¦ã¯ãªã„ã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ ãŸã ã—ã€ SDKã®ä¸ã§ä½•ãŒè¡Œã‚ã‚Œã¦ã‚‹ã‹çŸ¥ã£ã¦ãŠããŸã„ WebRTCã®SDKã‚’ä½œã‚‹å´ã§ã‚ã‚‹ ã¿ãŸã„ãªå ´åˆã¯ã€ä¸€èªã®ä¾¡å€¤ã‚ã‚Šã‹ã‚‚ã§ã™ã€‚ ã‚ˆã†ã™ã‚‹ã«ã€å¼Šç¤¾ã®æ–°å…¥ç¤¾å“¡ã®ã‚ˆã†ãªäººæã®ãŸã‚ã®è¨˜äº‹ã§ã™ï¼ åŸºæœ¬çš„ãªWebRTCã®ä»•çµ„ã¿ã¿ãŸã„ãªãƒ‘ãƒ¼ãƒˆã¯ã–ã£ãã‚Šè»½ã‚ã«ã—ã¦ã€JavaScri
jsstudy 2019/04/26
P2P

JavaScript

API
ãƒªãƒ³ã‚¯
ã‚³ãƒ¡ãƒ³ãƒˆã‚·ã‚¹ãƒ†ãƒ ã‚’å®Ÿè£…ã§ãã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®Disqusã‚¯ãƒãƒ¼ãƒ³ãƒ»ã€Œschnack.jsã€ - ã‹ã¡ã³ã¨.net
schnack.jsã¯ã‚³ãƒ¡ãƒ³ãƒˆã‚·ã‚¹ãƒ†ãƒ ã‚’é™çš„ãªWebã‚µã‚¤ãƒˆã«ã‚‚å°Žå…¥ã§ãã‚‹OSSã®Disqusã‚¯ãƒãƒ¼ãƒ³ã§ã™ã€‚ã‚µãƒ¼ãƒãƒ¼è¦ä»¶ã¯Node6ä»¥ä¸Šã¨SQLiteã¨ã®ã“ã¨ã€‚åŒã˜ã‚ˆã†ã«Githubã‚„Twitterç‰ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã§ãƒã‚°ã‚¤ãƒ³ã—ã€ã‚³ãƒ¡ãƒ³ãƒˆã§ãã‚‹ã‚ˆã†ã«ã—ãŸã‚‚ã®ã§ã€èªè¨¼ã«ã¯PassportãŒä½¿ã‚ã‚Œã‚‹ã¿ãŸã„ãªã®ã§Googleã‚„Facebookãªã©å¯¾è±¡ã®è¿½åŠ ã‚‚å‡ºæ¥ãã†ã§ã™ãã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯Lilã¨ã„ã†ã€ã¡ã‚‡ã£ã¨èžããªã‚Œãªã„ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã™ã€‚ schnack.js
jsstudy 2019/01/14
schnack.jsã¯ã‚³ãƒ¡ãƒ³ãƒˆã‚·ã‚¹ãƒ†ãƒ ã‚’é™çš„ãªWebã‚µã‚¤ãƒˆã«ã‚‚å°Žå…¥ã§ãã‚‹OSSã®Disqusã‚¯ãƒãƒ¼ãƒ³ã€‚è¦ä»¶ã¯Node6ä»¥ä¸Šã¨SQLiteã€‚Githubã‚„Twitterç‰ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã§ãƒã‚°ã‚¤ãƒ³ã—ã€ã‚³ãƒ¡ãƒ³ãƒˆã§ãã‚‹ã€‚èªè¨¼ã«ã¯PassportãŒä½¿ã‚ã‚Œã‚‹ã®ã§Googleã‚„Facebookã‚‚å‡ºæ¥ãã†ã€‚

è¨è¨ˆ

API

JavaScript

Node
ãƒªãƒ³ã‚¯
YouTubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«åˆ©ç”¨ã™ã‚‹ï¼ˆYouTube IFrame APIï¼‰
æŸã‚¤ã‚«ã‚²ãƒ¼ãƒ ã®å…¬å¼ã‚µã‚¤ãƒˆãªã©ã§ã‚„ã£ã¦ã‚‹æ‰‹æ³•ã§ã™ã€‚ åŒã˜ä»¶ã«éé‡ã™ã‚‹ã ã‚ã†åŒå£«ã®ç‚ºã«ã‚µãƒ³ãƒ—ãƒ«å«ã‚ã¦ãƒ¡ãƒ¢ã£ã¦ãŠãã¾ã™ã€‚ See the Pen YouTube Background by Tenderfeel (@Tenderfeel) on CodePen. ã‚µãƒ³ãƒ—ãƒ«ã‚’jsdo.itã‹ã‚‰CodePenã«ç§»å‹• åˆ©ç”¨ã™ã‚‹APIã¯ã€€YouTube IFrame API ã§ã™ã€‚ ã“ã®å…¬å¼ã®ã‚µã‚¤ãƒˆã«APIã‚’åˆ©ç”¨ã—ã¦å‹•ç”»ã‚’è¡¨ç¤ºã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãŒã‚ã‚‹ã‚“ã§ã€ãã‚Œã‚’é©å½“ã«ã‚³ãƒ”ãƒšã™ã‚Œã°åŸºæœ¬çš„ãªè¡¨ç¤ºã¯ã§ãã‚‹æ„Ÿã˜ã«ãªã£ã¦ã¾ã™ã€‚ ä»¥ä¸‹ã‹ã‚‰ã¯æ®µéšŽã‚’è¿½ã£ã¦å†’é ã«è¼‰ã›ãŸCodePenã®ã‚½ãƒ¼ã‚¹ã‚’é©å½“ã«è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ å…¬å¼ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹è¦‹ã¦ã‚‚ã‚ˆãåˆ†ã‹ã‚“ãªã„ã¨ã„ã†æ–¹å‘ã‘ã§ã™ã€‚ 2018å¹´9æœˆ25æ—¥ä»¥é™ã®æŒ™å‹•ã«ã¤ã„ã¦ ä»¥ä¸‹2ç‚¹ã®å¤§ããªå¤‰æ›´ãŒã‚ã‚Šã€YouTubeå‹•ç”»ã‚’èƒŒæ™¯ã«è¨å®šã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ã¯å®Ÿè³ªã§ããªããªã£ã¦ã„ã¾ã™ã€‚ showin
jsstudy 2017/07/09
YouTube IFrame API

JavaScript

å‹•ç”»

API
ãƒªãƒ³ã‚¯
DOMï¼ˆDocument Object Modelï¼‰ã¨ã¯ï¼Ÿ - JavaScriptå‹‰å¼·ä¼š
JavaScriptå¦ç¿’ã§ã€ã€ŒDOMã€ã¨ã„ã†ç”¨èªžãŒã‚ˆãå‡ºã¦ãã¾ã™ã€‚ DOMã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ï¼ˆãƒ¡ãƒ¢ï¼‰ DOMã¨ã¯ï¼Ÿ APIã¨ã¯ï¼Ÿ DOMãƒ„ãƒªãƒ¼ã¨ã¯ï¼Ÿ DOMãƒ„ãƒªãƒ¼ã®ãƒŽãƒ¼ãƒ‰ DOMã®æ“ä½œ DOMã‚’æ“ä½œã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ JavaScriptã§DOMæ“ä½œ jQueryã§DOMæ“ä½œ MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§DOMæ“ä½œ Virtual DOMï¼ˆä»®æƒ³DOMï¼‰ã®ç™»å ´ DOMãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã¾ã¨ã‚ DOMã¨ã¯ï¼Ÿ DOM - Google æ¤œç´¢ DOMï¼ˆãƒ‰ãƒ ï¼‰ã¯ã€ã€ŒDocument Object Modelã€ã®ç•¥ã§ã™ã€‚ JavaScriptã‚’ä½¿ã£ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®DOMã‚’æ“ä½œã™ã‚‹ã¨ã€HTMLã‚’æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ â†‘ã“ã£ã¡ã®ãƒ‰ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“ï½— Document Object Model - Wikipedia Document Object Model (DOM) ã¯ã€HTMLæ–‡æ›¸ã‚„XMLæ–‡
jsstudy 2017/05/13
DOMï¼ˆãƒ‰ãƒ ï¼‰ã¯ã€ã€ŒDocument Object Modelã€ã®ç•¥ã§ã™ã€‚JavaScriptã‚’ä½¿ã£ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®DOMã‚’æ“ä½œã™ã‚‹ã¨ã€HTMLã‚’æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚

DOM

API

HTML

JavaScript

_
ãƒªãƒ³ã‚¯
1