GitHub - nicoespeon/abracadabra: Automated refactorings for VS Code (JS & TS) ✨ It's magic ✨You 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
DocBaseã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ”¹ä¿®ã‚’ã©ã®ã‚ˆã†ã«é€²ã‚ãŸã‹
ã“ã‚“ã«ã¡ã¯ã€ã‚¯ãƒ¬ã‚¤ã®é˜ªæœ¬ã§ã™ã€‚ ã‚‚ã¨ã‚‚ã¨å¤–部委託パートナーã¨ã—ã¦ã‚¯ãƒ¬ã‚¤æ¡ˆä»¶ã®ãŠæ‰‹ä¼ã„ã‚’ã—ã¦ã„ã¾ã—ãŸãŒã€æ°—ã¥ã‘ã°ä¸ã®äººã¨ãªã£ã¦ã„ã¾ã—ãŸã€‚ よã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 先日ã€DocBaseã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ§‹æˆã‚’ Backbone.js+Coffeescript ã‹ã‚‰ React.js+TypeScript ã¸ç§»è¡Œã—ã¾ã—ãŸã€‚大改修ã§ã™ã€‚ ã©ã‚Œãらã„大ããªå¤‰æ›´ã ã£ãŸã‹ã¨ã„ã†ã¨ã€10万行(2500ファイル)ã‚‚ã®å¤‰æ›´ãŒè¡Œã‚ã‚Œã€ãã‚Œã¾ã§Rubyã ã£ãŸã¯ãšã®ãƒªãƒã‚¸ãƒˆãƒªä»£è¡¨è¨€èªžãŒTypeScriptã«æ›¿ã‚ã£ã¦ã—ã¾ã£ãŸã»ã©ã§ã—ãŸã€‚ ãªãŠã€2021/3/31ã®ãƒªãƒªãƒ¼ã‚¹ã§ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã¹ã¦ãŒçµ‚了ã—ãŸã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。今後ã€æ©Ÿèƒ½æ‹¡å¼µã‚„UI改善をã—ã‚„ã™ãã™ã‚‹ãŸã‚ã®è¶³ãŒã‹ã‚Šã¨ã„ã†ä½ç½®ã¥ã‘ã§ã™ã€‚ 安全ã«ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ãŸã‚テスト期間を多ã‚ã«å–ã£ãŸã“ã¨ã‚‚ã‚ã‚Šã€æœŸé–“ã¨ã—ã¦ã¯1å¹´ã»ã©ã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ 今回ã¯ã©ã®ã‚ˆã†ã«ãƒªãƒ‹ãƒ¥
Semgrepを使ã£ãŸæ§‹æ–‡æœ¨ãƒ™ãƒ¼ã‚¹ã®æ¤œç´¢ã¨ç½®æ›ã§ã‚³ãƒ¼ãƒ‰ã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚’ã™ã‚‹
Semgrepã¯r2cã¨ã„ã†ä¼šç¤¾/サービスãŒé–‹ç™ºã—ã¦ã„るツールã§ã™ã€‚ Semgrepã®ç‰¹å¾´ã¨ã—ã¦Tree-sitterã§ã‚³ãƒ¼ãƒ‰ã‚’パースã—ãŸConcrete Syntax Tree(CST)ã®æ§‹æ–‡æœ¨ã‚’ベースã«ã—ã¦æ¤œç´¢ã‚„ç½®æ›ãŒã§ãã¾ã™ã€‚ コードをCSTã«ãƒ‘ースã—ãŸæ§‹æ–‡æœ¨ã«å¯¾ã—ã¦æ¤œç´¢/ç½®æ›ã™ã‚‹ã“ã¨ã§ã€ãŸã ã®æ–‡å—列検索/ç½®æ›ã«æ¯”ã¹ã¦ãƒŸã‚¹ãƒžãƒƒãƒã—ãªã„検索/ç½®æ›ãŒã§ãã¾ã™ã€‚ 例ãˆã°ã€æ¬¡ã®a.jsã€b.jsã€c.jsã¯ãã‚Œãžã‚Œevalを使ã£ã¦ã„ã¾ã™ãŒã€ã‚¹ã‚¿ã‚¤ãƒ«ã¯é•ã„ã¾ã™ãŒæ„味ã¯ã»ã¨ã‚“ã©åŒã˜ã§ã™ã€‚ // a.js eval("const a = 1, b = 2; eval(a + b);"); // b.js eval('const a = 1, b = 2;\ eval(a + b);'); // c.js eval(`const a = 1, b = 2; eval(a + b);`); $ sem
Fat Controller改善ガイド - kawasima
「テストコードãŒãªãã¦å“質ãŒè‰¯ããªã„ã‚“ã§ã™ã‚ˆâ€¦ã€ã¨ã„ã†ã‚·ã‚¹ãƒ†ãƒ ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’覗ãã¨ã€ã„ã‚ã‚“ãªãƒã‚¸ãƒƒã‚¯ãŒã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã®ä¸ã«æ›¸ã‹ã‚ŒãŸãƒ•ã‚¡ãƒƒãƒˆã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã ã£ãŸã‚Šã€ãƒ“ジãƒã‚¹ãƒã‚¸ãƒƒã‚¯å±¤ã¨å®šç¾©ã¯ã•ã‚Œã¦ã„ã‚‹ã‘ã‚Œã©ã‚‚ä¸èº«ã¯ãŸã ã®DAOã ã£ãŸã‚Šã¨ã„ã†ã“ã¨ãŒå¤šãã‚ã‚Šã¾ã™ã€‚ ãã†ã„ã†ãƒ•ã‚¡ãƒƒãƒˆã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã ã¨æ›¸ã‘るテストã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«å…¥åŠ›å€¤ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ©ãƒ¼1ã¤ãƒ†ã‚¹ãƒˆã™ã‚‹ã ã‘ã§ã‚‚ã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã®ä¾å˜é–¢ä¿‚を解決ã—呼ã³å‡ºã™å¿…è¦ãŒã‚ã‚Šã€ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰æ›¸ãã«ã‚‚モックライブラリã®çŸ¥è˜ãŒè¦æ±‚ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã—ã€æ›¸ã„ãŸãƒ†ã‚¹ãƒˆã‚‚実行速度ãŒé…ããªã‚ŠãŒã¡ã§ã™ã€‚ã•ã‚‰ã«ã‚¢ã‚µãƒ¼ã‚·ãƒ§ãƒ³å¯¾è±¡ã¯ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã®æˆ»ã‚Šå€¤ã€ã™ãªã‚ã¡ãƒ†ãƒ³ãƒ—レートã«æ¸¡ã™å¤‰æ•°ã§ã‚ã£ãŸã‚Šã€JSON化ã™ã‚‹ãŸã‚ã®ã‚ªãƒ–ジェクトã§ã€ã“ã®ä¾‹ã®ã‚ˆã†ã«ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ©ãƒ¼ã®å ´åˆã¯ã€ãƒ¦ãƒ¼ã‚¶ã«è¡¨ç¤ºã™ã‚‹ãŸã‚ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸æ–‡ã—ã‹ãªã„ã“ã¨ã‚‚ã‚ã‚Šã€ã‚¢ã‚µãƒ¼ã‚·ãƒ§ãƒ³æ›¸ãã®ã‚‚一苦労ã ã—ã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ä¿®æ£
DevTools architecture refresh: migrating to JavaScript modules  | Blog  | Chrome for Developers
As you might know, Chrome DevTools is a web application written using HTML, CSS and JavaScript. Over the years, DevTools has gotten more feature-rich, smarter and knowledgeable about the broader web platform. While DevTools has expanded over the years, its architecture largely resembles the original architecture when it was still part of WebKit. This post is part of a series of blog posts describi
神コントãƒãƒ¼ãƒ©ãƒ¼ã«ãƒ†ã‚¹ãƒˆé§†å‹•é–‹ç™ºã§æ©Ÿèƒ½è¿½åŠ - Mitsuyuki.Shiiba
TDDBC オンラインã®åŸºèª¿è¬›æ¼”ã®éŒ²ç”»ã‚’見ãŸã€‚ã¨ã¦ã‚‚é¢ç™½ã‹ã£ãŸã€‚和田ã•ã‚“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚„スライドã¯ä½•åº¦ã‚‚見ã¦å‹‰å¼·ã—ã¦ã‚‹ã®ã§ã€ãれをã²ã¨ã¤ãšã¤å†ç¢ºèªã—ãªãŒã‚‰è¦‹ã‚‹ã“ã¨ãŒã§ãã¦ã€ã¨ã¦ã‚‚良ã‹ã£ãŸã€‚話ã®æµã‚ŒãŒåˆ†ã‹ã‚Šã‚„ã™ãã¦ã™ã”ã„ãªãƒ¼ã€‚ #tddbc ã¿ã‚‹ãƒ¼ TDD Boot Camp 2020 Online 1 基調講演/ライブコーディング https://t.co/g4AkCkr429— Mitsuyuki Shiiba (@bufferings) August 8, 2020 最近実際ã«ã‚„ã£ãŸãƒ†ã‚¹ãƒˆé§†å‹•é–‹ç™º ãã®éŒ²ç”»ã‚’見ãªãŒã‚‰ã€æœ€è¿‘自分ãŒãƒ†ã‚¹ãƒˆé§†å‹•é–‹ç™ºã§æ©Ÿèƒ½è¿½åŠ ã‚’ã—ãŸã“ã¨ã‚’æ€ã„出ã—ã¦ãŸã€‚今日ã¯ã€ãれをã らã らã¨æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã†ã€‚プライベートメソッドã«å¯¾ã—ã¦ãƒ†ã‚¹ãƒˆã‚’書ã„ã¦ãŸã‚Šã™ã‚‹ã®ãŒã€ãªã‚“ã‹æ³¥è‡ãã¦é¢ç™½ã„ã‹ãªã¨æ€ã£ã¦ã€‚ 背景 自動テストãŒå…¨ããªã„プãƒãƒ€ã‚¯ãƒˆ God コントãƒãƒ¼ãƒ©ãƒ¼ï¼ˆ1000行以上ã‚
Refactoring optional chaining into a large codebase: lessons learned • Lea Verou
Refactoring optional chaining into a large codebase: lessons learned Chinese translation by Coink Wang Now that optional chaining is supported across the board, I decided to finally refactor Mavo to use it (yes, yes, we do provide a transpiled version as well for older browsers, settle down). This is a moment I have been waiting for a long time, as I think optional chaining is the single most subs
✩ Wikipedia's JavaScript initialisation on a budget
This week saw the conclusion of a project that I've been shepherding on and off since September of last year. The goal was for the initialisation of our asynchronous JavaScript pipeline (at the time, 36 kilobytes in size) to fit within a budget of 28 KB – the size of two 14 KB bursts of Internet packets. In total, the year-long effort is saving 4.3 Terabytes a day of data bandwidth for our users'
Backbone.Model ã« åž‹ã‚’ã¤ã‘ã¦å‰¥ãŒã™ - Typing to destroy Backbone.Model
2019å¹´9月20æ—¥ã®ç¤¾å†…勉強会ã®è³‡æ–™ã§ã™
When a rewrite isn’t: rebuilding Slack on the desktop - Slack Engineering
A new version of Slack is rolling out for our desktop customers, built from the ground up to be faster, more efficient, and easier to work on. Conventional wisdom holds that you should never rewrite your code from scratch, and that’s good advice. Time spent rewriting something that already works is time that won’t be spent making our customers working lives simpler, more pleasant, and more product
一休.comホテルページã®ã‚¹ãƒžãƒ›ç‰ˆã‹ã‚‰jQueryä¾å˜ã‚’å–り除ããŸã‚ã«ã‚„ã£ãŸã“㨠- 一休.com Developers Blog
一休.comã§Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’開発ã—ã¦ã„る宇都宮ã§ã™ã€‚ 先日ã€ä¸€ä¼‘.comホテルページã®ã‚¹ãƒžãƒ›ç‰ˆã‹ã‚‰ã€jQueryã‚’å–り除ãã¾ã—ãŸã€‚jQueryã‚’å–り除ã„ãŸçµŒç·¯ã€ã‚„ã£ãŸã“ã¨ã€çµæžœã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ ã¡ãªã¿ã«ã€ãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã«ã¯ä»¥ä¸‹ã®URLã§ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ï¼ˆã‚¹ãƒžãƒ›ã§é–‹ãã‹ã€PCã®å ´åˆã¯UAをスマホã«å½è£…ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ï¼‰ https://www.ikyu.com/sd/00001290/ ãªãœjQueryã‚’å–り除ã„ãŸã®ã‹ï¼Ÿ ã©ã†ã‚„ã£ãŸã®ã‹ 何をやã£ãŸã®ã‹ jQuery.ajax() => fetch ã«ç½®ãæ›ãˆ fetchã®polyfillを採用ã—ãŸç†ç”± DOMæ“作を標準APIã«ç½®ãæ›ãˆ è¦ç´ ã®å–å¾— show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryã®ä½¿ç”¨ã‚’防ãç›®å° jQuery削
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://blog.sentry.io/2021/04/12/slow-and-steady-converting-sentrys-entire-frontend-to-typescript/
Zero Downtime Deployments | Luca Palmieri
GitHub - refactoring-challenge/reversi-ios
Codemod-ing away 4MB of JavaScript | Spencer Miskoviak
{{#tags}}- {{label}}
{{/tags}}