ブラウザパズル「ふわふわ数字」を公開しました
無重力空間で数字をふよふよ漂わせて、ぶつけて合体させて目標値を作る、深海テーマのブラウザパズル「ふわふわ数字 / Fluffy Numbers」を公開しました。コア体験は「数字を柔らかーくする」。コンセプト、遊び方、世界観、地味にこだわった演出を書きます。
今月の人気記事 TOP5
左右にスワイプ
Life Blog
Daily life & interests
左右にスワイプ
ブラウザパズル「ふわふわ数字」を公開しました
無重力空間で数字をふよふよ漂わせて、ぶつけて合体させて目標値を作る、深海テーマのブラウザパズル「ふわふわ数字 / Fluffy Numbers」を公開しました。コア体験は「数字を柔らかーくする」。コンセプト、遊び方、世界観、地味にこだわった演出を書きます。
ヘッドホンのノイキャン要らない派が final UX3000 SV にたどり着いた話
ワイヤレスヘッドホンを1〜2万円で探していたら、ノイキャン不要・声重視・YouTube Music中心という条件で final UX3000 SV に行き着いた選定記録。候補比較からコーデックの誤解、無印とSVの違いまで、買うまでの思考プロセスをそのまま書きました。
お気に入りのワインをネットでポチったら全然違うのが届いた話
お気に入りの甘口ワインをエノテカでポチったら、同じワイナリーの辛口が届いた。ラベルが似すぎて起きた失敗談。
ピヤホン8（TE-W1-PNK）レビュー｜2万円以下とは思えない音質の良さや使用感を解説します
ピエール中野氏監修のピヤホン8（TE-W1-PNK）を3ヶ月使用したレビュー。2万円以下とは思えない高音質で驚きました。実際の使用感、音質の特徴、メリット・デメリットを詳しく紹介します。
ワイン初心者におすすめ！1000円台から買える 甘口ワイン モスカートダスティ
渋くて苦手だったワインを「普段酒」に変えてくれた一本がモスカートダスティ。イタリア・ピエモンテ州の甘口微発泡で、1000円台から買えて度数5%。実際に飲んで残った6銘柄と、合わせるとめちゃくちゃ捗るデザート・エスニック料理まで、自分のハマり方を書き残した記録です。
ヘッドホンのノイキャン要らない派が final UX3000 SV にたどり着いた話
ワイヤレスヘッドホンを1〜2万円で探していたら、ノイキャン不要・声重視・YouTube Music中心という条件で final UX3000 SV に行き着いた選定記録。候補比較からコーデックの誤解、無印とSVの違いまで、買うまでの思考プロセスをそのまま書きました。
お気に入りのワインをネットでポチったら全然違うのが届いた話
お気に入りの甘口ワインをエノテカでポチったら、同じワイナリーの辛口が届いた。ラベルが似すぎて起きた失敗談。
ピヤホン8（TE-W1-PNK）レビュー｜2万円以下とは思えない音質の良さや使用感を解説します
ピエール中野氏監修のピヤホン8（TE-W1-PNK）を3ヶ月使用したレビュー。2万円以下とは思えない高音質で驚きました。実際の使用感、音質の特徴、メリット・デメリットを詳しく紹介します。
ワイン初心者におすすめ！1000円台から買える 甘口ワイン モスカートダスティ
渋くて苦手だったワインを「普段酒」に変えてくれた一本がモスカートダスティ。イタリア・ピエモンテ州の甘口微発泡で、1000円台から買えて度数5%。実際に飲んで残った6銘柄と、合わせるとめちゃくちゃ捗るデザート・エスニック料理まで、自分のハマり方を書き残した記録です。
Tech Blog
Latest tech articles
左右にスワイプ
個人ブログにQRフォトメーカーを作った話【つまずきポイントと解決まで】
背景写真が透けて見えるQRコードを作れる「QRフォトメーカー」を個人ブログに実装しました。企画から実装、UX改善まで。qr-code-stylingでの半透明QR実装やWi-Fi特殊文字エスケープのつまずき、マージンUIの試行錯誤などを共有します。
【実体験】GA4 APIのRESOURCE_EXHAUSTEDは「待つだけ」で直った
Astroブログのビルド時にGA4 Data APIが突然RESOURCE_EXHAUSTEDエラーで動かなくなった。調べてみたら、意外と知られていない「サーバーエラークォータ」が原因でした。無料枠のクォータ制限の全体像と対策をまとめます。
Claude Code CLI 便利機能まとめ【セッション管理・コンテキスト操作・ショートカット】
Claude Code CLIの便利機能を紹介。会話を再開できる--continue、トークン節約の/compact、メッセージ編集のEsc+Escなど、知っておくと作業効率が上がる機能をまとめました。
AstroブログにMermaid図表を導入した話【ハマったポイントと解決策】
Astro製ブログにMermaid図表機能を追加しようとして、予想外に苦戦しました。rehype-mermaidの設定、Playwrightのエラー、シンタックスハイライトとの競合など、実際にハマったポイントと解決策を詳しく解説します。
【第2章】Meta タグとOGP設定でSNSシェアを最適化！Astroブログで実装してみた
SEO対策の第2章として、Meta タグとOGP設定をAstroブログに実装してみました。検索結果やSNSシェアの見栄えを改善する方法を、実際のコード例と試行錯誤のプロセスを交えて解説します。
個人ブログにQRフォトメーカーを作った話【つまずきポイントと解決まで】
背景写真が透けて見えるQRコードを作れる「QRフォトメーカー」を個人ブログに実装しました。企画から実装、UX改善まで。qr-code-stylingでの半透明QR実装やWi-Fi特殊文字エスケープのつまずき、マージンUIの試行錯誤などを共有します。
【実体験】GA4 APIのRESOURCE_EXHAUSTEDは「待つだけ」で直った
Astroブログのビルド時にGA4 Data APIが突然RESOURCE_EXHAUSTEDエラーで動かなくなった。調べてみたら、意外と知られていない「サーバーエラークォータ」が原因でした。無料枠のクォータ制限の全体像と対策をまとめます。
Claude Code CLI 便利機能まとめ【セッション管理・コンテキスト操作・ショートカット】
Claude Code CLIの便利機能を紹介。会話を再開できる--continue、トークン節約の/compact、メッセージ編集のEsc+Escなど、知っておくと作業効率が上がる機能をまとめました。
AstroブログにMermaid図表を導入した話【ハマったポイントと解決策】
Astro製ブログにMermaid図表機能を追加しようとして、予想外に苦戦しました。rehype-mermaidの設定、Playwrightのエラー、シンタックスハイライトとの競合など、実際にハマったポイントと解決策を詳しく解説します。
【第2章】Meta タグとOGP設定でSNSシェアを最適化！Astroブログで実装してみた
SEO対策の第2章として、Meta タグとOGP設定をAstroブログに実装してみました。検索結果やSNSシェアの見栄えを改善する方法を、実際のコード例と試行錯誤のプロセスを交えて解説します。
Tools
Browser-based utilities
QRフォトメーカー
背景写真が透けて見える、おしゃれなQRコードを作れるツール。URL・Wi-Fi対応。
使ってみる →推し酒カード
推しの一杯をカードにしてSNSでシェア。写真を選んで、フレーズを選ぶだけ。
使ってみる →
Games
Browser-based mini games
詠唱の塔 / Spell Chain Tower
タイピングが詠唱になる、一人称視点の魔法バトル。相性を読み、呪文を繋いで、100 階の塔を制圧せよ。
遊んでみる →ふわふわ数字 / Fluffy Numbers
無重力空間で数字をふよふよ漂わせて、ぶつけて目標値を作るゲーム。コア体験は「数字を柔らかーくする」。
遊んでみる → MEMO
Current interests
温泉
ここ最近はSPAや露天温泉に行くのが楽しみです。たまに感性がおじちゃんか?と思ったりしてます。温泉でお酒飲みたいけど、検索したら体に悪いらしいのでやっぱりやめがち。
Bar
Barに行く時は百名店を選びがち。雰囲気やお酒が良い。お酒の解説をしてくれるダンディなマスターも良い。
ゲーム制作
最近は Phaser 4 でブラウザゲームを作っています。タイピングで魔法を詠唱して 100 階の塔を踏破する「詠唱の塔」(/games/magic-typing-battle/) を公開中。
ブログ統計
総ページビュー数
7,109回