TECH

2021.02.11

Git pre-commitフックでFrontmatterの「更新日時」を自動更新する

今までブログ記事コンテンツの「更新日時」はgitの履歴情報を元にしていました。 たとえば、Hugoの場合はenableGitInfo = trueとすると、Gitの履歴情報からMarkdownの最終更新日時を自動で取得してlastmodとして割り当てられていました。 しかし、GitHub ActionsでHugoのビルドを行う際に、全履歴を取得するのをやめたことで、Markdownのlastmod …

TECH

2021.01.24

「Hugoで始める静的サイト構築入門　静的サイトジェネレーターで作る自作サイト」を出版しました

2021年1月22日、技術書典9で頒布した電子書籍を底本とした「Hugoで始める静的サイト構築入門　静的サイトジェネレーターで作る自作サイト」をインプレスR&D様の「技術の泉シリーズ」の1つとして発行しました。

TECH

2021.01.21

Power AppsでMicrosoft Teamsのスレッドに出退勤をポストする

Power Apps入門として、リモートワーク開始と終了時に、Microsoft Teamsのスレッドに出勤、退勤をポストするというユースケースをPower Appsで実装しました。 目次 Power AppsでMicrosoft Teamsにおける特定チーム > チャネル > スレッドに返信する PostReplyToMessageV2 groupId, …

TECH

2021.01.09

GitHub Actionsのスケジューラ実行を利用して定期的にビルドする

GitHub Actionsのスケジューラ実行で、Hugoなどのサイトを定期ビルドし、データを最新化する方法を調べたときのメモです。 目次 GitHub Actionsでスケジューラ実行 定期ビルド gh-pages.yml 参考

TECH

2020.12.26

Hugoでブログ記事一覧ページ（ブログアーカイブページ）を作成する

以前、ブログメンタリングを受講していたときの課題でもあった「アーカイブページ」を作った時のメモです。 ようやく、ブログ記事一覧の機能を実装できました。 https://www.meganii.com/blog/archives/ 目次 実装方法 layouts/_default/archive.html content/blog/archives/index.md 参考ページ 合わ …

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がグリーンにならないのは気持ちが悪いため、今回エ …

TECH

2020.07.20

Google Apps Scriptで、ページ毎のはてなブックマーク数を週次で取得する

7/20現在、Blog KPI Collector（GAS）で各種KPIを自動取得する で設定したGoogle Apps Scriptでサイト全体のブックマーク数を取得しています。 「はてなブックマーク数」の推移を追っていく際に、全体としてどのぐらい増えたのかは分かるのですが、どのページで増えたのかが分かりません。 そこで、ページ毎のはてなブックマーク数も合わせて取得するようにしました。 …

TECH

2020.07.15

【イベントレポート】Data Engineering Study #1「基調講演1「Data Platform Guide - 事業を成長させるデータ基盤を作るには」

「Data Engineering Study #1「DWH・BIツールのこれまでとこれから」 - connpass 」に参加し、「基調講演1「Data Platform Guide - 事業を成長させるデータ基盤を作るには」を聴講したときのまとめです。 目次 セッション　基調講演1「Data Platform Guide - 事業を成長させるデータ基盤を作るには」ゆずたそ氏 本セッシ …

TECH

2020.07.04

puppeteerをAWS Lambdaで利用する

AWS Lambdaは、いわゆるFaaS(Function as a Service)の1つです。AWS Lambdaを使用することで、サーバーのプロビジョニングや管理をすることなく、コードを実行できます。 なんらかのイベントをトリガーとして、処理を行うためには適しているサービスです。 しかし、puppeteerをAWS Lambda上で何かの処理を自動化する場合、以下の制約がネックになります。 …