GADGET

2020.11.28

【レビュー】SONY WH-1000XM4 ワイヤレスノイズキャンセリングヘッドフォン

My new gear… 初めてのワイヤレスノイズキャンセリングヘッドフォン「SONY WH-1000XM4」を購入して、2週間利用してみたのでその感想を書きます。 目次 購入理由 SONY ワイヤレスノイズキャンセリングヘッドフォン WH-1000XM4 満足できる音質 2台のマルチペアリング 十分なバッテリー容量 ノイズキャンセリングの注意 まとめ

TECH

2020.11.01

HugoでTailwindCSSを利用しAMP Validなページを生成する

HugoでCSSフレームワーク「Tailwind CSS」を利用し、AMP Validなページを生成する方法についてのメモです。 ポイント HugoでPostCSSの仕組みを利用して、TailwindでCSSを組み立てる Tailwind CSS v1.4からpergeCSSを内包し、設定方法が変わった 目次 ポイント head.html postcss.config.js …

TECH

2020.09.27

AMP OptimizerによるAMPのさらなる最適化

以前、Optimize your hosted AMP pages - amp.devを読みながらAMPの最適化を行いました。 AMPページの最適化〜ぼくのAMPサイトがこんなに遅い訳がない〜 - SIS Lab このサイトもAMP対応したのだから、LighthouseやPageSpeed Insightsのスコアもきっと高いはずと計測してみたところ、全然スコアが出ていなかったので改善しました。そ …

TECH

2020.09.13

技術書典9で「Hugoで始める静的サイト構築入門」という本を出しました

「技術書典9」が2020/09/12から開催されています。私も初めて出展者として「Hugoで始める静的サイト構築入門〜静的サイトジェネレータで作る自作サイト〜」という本を頒布していますので、お手に取っていただけると幸いです。 目次 技術書典とは 頒布物紹介「Hugoで始める静的サイト構築入門〜静的サイトジェネレータで作る自作サイト〜」 どんな内容か 想定している読者と目次 おわりに …

TECH

2020.08.15

Progressive Web Appを有効にする

このブログでは、HugoでFull AMPなHTMLを生成し、GitHub Pagesでホストしています。 AMPの最適化を行う際、Lighthouseを利用してWebパフォーマンスを測定しているのですが、PWA Readyになっていないことが気掛かりでした。 個人ブログをPWA化しても自分しか使わないため、自己満足に他なりません。 しかし、PWAがグリーンにならないのは気持ちが悪いため、今回エ …