yukihiro

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をリリースしました

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

【保存版】CLAUDE.mdとは?Claude Codeの指示ファイル設定・書き方とテンプレートを徹底解説

Claude Codeの設定ファイル「CLAUDE.md」の役割や基本的な書き方、実践的なテンプレートを分かりやすく解説。開発コマンドやコーディング規約をAIに正しく伝え、コード生成の精度と開発効率を大幅に向上させるポイントが学べます。
Androidアプリ

【React Native】DB登録・API通信中に使えるローディングオーバーレイの実装方法【Expo対応】

React Native(Expo)でAPI通信やデータベース登録処理中にユーザーへ待機状態を伝えるローディングオーバーレイの実装方法を、実際のコード例とともに解説します。Modal・ActivityIndicator・Animatedを使った再利用可能なコンポーネント設計を紹介。
Unity

【Unity】アセットストアの素材に差し替えたら当たり判定が消えた?「すり抜ける」原因と解決策を徹底解説!

Unityでアセットストアの素材にプレハブをリプレイスしたら当たり判定(コライダー)が消えてすり抜ける…とお悩みの方へ。Box Colliderの追加手順やIs Triggerの設定など、シューティングゲーム等で当たり判定を復活させる方法をわかりやすく解説します!
paiza

【Python】Paiza標準入力の基本パターン6選!コピペで使えるテンプレート集

PythonでPaiza(パイザ)の標準入力につまずいていませんか?この記事では、複数行やスペース区切り、大量データの高速処理など、よく出る標準入力パターン6選をコピペOKのテンプレート付きで徹底解説!入力エラーやタイムアウトを無くしてランクアップを目指しましょう。
Unity

【Unity/TMPro】The character with Unicode value \u2764 was not found… の原因と簡単な直し方

UnityのTextMeshProで「❤️」などの絵文字が表示されず、四角(□)に文字化けするエラーの原因と解決策を解説。一番手軽な「♡」への変更から、フォントアセットへの追加方法まで3ステップで紹介します。
Androidアプリ

【解決済み】Supabase + RenderでError: connect ENETUNREACH(IPv6)エラーが出たときの直し方

Supabase+RenderでError: connect ENETUNREACHが発生する原因はIPv6非対応環境とDirect Connectionの組み合わせ。Connection Poolerへの切り替えで解決する手順をコード付きで解説します。