- PDFの代わりにHTMLファイル1枚をデジタル商品として販売する新手法
- チェックボックス・入力フォーム・進捗バーなど、アプリのように動作
- データはブラウザのローカルストレージに自動保存、オフライン動作可能
- 返金率がPDFの約8%からほぼ0%に激減
- 価格帯はPDFの700〜1,000円から1,400〜2,100円に引き上げ可能
- AIツールで生成できるためプログラミング不要でも作れる
- 競合がほぼ存在しないブルーオーシャン市場
本文と内容
俺もやってたし、それなりに稼いでた。
でも誰もやってないことに切り替えたら、全然違う結果になったから聞いてくれ。
印刷して終わりの静的なPDFじゃなくて、ブラウザで開く1枚の.htmlファイルを商品として売り始めたんだ。
見た目も動きも本物のアプリみたいで、チェックボックスはちゃんとチェックできるし、フィールドに入力できるし、使うほど進捗バーが伸びていく。
データは自動保存、オフライン動作、アカウント不要、サブスク不要、インストール不要。
ファイル1個だけ。
ダブルクリックすればChromeかSafariで開いてすぐ使える。
PDFよりHTMLが圧倒的に優れている理由
PDFって要はスクリーン上の印刷物だよね。
デジタルで入力する人なんてほとんどいない、体験が最悪だから。
印刷して失くすか、Adobeで入力しようとして途中で嫌になるかのどちらか。
HTMLファイルは違う。
アプリのように動作するから、使っていて気持ちいい。
人は実際に使ってくれるし、使われた商品はレビューが良くなって、口コミが広がって、返金申請もされない。
PDFの返金率が約8%だったのに、インタラクティブファイルはほぼ0%になった。
認知される価値がまったく違うんだよ。
PDFは「無料で当然」な感じがするけど、インタラクティブツールは「月額1,400〜2,800円払ってもいい」くらいに感じられる。
どうやって作るか
俺は開発者じゃない、普通に日中仕事してる一般人だ。
使ってるのはこれだけ:
Tailwind CSSをCDNから読み込んだ1枚のHTMLファイル。
スタイリング、JavaScript、コンテンツ、全部1ファイルに収まってる。
サーバーなし、ホスティングなし、データベースなし。
データは購入者のブラウザのlocalStorageに保存される。
構成はシンプル。
商品タイトルのヘッダー、上部に進捗バー、セクション切り替えのタブ、各タブに入力フィールド・チェックリスト・ドロップダウン・スライダー・テキストエリアが混在してる。
ダークモードの切り替えもある(みんな大好き)。
エクスポートボタンでJSONファイルにバックアップできる。
基本的なHTMLが分かれば週末で作れる。
分からなくてもAIに説明するだけで全部生成してくれる。
各セクションで何をしたいか、どんなフィールドが必要かを伝えるだけでOK。
インタラクティブ商品として売れるジャンル
誰かが時間をかけて追跡・記録・計測する必要があるものなら何でもいける。
健康管理系は定番だけど、意外と売れたのがこれ:
・サワードウスターターのトラブルシューティングトラッカー
毎日の餌やり、温度、膨らみ時間、匂いを記録して何が悪いか分かる仕組み。
ニッチに聞こえるけど、サワードウコミュニティは本当に熱狂的。
・自宅リノベーションの意思決定トラッカー
部屋ごとの予算、業者比較、材料選択、スケジュール管理。
リノベ中の人は混乱してるから、1,400円でも整理できるものに喜んで払う。
・ペットのしつけマイルストーントラッカー
毎日の訓練記録、覚えたコマンド、行動メモ、動物病院スケジュール。
新しい子犬を飼った人は管理できる何かを切実に求めてる。
パターンは常に同じ:ストレスだらけのプロセスの真っ只中にいて、複数のことを同時に追跡する必要がある人を見つける。それを美しく解決するツールを提供する。
価格の差
PDFは700〜1,000円で売ってて、それが妥当な感じだった。
インタラクティブ版は1,400〜2,100円で売っても誰も文句言わない。
本当に別カテゴリーの商品として感じられるから。
もう書類を売ってるんじゃなくて、ツールを売ってる。
ファイルの中身
上部のタブでセクション切り替え。
各セクションには本物の入力フォーム、気持ちいいアニメーションのチェックボックス、関連オプションのドロップダウン、痛みのレベルや満足度スコア用のスライダーがある。
全自動保存なので、ブラウザを閉じて1週間後に戻ってもデータがそのまま残ってる。
エクスポートボタンで全データをJSONでダウンロード、インポートボタンで復元できる。
複数デバイスで使いたい人向けに、クラウドサービスなしでデータを移動できる仕組みだ。
ダークモードの切り替えは意外と重要。
バカみたいに聞こえるかもしれないけど、コメントで毎回言及される。
夜にトラッカーを使う人は白い光を浴びたくないんだよ。
競合参入の難しさ
ここが一番興奮したところ。
Canvaを使える人なら誰でも1時間でPDFをコピーできる。
でもlocalStorage・タブナビゲーション・進捗追跡・自動保存を備えた動作するHTMLファイルは?
実際のスキルかそれ相応のツールが必要で、ほとんどの出品者には無理。
数週間販売してるけど、競合が1つも見当たらない。
どんなニッチで検索しても、結果は100%静的なPDFとプリンタブルだらけ。
本当に動くものを出品したら、完全に別次元の話になる。
試してみたい人へ
自分が理解してるニッチ1つから始めて、追跡に必要なものをまとめる(4〜6セクション、各5〜8フィールド)。
1枚のHTMLファイルで作り、localStorageでデータが永続することを確認する。
スマホでテストすること(スマホで使う人が多いから)。
最低1,400円で価格設定すること。
最初の1つは手間がかかる。
でも一度テンプレートができれば、あとは新しいニッチごとにコンテンツを入れ替えるだけ。
質問あれば何でも答えるよ。今週末ずっとチェックしてる。
デモはこちら:
https://kupkaike.com/demo/sourdough-tracker
That’s the whole game right there. People don’t pay for information, they pay for not having to figure it out themselves.
・BOOTH(デジタルデータ販売): https://booth.pm
・BASE(ネットショップ開設): https://thebase.com
・note(デジタルコンテンツ販売): https://note.com
ボットを週末だけレンタルしたんだろwww
wwwどこにも行かないよ、今週末ずっとチェックするって意味ね。
質問あれば遠慮なくどうぞ!
一番早く結果が出るツールを使ってるだけだよ。
週末プロジェクトでも仕事帰りの夜でも関係ない。
大事なのは結果が出てること、購入者が満足してること、返金率がほぼゼロってこと。
どうやって作るかより、ちゃんと機能してるかどうかの方が重要。
こういうトラッカーってスプレッドシートで全部できる気がするんだけど、何か見落としてる?
批判じゃなくてマジで聞いてる
俺も同じ疑問を持ってて、最終的にはほとんどの人がこういう用途にAIの使い方を知らないんだって結論に近づいてる。
いい質問だよ、正直。
できるし、実際にやってる人もいる。
でもほとんどの人は30分かけてAIに指示して、出力を修正して、レイアウトを調整して、保存の設定を考えて……ってやりたくないんだよ。
すぐに使えて、見た目が良くて、ちゃんと動くものが欲しいんだ。
Googleスプレッドシートで自作できるのに食事管理テンプレートを買う人がいるのと同じ。
利便性+クオリティを低価格で手に入れる感覚。
1,400円のトラッカーを買う人はエンジニアじゃなくて、疲弊した新米パパかママか、健康管理に追われている人。
とにかく動くものが欲しいだけ。
それに、スプレッドシートとHTMLのインタラクティブファイルは体験がまったく違う。
朝6時に薬の記録をつけるためにスマホでExcelを開く人なんていないよ。
一番の違いはlocalStorageの永続性だよ。
スプレッドシートはGoogleドライブに保存しない限り、開くたびにリセットされる。
HTMLファイルにJavaScriptを少し加えるだけで、ユーザーの入力がブラウザのローカルストレージに自動保存されて、タブを閉じても1週間後に戻っても全部残ってる。
ログインなし、クラウドなし、アカウントなし。
シンプルなトラッカーとしては地味に強力なUX上の優位性だと思う。
特に技術的に詳しくない人はね。
実際に俺も、別サービスで2分あれば誰でも無料でできることをリスト出品してるけど、自分でやり方がわからない人が定期的に買ってくれてる。
これは絶対試してみる!
まさにそれが全てだよ。
人は情報にお金を払わない、自分で調べなくていい楽さにお金を払うんだ。
最初の作品、頑張って!
テンプレートができるまでが一番大変で、あとは各ニッチにコンテンツを入れ替えるだけだから。
投稿にも書いたけど、選択肢はいくつかある。
一番簡単なのはEtsy(海外)で、購入者がすでにデジタル商品を探して集まってるから。
日本ならBOOTHやnoteもデジタルデータ販売できる。
HTMLファイルは他のデジタル商品と同じようにダウンロード販売できる。
購入者はHTML形式だとは気づかずダウンロードして、開いて初めて「あ、これちゃんと動く」って気づくんだよ。
すでにどこかにフォロワーがいるなら手数料が少ないプラットフォームの方がいい。
ゼロから始めるなら既存トラフィックがある場所を使った方がいい。
www確かに、最近Claude使いすぎてるかも。
でも言いたいことは本当で、今Etsyでこれを作ってる人は誰もいないし、CanvaユーザーがPDFをコピーするみたいには真似できない。
なんて言葉を使おうが事実は変わらないよ。
インタラクティブファイルをEtsyで売ってるんじゃなくて(1件しか売れてない)、俺たちに売ってるんだよこれwww
こういうのを考えてたけど、マーケットプレイスとしてEtsyは思いついてなかった。
でも「TailwindCSSをCDNから読み込む」って書いてるけど、CDNって何ですか?
コンテンツデリバリーネットワークのこと。
画像とかのアセットを配信するサードパーティのホスト。
JSONが何か知ってる人はそれなりに上級者だからね。
ファイルに保存するって概念だけ分かれば十分で、ほとんどのPCユーザーはそれは知ってると思う。
それは実際スマートなアイデアだよ。
変更内容をHTMLファイル自体に書き戻して、ファイルが常に最新版になる仕組みなら、別のJSONがどこかに浮遊することもない。
確かにほとんどの購入者はJSONが何か知らないし、知る必要もない。
実装できるか調べてみる。
今はエクスポートはあくまでセーフティネットとして入れてるけど、保存をファイル直接書き込みにした方がはるかにスマートな体験になるよね。
いいアドバイスありがとう。
自分も作ってるものがあって。
どのニッチで作ってるの?
基本的な構造はどれも同じで、購入者が何を追跡する必要があるかによってフィールドとセクションが変わるだけだよ。
私はPDFワークシートを販売してるんだけど、HTMLファイルにするとか記入式PDFにするとか考えたことなかった。
教育系で先生が生徒に配ったり、生徒本人が使うコンテンツなんだけど、どう思う?
教育は正直めちゃくちゃ向いてるよ。
生徒がHTMLファイルを開いたら、インタラクティブな単語カード、学習進捗トラッカー、カバーしたトピックのチェックリストと進捗バーが使える。
印刷ワークシートより全然魅力的。
先生向けには授業内行動トラッカー、課題プランナー、成績計算機、保護者連絡ログなんかも刺さる。
先生は管理作業に溺れてるから、楽になるなら払ってくれる。
一番売れてるPDFワークシートをインタラクティブ版にリビルドして、両フォーマット並べて売ってみて、どっちがいいレビューをもらえるか見てみるといいよ。
ChromebookやiPadで使う生徒が多いなら、インタラクティブ版が圧勝すると予想してる。
怒った購入者が来るかもよ。
部分的には正しいよ。
localStorage自体は期限切れしない、ユーザーが手動でブラウザデータを削除しない限り残り続ける。
でも「閲覧データをすべて削除」をやったら確かに消える。
だからすべての商品にエクスポートボタンを付けてる。
全データをJSONファイルでダウンロードしてどこにでも保存できる。
インポートボタンで復元もできる。
最初の数回使用時には「定期的にバックアップしてください」というリマインダーも上部に表示してる。
今のところデータ損失のクレームはゼロ。
でもエクスポート・インポートは絶対に外せない、全商品に必要な機能。
YouTubeで検索してみて。
正直なところ、完全には防げない。
PDF、電子書籍、テンプレート、どんなデジタル商品でも同じ問題がある。
でも実際のところほぼ問題にならない。
1,400円のトラッカーを買う人がHTMLファイルを転売するビジネスをやってるわけじゃないから。
仮に誰かが試みたとしても、コードを理解してリブランドしてマーケティングするスキルが必要で、そこまでできるなら最初から自分で作ればいい話。
本当の守りは前進し続けること。
改善し続けて、新しいニッチを出し続けて、評判を積み上げていく。
誰かがバージョン1をコピーする頃には、こっちはもうバージョン5にいる。
こういうの長続きしないことも多いけど、これは本当にいいって分かる!
シェアしてくれてありがとう、こんなアイデア思いついてくれてありがとう!
ACHIEVEMENT UNLOCKED:
🏆🥇本日最優秀コメント賞🥇🏆
PDFについては完全に同意で、これが新しい主流になると思う。
記事に埋め込むと滞在時間も伸びるしね。
唯一の疑問は、Googleに嫌われないかどうか…広告審査の承認待ちなんで。
とにかくGood job!
絶対試してみる!
ありがとう!
どうなったか教えてよ。
最初の1つを作るまでが一番大変だけど、テンプレートさえできれば後はスピードが上がるから。
いい質問。
HTMLファイルは購入者のブラウザ内で完全にローカル動作する。
データはどこにも送信されない、サーバーなし、クラウドなし、アカウントなし。
すべてのデータはlocalStorageにデバイス上で保存される。
だからデータ送信に関する懸念はない。
ただ俺はコンプライアンスの専門家じゃないし、医療機関に販売するなら先方の要件がある。
免責事項を付けて、認定医療システムではなくローカルツールだと購入者に明示するといいよ。
購入者は自分の要件に合わせて使い方を調整できるから。
データの永続化ってどうする?
例えば読み取り専用バージョンを誰かに送りたい場合、一番いい方法は?
データはブラウザのlocalStorageに残るから、戻ってきたときに常にそこにある。
読み取り専用バージョンの共有なら、一番スマートなのは全データを埋め込んだ2つ目のHTMLファイルを生成するエクスポート機能で、入力欄は無効化された状態にする。
受け取った人はファイルを開くだけで全部入力済みの状態が見られて、編集はできない。
ある時点での進捗のスナップショットみたいな感じ。
まだ作ってないけどリストに入れてある。
専門ニッチで複数のドキュメントからなるキットを作ってるんだけど、お客さん向けのカスタムサイトにするアイデアが好き。
全購入者に同じHTMLファイルを渡すの?それとも各顧客向けにカスタマイズしてる?
全員に同じファイルを渡してる。
それがこの方法の良さで、カスタマイズは使い始めた瞬間から各自でされる。
自分のデータを入力して、自分でチェックして、自分の進捗を追跡していく。
だから数分使えば全員のファイルが自分だけのものになる。
1件1件対応する追加作業はゼロで、それがスケールできる理由。
1回作ったら何千回でも同じファイルを売れて、全購入者が自分のものとして感じてくれる。
PDFには著作権データを埋め込んでるけど、HTMLの場合タグをどう入れるか分からないし、簡単に抜き取られそう。
HTMLに隠しコメントかデータ属性として一意のIDや購入者識別子を埋め込むことはできる。
探し方を知ってる人なら削除は簡単?そうかもね。
でも知ってる人がPDFのメタデータを削除するのも簡単。
現実として99%の購入者は開発ツールを開いたりソースを見たりしない。
ただ商品を使うだけ。
追加のレイヤーが欲しければJSを少し難読化することもできるけど、正直そこまで気にしなくていいと思う。
海賊版を追跡する労力は、次の商品を作るために使った方がほぼ確実に有益。
出典:Reddit

コメント