Bundle Side Optimization in Future JavaScript - JSConf JP 2021
Web技術を駆使ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç”»é¢ã‚’「録画ã€ã™ã‚‹
Bundle Side Optimization in Future JavaScript - JSConf JP 2021
Flashエミュレーター誕生ã®ãã£ã‹ã‘ã¯åˆ¥ã«ã€Œãƒ•ãƒ©ãƒƒã‚·ãƒ¥æ„›ã€ã˜ã‚ƒãªã‹ã£ãŸã€€ã€Œswf2jsã€é–‹ç™ºè€…ã®æœ¬éŸ³ã¨æ•°å¥‡ãªé‹å‘½ã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã€‘
æ ªå¼ä¼šç¤¾ã‚½ãƒ‹ãƒƒã‚¯ãƒ ーブ　エンジニアグループ ソリューションユニット マãƒãƒ¼ã‚¸ãƒ£ãƒ¼ 家永 稔之 2011å¹´ã«ã‚½ãƒ‹ãƒƒã‚¯ãƒ ーブã«å…¥ç¤¾ã€‚個人ã§ã¯JavaScriptã¨TypeScriptを用ã„ã¦ã€ã€Œswf2jsã€ã‚„「Next2Dã€ã®é–‹ç™ºã‚’手ãŒã‘る。æ¥å‹™ã®ãƒªãƒ¢ãƒ¼ãƒˆåŒ–ã‚’ãã£ã‹ã‘ã«åœ°å…ƒã®æ¶ˆé˜²å›£ã«æ‰€å±žã—ã€é˜²ç½æ´»å‹•ã¨ã—ã¦æœˆã«æ•°å›žã€æ¶ˆé˜²è»Šä¸¡ã«ä¹—ã£ã¦åœ°åŸŸã®å·¡å›žã‚’è¡Œã†ã€‚ X GitHub Animation Tool ã‹ã¤ã¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªWebコンテンツを支ãˆãŸã€ŒAdobe Flashã€ã€‚「Adobe Flash Playerã€ã¯2020å¹´12月末ã§ã‚µãƒãƒ¼ãƒˆã‚’終了ã—ã€ã»ã¨ã‚“ã©ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã™ã§ã«å§¿ã‚’消ã—ã¾ã—ãŸã€‚ãã‚“ãªFlashコンテンツ（SWF）を最新ã®HTML環境ã§å†ç”Ÿå¯èƒ½ã«ã™ã‚‹ã€ã‚ªãƒ¼ãƒ—ンソースã®JavaScriptライブラリãŒã€Œswf2jsã€ã§ã™ã€‚ソフトウェアエンジニアã®å®¶æ°¸ç¨”之ã•ã‚“ãŒé–‹ç™ºã—ã€2015å¹´ã«
jQuery 4.0.0 BETA! | Official jQuery Blog
jQuery 4.0.0 has been in the works for a long time, but it is now ready for a beta release! There’s a lot to cover, and the team is excited to see it released. We’ve got bug fixes, performance improvements, and some breaking changes. We removed support for IE<11 after all! Still, we expect disruption to be minimal. Many of the breaking changes are ones the team has wanted to make for years, but co
次期Pythonã€ã¤ã„ã«JITコンパイラæ載ã®è¦‹é€šã—。「copy-and-patchã€ã¨å‘¼ã°ã‚Œã‚‹æ–°ãŸãªJITコンパイラã®ä»•çµ„ã¿ã¨ã¯ï¼Ÿ
次期Pythonã€ã¤ã„ã«JITコンパイラæ載ã®è¦‹é€šã—。「copy-and-patchã€ã¨å‘¼ã°ã‚Œã‚‹æ–°ãŸãªJITコンパイラã®ä»•çµ„ã¿ã¨ã¯ï¼Ÿ 機械å¦ç¿’ã‚„AI処ç†ã®åˆ†é‡Žã‚’ä¸å¿ƒã«éžå¸¸ã«é«˜ã„人気ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã‚る「Pythonã€ã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã€å‡¦ç†é€Ÿåº¦ã®å‘上を目指ã—ãŸJITコンパイラãŒæ載ã•ã‚Œã‚‹è¦‹é€šã—ã§ã™ã€‚ ã“ã®JITコンパイラã¯ã€Pythonコアデベãƒãƒƒãƒ‘ーã®Brandt Bucheræ°ãŒæ案ã—ã€å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ ãã—ã¦Python Software Foundationã®ãƒ•ã‚§ãƒãƒ¼ã§ã‚ã‚‹Anthony Shawæ°ãŒãƒ–ãƒã‚°ã€ŒPython 3.13 gets a JITã€ã§ã€ã“ã®JITコンパイラã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ ã“れらã®æƒ…å ±ã‚’å…ƒã«ã€Pythonã®JITコンパイラãŒã©ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã®ã‹ã€å°‘ã—紹介ã—ã¦ã„ãã¾ã—ょã†ã€‚ Rubyã‚‚JavaScriptã‚‚JITãŒé«˜é€ŸåŒ–を実ç¾ã—ã¦ã
ã‚‚ã†jsãªã‚“ã¦ã„らãªã„ï¼ä¸–ç•Œã§æµè¡Œã£ã¦ã„ã‚‹HTMXã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸ - Qiita
HTMXã¨ã¯ https://htmx.org/ HTMXã¯ã€JavaScript を記述ã›ãšã«ã€Ajax通信や高度ãªUXを実ç¾ã§ãるライブラリ。 è»½é‡ ã§ é«˜é€Ÿ ã§ã€æ—¢å˜ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã‚·ãƒ¼ãƒ レスãªã‚„ã‚Šå–ã‚ŠãŒã§ãる。ã¾ãŸã€AJAX通信ã®ç™ºç«ã€ãƒ•ã‚©ãƒ¼ãƒ ã®é€ä¿¡å‡¦ç†ã€DOMã®æ›´æ–°ãªã©ã‚’æ—¢å˜ã®HTMLè¦ç´ ã‚’æ‹¡å¼µã™ã‚‹ã ã‘ã§å¯èƒ½ã¨ã™ã‚‹ã€‚WebSocketã‚„SSEã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ã§ã€ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—リãªã©ã«ã‚‚é©ã—ã¦ã„る。 2023 JavaScript Rising Starsã§ã¯ã€ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ワーク部門ã§è¦‹äº‹2ä½ã«è¼ã„ãŸï¼(一ä½ã¯Reactã€å…¨éƒ¨é–€ã ã¨shadcn/ui)　似ãŸã‚ˆã†ãªæ©Ÿèƒ½ã¨ã—ã¦ã€Ruby on Railsã®HotWireãŒã‚るらã—ã„。 2024å¹´ã¯HTMXãŒãã‚‹ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ãらã„世界ã§é¨’ãŒã‚Œã¦ã„ã‚‹ã®ã ãŒã€ã‚ã¾ã‚Šæ—¥æœ¬ã§ã¯æµè¡Œã£ã¦ã„ãªã„。以下ã¯Google
絶対ã«ç”»åƒã‚’ダウンãƒãƒ¼ãƒ‰&スクレイピングã•ã›ãªã„Webページを本気ã§ä½œã£ã¦ã¿ãŸ - blog.potproject.net
å··ã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã“ã®è©±é¡Œã€ç”»åƒã‚’スクレイピングやダウンãƒãƒ¼ãƒ‰ã•ã‚ŒãŸããªã„ã¨ã„ã†ã“ã¨ã§é¨’ãŒã‚Œã¦ã„ã¾ã™ã€‚ãã®è©±ã«é–¢ã—ã¦ã¯è‰²ã€…ãªæ„見ãŒã‚ã‚‹ã¨æ€ã£ã¦ã¾ã™ãŒã“ã“ã§ã¯ç½®ã„ã¦ãŠãã¨ã—ã¦ãƒ»ãƒ»ãƒ» 技術的ã«ã‚„ã‚‹ã¨ã—ãŸã‚‰å®Ÿéš›ã©ã‚Œãらã„対ç–ã§ãã‚‹ã®ï¼Ÿã¨ã„ã†ã“ã¨ãŒæ°—ã«ãªã£ãŸã®ã§ã€è‡ªåˆ†ã®çŸ¥è˜ã§å‡ºæ¥ã‚‹é™ã‚Šå¯¾ç–ã—ãŸã‚‚ã®ã‚’作ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 最åˆã« è³¢ã„æ–¹ã¯ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚¿ã‚¤ãƒˆãƒ«ã¯é‡£ã‚Šã§ã™ã€‚ 絶対ã«ç”»åƒã‚’ダウンãƒãƒ¼ãƒ‰&スクレイピングã•ã›ãªã„ページã¯å˜åœ¨ã—ã¾ã›ã‚“。ソフトウェアã«ãŠã„ã¦çµ¶å¯¾ã¨è¨€ã†è¨€è‘‰ã¯ã¾ãšå˜åœ¨ã—ãªã„ã®ã§ã™ã€‚ブラウザã§è¡¨ç¤ºã—ã¦ã„る以上ã€ä»•çµ„ã¿ã•ãˆã‚ã‹ã‚Œã°æŠ€è¡“çš„ã«ã¯å¯èƒ½ã§ã™ã€‚ ãã®ãŸã‚〠「元画åƒã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングをéžå¸¸ã«å›°é›£ã«ã—ãŸWebページを本気ã§ä½œã£ã¦ã¿ãŸã€ ãŒå®Ÿéš›ã®ã‚¿ã‚¤ãƒˆãƒ«ã‹ãªã¨ãªã‚Šã¾ã™ã€‚ ã¨ã¯ã„ãˆã€ã“ã®ä»•çµ„ã¿ã§ã‚ã‚Œã°å¤§å¤šæ•°ã®äººã¯æ©Ÿæ¢°çš„ã«ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングã™ã‚‹ã“ã¨ã‚’諦ã‚るレベルã®ä½œ
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 ã«ãŠã„ã¦ã¯ã€æŒ™å‹•ãŒæ¯”較的ã—ã£ã‹ã‚Šã¨ä»•æ§˜ã«å®šã‚られã¦ã„ã‚‹ãŸã‚ã«ã€ç’°å¢ƒã«ã‚ˆã‚‹æŒ¯ã‚‹èˆžã„ã®é•ã„ã¯ã‚ã¾ã‚Šç™ºç”Ÿã—ã¾ã›ã‚“。ã—ã‹ã—ã€ä½Žãƒ¬ã‚¤ãƒ¤ãƒ¼ã«é™ã‚Šã‚‹ã»ã©æŒ¯ã‚‹èˆžã„ã¯å®Ÿè£…ä¾å˜ã«ãªã‚Šã€ç’°å¢ƒå·®ãŒç™ºç”Ÿã™ã‚‹ä½™åœ°ãŒå‡ºã¦ãã¾ã™ã€‚ 一番
XMLHttpRequest ã¨ã¯ãªã‚“ã ã£ãŸã®ã‹ | blog.jxck.io
Intro Fetch API ã®å®Ÿè£…ãŒåºƒã¾ã‚Šã€ IE もリタイアを迎ãˆãŸã“ã¨ã§ã€ä»Šå¾Œå¿˜ã‚ŒåŽ»ã‚‰ã‚Œã¦ã„ãã“ã¨ã«ãªã‚‹ã ã‚ㆠXMLHttpRequest ã«ã¤ã„ã¦ã€‚ ã©ã®ã‚ˆã†ã«å§‹ã¾ã‚Šã€ã©ã®ã‚ˆã†ã«åºƒã¾ã‚Šã€ã©ã®ã‚ˆã†ã«ä½¿ã‚ã‚Œãªããªã£ã¦ã„ãã®ã‹ã€‚ãã®é–“ã«æ®‹ã—ãŸå¤šå¤§ãªåŠŸç¸¾ã‚’残ã™ã€‚ XMLHttpRequest ã®å§‹ã¾ã‚Š ã“ã®åå‰ã¯éžå¸¸ã«é•·ã„ãŸã‚ã€é€šå¸¸ XHR ã¨ç•¥ã•ã‚Œã‚‹ã€‚ ã“ã® API ã¯ã€ç¾åœ¨ã® Web API ã®ã‚ˆã†ã« W3C/WHATWG ã«ã‚ˆã‚‹æ¨™æº–化を経ã¦ç–定ã•ã‚ŒãŸ API ã§ã¯ãªã„。 Microsoft ã«ã‚ˆã‚‹ã„ã‚ゆる独自実装㮠API ã¨ã—ã¦å§‹ã¾ã‚Šã€å¾Œè¿½ã„ã§æ¨™æº–化ã•ã‚Œã‚‹ã€‚ ã—ãŸãŒã£ã¦ã€ Web API ã®ä¸ã§ã‚‚ã‹ãªã‚Šç•°è³ªãªå‘½åã§ã‚ã‚‹ XHR ãŒã€ XmlHttpRequest ã§ã‚‚ XMLHTTPRequest ã§ã‚‚ãªã XMLHttpRequest ã§ã‚ã‚‹ç†ç”±ã‚‚〠Microsoft ã®å‘½
jQuery UIã¨jQuery MobileãŒã¤ã„ã«é–‹ç™ºçµ‚了ã€ä»Šå¾Œã¯ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ã¿ã«ã€‚jQuery本体ã¯å¼•ã続ãç©æ¥µçš„ã«é–‹ç™º
jQuery UIã¨jQuery MobileãŒã¤ã„ã«é–‹ç™ºçµ‚了ã€ä»Šå¾Œã¯ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ã¿ã«ã€‚jQuery本体ã¯å¼•ã続ãç©æ¥µçš„ã«é–‹ç™º JavaScriptã®UIフレームワークã§ã‚ã‚‹jQuery UIã¨ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションå‘ã‘フレームワークã§ã‚ã‚‹jQuery Mobileã¯ä»Šå¾Œæ–°è¦æ©Ÿèƒ½ã®é–‹ç™ºãŒè¡Œã‚ã‚Œãšã€jQuery UIã«ã¤ã„ã¦ã¯ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¸ç§»è¡Œã€jQuery Mobileã«ã¤ã„ã¦ã¯Deprecated（利用を推奨ã›ãšï¼‰ã«ãªã‚‹ã“ã¨ãŒOpenJS Foundationã‹ã‚‰æ£å¼ã«ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ jQuery UIã¯2007å¹´ã«ç™»å ´ã€jQuery Mobileã¯2011å¹´ã«ç™»å ´ã—ã¾ã—ãŸã€‚一時期ã¯Webサイトãªã©ã§åºƒã使ã‚ã‚Œã€é–¢é€£æ›¸ç±ãªã©ã‚‚数多ã出版ã•ã‚ŒãŸä¸»è¦ãªãƒ©ã‚¤ãƒ–ラリ群ã®é–‹ç™ºãŒæ£å¼ã«çµ‚ã‚ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãŸã ã—jQuery本体ã®é–‹ç™ºã¯å¼•ã続ãç©æ¥µçš„ã«è¡Œã‚ã‚Œã¦ã„ãã¨ã®ã“ã¨ã§ã™ã€‚ Follo
7594591200220899443 on Twitter: "ã²ãˆãƒ¼Facebookã€Aã‚¿ã‚°ã®ä¸Šã§ãƒžã‚¦ã‚¹æŠ¼ä¸‹ã—ãŸçž¬é–“ã«href書ãæ›ãˆã¦ã‚“ã®ã‹ï¼ã§æ¬¡ã®çž¬é–“マウスクリックã™ã‚‹ã¨ãã®æ›¸ã変ã‚ã£ãŸURLã‚’è¸ã‚€ https://t.co/7r8ZccLLnk"
ã²ãˆãƒ¼Facebookã€Aã‚¿ã‚°ã®ä¸Šã§ãƒžã‚¦ã‚¹æŠ¼ä¸‹ã—ãŸçž¬é–“ã«href書ãæ›ãˆã¦ã‚“ã®ã‹ï¼ã§æ¬¡ã®çž¬é–“マウスクリックã™ã‚‹ã¨ãã®æ›¸ã変ã‚ã£ãŸURLã‚’è¸ã‚€ https://t.co/7r8ZccLLnk
ffmpeg.wasm | ffmpeg.wasm
ffmpeg.wasmffmpeg.wasm is a pure WebAssembly / JavaScript port of FFmpeg enabling video & audio record, convert and stream right inside browsers! Data Securityffmpeg.wasm runs only inside your browser, data security is gaurantee as no data is sent to remote server. Powered by WebAssemblyffmpeg.wasm transpiles ffmpeg source code to WebAssembly code using Emscripten to achieve optimal performance.
Rustã§ã¯ã˜ã‚ã‚‹WebAssembly入門～JavaScriptを超ãˆã‚‹é«˜é€ŸãªWebアプリ開発を実践ã—よã†
本連載ã§ã¯ã€Webブラウザー上ã§JavaScriptã¨ã¨ã‚‚ã«å‹•ä½œã§ãã‚‹ãƒã‚¤ãƒŠãƒªå½¢å¼ã®ãƒ—ãƒã‚°ãƒ©ãƒ ファイル「WebAssemblyã€ã‚’ã€Rustプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€é †ã‚’追ã£ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚åˆå›žã¨ãªã‚‹ä»Šå›žã¯ã€WebAssemblyã®æ¦‚è¦ã‚’説明ã™ã‚‹ã¨ã¨ã‚‚ã«ã€Rustを利用ã—ãŸç°¡å˜ãªã‚µãƒ³ãƒ—ルã§ã€å®Ÿè£…方法ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’紹介ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ç¾åœ¨ã€Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã„ã¦ã¯ã€ãƒšãƒ¼ã‚¸æ§‹é€ を表ã™HTMLã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’表ã™CSSã¨ã¨ã‚‚ã«ã€æŒ™å‹•ã‚’実装ã™ã‚‹ãŸã‚ã«JavaScriptãŒåˆ©ç”¨ã•ã‚Œã¾ã™ã€‚JavaScriptã®ç™»å ´å½“åˆã¯Webページã«å‹•ãã‚’ã¤ã‘る程度ã®æ‰±ã„ã§ã—ãŸãŒã€ãã®å¾Œã®è¨€èªžä»•æ§˜ã®æ‹¡å¼µã‚„ã€Webブラウザーã§ã®JavaScript実行速度ã®å‘上ã€Node.jsãªã©Webブラウザー以外ã§JavaScriptを動作ã•ã›ã‚‹ç’°å¢ƒã®ç™»å ´ãªã©ã«ã‚ˆã‚Šã€æœ¬æ ¼çš„ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨ã—ã¦ãã®
JavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã®ä»•çµ„ã¿ãŒä¸€ç™ºã§ç†è§£ã§ãるウェブアプリ「Explore DOM Eventsã€ãƒ¬ãƒ“ュー
JavaScriptã«ã¯ã€ç‰¹å®šã®å‹•ä½œãŒç™ºç”Ÿã—ãŸéš›ã«ãã‚Œã«å¿œã˜ã¦ã‚³ãƒ¼ãƒ‰ã‚’実行ã™ã‚‹ã€Œã‚¤ãƒ™ãƒ³ãƒˆã€ã¨ã„ã†ä»•çµ„ã¿ãŒå˜åœ¨ã—ã¦ã„ã¾ã™ã€‚ãã®ã‚¤ãƒ™ãƒ³ãƒˆãŒDOM内ã§ã©ã®ã‚ˆã†ã«ä¼ã‚ã‚‹ã®ã‹ã«ã¤ã„ã¦ã€ã€ŒExplore DOM Eventsã€ã¨ã„ã†ã‚¦ã‚§ãƒ–アプリãŒã‚¤ãƒ™ãƒ³ãƒˆã®ã‚ªãƒ—ションã«å¿œã˜ã¦è¦–覚的ã«è¡¨ç¤ºã—ã¦ãれるã¨ã®ã“ã¨ãªã®ã§ã€å®Ÿéš›ã«ä½¿ã£ã¦åˆ†ã‹ã‚Šã‚„ã™ã•ã‚’確ã‹ã‚ã¦ã¿ã¾ã—ãŸã€‚ Explore DOM Events https://domevents.dev/ ページã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ã€Œè¦ª(PARENT)ã€ã€Œå(CHILD)ã€ã€Œå«(GRANDCHILD)ã€ã¨ã„ã†DOMã®è¦ªå関係ãŒè¡¨ç¤ºã•ã‚Œã¦ãŠã‚Šã€ãã®ã†ã¡1ã¤ã‚ã®å«(オレンジ)ãŒã‚¤ãƒ™ãƒ³ãƒˆã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«è¨å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ã“ã®ã¾ã¾ã€ŒDispatchã€ã‚’クリックã—ã¦ã¿ã‚‹ã¨â€¦â€¦ イベントãŒä¼ã‚ã£ã¦ã„ã様åãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚Œã¾ã—ãŸã€‚ã¾ã ä½•ã‚‚ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠãƒ¼ã‚’è¿½åŠ ã—ã¦
JavaScriptã§ä»»æ„ã®HTMLè¦ç´ ã‚’Picture-in-Pictureã™ã‚‹
ã¿ãªã•ã‚“ã¯Picture-in-Picture(PiP)ã¨ã„ã†æ©Ÿèƒ½ã‚’使ã£ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã‹ã€‚PiPã¯å‹•ç”»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ã‚’æµ®éŠã™ã‚‹å°çª“ã«è¡¨ç¤ºã™ã‚‹æ©Ÿèƒ½ã§ã™ã€‚å°çª“ã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®å¤–å´ã‚’自由ã«ç§»å‹•ã§ãã¾ã™ã€‚ デスクトップãŒè³‘ã‚„ã‹ã«ãªã‚ŠãŒã¡ãªPCã§ã‚‚PiPã¯å¤§æ´»èºãªã®ã§ã™ãŒã€ç‰¹ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ãŠã„ã¦ã¯æ•°å°‘ãªã„「ウィンドウã€æ©Ÿèƒ½ã«ãªã‚Šã¾ã™ã€‚Androidã¯ã‚‚ã¡ã‚ã‚“ã€iOS14も対応ã—ãŸã“ã¨ã§è©±é¡Œã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã«ã‚ˆã£ã¦ã‚¹ãƒžãƒ›ä¸€å°ã‚ã‚Œã°ã€ã‚½ã‚·ãƒ£ã‚²ã®å…¬å¼ç”Ÿæ”¾é€ã‚’見ãªãŒã‚‰ã‚½ã‚·ãƒ£ã‚²ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’周回ã™ã‚‹åœ°ç„ã®ã‚ˆã†ãªè¡Œç‚ºãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ 利用者ã¨ã„ã†è¦–点ã‹ã‚‰è¦‹ã‚‹ã¨éžå¸¸ã«ä¾¿åˆ©ãªã®ã§ã™ãŒã€é–‹ç™ºè€…ã‹ã‚‰è¦‹ã‚‹ã¨å‹•ç”»ã—ã‹è¡¨ç¤ºã§ããªã„ã®ã¯ãªã‹ãªã‹ä½¿ã„所ãŒé›£ã—ããªã‚Šã¾ã™ã€‚ãã“ã§ã€ã“ã®æ©Ÿèƒ½ã‚’使ã£ã¦å¥½ããªæƒ…å ±ã‚’è¡¨ç¤ºã§ããªã„ã‹å®Ÿé¨“ã—ã¦ã¿ã¾ã—ãŸã€‚ PiP機能ã®å¯¾å¿œç’°å¢ƒ Chrome 70 Firefox 71（制é™ä»˜ã） mac
「デジタルåºå‰µè¨ã«å‘ã‘ãŸæº–備サイトã€ãŒã‚¹ã‚¯ãƒªãƒ—ト無効ã§é–²è¦§ã§ããªã„
デジタルåºå‰µè¨ã«å‘ã‘ãŸæº–備サイト(www.digital.go.jp)ãªã‚‹ã‚‚ã®ãŒç«‹ã¡ä¸ŠãŒã£ãŸã‚ˆã†ã§ã™ã€‚ ãŒã€ã‚¹ã‚¯ãƒªãƒ—ト無効è¨å®šã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨æ®‹å¿µãªã“ã¨ã«â€¦â€¦ã€‚ スクリプト無効è¨å®šã§ www.digital.go.jp ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸæ§˜å。真ã£ç™½ã§ä½•ã‚‚表示ã•ã‚Œã¦ã„ãªã„ã€‚ã‚ªãƒªã‚¸ãƒŠãƒ«ç”»åƒ ã‚µã‚¤ãƒˆãƒãƒªã‚·ãƒ¼(www.digital.go.jp)ã®ã€Œé–²è¦§ç’°å¢ƒã«ã¤ã„ã¦ã€ã‚’èªã‚€ã¨ã€ 当ウェブサイトã§ã¯ã€ã‚ˆã‚Šå¿«é©ã«ã”利用ã„ãŸã ããŸã‚JavaScriptを使用ã—ã¦ã„ã¾ã™ã€‚ã”使用ã®ãƒ–ラウザã®è¨å®šã«ãŠã„ã¦JavaScriptãŒæœ‰åŠ¹ã¨ãªã£ã¦ã„ãªã„å ´åˆã€æ£ã—ã表示ã•ã‚Œãªã„ã€åˆã¯æ“作ã§ããªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã®ã§ã€ã”了承ãã ã•ã„。 サイトãƒãƒªã‚·ãƒ¼(www.digital.go.jp) ã¨ã‚ã‚‹ã®ã§ã€ã“ã‚Œã¯è¨å®šãƒŸã‚¹ã‚„サーãƒãƒ¼ã®ã‚¨ãƒ©ãƒ¼ã§ãã†ãªã£ã¦ã„ã‚‹ã®ã§ã¯ãªãã€æ„図的ãªä½œã‚Šã¨æ€ã‚ã‚Œã¾ã™ã€‚ソースコードを見るã«ã€ŒNuxt.jsã€ã‚’
Typescriptã®æ¬¡ã¯Rustã‹ã‚‚ã—ã‚Œãªã„
Introduction Rustã‚’å¦ã³å§‹ã‚ãŸã®ã¯å¤šåˆ†ä»Šå¹´ã®3月ãらã„。 ãªãœæ€¥ã«Rustã«èˆˆå‘³ã‚’æŒã£ãŸã®ã‹ã¯å¾Œè¿°ã—ã¾ã™ãŒã€åŠå¹´ã»ã©Rustã‚’ã„ã˜ãã‚Šã¾ã‚ã—ã¦ã¿ã¦ã€ã¾ã ã¾ã å¦ã³é€”ä¸ã§ã‚‚Rustã®ç´ 晴らã—ã•ã‚’語らãšã«ã¯ã„られãšã€è¨˜äº‹ã‚’書ãã“ã¨ã«ã—ã¾ã—ãŸã€‚ Rustã¯ã€ŒCã®æ£å½“ãªå¾Œç¶™ã€ãªã‚“ã¦ã‚ˆã言ã‚ã‚Œã¾ã™ãŒã€Webエンジニアã‹ã‚‰ã¿ã¦ã‚‚Rustã¯æœ¬å½“ã«ç´ 晴らã—ã„ã£ã¦ã“ã¨ãŒå°‘ã—ã§ã‚‚ä¼ã‚ã‚Œã°ã„ã„ãªã¨æ€ã„ã¾ã™ã€‚ Rustã¨Typescript 「ãªãœRustã¨Typescript？ã€ã£ã¦æ€ã†æ–¹ã¯å¤šã„ã¨æ€ã†ã®ã§ã€é †ã«è©±ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 2020å¹´ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æµè¡Œ ã¾ãš2020年今日時点ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ã¤ã„ã¦é›‘ã«æ›¸ã㨠React・VueãŒä¸»æµ TypescriptãŒãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã€babelãªã©ã§ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イルã¯è¨€ã‚ãšã‚‚ãŒãª サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚‚Nodeã§æ›¸ããªã‚‰Typescript Jestã€
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://twitter.com/mikage/status/1573287913651343361
ãŸã£ãŸ256æ–‡å—ã®JavaScriptコードã§æã‹ã‚ŒãŸè¡—ã®é¢¨æ™¯ã‚¢ãƒ‹ãƒ¡ãŒã‚¹ã‚´éŽãŽã¦è¨³ãŒã‚ã‹ã‚‰ãªã„ï¼è§£èª¬ãƒšãƒ¼ã‚¸ã‚’見ã¦ã‚‚ã‚ã‹ã‚‰ãªã„orzã€ã‚„ã˜ã†ã¾ã®æœã€‘
ã€React】ãã‚ãã‚技術ブãƒã‚°ã§ setCount(count + 1) ã¨æ›¸ãã®ã¯ã‚„ã‚ã¾ã›ã‚“ã‹
æ–°è¦ã‚¿ãƒ–リンクã®æã‚ã—ã„仕様ã€Chrome 88ã§å¤‰æ›´ã¸ ～Safari/Firefoxã«åˆã‚ã›ãŸå®‰å…¨ãªä»•æ§˜ã«ï¼â€œrel=noopenerâ€ã‚’付ã‘忘れã¦ã‚‚大丈夫ã€ã‚„ã˜ã†ã¾ã®æœã€‘
{{#tags}}- {{label}}
{{/tags}}