JSConf JP 2025
JavaScriptã«ãŠã‘ã‚‹async/await呼ã³å‡ºã—ã®ã‚¹ã‚¿ãƒƒã‚¯ãƒˆãƒ¬ãƒ¼ã‚¹ã®å›°é›£ã¨å®Ÿè£…
JSConf JP 2025
input[type="file"] åŒã˜ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸ã‚“ã§ã‚‚changeイベントãŒç™ºç«ã—ãªã„å•é¡Œã‚’ã¡ã‚‡ã£ã¨ã ã‘深掘りã™ã‚‹ã‚ˆðŸŽ¶ - カミナシ エンジニアブãƒã‚°
「よã—ã€ã“ã‚Œã§å®Œç’§ï¼ã€ã¨æ€ã£ã¦å®Ÿè£…ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰æ©Ÿèƒ½ã€‚テストã§åŒã˜ãƒ•ã‚¡ã‚¤ãƒ«ã‚’2回é¸ã‚“ã ら...ã‚れ？2回目ã¯ä½•ã‚‚èµ·ããªã„。 // ã•ã£ãã¾ã§å‹•ã„ã¦ãŸã¯ãšãªã®ã«... <input type="file" onChange={(e) => { console.log('ファイルé¸æŠžã—ãŸï¼', e.target.files[0]); uploadFile(e.target.files[0]); }} /> 「ãˆã€ãªã‚“ã§onChangeå‹•ã‹ã‚“ã®...？〠Chromeã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã¨ã«ã‚‰ã‚ã£ã“ã™ã‚‹ã“ã¨æ•°åˆ†ã€‚ã“ã‚Œã€å®Ÿã¯ç§ã®å®Ÿè£…ミスã˜ã‚ƒãªãã¦ã€ãƒ–ラウザã®ä»•æ§˜ã«èµ·å› ã™ã‚‹é¢ç™½ã„å•é¡Œã ã£ãŸã‚“ã§ã™ã€‚今日ã¯ã€ã“ã®æŒ™å‹•ã‚’掘り下ã’ã¦ã€Web標準ã¨ãƒ–ラウザã«ã‚ˆã‚‹æŒ™å‹•ã®é•ã„ã«ã¤ã„ã¦è©±ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚changeイベントã£ã¦ã•ã 教科書的ãªèª¬æ˜Žã‚’確èªã—ã¦ã¿ã‚‹ MDNã®changeイベントã®ãƒ‰ã‚ュ
![input[type="file"] åŒã˜ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸ã‚“ã§ã‚‚changeイベントãŒç™ºç«ã—ãªã„å•é¡Œã‚’ã¡ã‚‡ã£ã¨ã ã‘深掘りã™ã‚‹ã‚ˆðŸŽ¶ - カミナシ エンジニアブãƒã‚°](https://cdn-ak-scissors.b.st-hatena.com/image/square/42612fbb374419affecede01347fc77b5a431be0/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fa4c3cafc63f5a2e2ff57fa86a97d43b969b42b92%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkaminashi-developer%252F20251111%252F20251111100718.png)
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã‚„ã‚Šæ–¹ã«ã¤ã„ã¦
ã„ã¾ã©ãã®Webアプリã«ãŠã„ã¦ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ©Ÿèƒ½ãŒå¿…è¦ãªå ´é¢ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚例ãˆã°ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ãŒç”Ÿæˆã—ãŸCSVデータをファイルã¨ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã€ŒCSVダウンãƒãƒ¼ãƒ‰ã€æ©Ÿèƒ½ãªã©ã§ã™ã€‚ 今回ã¯API[1]ã‹ã‚‰å¾—られãŸãƒ‡ãƒ¼ã‚¿ã‚’ファイルã¨ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ãŸã„å ´åˆã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å®Ÿè£…方法ã«ã¤ã„ã¦è€ƒå¯Ÿã—ã¾ã™ã€‚ è¦ä»¶ 今回考ãˆã‚‹è¦ä»¶ã¯ã€å‰è¿°ã®ã¨ãŠã‚Šã€APIã‹ã‚‰å¾—られãŸãƒ‡ãƒ¼ã‚¿ã‚’ファイルã¨ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã“ã¨ã§ã™ã€‚具体的ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¦ä»¶ã‚’考ãˆã¾ã™ã€‚ APIã‚’GETリクエストã§å‘¼ã³å‡ºã—ã€ãã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’ãã®ã¾ã¾ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã®ä½•ã‚‰ã‹ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ï¼ˆãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯ãªã©ï¼‰ã«ã‚ˆã£ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒãƒˆãƒªã‚¬ãƒ¼ã•ã‚Œã‚‹ è¿½åŠ ã®è¦ä»¶æ¬¡ç¬¬ã§ã‚„ã‚Šæ–¹ã¯å¤‰ã‚ã‚Šã¾ã™ãŒã€ã¨ã‚Šã‚ãˆãšä»¥ä¸Šã®å‰æã§è€ƒãˆã¾ã™ã€‚ ベストãªæ–¹æ³• ã¨ã‚Šã‚ãˆãšã€ç†è€…ãŒè€ƒãˆã‚‹ä¸€ç•ªãƒ™ã‚¹ãƒˆãªæ–¹æ³•ã‚’紹介ã—ã¾ã™
Next.jsã®è€ƒãˆæ–¹
Next.js App Routerã«ãŠã‘ã‚‹è¨è¨ˆã‚„ベストプラクティスをã€ç†è€…ãªã‚Šã«ã¾ã¨ã‚ã¾ã—ãŸã€‚
Web技術を駆使ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç”»é¢ã‚’「録画ã€ã™ã‚‹
Constant integer division faster than compiler-generated code
Cloudflare Workersã§æ§‹ç¯‰ã™ã‚‹éžåŒæœŸã‚¸ãƒ§ãƒ–システãƒ
「Cloudflare Workers活用事例 æ¥å‹™åˆ©ç”¨ã®æ±ºã‚手ã¨ãã®åŠ¹æžœã«è¿«ã‚‹Lunch LTã€https://findy.connpass.com/event/318382/ ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚
令和時代㮠API 実装ã®ãƒ™ãƒ¼ã‚¹ãƒ—ラクティス㨠CSRF å¯¾ç– | blog.jxck.io
Intro CSRF ã¨ã„ã†å¤ã®æ”»æ’ƒãŒã‚る。ã“ã®æ”»æ’ƒã‚’「å¤(ã„ã«ã—ãˆ)ã€ã®ã‚‚ã®ã«ã™ã‚‹ã“ã¨ãŒã§ããŸãƒ—ラットフォームã®é€²åŒ–ã®èƒŒæ™¯ã‚’ã€ã€ŒCookie ㌠SameSite Lax by Default ã«ãªã£ãŸã‹ã‚‰ã ã€ã¨ã„ã†è§£èª¬ã‚’見るã“ã¨ãŒã‚る。 確ã‹ã«ã€ç¾å®Ÿçš„ã«ãã‚Œã«ã‚ˆã£ã¦æ”»æ’ƒã®æˆç«‹ã¯é›£ã—ããªã‚Šã€æ•‘ã‚ã‚Œã¦ã„るサービスもã‚る。ã—ã‹ã—ã€ãã‚Œã¯ãƒ—ラットフォームãŒç”¨æ„ã—ãŸå¯¾ç–ã®æœ¬è³ªã‹ã‚‰è¨€ã†ã¨ã€è§£é‡ˆãŒå°‘ã—ãšã‚Œã¦ã„ã‚‹ã¨è¨€ãˆã‚‹ã ã‚ã†ã€‚ 今回ã¯ã€ã€ŒCSRF ãŒã©ã†ã—ã¦æˆç«‹ã—ã¦ã„ãŸã®ã‹ã€ã‚’振り返るã“ã¨ã§ã€æœ¬å½“ã«ãƒ—ラットフォームã«è¶³ã‚Šã¦ã„ãªã‹ã£ãŸã‚‚ã®ã¨ã€ãれを補ã£ã¦ã„ã£ãŸçµŒç·¯ã€æœ¬å½“ã«ã™ã¹ã対ç–ã¯ä½•ã§ã‚ã‚‹ã‹ã‚’解説ã—ã¦ã„ã。 çµæžœã¨ã—ã¦è¦‹ãˆã¦ãã‚‹ã®ã¯ã€ä»Šã‚µãƒ¼ãƒ“スを実装ã™ã‚‹ä¸Šã§ã®ã€Œãƒ™ãƒ¼ã‚¹ã€(not ベスト)ã¨ãªã‚‹ãƒ—ラクティスã ã¨ç†è€…ã¯è€ƒãˆã¦ã„る。 CSRF æˆç«‹ã®æ¡ä»¶ 例ãˆã°ã€æ”»æ’ƒè€…ãŒç”¨æ„ã—㟠attack.examp
ã€JS体æ“】JavaScript ã§é ã®ä½“æ“ã‚’ã—よã†ï¼ã€œç¬¬1å• 44æ–‡å— è§£èª¬ç·¨ã€œ - KAYAC Engineers' Blog
ã“ã‚“ã«ã¡ã¯ï¼ã‚«ãƒ¤ãƒƒã‚¯é¢ç™½ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚¹äº‹æ¥éƒ¨ã®ãŠã°ã‚‰ã§ã™ã€‚ 普段ã¯å—託案件ã€ç‰¹ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–㪠WebGL ã‚„ Canvas2D を駆使ã™ã‚‹æ¡ˆä»¶ã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼†å®Ÿè£…を担当ã—ã¦ã„ã¾ã™ã€‚ 先日出題ã—ãŸJSä½“æ“ ç¬¬1å•ç›®ã€æŒ‘戦ã—ã¦ãã ã•ã£ãŸã¿ãªã•ã¾ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸï¼ 早速ã§ã™ãŒæœ€çŸæ–‡å—æ•°ã®å›žç”㯠44æ–‡å— ã§ã—ãŸï¼ export default x=>x-(x%=.2)+.2-(.04-x*x)**.5 ã¿ã”ã¨44æ–‡å—ã‚’é”æˆã—ãŸæ–¹ã¯ã€ halwhite ã•ã‚“ koyama41 ã•ã‚“ sugyan ã•ã‚“ tkihira ã•ã‚“ ãŸã¤ã‘ã‚“ ã•ã‚“ ã®5åï¼ï¼ˆâ€» Unicode コードãƒã‚¤ãƒ³ãƒˆé †ï¼‰ ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼ 最çŸæ–‡å—æ•°ã‚’ç‹™ã£ãŸæ£çµ±æ´¾ã®å›žç”以外ã«ã‚‚ã€è£æŠ€çš„ãªé¢ç™½ã‚¢ãƒ—ãƒãƒ¼ãƒãŒãŸãã•ã‚“ã‚ã‚Šã¾ã—ãŸç¬‘ ã“ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¯é¢ç™½ã„ã€ãœã²ç´¹ä»‹ã—ãŸã„ï¼ã¨ã„ã†å›žç”ãŒã„ãã¤ã‹ã‚ã£ãŸã®ã§ã€è§£èª¬è¨˜äº‹ã¯2回ã«åˆ†ã‘ã¦
TypeScriptã¨Documentaion tests / Documentation tests with TypeScript
TypeScriptã¨Documentaion tests / Documentation tests with TypeScript
Three.jsã§æ–°å®¿é§…構内図を3Dã§å¯è¦–化ã—ã¦ã¿ã‚‹ - Qiita
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã§ã¯æ–°å®¿é§…ã®å±‹å†…地図データを使用ã—ã¦ã€Three.jsã§3Dã«ã‚ˆã‚‹å¯è¦–化をã—ã¾ã™ã€‚ DEMOã¯ã“ã¡ã‚‰ サンプルコードã¯ã“ã¡ã‚‰ 使用ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ 今回ã¯ã€Gç©ºé–“æƒ…å ±ã‚»ãƒ³ã‚¿ãƒ¼ã§å…¬é–‹ã•ã‚Œã¦ã„る「新宿駅屋内地図オープンデータã€ã®çµ±åˆç‰ˆï¼ˆShapeFile）を使用ã—ã¾ã™ã€‚ データã«ã¤ã„ã¦ã®è©³ç´°ã¯è£½å“仕様書ã«è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®ã‚ˆã†ã«ã€ãƒ‡ãƒ¼ã‚¿ã®åŠ 工利用ã«ã¯ä»¥ä¸‹ã®å‡ºå…¸ãŒå¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç·¨é›†ãƒ»åŠ å·¥ç‰ã—ã¦åˆ©ç”¨ã™ã‚‹å ´åˆã¯ã€ä¸Šè¨˜å‡ºå…¸ã¨ã¯åˆ¥ã«ã€ç·¨é›†ãƒ»åŠ å·¥ç‰ã‚’è¡Œã£ãŸã“ã¨ã‚’記載ã—ã¦ãã ã•ã„。ãªãŠã€ç·¨é›†ãƒ»åŠ å·¥ã—ãŸæƒ…å ±ã‚’ã€ã‚ãŸã‹ã‚‚国（åˆã¯åºœçœç‰ï¼‰ãŒä½œæˆã—ãŸã‹ã®ã‚ˆã†ãªæ…‹æ§˜ã§å…¬è¡¨ãƒ»åˆ©ç”¨ã—ã¦ã¯ã„ã‘ã¾ã›ã‚“ã€‚ï¼ˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç·¨é›†ãƒ»åŠ å·¥ç‰ã—ã¦åˆ©ç”¨ã™ã‚‹å ´åˆã®è¨˜è¼‰ä¾‹ï¼‰ã€Œæ–°å®¿é§…周辺屋内地図データã€ï¼ˆå›½åœŸäº¤é€šçœï¼‰ï¼ˆhttps://www.geospatial.jp/ckan/dataset/mlit-i
Maximum call stack size exceeded ã«ã¤ã„ã¦è§£èª¬
"Maximum call stack size exceeded" ã¨ã„ã†ã‚¨ãƒ©ãƒ¼ã«é–¢ã™ã‚‹è§£èª¬ã‚’書ãã¾ã™ã€‚JavaScript ã‚’å‰æã«è§£èª¬ã—ã¦ãŠã‚Šã¾ã™ã€‚ ã–ã£ãり解説 Uncaught RangeError: Maximum call stack size exceeded ã“ã‚Œã¯ã€é–¢æ•°ãŒä½•åº¦ã‚‚æ·±ãæ·±ã呼ã°ã‚Œã¦ã—ã¾ã£ãŸå ´åˆã«å‡ºã‚‹ã‚¨ãƒ©ãƒ¼ã§ã™ã€‚ 大抵ã¯ã€é–“é•ã£ã¦è‡ªåˆ†è‡ªèº«ã®é–¢æ•°ã‚’呼んã§ã—ã¾ã£ãŸã€ã‚‚ã—ãã¯å†å¸°ã®çµ‚了æ¡ä»¶ã‚’ミスã£ãŸå ´åˆã«ç™ºç”Ÿã—ã¾ã™ã€‚ ã“ã“ã«æ¤œç´¢ã§æ¥ãŸæ–¹ã¯ã€è‡ªåˆ†è‡ªèº«ã‚’呼んã§ã„ãŸã‚Šã€é–¢æ•°åŒå£«ãŒå¾ªç’°çš„ã«å‘¼ã³ã‚ã£ã¦ã„ãŸã‚Šã™ã‚‹ãƒŸã‚¹ã‚’犯ã—ã¦ã„ãªã„ã‹ç¢ºèªã—ã¦ãã ã•ã„ 。 図ã«ã™ã‚‹ã¨ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ ã¡ãªã¿ã«ã€é–¢æ•°å‘¼ã³å‡ºã—ãŒãªã‘ã‚Œã°ã“ã®ã‚¨ãƒ©ãƒ¼ã¯ç™ºç”Ÿã—ã¾ã›ã‚“。ãŸã ã®ç„¡é™ãƒ«ãƒ¼ãƒ—ã§ã¯æ±ºã—ã¦ç™ºç”Ÿã—ãªã„エラーã§ã™ã€‚以下ã€è§£èª¬ã‚’書ãã¾ã™ã€‚ 「関数を深ã呼ã¶ã€ã¨ã¯ï¼Ÿ ã“ã“ã§ã¯ã€é–¢æ•°ã‹ã‚‰ãƒªã‚¿ãƒ¼ãƒ³ã›ãšå†åº¦é–¢æ•°ã‚’呼ã³
ESLintã®configãŒã©ã®ã‚ˆã†ã«å¤‰ã‚ã‚Šå¾—ã‚‹ã‹ï¼ˆflat configã¨ã¯ä½•ã‹ï¼‰
ã¯ã˜ã‚ã« ESLint v8.21.0ã®ãƒªãƒªãƒ¼ã‚¹ã§ã“ã‚Œã¾ã§ã¨ã¯ç•°ãªã‚‹configシステム（flat config）ãŒæŒã¡è¾¼ã¾ã‚ŒãŸã€‚ 以下ã®é€šã‚Šã€æ–°ã—ã„configシステムã¸ã®ä¸€æ©ã¨ã„ã†ã‚ˆã†ã«è¨€åŠãŒã‚ã‚Šã€ESLintを利用ã™ã‚‹ä¸Šã§ç„¡è¦–ã§ããªã„影響をå—ã‘る変更ã¨ãªã‚Šãã†ãªã®ã§ã€ã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ç¢ºèªã—ã¦ãŠããŸã„。 We took a big step toward ESLint’s new config system! The new FlatESLint class is now merged. Its API is not yet stable, and not all features are implemented yet, but it is accessible via the Node.js API for early testing. See RFC9 for the origi
極é™ç’°å¢ƒã§æœ€çµ‚ビルドを絞るãŸã‚ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰è¨è¨ˆ
https://3rdpartyjs.connpass.com/event/289558/
JavaScript 㧠CPU ㌠Intel ã‹ã©ã†ã‹ã‚’判定ã™ã‚‹ï¼ˆã¤ã„ã§ã« JIT を検知ã™ã‚‹ï¼‰
先日ã€æ¬¡ã®ã‚ˆã†ãª Tweet を見ã‹ã‘ã¾ã—㟠TIL I discovered that TensorFlow.js uses an interesting trick to sniff your CPU architecture in WebAssembly. pic.twitter.com/LVyywIM48I — Robert Knight (@robknight_) January 4, 2023 é¢ç™½ã‹ã£ãŸã®ã§ã€ãªãœã“ã†ãªã‚‹ã®ã‹ã®è§£èª¬ã¨ã€ã¤ã„ã§ã«ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã£ãŸ JIT 検知方法ãªã©ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ JavaScript ã«ãŠã‘る低レイヤーã®æ‰±ã„ JavaScript ã«ãŠã„ã¦ã¯ã€æŒ™å‹•ãŒæ¯”較的ã—ã£ã‹ã‚Šã¨ä»•æ§˜ã«å®šã‚られã¦ã„ã‚‹ãŸã‚ã«ã€ç’°å¢ƒã«ã‚ˆã‚‹æŒ¯ã‚‹èˆžã„ã®é•ã„ã¯ã‚ã¾ã‚Šç™ºç”Ÿã—ã¾ã›ã‚“。ã—ã‹ã—ã€ä½Žãƒ¬ã‚¤ãƒ¤ãƒ¼ã«é™ã‚Šã‚‹ã»ã©æŒ¯ã‚‹èˆžã„ã¯å®Ÿè£…ä¾å˜ã«ãªã‚Šã€ç’°å¢ƒå·®ãŒç™ºç”Ÿã™ã‚‹ä½™åœ°ãŒå‡ºã¦ãã¾ã™ã€‚ 一番
2023 パズルã®é€†ãƒãƒ¼ãƒ©ãƒ³ãƒ‰è¨˜æ³•(RPN)ã«ã‚ˆã‚‹è§£æ³•ã®è§£èª¬
2023 å¹´ã€ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ï¼ç§ã¯å…ƒæ—¦ã«æ¬¡ã®ã‚ˆã†ãªã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ»ãƒ‘ズルを出ã—ã¾ã—ãŸã€‚ 上ã®ä¾‹ã®ã‚ˆã†ã«ã€æ•°å—ã®åˆé–“ã«å››å‰‡æ¼”算（＋−×÷）や括弧を入れるã“ã¨ã§ã€2023 を作ã£ã¦ãã ã•ã„。 æ•°å—ã®é–“ã«å¿…ãšæ¼”ç®—åã‚’ 1 ã¤å…¥ã‚Œã¦ãã ã•ã„ ãŸã ã— 9 㨠8 ã®é–“ã«ã¯æ—¢ã« ÷ ãŒå…¥ã£ã¦ã„ã¾ã™ 括弧ã¯è¤‡æ•°é‡ãã¦ä½¿ç”¨ã§ãã¾ã™ 10×(-9 ÷ 8) ã®ã‚ˆã†ãªãƒžã‚¤ãƒŠã‚¹è¨˜å·ã®ä½¿ç”¨ã¯ç¦æ¢ã§ã™ オリジナルツイートã¯ã“ã¡ã‚‰ã§ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€JavaScript ã«ã‚ˆã‚‹ã“ã®ã‚¯ã‚¤ã‚ºã®è§£ã方をã”紹介ã—ã¾ã™ã€‚ 括弧ã®æ•°å¼ã‚’プãƒã‚°ãƒ©ãƒ ã§æ‰±ã†ã«ã¯ ã•ã¦ã€ã“ã®å•é¡Œã®ä¸€ç•ªåŽ„介ãªç‚¹ã¯ã€æ‹¬å¼§ã®çµ¡ã‚€æ•°å¼ã‚’プãƒã‚°ãƒ©ãƒ ã§å‡¦ç†ã™ã‚‹ã¨ã„ã†ç‚¹ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã‚‚ãã“ã‚’é‡ç‚¹çš„ã«è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä¸ç½®è¨˜æ³• ã¾ãšã€æˆ‘々ãŒæ—¥å¸¸çš„ã«ä½¿ã£ã¦ã„ã‚‹æ•°å¼ã¯ã€ã„ã‚ゆる「ä¸ç½®è¨˜æ³•ã€ã¨å‘¼ã°ã‚Œã‚‹è¨˜æ³•ã§ã™ã€‚例ãˆã° (1 + 1 / 9
JS+SVGã§æ¶²æ™¶ç”»é¢é¢¨ã®è¡¨ç¤ºã‚’ã¤ãã‚‹ | tech - 氾濫原
液晶風ã®ç”»é¢ã¯æ±ºã¾ã£ãŸå½¢ã‚’オン・オフã™ã‚‹ã ã‘ãªã®ã§ã€canvas ã«ã‚³ãƒ¼ãƒ‰ã§æãã®ã¯å¤§å¤‰ãªã ã‘ã§ç„¡é§„ãŒå¤šã„。ã‹ã¨ã„ã£ã¦ã‚»ã‚°ãƒ¡ãƒ³ãƒˆã‚’1ã¤1ã¤ç”»åƒã«ã‚ã‘ã¦åº§æ¨™æŒ‡å®šã§é…ç½®ã—ã¦ã„ãã®ã‚‚é¢å€’ãã•ã„。 ã¨è€ƒãˆã¦ã„ã㨠SVG を埋ã‚ã“ã‚“ã§ã€SVG ã®è¦ç´ ã‚’ JS ã§æ“作ã™ã‚‹ã®ãŒåŠ¹çŽ‡ãŒè‰¯ã„。ワークフãƒãƒ¼ã¨ã—ã¦ã¯ SVG ã®ä½œæˆã¨ JS ã®å®Ÿè£…ã§ç¶ºéº—ã«å¢ƒç•Œã‚’作るã“ã¨ãŒã§ãる。 Inkscape Inkscape ã®è‰¯ã„ã¨ã“ã‚ã¯ä»¥ä¸‹ã®ç‚¹ XML エディタ㌠UI ã¨é€£å‹•ã—ã¦ã„ã‚‹ レイヤーやオブジェクトをé¸æŠžã™ã‚‹ã¨è©²å½“箇所ã«ã‚¨ãƒ‡ã‚£ã‚¿ä¸Šã§è·³ã¹ã‚‹ æ§‹é€ ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã‚„ã™ã„ ç”»åƒã‚’編集ã™ã‚‹ã¨ã„ã†ã‚ˆã‚Š SVG ã® XML を編集ã™ã‚‹UIã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ Inkscape ã§ã‚ªãƒ–ジェクトã«åå‰ã‚’ã¤ã‘ã‚‹ã¨ã€svg 上ã§ã¯ inkscape:label 属性ã«å…¥ã‚‹ã€‚ã“れを利用ã—㦠JS ã‹ã‚‰æ“作ã™ã‚Œã° Inkscape ã§
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
How To Build Minesweeper With JavaScript - Mitchum.Blog
In my last post I showed you guys a tic tac toe game I built using JavaScript, and before that I built a matching game. For this week’s post I decided to ramp up the complexity a bit. You guys are going to learn how to build minesweeper with JavaScript. I also used jQuery, a JavaScript library that is helpful for interacting with html. Whenever you see a function call with a leading dollar sign, t
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ブラウザストレージを活用ã—ãŸã€è¤‡æ•°ã‚¢ãƒ—リをã¾ãŸã永続化ã¨ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªåŒæœŸ
Sharing a state between windows without a server
{{#tags}}- {{label}}
{{/tags}}