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

nhiroki id:nhiroki

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

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

JavaScript ã® undefined ã¨ null ã‚’å®Œå…¨ã«ç†è§£ã™ã‚‹
JavaScript ã§é »å‡ºã™ã‚‹ undefined ã¨ null ã«ã¤ã„ã¦èªžã‚Šã¾ã™ã€‚ è¨€èªžä»•æ§˜ä¸Šã®é•ã„ JavaScript (ECMAScript) ã«ãŠã„ã¦ã€ä»•æ§˜ä¸Š undefined ã¨ null ã¯å½“ç„¶ãªãŒã‚‰æ˜Žç¢ºã«åŒºåˆ¥ã•ã‚Œã¦ã„ã¾ã™ã€‚ã„ãã¤ã‹è¨€èªžä»•æ§˜ä¸Šã®æ‰±ã„ã«ã¤ã„ã¦æŒ™ã’ã¦ã¿ã¾ã™ã€‚ æ¯”è¼ƒ åŽ³å¯†ãªæ¯”è¼ƒæ¼”ç®—å === ã«ãŠã„ã¦ undefined ã¨ null ã¯åŒºåˆ¥ã•ã‚Œã¾ã™ã€‚ã‚†ã‚‹ã„æ¯”è¼ƒæ¼”ç®—å == ã«ãŠã„ã¦ã¯ä¸¡è€…ã¯åŒºåˆ¥ã•ã‚Œã¾ã›ã‚“ï¼ˆä»•æ§˜ 7.2.14ï¼‰ã€‚ console.log(undefined === null); // false console.log(undefined == null); // true
nhiroki 2022/10/17
javascript
ãƒªãƒ³ã‚¯
GitHub - 30-seconds/30-seconds-of-code: Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
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
nhiroki 2022/10/12
Webé–‹ç™ºã§å½¹ç«‹ã¤JavaScriptã®ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ã¾ã¨ã‚ãŸGitHubãƒªãƒã‚¸ãƒˆãƒªã€‚

javascript
ãƒªãƒ³ã‚¯
Floating UI - Create tooltips, popovers, dropdowns, and more
A JavaScript library to position floating elements and create interactions for them. Smart Anchor PositioningAnchor a floating element next to another element while making sure it stays in view by avoiding collisions. This lets you position tooltips, popovers, or dropdowns optimally.
nhiroki 2021/12/03
javascript

library
ãƒªãƒ³ã‚¯
Splide - ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã—ãŸè»½é‡ãƒ»é«˜æ©Ÿèƒ½ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã—ãŸè»½é‡ãƒ»é«˜æ©Ÿèƒ½ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ ã»ã‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã›ãšã€Lighthouseã®ã‚¨ãƒ©ãƒ¼ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚
nhiroki 2021/12/03
javascript

library

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
æœ€è¿‘Reactã‚’å§‹ã‚ãŸäººå‘ã‘ã®React Hookså…¥é–€
Reactã«Hooksã®ä»•çµ„ã¿ãŒå°Žå…¥ã•ã‚Œã¦ã‹ã‚‰ãšã„ã¶ã‚“çµŒã¡ã¾ã—ãŸã€‚Hookså°Žå…¥å½“æ™‚ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ç†±ç‹‚ã¯ã€ãã‚Œã¯ã‚‚ã†å‡„ã„ã‚‚ã®ã§ã—ãŸã€‚ã€ŒReactã«ã¨ã‚“ã§ã‚‚ãªã„æ©Ÿèƒ½ãŒå®Ÿè£…ã•ã‚ŒãŸãžï¼ã€ã¨å¤§é¨’ãŽã§ã€Hooksã«ã¤ã„ã¦ã®æ–°ã—ã„è¨˜äº‹ã‚’è¦‹ãªã„æ—¥ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ãã‚“ãªç››ã‚Šä¸ŠãŒã‚Šã‚‚å†·ã‚ã¤ã¤ã‚ã‚Šã€Hooksã‚‚å®Ÿå‹™ã«å¯†ç€ã—ãŸã€Œå½“ãŸã‚Šå‰ã€ã®æ©Ÿèƒ½ã«ãªã£ãŸã®ã‹ãªã€ã¨æ€ã„ã¾ã—ãŸã€‚ã—ã‹ã—ãã®ä¸€æ–¹ã§ã¾ã Hooksã«ã¤ã„ã¦ã¯ã‚ˆãã‚ã‹ã‚‰ãªã„ã¨ã„ã†äººã‚‚å¤šãã€çŸ¥è˜ã®äºŒæ¥µåŒ–ã‚’ç”Ÿã‚“ã§ã„ã‚‹ã‚ˆã†ã«æ„Ÿã˜ã¾ã™ã€‚ ä¸–ã®ä¸ã«ã¯Reactã«ã™ã§ã«å…¨ãé¦´æŸ“ã‚“ã§ã„ã‚‹äººå‘ã‘ã®Hooksã®è§£èª¬è¨˜äº‹ã¯å¤šãè¦‹å½“ãŸã‚Šã¾ã™ãŒã€æœ€è¿‘ã®Reactåˆå¿ƒè€…ã«å‘ã‘ã¦ã®Hooksè§£èª¬è¨˜äº‹ã¯ã‚ã¾ã‚Šå¤šãã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€Hooksã«ã¤ã„ã¦å®Ÿä¾‹ã‚’ç¤ºã—ã¤ã¤Reactã®åŸºç¤Žçš„ãªé¢ã‹ã‚‰ã®è§£èª¬ã‚’è¡Œã„ã¾ã™ã€‚ Reactåˆå¿ƒè€…å‘ã‘ã®Hooks ä¸–ã®ä¸ã«ã¯ã‚‚ã†å¤šãã®é«˜å“è³ªãªHo
nhiroki 2021/08/25
react

javascript
ãƒªãƒ³ã‚¯
2019å¹´ã¾ã§ã«è¦‹ç›´ã—ã¦ãŠããŸã„â€¨CSSãƒ»JavaScriptã®æ‰‹æ³• - Speaker Deck
Frontend Conference Fukuoka 2018ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ã€‚ https://frontend-conf.fukuoka.jp/ å„ãƒªãƒ³ã‚¯å…ˆã‚’ç¢ºèªã™ã‚‹å ´åˆã¯ã€ä»¥ä¸‹ã®pdfã‚’å‚ç…§ãã ã•ã„ http://tonkotsuboy.github.io/slides/181204â€¦
nhiroki 2018/12/10
javascript

CSS

è³‡æ–™

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®å®Ÿè£…ã«ãŠã™ã™ã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚ã€2021å¹´ç‰ˆã€‘ | Web Design Trends
Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã€å®šç•ªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®1ã¤ã¨ã—ã¦ä½¿ã‚ã‚Œã‚‹ã®ãŒãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã§ã™ã€‚ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§æ‰‹è»½ã«å°Žå…¥ã™ã‚‹ã“ã¨ãŒã§ãã€Webã‚µã‚¤ãƒˆã®å°è±¡ã‚’å¤§ããå¤‰ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»Šå›žã¯ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®å®Ÿè£…ã«ãŠã™ã™ã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ åŸºæœ¬çš„ã«Vanilla JSã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã§ã€ä¾å˜é–¢ä¿‚ãªã©æ„è˜ã›ãšã«åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼ˆParallaxï¼‰ã¨ã¯ã€è‹±èªžã§ã€Œè¦–å·®ã€ã¨ã„ã†æ„å‘³ã§ã€Webã‚µã‚¤ãƒˆã«ãŠã‘ã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãªã©ã®å‹•ãã«åˆã‚ã›ã¦è¦ç´ ãŒå‹•ãã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ãšã‚‰ã—ãŸã‚Šã€ç•°ãªã‚‹å‹•ãã‚’åŠ ãˆã‚‹æ¼”å‡ºã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ æ•°å¹´å‰ã«å¤§ããæµè¡Œã—ã€ç¾åœ¨ã§ã¯Webã‚µã‚¤ãƒˆã®å®šç•ªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®1ã¤ã¨ã—ã¦å®šç€ã—ã¦ã„ã¾ã™ã€‚ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’Webã‚µã‚¤ãƒˆã«å–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç«‹ä½“æ„Ÿã‚„å¥¥è¡Œãã‚’ç”Ÿã¿å‡ºã™ã“ã¨ãŒã§ãã€ã¾ãŸä¸€å‘³é•ã£ãŸé›°å›²æ°—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œ
nhiroki 2018/10/05
design

javascript

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
iPhoneã§ãƒ¢ãƒ¼ãƒ€ãƒ«ã®èƒŒæ™¯ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¢ã‚ã‚‹
iPhoneã§ãƒ¢ãƒ¼ãƒ€ãƒ«ã®èƒŒæ™¯ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¢ã‚ã‚‹ ä»¥å‰ã®è¨˜äº‹ã€Œãƒ¢ãƒ¼ãƒ€ãƒ«ã®èƒŒæ™¯ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¢ã‚ã‚‹ã€ ä¸Šã®è¨˜äº‹ã§ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã‚’ãƒ¢ãƒ¼ãƒ€ãƒ«ã§å‡ºã™å ´åˆã«èƒŒæ™¯ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¢ã‚ã‚‹æ–¹æ³•ã‚’æ›¸ã„ãŸã®ã§ã™ãŒã€ã‚„ã¯ã‚Šã€iPhone å®Ÿæ©Ÿã§ã¯ã†ã¾ãã„ãã¾ã›ã‚“ã€‚å†åº¦æŒ‘æˆ¦ã§ã™ã€‚ iPhoneï¼ˆiOSï¼Ÿï¼‰ä»¥å¤–ã®å ´åˆ iPhone ã®å ´åˆ iPhoneï¼ˆiOSï¼Ÿï¼‰ä»¥å¤–ã®å ´åˆ iPhone ä»¥å¤–ã¯ä¸Šã®è¨˜äº‹ã§å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’é–‹ã„ãŸæ™‚ã« body ã« open ãªã©ã®ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã—ã¾ã™ã€‚ãŸã¨ãˆã°ã€ document.getElementById('ãƒˆãƒªã‚¬ãƒ¼è¦ç´ ã®id').addEventListener('click', function(){ document.body.classList.toggle('open') }); ã¨ã—ã¦ã€CSS ã§ body.open { overflow: hidden;
nhiroki 2018/09/19
javascript
ãƒªãƒ³ã‚¯
<script async>ã§JavaScriptã®éžåŒæœŸèªã¿è¾¼ã¿ã‚’ - fragmentary
JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‹ã‚‰éžåŒæœŸã§èªã¿è¾¼ã‚€ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯å¤ã„ã€ã¨ã„ã†è©±ã‚’ç›®ã«ã—ãŸã®ã¯ã‚‚ã†åŠå¹´å‰ã®ã“ã¨ã€‚ è¨€ã£ãŸã®ã¯Ilya Grigorikã€‚æœˆæœ«ã®Google Japanã§ã®ã‚¤ãƒ™ãƒ³ãƒˆã€æœˆåˆã®HTTP2Conferenceã«ãã‚‹Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ç•Œã®ã™ã”ã„ã²ã¨ã§ã™ã‚ˆã€‚ Script-injected "async scripts" considered harmful - igvita.com ä»¶ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§å‹•çš„ã« script ã‚’ç”Ÿæˆã—ã¦ã€ãã“ã«èªã¿è¾¼ã¿ãŸã„JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¶ã£ã“ã‚“ã§èªã¿è¾¼ã‚€ã¨ã„ã†ã‚‚ã®ã€‚ <script> var script = document.createElement('script'); script.src = "//somehost.com/awesome-widget.js"; document.getEleme
nhiroki 2018/06/20
javascript
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸é–“ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«é·ç§»ã•ã›ã‚‹ãŸã‚ã®LookForward.jsã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ | OSS | ã‚¹ã‚¿ãƒƒãƒ•ãƒ–ãƒã‚° | åå¤å±‹ã®CMSæ§‹ç¯‰ãƒ»Webåˆ¶ä½œä¼šç¤¾ ã‚¢ãƒƒãƒ—ãƒ«ãƒƒãƒ—ãƒ«
ãƒšãƒ¼ã‚¸é–“ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«é·ç§»ã•ã›ã‚‹ãŸã‚ã®JavaScriptã¯æ•°å¤šãé…å¸ƒã•ã‚Œã¦ã„ã¾ã™ãŒã€ä½¿ã„æ–¹ãŒè¤‡é›‘ã ã£ãŸã‚ŠHTMLã®æ§‹é€ ä¸Šã®ç¸›ã‚ŠãŒã‚ã‚‹ã‚‚ã®ãŒå¤šãã€æ°—è»½ã«ä½¿ãˆã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã‚ã¾ã‚Šå¤šãã‚ã‚Šã¾ã›ã‚“ã€‚ãã“ã§ã€aè¦ç´ ã«å¯¾ã—ã¦ã‚¯ãƒ©ã‚¹ã‚’æŒ¯ã‚‹ã ã‘ã§ã‚¹ãƒ ãƒ¼ã‚ºã«ãƒšãƒ¼ã‚¸é–“é·ç§»ã‚’ã™ã‚‹JavaScriptã‚’ä»Šå›žä½œæˆã—ã¾ã—ãŸã€‚ https://appleple.github.io/lookforward/ã§ã¯ã€ç°¡å˜ã«è‹±èªžã§åˆ©ç”¨æ–¹æ³•ãŒè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã“ã¡ã‚‰ã§ã¯æ—¥æœ¬èªžã§ã—ã£ã‹ã‚Šè§£èª¬ã—ã¾ã™ã€‚
nhiroki 2018/06/14
javascript

ãƒšãƒ¼ã‚¸é·ç§»
ãƒªãƒ³ã‚¯
èƒŒæ™¯ç”»åƒã‚‚é…å»¶èªã¿è¾¼ã¿å¯èƒ½ã€‚ä¸‡èƒ½Lazyloaderã€lazysizesã®ä½¿ã„æ–¹ | WEMO
ç”»åƒã®é…å»¶èªã¿è¾¼ã¿ã‚’ã—ãŸã„ã¨ãã€ä½•ã‚’ä½¿ç”¨ã—ã¾ã™ã‹ï¼Ÿ ç§ã¯ã€Œlazysizesã€ã‚’ç™ºè¦‹ã—ã¦ã‹ã‚‰ã¨ã„ã†ã‚‚ã®ã€ãšã£ã¨ã“ã„ã¤ã«ãŠä¸–è©±ã«ãªã£ã¦ã„ã¾ã™ã€‚ å€‹äººçš„ã«ã€ç”»åƒã‚’imgã‚¿ã‚°ã§ã¯ãªãbackgroundã«æŒ‡å®šã™ã‚‹ã®ãŒå¥½ããªã®ã§ã™ãŒã€lazysizesã ã¨èƒŒæ™¯ç”»åƒã‚‚ç°¡å˜ã«é…å»¶èªã¿è¾¼ã¿å¯èƒ½ã¨ã„ã†ã“ã¨ã§æ„›ç”¨ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã¾ãŸã€jQueryãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ä¾å˜ã›ãšã«å‹•ä½œã§ãã€è»½é‡ãªã†ãˆã«iframeã‚„ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãªã©ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãªã©ã‚‚é…å»¶èªã¿è¾¼ã¿ã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã¨ã„ã†å„ªã‚Œã‚‚ã®ã€‚ å…¬å¼ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã¯ã“ã¡ã‚‰ ä½œè€…ã¯ã‚ã®html5shivã‚’ä½¿ã£ãŸäººã‚‰ã—ã„ã€‚ã“ã‚Œã¯ä¿¡é ¼ã§ãã¾ã™ãã€‚ ä½œè€… : Alexander Farkas ã§ã¯ã€ä½¿ã„æ–¹ã‚’ãƒ¡ãƒ¢ã—ã¦ã“ã†ã¨æ€ã„ã¾ã™ã€‚
nhiroki 2018/03/06
Javascript

lazyload
ãƒªãƒ³ã‚¯
åŠ é€Ÿã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨PWA
at DevSumi 2018
nhiroki 2018/02/19
javascript

web

HTML5

pwa

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

serviceworker
ãƒªãƒ³ã‚¯
Muuri - Infinite layouts with batteries included
what & why? Muuri creates responsive, sorta ble, filterable and draggable layouts. Comparing to what's out there Muuri is a combination of Packery, Masonry, Isotope and Sorta ble. You can build pretty amazing layouts without a single line of JavaScript these days. However, sometimes (rarely though) CSS just isn't enough, and that's where Muuri comes along. At it's very core Muuri is a layout engine
nhiroki 2017/12/06
javascript

API

grid

library

layout
ãƒªãƒ³ã‚¯
Pjaxï¼ˆéžåŒæœŸç”»é¢é·ç§»ï¼‰ã§ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªç”»é¢é·ç§»ãŒã§ãã‚‹Barba.js | Will Style Inc.ï½œç¥žæˆ¸ã«ã‚ã‚‹ã‚¦ã‚§ãƒ–åˆ¶ä½œä¼šç¤¾
ã“ã‚“ã«ã¡ã¯ã€Designer / Engineerã‹ã‚‰Art Directorã«å¤‰ã‚ã‚Šã¾ã—ãŸå¥¥ç”°ã§ã™ã€‚ è‚©æ›¸ãã¯ã‚ã¾ã‚Šæ°—ã«ã—ã¦ã„ãªã„ã®ã§ã™ãŒã€Art Directorã¨ã„ã†ã¨æŒ‡ç¤ºã™ã‚‹ã ã‘ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ãªã„ã¿ãŸã„ãªã®ã¨ã€å¾Œã§Technical Directorã‚‚ä»˜ã‘åŠ ãˆã‚‹ã¹ãã ãªã¨æ€ã£ãŸã®ã¯å†…ç·’ã§ã™ã€‚ ã•ã¦ã€æœ€è¿‘ã§ã¯ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã¯ã•ã‚“ã§ã„ã‚‹ã‚µã‚¤ãƒˆãŒã‚ˆãã¿ã‚‰ã‚Œã¾ã™ã€‚ ãã‚“ãªæ™‚ã€éžåŒæœŸã§ãƒšãƒ¼ã‚¸é·ç§»ã™ã‚Œã°å¿…è¦ãªç®‡æ‰€ã ã‘ã‚’èªã¿è¾¼ã¿ã€å°‘ãªã„ãƒãƒ¼ãƒ‰æ™‚é–“ã§ãƒšãƒ¼ã‚¸ã‚’ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ã«å¤‰æ›´ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯Pjaxï¼ˆéžåŒæœŸç”»é¢é·ç§»ï¼‰ã‚’å°Žå…¥ã§ãã‚‹Barba.jsã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Barba.js ã‚µã‚¤ãƒˆã®ä¸ã«ãªãœPjaxã‚’ä½¿ã†ã®ã‹ã€ãã®ãƒ¡ãƒªãƒƒãƒˆãŒæŽ²è¼‰ã•ã‚Œã¦ã„ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸é–“ã®ç´ æ•µãªãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’å‘ä¸Šã•ã›ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Š
nhiroki 2017/07/31
Javascript

ãƒãƒ¼ãƒ‰

Pjax
ãƒªãƒ³ã‚¯
swiper.jsä½¿ã£ã¦ã¿ãŸã‹ã‚‰ãã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ | ãªã‚“ã‹ã„ã‚ã„ã‚ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹äºº
ã“ã‚Œã¯æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®swiperã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦æ›¸ã„ãŸè¨˜äº‹ã§ã™ã€‚æœ€æ–°ç‰ˆï¼ˆ6ç³»ï¼‰ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã¯ã“ã¡ã‚‰ã«ã‚ã‚Šã¾ã™ ã¡ã‚‡ã£ã¨æ©Ÿä¼šãŒã‚ã£ã¦ã€swiper.jsä½¿ã£ãŸã‹ã‚‰ãã®æ™‚ã®ãƒ¡ãƒ¢ã€‚ æœ¬å½“ã¯å˜èªžã”ã¨ã«ã‚¹ãƒ ãƒ¼ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã‹è¨ç½®ã—ãŸæ–¹ãŒã„ã„ã‚“ã ã‚ã†ã‘ã©ã€ã‚ã‚“ã©ãï¼ˆ ãƒ–ãƒ©ã‚¦ã‚¶ã®æ¤œç´¢æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ãã ã—ã‚ã€‚ ã¡ã‚‡ãã¡ã‚‡ãé–“é•ã£ã¦ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã‹ã‚‰ã€é–“é•ã£ã¦ã‚‹ç®‡æ‰€ãŒã‚ã£ãŸã‚‰æ•™ãˆã¦ã„ãŸã ã‘ã‚Œã°æ°—ã¾ãã‚Œã§ä¿®æ£ã—ã¾ã™ã€‚ ã‚ã¨ã€ä¾‹ãŒæ¬²ã—ã„ã¨ã“ã‚ãŒã‚ã‚Œã°æ°—ã¾ãã‚Œã§è¿½è¨˜ã—ã¾ã™ã€‚ ã“ã‚Œã¯æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®swiperã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦æ›¸ã„ãŸè¨˜äº‹ã§ã™ã€‚æœ€æ–°ç‰ˆï¼ˆ6ç³»ï¼‰ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã¯ã“ã¡ã‚‰ã«ã‚ã‚Šã¾ã™ swiper.jsã£ã¦ãªã‚“ãžï¼Ÿ swiper.jsã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆ ç°¡å˜ã«è¨€ã†ã¨ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç³»ã®JSã€‚ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒå¤šãã€å€‹äººçš„ã«ã¯bxsliderã¨slickã¨flexã¨åˆã‚ã›ã¦ç¥žã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å››å¤©çŽ‹ã¨ã—ã¦èªè˜ã—
nhiroki 2017/05/16
javascript

swiper
ãƒªãƒ³ã‚¯
JavaScriptã§ç”»åƒå‡¦ç†ã™ã‚‹ãªã‚‰ã€ŒJimpã€ãŒä¾¿åˆ© | ç¶ºéº—ã«æ»ã¬ITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
ç¾åœ¨JavaScriptã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§ä½¿ç”¨ã•ã‚Œã‚‹ã®ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§Webã‚µãƒ¼ãƒãƒ¼ã¨ã—ã¦å‹•ä½œã—ãŸã‚Šã€ã¯ãŸã¾ãŸé–‹ç™ºè€…ã®PCã§å„ç¨®é–‹ç™ºãƒ„ãƒ¼ãƒ«ã¨ã—ã¦å‹•ä½œã—ãŸã‚Šã—ã¦ãŠã‚Šã€æ§˜ã€…ãªå ´é¢ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ãã®ã©ã¡ã‚‰ã§ã‚‚ä½¿ãˆã‚‹ã€Node.jsã¨ãƒ–ãƒ©ã‚¦ã‚¶JavaScriptã®ä¸¡æ–¹ã«å¯¾å¿œã—ãŸç”»åƒå‡¦ç†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒJimpã€ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€ŒJimpã€ã¨ã¯Jimpã¯ã€å¤–éƒ¨ã¾ãŸã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ä¾å˜é–¢ä¿‚ãŒå…¨ããªã„ã€å®Œå…¨ã«JavaScriptã§è¨˜è¿°ã•ã‚ŒãŸNode.jsç”¨ã®ç”»åƒå‡¦ç†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®npmã‚³ãƒžãƒ³ãƒ‰ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™ã€‚ var Jimp = require("jimp"); // "lenna.png"ã‚’é–‹ã Jimp.read("lenna.png", function (err, len
nhiroki 2017/02/15
Javascript

node.js
ãƒªãƒ³ã‚¯
à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸›à¹„à¸”à¹‰à¹€à¸¥à¸¢
à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¹€à¸›à¹‡à¸™à¸—à¸²à¸‡à¹€à¸¥à¸·à¸à¸à¸—à¸µà¹ˆà¸™à¹ˆà¸²à¹€à¸Šà¸·à¹ˆà¸à¸–à¸·à¸à¸ªà¸³à¸«à¸£à¸±à¸šà¸œà¸¹à¹‰à¹€à¸¥à¹ˆà¸™à¸—à¸µà¹ˆà¸•à¹‰à¸à¸‡à¸à¸²à¸£à¸„à¸§à¸²à¸¡à¸¡à¸±à¹ˆà¸™à¹ƒà¸ˆà¹ƒà¸™à¸à¸²à¸£à¹€à¸”à¸´à¸¡à¸žà¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¸”à¹‰à¸§à¸¢à¸£à¸°à¸šà¸šà¸„à¸§à¸²à¸¡à¸›à¸¥à¸à¸”à¸ à¸±à¸¢à¸£à¸°à¸”à¸±à¸šà¸ªà¸¹à¸‡à¹à¸¥à¸°à¸à¸²à¸£à¸•à¸£à¸§à¸ˆà¸ªà¸à¸šà¸à¸¢à¹ˆà¸²à¸‡à¹€à¸‚à¹‰à¸¡à¸‡à¸§à¸” à¸„à¸¸à¸“à¸ªà¸²à¸¡à¸²à¸£à¸–à¸§à¸²à¸‡à¹ƒà¸ˆà¹„à¸”à¹‰à¸§à¹ˆà¸²à¸—à¸¸à¸à¸à¸²à¸£à¹€à¸¥à¹ˆà¸™à¸‚à¸à¸‡à¸„à¸¸à¸“à¸ˆà¸°à¹€à¸›à¹‡à¸™à¹„à¸›à¸à¸¢à¹ˆà¸²à¸‡à¸¢à¸¸à¸•à¸´à¸˜à¸£à¸£à¸¡à¹à¸¥à¸°à¹‚à¸›à¸£à¹ˆà¸‡à¹ƒà¸ª à¹€à¸§à¹‡à¸šà¹„à¸‹à¸•à¹Œà¸™à¸µà¹‰à¹„à¸”à¹‰à¸£à¸±à¸šà¸à¸²à¸£à¸£à¸±à¸šà¸£à¸à¸‡à¸ˆà¸²à¸à¸«à¸™à¹ˆà¸§à¸¢à¸‡à¸²à¸™à¸—à¸µà¹ˆà¹€à¸à¸µà¹ˆà¸¢à¸§à¸‚à¹‰à¸à¸‡ à¸—à¸³à¹ƒà¸«à¹‰à¸„à¸¸à¸“à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸”à¹‰à¸à¸¢à¹ˆà¸²à¸‡à¸ªà¸´à¹‰à¸™à¹€à¸Šà¸´à¸‡ à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² à¸™à¸à¸à¸ˆà¸²à¸à¸™à¸µà¹‰ à¸—à¸µà¸¡à¸‡à¸²à¸™à¸¡à¸·à¸à¸à¸²à¸Šà¸µà¸žà¸žà¸£à¹‰à¸à¸¡à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸•à¸¥à¸à¸” 24
nhiroki 2016/08/15
ã‚ã¨ã§èªã‚€

Javascript
ãƒªãƒ³ã‚¯
Page Not Found - NxWorld
Page Not Found Where are you going to fly? You seem to have followed a route that does not exist.
nhiroki 2016/08/03
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
nhiroki 2016/07/08
jquery

javascript
ãƒªãƒ³ã‚¯
JavaScriptåˆç´šè€…ã‹ã‚‰ä¸ç´šè€…ã«ãªã‚ã† â€” uhyohyo.net
ã“ã®ãƒšãƒ¼ã‚¸ã®æœ€çµ‚æ›´æ–°æ—¥ï¼š2019å¹´7æœˆ4æ—¥ JavaScriptã€‚ä¸»ã«Webãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ã®ã«ä½¿ã‚ã‚Œã‚‹ã»ã‹ã€ç¾åœ¨ã§ã¯ã•ã¾ã–ã¾ãªã¨ã“ã‚ã§æ´»èºã—ã¦ã„ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã¯JavaScriptã®ä¸ç´šè¬›åº§ã§ã™ã€‚æœ€æ–°é‹ã§ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€èªã¿é€²ã‚ã‚Œã°å¤§æŠµã®ã‚‚ã®ã‚’è‡ªåˆ†ã§ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ è¨€ã„è¨³ã¨JavaScriptã®æ´å² / å•ã„åˆã‚ã› æœ€è¿‘ã®æ›´æ–°2017/10/05 å…¨ãƒšãƒ¼ã‚¸ã‚’æ‰‹ç›´ã—ã—ã¾ã—ãŸã€‚åå…ç« ç¬¬å…å›žã‚’è¿½åŠ ã€‚2017/11/9 åå…ç« ç¬¬äºŒåä¸€å›žãƒ»åå…ç« ç¬¬äºŒåäºŒå›žã‚’è¿½åŠ ã€‚2017/12/2 åä¸ƒç« ç¬¬ä¸‰å›žãƒ»åä¸ƒç« ç¬¬å››å›žã‚’è¿½åŠ ã€‚2017/12/3 åä¸ƒç« ç¬¬äº”å›žãƒ»åä¸ƒç« ç¬¬å…å›žãƒ»åä¸ƒç« ç¬¬ä¸ƒå›žã‚’è¿½åŠ ã€‚æ¦‚è¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ç¬¬ä¸€ç¯‡ã¨ç¬¬äºŒç¯‡ã«åˆ†ã‹ã‚Œã¦ã„ã¾ã™ã€‚ JavaScriptã¯æ˜”ã‹ã‚‰Webãƒšãƒ¼ã‚¸ã«å‹•ãã‚’ä¸Žãˆã‚‹ã‚‚ã®ã¨ã—ã¦ç”¨ã„ã‚‰ã‚Œã¦ãã¾ã—ãŸãŒã€ç¬¬ä¸€ç¯‡ã§ã¯ãã®ã‚ˆã†ãªã€æ˜”ã‹ã‚‰ã‚ã‚‹Jav
nhiroki 2016/07/07
Javascript
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸