[5:4] çŸæœŸäºˆå ±ã®ã¿ [5:4] çŸæœŸäºˆå ±ã¨é€±é–“äºˆå ±ï¼ˆãƒ‡ã‚¶ã‚¤ãƒ³A） [5:4] çŸæœŸäºˆå ±ã¨é€±é–“äºˆå ±ï¼ˆãƒ‡ã‚¶ã‚¤ãƒ³B） [16:9] çŸæœŸäºˆå ±ã®ã¿ [スマホ横長全画é¢] çŸæœŸäºˆå ±ã®ã¿
å¤©æ°—äºˆå ±ã¤ã時計 by ritsuka
[5:4] çŸæœŸäºˆå ±ã®ã¿ [5:4] çŸæœŸäºˆå ±ã¨é€±é–“äºˆå ±ï¼ˆãƒ‡ã‚¶ã‚¤ãƒ³A） [5:4] çŸæœŸäºˆå ±ã¨é€±é–“äºˆå ±ï¼ˆãƒ‡ã‚¶ã‚¤ãƒ³B） [16:9] çŸæœŸäºˆå ±ã®ã¿ [スマホ横長全画é¢] çŸæœŸäºˆå ±ã®ã¿
HTMLã‚’æ‹¡å¼µã—ã€JSãªã—ã§å‹•çš„UIを作る「htmx〠| gihyo.jp
htmxã¯ã€HTMLã®å±žæ€§ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ã‚¿ãƒ«æ¤œç´¢ã‚„インライン編集をã¯ã˜ã‚ã¨ã™ã‚‹ã•ã¾ã–ã¾ãªå‹•çš„ãªUI（User Interface）を実ç¾ã§ãã‚‹JavaScriptライブラリã§ã™ã€‚SPA（Single Page Application）フレームワークã®ã‚ˆã†ãªå¤§ãŒã‹ã‚Šãªãƒ“ルド環境を用æ„ã™ã‚‹ã“ã¨ãªãã€ã™ã§ã«ã‚るサーãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¢ãƒ—リケーションã«æ®µéšŽçš„ã«å°Žå…¥ã§ãる点も大ããªé…力ã§ã™ã€‚ 本記事ã§ã¯ã€htmxã®åŸºæœ¬çš„ãªã—ãã¿ã‚„使用方法を紹介ã—ãŸã®ã¡ã€æž¶ç©ºã®ã‚¿ã‚¹ã‚¯ç®¡ç†ã‚¢ãƒ—リケーションを題æã«ã€htmxã§å®Ÿç¾ã§ãã‚‹ã•ã¾ã–ã¾ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ htmxã®æ¦‚è¦ HTMLã‚’æ‹¡å¼µã™ã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒ htmxã®åŸºæœ¬çš„ãªã‚¢ã‚¤ãƒ‡ã‚¢ã¯ã€HTMLã®å±žæ€§ã‚’使ã£ã¦ã‚µãƒ¼ãƒãƒ¼ã¨ã®é€šä¿¡ãŠã‚ˆã³DOM更新を宣言的ã«è¨˜è¿°ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ãŸã¨ãˆã°ã€ãƒœã‚¿ãƒ³ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã‚‰ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ã€ç”»é¢ã®ä¸€éƒ¨ã‚’
ウェブサイトã¸ç°¡å˜ã«ã‚²ãƒ¼ãƒ ã®ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’埋ã‚è¾¼ã‚る「EmulatorJSã€
「EmulatorJSã€ã¯è‡ªåˆ†ã®ã‚¦ã‚§ãƒ–サイトã«ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ã€ŒRetroArchã€ã‚’ç°¡å˜ã«çµ„ã¿è¾¼ã‚€ã“ã¨ãŒã§ãã‚‹ã€ã‚¦ã‚§ãƒ–ベースã®RetroArch用フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã™ã€‚EmulatorJSã¯ä¸»ã«JavaScriptを使用ã—ã¦é–‹ç™ºã•ã‚Œã¦ãŠã‚Šã€ãƒ—ãƒã‚°ãƒ©ãƒ 全体ã®91.1ï¼…ãŒJavaScriptã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ã®ãŒç‰¹å¾´ã€‚オープンソースã®GPL-3.0ライセンスã®ä¸‹ã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Home · EmulatorJS https://emulatorjs.org/ Introduction · EmulatorJS https://emulatorjs.org/docs EmulatorJS/EmulatorJS: A web-based frontend for RetroArch https://github.com/EmulatorJS/EmulatorJS EmulatorJSã¯etha
ページ内検索ã—ãŸãƒ†ã‚ストã¯Webサイトé‹å–¶è€…ã«ãƒãƒ¬ã‚‹ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
ã¯ã˜ã‚ã« çªç„¶ã§ã™ãŒã“ã®ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦Ctrl+Fã®ãƒšãƒ¼ã‚¸å†…検索を開ã〠x y z ã®ã„ãšã‚Œã‹ã®æ–‡å—を検索ã—ã¦ã¿ã¦ãã ã•ã„。 https://codepen.io/babatakao/full/bNeBOwr ã“ã®ã‚ˆã†ã«ã€æ¤œç´¢ã—ãŸçµæžœãŒalertã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 言ã„ãŸã‹ã£ãŸã“㨠ã“ã®ã‚ˆã†ã«ã€ãƒšãƒ¼ã‚¸å†…検索ã—ãŸãƒ†ã‚ストã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„JavaScriptã‹ã‚‰æ¤œçŸ¥ã§ãã¾ã™ã€‚ é¸æŠžã—ãŸãƒ†ã‚ストやã€ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã—ãŸãƒ†ã‚ストãŒæ¤œçŸ¥ã§ãã‚‹ã®ã¯å½“然ãªã®ã§ã™ãŒã€ãƒšãƒ¼ã‚¸å†…検索テã‚ストã¯ä»Šã¾ã§çŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚例ãˆã°å¾—体ã®ã—ã‚Œãªã„怪ã—ã„ウェブサイトã§ã€Œè‡ªåˆ†ã®ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ãŒæ¼æ´©ã—ã¦ã„ãªã„ã‹ãªã€ã¨ãƒšãƒ¼ã‚¸å†…検索ã€ãªã©ã¯ã‚„ã£ã¦ã¯é§„ç›®ãªã“ã¨ã«ãªã‚Šã¾ã™ã。気をã¤ã‘ã¾ã—ょã†ã€‚ 仕組㿠ã“ã‚“ãªHTMLã¨JavaScriptを仕込んã§ã„ã¾ã—ãŸã€‚ <p hidden="until-found" id="x">x</p> <p
Webアプリã®çµ±åˆé–‹ç™ºãƒ„ールãƒã‚§ãƒ¼ãƒ³ã€ŒVite+ã€ãŒç™»å ´ã€‚AIãŒVite+を使ã„ã“ãªã™ãŸã‚ã®Agent Modeãªã©è¨ˆç”»
Webアプリã®çµ±åˆé–‹ç™ºãƒ„ールãƒã‚§ãƒ¼ãƒ³ã€ŒVite+ã€ãŒç™»å ´ã€‚AIãŒVite+を使ã„ã“ãªã™ãŸã‚ã®Agent Modeãªã©è¨ˆç”» オープンソースã®Webアプリケーションビルドツール「Viteã€ï¼ˆãƒ´ã‚£ãƒƒãƒˆã‚ã‚‹ã„ã¯ãƒ´ã‚£ãƒ¼ãƒˆï¼‰ã‚’開発ã—ã¦ã„ã‚‹void(0)（VoidZero：ボイドゼãƒï¼‰ã¯ã€Viteをベースã¨ã—ãŸçµ±åˆé–‹ç™ºãƒ„ールãƒã‚§ãƒ¼ãƒ³ã€ŒVite+ã€ã‚’発表ã—ã¾ã—ãŸã€‚ The Unified Toolchain for the Web We are thrilled to announce Vite+: A unified, Rust-powered toolchain and drop-in upgrade for @vite_js. Read the full vision in our announcement post!https://t.co/FnIN98xJHa — VoidZero (@void
マウスや指先ã§ã‚‚ãã‚Œã£ã½ããªã‚らã‹ã«æ‰‹æãã§ãã‚‹JavsScriptライブラリ「Lazy Brushã€
ペイントソフトã§ãƒžã‚¦ã‚¹ã‚’使ã£ã¦çµµã‚’æã„ãŸã¨ãã‚„ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ã‚¿ãƒ–レットã«æŒ‡ã§æ–‡å—を書ã„ãŸã¨ãã€ç›´ç·šã‚„曲線ãŒã†ã¾ã引ã‘ãšã«ç·šãŒã‚¬ã‚¿ã‚¬ã‚¿ã—ãŸã‚Šã‚†ãŒã‚“ã ã‚Šã—ãŒã¡ã§ã™ã€‚「lazy-brushã€ã¯ãƒžã‚¦ã‚¹ã‚„指ã«ã‚ˆã‚‹æ画をãªã‚らã‹ã«ã™ã‚‹ãŸã‚ã®JavsScriptライブラリã§ã€ãã®ä»•çµ„ã¿ãŒGitHubã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Lazy Brush - Smooth Canvas Drawing https://lazybrush.dulnan.net/ GitHub - dulnan/lazy-brush: Smooth drawing with mouse, finger or other pointing device https://github.com/dulnan/lazy-brush 以下ã¯ã€Windowsã®ãƒšã‚¤ãƒ³ãƒˆã‚½ãƒ•ãƒˆã‚’使ã£ã¦æ–‡å—を書ã„ã¦ã¿ãŸã¨ã“ã‚。上ã¯ãƒžã‚¦ã‚¹ã§æ›¸ã„ãŸæ–‡å—ã§ã€ãƒžã‚¦ã‚¹ã‚’å‹•ã‹ã™
Webブラウザã§3Dモデルを高速ã«æç”»ã™ã‚‹ã€ŒBabylon.js 7.0ã€æ£å¼ãƒªãƒªãƒ¼ã‚¹ã€‚MMD（MikuMikuDance）やApple Vision Proサãƒãƒ¼ãƒˆ
Webブラウザã§3Dモデルを高速ã«æç”»ã™ã‚‹ã€ŒBabylon.js 7.0ã€æ£å¼ãƒªãƒªãƒ¼ã‚¹ã€‚MMD（MikuMikuDance）やApple Vision Proサãƒãƒ¼ãƒˆ Webブラウザã§3Dモデルを高速ã«æç”»ã™ã‚‹ã€ŒBabylon.js 7.0ã€æ£å¼ãƒªãƒªãƒ¼ã‚¹ã€‚MMD（MikuMikuDance）やApple Vision Proã€WebXRãªã©ã‚’サãƒãƒ¼ãƒˆã—ã€ã‚ˆã‚Šãƒªã‚¢ãƒ«ãªãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’実ç¾ã™ã‚‹æ©Ÿèƒ½è¿½åŠ ã‚‚è¡Œã‚ã‚ŒãŸã€‚ マイクãƒã‚½ãƒ•ãƒˆã¯ã€Webブラウザ上ã§2Dã‚„3Dモデルã®é«˜é€Ÿãªãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãªã©ã‚’å¯èƒ½ã«ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースã®JavaScriptライブラリ「Babylon.jsã€ã®æœ€æ–°ç‰ˆã€ŒBabylon.js 7.0ã€æ£å¼ç‰ˆã‚’リリースã—ã¾ã—ãŸã€‚ We are proud to announce that Babylon.js 7.0 has officially been released! The ne
AdBlockを有効ã«ã—ã¦ã„るブラウザã¸ã®å¯¾ç–ã‚ã‚Œã“ã‚Œ - ãã“ã®è¶³è·¡R
白状ã™ã‚‹ã¨ç§ã‚‚日常的ã«åºƒå‘Šãƒ–ãƒãƒƒã‚¯ãƒ„ールを使ã£ã¦ã¾ã™ï½— PC版ã®Chromeã§ã¯AdBlockPlusã®æ©Ÿèƒ½æ‹¡å¼µã‚’入れã€iOSã®Safariã§ã¯æœ€è¿‘AdGuardを利用ã—ã¦ã„ã¾ã™ã€‚æ£ç›´å¿«é©ã§ã‚‚ã†æ‰‹æ”¾ã›ã¾ã›ã‚“ï½— ãŸã ã“ã‚ŒãŒã‚µã‚¤ãƒˆé‹å–¶è€…ã®åŽç›Šã‚’削ã£ã¦ã„ã‚‹ã®ã‚‚事実。ã›ã‚ã¦ã‚µãƒ¼ãƒä»£ãらã„ã¯æ»å‡ºã—ãŸã„ã¨ã„ã†æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ã®ã§ä»Šå›žã¯åºƒå‘Šãƒ–ãƒãƒƒã‚¯ã®ç°¡æ˜“çš„ãªæ¤œå‡ºæ–¹æ³•ã¨ã€ãã®å¯¾å¿œç–ã«ã¤ã„ã¦ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 広告ブãƒãƒƒã‚¯ã®æ¤œå‡ºæ–¹æ³• 今回利用ã™ã‚‹æ–¹æ³• ãã®ä»– å¯¾å¿œç– ãã®1. アラートを表示ã™ã‚‹ ãã®2. 広告ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚Œã°ãƒšãƒ¼ã‚¸å†…容をAjaxã§å–å¾—ã—表示 ãã®3. 別ã®å†…容を表示ã™ã‚‹ Wordpressã®å ´åˆ 完全ã«ãƒ–ãƒãƒƒã‚¯ã™ã¹ãã§ã¯ãªã„ å‚考ページ 広告ブãƒãƒƒã‚¯ã®æ¤œå‡ºæ–¹æ³• 今回利用ã™ã‚‹æ–¹æ³• 例ãˆã°Google AdSenseã¯åºƒå‘Šã‚’貼り付ã‘ãŸã„å ´æ‰€ã«æŒ‡å®šã®scriptタグを書ã„ã¦ãŠãã€ãƒ–ラウザ
"レガシー"ã¨è¨€ã‚ã‚Œãªã„ãŸã‚ã®JavaScriptå†å…¥é–€
追記: 10/11 ãƒãƒ†ãƒ–ã§ãƒã‚ºã£ã¦ã„るよã†ã§ã€è‰²ã€…指摘ãŒã‚ã£ãŸã®ã§è¿½è¨˜ getElement*ã¯å‹•ä½œãŒæ—©ã„ã®ã§IDやクラスåãŒè‡ªæ˜Žã®å ´åˆã¯getElement*を使ã†æ–¹ãŒã„ã„ã¨è¨€ã†æ„見もã‚ã‚Šã€ã¾ãŸã€ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã§å¤§é‡ã«å‘¼ã³å‡ºã•ã‚Œã‚‹ã‚ã‘ã§ã¯ãªã„ã‹ã‚‰ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ã¯ãªã‚‰ãªã„ã¨è¨€ã†æ„見もã‚る。 getElement*ã§è¿”ã•ã‚Œã‚‹ã‚ªãƒ–ジェクトã¯å‹•çš„ãªå¤‰åŒ–ã«å¯¾å¿œã—ã¦ãŠã‚Šã€querySelector*ã¯å‹•çš„ãªå¤‰åŒ–ã«å¯¾å¿œã—ã¦ã„ãªã„ãŸã‚ã€å ´åˆã«ã‚ˆã£ã¦ã¯getElement*を使ã†ã¨ã„ã„。ã“ã®ã‚µã‚¤ãƒˆã§éŠã‚“ã§ã¿ã‚ˆã†ã€‚ https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofã¯éžæŽ¨å¥¨ãªã®ã§ Promise.allã‚’ç¾ä»£çš„ãªæ›¸ãæ–¹ã«ã—㟠顧客先ã®ãƒ–ラウザãŒå¤ã„å ´åˆã‚‚考慮ã—ã¦ã€ã‚ãˆã¦ãƒ¬ã‚¬ã‚·ãƒ¼ãªæ›¸ã方もã™ã‚‹å ´åˆãŒã‚るらã—ã„。ç¾
async/awaitã«ãŠã‘るエラー処ç†ã‚’実行ã®é †ç•ªã‹ã‚‰æ•´ç†ã™ã‚‹ - Qiita
ã¯ã˜ã‚ã« promiseを使ã†ã¨ãã€ã„ã¤ã‚‚promiseメソッドãƒã‚§ãƒ¼ãƒ³ã§è¨˜è¼‰ã—ã¦ã„ã¾ã™ã‹ï¼Ÿã€€async/awaitを利用ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ ã‚‚ã¡ã‚ん状æ³ã«ã‚ˆã£ã¦ä¸¡æ–¹æ›¸ãã®ãŒæ®†ã©ã ã¨ã¯æ€ã†ã®ã§ã™ãŒã€ç§ã¯async/awaitã®æ–¹ãŒåŒæœŸçš„ãªæ›¸ã方ゆãˆã«èªã¿ã‚„ã™ã„ãŸã‚ã€ãªã‚‹ã¹ããã¡ã‚‰ã§è¨˜è¼‰ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ãªãŒã‚‰ã€ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ãŒç†è§£ã§ãã¦ã„ãªã‹ã£ãŸãŸã‚ã€ã‚¨ãƒ©ãƒ¼ã®æ‰€åœ¨ã‚’çªãæ¢ã‚ã‚‹ã®ã«è‹¦åŠ´ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãã®ãŸã‚ã€ã“れを機ã«async/awaitã«ãŠã‘るエラーãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã«ã¤ã„ã¦å‚™å¿˜éŒ²çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®ã¾ã¨ã‚; catchã•ã‚Œã‚‹ã‚¨ãƒ©ãƒ¼ã¯rejectã®ã¿ã‹ã€throwã•ã‚ŒãŸã‚¨ãƒ©ãƒ¼ã‚‚å«ã¾ã‚Œã‚‹ã‹ →両方catchã§ãã‚‹ async関数ã«ãŠã‘る処ç†ã®é †åºã€awaitãŒã‚ã‚‹å ´åˆã¨ãªã„å ´åˆ â†’awaitãŒãªã„å ´åˆã«ã¯åŒæœŸçš„ã«å‡¦ç†ãŒå®Ÿè¡Œã•ã‚Œã€catchã§ããªããªã‚‹ エラー処ç†ã‚’外å´ã«ä¼æ’ã—
ã€JavaScriptã®åŸºæœ¬ã€‘ã‚¢ãƒãƒ¼é–¢æ•°ã¨å¾“æ¥ã®é–¢æ•°ã®é•ã„ – ワードプレステーマTCD
ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’綺麗ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãã‚‹WordPressプラグイン「Modula Image Galleryã€ã®ä½¿ã„æ–¹ 2026.04.11
JavaScript | replace()ã§è¤‡æ•°ã®æ–‡å—列を全ã¦ç½®ãæ›ãˆã‚‹æ–¹æ³•
JavaScriptã®replace()ã§è¤‡æ•°ã®æ–‡å—ã¾ãŸã¯æ–‡å—列を全ã¦ä¸€æ‹¬ã§ç½®ãæ›ãˆã‚‹æ–¹æ³•ã®ç´¹ä»‹ã§ã™ã€‚ 指定ã®æ–‡å—列をã²ã¨ã¤ç½®ãæ›ãˆã‚‹ 最åˆã«è¦‹ã¤ã‹ã£ãŸæŒ‡å®šæ–‡å—列ã¾ãŸã¯æ–‡å—ã‚’ã²ã¨ã¤ã ã‘ç½®ãæ›ãˆã‚‹å ´åˆã¯æ£è¦è¡¨ç¾ã‚’使ã‚ãšã«å®Ÿè£…å¯èƒ½ã§ã™ã€‚ サンプルã§ã¯æœ€åˆã«è¦‹ã¤ã‹ã£ãŸã€Œaaaã€ã ã‘ãŒã€Œcccã€ã«ç½®ãæ›ãˆã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒç¢ºèªã§ãã¾ã™ã€‚ let text = `aaa aaa aaa`; text = text.replace('aaa', 'ccc'); //ccc aaa aaa 指定ã®æ–‡å—列を全ã¦ç½®ãæ›ãˆã‚‹ 特定ã®æ–‡å—列ã¾ãŸã¯æ–‡å—ã‚’å…¨ã¦ç½®ãæ›ãˆã‚‹ã«ã¯æ£è¦è¡¨ç¾ã¨æ£è¦è¡¨ç¾ã®ã€Œgオプションã€ã‚’使ã£ãŸå®Ÿè£…方法ãŒç°¡å˜ã§ã™ã€‚ æ£è¦è¡¨ç¾ã§ã¯ã€Œgオプションã€ã‚’指定ã™ã‚‹ã“ã¨ã§å¯¾è±¡ã®æ–‡å—ãŒè¤‡æ•°å›žå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆã€ãã®å…¨ã¦ã‚’ç½®ãæ›ãˆã‚‹äº‹ãŒå¯èƒ½ã§ã™ã€‚ let text = `aaa aaa aaa`; text =
高速ã‹ã¤ã‚·ãƒ³ãƒ—ルã§ä½¿ã„ã‚„ã™ã„JavaScriptアニメーションライブラリ・「luge〠- ã‹ã¡ã³ã¨.net
lugeã¯é«˜é€Ÿã‹ã¤ã‚·ãƒ³ãƒ—ルã§ä½¿ã„ã‚„ã™ã„JavaScriptアニメーションライブラリã§ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’è¿½åŠ ã—ã¦æ‹¡å¼µã™ã‚‹äº‹ã‚‚å¯èƒ½ã§ã™ã€‚ èªã¿è¾¼ã‚€ã ã‘ã§htmlã‚¿ã‚°ã«è‡ªå‹•ã§ãƒ‡ãƒã‚¤ã‚¹ã‚„ブラウザã®classも付与ã•ã‚Œã‚‹ã®ã§ç•°ãªã‚‹ç’°å¢ƒã§ã®æŒ™å‹•ã®å¾®èª¿æ•´ç‰ã‚‚ã—ã‚„ã™ããªã£ã¦ã„ã¾ã™ã€‚ <link rel="stylesheet" href="luge.css"> <script src="luge.js"></script> 使ã„方も簡å˜ã§ã™ã€‚上記ã®ã‚ˆã†ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§æŒ‡å®šã•ã‚ŒãŸã‚«ã‚¹ã‚¿ãƒ データ属性を付与ã™ã‚‹ã€ã¨ã„ã£ãŸæµã‚Œã§å®Ÿè£…出æ¥ã¾ã™ã€‚ãŸã ã—ã€CSSã¯çµ„ã¿è¾¼ã¿ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸è¦ãªã‚‰èªã¿è¾¼ã‚€å¿…è¦ã¯ãªã„ãã†ã§ã™ã€‚ サイトプリãƒãƒ¼ãƒ€ãƒ¼ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã€ãƒšãƒ¼ã‚¸é·ç§»ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã€ã‚ˆã見ã‹ã‘るアニメーションã®ã‚ã‚Œã“れを管ç†ã§ãã‚‹ã®ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«æ™‚é–“ã‚’å–られãŸããªã„開発者ã®æ–¹ã«ãŠå‹§ã‚
ã“ã†ã„ã†ã®ã§ã„ã„ã‚“ã よã€ãª JavaScript日付時刻ライブラリ Qrono
作ã£ãŸã€‚ Qronoã®ç‰¹å¾´ 🎨 タイムゾーンã¨ãƒã‚±ãƒ¼ãƒ«ã®å¯¾å¿œã‚’æ¨ã¦ãŸè»½ã„日付時刻ライブラリ。 ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¯ã‚¿ã‚¤ãƒ ゾーンã¨ãƒã‚±ãƒ¼ãƒ«ã«å¯¾å¿œã™ã‚‹ãŸã‚ã«ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ãŒå·¨å¤§ã«ãªã£ãŸã‚Šä½¿ã„æ–¹ãŒè¤‡é›‘ã«ãªã£ãŸã‚Šã—ãŒã¡ã€‚ ãƒã‚±ãƒ¼ãƒ«å¯¾å¿œã¯ECMAScript® Internationalization APIを使ã†ã ã‘ã§è‰¯ã„。 ã»ã¨ã‚“ã©ã®å ´åˆã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆç’°å¢ƒã®ã‚¿ã‚¤ãƒ ゾーンã«ã ã‘対応ã§ãã‚Œã°å分。 Luxonã«ã‚ˆã‚‹èª¬æ˜Žã¯ã€ã¾ã•ã«ãã®æ ¸å¿ƒã‚’ã¤ã„ã¦ã„る。 Don't make servers think about local times. Configure them to use UTC and write your server's code to work in UTC. Times can often be thought of as a simple count of epoch millise
Spook.js
Spook.js Attacking Google Chrome's Strict Site Isolation via Speculative Execution and Type Confusion Spook.js is a new transient execution side channel attack which targets the Chrome web browser. We show that despite Google's attempts to mitigate Spectre by deploying Strict Site Isolation, information extraction via malicious JavaScript code is still possible in some cases. More specifically, we
mouseover ä¸ã«è¡¨ç¤ºã•ã‚Œã‚‹ DOM ã®ãƒ‡ãƒãƒƒã‚° | blog.jxck.io
Update 2024-03-30: Chrome 123 ã‹ã‚‰ "Emulate a focused page" ãŒè¿½åŠ ã•ã‚ŒãŸã€‚ ã“れを用ã„ã‚Œã°è‰¯ã„ãŸã‚ã€ä»¥é™ã®å…¨ã¦ã®æ–¹å¼ã¯å¤ããªã£ãŸã€‚ Apply other effects: enable automatic dark theme, emulate focus, and more https://developer.chrome.com/docs/devtools/rendering/apply-effects#emulate_a_focused_page マウスãŒä¹—ã£ã¦ãªã„ã¨å‡ºãªã„ UI ã‚‚ã€ãã“ã« Tab ãªã©ã§ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’移ã—ã€ãã®çŠ¶æ…‹ã§ Dev Tools ã® "Emulate a focused page" を有効ã«ã™ã‚Œã°è‰¯ã„。 Intro 先日ã€å¾Œè¼©ãŒã€Œmouseover ä¸ã«ã—ã‹è¡¨ç¤ºã•ã‚Œãªã„ DOM ã®ãƒ‡ãƒãƒƒã‚°ã€ã«æ‰‹ã“ãšã£
ブラウザã§ä½¿ãˆã‚‹è¶…シンプルãªã‚ªãƒ¼ãƒ—ンソースã®ã‚³ãƒ¼ãƒ‰ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ãƒ»ã€ŒSmart Text Editor〠- ã‹ã¡ã³ã¨.net
Smart Text Editorã¯ãƒ–ラウザã§ä½¿ãˆã‚‹è¶…シンプルãªã‚ªãƒ¼ãƒ—ンソースã®ã‚³ãƒ¼ãƒ‰ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã§ã™ã€‚ブラウザã¨ã‚ーボードæ“作ã ã‘ã§ä½¿ãˆã‚‹ã‚ˆã†è¨è¨ˆã•ã‚Œã¦ãŠã‚Šã€JavaScriptã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ 機能ã¯å‰²ã¨è±Šå¯Œã§ã€ãƒžãƒ«ãƒã‚¿ãƒ–ã«å¯¾å¿œã€ãƒ—レビュー機能ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒªãƒãƒ¼ãƒ ã‚„ä¿å˜æ™‚ã®æ‹¡å¼µåã®é¸æŠžã€ä»»æ„ã®ãƒ†ã‚ストã®ç½®æ›ã€JSONæ•´å½¢ã€é››åž‹ã®æŒ¿å…¥ãªã©ã®ä»–ã€PWAライクã«ä½¿ã†äº‹ã‚‚出æ¥ã¾ã™ã€‚ 試ã—ã¦ã„ã¾ã›ã‚“ãŒãƒ†ãƒ¼ãƒžæ©Ÿèƒ½ã‚‚付ã„ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚デフォルトã§ã¯ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚„コード補完ç‰ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€éžå¸¸ã«è»½é‡ã§ä½¿ã„ã‚„ã™ã„å°è±¡ã§ã€è¤‡é›‘ãªæ§‹æˆã‚„作æ¥ã€æº–å‚™ãªã©ã‚‚å¿…è¦ãªã気軽ã«ä½¿ãˆã¾ã™ã€‚ JavaScript/html/cssã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã‚³ãƒ¼ãƒ‰ã¯å…¨ã¦index.html内ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§1æžšã®htmlファイルã ã‘ã§ã‚³ãƒ¼ãƒ‰ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã¨ã—ã¦å‹•ä½œã—ã¦ãã‚Œã¾ã™ã€‚個人的ã«ã¯ã¨ã¦ã‚‚良ãã§ãã¦ã‚‹ã¨æ„Ÿå¿ƒã—ã¾ã—ãŸ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
「JavaScriptã§è¦ç´ をドラッグã—ã¦ç§»å‹•ã™ã‚‹ç°¡å˜ãªæ–¹æ³•ã€ã¨ã„ã†è¨˜äº‹ãŒåˆè€³ã らã‘ã ã£ãŸä»¶ - Qiita
TypeError: google.visualization is undefined
console.log(); ã—ã‹ä½¿ãˆãªã‹ã£ãŸè‡ªåˆ†ã¸ã€‚。。 - Qiita
{{#tags}}- {{label}}
{{/tags}}