2026-08

React

【React】タブ切り替えをアニメーション付きで実装する方法|useStateとCSSだけで作るポートフォリオ向けUI

ReactのuseStateとCSSのtransitionだけで、なめらかに動くタブ切り替えUIを実装する方法を解説。スライド式インジケーターの作り方、コンポーネント設計、react-scrollを使ったサブタブの切り替えまで、実際のコードを交えて紹介します。
Androidアプリ

【Android Studio】Build Variantを切り替えてもFirebaseの接続先が変わらない原因と解決策(Invalidate Caches)

【Android Studio】バリアントを切り替えたのにFirebaseの接続先(本番DB)が変わらないトラブルに遭遇していませんか?原因は古いビルドキャッシュの残留です。「Invalidate Caches」を使った一発解決手順と予防策を分かりやすく紹介します。
Javascrypt

JavaScriptでタイピングゲームを自作する方法【コード全文公開】

Web制作やプログラミング学習の題材として人気が高い「タイピングゲーム」。この記事では、HTML・CSS・JavaScriptだけで動く日本語タイピングゲーム「カナウチ」を実際に作った手順を、コード全文つきで解説します。ライブラリ不要、1つ...
Androidアプリ

【食品ロスゼロへ】バーコードスキャンで賞味期限を自動管理する冷蔵庫管理アプリ-FridgeManagerをリリースしました

冷蔵庫の中身と賞味期限をバーコードスキャンで簡単管理できるスマホアプリをリリース。食品ロス削減・節約に役立つ機能や使い方を徹底解説します。