お役立ち記事 / その他

2025.12.30

XのiOSアプリが外部サイトをPrefetch(先読み)する仕様とその影響

2025年11月、XのiOSアプリが外部リンクを事前読み込みする仕様に変更。バズ発生時にサーバー負荷だけ増えてPVがカウントされない問題とその対策を解説します。

2025.11.14

Node.jsでjsdomを使うとメモリリーク - window.close()忘れによる落とし穴と解決策

jsdomでHTMLパーサーを実装した際に発生したメモリリーク問題の原因と解決策を解説。並行処理環境で数千のwindowインスタンスが未解放になる問題をsetTimeout非同期クローズで解決した実例を紹介

2025.08.05

Android API 35対応でデザインが崩れた！Edge-to-edge表示の対処法

Android API 35（Android 15）でEdge-to-edge表示がデフォルト有効になり、アプリバーがステータスバーと重なる問題の解決方法を詳しく解説します。

2025.07.20

Next.js + Satori + Sharp で動的画像生成 - WebFontとレイヤー合成を使いこなす

Reactコンポーネントをベースにした動的画像生成システムの構築方法を解説します。Satori、Sharp、Google Fontsを組み合わせ、WebFontの動的読み込みと複数レイヤーの画像合成を実現する実践的な手法を紹介します。

2025.07.17

Railway.appで複数のcronを実行する方法

Railway.appでは単一のcronしか実行できないという制限がありますが、独自のcronサービスを作成することで複数のcronジョブを実行する方法を解説します。Node.js + TypeScriptでのcronサービスの実装から、Railway.appでのデプロイまでを網羅的に説明します。

2022.09.12

拡張機能開発事例 : React-Konvaでブラウザにレイアウトグリッドを敷ける拡張機能を開発した話

Figma等のデザインツールでよくみるLayoutGridをbrowserに敷くchrome extension「Layout Grid for Browser」を開発しました。ブラウザ上にガイドを敷くことにより、高速かつ高品質なフロントエンドでのマークアップを実現することを狙ったプロダクトです。この記事では、その開発の成果と、どういう実装概要を簡単に説明しています。

2022.07.04

FramerMotionで流れるループ画像を作る / How to Create Infinite Autoplay Carousel (Ticker Carousel)

SaaSのLPにあるような流れる企業ロゴを、FramerMotionとReactでお手軽に流れるループ画像を作ります。既存のCarouselのpackageを魔改造することなく実現できるので、見通しがよく、デザインの改築を簡単に行えます。

2022.05.17

Chrome Extension(拡張機能)をInstallした直後のウェルカムページを実装する

Chrome Extension(拡張機能)をInstallした直後のウェルカムページの実装方法を説明します。

2022.05.04

ChromeExtension(拡張機能)の開発でショートカットを実装する

この記事ではChrome Extension(拡張機能)のManifest v3の開発で、ショートカット機能をどう実装するかを知ることができます。

2022.02.02

React製デザインシステム「GeistUI 」を調査してみた

React製デザインシステムであるGeistUIを実際に動かしてみました。簡単に紹介します。

2022.01.27

Strapi V4をHerokuとS3にデプロイし、安くて自由なHeadlessCMS環境を手に入れる。

本記事ではStrapi v4をherokuにデプロイする流れを説明します。セルフホスティング型の利点を生かし、安価で多機能なHeadlessCMS環境を手に入れましょう。ローカル開発環境の構築方法と、本番環境の構築をガイドします。画像保存のストレージはAWS-S3を利用し、ホスティング先はheroku、記事保存のDBにはPostgreSQLを使用します。