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

mi_kattun id:mi_kattun

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

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

ãªãœ Server Actions ã‚’ä½¿ã†ã®ã‹
Next.js 14 ã® Server Actions ã® stable ãƒªãƒªãƒ¼ã‚¹ã«ç™ºè¡¨ã¯å¤§ããªåéŸ¿ã‚’å‘¼ã³ã¾ã—ãŸã€‚ ç‰¹ã« <button> ã® formAction å±žæ€§å†…ã§ç›´æŽ¥ SQL ã‚¯ã‚¨ãƒªã‚’å®Ÿè¡Œã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¯å¤šãã®äººã«è¡æ’ƒã‚’ä¸Žãˆã¦ã„ã¾ã—ãŸã€‚"use server;" ã®éƒ¨åˆ†ã‚’ PHP ã‚„ãƒã‚¤ãƒŠãƒªã«ç½®ãæ›ãˆã‚‹ã¨è¡Œã£ãŸå¤šãã®ãƒŸãƒ¼ãƒ ã‚‚ç”Ÿã¾ã‚Œã¾ã—ãŸã€‚ function Bookmark({ slug }) { return ( <button formAction={async () => { "use server"; await sql`INSERT INTO Bookmarks (slug) VALUES (${slug})`; }} > <BookmarkIcon> </button> ) } X ä¸Šã§ã®åå¿œã‚’è¦‹ã‚‹ã¨ã€ã“ã®ã‚¯ãƒ©ã‚¤ãƒ³ãƒˆã‹ã‚‰ç›´æŽ¥ SQL ã‚¯ã‚¨ãƒªã‚’å®Ÿè¡Œã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¯è¦‹ãŸç›®ã®å°è±¡
mi_kattun 2023/11/13
react

javascript

security
ãƒªãƒ³ã‚¯
Fetch APIã¯ã€ŒPATCHã€ã ã‘å¤§æ–‡å—ã¨å°æ–‡å—ã®æŒ™å‹•ãŒç•°ãªã‚‹
const url = "https://fetch-api-normalization.deno.dev"; await fetch(url, { method: "PATCH" }); await fetch(url, { method: "patch" }); å®Ÿè¡Œã™ã‚‹ã¨ã€æ¬¡ã®ã‚ˆã†ãªã‚¨ãƒ©ãƒ¼ã‚’å¾—ã‚‹ã¯ãšã§ã™ã€‚ PATCH ã‚’å°æ–‡å—ã§æ›¸ã„ãŸéš›ã®ã‚¨ãƒ©ãƒ¼ã®ä¸€ä¾‹ ã•ã¦ã€ã©ã®ã‚ˆã†ãªæ¡ä»¶ã§ã“ã®ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã™ã‚‹ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿã“ã‚ŒãŒæ„å›³ã•ã‚ŒãŸã‚‚ã®ãªã®ã ã¨ã—ãŸã‚‰ã€ GET ã‚„ POST ã¯å¤§æ–‡å—ãƒ»å°æ–‡å—ã‚’ç„¡è¦–ã—ã¦ã‚ˆãã¦ PATCH ã¯ç„¡è¦–ã§ããªã„ç†ç”±ãŒãªã«ã‹ã‚ã‚‹ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿä»¥ä¸‹ã§ãã®ç†ç”±ã‚’æŽ¢ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã„ã¤ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã™ã‚‹ã‹ ã“ã®ã‚¨ãƒ©ãƒ¼ã¯ã€ Fetch API ã‚’åˆ©ç”¨ã—ã¦å¤–éƒ¨ã® HTTP ã‚µãƒ¼ãƒãƒ¼ã«å¯¾ã—ã¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’è¡Œã†æ™‚ã«ã€ PATCH ã¨æ›¸ãã¹ãã¨ã“ã‚ã‚’ patch ã¨æ›¸ã„ã¦ã„ã‚‹ã¨ç™ºç”Ÿã—ã¾ã™ã€‚
mi_kattun 2023/10/06
web

javascript
ãƒªãƒ³ã‚¯
Ajaxã‹ã‚‰å§‹ã¾ã£ãŸä¸€ã¤ã®æ™‚ä»£ã®çµ‚ã‚ã‚Š
æœ€è¿‘ã®æµã‚Œã‚’è¦‹ã¦ã„ã¦ã®æ„Ÿæƒ³æ–‡ãªã®ã§ã€ideaã¨ã—ã¦æŠ•ç¨¿ã—ã¾ã™ã€‚ç†è€…ã®ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã¨ã—ã¦ã¯ã€Remixã®å•†æ¥è¨˜äº‹ã‚’æ›¸ã„ãŸã‚Šã€App Routerã®å•†æ¥è¨˜äº‹ã‚’æ›¸ã„ãŸã‚Šã—ã¦ã„ã‚‹äººã§ã™ã€‚ ã•ã¦ã€ç†è€…ã¯2022å¹´ã®ç§‹ã‹ã‚‰ã€ç¤¾å†…ã‚·ã‚¹ãƒ†ãƒ ã§ã¯ã‚ã‚Šã¾ã™ãŒRemixã‚’ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³é‹ç”¨ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€Next.jsã®App Routerã«ã¤ã„ã¦ã‚‚ã€ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã¨ã—ã¦ã¯Remixã«ã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ã‚¢ã•ã‚ŒãŸéƒ¨åˆ†ãŒå¤šã„[1]ãŠã‹ã’ã§ã€é †èª¿ã«ã‚ãƒ£ãƒƒãƒã‚¢ãƒƒãƒ—ã§ãã¦ã„ã¾ã™ã€‚ Remixã¨App Routerã¯ã€ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã¨ãƒ‡ãƒ¼ã‚¿ãƒ•ã‚§ãƒƒãƒã‚’é«˜åº¦ã«çµ±åˆã—ã¦ãŠã‚Šã€Progressively Enhanced SPAï¼ˆPESPAï¼‰ã¨å‘¼ã°ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ãã†ã§ã™ã€‚PESPAã«ã¤ã„ã¦ã¯ã€æ¬¡ã®è¨˜äº‹ãŒè©±é¡Œã«ãªã‚Šã¾ã—ãŸãã€‚ ã“ã®PESPAã§ã‚ã‚‹Remixã‚’å®Ÿé‹ç”¨ã™ã‚‹ä¸ã§ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æ‰‹è§¦ã‚ŠãŒè¿‘å¹´è§¦ã£ã¦ããŸã‚‚ã®ã¨å¤§ããé•ã£ã¦ã„ã‚‹ç‚¹ãŒã‚ã£
mi_kattun 2023/07/12
javascript
ãƒªãƒ³ã‚¯
graphql/dataloader ã‚’èªã‚“ã è©±
graphql/dataloader ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆåŠã³ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…¨ã¦èªã‚“ã ã®ã§ã€ãã®è©±ã‚’æ›¸ãã€‚ èªã‚€ã“ã¨ã«ã—ãŸç¬¬ä¸€ã®ç†ç”±ã¯ä»•äº‹ã§ä½¿ã†ã‹ã‚‰ã ãŒã€ä»¥ä¸‹ã®ç‰¹å¾´ã‹ã‚‰è‡ªåˆ†ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’æ•™æã¨ã—ã¦é©ã—ã¦ã„ãã†ã ã¨è€ƒãˆãŸã‹ã‚‰ã§ã‚‚ã‚ã‚‹ã€‚ åºƒãä½¿ã‚ã‚Œã¦ã„ã‚‹ OSS ã§ã‚ã‚‹ GitHub ã®æ˜ŸãŒ 11k npm trends ã§æ¤œç´¢ã—ã¦ã‚‚å¤šãã®äººãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã„ã‚‹ ã‚³ãƒ¼ãƒ‰ã®é‡ãŒå°‘ãªã„ å®Ÿè£…ã¯ src/index.js ã«å…¨ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹ ã‚³ãƒ¡ãƒ³ãƒˆå«ã‚ã¦ 500 è¡Œã«ã‚‚æº€ãŸãšã€ã—ã‹ã‚‚ãã® 1/3 ãã‚‰ã„ã¯ã‚³ãƒ¡ãƒ³ãƒˆ ãƒ†ã‚¹ãƒˆã‚«ãƒãƒ¬ãƒƒã‚¸ãŒé«˜ã„ å¸¸ã« 100% åˆã‚ã¦èªã‚€ã‚³ãƒ¼ãƒ‰ã§ãƒ†ã‚¹ãƒˆã‚«ãƒãƒ¬ãƒƒã‚¸ãŒé«˜ã„ã¨ã€ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã“ã¨ã§æœŸå¾…ã•ã‚Œã‚‹æŒ™å‹•ã‚’ç¢ºèªã§ãã‚‹ã®ã§å¬‰ã—ã„ npm trends ã«ã‚ˆã‚‹ã¨ã€ä¸€é€±é–“ã§ 200 ä¸‡ä»¶è¿‘ããƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã ã€‚ ç›®æ¬¡ graphql/dataloader ã¨ã¯
mi_kattun 2022/11/20
graphql

javascript
ãƒªãƒ³ã‚¯
å®Ÿæ³ä¸ç¶™ã‚·ãƒªãƒ¼ã‚º Vue.jsã§å®Ÿç¾ã™ã‚‹MVVMãƒ‘ã‚¿ãƒ¼ãƒ³ Fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨ã®è·é›¢ - Re.Ra.Ku ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ day 13 - Re.Ra.Ku tech blog
å‰èª¬ ä¸¸å±±ã§ã™ã€‚Re.Ra.Ku. ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼13æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚å‰æ—¥ã¯iOSã‚¢ãƒ—ãƒªã®UIã‚’ã‚³ãƒ¼ãƒ‰ã§æ›¸ã„ã¦ã¿ã‚‹è©±ã§ã—ãŸã€‚æ˜Žæ—¥ã¯ãŠãã‚‰ãScalaã®è©±ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã•ã¦ã€ä»¥å‰ã‚‚è©±é¡Œã«ã—ã¾ã—ãŸãŒã€builderscon2016ãŒå…ˆæ—¥é–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ãƒã‚±ãƒƒãƒˆã¯3hã§SOLD OUTã€‚ãƒ—ãƒ©ãƒãƒŠãƒã‚±ãƒƒãƒˆã¨åŒ–ã—ãŸå‚åŠ æ¨©ã§ã™ãŒã€ç™ºè¡¨ã™ã‚‹å´ãªã‚‰ã°å®Ÿè³ªç„¡æ–™ã§å‚åŠ ã—æ”¾é¡Œï¼ã“ã‚Œã¯ã„ã£ãç”³ã—è¨³ãªã„ãƒ¬ãƒ™ãƒ«ã§ã¯ï¼ï¼Ÿ ã¨ã„ã†ã‚ã‘ã§ã€ã›ã£ã‹ãç™ºè¡¨ã—ãŸã®ã§ãã®å†…å®¹ã‚’ãªã‚‹ã¹ãå¤šãã®æ‰‹æ®µã§å…±æœ‰ã—ãŸã„ã€‚ãã†æ€ã„ã€ä»Šå›žã‚‚å®Ÿæ³ä¸ç¶™ã‚·ãƒªãƒ¼ã‚ºã‚’å¼Šç¤¾ãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°ã§è¡Œã„ã¾ã™ã€‚å®Ÿæ³ä¸ç¶™ã‚·ãƒªãƒ¼ã‚ºã¨ã„ã†ã®ã¯ã€ãƒ—ãƒ¬ã‚¼ãƒ³ã‚’ãƒ–ãƒã‚°ã§å†ç¾ã™ã‚‹ã‚¢ãƒ¬ã§ã™ã€‚ãªãŠã€å®Ÿéš›ã®ãƒ—ãƒ¬ã‚¼ãƒ³ã¯å‹•ç”»ã«ãªã£ã¦Youtubeã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ãŠã‚Šã¾ã™ã€‚buildersconå…¬å¼ã‚µã‚¤ãƒˆã®ã‚»ãƒƒã‚·ãƒ§ãƒ³è©³ç´°ãƒšãƒ¼ã‚¸ã‹ã‚‰ã‚‚ã”è¦§ã„ãŸã ã‘ã¾ã™ã®ã§ã€ã‚ˆã‚ã—ã‘ã‚Œã°ãã¡ã‚‰ã‚‚åˆã‚ã›ã¦ã”
mi_kattun 2022/09/03
javascript

architecture
ãƒªãƒ³ã‚¯
Native ESM æ™‚ä»£ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã®å‹•å‘
No Bundle ãƒ„ãƒ¼ãƒ«ã®æµè¡Œ: vite / snowpack ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¯ Native ESM ã‚’å‚™ãˆã¦ã„ã‚‹ã®ã§ã€é–‹ç™ºæ™‚ã¯é«˜é€Ÿãª localhost ã‚¢ã‚¯ã‚»ã‚¹ã‚’é ¼ã£ã¦ç›´æŽ¥ import ã™ã‚‹ã€å¤–éƒ¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã‘äº‹å‰ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦ãŠãã€ã¨ã„ã†æ‰‹æ³•ãŒæµè¡Œã£ã¦ãã¦ã„ã‚‹ã€‚ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ç”¨ã¯ä»Šã¾ã§é€šã‚Šãƒ“ãƒ«ãƒ‰ã™ã‚‹ã€‚ webpack ã¯ã™ã¹ã¦ã‚’ä¸€ã¤ã«ãƒãƒ³ãƒ‰ãƒ«ã™ã‚‹ãŸã‚ã«ãƒ¡ãƒ¢ãƒªä¸Šã«ãƒ•ã‚¡ã‚¤ãƒ«ã®å®Ÿä½“ã¨ä¾å˜ã‚°ãƒ©ãƒ•ã‚’æŒã£ã¦ã„ã‚‹ãŒã€ã“ã‚Œã«ã‚ˆã‚Šãƒ¡ãƒ¢ãƒªã¨ CPU ã‚’åœ§è¿«ã™ã‚‹å•é¡ŒãŒã‚ã£ãŸã€‚ç‰¹ã«å·¨å¤§ãªãƒªãƒã‚¸ãƒˆãƒªã§ã¯ãã‚ŒãŒé¡•è‘—ã«ãªã‚‹ã€‚ No bundle ãƒ„ãƒ¼ãƒ«ã®å®Ÿè£…ã¨ã—ã¦ vite ã¨ snowpack ãŒã‚ã‚‹ã€‚ https://github.com/vitejs/vite https://www.snowpack.dev/ vite ã¯ä½¿ã£ã¦ã¿ãŸé™ã‚Šã€æ›´æ–°æ™‚ã®å·®åˆ†ãƒ“ãƒ«ãƒ‰ãŒçˆ†é€Ÿã§ã€æ˜Žã‚‰ã‹ã«ä½“æ„ŸãŒè‰¯ã„ã€‚ Vue
mi_kattun 2021/12/04
[typescript]

javascript
ãƒªãƒ³ã‚¯
JSã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã‚’resizeã‹ã‚‰matchMediaã«ç§»è¡Œã—ãŸ
JS ã§ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆæ¯Žã«å‡¦ç†ã‚’åˆ†ã‘ã‚‹å ´åˆã®æ–¹æ³•ã‚’ resize ã‹ã‚‰ matchMedia ã«ç§»è¡Œã—ãŸã®ã§ã€ãã®éš›ã®ãƒ¡ãƒ¢æ›¸ãã§ã™ã€‚ æ˜”ãªãŒã‚‰ã®æ–¹æ³• æ¥ãšã‹ã—ãªãŒã‚‰ã€æœ€è¿‘ã¾ã§ JS ã§ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆæ¯Žã« JS å‡¦ç†ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹å ´åˆã€ ä»¥ä¸‹ã®ã‚ˆã†ã«æ˜”ãªãŒã‚‰ã® resize ã‚¤ãƒ™ãƒ³ãƒˆã®ç›£è¦–ã‚’ä½¿ã£ã¦ã„ã¾ã—ãŸ... /** * ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠãƒ¼ */ const listener = () => { // ãƒªã‚µã‚¤ã‚ºæ™‚ã«è¡Œã†å‡¦ç† if (window.innerWidth >= 768) { // 768pxä»¥ä¸Š console.log('PCç”¨ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆç”¨å‡¦ç†'); } else { // 768pxæœªæº€ console.log('SPç”¨ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆç”¨å‡¦ç†'); } }; // ãƒªã‚¹ãƒŠãƒ¼ç™»éŒ² window.addEventListener('resize', listener); /
mi_kattun 2021/03/14
css

javascript
ãƒªãƒ³ã‚¯
https://ockeghem.pageful.app/post/item/rsDYLUiG3OfWoNd
mi_kattun 2020/07/20
security

javascript
ãƒªãƒ³ã‚¯
æ—¥ä»˜æ™‚åˆ»æ“ä½œãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’momentã‹ã‚‰dayjsã¸ä¹—ã‚Šæ›ãˆãŸ - Qiita
ã“ã®è¨˜äº‹ã¯ã€ŒDeNAãã®2 Advent Calendar 2018ã€16æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ èƒŒæ™¯ JavaScriptã®æ—¥ä»˜æ™‚åˆ»æ“ä½œã¯ç½ ãŒå¤šãã€ã‚³ãƒ¼ãƒ‰ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚‚è¡Œã„ã«ãã„ãŸã‚ã€ GitHub Staræ•°ãŒ4ä¸‡ã«è¿«ã£ã¦ã„ã¦ã€å®‰å®šæ„Ÿã®ã‚ã‚‹momentã‚’ã“ã‚Œã¾ã§æŽ¡ç”¨ã—ã¦ãã¾ã—ãŸã€‚ å‚è€ƒ: https://qiita.com/labocho/it ems/5fbaa0491b67221419b4 ã—ã‹ã—ã€momentã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå¤§ããã€jsã®ãƒãƒ³ãƒ‰ãƒ«ã‚µã‚¤ã‚ºãŒè‚¥å¤§åŒ–ã™ã‚‹åŽŸå› ã«ã‚‚ãªã£ã¦ã„ã¾ã—ãŸã€‚ ãã‚“ãªæ™‚ã€Vue Fes Japan 2018ã®å…¬æ¼”ã®ä¸ã ã£ãŸã‚Šã€æœ‰è˜è€…ã®è¨˜äº‹ã®ä¸ã ã£ãŸã‚Šã§ã€momentã§ã¯ãªã„ä»–ã®æ—¥ä»˜æ™‚åˆ»æ“ä½œãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚’çŸ¥ã‚Šã€ä»Šå›žèª¿ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ä»¥ä¸‹ã¯æ¤œè¨Žã™ã‚‹ãã£ã‹ã‘ã¨ãªã£ãŸè³‡æ–™ã§ã™ã€‚ noteã‚’Nuxt.jsã§å†æ§‹ç¯‰ã—ãŸè©± Netlify+N
mi_kattun 2019/08/06
javascript
ãƒªãƒ³ã‚¯
Loading Polyfills Only When Needed â€” Philip Walton
New JavaScript and HTML features are being introduced all the time that make our lives as developers easier. In many cases, these new features are so helpful we choose to use them on production websites before theyâ€™re fully implemented in all browsers. To not break the experience for users on older browsers, we of course include polyfills for any not-fully-supported features. The probl em with this
mi_kattun 2017/12/17
javascript
ãƒªãƒ³ã‚¯
Swiper - Most Modern Mobile Touch Slider
mi_kattun 2017/12/17
javascript
ãƒªãƒ³ã‚¯
Generator Function ä¸ã® return å¥ã«ã¤ã„ã¦ - hogehoge @teramako
æ–°å¹´æ—©ã€…ã€ã¾ã•ã‹ã‚Šã‚’æŠ•ã’ã¦ã‚‹æ„ŸãŒã‚ã£ã¦å¿ƒè‹¦ã—ã„ã‘ã©ã€æ°—ã«ãªã£ãŸã®ã§â€¦ã€‚ node.js/v8ã®generatorsã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨èª¿ã¹ãŸ - SundayHacking ã•ã¦ã€generatorsã®èª¬æ˜Žã¯ä»–ã«ä»»ã›ã‚‹ã¨ã—ã¦ã€ã„ããªã‚Šã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ function* es6_generator() { yield 1; yield 2; yield 3; yield 4; return 5; } ã“ã‚Œã‚’è¤‡æ•°å›žå®Ÿè¡Œã—ã¦æ™‚é–“ã‚’è¨ˆæ¸¬ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã€‚ console.time('es6_generator'); for (i = 0; i < 1000000; i++) { iterator = es6_generator(); obj = {}; while (!obj.done) { obj = iterator.next(); } } console.timeEnd('es6
mi_kattun 2017/05/08
javascript
ãƒªãƒ³ã‚¯
Modern JavaScriptæ¦‚è¦³ã€ãã—ã¦Electronã¸ | ã•ã«ã‚ã‚‰ãš
ã“ã®ä¸€ã‹æœˆåˆ†ã®å¦ç¿’æˆæžœã‚’æ•´ç†ã—ãŸãƒªãƒã‚¸ãƒˆãƒªã‚’ä½œã£ãŸã®ã§ã€ãã®æˆæžœã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã€‚ ä½œã£ãŸã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã ã‘ã‚’æ‰‹è»½ã«æ¬²ã—ã‘ã‚Œã°ã€ã“ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’ clone ã—ã¦ã»ã—ã„ã€‚ taichi/js-boilerplatemaster ãƒ–ãƒ©ãƒ³ãƒã«ã¯ã€ãƒŸãƒ‹ãƒžãƒ ãª JavaScript é–‹ç™ºç’°å¢ƒãŒã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ä»˜ãã§å…¥ã£ã¦ã„ã‚‹frontend ãƒ–ãƒ©ãƒ³ãƒã«ã¯ã€React/Redux/webpackãªã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®é–‹ç™ºç’°å¢ƒãŒå…¥ã£ã¦ã„ã‚‹ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ–ãƒ©ãƒ³ãƒã«ã—ã¦ã‚ã‚‹ electron ãƒ–ãƒ©ãƒ³ãƒã«ã¯ã€frontend ãƒ–ãƒ©ãƒ³ãƒã®å†…å®¹ã«åŠ ãˆã¦Electronã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã®ç’°å¢ƒãŒå…¥ã£ã¦ã„ã‚‹ã¯ã˜ã‚ã«#æœ€è¿‘ã® JavaScript ã«ã¤ã„ã¦#åƒ•ã¯ä»•äº‹ã¨ã—ã¦ JavaScript ã‚’æ›¸ã„ã¦ã„ã‚‹è¨³ã§ã¯ãªã„ã‘ã©ã‚‚ã€ã“ã®åŠå¹´ãã‚‰ã„ã®é–“ã«ã¡ã‚‡ã£ã¨ã—ãŸãƒ„ãƒ¼ãƒ«ãªã‚‰ã„ãã¤ã‹ä½œã£ãŸã€‚ã©ã¡ã‚‰ã‚‚ä¾¿åˆ©
mi_kattun 2017/01/24
javascript
ãƒªãƒ³ã‚¯
Duktape
See GCC options for minimizing code footprint. Full lowmem uses "pointer compression" and ROM-based strings/objects. ROM-based strings/objects can also be used without other low memory options. Current status Stable Support Duktape Wiki: wiki.duktape.org User community Q&A: Stack Overflow duktape tag Bugs and feature requests: GitHub issues General discussion: IRC #duktape on chat.freenode.net (we
mi_kattun 2016/11/01
javascript
ãƒªãƒ³ã‚¯
SPAã¨è¦šæ‚Ÿ
This document summarizes a presentation about single-page applications (SPAs). It discusses what SPAs are, some user experience challenges with SPAs like navigation and accessibility, and solutions to those challenges including server-side rendering and preloading resources. Links are provided to additional resources on topics like accessibility in SPAs and using service workers and prefetching to
mi_kattun 2016/09/17
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?
mi_kattun 2016/08/05
javascript
ãƒªãƒ³ã‚¯
Isomorphic Survival Guide
isomorphic tokyo meetup http://nodejs.connpass.com/event/13363/
mi_kattun 2016/07/11
javascript

architecture
ãƒªãƒ³ã‚¯
SPAé–‹ç™ºã‚’ã—ã¦ã¿ã¦ã‚ˆã‹ã£ãŸã“ã¨ï¼ˆé›‘æ„Ÿï¼‰ - trippiece tech blog
ã“ã‚“ã«ã¡ã¯ã€‚trippieceã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å°æ²¢ã§ã™ã€‚ ã¤ã„ã«æˆ‘ãŒç¤¾ã‚‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°ã‚’å§‹ã‚ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚å…ˆæ—¥ã‚µãƒ¼ãƒ“ã‚¹ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã®ã§ã€ç¬¬ï¼‘å›žç›®ã¯ãã®æ™‚ã«æ„è˜ã—ãŸSPAé–‹ç™ºã«ã¤ã„ã¦æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ SPAã¨ã¯ A single-page application (SPA), is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application. - Single-page application From Wikipedia, the free encyclopedia ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªæµå‹•çš„ãªUXã‚’æä¾›ã™ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚¦ã‚§ãƒ–ã‚¢ãƒ—
mi_kattun 2016/05/17
javascript
ãƒªãƒ³ã‚¯
I am mitsuruog | SPAã‚’æ§‹ç¯‰ã™ã‚‹ã¨ãã«çŸ¥ã£ã¦ãŠã„ãŸæ–¹ãŒã„ã„7ã¤ã®èª²é¡Œ
ãƒ–ãƒ©ã‚¦ã‚¶ã§ã® Javascript ã®é«˜é€ŸåŒ–ã¨ Backbone ã‚„ Angular ã®ã‚ˆã†ãª JavascriptMVC ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç™»å ´ã«ã‚ˆã‚Šã€ä»¥å‰ã‚ˆã‚Š SPAï¼ˆSingle page applicationï¼‰ãŒæ§‹ç¯‰ã—ã‚„ã™ããªã‚Šã¾ã—ãŸã€‚ ã•ã‚‰ã«ã€Yeoman ã«ä»£è¡¨ã•ã‚Œã‚‹ SPA ã‚’ä½œæˆã™ã‚‹ã™ã‚‹ãŸã‚ã® scaffoldï¼ˆåœŸå°ï¼‰ãŒæ•´å‚™ã•ã‚Œã¦ãã¾ã—ãŸã®ã§ã€çµæ§‹ã•ãã£ã¨ SPA ãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã‚‚äº‹å®Ÿã§ã™ã€‚ ã•ãã£ã¨ä½œã£ãŸ SPA ãŒã•ãã•ãå‹•ã‹ãªã„ãƒ»ãƒ»ãƒ»ä½œã£ãŸã‘ã©ä½¿ãˆãªã„ãƒ»ãƒ»ãƒ»ãªã‚“ã¦ã“ã¨ã«ãªã‚‰ãªã„ã‚ˆã†ã«ã€SPA ã‚’æ§‹ç¯‰ã™ã‚‹å‰ã«çŸ¥ã£ã¦ãŠã„ãŸæ–¹ãŒã„ã„èª²é¡Œã«ã¤ã„ã¦èª¿ã¹ã¦ãŸã‚Šè€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ ç›®æ¬¡ 1. ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ 2. ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ 3. ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ 4. ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒãƒƒã‚¯ã‚¤ãƒ³ 5. ç”»é¢è¨è¨ˆã‹ã‚‰ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã¸ã®æ€æƒ³è»¢æ› 6. ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ä¸è¶³ 7. ç•ªå¤–
mi_kattun 2016/05/17
javascript
ãƒªãƒ³ã‚¯
10å¹´ã®ãƒ„ã‚±ã‚’æ”¯æ‰•ã£ãŸãƒ•ãƒãƒ³ãƒˆç•Œéšˆã«ãŠã‘ã‚‹JavaScripté–‹ç™ºç’°å¢ƒï¼ˆ2016å¹´4æœˆç¾åœ¨ï¼‰ã€‚ - æ—¥ã€…ã€ã¨ã‚“ã¯èªžã‚‹ã€‚
2015å¹´ã¯CSSãŒæ™®åŠã—ãŸä»¥æ¥ã¨ãªã‚‹10å¹´ã«1åº¦ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å¤§å¤‰é©æœŸã§ã€ãã‚Œã¾ã§ã®ãƒ„ã‚±ãŒä¸€æ°—ã«å›žã£ã¦ããŸã¨å€‹äººçš„ã«æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ç›®ã¾ãã‚‹ã—ãçŠ¶æ³ãŒå¤‰åŒ–ã—ã¦ã„ãã¾ã—ãŸãŒã€2016å¹´ã«ãªã‚Šã€å€‹äººçš„ã«ã ã„ã¶è½ã¡ç€ã„ã¦ããŸã¨æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã€ã“ã“ã‚‰ã¸ã‚“ã§ã¾ã¨ã‚ã¦ãŠããŸã„æ€ã„ã¾ã™ã€‚ æœ€åˆã«çµè«–ã‚’æ›¸ã„ã¦ãŠãã¨ã€ ã€ŽReact + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guideã€ ã¨ã„ã†çµ„ã¿åˆã‚ã›ãŒã€ã„ã¾åƒ•ã®æŽ¡ç”¨ã—ã¦ã„ã‚‹JavaScriptã®ç’°å¢ƒã§ã™ã€‚ ä¸»è¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ React A JavaScript library for building user interfaces | React åŽ»å¹´ã€ä¸€æ°—ã«æ™®åŠã—ãŸReact
mi_kattun 2016/04/04
javascript
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸