Beautiful Screen Recordings in MinutesScreen Recorder producing high-impact videos automatically. Designed for macOS.
Contents (Click to expand) âï¸ Design Mode Pretty Print Command Pallet and Super Search Snippets Live Expressions Tracking Changes Console Shorthand Find Unused Code Rendering Panel Network Paint Times Network Timings Inspect Network Requests Performance Identifying Memory Leaks Raw Memory Inspection Test bfcache Full Refresh Lighthouse Page Size Breakdown Record User Flows Advanced User Flow Opera
ãã®è¨äºã¯DeNA 23æ°åå å®è Advent Calendar 2022ã® 10æ¥ç®ã®è¨äºã§ãã ããã«ã¡ã¯gari8ã§ãã ä»åã¯å å®å ã®Advent Calendarã«åå ããã¦ããã ãããä¹ ãã¶ãã«çãåãã¾ããã DeNA 23æ°åå å®è Advent Calendar 2022ã§ã¯ãã®è¨äºã®å ¬éæ¥ï¼2022/12/10ï¼ä»¥éããã¾ãã¾ãªã¸ã£ã³ã«ã®æè¡ã«é¢ããè¨äºãæ´æ°ãããã®ã§ãã²ã覧ãã ããï¼ ãã¦ãæ©éæ¬é¡ã«å ¥ãããã¨æãã¾ãããjqã¨ããè¨èãè³ã«ãããã¨ãããã§ããããã jQueryã§ã¯ãªãjqã§ããï¼ä½è«ã§ãããjqãæ¤ç´¢ããæã¯jQueryãå ¥ã£ã¦ãã¦ãã¾ããã¨ãç¨ã«ããããã®ã§-jQueryãå¾ãã«å ¥ãã¦å¼¾ããã¨ããå§ããããã¾ããï¼ jqã使ãããªãã¨ãGitHubActionsãCircleCIã§ç¡åã§ããï¼å人çã«ã¯ã§ãã¦ãã¾ãããâ¦ï¼ã®ã§ç¥ããªãã£ãæ¹
ãããããã¼ãã¼ã«ã®å°å³ã ãã©ä¾¿å©ãªæ°æ©è½ãå®è£ ãããã®ã§ãç´¹ä»ãã¾ããCSSã®éã¢ã¯ãã£ããªããããã£ã表示ããããããªãæ©è½ããªãã®ããã©ãä¿®æ£ããã°ããã®ãæãã¦ãããæ©è½ã§ãã ãã¨ãã°ã親ãdisplay: flex;ã§ã¯ãªãã®ã«Flexboxã®ããããã£ãè¨å®ãã¾ã£ãå ´åã¯ãä¸è¨ã®ããã«è¡¨ç¤ºããã¾ãã CSSã«æºãã人ãªãããã®æ©è½ããªã³ã«ãã¦ããã¦æã¯ãªãã§ãããã display: flex;ã§ã¯ãªãã®ã«Flexboxã®ããããã£ãè¨å® ã»ãã«ããwidthãè¨å®ããã®ã«å¹ããªãã¨ãã¯ãããã¤ã³ã©ã¤ã³è¦ç´ ã§ãããã¨æãã¦ããã¾ãã ã¤ã³ã©ã¤ã³è¦ç´ ã«widthãè¨å® ãããããã¼ãã¼ã«ã®ãã®æ°æ©è½ã¯ãFind inactive stylesãã¨å¼ã°ãããã®ã§ãè¦ç´ ã«é©ç¨ããã¦ããéã¢ã¯ãã£ããªã¹ã¿ã¤ã«ãè¦ã¤ãããã¨ãã§ãã¾ãã Find inactive styles -Ca
BPSã®ç¦å²¡æ ç¹ã¨ãã¦ä¸ç·ã«ãä»äºãããã¦ããã£ã¦ããã¦ã¤ã³ã°ãã¢ã®ã¦ã¡ãã¤ã·ã§ãã æè¿ãbrew upgradeãããéã«ãCommand Line Toolsï¼ä»¥ä¸ãCLTãï¼ãåå ã§ã¨ã©ã¼ãåºãã®ã§ãã®è§£æ±ºããã¾ããã ãã®æã«CLTã«ã¤ãã¦ãå°ã調ã¹ã¦ã¿ãã®ã§ããããããã§æ¤ç´¢ãã¦ãããããæ å ±ã®ä¸ã«ã¯ãééã£ãèªèã®ãã®ãããããµããªå 容ã®ãã®ãçµæ§å¤ããªã¨ããå°è±¡ãåãã¾ããã ãªã®ã§ä»åã¯ãHomebrewã®ã¨ã©ã¼ã®è§£æ±ºæ¹æ³ã¨ãä¿¡é ¼ã§ããã½ã¼ã¹ãæ¤è¨¼ããçµæãå ã«ãCLTã«ã¤ãã¦ã§ããã ãæ£ãã解説ãã¦ããã¾ãã æ¤è¨¼ç°å¢ * PC : MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports) * OS : macOS Big Sur ãã¼ã¸ã§ã³ 11.2.3ï¼20D91ï¼ * Homebrew : 3.0.5 * xcod
iPhoneãã¯ãããPixelãGalaxyã®Androidã¹ãããiPadãGalaxyã®ã¿ãã¬ãããã©ããããããã¯ã¤ãã¹ã¯ãªã¼ã³ãªã©åã¢ãã«ã®ãµã¤ãºã§Webãã¼ã¸ã表示ãã¦ç¢ºèªãã§ããChromeã®æ©è½æ¡å¼µãç´¹ä»ãã¾ãã ãããããã¼ãã¼ã«ã®ããã¤ã¹ã¢ã¼ãï¼command+shift+Mï¼ã§åããã¤ã¹ã®è¡¨ç¤ºã確èªã§ãã¾ãããã¢ãã¤ã«ã·ãã¥ã¬ã¼ã¿ã¼ã¯ããã«å¤ãã®ããã¤ã¹ãã¹ã¯ãªã¼ã³ã·ã§ããã»åç»æ®å½±ãªã©æ©è½ãå å®ãã¦ãã¾ããã¾ããã¢ãã¤ã«ã·ãã¥ã¬ã¼ã¿ã¼ã§ãããããã¼ãã¼ã«ã使ç¨ãããã¨ãå¯è½ã§ãã ç¡æã§ãå¤ãã®ããã¤ã¹ããµãã¼ããã¦ããã®ãããã§ããã Winã§ãMacã§ãããã¼ã«ãã¼ã¨å³ã¯ãªãã¯ãã1ã¯ãªãã¯ã§ç°¡åã«èµ·åã§ãã¾ãï¼ Mobile FIRST ã¬ã¹ãã³ã·ãã®ç¢ºèªãç°¡åã«ã§ãã¾ãã ã¹ã¯ãã¼ã«ã»ã¹ã¯ã¤ããªã©ã®æä½ãã¯ããããªã³ã¯ãã¯ãªãã¯ãã¦ã®ãã¼ã¸ç§»åãã§ãã¾ãã
ã¯ããã« æ¬ç¨¿ã¯Charlesã¨ãããããã·ãã¼ã«ã®v4.5.6çã®è§£èª¬ã§ãã ãéçºæ¯æ´ãã¼ã«ãCharlesã®ä½¿ãæ¹ãç¥ãã¼ã«ããæ¸ãã人ã§ãããè¨äºãå¤ãCharlesãæ´æ°ããã¦ããã®ã§æ¸ãç´ãè¨äºã¿ãããªãã¤ã§ãã Charlesã¨ã¯ ã¢ããªéçºããã¦ããã¨APIã®ã¬ã¹ãã³ã¹ãè¦ããã£ãããæ£ãããã¡ã¤ã³ã«ã¢ã¯ã»ã¹ãã¦ãããã確èªãããå ´åãåºã¦ããã¨æãã¾ãã ãããç°¡åã«ã§ãã便å©ãªãã¼ã«ãCharlesã§ãï¼(ã¨ã¦ã便å©) ã¨ã³ã¸ãã¢ãªãæ¯éCharlesã使ãããªãã¾ãããï¼ï¼(ã¨ã¦ãã¨ã¦ã便å©) è¡æãªçãããªããã¡ãããåç¥ã®ç¥ãã¼ã«ã§ãã Charlesã§ã§ããã㨠ã»éä¿¡ã®ã¢ãã¿ãªã³ã° -ã¢ã¯ã»ã¹ãããã¡ã¤ã³ãAPIã®ãªã¯ã¨ã¹ã/ã¬ã¹ãã³ã¹ã®ããããããã£ã確èªã§ãã¾ãã ã»éä¿¡é度ã®ã·ãã¥ã¬ã¼ã·ã§ã³ -éä¿¡é度ãå¤ãã¦éä¿¡ã§ããããã«ãªãã¾ããã¿ã¤ã ã¢ã¦ãã®ãã¹
æ¦è¦ ã¨ã³ã¸ãã¢ã«ãªã£ã¦ããåºä¼ã£ã便å©ãã¼ã«ã»ã¢ããªãåå¿é²ã¨ãã¦ã¾ã¨ãã¾ããã â»WEBç¨ãã¼ã«å¤ã GUIãã¼ã«ã»ã¢ã㪠ãã¹ã¯ãããä¸ã§åä½ããããã¤ã Authy https://authy.com/ 2FAã¢ããªãMulti-Deviceã¨ããè¤æ°ç«¯æ«ã§ä½¿ããæ©è½ããããPCã§ãã°ã¤ã³ããéã®2FAãPCã®ã¿ã§å®çµã§ããã®ã§ä¾¿å©ã Hyper https://hyper.is/ ã³ã³ã½ã¼ã«ã¢ããªããã¼ãæ©è½ããã©ã°ã¤ã³è¿½å ã§èªåã®å¥½ã¿ã«ç°å¢ãæ´ããããã¦è¦ãç®ãããã è¨å®ã.hyper.jsãã¡ã¤ã«ã§ç®¡çããã®ã§ãgitã«ã¦è¨å®ç®¡çãã§ãã¦ä¾¿å©ã VSCode https://code.visualstudio.com/ è¨ãããããªã®é«æ©è½ã³ã¼ãã¨ãã£ã¿ã¼ãç¹ã«çç±ããªããã°åºæ¬çã«ã¯ããã°ã©ãã³ã°ãããªãããã使ãã°ããããããªãããªã è±å¯ãªãã©ã°ã¤ã³ãè¨å®ã§ãHype
JavaScriptãã¼ã«ãã§ã¤ã³ã®çµ±ä¸ãç®æããRomeãéçºãã¼ã ãèµ·æ¥ããRome Tools, Inc.ããç«ã¡ä¸ã ç¾å¨ãã¢ãã³ãªJavaScriptéçºç°å¢ã¨ãã¦ã¯ãESLintã«ä»£è¡¨ãããæ§æãã§ãã«ã¼ããBabelã«ä»£è¡¨ãããJavaScriptå¤æãã¼ã«ãã¢ã¸ã¥ã¼ã«ãçµã¿åããããªã©ã®ãã³ãã«æä½ãè¡ãWebpackãªã©ããã¾ãã¾ãªãã¼ã«ãçµã¿åãããããããããã¼ã«ãã§ã¤ã³ãç¨ããã®ãä¸è¬çã¨ãªã£ã¦ãã¾ãã ãããããªãã§ããã®ãã¼ã«ãã§ã¤ã³ã®æ©è½ããã¹ã¦åãã1ã¤ã®ãã¼ã«ã§JavaScriptã®éçºç°å¢ãçµ±ä¸ãã¦ãã¾ããã¨ãããªã¼ãã³ã½ã¼ã¹ã®ããã¸ã§ã¯ããRomeãããæ¨å¹´çºè¡¨ããã¾ããã Romeã§ã¯ãJavaScriptãTypeScriptãJSXãªã©ã§ã®éçºã«ããã¦ãç¾æç¹ã§ä»¥ä¸ã®é åãã«ãã¼ããäºå®ã§ããHTMLãCSSãMarkdownãJSONãªã©ã«ã対
GitHub CLI ã¨ã¯ãå©ç¨ãã¦ããã¿ã¼ããã«ã§GitHubã使ç¨ã§ããããã«ãããã®ã§ããã³ã³ããã¹ãã®åãæ¿ãåæ°ãæ¸ããããããã¾ã§ä»¥ä¸ã«ä½æ¥ãã®ãã®ã«éä¸ã§ããã¹ã¯ãªããã®è¨è¿°ãç¬èªã®ã¯ã¼ã¯ããã¼ã®ä½æããããã«ç°¡ç´ åããã¾ããä»å¹´ãGitHub CLIã®ãã¼ã¿çããªãªã¼ã¹ããå¾ã200,000件è¿ãã®Pull Request ã®ä½æã350,000件以ä¸ã® Merge ã®å®è¡ã20,000件以ä¸ã® Issue ãä½æããã¾ãããå¤ãã®ææ ®æ·±ããæè¦ãããã ãããã¨ã§ã GitHub CLI ããã¼ã¿æéãçµäºãã WindowsãMac OSãLinux åãã«ãã¦ã³ãã¼ããå¯è½ã«ãªãã¾ããã GitHub CLI 1.0 ã®å 容ã¯ä¸è¨ã®éãã§ãã Issue ãããªãªã¼ã¹ã¾ã§ãGitHubä¸ã®ã¯ã¼ã¯ããã¼ã®ãã¹ã¦ããã¿ã¼ããã«ããå®è¡å¯è½ã«ãªãã¾ãã GitHub API
Chromeã«æ°ããå®è£ ããããCSS Overviewããé常ã«ä¾¿å©ãªã®ã§ãç´¹ä»ãã¾ãã 表示ãã¦ãããã¼ã¸ã®CSSã®æ¦è¦ãã«ã©ã¼ããã©ã³ããã¡ãã£ã¢ã¯ã¨ãªãæªä½¿ç¨ã®å®£è¨ãä¸è¦§ã§ããå¶ä½ãããã¼ã¸ã®æ¤è¨¼ãã¹ã¿ã¤ã«ã¬ã¤ãã¨ãã¦ãå½¹ç«ã¡ã¾ãã Chromeã®æ°æ©è½ãCSS Overviewã Fyi: New in Chrome: CSS Overview Chromeã®æ°æ©è½ãCSS Overviewãã®æºå Chromeã®æ°æ©è½ãCSS Overviewãã®ä½¿ãæ¹ Chromeã®æ°æ©è½ãCSS Overviewãã®æºå ã¾ãã¯ãChrome ãããããã¼ãã¼ã«ãéããå³ä¸ã®æ¯è»ã¢ã¤ã³ã³ï¼Settingsï¼ãã¯ãªãã¯ãã¾ãã
iTerm2ã使ã£ã¦ãã人ã¯çµæ§å¤ãã¨æãã®ã§ãããæå¤ã¨Hotkeyã使ã£ã¦ãã人ãå°ãªãæ°ãããã®ã§ãæ¸ãã¦ããã¾ãã HotKeyãè¨å®ããã¡ãªãã æ©ã Hotkeyã®è¨å®ãããã¨ãè¤æ°ã®ãã¹ã¯ããããéãã¦ãã¦ããã®ããã«ä¸ããã¿ã¼ããã«ãéãã¦ãã¦ããã«ã³ãã³ããå©ããããã«ãªãã¾ãã åçµã楽 è¥å¹²éæ度ãè¨å®ãã¦ãããã¨ã§ãã¿ã¼ããã«è¶ãã«ãã©ã¦ã¶ãè¦ãªããã³ãã³ããæã¤ãã¨ãã§ãã¦å¤§å¤ä¾¿å©ã§ããã³ãã¼ãã¼ã¹ãããéã®ç¡é§ãªãã©ãã¯ãããæä½ãçãã¾ã ãã£ããã ã«ããã¼ãï¼ã£ã¨ãããªãé»ãç»é¢ãéã£ã¦ããã¨ã親æä¸åã®åã§ã¯ããªãã¯ãã¼ãã¼ã«ãªãã¾ãã è¨å®æ¹æ³ Hotkeyãæå¹ã«ãã iTerm2ã®è¨å®ã«ã keys -> Create a Dedicated Hotkey Window... ã¨ããã®ãããã®ã§ãããæ¼ãã¾ãã ããã§Hotkeyãè¨å®ããããã§ã
Session restoration works by running your jobs within long-lived servers rather than as child processes of iTerm2. If iTerm2 crashes or upgrades, the servers keep going. When iTerm2 restarts, it searches for running servers and connects to them. The OS's window restoration feature preserves the content of your window, including scrollback history. iTerm2 marries the restored session to the appropr
誰ããæ¸ãå§ããã¨ãä»ã®äººãæ¸ãã¦ããããã¨ãç¥ã£ã¦ãã®ã¨ã³ããªãæ¸ãã¦ãããã§ããã ããçµç¹å ¨ä½ã§ä½¿ããã¼ã«ï¼ãã£ãããã¼ã«ã¨ãï¼ã¯é¸ã°ãªãããã«ããã ã¨ã³ã¸ãã¢ã使ãã¹ã便å©ãª windows ã¢ããªä¸è¦§ãã¿ãããªã®ã£ã¦ã©ã£ãã«ã¾ã¨ããªãã®?â 徳永åºå¤¢ (@tokuhirom) October 2, 2018 RapidEE cmder 7-zip clibor Chrome, Firefox Mate Translate WinMerge ããã¦ããã¸ãªã·ãã£ã¼ãºãªã®ã§ã大ä¸å¤«ãªã®ããä¸å®ã§ãã Git Everything Process Explorer ãªã©sysinternalsç³» Crystal Disk Info ããã§è§¦ãã¦ããªããã©ãå®è³ªå¿ é ã«ãªããããªãã® RapidEE www.rapidee.com Windowsã®âç°å¢å¤æ°âãGUIã§ç·¨éã§ããã½ãããå
è¨å®ä¸è¦ã®ãã«ããã¼ã« parcelã¨ãããã«ããã¼ã«ã空åã®å¢ãã§GitHubã¹ã¿ã¼ãéãã¦ããããªãªã¼ã¹æ°æ¥ã§5000ã¹ã¿ã¼ãè¶ ãã¦ãã¾ããä»æ¥ã ãã§ã1000ã¹ã¿ã¼ä»¥ä¸å¢ãã¦ãããGoogleãªã©ã®æåä¼æ¥ãªãã¸ããªä»¥å¤ã§ãã®ã¹ãã¼ãã§äººæ°ãã§ãã®ã¯ç°ä¾ã§ãã https://github.com/parcel-bundler/parcel https://parceljs.org/ å®éã«è©¦ãã¦ã¿ãã¨ãããããã¯webpackä¸å¼·æ代ãçµããããã¬ãã«ã®ä½¿ããããã ã¨ç¢ºä¿¡ãã¾ããã ä½è ã¯Adobeã®ã¨ã³ã¸ãã¢ã§ããã®ä»èåã¨ã³ã¸ãã¢ãç¶ã ã¨åå ãã¦ããæ§åã§ãã webpackç²ã webpackãåºãå½åãwebã¨ã³ã¸ãã¢ã¯gulp/gruntç²ãã®ç¶æ ã ã£ããã¨ãè¦ãã¦ããæ¹ããããã¨æãã¾ãã webpackã®çµ±åãããè¨å®ãã¡ã¤ã«ã¯ãã¿ã¹ã¯ã©ã³ãã¼ã§é次å¦çãã¦ãããã®ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}