re-why-the-clean-architecture-does-not-fit-with-web-frontend.mdYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Rescript：2025å¹´ã«ãŠã‘る最高ã®JavaScript代替言語 - Qiita
Leapcell: ウェブホスティングã€éžåŒæœŸã‚¿ã‚¹ã‚¯ã€Redis用ã®æ¬¡ä¸–代サーãƒãƒ¼ãƒ¬ã‚¹ãƒ—ラットフォームReScript入門 ã“ã®è¨€èªžè‡ªä½“ã«ã¯ã€ã‚ˆã‚Šå …牢ãªåž‹ã‚·ã‚¹ãƒ†ãƒ ã€ã‚ˆã‚Šç´”粋ãªé–¢æ•°åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã‚µãƒãƒ¼ãƒˆã€å¼·åŠ›ãªè¨€èªžæ©Ÿèƒ½ã€ãƒã‚¤ãƒ†ã‚£ãƒ–言語ã§æ›¸ã‹ã‚ŒãŸæ¥µã‚ã¦é«˜æ€§èƒ½ãªã‚³ãƒ³ãƒ‘イラãªã©ã€å¤šãã®æ³¨ç›®ã™ã¹ã機能ãŒã‚ã‚Šã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€å¯¾å¿œã™ã‚‹æ¬ 点もã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ReScriptã®å¼·åŠ›ãªæ©Ÿèƒ½ã€ãã®å‘¨è¾ºã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã€ãã—ã¦æ—¥å¸¸ã®ä½¿ç”¨ã«æœ€ã‚‚密接ã«é–¢ä¿‚ã™ã‚‹Reactã¨ã®çµ±åˆã«ç„¦ç‚¹ã‚’当ã¦ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 言語機能 ReScriptã®æ§‹æ–‡ã¯ã€JavaScriptã®ã‚¹ãƒ¼ãƒ‘ーセットã§ã‚ã‚‹TypeScriptã¨ã¯ç•°ãªã‚Šã€JavaScriptã¨ã¯ã‹ãªã‚Šç•°ãªã‚Šã¾ã™ã€‚些細ãªæ§‹æ–‡ã«ã¤ã„ã¦ã¯è©³ã—ã説明ã—ã¾ã›ã‚“。代ã‚ã‚Šã«ã€ã„ãã¤ã‹ã®å…¸åž‹çš„ãªæ©Ÿèƒ½ã‚’ä¸å¿ƒã«ç´¹ä»‹ã—ã¾ã™ã€‚ 型安全性（Type Sound） 「型安全性ã€ã®æ„味ã¯ã€Wi
クリエイティブコーディングã®æ•™ç§‘書
ゲームエンジンや3Dソフトウェアを利用ã—ã¦é«˜åº¦ãªè¡¨ç¾ãŒã§ãã‚‹ã“ã®æ™‚代ã§ã‚‚ã€ãƒ—リミティブãªæ画や動ãã€ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‹ã‚‰å¦ã¹ã‚‹ã“ã¨ã¯å¤šã„。ãれらをJavaScriptã§æ›¸ãクリエイティブコーディングã¨ã„ã†å½¢ã§å¦ã¹ã‚‹æ‰‹å¼•æ›¸ãŒæœ¬æ›¸ã¨ãªã‚‹ã€‚
ブックマークレット開発環境を作りãŸã„｜0123456
ブックマークレットを作ã£ã¦ã„ã¦å‹•ä½œã‚’確ã‹ã‚ãŸã„ã¨ã毎回ã“ã‚“ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã¾ã—ãŸã€‚ １，Visual Studio Codeã§ãƒ–ックマークレットã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’編集ã™ã‚‹ã€‚ ２，Visual Studio Codeã®æ¨™æº–機能（JoinLines）を使ã£ã¦ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’1è¡Œã«ã—ã€Ctrl + Cã§ã‚³ãƒ”ーã™ã‚‹ã€‚（1è¡Œã«ã™ã‚‹ã®ã¯å¿…è¦ãªã„ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã€‚） ３，Chromeã«ç§»å‹•ã—ã¦ãƒ–ックマークレットをå³ã‚¯ãƒªãƒƒã‚¯ã—「編集ã€ã‚’押ã—ã¦Ctrl + Vã§ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’一行ã«ã—ãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’貼り付ã‘る。 ４，「ä¿å˜ã€ã‚’押ã—ã¦ã€ãƒ–ックマークレットã®å‹•ä½œã‚’確ã‹ã‚ãŸã„対象ページを開ãブックマークレットを実行ã—動作を確ã‹ã‚る。 ã–ã£ã¨ã¾ã¨ã‚ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ãªã®ã§ã™ãŒã€çµæ§‹é¢å€’ãã•ã‹ã£ãŸã§ã™ã€‚ ブックマークレットãŒæ€ã†ã‚ˆã†ã«å‹•ã‹ãªã„ã¨ã€ã“ã®ä½œæ¥ã‚’ã™ã‚‹å›žæ•°ãŒã•ã‚‰ã«å¢—ãˆã‚‹ã®ã§ã•ã‚‰ã«é¢å€’ãã•ã„ã§ã™ã€‚ ãã“ã§ãƒ–ックマークレ
文系大å¦ç”Ÿã®ãŸã‚ã®p5.js入門
文系å¦ç§‘ã®å¤§å¦ç”Ÿã‚’対象ã¨ã—ãŸp5.jsã®å…¥é–€æ›¸ã§ã™ã€‚p5.jsã¨éŠ˜æ‰“ã£ã¦ã„ã¾ã™ãŒã€ãƒ†ã‚ストベースã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å…¥é–€æ›¸ã¨ã—ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚文系ã§ãªãã¦ã‚‚（大å¦ç”Ÿã§ã™ã‚‰ãªãã¦ã‚‚）ã€ã“ã‚Œã‹ã‚‰åˆã‚ã¦ãƒ†ã‚ストベースã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã™ã‚‹äººã«ã¯å‚考ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã“ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ†ã‚ストをベースã«ã€å›³ã‚„ã‚¤ãƒ©ã‚¹ãƒˆã‚’è¿½åŠ ã—ã¦å……実ã•ã›ãŸã‚‚ã®ãŒæœ¬ã«ãªã‚Šã¾ã—ãŸã€‚Scratchã‹ã‚‰ã®ã‚¹ãƒ†ãƒƒãƒ—アップを目指ã—ã¦ã„ã‚‹ã®ã§è¶£æ—¨ã¯ã™ã“ã—ç•°ãªã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã‚‚ãœã² ↓ 『ã¯ã˜ã‚ã¦ã® “文å—ã§æ‰“ã¡ã“む†プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æœ¬ã€ï¼ˆæŠ€è¡“評論社）
Honoã¨Denoã§ç¤¾å†…ツールを作ã£ã¦ã¿ãŸ - RAKSUL TechBlog
ã“ã‚“ã«ã¡ã¯ï¼ãƒ©ã‚¯ã‚¹ãƒ«ã®ç°åŽŸã§ã™ï¼ 軽é‡ã‹ã¤é«˜é€ŸãªWebフレームワークã§ã‚ã‚‹Honoã¨ã€æ–°é€²æ°—é‹ã®JSランタイムã§ã‚ã‚‹Denoを使ã£ã¦ã€ç¤¾å†…ツールを作ã£ã¦ã¿ã¾ã—ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 作ã£ãŸãƒ„ール 技術スタック index.tsx ã®å†…容 Tips Honoã§Twindを使ㆠHonoã®JSXã§Alpine.jsを使ㆠHono+Denoã§esbuildを使ㆠãŠã‚り㫠作ã£ãŸãƒ„ール テックブãƒã‚°å‘ã‘ã®ã‚¢ã‚¤ã‚ャッãƒç”»åƒã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’作りã¾ã—ãŸã€‚ タイトルを入力ã—ã¦ã€ 背景画åƒã¨æ–‡å—色をé¸ã‚“ã§ã€ æ–‡å—ã®ä½ç½®ã¨å¤§ãã•ã‚’調整ã—ã¦ã€ 後ã¯ã€ŒDownloadã€ãƒœã‚¿ãƒ³ã‚’押ã›ã°ç”»åƒãŒæ‰‹ã«å…¥ã‚Šã¾ã™ã€‚ ã“ã‚Œã¯ä»¥å‰ã€å¼Šç¤¾ãƒ‡ã‚¶ã‚¤ãƒ³çµ„ç¹”ã§ä½œã‚‰ã‚ŒãŸã€ŒZoom背景ジェãƒãƒ¬ãƒ¼ã‚¿ã€ã«å¤šåˆ†ã«å½±éŸ¿ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã¡ã‚‰ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ–ãƒã‚°ã‚‚是éžã”覧ãã ã•ã„ï¼ note.com 技術スタック ã“ã®ãƒ„ールã¯åˆ©ç”¨é »åº¦ãŒãã“ã¾ã§å¤šããªã„ã¨æ€
JavaScriptã§n個ãšã¤é…列を分割ã™ã‚‹ - yucatio@システムエンジニア
JavaScriptã§é…列を指定ã•ã‚ŒãŸå€‹æ•°ãšã¤ã«åˆ†å‰²ã—ã¾ã™ã€‚ 例ãˆã°ã€ [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] ã¨ã„ã†é…列を3個ãšã¤åˆ†å‰²ã™ã‚‹ã®ã§ã‚ã‚Œã°ã€ [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]] ã¨ã„ã†é…列ã«ãªã‚Šã¾ã™ã€‚ å®Ÿè£…æ–¹é‡ é…列ã‹ã‚‰ä¸€éƒ¨ã‚’通り出ã™ã®ã«ã¯ã€ Array.prototype.slice() - JavaScript | MDN ã¨ã„ã†é–¢æ•°ãŒä½¿ãˆã¾ã™ã€‚ ã“ã®é–¢æ•°ã¯ã€é–‹å§‹ã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã¨çµ‚ã‚ã‚Šã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚’渡ã™ã¨ã€é–‹å§‹ã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‹ã‚‰çµ‚ã‚ã‚Šã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã®1ã¤å‰ã¾ã§ã®éƒ¨åˆ†ã®é…列を返ã—ã¾ã™ã€‚ pythonã®mylist[begin:end]ã€rubyã®array[begin...end]ã®ã‚ˆã†ãªå‹•ä½œã‚’ã—ã¾ã™ã€‚ 例ãˆã°ã€ const array=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10] ã§ã‚ã‚Œ
æ–‡å—列をコピーã™ã‚‹ãƒ–ックマークレットã§ä½¿ã†ã‚¯ãƒªãƒƒãƒ—ボードã®API改ã‚ã¦è¦‹ã¦ãŸ - hogashi.*
ブックマークレットã§æ–‡å—列をコピーã™ã‚‹ (クリップボードã«å…¥ã‚Œã‚‹) ã¨ã„ã†ã®ã‚’よã書ã。 昔ググã£ã¦ã¸ã€œã¨æ€ã£ãŸã¾ã¾ Document.execCommand() - Web API | MDN ã‚’ãšã£ã¨ä½¿ã£ã¦ã„ãŸã€‚(ã‚㨠HTMLInputElement.select() - Web APIs | MDN も知らãªãã¦ã€ Selection を使ã£ã¦é ‘å¼µã£ã¦æ–‡å—列é¸æŠžã—ã¦ã„ãŸã€‚) const value = 'ã“れをコピーã—ãŸã„'; // input ã‚’ã¤ãã£ã¦ body ã«å…¥ã‚Œã‚‹ const input = document.createElement('input'); document.querySelector('body').appendChild(input); // フォーカスã—ãŸã¨ãスクãƒãƒ¼ãƒ«ã•ã‚Œã¦ã—ã¾ã‚ãªã„よã†ã«ç”»é¢å†…ã«å‡ºã™ input.style = 'positio
TypeScript/Rollup/Vercelã§ã‚µã‚¯ãƒƒã¨ãƒ–ックマークレットを作ã£ã¦ã¿ã‚ˆã† - Adwaysエンジニアブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚エンジニアブãƒã‚°é‹å–¶ã®æ¢…æ´¥ã§ã™ã€‚ 普段ã¯ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ã‚·ãƒ¼äº‹æ¥éƒ¨ã§ãƒªãƒ¼ãƒ‰ã‚¢ãƒ—リケーションエンジニアã¨ã—ã¦åƒã„ã¦ã„ã¾ã™ã€‚ エンジニアブãƒã‚°é‹å–¶ã¨ã—ã¦ãƒ–ãƒã‚°ã®è³ªã‚’å‘上ã•ã›ã‚‹ãŸã‚ã«ã€ã“ã‚Œã¾ã§ã®ãƒ–ãƒã‚°ã®æƒ…å ±ã‚’é›†ã‚ãŸã‚Šã‚‚ã™ã‚‹ã®ã§ã™ãŒã€ã“れをé€ä¸€æ‰‹ä½œæ¥ã§è¡Œã†ã®ã¯å¤§å¤‰ã§ã™ã€‚ ã‚る程度ã®ä½œæ¥ã¯è‡ªå‹•åŒ–ã—ãŸã„。ãã†ã„ã£ãŸã¨ãã¯ãƒ–ックマークレットを作るã¨ä¾¿åˆ©ã§ã™ã‚ˆã。 今回ã¯ãã‚“ãªãƒ–ックマークレットã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 「ブックマークレット？よã知らãªã„ãªã€ã€Œèžã„ãŸã“ã¨ã‚ã‚‹ã‘ã©ä½œã‚Šæ–¹ã¨ã‹æ°—ã«ã—ãŸã“ã¨ãªã‹ã£ãŸã€ã¨ã„ã†äººãŒã„ã‚Œã°æ˜¯éžä¸€ç·’ã«è©¦ã—ã¦ã¿ã¦ãã ã•ã„ï¼ ç†è€…ã®é–‹ç™ºç’°å¢ƒã‚„ã“ã®ãƒ–ãƒã‚°ã§åˆ©ç”¨ã™ã‚‹ä¸»ãªæŠ€è¡“ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯æ¬¡ã®ã¨ãŠã‚Šã§ã™ã€‚ macOS Node.js 18.12.1 TypeScript 5.0.4 Rollup 3.23.0 Vercel CLI 29.4.0 ブックマークレットã¨ã¯ T
GoogleAppsScript(GAS)ã§ã®cacheã‚ã‚Œã“ã‚Œ - æ ªå¼ä¼šç¤¾BEFOOL ブãƒã‚°
木内智å²ä¹‹ä»‹ï¼ˆï½¼ï½¬ï½¯ï¾ï½®ï½°ï¼‰ ミンカã•ã‚“ã‘ã£ã“ã‚“ã—ã¦ãã ã•ã„ãŠããŒã„ã—ã¾ã™(ｽﾞｻﾞｰ SEGAã•ã‚“ã€DIVAã®ç体ãã ã•ã„(ｽﾞｻﾞｰ GASã§ã®æ‚©ã¾ã—ã„å•é¡Œã€ãã‚Œã¯ã€é…ã„ã“ã¨â€¦ï¼ GoogleAppsScript（以下GAS）ã¯éžå¸¸ã«ä¾¿åˆ©ãªã‚µãƒ¼ãƒ“スã§ã‚ã‚‹ã“ã¨ã¯é–“é•ã„ã‚ã‚Šã¾ã›ã‚“。 サーãƒãƒ¼ã®ç”¨æ„ã‚‚ä¸è¦ã€‚ スプレッドシートã¨ã®é€£æºã‚‚容易。 公開もã¡ã‚‡ã£ã¨ã—ãŸæ‰‹ç¶šãã§å¯èƒ½ã€‚ ã¨ã€ä¸‰æ‹åãã‚ã£ãŸã‚¤ã‚±ãƒ¡ãƒ³ã§ã™ã€‚ ã»ã‚Œã¦ã¾ã†ã‚„ã‚ーï¼ï¼ ãŸã ã—ã€é…ã„。 ã¨ã«ã‹ãã€é…ã„。 注æ„ã—ãªãŒã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ãªã„ã¨ã€ã™ãã«ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚¿ã‚¤ãƒ ãŒã¨ã‚“ã§ã‚‚ãªã„事ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãŸã¨ãˆã°ã€è‡ªåˆ†ãŒå®Ÿè£…を進ã‚ã¦ã„ã‚‹DQMJ3ã®é…åˆæ—©è¦‹è¡¨ã®ã‚¢ãƒ—リケーションã§ã¯ã€ 対象ã®ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã®é…åˆãƒ„リーを生æˆã™ã‚‹ã¾ã§ã«ã‹ã‹ã‚‹æ™‚é–“ã¯ãªã‚“ã¨ã€Œ60秒越ãˆã€ã¨ã„ㆠ身ã®æ¯›ã‚‚よã ã¤ã‚ˆã†ãªãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚¿ã‚¤ãƒ ã§æ„•ç„¶ã¨ã—ã¾ã—ãŸâ€¦ã€‚ 「ã“ã‚Œã˜ã‚ƒã€å…¬é–‹ã—
This web page has moved
“JavaScript for impatient programmers†is now “Exploring JavaScriptâ€. You’ll be transported to the new website.
GitHub - kpdecker/jsdiff: A javascript text differencing implementation.
diffChars(oldStr, newStr[, options]) - diffs two blocks of text, treating each character as a token. ("Characters" here means Unicode code points - the elements you get when you loop over a string with a for ... of ... loop.) Returns a list of change objects. Options ignoreCase: If true, the uppercase and lowercase forms of a character are considered equal. Defaults to false. diffWords(oldStr, new
Node.js 㮠exports 㨠module.exports
Node.js ã® exports 㨠module.exports Node.js を使ã£ãŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã¨ã‚¤ãƒ³ãƒãƒ¼ãƒˆã€requireã€exportsã€module.exports ã«ã¤ã„ã¦ã®è¦šæ›¸ã§ã™ã€‚以下㯠Node.js ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’å‰æã«ã—ã¦ã„ã¾ã™ã€‚ Node.js ã§ã¯ CommonJS (CJS) フォーマットãŒä½¿ã‚ã‚Œã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨ãã®ä¾å˜ãƒ•ã‚¡ã‚¤ãƒ«ã®å®šç¾©ã«ã¯ require 㨠exports ã‚„ module.exports を使ã„ã¾ã™ã€‚ å‚考サイト：Understanding module.exports and exports in Node.js ã¾ãŸã€ CommonJS モジュールã¨ã¯ã€Node.js 環境ã§ã® JavaScript ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã®ä»•çµ„ã¿ã§ã™ã€‚ å‚考サイト：JavaScript Primer/CommonJSモジュール r
仮想DOMã¯æœ¬å½“ã«â€œé€Ÿã„â€ã®ã‹ï¼Ÿ DOMæ“作ã®æ–°ã—ã„考ãˆæ–¹ã‚’ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークを実装ã—ã¦ç†è§£ã—よã†ï½œãƒã‚¤ã‚¯ãƒ©ã‚¹è»¢è·ãƒ»æ±‚äººæƒ…å ±ã‚µã‚¤ãƒˆ アンビ（AMBI）
仮想DOMã¯æœ¬å½“ã«â€œé€Ÿã„â€ã®ã‹ï¼ŸÂ DOMæ“作ã®æ–°ã—ã„考ãˆæ–¹ã‚’ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークを実装ã—ã¦ç†è§£ã—よㆠ最近ã®JavaScriptフレームワークã§åˆ©ç”¨ã•ã‚Œã‚‹ã€Œä»®æƒ³DOMã€ã«ã¤ã„ã¦ã€ãƒªã‚¢ãƒ«DOMã®é•ã„ã€ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã€ä»®æƒ³DOMを使ã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワーク開発ãªã©ã‚’ã€ãƒ€ãƒ¼ã‚·ãƒŽï¼ˆbc_rikko）ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€ãƒ€ãƒ¼ã‚·ãƒŽï¼ˆ@bc_rikko）ã§ã™ã€‚ã•ãらインターãƒãƒƒãƒˆã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã™ã‚‹å‚らã€NES.cssã¨ã„ã†ãƒ•ã‚¡ãƒŸã‚³ãƒ³é¢¨CSSフレームワークを開発ã—ã¦ã„ã¾ã™ã€‚ ã•ã£ããã§ã™ãŒã€çš†ã•ã‚“ã¯ã€Reactã‚„Vue.jsã¨ã„ã£ãŸJavaScriptフレームワークを使ã£ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã‹ï¼Ÿ ãã†ã„ã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€ä»®æƒ³DOMã«ã¤ã„ã¦çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ 「èžã„ãŸã“ã¨ãªã„ã€ã€Œèžã„ãŸã“ã¨ã¯ã‚ã‚‹ã‘ã©ã€ã©ã†å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‹ã¯çŸ¥ã‚‰ãªã„ã€ã€Œç†ŸçŸ¥ã—ã¦ã„ã‚‹ã€ã€‚ã„ã‚ã„ã‚ãªãƒ¬ãƒ™ãƒ«ã®æ–¹ãŒã„
ã€GAS x Vue.js】JavaScript ã®ã¿ã§ä»Šã€å®¶è¨ˆç°¿ã‚’ã¤ãã‚‹ã¨ã—ãŸã‚‰ã€ãƒãƒ³ã‚ºã‚ªãƒ³ä»˜ãï¼ã€‘ - Qiita
「JavaScriptã®ã¿ã€ï¼†ã€Œç„¡æ–™ã€ï¼†ã€Œã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã€ãªã‚¹ãƒ—レッドシートã¨é€£æºã—ãŸå®¶è¨ˆç°¿ã‚’ã¤ãる方法を考ãˆã¦ã¿ã¾ã—ãŸã€‚ 実際ã«å®¶è¨ˆç°¿ã‚¢ãƒ—リを作るãƒãƒ³ã‚ºã‚ªãƒ³ä»˜ãã§ã™ï¼ ※ã“ã¡ã‚‰ã®è¨˜äº‹ã¯ä¸€éƒ¨å¤ã„内容ã¨ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ Zennã«æŠ•ç¨¿ã—ã¦ã„る本を更新ã—ã¦ã„ã¾ã™ã®ã§ã€ã‚ˆã‘ã‚Œã°ã“ã¡ã‚‰ã‚’ã”覧ãã ã•ã„。 https://zenn.dev/matsu7089/books/gas-account-book ãªã«ã‚’作ã£ãŸã®ï¼Ÿ Web上ã§ãƒ‡ãƒ¼ã‚¿ã‚’登録ã™ã‚‹ã¨ã€ã‚¹ãƒ—レッドシートã«åæ˜ ã•ã‚Œã‚‹å®¶è¨ˆç°¿ã‚¢ãƒ—リã§ã™ã€‚ 実際ã®ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ã€‚使ã„æ–¹ã¯ã€Œå®¶è¨ˆç°¿ã‚¢ãƒ—リãŠè©¦ã—方法ã€ã§èª¬æ˜Žã—ã¾ã™ã€‚ ãƒ‡ãƒ¼ã‚¿è¿½åŠ ã®ä»–ã«ã€ãƒ‡ãƒ¼ã‚¿ç·¨é›†ã¨ データ削除を行ãˆã¾ã™ã€‚ スプレッドシートã¯æœˆã”ã¨ã«ã‚·ãƒ¼ãƒˆã§ç®¡ç†ã•ã‚Œã€Webアプリã¨åŒã˜ã‚ˆã†ã«åŽæ”¯ã®åˆè¨ˆã‚‚確èªã§ãã¾ã™ã€‚ ã¾ãŸã€ã‚«ãƒ†ã‚´ãƒªåˆ¥ã®æ”¯å‡ºã‚‚確èªã§ãã¾ã™ã€‚ 使用ã—ãŸæŠ€è¡“ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ Google Ap
JavaScriptã§ç”»åƒã‚’èªã¿è¾¼ã‚“ã§canvasã‹ã‚‰jpeg変æ›ã—ãŸã‚Šã™ã‚‹ã¾ã§ã®ã‚¢ãƒ¬ã‚„コレや
ãŸã ã€ã“ã®å®Ÿè£…ã§ã¯ç”»åƒãŒã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã®å ´åˆã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã›ã‚“。ã¾ãŸã€safariã§ã¯åˆ¥ã‚¿ãƒ–ãŒé–‹ãå³ã‚¯ãƒªãƒƒã‚¯ã§ç”»åƒã‚’ä¿å˜ã—ãªã„ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ããªã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ ã‚„ã‚ŠãŸã‹ã£ãŸã“ã¨HTMLã®imgã‚¿ã‚°ã§è¡¨ç¤ºã—ã¦ã„ã‚‹ç”»åƒã‚’クリックã™ã‚‹ã¨ã€ç”»åƒã‚’ダウンãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã€‚ã¨ã„ã†ä»•æ§˜ã‚’実装ã—ãŸæ™‚ã«è‰²ã€…苦労ã—ãŸã®ã§ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚処ç†ã®é †åºã¨ã—ã¦ã¯ä»¥ä¸‹ã®é †ç•ªã§èª¬æ˜Žã—ã¾ã™ã€‚ã¾ãŸTypeScript用ã®åž‹ã‚‚指定ã—ã¦ãŠãã¾ã™ã€‚ ç”»åƒURLã‹ã‚‰new Image()ã™ã‚‹ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’回é¿ã™ã‚‹æ–¹æ³•canvasã«drawImageã—ã¦jpegã«å¤‰æ›ã—ã¦base64ã«ã™ã‚‹base64ã‹ã‚‰Blobã«å¤‰æ›ã—ã¦FileSaverを使ã£ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ã‚‹safariã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã«ä¿å˜ã•ã›ã‚‹ãŸã‚ã«ä½¿ç”¨ç”»åƒURLã‹ã‚‰new Image()ã™ã‚‹ç”»åƒURLã‹ã‚‰HTMLImageElementインスタンスを作æˆ
WebSocket サーãƒã®å®Ÿè£…ã¨ãƒ—ãƒãƒˆã‚³ãƒ«è§£èª¬ - Block Rockin’ Codes
intro ãªã‚“ã ã‹ã‚“ã WebSocket を使ã£ã¦ã‚‹ã®ã«ã€ WebSocket サーãƒã‚’自分ã§æ›¸ã„ãŸã“ã¨ãŒç„¡ã‹ã£ãŸã®ã§ã€RFC ã‚‚è½ã¡ç€ã„ã¦ããŸã“ã“らã§ã€ä»•æ§˜ã‚’èªã¿ãªãŒã‚‰å®Ÿè£…ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ "WebSocket サーム実装" ã¨ã‹ã§ã‚°ã‚°ã‚‹ã¨ã€ Socket.IO ã¨ã‹ pywebsocket 㧠WebSocket アプリ作ã£ã¦ã€ã€ŒWebSocket サーãƒã‚’実装ã€ã¿ãŸã„ãªã‚¿ã‚¤ãƒˆãƒ«ã«ãªã£ã¦ã‚‹ã“ã¨ãŒå¤šã„ã¿ãŸã„ã§ã™ãŒã€ (Apache ã« PHP 㧠HelloWorld ã—ã¦ã€ã€ŒHTTP サーãƒå®Ÿè£…ã—ã¾ã—ãŸã€ã¨ã¯è¨€ã‚ãªã„よã。) ã“ã®è¨˜äº‹ã§ã¯ã€ WebSocket プãƒãƒˆã‚³ãƒ«ã‚’ã—ゃã¹ã‚‹ã‚µãƒ¼ãƒè‡ªä½“を実装ã—ã¾ã™ã€‚ ã¨ã„ã£ã¦ã‚‚ã€å…¨éƒ¨ã‚„ã‚‹ã®ã¯ã¡ã‚‡ã£ã¨å¤§å¤‰ã ã£ãŸã®ã§ã€åŸºæœ¬çš„ãªãƒ†ã‚ストメッセージã®ã‚„ã‚Šã¨ã‚Šã®éƒ¨åˆ†ã ã‘ã‚„ã£ã¦ã€ã‚¨ã‚³ãƒ¼ã‚µãƒ¼ãƒãŒã§ãã‚‹ã¨ã“ã‚ã¾ã§ã‚„ã‚Šã¾ã—ãŸã€‚ 完æˆç‰ˆã®ã‚½ãƒ¼ã‚¹ã¯ä»¥ä¸‹ã§
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Mermaid
GitHub - hieuvp/xpath-html: Easily use XPath to locate any element in an HTML DOM page.
Vueã§ãƒ•ãƒãƒ³ãƒˆå®Ÿè£…ã—ã¦ã¿ã‚‹ï½œVueã¨GASã§ã¤ãã‚‹ï¼ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹å®¶è¨ˆç°¿ðŸ“”
{{#tags}}- {{label}}
{{/tags}}