-
もうメンテナンスは怖くない！JSDoc 3を使ってみた
こんにちは！小柳津です。 今回はJavaScriptのファイルから自動でドキュメントを生成するJSDoc 3というライブラリーの導入方法を調べたので、ブログを書いていきます。 JSDoc 3とは JSDoc 3とは、JavaScript用のドキュメントジェネレータでJSDocの形式で書かれたコメントを解析して自動でドキュメントを生成してくれるライブラリーです。 以下が公式のドキュメントになります。 Use JSDoc 全て英語で書かれていますが、JSDoc 3(以下JSDoc)のインストールから設定の方法だけでなく、JSDoc形式のコメントの書き方が詳細に載っていたのでとても参考になりました。 動作環境 以下がJSDocを試した環境です。 Node.js: 8.11.2 npm: 5.6.…
-
Paint Timing APIを使用してクライアントサイドのパフォーマンスを計測してみた
こんにちは！小柳津です。 もう2018年になってから２月後半になりました。 時の流れは早いですね。。。早すぎる。。。 エンジニアとしては時の流れに負けないくらい高速なWebサイトを作っていきたいですよね。 でもWebサイトを高速化させるにはそもそも表示が遅いのか早いのかを知る必要があります。 そこで今回は、Paint Timing APIというものを使用してクライアントサイドのパフォーマンスを計測してみました。 First PaintとFirst Contentful Paint まず前提知識の紹介です。 昨今のWebサイトのパフォーマンスを指標としてFirst Paint(FP)とFirst Contentful Paint(FCP)というものが定義されています。 First Paint…