Blog
技術記事や日々の学びを書いています
JSONata実践 — 関数・条件式・オブジェクト構築でデータ変換
JSONataの組み込み関数（$string, $number, $map, $filter, $sum等）、三項演算子、オブジェクト構築を使ったデータ変換テクニックを解説します。
DynamoDB JSON + Step Functions — JSONataでLambdaなしデータ変換
AWS Step FunctionsのJSONataサポートを使い、DynamoDB ScanのJSON結果をLambda関数なしで通常JSONに変換する方法を具体的に解説します。
JSONata入門 — JSON経験者のためのクエリ言語ガイド
JSONを知っている人向けに、JSONataの基本構文・パス式・ワイルドカード・配列フィルタリングを解説します。
JSONata学習アプリを作りました！
4択クイズ + プレイグラウンドで、JSONataを基礎からAWS Step Functions実践まで学べるWebアプリの紹介です。
本格タワーディフェンス「Boulder Defense」開発開始！
物理演算×タワーディフェンス。Gemini 3 Flashと共に作る、新しいWebゲームプロジェクトの幕開けです。
ReactユーザーのためのVue 3入門 - 同じゲームでフレームワークを比較
React開発者向けに、Vue 3の基本を学ぶガイド。同じTile Mergeゲームの実装を例に、状態管理、ライフサイクル、コンポーネント設計の違いを解説します。
HTML5 Canvas API入門 ── タワーディフェンスの実装を例に基本を解説
HTMLの基礎知識がある方を対象に、HTML5 Canvas APIの基本を解説。タワーディフェンスゲームの実装コードを例に、図形描画・パス・座標変換・アニメーションの仕組みを説明します。
詳解：ReactとPreact Native (Signals) の技術的差異
React v19 と Preact Native (@preact/signalsを採用) の実装を徹底解剖。コード設計、ステート管理、イベントシステムの違いを技術的な視点から解説します。
ReactからPreactへの移行ガイド：軽量化の驚くべき効果と実装のコツ
既存のReactアプリをPreactへ移行。驚くほど簡単な手順と、サイズ・パフォーマンスの劇的な変化を実測データとともに解説。Signalsによる最適化の深掘りも。
タワーディフェンスの進化：ステージ制、グリッドスナップ、そして究極のモバイル対応
「無限に続く」ゲームから「攻略しがいのある」ゲームへ。Canvas API製のタワーディフェンスにステージ制や敵の多様化を導入し、さらにiPhone/iPadでも完璧に動作するように魔改造した全記録です。
Canvas APIでタワーディフェンスを作ってみた
フレームワークを使わず、Vanilla TypeScriptとHTML5 Canvas APIだけで本格的なタワーディフェンスを構築しました。クラス設計や追尾弾のロジックについて解説します。
Hello World - 最初の記事
このブログの最初の記事です。サイトを作った経緯とこれからについて。
Astroでブログを作ってみた
GitHub Pagesで個人サイトを構築した技術的なメモ。Astroの使い方とContent Collectionsについて。
GitHub Pagesのデプロイエラー解決法
'pages build and deployment'が失敗する問題の対処法。Jekyllビルドを無効化してカスタムワークフローを優先させる設定。
ブログ記事の追加方法
このブログに新しい記事を追加する手順。Markdownファイルを作成してプッシュするだけでOK！
Reactで作る2048風パズルゲーム
Vite + React + TypeScriptで数字パズルゲームを自作しました。実装の裏側や、遭遇したバグ（無限スコア！）などについて振り返ります。