WandboxBash scriptCC#C++CPPCrystalDElixirErlangGoGroovyHaskellJavaJavaScriptJuliaLazy KLispLuaNimOCamlOpenSSLPHPPascalPerlPonyPythonRRubyRustSQLScalaSwiftTypeScriptVim scriptZig
Web UX 指標を3ã¤ã«å†æ•´ç†ã€å®šé‡åŒ–ã—㟠Web Vitals ã¨ãã®ãƒ„ールã®ç´¹ä»‹ - Qiita
技術もユーザーã®æœŸå¾…値も日進月æ©ã™ã‚‹ Web ã«ãŠã„ã¦æœ€é«˜ã®ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’æä¾›ã™ã‚‹ãŸã‚ã®ã‚¬ã‚¤ãƒ€ãƒ³ã‚¹ã‚’æä¾›ã™ã‚‹ã‚µã‚¤ãƒˆ web.dev ã«ã¦ web vitals ㌠2020/5 ã«é–‹è¨ã•ã‚Œã¾ã—ãŸã€‚本稿ã¯ãã®ç´¹ä»‹ã«ãªã‚Šã¾ã™ã€‚ [2020/5/12追記] Google ã‹ã‚‰æ—¥æœ¬èªžè¦ç´„Web Vitals ã®æ¦‚è¦: サイトã®å¥å…¨æ€§ã‚’示ã™é‡è¦æŒ‡æ¨™ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã®ã§ã€ã“ã¡ã‚‰ã‚‚åˆã‚ã›ã¦ã”覧ãã ã•ã„。 TL;DR web vitals ã¨ã¯è¤‡é›‘化ã—㟠Web サイト㮠UX 指標を3ã¤ã«å†æ•´ç†ã—ã€å®šé‡åŒ–ã—ãŸã‚‚ã®ã¨ãã®æ¸¬å®šãƒ„ール (JS ライブラリ㨠chrome extension)ã®ã“㨠web-vitals-extension をインストールã—ã¦ã¿ã¦ã¯(ã¾ã alpha ã§ã™ãŒ...) web-vitals(npm) ã®ãƒ‰ã‚ュメントをãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ã¯ (åŒä¸Š) Web Vitals ã¨ã¯ O
Jake: JavaScript build tool task runner for NodeJS
Jake is a simple and flexible JavaScript build tool for NodeJS. Jake has been around since the very early days of Node, and is full featured and well tested. Jake is a CLI tool. You can install it globally with npm i -g jake, or install it locally and run with npx. You can even embed it as a module in larger programs.
ã¾ã PowerPointã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã®è¨˜äº‹ã¯ï¼Œæ¦è”µé‡Ž Advent Calendar 2018 ã®8日目ã®è¨˜äº‹ã§ã™ï¼Ž ã¾ã¨ã‚ HackMD (CodiMD) ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¢ãƒ¼ãƒ‰ã®è§£èª¬ã§ã™ï¼Ž 下記ã®ã‚ˆã†ãªãƒ—レゼン資料（スライド）を作る方法ã«ã¤ã„ã¦è¿°ã¹ã¾ã™ï¼Ž CSSを変更ã™ã‚‹ã“ã¨ã§ï¼Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã§ãã¾ã™ï¼Ž CSSã‚’å…¨ã知らãªã„å ´åˆã§ã‚‚，Progate ã§1-2時間ãらã„ã§å¦ç¿’ã§ãã¾ã™ï¼Ž 以下ã®ã‚ˆã†ã«ï¼ŒMarkdown（テã‚ストベース）ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’作るã“ã¨ãŒã§ãã¾ã™ï¼Ž UML図ã«ã‚ˆã‚‹ã‚¬ãƒ³ãƒˆãƒãƒ£ãƒ¼ãƒˆã‚„，MathJaxã«ã‚ˆã‚‹æ•°å¼ã‚‚テã‚ストã§æ›¸ãã“ã¨ãŒå¯èƒ½ã§ã™ï¼Ž PowerPoin
[ Markdownã§ã‚¹ãƒ©ã‚¤ãƒ‰ä½œæˆ ] 5種類ãらã„ツールを試ã—ã¦ã¿ãŸçµæžœ - Qiita
2019/12 追記 LTã®ã‚¹ãƒ©ã‚¤ãƒ‰ä½œæˆã«æ™‚é–“ã‚’ã‹ã‘ãŸããªã„ ã§ãƒªãƒ³ã‚¯ã‚’ã„ãŸã ã„ãŸã®ã§èª¿ã¹ã‚‹ã¨ã€ã™ã”ãよã„機能ãŒã‚ã‚‹ã¿ãŸã„ã§ã™ã€‚ï¼ï¼ Marp for VSCodeã¨ã„ã†ã®ãŒã‚ã‚‹ã¿ãŸã„ã§ã€VSCodeを使ã£ã¦ã„る人ã¯ã“ã‚Œã§ã„ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 2018/08 追記 未ã ã«ã„ã„ãã•ã‚Œã‚‹ã®ã§ï¼ˆ2017å¹´åˆæœŸä½œæˆï¼‰ã€ 最近ã®å‹‰å¼·ä¼šã§ã‚ˆã使ã‚ã‚Œã¦ã„るスライド作æˆãƒ„ールã¯ãƒžãƒ¼ã‚¯ãƒ€ã‚¦ãƒ³ã§ã¯ã‚ã‚Šã¾ã›ã‚“㌠https://slides.com/ 圧倒的ã«ã“ã‚Œã ã¨æ€ã„ã¾ã™ã€‚ Web上ã§ç°¡å˜ã«ã‚¹ãƒ©ã‚¤ãƒ‰ä½œã‚Œã‚‹ç³»ã®ã‚„ã¤ã§ã™ã€‚ Markdown記法ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’作ã‚ã†ï¼ 内容 ç°¡å˜ãªç™ºè¡¨ã«ä½¿ãˆã‚‹ãƒ„ールã®ã¾ã¨ã‚ Markdown記法 + スライド作æˆï¼ 心ã®å£°(æ€ã£ã¦ãªã„ã§ã™ã‚ˆï¼) 最近Markdown記法使ã„ã™ãŽã¦ã€PPTã®ä½œæˆã‚ã‚“ã©ãã•ã„ PPTを作らãšboostnoteã§ã®ç™ºè¡¨ã‚’本気ã§è€ƒãˆãŸ å¿™ã—ãã¦â€¦ãƒ¬ã‚¤
![[ Markdownã§ã‚¹ãƒ©ã‚¤ãƒ‰ä½œæˆ ] 5種類ãらã„ツールを試ã—ã¦ã¿ãŸçµæžœ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2c3a8016f869bb5966602e0231b50aab33c5978/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMTEyOTI5JTJGcHJvZmlsZS1pbWFnZXMlMkYxNjM5MDMwNzkyP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz02OWI4NDBjNGViZGNlMTZkNzk0MTY4YTkzZWE1Y2FlNg%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D67581b07b2b34d4ba32ec030000097ec%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJTIwTWFya2Rvd24lRTMlODElQTclRTMlODIlQjklRTMlODMlQTklRTMlODIlQTQlRTMlODMlODklRTQlQkQlOUMlRTYlODglOTAlMjAlNUQlMjA1JUU3JUE4JUFFJUU5JUExJTlFJUUzJTgxJThGJUUzJTgyJTg5JUUzJTgxJTg0JUUzJTgzJTg0JUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgyJTkyJUU4JUE5JUE2JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJUU3JUI1JTkwJUU2JTlFJTlDJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZGQzMDI1NmY4YzIyMzhjZWVjZjMyNDA2MGU3MmUwZjQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5a2hpcmFvJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTkxNzFhZTE0MTc3ZDE0OWIzNDU0ZDM4NmMxNGNiOWM%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D7ac0a448fa1780106cbcf162b41b6d3a)
Dash – Snippet Manager, Documentation Browser
Overview Dash is an API Documentation Browser and Code Snippet Manager. Dash instantly searches offline documentation sets for 200+ APIs, 100+ cheat sheets and more. You can even generate your own docsets or request docsets to be included. Supported Documentation Sets Dash comes with 200+ offline documentation sets. You can choose which documentation sets to download and Dash will take care of the
Prism
Download Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in millions of websites, including some of those you visit daily. Dead simple Include prism.css and prism.js, use proper HTML5 code tags (code.language-xxxx), done! Intuitive Language classes are inherited so you can only define the language once for multiple code snippets. Light as a
PHAR.IO
The PHAR Installation and Verification Environment (PHIVE) Installation and verification of phar distributed PHP applications has never been this easy! Adding all the required tools like PHPUnit, PHPMD and phpDox in their matching versions to a project used to be a lot of repetitive work: Started by finding the download URL, figuring out what the actually correct and matching version is followed b
Facebookã®ãƒã‚°è‡ªå‹•ä¿®æ£ãƒ„ール "SapFix" ã¨ã¯ä½•ãžã‚„？ - bonotakeã®æ—¥è¨˜
å‰å›žã®è¨˜äº‹â†“ã§å›½å†…ソフトウェア工å¦äº‹æƒ…ã‚’å‹¢ã„ã«ä»»ã›ã¦æ›¸ã„ãŸã‚‰æ€ã„ã®ã»ã‹ç‚Žã˜ã‚‡â€¦â€¦ãƒã‚ºã£ã¦ã—ã¾ã„ã€ã—ã‹ã‚‚身内ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢å·¥å¦ã®å…ˆç”Ÿæ–¹ã«ç«ã‚’ã¤ã‘ã¾ãã£ã¦ã—ã¾ã„ã¾ã—ã¦ã€ã„ã‚„ã¯ã‚„。関係者ã®çš†æ§˜ã™ã¿ã¾ã›ã‚“ã§ã—ãŸ*1。 フォãƒãƒ¼ã®è¨˜äº‹ã‚‚書ã“ã†ã¨æ€ã£ã¦ãŸã‚“ã§ã™ãŒã€å°‘々タイミングを逸ã—ã¦ã—ã¾ã£ãŸæ„Ÿã€‚ã§ã‚‚å°‘ã—誤解を与ãˆãŸã¨ã“ã‚ã‚‚ã‚ã‚‹ã‚“ã§ã€ã¾ãŸæ™‚é–“ãŒã§ãã‚Œã°æ›¸ã“ã†ã‹ã¨æ€ã„ã¾ã™ã€‚ bonotake.hatenablog.com ã—ã‹ã—ã€ãã‚Œã‹ã‚‰ä¸€é€±é–“ãらã„経ã¡ã¾ã—ã¦ã€ä»Šåº¦ã¯ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢å·¥å¦ã«é–¢ã‚る人間ã¨ã—ã¦ã¯ãªã‹ãªã‹å¬‰ã—ã„ニュースãŒã€‚ ãã‚Œã§ã€ã¤ã„以下ã®ã‚ˆã†ãªãƒ„イートをã—ãŸã¨ã“ã‚ã€ã“れも軽ã話題ã«ãªã£ã¦ã‚‹ã‚ˆã†ã§ã€ä»Šã‚‚ã¾ã 通知ãŒæ¢ã¾ã‚‰ãªã„æ„Ÿã˜ã§ã™ã€‚ automatic repairã€ã¤ã„ã«æ¥ãŸã‹ ã“ã‚Œã¯ã‚¬ãƒã§è¿‘å¹´ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢å·¥å¦ã®æˆæžœ Facebookã€ãƒã‚°ã‚’自動ã§ä¿®æ£ã™ã‚‹æ–°ãƒ„ール「SapFixã€é–‹ç™º htt
SQLã§ç¾ƒç‰ã«DBスã‚ーマ管ç†ãŒã§ãるツール「sqldefã€ã‚’作ã£ãŸ - k0kubun's blog
sqldefã®ãƒªãƒã‚¸ãƒˆãƒª github.com ã“ã‚Œã¯ä½•ã‹ Ridgepoleã¨ã„ã†ãƒ„ールをã”å˜ã˜ã§ã—ょã†ã‹ã€‚ ã“ã‚Œã¯Rubyã®DSLã§create_tableã‚„add_indexç‰ã‚’書ã„ã¦ã‚¹ã‚ーマ定義をã—ã¦ãŠãã¨ãã‚Œã¨å®Ÿéš›ã®ã‚¹ã‚ーマã®å·®ç•°ã‚’埋ã‚ã‚‹ãŸã‚ã«å¿…è¦ãªDDLを自動ã§ç”Ÿæˆãƒ»é©ç”¨ã§ãる便利ãªãƒ„ールã§ã™ã€‚一方〠ã§è¨€ã‚ã‚Œã¦ã„るよã†ã«ã€Ridgepoleを動作ã•ã›ã‚‹ãŸã‚ã«ã¯Rubyã‚„ActiveRecordã¨ã„ã£ãŸä¾å˜ã‚’インストールã™ã‚‹å¿…è¦ãŒã‚ã‚Šã€Railsアプリケーション以外ã§ä½¿ã†å ´åˆã«ã¯å°‘々é¢å€’ãªã“ã¨ã«ãªã‚Šã¾ã™ã€‚*1 *2 ãã“ã§ã€Pure Goã§æ›¸ãã“ã¨ã§ãƒ¯ãƒ³ãƒã‚¤ãƒŠãƒªã«ã—ã€ã¾ãŸåˆ¥è¨€èªžåœã®äººã§ã‚‚使ã„ã‚„ã™ã„よã†ã€Rubyã®DSLã®ã‹ã‚ã‚Šã«ã€èª°ã§ã‚‚知ã£ã¦ã‚‹SQLã§CREATE TABLEã‚„ALTER TABLEを書ã„ã¦åŒã˜ã“ã¨ãŒã§ãるよã†ã«ã—ãŸã®ãŒsqldefã§ã™ã€‚ 使用例 ç¾æ™‚点ã§ã¯My
PHPã®é™çš„解æžã„ã‚ã„ã‚ - Qiita
$ phpcs --standard=PSR2 Illuminate/Auth/AuthServiceProvider.php FILE: ...or/laravel/framework/src/Illuminate/Auth/AuthServiceProvider.php ---------------------------------------------------------------------- FOUND 1 ERROR AFFECTING 1 LINE ---------------------------------------------------------------------- 57 | ERROR | [x] Only one argument is allowed per line in a | | multi-line function call
誰ã§ã‚‚ç°¡å˜ã«ã‚¿ã‚¹ã‚¯ã‚„ブックマークをダッシュボード化ã—ã¦å…±æœ‰ã§ãる「Tixioã€ã‚’使ã£ã¦ã¿ãŸï¼ -
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“（@0310lan）ã§ã™ï¼ 今回ã¯ã€ç¤¾å†…ã‚„ãƒãƒ¼ãƒ ãªã©è¤‡æ•°äººã§å…±æœ‰ã™ã‚‹ã“ã¨ãŒã§ãる「ダッシュボードã€ç”»é¢ã‚’作æˆã§ãã‚‹ç„¡æ–™ã®Webサービスをã”紹介ã—ã¾ã™ï¼ 主ã«ã€ãƒ–ックマークやタスクãªã©ã‚’共有ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€ãƒœãƒ¼ãƒ‰ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã‚‚自由ã«èª¿æ•´ã§ãã‚‹ã®ã§è‡ªåˆ†å¥½ã¿ã®ç”»é¢ã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ éžå¸¸ã«ç°¡å˜ãªæ“作ã§ã‚·ãƒ³ãƒ—ルã«è¨è¨ˆã•ã‚Œã¦ã„ã‚‹ã®ã§ã€èª°ã§ã‚‚ç°¡å˜ã«æ‰±ãˆã‚‹ã®ãŒç‰¹å¾´ã§ã™ï¼ 〠Tixio 】 ■「Tixioã€ã®ä½¿ã„æ–¹ ãã‚Œã§ã¯ã€å®Ÿéš›ã«ã€ŒTixioã€ã‚’使ã„ãªãŒã‚‰ã©ã®ã‚ˆã†ãªã‚µãƒ¼ãƒ“スãªã®ã‹ã‚’見ã¦ã„ãã¾ã—ょã†ï¼ ã¾ãšæœ€åˆã«ã€ãƒˆãƒƒãƒ—ページã‹ã‚‰ã€ŒSign Upã€ã‚’クリックã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã‚’ã—ã¦ã„ãã¾ã™ã€‚ アカウントã¯ã€Œå€‹äººã€ã¨ã€Œãƒãƒ¼ãƒ ã€ã®ï¼’種類ãŒã‚ã‚Šã¾ã™ã€‚ 今回ã¯ã€è¤‡æ•°äººã§ã€Œãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã€ã‚’共有ã—ãŸã„ã®ã§ã€Œãƒãƒ¼ãƒ ã€ã¨ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã‚’ã—ã¾ã™ã€‚ 自分ã®ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’登録ã—ã¦ãŠãã¾ã—ょ
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
tsenart/vegeta: HTTP load testing tool and library. It's over 9000!
GitHub - splitsh/lite: Split a repository to read-only standalone repositories
javascriptビルドツールãªã©ã§ç›¸å¯¾ãƒ‘ス地ç„(../../)を解決ã™ã‚‹æ–¹æ³•ã¾ã¨ã‚ - Qiita
「ã•ã‚ˆã†ãªã‚‰ ImageMagickã€ã®è€ƒå¯Ÿ - Qiita
GitHub - schemalex/schemalex: Generate difference sql of two mysql schema
システム上ã®TCP/UDPトラフィックをリアルタイムã§ä¸€è¦§ã€ŒLiveTcpUdpWatchã€ï¼ã€ŒCurrPortsã€ã‚„「NetworkTrafficViewã€ã‚‚状æ³ã«å¿œã˜ã¦ä½¿ã„分ã‘よã†ã€ãƒ¬ãƒ“ュー】
GitHub - alberthier/git-webui: A standalone local web based user interface for git repositories
PHPStanã§å§‹ã‚る継続的é™çš„è§£æž #phperkaigi /php-static-analysis
{{#tags}}- {{label}}
{{/tags}}