トップに戻る

開発Tips

16 件の記事

開発効率化・ツール・Tipsに関する記事

#NextJS #Supabase #Operations

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第12回】2026年4月5日、すべてが動いた日

前日23:58の最終コミット。当日コミット0件。3ヶ月・170コミットの全てを賭けた2時間半。披露宴から二次会、表彰式、フィナーレまで──結婚式カジノ本番の全記録。

#NextJS #Supabase #NFC

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第11回】「祭りのあと」を設計する

NFCタグを「ゲーム道具」から「思い出の鍵」に変える。称号システム、サンキューページ、フォトギャラリー。イベント終了後の余韻を設計するエピローグ篇。

#Supabase #PostgreSQL #Security

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第10回】ゲームを壊さないための多層防御設計

結婚式カジノのゲームバランスを守る多層防御。クライマックスルール、冪等性保証(source_ref)、PIN認証レート制限、不正画像検出(AWS Rekognition DetectModerationLabels)の実装を解説。

#NextJS #Supabase #UXDesign

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第9回】全員が得をするゲームの仕掛け

「チップを払ってメッセージを送る」が機能しなかった理由と、「送ると500チップもらえる」に反転させたUX改善の全記録。3カテゴリ制、いいね報酬、新郎新婦からの返信機能まで、メッセージを中心にした体験設計を解説。

#NextJS #Supabase #NFC

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第7回】席次カードにNFCを仕込んだら、受付が感動体験になった

席次カードをNFCカードにしたら、受付→個別メッセージ表示→顔認証→プロフィール登録が1タッチで繋がった。披露宴と二次会をシームレスに橋渡しするNFC席次カードの設計と実装を解説。

#NextJS #Supabase #PostgreSQL

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第8回】40人が一斉参加する「みんなで大予想」の設計と実装

「ケーキ入刀でどちらが先に食べさせる?」に全員がチップを乗せる。競馬と同じ変動オッズ方式、シード金によるオッズ安定化、締切後のドキドキ演出──新郎新婦2人で運営できる大予想システムの全てを解説。

#NextJS #Supabase #NFC

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第6回】物理NFCチップと対戦システムの実装

40枚の物理NFCチップがデジタルとリアルを繋ぐ。チップをタッチするだけで対戦が始まるPayPay風1vs1送金、最大10人のバトルロイヤル、Supabase Realtimeによるリアルタイム同期を完全解説。

#Python #AI画像生成 #自動化

AI画像の選別が面倒すぎたので、Python 200行で生産性を3倍にした話

AI画像生成で大量に出力される画像の振り分け作業を、キーボード1つで生産性3倍にするPythonツールを作った話。tkinter製、依存最小、Undo付き。

#GameDesign #Supabase #PostgreSQL

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第5回】ゼロサムにしないゲーム設計

結婚式二次会で「誰も損しないゲーム」を作るには?ゲーム理論をベースにしたチップ経済圏の設計と、PayPay風QR送金UI、PostgreSQLトランザクションによるアトミックなチップ移動の実装を解説。

#NextJS #Supabase #PostgreSQL

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第4回】写真が流れるスライドショーを作った話

Framer Motionで写真がポラロイド風に流れるアニメーション、PostgreSQLの排他制御で複数スクリーンの重複表示を防ぐ。結婚式スライドショーの設計と実装。

#NextJS #Supabase #AWS

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第3回】写真をAI顔認識で自動タグ付けする仕組み

HEIC変換からAWS Rekognition Face Collectionによる自動タグ付け、不正画像検出まで。結婚式の写真システムをフルスタックで設計した記録。

#NextJS #Supabase #Architecture

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第2回】「1回限り」のシステムを設計する

40人を60秒で匿名認証し、披露宴と二次会でUIが切り替わるデュアルモードシステム。Next.js 15 + Supabase で「1回限り」のイベントをどう設計したか。

#NextJS #Supabase #Wedding

エンジニアが新婦のために結婚式にITで全力で貢献しようとした話【連載第1回】なぜ結婚式に「IT」で貢献しようと思ったのか

「記憶に残る結婚式を贈りたい」。新婦のその一言から、Next.js + Supabase で40人が熱狂するシステムを作りたいエンジニアの開発記録・序章。

#ClaudeCode #AI #開発効率化

Claude Codeで開発効率を3倍にした話

AIペアプログラミングツール「Claude Code」の導入から実践活用まで。Skills・Hooks・MCP・CLAUDE.mdなど最新機能を初心者向けに解説します。

#GA4 #React #GitHub Actions

個人ブログ・Zenn・Note・Qiita+複数LPを1つのダッシュボードで一括管理する仕組みを作った

5つのプラットフォームと複数のLPのアクセス解析を1画面に集約するReactダッシュボードを構築。GA4 Data API・Search Console・Cloudflare・各プラットフォームAPIを統合し、GitHub Actionsで毎朝自動更新する仕組みの設計と実装を解説します。

#Python #Note #API

NoteのProseMirror対応HTML変換を作った話|アイキャッチ画像APIも発見

NoteのProseMirrorエディタが受け付けるHTML形式をテストで完全特定し、Markdown→HTML変換器を構築。さらにJSバンドル解析でアイキャッチ画像APIを発見し、1コマンドでOGP画像の自動設定を実現した話。