[B! js] Arahabicaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Arahabica id:Arahabica

jsã«é–¢ã™ã‚‹Arahabicaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

Next.js ã® dev ã‚µãƒ¼ãƒãƒ¼ãŒ HTTPS ã§ç«‹ã¡ä¸ŠãŒã‚‹ä»•çµ„ã¿
Next.js 13.5 ã‹ã‚‰ã¯ dev ã‚µãƒ¼ãƒãƒ¼ãŒ HTTPS ã§ç«‹ã¡ä¸ŠãŒã‚‹ Next.js 13.5 ã‹ã‚‰ã¯ dev ã‚µãƒ¼ãƒãƒ¼ãŒ HTTPS ã§ç«‹ã¡ä¸ŠãŒã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ [Feature] HTTPS support for development: next dev --experimental-https ã™ã¹ã¦ã®é–‹ç™ºå†…å®¹ã« HTTPS ãŒå¿…è¦ãªã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ä¾‹ãˆã°èªè¨¼ç³»ã‚’è©¦ã™éš›ã«èªè¨¼ãƒ—ãƒãƒã‚¤ãƒ€ã«ã‚ˆã£ã¦ã¯ HTTPS ãŒå¿…é ˆã ã£ãŸã‚Šã™ã‚‹ã®ã§ã€ãã®ã‚ˆã†ãªå ´åˆã«ä¾¿åˆ©ã§ã™[1]ã€‚ ãƒãƒ¼ã‚«ãƒ«é–‹ç™ºç’°å¢ƒã® HTTPS åŒ–è‡ªä½“ã¯ã€Next.js 13.5 ä»¥å‰ã§ã‚‚å®Ÿç¾ã§ãã¾ã—ãŸã€‚ã—ã‹ã—èµ·å‹•ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã—ã¦çµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ã®ã‚’ç§ã¯ã¿ãŸã“ã¨ãŒãªãã€Next.js ã®ä»•çµ„ã¿ãŒæ±Žç”¨çš„ã«ä½¿ãˆã‚‹ã‚‚ã®ã§ã‚ã‚Œã°è‡ªåˆ†ã®åˆ¥ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ npm scripts ã¨ã—ã¦å¿œç”¨ã§ãã‚‹ã®ã§ã¯ï¼Ÿã¨æ€ã„ã€èª¿ã¹
Arahabica 2024/11/17
js
ãƒªãƒ³ã‚¯
Nuxt.jsã®ãƒ“ãƒ«ãƒ‰ã‚’é«˜é€ŸåŒ–ã—ã¦ã¿ã‚‹ - ContractSé–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚Holmesã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„ã‚‹ä¸‰æ¾¤ã§ã™ã€‚ èƒŒæ™¯ å¼Šç¤¾ã§ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦Nuxt.jsã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒé€²ã¿ã‚³ãƒ¼ãƒ‰ãŒå¢—ãˆã¦ãã‚‹ã¨ãƒ“ãƒ«ãƒ‰ã«æ™‚é–“ãŒã‹ã‹ã£ã¦ãã‚‹ã®ãŒæ‚©ã¿ã®ç¨®ã§ã™ã€‚ ãƒ“ãƒ«ãƒ‰æ™‚ã«æœ€ã‚‚æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã®ã¯ä¸‹è¨˜ã®ç”»åƒã®éƒ¨åˆ†ã§ã™ãŒã€æã‚‰ãwebpackã®ãƒ“ãƒ«ãƒ‰ã«æœ€ã‚‚æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨ä»®å®šã—ã¾ã—ãŸã€‚ ã“ã®ä»®å®šã«åŸºã¥ã„ã¦ä½•ã‹ã„ã„æ–¹æ³•ã¯ãªã„ã‹ã¨æŽ¢ã—ã¦ã„ã‚‹ã¨Nuxt.jsæœ¬å®¶ã®Githubä¸Šã§èˆˆå‘³æ·±ã„issueã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚ github.com ã“ã“ã§Nuxtã®ä¸ã®äººãŒã“ã®ã‚ˆã†ãªã“ã¨ã‚’è¨€ã£ã¦ã„ã¾ã—ãŸã€‚ ä»Šå›žã¯ä¸Šè¨˜ã®ã‚³ãƒ¡ãƒ³ãƒˆã§å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹æ–¹æ³•ã‚’è©¦ã—ã¦Nuxt.jsã®ãƒ“ãƒ«ãƒ‰é«˜é€ŸåŒ–(=webpackã®ãƒ“ãƒ«ãƒ‰é«˜é€ŸåŒ–)ã«å–ã‚Šçµ„ã‚“ã§ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ èƒŒæ™¯ æ¦‚è¦ å®Ÿè¡Œçµæžœ ä½•ã‚‚ã—ã¦ã„ãªã„å ´åˆ parallelãƒ—ãƒãƒ‘ãƒ†ã‚£ cacheãƒ—ãƒãƒ‘
Arahabica 2021/04/04
js
ãƒªãƒ³ã‚¯
MutationObserver - Web API | MDN
This feature is well established and works across many devices and browser versions. Itâ€™s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback MutationObserver ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¯ã€ DOM ãƒ„ãƒªãƒ¼ã¸å¤‰æ›´ãŒåŠ ãˆã‚‰ã‚ŒãŸã“ã¨ã‚’ç›£è¦–ã™ã‚‹ã“ã¨ãŒã§ãã‚‹æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚ã“ã‚Œã¯ DOM3 Events ã®ä»•æ§˜ã§å®šç¾©ã•ã‚Œã¦ã„ãŸ Mutation Events æ©Ÿèƒ½ã®ç½®ãæ›ãˆã¨ã—ã¦è¨è¨ˆã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚
Arahabica 2019/08/10
js
ãƒªãƒ³ã‚¯
JavaScript OCR demo
Step #1 - MediaDevices.getUserMedia() MediaDevices.getUserMedia is a browser API that allows web apps to access user's camera and microphone. Read more on MDN. Step #2 - glfx.js, JCrop glfx.js was used for image effects (sharpening, contrast, etc.). Cropping functionality (with touch support) is provided by jQuery plugin Jcrop. Step #3 - Tesseract.js Tesseract.js was used for OCR (Optical Characte
Arahabica 2019/08/01
js

javascript
ãƒªãƒ³ã‚¯
Vue.jsã®ç”Ÿã¿ã®è¦ª Evanæ°ãŒç®±æ ¹ã§ã¿ã‚“ãªã®è³ªå•ã«ç”ãˆã¦ãã‚ŒãŸã€å‹•ç”»æœ‰ã‚Šã€‘ - ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ç”Ÿå½¢ã§ã™ã€‚ å…ˆèˆ¬é–‹å‚¬ã•ã‚Œã¾ã—ãŸVue Fes Japan 2018ã®ãŸã‚ã«ã€JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒVue.jsã€ã®ç”Ÿã¿ã®è¦ªã§ã‚ã‚‹Evan Youã•ã‚“ãŒæ¥æ—¥ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®æ©Ÿä¼šã‚’é€ƒã™æ‰‹ã¯ãªã„ï¼ã¨ã„ã†ã“ã¨ã§ã€Evanã•ã‚“ã¸ã®è³ªå•ã‚’Twitterã§å…¬å‹Ÿã—ã€ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã—ãŸæ§˜åã‚’ãƒ©ã‚¤ãƒ–é…ä¿¡ã—ã¾ã—ãŸã€‚ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ã‚¢ãƒ¼å…¼é€šè¨³ã‚’æ‹…å½“ã—ãŸã®ã¯ã€Vue Fes Japanã®ã‚¹ã‚¿ãƒƒãƒ•ã§ã‚‚ã‚ã‚‹ã€å¼Šç¤¾ä»£è¡¨ã®ç”°ä¸ã§ã™ã€‚ å·¦ï¼šEvan Youã•ã‚“ï¼å³ï¼šã‚¢ã‚·ã‚¢ãƒ« ç”°ä¸æ£è£• å½“æ—¥ã€Evanã•ã‚“ã¯æ¸©æ³‰ã§æ—¥æœ¬ã‚’å ªèƒ½ã—ã¦ã„ãŸã‚ˆã†ã§ã™ã€‚ãªã‚“ã¨ãƒ©ã‚¤ãƒ–é…ä¿¡ã¯ç®±æ ¹ã®æ—…é¤¨ã‹ã‚‰ï¼æµ´è¡£ãŒãŠä¼¼åˆã„ã§ã™ãã€‚ ã¯ã˜ã‚ã¯Sublime Textã‚’ãšã£ã¨ä½¿ã£ã¦ã„ã¦ã€æ¬¡ã«Atomã«åˆ‡ã‚Šæ›¿ãˆã¾ã—ãŸãŒæœ€è¿‘ã¯ã‚‚ã£ã±ã‚‰VS Codeã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ VS Codeã¯TypeScriptã®ã‚µãƒãƒ¼ãƒˆãŒå¼·åŠ›ãªã®ã§ä¾¿åˆ©ã§ã™ãã€‚ã¡ãªã¿ã«ã€VS
Arahabica 2019/07/11
js
ãƒªãƒ³ã‚¯
Midnight.js - Switch fixed headers on the fly
Midnight.js lets you switch fixed headers on the fly Scroll to try it out! The Header Create your fixed nav (or header) as you typically would. You can use whatever markup suits you, just make sure the header works well with position:fixed. The Sections After that, take any sections of your page that need a different nav and add data-midnight="your-class" to it, where .your-class is the class you
Arahabica 2019/05/29
js

javascript
ãƒªãƒ³ã‚¯
Turbolinksã‚’èª¿ã¹ã¦ã¿ãŸ
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
Arahabica 2017/12/26
js
ãƒªãƒ³ã‚¯
jQueryã®ã‚ã‚Œã€D3.jsã§ã©ã†ã‚„ã‚‹ã®ï¼Ÿ(ã¾ãŸã¯ã€ãã®é€†) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Arahabica 2017/01/27
js
ãƒªãƒ³ã‚¯
Polymerã§Material Designãªãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†
ä»Šå¹´æ³¨ç›®ã®ã‚ªãƒ¼ãƒ—ãƒ³Webãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®ã²ã¨ã¤ã«ã€Web ComponentsãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚HTML5Experts.jpã§ã‚‚ä»Šã¾ã§å¹¾åº¦ã‚‚é–¢é€£è¨˜äº‹ã€Polymer.jsã«ã¤ã„ã¦ã®è¨˜äº‹ãŒç´¹ä»‹ã•ã‚Œã¦ãã¾ã—ãŸã€‚ä»Šå›žã¯å®Ÿéš›ã«ã€Polymerã¨Material Designã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’ç”¨ã„ã¦ã€è¦–è¦šçš„ã«ã‚‚ãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã«ã‚‚å„ªã‚ŒãŸãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’å®Ÿéš›ã«ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã¾ãšå§‹ã‚ã‚‹å‰ã«ã“ã®ãƒ©ã‚¤ãƒ–ãƒ‡ãƒ¢ã€Kitteh Anonymousã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¾ãŸã¯ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã“ã“ã§ã¯ã€ã“ã®ãƒ‡ãƒ¢ã®ç°¡ç•¥ç‰ˆã§ã‚ã‚‹Liteãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’å®Ÿéš›ã«ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ã‚¹ãƒ†ãƒƒãƒ—ãƒ»ãƒã‚¤ãƒ»ã‚¹ãƒ†ãƒƒãƒ—ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªçŸ¥è˜ Polymerã®åŸºç¤ŽçŸ¥è˜ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒžãƒãƒ¼ã‚¸ãƒ£ã€Bowerã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ï¼ˆPolymerã¨ä¾å˜ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ã®ã«ä½¿
Arahabica 2016/12/12
js
ãƒªãƒ³ã‚¯
MUI: The React component library you always wanted
Ready-to-use foundational React components, free forever.
Arahabica 2016/12/12
js
ãƒªãƒ³ã‚¯
1