Umamiアナリティクス + Gatsbyで、人気記事ランキングを作成する方法
Umami Analyticsは、プライバシー優先のオープンソースのアクセス解析です。クラウド版が提供されている他、自分でホスティングすればすべての機能を無料で使うことができます。 前回、UmamiをSupabaseとVercelで無料運…
dialog要素を使ってReactでモーダルウィンドウを作る方法
最近はHTML要素とCSSのみで、javascript的な効果を演出することが可能になってきましたね。 今回は要素を、モーダルウィンドウとしてReactで表示・非表示させる方法を紹介します。 Reactではモーダルウィンドウを表示・非表示…
Google reCAPTCHAに代わる新しい選択肢？Friendly CaptchaをReactで実装する方法
ここ数日さまざまなフォームビルダーを試していますが、リサーチ中に見つけ たスパム・ボット対策のFriendly Captchaを試してみたので紹介します。 ボット対策と言えばGoogle reCAPTCHAの一強時代が続いていますが、hCa…
Python 3 + Selenium 4で自動検索を実行、GitHub Actionsで簡単にスケジュール化
今回は、GitHub ActionsでPython 3 + Selenium 4を使って自動検索を定期的に実行する方法を紹介します。 高速検索エンジンのMeilisearch Cloudは、無料枠の場合、3日間の稼働実績がないとプロジェク…
Gatsby.js + 多言語サイトの、言語別RSSフィードの作成方法
当サイト（route360.dev）は、Gatsby.jsで構築されたブログです。コンテンツはMarkdownで管理されています。 需要があるかどうかはわかりませんが、一応RSSフィードも言語別に配信しております。 🇯🇵 日本語フィード 🇺🇸…