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
この記事は，武蔵野 Advent Calendar 2018 の8日目の記事です． まとめ HackMD (CodiMD) のスライドモードの解説です． 下記のようなプレゼン資料（スライド）を作る方法について述べます． CSSを変更することで，デザインを変更できます． CSSを全く知らない場合でも，Progate で1-2時間くらいで学習できます． 以下のように，Markdown（テキストベース）でスライドを作ることができます． UML図によるガントチャートや，MathJaxによる数式もテキストで書くことが可能です． PowerPointよりも手軽にプレゼン資料を作成したい方に向けた記事です． 特に，プレゼン資料をよく作る大学生や社会人の方． 特に，会議資料や議事録，進捗報告などをPowerPointで作成していて，不便だと感じている方． 特に，大人数で1つのPowerPoint資料を同時
[ 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/153297acce335ecb89816c25921f3fe00d51584d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCJTIwTWFya2Rvd24lRTMlODElQTclRTMlODIlQjklRTMlODMlQTklRTMlODIlQTQlRTMlODMlODklRTQlQkQlOUMlRTYlODglOTAlMjAlNUQlMjA1JUU3JUE4JUFFJUU5JUExJTlFJUUzJTgxJThGJUUzJTgyJTg5JUUzJTgxJTg0JUUzJTgzJTg0JUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgyJTkyJUU4JUE5JUE2JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJUU3JUI1JTkwJUU2JTlFJTlDJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00MjNlZmY0Zjc0MGYyNDU2NjU2N2IyMTNiZTdhMjMzOQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQweWtoaXJhbyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MzJmYjQxZjhhOGNjYjYxZjdhZDg2NjNjMDI1OTgzMTk%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D3eccfd4b29752e201adc3ebb9c73ebd5)
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
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 feather The core is 2KB minified & gzipped. Languages add 0.3-0.5KB each, themes are around 1KB. Blazing fast Supports parallelism with Web Workers, if available. Extensible Define
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
javascriptビルドツールなどで相対パス地獄(../../)を解決する方法まとめ - Qiita
require、importなどのモジュール解決において、相対パスを解決しようとすると../../../と大量に出てしまう問題。 relative paths hellと呼ばれたりもするらしい。 Better local require() paths for Node.js browserify-handbook avoiding ../../../../../../.. 基本requireの挙動としてはNode.jsのmodulesと同じ挙動を原則としたかったりわりと小めんどくさかったので結構今までガマンしておとなしく../../と書いたりしていた（モジュール小分けにしてあんまりこの問題に当たらないようにしていたというのもある） しかし「import構文だと実はそもそもの原則違うのでは？1」とか「frontend向けに組んでいる時にそこ厳密にすることでもないのでは？」とか「趣味レベル越
Facebookのバグ自動修正ツール "SapFix" とは何ぞや？ - bonotakeの日記
前回の記事↓で国内ソフトウェア工学事情を勢いに任せて書いたら思いのほか炎じょ……バズってしまい、しかも身内のソフトウェア工学の先生方に火をつけまくってしまいまして、いやはや。関係者の皆様すみませんでした*1。 フォローの記事も書こうと思ってたんですが、少々タイミングを逸してしまった感。でも少し誤解を与えたところもあるんで、また時間ができれば書こうかと思います。 bonotake.hatenablog.com しかし、それから一週間くらい経ちまして、今度はソフトウェア工学に関わる人間としてはなかなか嬉しいニュースが。 それで、つい以下のようなツイートをしたところ、これも軽く話題になってるようで、今もまだ通知が止まらない感じです。 automatic repair、ついに来たか これはガチで近年のソフトウェア工学の成果 Facebook、バグを自動で修正する新ツール「SapFix」開発 htt
「さようなら ImageMagick」の考察 - Qiita
はじめに サイボウズさんの ImageMagick の利用をやめる記事について少し思う所を書きます。否定というよりアシストのつもりです。(2018年08月26日投稿) さようなら ImageMagick 自分のスタンスを3行でまとめると、 policy.xml で読み書き出来るファイル形式を絞れば、いうほど怖くはない ただ、ImageMagick に限らずサーバサイドで動かすのは手間と覚悟が要る Yahoobleed の件でコード品質が信用ならないと言われたら、ごめんなさい 「ImageMagick を外した理由」 サイボウズさんのブログでは、2017年の ImageMagick 脆弱性報告数が多いので駄目との事です。 脆弱性 ImageMagick には脆弱性が大量に存在します。 2017 年に報告された ImageMagick の脆弱性は 236 件 でした。 大量にある上にリモートコ
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」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、社内やチームなど複数人で共有することができる「ダッシュボード」画面を作成できる無料のWebサービスをご紹介します！ 主に、ブックマークやタスクなどを共有することが可能で、ボードのレイアウトなども自由に調整できるので自分好みの画面を作成することができます。 非常に簡単な操作でシンプルに設計されているので、誰でも簡単に扱えるのが特徴です！ 【 Tixio 】 ■「Tixio」の使い方 それでは、実際に「Tixio」を使いながらどのようなサービスなのかを見ていきましょう！ まず最初に、トップページから「Sign Up」をクリックしてユーザー登録をしていきます。 アカウントは「個人」と「チーム」の２種類があります。 今回は、複数人で「ダッシュボード」を共有したいので「チーム」としてユーザー登録をします。 自分のメールアドレスを登録しておきましょ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wandbox
tsenart/vegeta: HTTP load testing tool and library. It's over 9000!
GitHub - splitsh/lite: Split a repository to read-only standalone repositories
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
