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

milk1000cc id:milk1000cc

javascriptã«é–¢ã™ã‚‹milk1000ccã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (319)

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

2023å¹´æŒ¯è¿”ã‚Š: Cloudflare Workersã¨ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹æŽ¥ç¶šã®é€²æ©
2023å¹´ã¯ã‚¨ãƒƒã‚¸ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã¨ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹æŽ¥ç¶šã®åˆ†é‡Žã«ãŠã„ã¦ã€Cloudflare Workers(ä»¥ä¸‹CFWorkers)ãŒä¸å¿ƒã¨ãªã‚Šå¤šãã®é€²æ©ãŒè¦‹ã‚‰ã‚Œã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€ã“ã®1å¹´é–“ã®é‡è¦ãªãƒˆãƒ”ãƒƒã‚¯ã¨ã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«é–‹ç™ºä½“é¨“ã‚’å¤‰ãˆãŸã‹ã‚’æŒ¯ã‚Šè¿”ã‚Šã¾ã™ã€‚ç‰¹ã«ã€CFWorkersã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã®æˆé•·ã€æ©Ÿèƒ½æ‹¡å¼µã€ãŠã‚ˆã³DBæŽ¥ç¶šã®èª²é¡Œã¨è§£æ±ºç–ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ã¾ã™ã€‚ ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã®é€²åŒ–ã¨CFWorkersä¸Šã‹ã‚‰ã®DBæŽ¥ç¶šéœ€è¦ã®å¢—åŠ 2021å¹´é ƒã‹ã‚‰2022å¹´ã«ã‹ã‘ã¦ã€ã„ãã¤ã‹ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ãŒã€CFWorkersä¸Šã§ã®å‹•ä½œã‚„ãƒ‡ãƒ—ãƒã‚¤ã‚’ã‚µãƒãƒ¼ãƒˆã—ãŸã“ã¨ãŒãã£ã‹ã‘ã¨ãªã‚Šã€ã‚¨ãƒƒã‚¸ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ãƒ»ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã®æ³¨ç›®ã‚’é›†ã‚ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Remix Remixã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚Šã€ã‚¨ãƒƒã‚¸ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã¸ã®ãƒ‡ãƒ—ãƒã‚¤ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ 2
milk1000cc 2024/01/01
javascript
ãƒªãƒ³ã‚¯
ResizeObserver: it's like document.onresize for elements Â |Â Articles Â |Â web.dev
Before ResizeObserver, you had to attach a listener to the document's resize event to get notified of any change of the viewport's dimensions. In the event handler, you would then have to figure out which elements have been affected by that change and call a specific routine to react appropriately. If you needed the new dimensions of an element after a resize, you had to call getBoundingClientRect
milk1000cc 2022/03/07
javascript
ãƒªãƒ³ã‚¯
Tailwind Enter/Leave Transition Effects with Stimulus.js
milk1000cc 2022/02/14
javascript

stimulus
ãƒªãƒ³ã‚¯
GitHub - mmccall10/el-transition: Apply Enter/Leave transitions
milk1000cc 2022/02/14
javascript
ãƒªãƒ³ã‚¯
Alpine.js
<script src="//unpkg.com/alpinejs" defer></script> <div x-data="{ open: false }"> <button @click="open = true">Expand</button> <span x-show="open"> Content... </span> </div> { let keys = Object.keys(steps) direction = keys.indexOf(value) > keys.indexOf(old) ? 'right' : 'left' })" > Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the mode
milk1000cc 2022/02/06
javascript
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã§ã‚ãƒ£ãƒƒã‚·ãƒ¥ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã†éš›ã®å¯¾ç– - Qiita
ã¯ã˜ã‚ã« å„ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ã‚¯ãƒªã‚¢ã—ã¦ã„ã¦ã‚‚ã€ JavaScriptã§ãƒªãƒ³ã‚¯é·ç§»æ™‚ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ã‚¤ã‚³ãƒ³ã‚’ãƒšãƒ¼ã‚¸å…¨ä½“ã«è¡¨ç¤º ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ã‚¤ã‚³ãƒ³ãŒå…¨ä½“ã«è¡¨ç¤ºã•ã‚ŒãŸãƒšãƒ¼ã‚¸ãŒèªã¿è¾¼ã¾ã‚Œã‚‹ ã¨ã„ã£ãŸã“ã¨ãŒç™ºç”Ÿã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã¯ã‚ãƒ£ãƒƒã‚·ãƒ¥ã«ã¯ä¸‹è¨˜ã®2ç¨®é¡žã‚ã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒãƒƒã‚¯ã®å ´åˆã¯bfcacheç”¨ã®å¯¾ç–ãŒå¿…è¦ã¨ãªã‚‹ãŸã‚ã§ã™ã€‚ é€šå¸¸ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ï¼ˆãƒšãƒ¼ã‚¸ã‚„ç”»åƒãªã©ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®â€ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’å‰Šé™¤â€ã§å‰Šé™¤ã§ãã‚‹ã‚‚ã®ï¼‰ bfcache(æˆ»ã‚‹/é€²ã‚€ãƒœã‚¿ãƒ³ç”¨ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥) ç¢ºèªç’°å¢ƒ IE11 iOS7 æˆ»ã‚‹ãƒœã‚¿ãƒ³ã§ä¸å…·åˆãŒèµ·ã“ã‚‹ç†ç”± ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ç”¨ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã¯ã€JavaScriptã®å‡¦ç†ãŒå…¨ã¦å®Œäº†ã—ãŸçŠ¶æ…‹ã‚’ãƒ¡ãƒ¢ãƒªä¸Šã«ä¿æŒã—ã¦ã„ã¾ã™ã€‚ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã¨ã—ã¦ãƒ¡ãƒ¢ãƒªä¸Šã®æƒ…å ±ã‚’èªã¿è¾¼ã‚€ã“ã¨ã§è¡¨ç¤ºã‚’é«˜é€ŸåŒ–ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ JavaScriptã®å‡¦ç†
milk1000cc 2021/12/30
safari

JavaScript
ãƒªãƒ³ã‚¯
rails ã® request.xhr?ãƒ¡ã‚½ãƒƒãƒ‰ã¨ axios ã§ã®ajaxé€šä¿¡ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
milk1000cc 2021/03/23
javascript

rails

fetch
ãƒªãƒ³ã‚¯
ä»Šã©ãã®ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«(2019å¹´ç‰ˆ)
milk1000cc 2021/01/23
html

css

javascript
ãƒªãƒ³ã‚¯
GitHub - phegman/v-scroll-lock: A Vue.js directive for body scroll locking without breaking scrolling of a target element.
milk1000cc 2021/01/19
JavaScript

vue
ãƒªãƒ³ã‚¯
JavaScript Primer - è¿·ã‚ãªã„ãŸã‚ã®å…¥é–€æ›¸ #jsprimer
JavaScript Primer è¿·ã‚ãªã„ãŸã‚ã®å…¥é–€æ›¸ Tweet Watch Star Twitterã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚°: #jsprimer ã“ã‚Œã‹ã‚‰JavaScriptã‚’å¦ã³ãŸã„äººãŒã€ECMAScript 2015ä»¥é™ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ä¸€ã‹ã‚‰JavaScriptã‚’å¦ã¹ã‚‹æ›¸ç±ã§ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã‚„ã£ãŸã“ã¨ãŒã‚ã‚‹ãŒã€ä»Šã®JavaScriptãŒã‚ˆãã‚ã‹ã‚‰ãªã„ã¨ã„ã†äººãŒã€ ä»Šã®JavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’èªã¿æ›¸ãã§ãã‚‹ã‚ˆã†ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ åˆã‚ã¦ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨ã—ã¦JavaScriptã‚’å¦ã¶äººã¯ã€ã¾ãšã¯ã€Œã¯ã˜ã‚ã«ã€ã‹ã‚‰èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ æ›¸ç±ç‰ˆ ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®å†…å®¹ã¯ã‚¢ã‚¹ã‚ãƒ¼ãƒ‰ãƒ¯ãƒ³ã‚´ã‹ã‚‰æ›¸ç±ã¨ã—ã¦å‡ºç‰ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ æ›¸ç±ç‰ˆã®å†…å®¹ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆç‰ˆã¨åŒä¸€ã§ã™ãŒã€æœ¬ã¨ã—ã¦èªã‚ã‚‹ã‚ˆã†ã«æœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ æ›¸ç±ç‰ˆã¯æ¬¡ã®ã‚µã‚¤ãƒˆã‹ã‚‰è³¼å…¥ã§ãã¾ã™ã€‚ Amazon é”äººå‡ºç‰ˆä¼šï¼ˆé›»åæ›¸ç±ç‰ˆ
milk1000cc 2020/04/16
javascript
ãƒªãƒ³ã‚¯
lodash ã‚„ã‚æ–¹ - Qiita
ã¿ãªã•ã‚“ã€ lodash ã§æ¶ˆè€—ã—ã¦ã¾ã™ã‹ï¼Ÿ ç§ã¯æ¶ˆè€—ã—ã¦ã„ã¾ã™ã€‚ ãªãœ lodash ã§æ¶ˆè€—ã™ã‚‹ã‹ã¨ã„ã†ã¨ã€ã¨ã«ã‹ãæ€è€ƒåœæ¢ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã€ node_modules ä¸‹ã§å¤§é‡ã«é‡è¤‡ã—ã¾ã™ã€‚ã‚µã‚¤ã‚ºãŒå¤§ãã„lodashãŒè¤‡æ•°ãƒãƒ³ãƒ‰ãƒ«ã•ã‚Œã¦ãƒ“ãƒ«ãƒ‰ã•ã‚Œã‚‹ã¨ã€é‡ç¯¤ãªãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ä¸Šã®å•é¡Œã‚’å¼•ãèµ·ã“ã—ã¾ã™ã€‚ lodash ã«ã¯å®Ÿè£…ä¸Šã®å•é¡Œã‚‚ã‚ã‚Šã€ç•°æ§˜ã«ä¸å¯§ã«ã€ãã—ã¦å¯Œè±ªçš„ã«ä½œã‚‰ã‚Œã¦ãŠã‚Šã€ãã®çµæžœãƒ“ãƒ«ãƒ‰ã‚µã‚¤ã‚ºãŒç„¡é§„ã«å¤§ãã„ã§ã™ã€‚ä¸å¯§ã«ä½œã‚‰ã‚Œã¦å…¥ã‚‹ã®ã§ã™ãŒã€ç¾ä»£ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ°´æº–ã‚„ä¸€èˆ¬çš„ãªãƒãƒªãƒ•ã‚£ãƒ«ã¨å™›ã¿åˆã£ã¦ã„ã¾ã›ã‚“ã€‚ã¨ã„ã†ã‚ã‘ã§ã€å¸¸ã€…ã‚„ã‚ãŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ã¡ã‚ƒã‚“ã¨ES201xã‚’è¿½ã£ã¦ã‚‹äººã‹ã‚‰ã™ã‚‹ã¨ã€ã»ã¨ã‚“ã©ã® lodash ã®ãƒ¡ã‚½ãƒƒãƒ‰ã¯ä¸è¦ã«è¦‹ãˆã‚‹ã¯ãšã§ã™ã€‚æœ¬ã‚¨ãƒ³ãƒˆãƒªã¯ã€æ€è€ƒåœæ¢ã§ lodash ã§å®Ÿè£…ã—ã‚ˆã†ã¨ã™ã‚‹äººã«ã€ã¡ã‚‡ã£ã¨è€ƒãˆç›´ã—ã¦ã¯ï¼Ÿ ã¨æŠ•ã’ã¤ã‘ã‚‹ç”¨ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ ç¾ä»£ã«ãŠã„
milk1000cc 2019/12/23
javascript
ãƒªãƒ³ã‚¯
JavaScript ã® Date ã¯ç½ ãŒå¤šã™ãŽã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
milk1000cc 2019/12/11
javascript
ãƒªãƒ³ã‚¯
ES6 ã§é…åˆ—ã®ãƒ¦ãƒ‹ãƒ¼ã‚¯åŒ–ã‚’ Set ä½¿ã†ã®ã¯å°‘æ•°æ´¾ãªã®ï¼Ÿ : (*x).b=z->a+y/c
â—† Array.prototype.unique = function(){return [...new Set(this)]} ãªã«ã‹ã„ã„æ–¹æ³•ãŒã§ãã¦ãªã„ã‹èª¿ã¹ã¦ã‚‚ filter ã®ã‚„ã‚Šæ–¹ã‚’ã‚¢ãƒãƒ¼é–¢æ•°ã«ç½®ãæ›ãˆãŸã ã‘ã¿ãŸã„ãªã‚‚ã®ã—ã‹è¦‹å½“ãŸã‚‰ãªã‹ã£ãŸã§ã™ è»½ãã—ã‹èª¿ã¹ã¦ãªã„ã§ã™ã‘ã© ã§ã™ãŒ filter ã‚’ä½¿ã†æ–¹æ³•ã£ã¦çŸãæ›¸ã‘ã¦ã¯ã„ã¾ã™ãŒ æ˜Žã‚‰ã‹ã«é…åˆ—ãŒå¤§ãããªã‚‹ã¨é…ã„ã§ã™ã‚ˆã ãªã®ã§ ç§ã¯ Set ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã‹ã‚‰ã¯ãšã£ã¨ Set ã‚’ä½¿ã£ã¦ã„ã¾ã™ Set ã¯é›†åˆãªã®ã§é‡è¤‡ãŒè¨±ã•ã‚Œã¾ã›ã‚“ ã¾ãŸ JavaScript ã® Set ã¯ç™»éŒ²é †ãŒä¿è¨¼ã•ã‚Œã¾ã™ ã¾ãŸ Array.from ã‚„ spread operator (...) ã§é…åˆ—ã¸å¤‰æ›ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ Set ã®å†…éƒ¨å‡¦ç†ã¾ã§ã¯ã—ã‚‰ãªã„ã§ã™ãŒ æ™®é€šã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ã‚ˆã†ãªãƒãƒƒã‚·ãƒ¥ã§ç®¡ç†ã•ã‚Œã¦ã‚‹ã¨æ€ã„ã¾ã™ ãã‚Œãªã‚‰ Set ã«å¤‰æ›â†’
milk1000cc 2019/02/11
javascript
ãƒªãƒ³ã‚¯
querySelectorAllã—ã¦mapã—ãŸã„ã¨ã[...ã™ã‚‹ã¨çŸã„ - hitode909ã®æ—¥è¨˜
è¡¨ç¤ºä¸ã®HTMLã‹ã‚‰æƒ…å ±ã‚’é›‘ã«æŠœãå‡ºã—ã¦åˆ©ç”¨ã™ã‚‹ãŸã‚ï¼Œãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ„ãƒ¼ãƒ«ãªã©ã§querySelectorAllã—ã¦mapã—ãŸã„ï¼Žã—ã‹ã—ï¼ŒquerySelectorAllã¯NodeListã‚’è¿”ã™ã®ã§ï¼Œmapã™ã‚‹ã«ã¯Arrayã«å¤‰æ›ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ï¼Ž NodeListã‚’Arrayã«å¤‰æ›ã™ã‚‹ã¨ãã«çŸãæ›¸ãæ–¹æ³•ãªã„ã§ã™ã‹ã£ã¦åŒåƒšã«èžã„ãŸã‚‰ã„ã‚ã„ã‚æ•™ãˆã¦ã‚‚ã‚‰ãˆãŸã®ã§ãƒ¡ãƒ¢ï¼Ž Array.prototype.slice.callã™ã‚‹ ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªæ‰‹æ³•ï¼Žæ˜”ã‹ã‚‰ã“ã‚Œã‚’æ›¸ã„ã¦ã„ã¦ï¼Œé•·ãã¦å›°ã£ã¦ã„ãŸï¼Žæœ€è¿‘ã¯ã‚¢ãƒãƒ¼é–¢æ•°ã‚’ä½¿ãˆã‚‹ã®ã§ã¡ã‚‡ã£ã¨çŸããªã£ãŸã‘ã©é•·ã„ï¼Ž Array.prototype.slice.call(document.querySelectorAll('a')).map(a => a.href) [].slice.callã™ã‚‹ Array.prototypeã®ã‹ã‚ã‚Šã«[]ã§æ›¸ãï¼Žã¡ã‚‡ã£ã¨çŸã„
milk1000cc 2019/02/11
javascript
ãƒªãƒ³ã‚¯
GitHub - fabiospampinato/cash: An absurdly small jQuery alternative for modern browsers.
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
milk1000cc 2019/02/05
javascript

jquery
ãƒªãƒ³ã‚¯
jQueryã¯å¿…è¦ãªã„ï¼ˆYou Don't Need jQueryï¼‰
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
milk1000cc 2019/02/05
javascript

jquery
ãƒªãƒ³ã‚¯
ä¸€ä¼‘.comãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒžãƒ›ç‰ˆã‹ã‚‰jQueryä¾å˜ã‚’å–ã‚Šé™¤ããŸã‚ã«ã‚„ã£ãŸã“ã¨ - ä¸€ä¼‘.com Developers Blog
ä¸€ä¼‘.comã§Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’é–‹ç™ºã—ã¦ã„ã‚‹å®‡éƒ½å®®ã§ã™ã€‚ å…ˆæ—¥ã€ä¸€ä¼‘.comãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒžãƒ›ç‰ˆã‹ã‚‰ã€jQueryã‚’å–ã‚Šé™¤ãã¾ã—ãŸã€‚jQueryã‚’å–ã‚Šé™¤ã„ãŸçµŒç·¯ã€ã‚„ã£ãŸã“ã¨ã€çµæžœã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ ã¡ãªã¿ã«ã€ãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã«ã¯ä»¥ä¸‹ã®URLã§ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ï¼ˆã‚¹ãƒžãƒ›ã§é–‹ãã‹ã€PCã®å ´åˆã¯UAã‚’ã‚¹ãƒžãƒ›ã«å½è£…ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ï¼‰ https://www.ikyu.com/sd/00001290/ ãªãœjQueryã‚’å–ã‚Šé™¤ã„ãŸã®ã‹ï¼Ÿ ã©ã†ã‚„ã£ãŸã®ã‹ ä½•ã‚’ã‚„ã£ãŸã®ã‹ jQuery.ajax() => fetch ã«ç½®ãæ›ãˆ fetchã®polyfillã‚’æŽ¡ç”¨ã—ãŸç†ç”± DOMæ“ä½œã‚’æ¨™æº–APIã«ç½®ãæ›ãˆ è¦ç´ ã®å–å¾— show/hide addClass/removeClass html/text ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ $.ready() ã‚¤ãƒ™ãƒ³ãƒˆãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚° jQueryã®ä½¿ç”¨ã‚’é˜²ãç›®å° jQueryå‰Š
milk1000cc 2019/01/29
javascript
ãƒªãƒ³ã‚¯
Renovateã«ã‚ˆã‚‹npmãƒ‘ãƒƒã‚±ãƒ¼ã‚¸å®šæœŸæ›´æ–° - ä¸€ä¼‘.com Developers Blog
ä¸€ä¼‘.comãƒ»ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å®‡éƒ½å®®ã§ã™ã€‚ JavaScriptã‚’ä½¿ã£ãŸWebé–‹ç™ºã§ã¯ã€æ§˜ã€…ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã„ã¾ã™ã€‚é–‹ç™ºã®æ´»ç™ºãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚Œã°ã€æ¯Žé€±ã®ã‚ˆã†ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ãŒè¡Œã‚ã‚Œã¾ã™ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³æ›´æ–°ã¯ã€ãã‚Œã‚’è¡Œã£ãŸã‹ã‚‰ã¨ã„ã£ã¦ä¾¡å€¤ã«ç›´çµã™ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã—ã€ä»¥ä¸‹ã®ã‚ˆã†ãªç†ç”±ã‹ã‚‰ã€ä¸€å®šã®é »åº¦ã§ã®å®šæœŸæ›´æ–°ãŒå¿…è¦ã§ã™ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«è¿½å¾“ã—ãªã„ã¨ã€å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ãƒãƒƒã‚¯ã‚¤ãƒ³ã•ã‚Œã‚‹ å·®åˆ†ãŒå¤§ãã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã¯ãƒªã‚¹ã‚¯ãŒé«˜ã„ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«è„†å¼±æ€§ãŒè¦‹ã¤ã‹ã£ãŸéš›ã¯é€Ÿã‚„ã‹ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ãŒå¿…è¦ æœ¬è¨˜äº‹ã§ã¯ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªç®¡ç†ã®æ¨™æº–çš„ãƒ„ãƒ¼ãƒ«ã§ã‚ã‚‹npmã¨ã€GitHub Appã®Renovateã‚’ä½¿ç”¨ã—ãŸã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å®šæœŸçš„ã«æ›´æ–°ã™ã‚‹ä»•çµ„ã¿ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ npmã«ã‚ˆã‚‹ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç®¡ç† npmã¯ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç®¡ç†ãƒ„ãƒ¼ãƒ«
milk1000cc 2018/08/20
javascript
ãƒªãƒ³ã‚¯
Passive Event Listeners ã«ã‚ˆã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®æ”¹å–„ | blog.jxck.io
Intro DOM ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã®ä»•æ§˜ã« Passive Event Listeners ã¨ã„ã†ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒè¿½åŠ ã•ã‚ŒãŸã€‚ ã“ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯ã€ä¸»ã«ãƒ¢ãƒã‚¤ãƒ«ãªã©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®è©°ã¾ã‚Š(Scroll Junk) ã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«å°Žå…¥ã•ã‚ŒãŸã‚‚ã®ã§ã‚ã‚‹ã€‚ ä»Šå›žã¯ã€ã“ã®ä»•æ§˜ãŒè§£æ±ºã™ã‚‹å•é¡Œã¨ã€æœ¬ã‚µã‚¤ãƒˆã¸ã®é©ç”¨ã‚’è§£èª¬ã™ã‚‹ã€‚ Passive Event Listeners Spec Scroll Event ã® PreventDefault() ç”»é¢ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åˆã‚ã›ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹å ´åˆã€ Scroll Event ã«ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã‚’ç™»éŒ²ã™ã‚‹ã€‚ å…¸åž‹çš„ãªä¾‹ã§ã¯ touchstart ã‚„ touchend ã‚’ãƒ•ãƒƒã‚¯ã—ã€ãã®ä¸ã§ DOM ã®æ“ä½œãªã©ã‚’å®Ÿæ–½ã™ã‚‹ãªã©ãŒã‚ã‚‹ã€‚ å ´åˆã«ã‚ˆã£ã¦ã¯ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠå†…ã§ preventDefault() ã‚’å‘¼ã¶ã“ã¨ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãã®ã‚‚ã®ã‚’æ¢ã‚ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚
milk1000cc 2018/05/06
javascript
ãƒªãƒ³ã‚¯
Webãƒ–ãƒ©ã‚¦ã‚¶ã®æ“ä½œã‚’JavaScriptã§è‡ªå‹•åŒ–ã€‚Headless Chromeã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒPuppeteerã€ãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0ã«åˆ°é”ã€‚Chromeã®DevToolsãƒãƒ¼ãƒ ãŒé–‹ç™º
UIã‚’æŒãŸãšã‚¹ã‚¯ãƒªãƒ—ãƒˆã‹ã‚‰æ“ä½œå¯èƒ½ãªWebãƒ–ãƒ©ã‚¦ã‚¶ã®Headless Chromeã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒPuppeteerã€ãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0ã«åˆ°é”ã—ãŸã€‚Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è‡ªå‹•ãƒ†ã‚¹ãƒˆãªã©ã«åˆ©ç”¨å¯èƒ½ã ã€‚ Googleã®Webãƒ–ãƒ©ã‚¦ã‚¶ã€ŒChromeã€ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æŒãŸãšã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‚„ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ã‚’é€šã˜ã¦Webãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ“ä½œã§ãã‚‹ã€ŒHeadless Chromeã€æ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ã“ã®æ©Ÿèƒ½ã¯2017å¹´6æœˆã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€ŒChrome 59ã€ã‹ã‚‰å®Ÿç¾ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ Headless Chromeã‚’åˆ©ç”¨ã™ã‚‹ã¨äººé–“ãŒWebãƒ–ãƒ©ã‚¦ã‚¶ã‚’ãƒžã‚¦ã‚¹ã‚„ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§æ“ä½œã™ã‚‹ã“ã¨ãªãã€ãƒ—ãƒã‚°ãƒ©ãƒ ã§Headless Chromeã‚’èµ·å‹•ã—ã€ç‰¹å®šã®Webãƒšãƒ¼ã‚¸ã‚’èªã¿è¾¼ã¿ã€ç”»é¢ã‚ãƒ£ãƒ—ãƒãƒ£ã®å–å¾—ã‚„ã€æŒ‡å®šã•ã‚ŒãŸå ´æ‰€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã€å€¤ã‚’å…¥åŠ›ã—çµæžœã‚’å–å¾—ã™ã‚‹ã€ã¨ã„ã£ãŸæ“ä½œã‚’è‡ªå‹•çš„ã«è¡Œã‚ã›
milk1000cc 2018/02/07
javascript
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸