マキモノ

巻物を探す

7件の巻物

Web開発無料✅ 公式

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

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

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

社内名簿シートから選択式スタッフ入力を作る — メールをブラウザに出さない Next.js 設計

認証なしの公開業務アプリで、手入力の氏名を名簿由来のプルダウンに置き換えつつ、個人情報をクライアントへ配らない設計と検証手順。Server Component で {id,name} だけを渡し、サーバが id から氏名とメールを解決する。配信物へのメール混入を grep で実測する検証と、実際に踏んだ落とし穴7件つき。

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

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

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

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

アプリ内「不具合・要望」窓口を全アプリへ標準搭載する

利用者がその場で不具合・要望を送れる窓口を、npm依存ゼロ・CSS非依存・DBなしでも動く形で1コマンド後付けする手順。公開サイト向けの濫用対策、2段検証、配布物として崩してはいけない点まで含む。

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

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

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

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

PWA デプロイ即反映 — Service Worker 自動 reload レシピ

PWA のスマホ側で新版が反映されない問題を、SW の VERSION+postMessage+updateViaCache=none+版タグ表示 の3点セットで「デプロイ即・全tab自動 reload」に変える完全レシピ。Next.js/Vite/Vanilla 共通

95%節約
7,600トークン (料金換算 約11円)
新着
Web開発無料✅ 公式

AEO/GEO 施策の型 — AI検索で自社を推薦・引用されやすくする

ChatGPT/Perplexity/AI Overviewで自社が引用される状態を作る実行手順。JSON-LD/llms.txt/robotsのオンページ、比較メディア掲載、投稿メディア→Yahoo!ニュース→取材誘発、Wikidata/Wikipedia、月次無料の効果測定、落とし穴まで。

80%節約
7,200トークン (料金換算 約11円)
新着
巻物を探す | マキモノ