JavaScript ãªã—ã§å‹•ä½œã™ã‚‹ãƒ¢ãƒ€ãƒ³ãªã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹
Next.jsã€Remixã€SvelteKit ã¨ã„ã£ãŸè¿‘å¹´ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ã€JavaScript ãŒãªãã¦ã‚‚動作ã™ã‚‹ã“ã¨ã‚’一ã¤ã®ä¾¡å€¤ã¨ã—ã¦æä¾›ã—ã¦ã„ã¾ã™ã€‚ 例ãˆã°SvelteKit ã®ãƒ•ã‚©ãƒ¼ãƒ ã§ã¯ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–エンãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã¨ã—ã¦ã€JavaScript ãŒåˆ©ç”¨ã§ãる環境ã§ã¯ãƒªãƒƒãƒãªãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“…
[JavaScript]大ãã„Enterã¨å°ã•ã„Enterã¯åˆ¥ç‰©ã§ã‚ã‚‹ã“ã¨ã«æ°—ã¥ã„ãŸ
タイトルã¯ä¸Šè¨˜ç”»åƒã«ã‚るよã†ãªæ™®é€šã«ã‚ーボードã«ã‚ã‚‹Enterã‚ーã¨ã€ テンã‚ーã®å³æ¨ªã«ã‚ã‚‹å°ã•ã„Enterã‚ーã®ã“ã¨ã§ã™ã€‚ ç§ã®æ‹…当ã—ã¦ã„るシステムã§ã¯Enterã‚ーを押ã™ã¨ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒç§»å‹•ã™ã‚‹ä»•æ§˜ãŒã‚ã‚Šã¾ã™ã€‚ 経験上ã€ã“ã®ã‚ˆã†ãªä»•æ§˜ã¯å¤šæ•°ã®ãƒ‡ãƒ¼ã‚¿å…¥åŠ›ãŒã‚るシステムã«ãŠã„ã¦å¥½ã¾ã‚Œã‚‹å‚¾å‘ã‚’æ„Ÿã˜ã¾ã™ã€‚ ã‚ーボードã‹ã‚‰æ‰‹ã‚’離ã•ãªãã¦ã„ã„ã‹ã‚‰ã§ã™ã。 æ£ç›´ãªã¨ã“ã‚フォーカス移動ãªã‚‰Tabã ã‚ã†ã¨æ€ã„ã¾ã™ãŒã€ã¾ã‚ãã“ã¯é•·å¹´ã®ç¿’æ…£ã ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ä»•æ§˜ã‚’JavaScriptã§å®Ÿç¾ã—ã¦ã„ãŸã®ã§ã™ãŒã€ãªã‚“ã‹é•å’Œæ„Ÿã‚’æ„Ÿã˜ã¦èª¿ã¹ãŸã¨ã“ã‚ JavaScriptã«ãŠã„ã¦ã‚ーボードã«ã‚る普通ã®Enterã‚ーã¨ãƒ†ãƒ³ã‚ーã®å³æ¨ªã«ã‚ã‚‹å°ã•ã„Enterã‚ーã¯åˆ¥ç‰©ã§ã‚ã‚‹ã“ã¨ã«æ°—ã¥ãã¾ã—ãŸã€‚ <html> <head></head> <body> </body> <script type="text/javascript"
![[JavaScript]大ãã„Enterã¨å°ã•ã„Enterã¯åˆ¥ç‰©ã§ã‚ã‚‹ã“ã¨ã«æ°—ã¥ã„ãŸ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f6e6acba006f1f5e854ed72bee0e031fcc21383/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--x--w0q-v--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BJavaScript%25255D%2525E5%2525A4%2525A7%2525E3%252581%25258D%2525E3%252581%252584Enter%2525E3%252581%2525A8%2525E5%2525B0%25258F%2525E3%252581%252595%2525E3%252581%252584Enter%2525E3%252581%2525AF%2525E5%252588%2525A5%2525E7%252589%2525A9%2525E3%252581%2525A7%2525E3%252581%252582%2525E3%252582%25258B%2525E3%252581%252593%2525E3%252581%2525A8%2525E3%252581%2525AB%2525E6%2525B0%252597%2525E3%252581%2525A5%2525E3%252581%252584%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3ASatoshi%252520Kaneyasu%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Q2MzU5NTZkNDkuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
addEventListenerã§ãƒªãƒƒã‚¹ãƒ³ã—ã¦ã„るイベントをPromise化ã™ã‚‹
æ¦‚è¦ addEventListenerã¯ãƒ–ラウザ組ã¿è¾¼ã¿ã®APIã®ä¸ã§ã‚‚最もよã使ã‚れるメソッドã®ä¸ã®ä¸€ã¤ã ã¨æ€ã„ã¾ã™ã€‚ã“ã®ãƒ¡ã‚½ãƒƒãƒ‰ã¯ã±ã£ã¨è¦‹ã§å‡¦ç†ãŒã‚ã‹ã‚Šã«ãã引数ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’å–ã‚‹ãŸã‚ã€åˆå¿ƒè€…ã®é ƒã«ç‰©å‡„ãèªã¿ã«ãã„コードを書ã„ãŸäººã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ addEventListenerãŒèªã¿ã«ãããªã£ã¦ã—ã¾ã†ç°¡å˜ãªä¾‹ã‚’挙ã’ã¾ã™ã€‚以下ã®ã‚³ãƒ¼ãƒ‰ã®ã‚ˆã†ã«Aã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãªã„ã¨Bã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã‚’è³¼èªã™ã‚‹å‡¦ç†ã‚’ã‹ã‘ãªã„ã¨ã„ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆé–“ã«ä¾å˜é–¢ä¿‚ãŒã‚ã‚‹å ´åˆã¯ã€å‡¦ç†ãŒå¢—ãˆã‚‹ã«ã¤ã‚Œç›´æ„Ÿçš„ãªã‚³ãƒ¼ãƒ‰ã‚’書ãã“ã¨ãŒé›£ã—ããªã£ã¦ã„ãã¨æ€ã‚ã‚Œã¾ã™ã€‚ // <body>より上ã®ä½ç½®ã§<script>ã«defer属性ãªã—ã§æ›¸ã‹ã‚Œã¦ã‚ã‚‹ã¨æ€ã£ã¦ãã ã•ã„。 document.addEventListener("DOMContentLoaded", () => { console.log("DOMCo
JavaScriptを「ジャãƒã‚¹ã‚¯ã€ã¨ç•¥ã™äººãŒã„ãŸãŒã€è€ƒãˆãŸã‚‰JSã¨ç•¥ã™ã®ã§ã¯ãªã„ã‹ï¼Ÿ
æ·¡è·¯ @mizuiro0522 自社ã®å¾Œè¼©ã«ã€ŒJavaScriptをジャãƒã‚¹ã‚¯ã¨ç•¥ã™ã‚‹äººãŒã„ã‚‹ã€ã¨è©±ã—ãŸã‚‰ã€Œãªã‚“ã§ï¼Ÿã€ã¨ã„ã†é¡”ã‚’ã—ãŸã®ã‚’覚ãˆã¦ã„ã¾ã™ã€‚ã¡ãªã¿ã«ç§ã¯ç•¥ã•ãšã€ŒJavaScriptã€ã¨è¨€ã„ã¾ã™ã€‚ 2022-05-31 23:33:55
Denoよã©ã“ã¸è¡Œã - keroxpã®Scrapbox
最近ã‚ã£ãã‚ŠDenoã«è§¦ã£ã¦ãªã„。一言ã§è¨€ã†ã¨é£½ãã¦ã—ã¾ã£ãŸã€‚ ã¨ã¯ã„ãˆã©ã†ãªã£ã¦ã‚‹ã‹ãらã„ã®æƒ…å ±ã¯è¿½ã£ã¦ã„ã‚‹ã®ã ãŒã€ã©ã†ã‚‚使ã„ãŸã„ã¨è¨€ã†æ°—分ã«ãªã‚‰ãªã„。 今自分ã¯Denoコントリビューターã§ã¯ãªã„ã®ã§ã„ã¡é–‹ç™ºè€…ã¨ã—ã¦ã®å¤–ã‹ã‚‰è¦‹ãŸDenoã®ç¾çŠ¶ã‚’語ã£ã¦ã¿ã‚‹ 最近ã®Denoã¯Web標準ã«è¿½å¾“ã—ã¦ã„ã‚‹ 具体的ã«ã¯ã€fetch APIã®å®Ÿè£…ã«å§‹ã¾ã‚Šã€ãƒ–ラウザã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹APIã®å®Ÿè£…ã‚’é ‘å¼µã£ã¦ã„ã‚‹ windowオブジェクトもã‚ã‚‹ã—ã€webcryptoã‚„WebGPUã®ã‚ˆã†ãªã€ãƒ–ラウザã§ã‚‚誰も使ã£ãŸã“ã¨ã®ãªã„よã†ãªAPIã¾ã§å®Ÿè£…ã—ã¦ã„ã‚‹ 自分ã¯ã©ã†ã‚‚ã“ã®æµã‚Œã«ä¹—ã‚Œãªã‹ã£ãŸ ã“ã®æ–¹é‡ã¯ç¾åœ¨ã®Denoコアãƒãƒ¼ãƒ ã®å¼·ã„姿勢ã§ã‚ã‚Šã€æœ€è¿‘JavaScriptã®æ¨™æº–化団体ã§ã‚ã‚‹TC39ã«å‚åŠ ã—ãŸã¨ã„ㆠã ãŒDenoãŒã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®è¨€èªžã§ã‚る以上ã€ãƒ–ラウザã«å˜åœ¨ã™ã‚‹æ§˜ã€…ãªãƒ–ラウザ的å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã‚„
å†å¸°çš„ãªæ§‹é€ ã®ãƒ‡ãƒ¼ã‚¿ã®åŒå€¤æ€§åˆ¤å®šã¯ã©ã†ã—ãŸã‚‰ã„ã„ã‹ - 貳佰ä¼æ‹¾é™¸å¤œæ—¥è¨˜
æ•°æ—¥å‰ã«Twitterã§, JavaScriptã®ã‚ªãƒ–ジェクトã«å¯¾ã™ã‚‹===ã®æŒ™å‹•ãŒåˆå¿ƒè€…ã«ã¯é›£ã—ã„ã¿ãŸã„ãªè©±ã‚’見ã‹ã‘ãŸ. 発端や周辺ã®è°è«–ã‚’ã¡ã‚ƒã‚“ã¨è¿½ã„ã‹ã‘ã¦ãªã„ã‹ã‚‰ã¨ãã«å‡ºå…¸ã¯è²¼ã‚‰ãªã„. ãŸã¶ã‚“元々ã®è©±ã¯ã€Œã¸ã‡, ã“ã†ã„ã†æŒ™å‹•ãªã‚“ã , ç°¡å˜ã§ã¯ãªã„ãã€ãらã„ã®è©±ã ã£ãŸã®ã‹ã‚‚ã—ã‚Œãªã„. 自分ã®ã‚¿ã‚¤ãƒ ラインã®è¦³æ¸¬ç¯„囲ã§ã¯ã€Œãã†ã ãã†ã , (å‚ç…§ã®åŒä¸€æ€§ã§ã¯ãªã)åŒå€¤æ€§ã«ã—ã¨ã‘ã°ã„ã„ã®ã«ã€ã¨æ€ã£ã¦ã„る人もãã‚Œãªã‚Šã«ã„ãã†ã«è¦‹ãˆãŸ. 個人的ã«ã‚‚åŒå€¤æ€§ãŒç°¡å˜ã«ç¢ºèªã§ãã‚‹ã¨ã‚ˆã„æ°—ã¯ã™ã‚‹ã‚‚ã®ã®, 「ãªã‚“ã§ãã†ã—ãªã„ã‚“ã , オブジェクトã®ä¸èº«ã‚’確èªã—ã¦ã„ãã ã‘ã ã‚!ã€ã¿ãŸã„ãªç°¡å˜ãªè©±ã§ã¯ãªã„ã“ã¨ã‚‚知ã£ã¦ã„ã‚‹ãŸã‚, 以下ã®ã‚ˆã†ãªãƒ„イートをã—ãŸã®ã ã£ãŸ. JavaScriptã®ã‚ªãƒ–ジェクトã®åŒå€¤æ€§ã€å†å¸°çš„ãªæ§‹é€ ã¨ã‹ä½œã‚‹ã¨ãœã‚“ãœã‚“自明ã˜ã‚ƒãªã„ã‚“ã よãªã。リンクã®æ§‹é€ ã¯é•ã†ã‘ã©ãƒ—ãƒãƒ‘ティを辿ã£ãŸã¨ãã®ãƒ‘スã¯ã©
2021å¹´ã«çŸ¥ã£ã¦ãŠããŸã„JavaScript最é©åŒ–技術34é¸ - Qiita
最新ã®çœç•¥ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚³ãƒ„ã€ç§˜è¨£ã§ã€JavaScriptコードを最é©åŒ–ã™ã‚‹ã€‚ 開発者ã®ç”Ÿæ´»ã¨ã„ã†ã®ã¯å¸¸ã«æ–°ã—ã„ã“ã¨ã‚’å¦ã¶ã“ã¨ã§ã€ãã®å¤‰åŒ–ã«ã¤ã„ã¦ã„ãã“ã¨ã¯æ±ºã—ã¦é›£ã—ã„ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ç§ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã¨ã—ã¦çŸ¥ã£ã¦ãŠãå¿…è¦ã®ã‚ã‚‹çœç•¥å½¢ã‚„機能ãªã©ã€JavaScriptã®ã™ã¹ã¦ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスを紹介ã—ã¦ã€2021å¹´ã®ç”Ÿæ´»ã‚’より快é©ã«ã—ãŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ JavaScript開発ã«é•·ãæºã‚ã£ã¦ã„る人ã§ã‚‚ã€ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã—ãªãã¦ã‚‚å•é¡Œè§£æ±ºã§ãるよã†ãªæœ€æ–°æ©Ÿèƒ½ã‚’知らãªã„ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã“ã“ã§ç´¹ä»‹ã™ã‚‹ã‚‚ã®ã¯ã€ã‚¯ãƒªãƒ¼ãƒ³ã§æœ€é©åŒ–ã•ã‚ŒãŸJavaScriptã®ã‚³ãƒ¼ãƒ‰è¨˜è¿°ã«ã‚‚ã€2021å¹´ã®JavaScriptã®é¢æŽ¥æº–å‚™ã«ã‚‚役立ã¡ã¾ã™ã€‚ ã“ã‚Œã¯æ–°ã—ã„シリーズã§ã€2021年版ã®JavaScriptコーディングãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã§ã™ã€‚ 1. 複数ã®æ¡ä»¶ã‚’æŒã¤if é…列ã«è¤‡æ•°ã®å€¤ã‚’æ ¼ç´ã—ã€includ
Google発ã®JavaScriptã§æ›¸ã‘るシェル 「zx〠| DevelopersIO
Introduction シェルを書ããŸã„ã¨ãã«Bashã¯æ‰‹è»½ã«ä½¿ãˆã‚‹ã‘ã©ã€ å°‘ã—è¾¼ã¿å…¥ã£ãŸã‚¹ã‚¯ãƒªãƒ—トを書ã“ã†ã¨ã™ã‚‹ã¨ã¡ã‚‡ã£ã¨é¢å€’。 Nodeã„ã‚Œã¦JavaScript書ãã®ã‚‚ã„ã„ã‘ã©ã€ ã„ã‚ã„ã‚セットアップãŒæ‰‹é–“。 ãã‚“ãªäººã«ãƒ”ッタリã¯ã¾ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ãŒzx。 Google発ã€JavaScriptã§è¨˜è¿°ã§ãるシェルã§ã™ã€‚ Top Level await使ã£ã¦ã‚·ã‚§ãƒ«ã‚³ãƒžãƒ³ãƒ‰ãŒãã®ã¾ã¾ä½¿ç”¨å¯èƒ½ã§ã™ã€‚ ã¾ãŸã€Promise.allã§ã‚³ãƒžãƒ³ãƒ‰ä¸¦åˆ—実行ãŒã§ããŸã‚Šã™ã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã€‚ Environment OS : MacOS 10.15.7 Node : v14.16.1 Top Level awaitãŒã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸNode(v14.8)以é™ãŒå¿…è¦ã½ã„？ Setup ã§ã¯æ—©é€Ÿã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã™ã€‚ npmã§zxã‚’ã‚°ãƒãƒ¼ãƒãƒ«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‚ % npm i -g zx % zx usage: z
React Server Components ã¯ã‚¦ã‚§ãƒ–開発を変ãˆã‚‹ã‚²ãƒ¼ãƒ ãƒã‚§ãƒ³ã‚¸ãƒ³ã‚°ãªæŠ€è¡“ã§ã‚ã‚‹
去年末㫠Facebook ã®äººé”ãŒå‡ºã—㟠React Server Components ã¨ã„ã†ã‚‚ã®ãŒã€React 界隈ã«æ¿€éœ‡ã‚’åŠã¼ã—ã¦ã„ã¾ã™ãŒã€é€Ÿå ±ä»¥å¤–ã§ã“ã®æŠ€è¡“ã«ã¤ã„ã¦è¨€åŠã—ã¦ã„る国内ã®ãƒ–ãƒã‚°ãŒè¦‹å½“ãŸã‚‰ãªã„ãŸã‚ã€ã“ã®è¨˜äº‹ã§è§£èª¬ã—ã¦ã¿ã¾ã™ã€‚é–“é•ã„や分ã‹ã‚Šã¥ã‚‰ã„部分ãŒã‚ã‚Œã°ãœã²ãƒ„ッコミをãŠé¡˜ã„ã—ã¾ã™ã€‚ React Server Components ã¯ã€ãŸã ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ã¯ã‚ã‚Šã¾ã›ã‚“。クライアントサイドレンダリング（SPA）ã¨ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ã€ã‚®ã‚¢ã‚’切り替ãˆãšã«ã„ã„ã¨ã“å–ã‚Šã™ã‚‹ä»•çµ„ã¿ã§ã™ã€‚ã“ã‚Œã¾ã§ã«å˜åœ¨ã—ãŸæ§˜ã€…ãªæŠ€è¡“よりもè¸ã¿è¾¼ã‚“ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®å¢ƒç›®ã‚’曖昧ã«ã—ã¦ã—ã¾ã†ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãªæŠ€è¡“ã§ã™ã€‚ å‹æ‰‹ãªé€ 語ã¨ã—ã¦ã„ã†ãªã‚‰ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ユニãƒãƒ¼ã‚µãƒ«ã‚¦ã‚§ãƒ–開発ã€ã¨ã§ã‚‚呼ã¶ã¹ãã‚‚ã®ã§ã—ょã†ã€‚ ãã—ã¦ã€ã“ã‚Œã¯ãŸã ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãªã ã‘ã®ä»•çµ„ã¿ã§ã¯ã‚ã‚Š
TC39 - JavaScriptを定義ã™ã‚‹ã€‚
JavaScriptを定義ã™ã‚‹ã€‚ TC39 Ecma Internationalã®TC39ã¯ã€JavaScript開発者ã€å®Ÿè£…者ã€å°‚門家ãªã©ã®ã‚°ãƒ«ãƒ¼ãƒ—ã§ã€JavaScriptã®ä»•æ§˜ã‚’メンテナンスã—発展ã•ã›ã‚‹ãŸã‚ã«ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã¨å”力ã—ã¦ã„ã¾ã™ã€‚ 我々㯠所属ã®å§”員会ã§ã™ã€‚ コントリビュート æ—¢å˜ã®ãƒ—ãƒãƒãƒ¼ã‚¶ãƒ«ã«å¯¾ã™ã‚‹ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã€ãƒ‰ã‚ュメントã®æ”¹å–„ã€ãƒ†ã‚¹ãƒˆã€å®Ÿè£…ã€ã•ã‚‰ã«ã¯è¨€èªžæ©Ÿèƒ½ã«é–¢ã™ã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ãªã©ã€JavaScriptコミュニティã‹ã‚‰ã®ã‚³ãƒ³ãƒˆãƒªãƒ“ュートをTC39ã¯æ“è¿Žã—ã¾ã™ã€‚詳細ã«ã¤ã„ã¦ã¯ã€ã‚³ãƒ³ãƒˆãƒªãƒ“ュータガイドをã”覧ãã ã•ã„。 TC39ã®ãƒŸãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã«ãƒ¡ãƒ³ãƒãƒ¼ã¨ã—ã¦å‚åŠ ã™ã‚‹ã«ã¯ã€Ecmaã«å‚åŠ ã—ã¦ãã ã•ã„。 仕様 我々ã¯JavaScript(æ£å¼ã«ã¯ã€ECMAScript)ã®ä»•æ§˜ã‚’GitHub上ã§é–‹ç™ºã—ã€2ヶ月ã”ã¨ã«ãƒŸãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚’è¡Œã„ã€ãƒ—ãƒãƒãƒ¼ã‚¶ãƒ«ã«ã¤ã„ã¦è°è«–ã—ã¦ã„ã¾ã™ã€‚ã“ã®ãƒ—ãƒã‚»ã‚¹ã®
最終フãƒãƒ³ãƒ†ã‚£ã‚¢ã«åˆ°é”ã—ãŸJavaScript：宇宙
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ 第2版 何åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ック「Practical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootを使ã£ãŸREST API構築ã®åŸºç¤Žã‚’å¦ã‚“ã 。ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ãリリースã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 を使用ã—ã¦ã„る。ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘リリースã•ã‚Œã€é‡è¦ãªå¤‰...
Why JavaScript Tooling Sucks
Home Ideas Writing & Speaking Book Tactics, Strategy, Principles About Bio, Talks, Photos Subscribe RSS, Newsletter, Mixtape JavaScript Tooling is just too hard to use, and it’s not your fault. If you clicked on this title ready to agree, you are part of the problem. Don’t worry, so am I. I work on JavaScript Tooling and I think my tools can be a lot better. â€Let he who is without sin†and all tha
高速化ã®è¦³ç‚¹ã‹ã‚‰ 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個ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žè©±é¡Œã«ã™ã‚‹ã®ã¯ã€ãã®ä¸ã§ã‚‚「詰ã¾ã£ã¦ã„
JavaScript ã§é™¥ã‚Šã‚„ã™ã„失敗例を振り返る - Qiita
個人的ã«ä»Šã¾ã§ JavaScript を書ã„ã¦ã¦é™¥ã£ãŸå¤±æ•—例ãªã©ã‚’振り返ã£ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã«ã‚ã‚‹ã„ãã¤ã‹ã®å¤±æ•—例ã«ã¤ã„ã¦ã¯æらã殆ã©ã®æ–¹ãŒçµŒé¨“ã—ã¦ã‚‹ã®ã§ã¯ãªã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ JavaScript 勉強ã™ã‚‹ãžï¼ï¼ã¨ã„ã†æ–¹ã‚„ã€ç¾åœ¨é€²è¡Œå½¢ã§ã“ã®ã‚ˆã†ãªå¤±æ•—ã«é™¥ã£ã¦ã„ã‚‹æ–¹ã®åŠ©ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ コードã®è§£èª¬ã«é–¢ã—ã¦ã¯ç°¡æ½”ã«è¡Œãªã£ã¦ã„ã‚‹ã®ã§ã€æ°—ã«ãªã£ãŸæ–¹ã¯ã‚°ã‚°ã£ã¦ãã ã•ã„。 DOM ã®å–å¾—åŠã³æ“作 è¦ç´ ã‚’å–å¾—ã—㦠is-close ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’付与ã—ãŸã„。 ã—ã‹ã—ã€ã‚¨ãƒ©ãƒ¼ã«ãªã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’付与ã§ããªã„ // 失敗例 const hoge = document.getElementsByClassName('hoge'); hoge.classList.add('is-close'); // æ£ã—ã„例 const hoge = document.getElementsByClassN
ブãƒãƒƒã‚¯ãƒã‚§ãƒ¼ãƒ³ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã‚’Javascriptã§ä½œã‚ã†ï½œes
今回ã¯Javascriptã§ã€ãƒ–ãƒãƒƒã‚¯ãƒã‚§ãƒ¼ãƒ³ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ を実装ã—ã¾ã™ã€‚ブãƒãƒƒã‚¯ãƒã‚§ãƒ¼ãƒ³ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ を実際ã«ä½œã£ã¦ã¿ã‚‹ã¨ã€ãã®å …牢性ãŒç†è§£ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚nonceを求ã‚るマイニング・アルゴリズムも実装ã—ã¾ã™ã€‚ ãªãŠã€P2Pã§ãƒŽãƒ¼ãƒ‰é–“ã§åŒæœŸã‚’å–ã£ãŸã‚Šã€ã‚³ãƒ³ã‚»ãƒ³ã‚µã‚¹ãƒ»ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã§åˆæ„å½¢æˆã‚’å–ã‚‹ã¨ã“ã‚ã¾ã§ã¯ã€å®Ÿè£…ã—ã¾ã›ã‚“ã®ã§æ‚ªã—ã‹ã‚‰ãšã€‚ ブãƒãƒƒã‚¯ãƒã‚§ãƒ¼ãƒ³ã¯ã€Œä¸‡èƒ½è–¬ã€ã§ã‚ã‚Šã¾ã›ã‚“。他ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¨ä¸€ç·’ã§ã€ã‚ãã¾ã§ã€ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ を効率的ã«å®Ÿç¾ã™ã‚‹ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã§ã™ã€‚ 分散環境下ã§ã€ã‚»ã‚ュアã«ãƒ‡ãƒ¼ã‚¿ã‚’ã‚‚ã¤ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã¨ã‚‚言ãˆã¾ã™ã€‚ ã¤ã¾ã‚Šã€æ‰‹æ®µã§ã™ã€‚å°Žå…¥ã—ãŸã‹ã‚‰ã¨ã„ã£ã¦ã€å•é¡ŒãŒè‡ªå‹•çš„ã«è§£æ±ºã—ãŸã‚Šã—ã¾ã›ã‚“。 ãã‚Œã§ã¯æ—©é€Ÿã€ä½œã£ã¦ã¿ã¾ã—ょã†ã€‚実際ã«ä½œæ¥ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã¯ï¼’ã¤ã§ã™ã€‚ mkdir project cd project npm init touch blockchan.js touch tes
Callback を撲滅ã›ã‚ˆ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã“ã‚“ã«ã¡ã¯ã€‚言語サãƒãƒ¼ãƒˆï¼ˆNode.js）ãƒãƒ¼ãƒ ã®ä¼Šè—¤ï¼ˆ@koh110）ã§ã™ã€‚ Node.js v10 ã‚‚10月ã«LTSã¨ãªã‚Š async/await ã«ã‚ˆã‚‹ãƒ•ãƒãƒ¼åˆ¶å¾¡ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«åˆ©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚JavaScriptã®éžåŒæœŸå‡¦ç†ã¯ async/await ã‹ã‚‰è¦šãˆã‚‹äººã‚‚今後増ãˆã¦ã„ãã§ã—ょã†ã€‚今回ã¯ãã‚“ãªéžåŒæœŸå‡¦ç†ã«ã¤ã„ã¦ã€ç¤¾å†…ã§ã®äº‹ä¾‹ã‚’交ãˆã¦è¨˜äº‹ã‚’書ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ index Promise 化ãŒãªãœé‡è¦ãªã®ã‹ ユーザー㫠promisify ã‚’ã•ã›ã‚‹è½ã¨ã—ç©´ Road to Promise ã¾ã¨ã‚ Promise 化ãŒãªãœé‡è¦ãªã®ã‹ ã¡ã‚‡ã†ã©3å¹´å‰ã®ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ã€ä»Šå¾Œã¯ã„ã‚ã„ã‚ãªãƒ¢ã‚¸ãƒ¥ãƒ¼
ES2018ã§å…¥ã£ãŸUnicode property escapes in regular expressionsを調ã¹ã¦ã¿ãŸ - yutaponã®ãƒ–ãƒã‚°
ã¯ã˜ã‚ã« ã¯ã˜ã‚㫠使ã„æ–¹ 書å¼ã«ã¤ã„㦠UnicodePropertyName General_Category Script, Script_Extensions Binary Unicode property 調ã¹æ–¹ UnicodePropertyValue ã«å±žã™ã‚‹æ–‡å—一覧を調ã¹ã‚‹ ã‚ã‚‹æ–‡å—ã«æŒ‡å®šã•ã‚Œã¦ã„る属性を調ã¹ã‚‹ ãŠã‚ã‚Šã« å‚考ã«ã—ãŸè¨˜äº‹ ES2018ã§æ£è¦è¡¨ç¾ã¾ã‚ã‚Šã®æ©Ÿèƒ½ã«ã„ãã¤ã‹ã®ä¾¿åˆ©ãªè¡¨ç¾ãŒå…¥ã£ãŸã€‚ 例ãˆã°ã“ã‚“ãªæ„Ÿã˜ã€‚ ã„ãšã‚Œã‚‚Chrome*1 ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã§å…¥åŠ›ã—ã¦è©¦ã™ã“ã¨ãŒã§ãる。 // `ã²ã‚‰ãŒãª` ã®ã¿ã®æ–‡å—列ãªã‚‰true /^\p{sc=Hiragana}+$/u.test('ã‚ã„ã†ãˆãŠ') // true // `カタカナ` ã®ã¿ã®æ–‡å—列ãªã‚‰true /^\p{sc=Katakana}+$/u.test('アイウエオã‘ã') // true // `æ¼¢å—`
Vue + Nuxt + Serverless ã®é–‹ç™ºã¦ã‚™å¾—ãŸçŸ¥è¦‹ (主ã«ã¤ã‚‰ã¿) / JSer.info 400th Memorial Event - Speaker Deck
スライド内ã®URL ・About ALIS：https://alismedia.jp/ja/ ・ã€ALISã®ã‚·ã‚¹ãƒ†ãƒ 】サーãƒã‚™ã‚µã‚¤ãƒˆã‚™ã‚¢ãƒ¼ã‚テクãƒãƒ£:ãã®1 〜ALIS サーãƒã‚™ã‚µã‚¤ãƒˆã‚™æ§‹æˆã€œï¼šhttps://alis.to/AB2/articles/KBXeJ1VgwzNB ・Atomic …
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JavaScriptã«ã‚»ãƒŸã‚³ãƒãƒ³ã¯å…¥ã‚Œã‚‹ã®ã‹ï¼Ÿå…¥ã‚Œãªã„ã®ã‹ï¼Ÿ - Qiita
JavaScript: 通常ã®é–¢æ•°ã¨ã‚¢ãƒãƒ¼é–¢æ•°ã®é•ã„ã¯ã€Œæ›¸ãæ–¹ã ã‘ã€ã§ã¯ãªã„。異ãªã‚‹æ€§è³ªãŒ10個ã»ã©ã‚る。 - Qiita
{{#tags}}- {{label}}
{{/tags}}