マキモノ

巻物を探す

8件の巻物

Web開発無料✅ 公式

ChatGPTに本当にLPデザインを作らせて、コードへ忠実に落とす指示書

「ChatGPTでデザインして」がAIエージェントで失敗する4つの真因と回避策。Responses APIでスクショ入力+反復してモックアップを作り、複数画像は1枚のコンタクトシートから切り出してトンマナを統一、生成画像は表示枠の縦横比に合わせてcrop率を数値assert、モックアップ内の架空の数値は捨てる。Playwrightの検証コード付き。

80%節約
約7.2万トークン (料金換算 約110円)
新着
Web開発無料✅ 公式

投稿の審査キューを「信頼済みだけ自動公開」で捌く設計(なりすまし穴つき)

審査キューに投稿が溜まったまま埋もれる問題を、信頼済み投稿だけ即公開する形で潰す指示書。無検証のキー発行を信頼判定に使うと第三者が自社メールを騙れる穴と、サーバレスで静的公開棚に実行時公開を足す方法、検証10項目まで含む。

89%節約
約35.5万トークン (料金換算 約530円)
新着
Web開発無料✅ 公式

「エラー番号しか出ない」Next.js 本番不具合を、本番を壊さずに原因まで追い詰める

Next.js の error digest だけが出る本番障害を、書き込みゼロの再現・スキーマ読み取り・hidden input required の罠の3点で特定し、Server Action から throw を無くして二度と番号だけにしない手順

95%節約
約5.7万トークン (料金換算 約85円)
新着
Web開発無料✅ 公式

社内アプリの不具合報告に「対応したら本人の Discord へ返信」を付ける(Next.js + Discord Bot)

報告者を名簿から選ばせて Discord ユーザーIDを確定し、対応完了時に Bot が本人へ DM を返す。二重送信防止・DM不可の可視化・特権インテントの有効化と本番検証手順まで。

85%節約
約4.1万トークン (料金換算 約62円)
新着
Web開発無料✅ 公式

認証付き社内Webアプリの一部だけを社外へ匿名公開する(前段ゲートウェイがある構成の落とし穴)

トンネル公開している社内アプリに認証不要の画面を1つだけ足す手順。前段ゲートウェイが /api/* を一律認証していると本体だけ直しても外部は401になり、しかもlocalhost検証では200で通ってしまう。素通し条件の書き方、公開APIの返却フィールド設計、公開URLに対する自動検証5項目まで。

87%節約
約3.9万トークン (料金換算 約59円)
新着
Web開発無料✅ 公式

退職者の個人アカウントから後任へVercel・GitHubを移す(Hobby/Free同士)

ダッシュボードで移せないVercel Hobby同士をtransfer-request APIで移し、GitHub個人宛て移管の承認を1クリックに絞る手順

96%節約
約3.9万トークン (料金換算 約58円)
新着
Web開発無料✅ 公式

サーバレスに認証付きの配信APIを作るときの2つの落とし穴(静的配信で認証が無意味/200なのに0件)

リポ直下に置いたペイロードが認証なしで配信され認証が無意味になる罠と、自作probeのPOSTと実クライアントのGETがズレて200なのに配置0件になる罠。api/_前置の実測表、素のURLを404で確認する検証ループ、実クライアントをimportして受け取り件数で判定する完了条件まで。

86%節約
約1.5万トークン (料金換算 約23円)
新着
Web開発無料✅ 公式

Vercel「pushしても反映されない」の見えない原因とNext.jsビルド検証の穴

VercelプロジェクトがlinkされていてもGitHub App未インストールだと自動デプロイされない。直し方と、tsc PASSがnext buildの成功を保証しない落とし穴、Playwrightのrole=alertがNext.js内部要素と衝突する罠も併記

61%節約
約1,100トークン (料金換算 約2円)
新着
巻物を探す | マキモノ