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

nasust id:nasust

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

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

Reactå°‚ç”¨ãƒªãƒƒãƒãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒDraft.jsã€ã®å®Ÿè·µçš„Tipsé›†
nasust 2021/01/06
react

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

javascript
ãƒªãƒ³ã‚¯
Node.js Dual Packages (CommonJS/ES Modules) ã«å¯¾å¿œã—ãŸ npm ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®é–‹ç™º - Cybozu Inside Out | ã‚µã‚¤ãƒœã‚¦ã‚ºã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã®å¹³é‡Žï¼ˆ@shisama_ï¼‰ã§ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãƒãƒ¼ãƒ ã§ã¯æ¥å‹™æ™‚é–“ã® 30 % ã®æ™‚é–“ã§æŠ€è¡“æŽ¢ç©¶ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯æŽ¢ç©¶ã—ãŸæŠ€è¡“ã®ä¸ã‹ã‚‰ Node.js ã® ES Modulesï¼ˆä»¥ä¸‹ ESMï¼‰ã«ã¤ã„ã¦ã¨ Dual Package (CommonJS/ES Modules) ã«å¯¾å¿œã—ãŸ npm ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®é–‹ç™ºã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ES Modules ã®ç‰¹å¾´ ESM ã¯ãƒ–ãƒ©ã‚¦ã‚¶äº’æ› ESM ã¯ Strict ãƒ¢ãƒ¼ãƒ‰ ESM ã¯éžåŒæœŸ ESM ã¯é™çš„è§£æžå¯èƒ½ Node.js ã® ESM å¯¾å¿œã«ã¤ã„ã¦ Dual Packageï¼ˆCJS/ESMï¼‰ã«å¯¾å¿œã—ãŸ npm ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®é–‹ç™º Conditional Exports ã«ã‚ˆã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®æŒ‡å®š .mjs ã¨ .cjs require ãªã© CJS ç‰¹æœ‰ã®æ©Ÿèƒ½ã‚’ä½¿ã† ESMã‹ã‚‰ CJS ãƒ•ã‚¡
nasust 2020/10/07
Node

javascript
ãƒªãƒ³ã‚¯
ç”»åƒã®é…å»¶èªã¿è¾¼ã¿ã«loadingå±žæ€§ã¨JavaScriptã‚’ä½µç”¨ã—ãŸæœ€å¤§é™ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’ç™ºæ®ã•ã›ã‚‹å®Ÿè£…æ–¹æ³•
ç”»åƒã‚„iframeã®é…å»¶èªã¿è¾¼ã¿ã«ä½¿ç”¨ã™ã‚‹loadingå±žæ€§ã¨éžã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã«JavaScriptã‚’ä½µç”¨ã—ãŸç¾ä»£çš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒã§ã€æœ€å¤§é™ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’ç™ºæ®ã•ã›ã‚‹å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Best way to lazy load images for maximum performance by Adrian Bece ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« é…å»¶èªã¿è¾¼ã¿ã®loadingå±žæ€§ã¨ã¯ é…å»¶èªã¿è¾¼ã¿ã®ç¾ä»£çš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨Lighthouseã‚¹ã‚³ã‚¢ã®å‘ä¸Š æœ€å¤§ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å¾—ã‚‹ãŸã‚ã®ç”»åƒæœ€é©åŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ã¯ã˜ã‚ã« ç”»åƒã®é…å»¶èªã¿è¾¼ã¿ã¯æ¯”è¼ƒçš„ç°¡å˜ã«å®Ÿè£…ã§ãã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å¤§å¹…ã«å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€Webã‚µã‚¤ãƒˆã‚’æœ€é©åŒ–ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã•ã‚Œã‚‹é¸æŠžè‚¢ã®1ã¤ã§ã™ã€‚é…å»¶èªã¿è¾¼ã¿ã§
nasust 2020/09/11
ç”»åƒ

javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
çµŒç”£çœç™ºã® npm ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ï¼ä½æ‰€ã‚„é›»è©±ç•ªå·ã®æ£è¦åŒ–ã€ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãªã©ãŒã§ãã‚‹ IMI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ„ãƒ¼ãƒ«ã‚’è©¦ã—ãŸï¼
çµŒç”£çœç™ºã® npm ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ï¼ä½æ‰€ã‚„é›»è©±ç•ªå·ã®æ£è¦åŒ–ã€ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãªã©ãŒã§ãã‚‹ IMI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ„ãƒ¼ãƒ«ã‚’è©¦ã—ãŸï¼ Code for Japan ã®é–¢ã•ã‚“ãŒ SNS ã§ã‚·ã‚§ã‚¢ã—ã¦ã¦çŸ¥ã£ãŸã®ã§ã™ãŒã€çµŒç”£çœã•ã‚“ãŒãªã«ã‚„ã‚‰ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§ä½æ‰€ã‚„é›»è©±ç•ªå·ã®æ£è¦åŒ–ãªã©ãªã©ã‚’ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’å…¬é–‹ã—ãŸã¨ã®ã“ã¨ã€‚ https://info.gbiz.go.jp/tools/imi_tools/ çµŒç”£çœãŒä½æ‰€å¤‰æ›ã‚„æ³•äººç¨®åˆ¥åã€é›»è©±ç•ªå·ã®æ£è¦åŒ–ã«ä½¿ãˆã‚‹IMIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ„ãƒ¼ãƒ«ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚å…¬é–‹ã€‚README ã«ã‚‚ä½¿ã„æ–¹ãŒä¸å¯§ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã—ãŸã€‚https://t.co/fPbV00EgZP ç´ æ™´ã‚‰ã—ã„å‹•ãã€‚ã“ã†ã„ã†... #NewsPicks https://t.co/bew0qGKMFE â€” Hal Seki (@hal_sk) May 28, 2020 ã¶ã£ã¡ã‚ƒã‘å½“åˆã¯ã‚ã¾ã‚ŠæœŸå¾…
nasust 2020/05/29
ãƒ„ãƒ¼ãƒ«

Blog

npm

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
JavaScriptã§ã‚‚LINQã‚’ä½¿ã£ã¦é›†è¨ˆå‡¦ç†ã‚’ç°¡å˜ã«å®Ÿè£…ã—ã‚ˆã†ï¼ | DevelopersIO
[ { "event_code": "deviocafe_wt-test", "person_id": 76, "transaction_no": "019" }, { "event_code": "deviocafe_wt-test", "person_id": 74, "transaction_no": "019" }, { "event_code": "deviocafe_wt-test", "person_id": 75, "transaction_no": "018" } ] [ { "transaction_no": "019", "event_code": "deviocafe_wt-test", "person_id": [76, 74] }, { "transaction_no": "018", "event_code": "deviocafe_wt-test", "pe
nasust 2020/01/24
javascript
ãƒªãƒ³ã‚¯
The 2023 Web Developer Roadmap
This article details the needed skills and the corresponding tutorials to learn them effectively. The illustrated guide is provided by Kamran Ahmed and can be found on roadmaps.sh or the GitHub repo â€” Kamranâ€™s work is excellent so be sure to star the repo and subscribe to his newsletter to support his efforts. Donâ€™t be intimidated by the map. It may seem like a lot, but Iâ€™ll break it down so you c
nasust 2020/01/10
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ä¸¡æ–¹ã‚„ã£ã¦ã„ã‚‹ã‹ã‚‰è¦šãˆã‚‹äº‹å¤šã„â€¦ã€‚å¾Œã€ã“ã‚Œã«æ©Ÿæ¢°å¦ç¿’ã‚‚è¦šãˆãªãã‚ƒã€‚

javascript

web

Git

skill

å‹‰å¼·
ãƒªãƒ³ã‚¯
JavaScriptãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Angularã®äººæ°—ãŒä¸‹è½ä¸
State of JavaScriptãŒã“ã®ã»ã©ã€2019å¹´ã«ãŠã‘ã‚‹JavaScripté–¢é€£ã®èª¿æŸ»çµæžœã€ŒThe State of JavaScript 2019ã€ã‚’å…¬é–‹ã—ãŸã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„ãŸAngularã ãŒã€å®Ÿéš›ã«ã¯ã‚‚ã†ä½¿ã‚ãªã„ã¨å›žç”ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‰²åˆãŒ2018å¹´ã‹ã‚‰å¢—åŠ ã—ã¦ãŠã‚Šã€ã•ã‚‰ã«ä»Šå¾Œå¦ç¿’ã™ã‚‹ã¤ã‚‚ã‚Šã‚‚ãªã„ã¨å›žç”ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‰²åˆã‚‚å¤šã„ã€‚ä»Šå¾Œå¾ã€…ã«ä½¿ç”¨å‰²åˆãŒæ¸›ã£ã¦ã„ãå¯èƒ½æ€§ãŒè¦‹ãˆã¦ãã¦ã„ã‚‹ã€‚ Angularãƒ¦ãƒ¼ã‚¶æ„è˜å‰²åˆæŽ¨ç§»ã‚°ãƒ©ãƒ• - è³‡æ–™: The State of JavaScript ä¸€æ–¹ã€Reactã¨Vue.jsã¯é †èª¿ã«ä½¿ç”¨çŽ‡ã‚’ä¼¸ã°ã—ã¤ã¤ã€ã•ã‚‰ã«ä»Šå¾Œå¦ç¿’ã—ã¦ã„ããŸã„ã¨ã„ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‰²åˆã‚‚å¤šã„ã€‚ä»Šå¾Œã€Reactã¨Vue.jsã¯ã•ã‚‰ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå¢—ãˆã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã€‚ Reactãƒ¦ãƒ¼ã‚¶æ„è˜å‰²åˆæŽ¨ç§»ã‚°ãƒ©ãƒ• - è³‡æ–™: The State of JavaS
nasust 2020/01/02
javascript

Vue

react

program
ãƒªãƒ³ã‚¯
JavaScriptã®ä»£æ›¿è¨€èªžã€TypeScriptãŒæœ€æœ‰åŠ›ã‹
JavaScriptã¯ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿè¡Œã•ã‚Œã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨ã—ã¦ä»£è¡¨çš„ãªå˜åœ¨ã ã€‚ã—ã‹ã—ã€JavaScriptã§å¤§è¦æ¨¡ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã®ã¯é›£ã—ã„ã¨ã—ã¦ã€ä»£æ›¿ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€JavaScripté¢¨ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€JavaScriptã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžãŒå˜åœ¨ã—ã¦ã„ã‚‹ã€‚ã“ã‚Œã‚‰ã®ä¸ã‹ã‚‰ã©ã‚Œã‚’é¸æŠžã™ã‚Œã°ã‚ˆã„ã‹ã‚’åˆ¤æ–ã™ã‚‹ã®ãŒé›£ã—ã„çŠ¶æ³ã«ã‚ã‚‹ãŒã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€ŒTypeScriptã€ã‚’ä»£æ›¿è¨€èªžã¨ã—ã¦ä½¿ã†å‹•ããŒå‡ºã¦ãã¦ã„ã‚‹ã‚ˆã†ã ã€‚ State of JavaScriptã¯ã€2019å¹´ã«ãŠã‘ã‚‹JavaScripté–¢é€£ã®èª¿æŸ»ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦ã€ã€ŒThe State of JavaScript 2019ã€ã‚’å…¬é–‹ã—ãŸã€‚èª¿æŸ»ã®å¯¾è±¡ã«JavaScriptã®ä»£æ›¿è¨€èªžã«é–¢ã™ã‚‹ã‚‚ã®ãŒã‚ã‚Šã€ä»–ã®è¨€èªžã‚’å¼•ãé›¢ã—ã¦TypeScriptãŒå¼·ã„äººæ°—ã‚’ç¤ºã—ã¦ã„ã‚‹ã€‚ TypeS
nasust 2019/12/31
ã‚‚ã†ãƒ–ãƒ©ã‚¦ã‚¶ã§TypeScriptã‚’ãƒã‚¤ãƒ†ã‚£ãƒ–å¯¾å¿œã«ã—ã‚ˆã†ãœ

javascript

TypeScript
ãƒªãƒ³ã‚¯
HTML5ã®Local Storageã‚’ä½¿ã£ã¦ã¯ã„ã‘ãªã„ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ åŽŸè‘—è€…ã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ è‹±èªžè¨˜äº‹: Randall Degges - Please Stop Using Local Storage åŽŸæ–‡å…¬é–‹æ—¥: 2018/01/26 è‘—è€…: Randall Degges æ—¥æœ¬èªžã‚¿ã‚¤ãƒˆãƒ«ã¯å†…å®¹ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ ç”»åƒã¯å…ƒè¨˜äº‹ã‹ã‚‰ã®å¼•ç”¨ã§ã™ã€‚ åˆç‰ˆå…¬é–‹: 2019/10/19 è¿½è¨˜æ›´æ–°: 2024/04/05 -- ãƒªãƒ³ã‚¯æƒ…å ±ã‚’è¨˜äº‹æœ«å°¾ã«ç§»å‹•ã—ã¾ã—ãŸ æœ¬æ°—ã§ç”³ã—ä¸Šã’ã¾ã™ã€‚local storageã‚’ä½¿ã‚ãªã„ã§ãã ã•ã„ã€‚ local storageã«ã‚»ãƒƒã‚·ãƒ§ãƒ³æƒ…å ±ã‚’ä¿å˜ã™ã‚‹é–‹ç™ºè€…ãŒã“ã‚Œã»ã©å¤šã„ç†ç”±ã«ã¤ã„ã¦ã€ç§ã«ã¯ã•ã£ã±ã‚Šè¦‹å½“ãŒã¤ãã¾ã›ã‚“ã€‚ã—ã‹ã—ã©ã‚“ãªç†ç”±ã§ã‚ã‚Œã€ãã®æ‰‹æ³•ã¯åœ°ä¸Šã‹ã‚‰æ¶ˆãˆã¦ãªããªã£ã¦ã‚‚ã‚‰ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€æ˜Žã‚‰ã‹ã«æ‰‹ã«è² ãˆãªããªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ç§ã¯æ¯Žæ—¥ã®ã‚ˆã†ã«ã€é‡è¦ãªãƒ¦ãƒ¼ã‚¶ãƒ¼æƒ…å ±ã‚’local storageã«ä¿å˜ã™
nasust 2019/10/10
ãƒ–ãƒ©ã‚¦ã‚¶

javascript

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
textFit - æž ã«åˆã‚ã›ã¦ãƒ†ã‚ã‚¹ãƒˆã‚’æœ€å¤§è¡¨ç¤º
MOONGIFTã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’ç´¹ä»‹ã™ã‚‹ãƒ–ãƒã‚°ã§ã™ã€‚2021å¹´07æœˆ16æ—¥ã§æ›´æ–°åœæ¢ã—ã¾ã—ãŸ Webã®è¡¨ç¾åŠ›ã¯é«˜ãã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®å¹…ã«ã‚ˆã£ã¦ãƒ†ã‚ã‚¹ãƒˆã®è¡Œæ•°ãŒå¤‰ã‚ã£ã¦ã—ã¾ã£ãŸã‚Šã—ã¾ã™ã€‚ãã®çµæžœã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ„å›³ã—ãŸè¡¨ç¤ºã«ãªã‚‰ãªã„ã“ã¨ã‚‚å¤šãã€ã‹ã¨ã„ã£ã¦å›ºå®šã‚µã‚¤ã‚ºã«ã™ã‚‹ã¨é–²è¦§è€…ã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’ä¸Žãˆã‚‹ã“ã¨ã«ã‚‚ãªã‚Šã‹ãã¾ã›ã‚“ã€‚ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒtextFitã§ã™ã€‚ãƒ†ã‚ã‚¹ãƒˆã‚’æž ã®ä¸ã«åŽã¾ã‚‹å½¢ã§æœ€é©åŒ–ã—ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ textFitã®ä½¿ã„æ–¹ åˆ©ç”¨ä¾‹ã§ã™ã€‚å¾ã€…ã«ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã£ã¦ã€æœ€çµ‚çš„ã«æž ã„ã£ã±ã„ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ æ–‡å—ã®ã‚¹ãƒšãƒ¼ã‚¹ã€è¡Œã®é«˜ã•ã€ãƒ•ã‚©ãƒ³ãƒˆãªã©ã‚‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚ textFitã‚’ä½¿ã†ã“ã¨ã§ã€æž ã®å¤§ãã•ã«åˆã‚ã›ãŸæœ€å¤§ã‚µã‚¤ã‚ºã®è¡¨ç¤ºã‚’ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚textFitã¯åˆ†ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«æ®µéšŽçš„ã«ãªã£ã¦ã„ã¾ã™ãŒã€é€šå¸¸ä½¿ã†é™ã‚Šã¯ä¸€çž¬ã§èª¿æ•´ã•ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ã‚¦ã‚£ãƒ³
nasust 2019/07/03
javascript
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ä¸Šã§ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° Â |Â Articles Â |Â web.dev
ã‚¦ã‚§ãƒ– ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãŒä¸‹ã™å¿…è¦ãŒã‚ã‚‹é‡è¦ãªæ„æ€æ±ºå®šã® 1 ã¤ã¯ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãƒã‚¸ãƒƒã‚¯ã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’å®Ÿè£…ã™ã‚‹å ´æ‰€ã§ã™ã€‚ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã¯éžå¸¸ã«å¤šã„ãŸã‚ã€ã“ã‚Œã¯é›£ã—ã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ Google ã¯ã€ã“ã“æ•°å¹´é–“ã« Chrome ã§å¤§è¦æ¨¡ãªã‚µã‚¤ãƒˆã¨é€£æºã—ã¦å¾—ãŸçŸ¥è¦‹ã«åŸºã¥ã„ã¦ã€ã“ã®åˆ†é‡Žã‚’ç†è§£ã—ã¦ã„ã¾ã™ã€‚ä¸€èˆ¬çš„ã«ã€å®Œå…¨ãªãƒã‚¤ãƒ‰ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ã‚¢ãƒ—ãƒãƒ¼ãƒã‚ˆã‚Šã‚‚ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¾ãŸã¯é™çš„ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’æ¤œè¨Žã™ã‚‹ã“ã¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ é¸æŠžã™ã‚‹ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’ã‚ˆã‚Šæ·±ãç†è§£ã™ã‚‹ã«ã¯ã€å„ã‚¢ãƒ—ãƒãƒ¼ãƒã‚’ã—ã£ã‹ã‚Šã¨ç†è§£ã—ã€ãã‚Œã‚‰ã«ã¤ã„ã¦èª¬æ˜Žã™ã‚‹éš›ã«ä¸€è²«ã—ãŸç”¨èªžã‚’ä½¿ç”¨ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° ã‚¢ãƒ—ãƒãƒ¼ãƒã®é•ã„ã¯ã€ãƒšãƒ¼ã‚¸ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®è¦³ç‚¹ã‹ã‚‰ã€ã‚¦ã‚§ãƒ–ã§ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ã‚’ç¤ºã™ã®ã«å½¹ç«‹ã¡ã¾ã™ã€‚ ç”¨èªž ã¾ãšã€ä½¿ç”¨ã™ã‚‹ç”¨èªžã‚’å®šç¾©ã—ã¾ã™ã€‚ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ ãƒ¬ãƒ³ãƒ€ãƒª
nasust 2019/06/21
google

HTML

javascript
ãƒªãƒ³ã‚¯
Babel 7.4.0ã§éžæŽ¨å¥¨ã«ãªã£ãŸ@babel/polyfillã‚’ä½¿ã‚ãšã€core-js@3ã§ç’°å¢ƒæ§‹ç¯‰ã™ã‚‹ | nansystem
# Babel 7.4.0ã§éžæŽ¨å¥¨ã«ãªã£ãŸ@babel/polyfillã‚’ä½¿ã‚ãšã€core-js@3ã§ç’°å¢ƒæ§‹ç¯‰ã™ã‚‹ @babel/polyfill (opens new window)ã®ãƒšãƒ¼ã‚¸ã«Babel 7.4.0ã‹ã‚‰éžæŽ¨å¥¨ã«ãªã£ãŸã¨æ›¸ã‹ã‚Œã¦ã„ã‚‹ã€‚ As of Babel 7.4.0, this package has been deprecated ã“ã®è¨˜äº‹ã§ã¯webpack4ã§Babel7.4ã‚’ä½¿ã£ãŸç’°å¢ƒæ§‹ç¯‰ã®æ–¹æ³•ã‚’è¨˜è¼‰ã™ã‚‹ã€‚ # ç’°å¢ƒæ§‹ç¯‰ # ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« @babel/polyfillã§ã¯ãªãcore-jsã¨regenerator-runtimeã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã„ã‚‹ã®ãŒãƒã‚¤ãƒ³ãƒˆã€‚ Polyfillã¯core-jsã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ãŠã‚Šã€async-awaitã‚’å‹•ã‹ã™ã«ã¯regenerator-runtimeãŒåˆ¥ã§å¿…è¦ã«ãªã‚‹ã€‚ ãã®ã»ã‹ã€Babelã‚„Webpackã§ãƒ“ãƒ«ãƒ‰ã™ã‚‹ãŸã‚ã«å¿…
nasust 2019/06/17
babel

webpack

javascript
ãƒªãƒ³ã‚¯
Display Locking ã«ã‚ˆã‚‹ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®æœ€é©åŒ–ã¨ Async DOM | blog.jxck.io
Intro React ã‚„ lit-html ãªã©ã«ã‚ˆã‚Šã€DOM æ“ä½œã®æŠ½è±¡åŒ–ã«åŠ ãˆã¦æœ€é©åŒ–ãŒæä¾›ã•ã‚Œã‚‹ã“ã¨ãŒä¸€èˆ¬çš„ã¨ãªã£ãŸã€‚ è¦‹æ–¹ã‚’å¤‰ãˆã‚Œã°ã€æœ¬æ¥ãƒ–ãƒ©ã‚¦ã‚¶ãŒã‚„ã‚‹ã‚ˆã†ãªæœ€é©åŒ–ã‚’ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒè‚©ä»£ã‚ã‚Šã—ã¦ã„ã‚‹ã¨æ‰ãˆã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚ ã“ã‚Œã¯ã€ç¾åœ¨ã®æ¨™æº– API ã«ã¯ã€è¦æ¨¡ãŒå¤§ããå‡¦ç†ãŒè¤‡é›‘ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹éš›ã«ã€è¶³ã‚Šã¦ãªã„ã‚‚ã®ãŒã‚ã‚‹ã¨è€ƒãˆã‚‹ã“ã¨ãŒå¯èƒ½ã ã€‚ èª²é¡Œã® 1 ã¤ã¨ã—ã¦ã€ŒDOM æ“ä½œãŒåŒæœŸå‡¦ç†ã§ã‚ã‚‹ã€ã¨ã„ã†ç‚¹ã«ç€ç›®ã—ã€Async DOM ã¨ã„ã†æ–‡è„ˆã§ã„ãã¤ã‹ã®ææ¡ˆãŒè¡Œã‚ã‚ŒãŸã€‚ ä»Šå›žã¯ã€ãã®ææ¡ˆã® 1 ã¤ã§ã‚ã‚Š Chrome ã§å®Ÿè£…ãŒé€²ã‚“ã§ã„ã‚‹ Display Locking ã«ã¤ã„ã¦ç¾çŠ¶ã‚’è§£èª¬ã™ã‚‹ã€‚ ç¾çŠ¶ã® DOM æ“ä½œã®èª²é¡Œ ã¾ãšã€ä»¥ä¸‹ã®ã‚ˆã†ãªå‡¦ç†ã‚’è€ƒãˆã‚‹ã€‚ body.appendChild($div) ã“ã®å‡¦ç†ãŒ JS ã®é€”ä¸ã§å‡ºç¾ã™ã‚Œã°ã€ãã®çž¬é–“ Window ã«ã‚ã‚‹ D
nasust 2019/06/17
api

DOM

javascript
ãƒªãƒ³ã‚¯
How to Use the Web Share API | CSS-Tricks
The Web Share API is one that has seemingly gone under the radar since it was first introduced in Chrome 61 for Android. In essence, it provides a way to trigger the native share dialog of a device (or desktop, if using Safari) when sharing content â€” say a link or a contact card â€” directly from a website or web application. While itâ€™s already possible for a user to share content from a webpage via
nasust 2019/06/15
api

web

javascript
ãƒªãƒ³ã‚¯
JavaScriptã®æœ¬ã‚’æ›¸ãã¨ãã«å‚è€ƒã«ã—ã¦ã‚‹ã‚‚ã®
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
nasust 2019/06/13
javascript

æœ¬
ãƒªãƒ³ã‚¯
é«˜é€ŸåŒ–ã®è¦³ç‚¹ã‹ã‚‰ new Array(100) ã‚’ä½¿ã‚ãªã„æ–¹ãŒè‰¯ã„ç†ç”±
åˆ¥ä»¶ã§ V8 ã® JIT ã‚³ãƒ¼ãƒ‰ã®é€†ã‚¢ã‚»ãƒ³ãƒ–ãƒ«ã‚’çœºã‚ã¦ã„ã‚‹æ™‚ã«æ°—ã¥ã„ãŸã®ã§ã™ãŒã€JavaScriptã§ new Array(100) ã¨ã„ã†å½¢ã§é…åˆ—ã‚’ä½œã‚‹ã®ã¯ã€é«˜é€ŸåŒ–ã®è¦³ç‚¹ã‹ã‚‰è¨€ã†ã¨ V8 ã«ãŠã„ã¦ã¯é¿ã‘ã‚‹ã¹ãæ›¸ãæ–¹ã§ã™ã€‚ é«˜é€ŸåŒ–ã‚’æ±‚ã‚ã‚‹æ–¹ã¯ã€ new Array() ã‚„ [] ã§ä½œæˆã—ã¦ Array#push ã§è¿½åŠ ã—ã¦ã„ãã®ãŒè‰¯ã„ã§ã—ã‚‡ã†ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ãã®ç†ç”±ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã¯ã€ä»¥ä¸‹ã® V8 ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’å‚è€ƒã«ã—ã¦ãŠã‚Šã¾ã™ã€‚ https://v8.dev/blog/elements-kinds ã€Œè©°ã¾ã£ãŸé…åˆ—(Packed Array)ã€ã¨ã€Œç©´ã‚ãé…åˆ—(Holey Array)ã€ v8 ã¯å†…éƒ¨çš„ã«ã€ãã®é…åˆ—ãŒã©ã†ã„ã†ã‚¿ã‚¤ãƒ—ã®é…åˆ—ã§ã‚ã‚‹ã‹ã®çŠ¶æ…‹ã‚’è¨˜éŒ²ã—ã¦ãŠã‚Šã€ãã®æƒ…å ±ã‚’åˆ©ç”¨ã—ã¦æœ€é©åŒ–ã‚’é©ç”¨ã—ã¾ã™ã€‚çŠ¶æ…‹ã¯å†…éƒ¨çš„ã«ã¯21å€‹ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žè©±é¡Œã«ã™ã‚‹ã®ã¯ã€ãã®ä¸ã§ã‚‚ã€Œè©°ã¾ã£ã¦ã„
nasust 2019/06/09
javascript
ãƒªãƒ³ã‚¯
a2hs.js - iOSã§ã‚‚Add to Home Screen MOONGIFT
nasust 2019/06/08
javascript
ãƒªãƒ³ã‚¯
ken-burns-slideshow - ã‚±ãƒ³ãƒ»ãƒãƒ¼ãƒ³ã‚ºåŠ¹æžœã‚’å®Ÿç¾ã§ãã‚‹Webã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ MOONGIFT
nasust 2019/05/30
javascript
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ»ãƒžã‚¦ã‚¹ã®ä½ç½®ã‚„é€Ÿåº¦ãªã©ã€ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®çŠ¶æ…‹ã‚’ç°¡å˜ã«å–å¾—ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Tornis
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é€Ÿåº¦ã«åˆã‚ã›ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ä½ç½®ã«åˆã‚ã›ãŸãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã€ãƒžã‚¦ã‚¹ã®ä½ç½®ãƒ»é€Ÿåº¦ã«åˆã‚ã›ãŸãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã€ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¤‰æ›´ãªã©ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã€ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã‚’ç›£è¦–ã—ã€ãã®çŠ¶æ…‹ã‚’ç°¡å˜ã«å–å¾—ã§ãã‚‹è»½é‡JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä½ç½®ã‚’å–å¾—ã§ãã‚‹ã®ã¯ã‚ˆãã‚ã‚Šã¾ã™ãŒã€é€Ÿåº¦ã¾ã§å–å¾—ã§ãã‚‹ã®ã¯çã—ã„ã§ã™ãã€‚ Tornis Tornis -GitHub Tornisã®ç‰¹å¾´ Tornisã®ãƒ‡ãƒ¢ Tornisã®ä½¿ã„æ–¹ Tornisã®ç‰¹å¾´ Tornisã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®çŠ¶æ…‹ã‚’ç›£è¦–ã™ã‚‹è»½é‡ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ»ãƒžã‚¦ã‚¹ãªã©ã«ä½•ã‹å¤‰åŒ–ãŒã‚ã£ãŸæ™‚ã«ãã®å€¤ã‚’å–å¾—ã§ãã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã®ä½ç½® ãƒžã‚¦ã‚¹ã®é€Ÿåº¦ ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚º ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ä½ç½® ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é€Ÿåº¦ ãƒ‡ãƒã‚¤ã‚¹ã®å‘ãï¼ˆè¿‘æ—¥å¯¾å¿œäºˆå®šï¼‰ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ“ä½œã—
nasust 2019/05/22
javascript
ãƒªãƒ³ã‚¯
VS Codeã‚’ä½¿ã„ã“ãªã›! ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å¿…é ˆã®æ‹¡å¼µæ©Ÿèƒ½7é¸ - ICS MEDIA
ã€ŒVisual Studio Codeï¼ˆç•¥ç§°ï¼šVS Codeï¼‰ã€ã¯MicrosoftãŒæä¾›ã—ã¦ã„ã‚‹ç„¡å„Ÿã§é«˜æ©Ÿèƒ½ãªã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã§ã™ã€‚æ¨™æº–ã§ã‚‚ååˆ†ãªæ©Ÿèƒ½ã¯å‚™ã‚ã£ã¦ã„ã¾ã™ãŒã€æ‹¡å¼µæ©Ÿèƒ½ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ã€ã‚ˆã‚Šä½¿ã„ã‚„ã™ãè‡ªåˆ†ã«ã‚ã£ãŸã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã¸ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€HTMLã‚³ãƒ¼ãƒ€ãƒ¼ã‚„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«å½¹ç«‹ã¤æ‹¡å¼µæ©Ÿèƒ½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1. IntelliCode IntelliCodeã¯Microsoftè¬¹è£½ã®å…¬å¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚AIæ”¯æ´ã«ã‚ˆã‚‹æ¬¡ä¸–ä»£ã®ã‚³ãƒ¼ãƒ‰è£œå®ŒãŒJavaScriptã‚„TypeScriptã§åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚APIã®ä¸€è¦§ãŒã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆé †ã«æç¤ºã•ã‚Œã‚‹ã®ã§ã¯ãªãã€åˆ©ç”¨ã™ã‚‹å¯èƒ½æ€§ã®é«˜ã„APIãŒAIã«ã‚ˆã£ã¦äºˆæ¸¬ã•ã‚Œã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰è£œå®Œã®æ§˜åã‚’æ¬¡ã®ã‚¹ã‚¯ãƒªãƒ¼ã‚·ãƒ§ãƒ³ã‚·ãƒ§ãƒƒãƒˆã§ã”è¦§ãã ã•ã„ã€‚å…¥åŠ›å€™è£œã®ã€Œâ˜…ã€ãƒžãƒ¼ã‚¯ãŒä»˜ã„ã¦ã„ã‚‹ã¨ã“ã‚ãŒã€è£œå®Œå€™è£œã«ãªã£ã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚äººå·¥çŸ¥
nasust 2019/05/15
javascript

VSCode
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸