メインコンテンツへスキップ
見出し画像

コードが書けない僕が、ココフレンズのゲームを完全無料でLINEミニアプリにした話

    こんにちは、RUIです😊

    ココフレンズのミニゲーム「おやつキャッチ」が、LINEの中で遊べるようになりました!

    犬や猫を左右に動かして、上から落ちてくるおやつをキャッチする60秒のゲームです。

    👇LINEでタップするだけで遊べます(無料・インストールなし)

    https://miniapp.line.me/2011859937-8rxtyOAy


    画像

    この記事では、個人のゲームを、お金をかけずにLINEミニアプリとして出すまでにやったことを、そのまま書きます。

    途中で「キャラが全部ちがう」「音が鳴らない」というトラブルもありました。同じことで困っている人のヒントになればうれしいです。

    ※情報は2026年10月5日時点。LINEの仕組みや料金は変わることがあるので、最新の公式情報も確認してください。
    📣10月6日追記:新作ゲーム「ダジャレ神経衰弱」を公開しました! 新しいゲームのお知らせは、LINE公式アカウント「ココフレンズ」でいちばん早く届けています(くわしくは記事の最後へ)。

    https://line.me/R/ti/p/@588hqmvj

    まず結論。未認証ミニアプリなら、個人でも無料で出せた

    LINEミニアプリには、未認証と認証済みの2種類があります。

    • 未認証ミニアプリ:日本の個人でも作れる。審査なし。

    • 認証済みミニアプリ:法人か個人事業主が対象。審査あり。

    僕は今回、未認証で出しました。

    かかったお金は、0円です。

    • ゲームの置き場所:Cloudflare Pages(無料プラン)

    • LINEミニアプリの登録:無料

    • LINE公式アカウント:無料プラン

    LINEミニアプリポリシー(利用対象者)

    未認証と認証済みの違い(LINE Developers)

    やったことは、大きく4つ

    ① ゲームをインターネット上に置く

    LINEミニアプリは、どこかに公開されたWebページをLINEの中で開く仕組みです。

    なので最初に、ゲームのファイル一式をCloudflare Pagesにアップロードしました。zipファイルを選んで「Deploy」を押すだけで、〜.pages.dev というアドレスができます。

    ② LINE Developersでミニアプリを作る

    LINEアカウントでログインして、

    1. 「プロバイダー」(運営者名の入れ物)を作る

    2. 「LINEミニアプリ」のチャネルを作る

    3. ①のアドレスを「エンドポイントURL」に入れる

    これで、miniapp.line.me/〜 というLINEで開くためのリンクが発行されます。

    チャネル名には「LINE」という言葉は使えないので注意です。

    ③ プライバシーポリシーと利用案内を用意する

    登録には、プライバシーポリシーのページが必要でした。

    このゲームは記録をスマホの中だけに保存していて、LINEのプロフィールや友だちリストは受け取っていません。実際の動きと、ポリシーに書く内容をそろえることを一番気にしました。

    LINE側の設定でも、プロフィール情報を受け取る権限は外しています。

    ④ LINEの中で、実際に開いて確かめる

    パソコンのブラウザで開くと、「スマートフォン版LINEでご利用になれます」とQRコードが出ます。

    最後は自分のiPhoneのLINEで開いて、キャラと音楽がちゃんと出るかを確かめました。

    つまずいたこと3つ

    「キャラが全部ちがう!」→ 更新が公開されていなかった

    いちばん焦ったのがこれです。

    手元のゲームは、18匹ぜんぶ新しいイラストに直してあったのに、遊んでいるゲームは古いキャラのまま。

    原因は、直した版が公開されていなかったこと。以前の公開作業がネットワークのエラーで止まっていて、古い版が表に出たままでした。

    「直したつもり」と「公開されている」は別物。公開したあとに、実物を開いて確かめるのが大事だと学びました。

    「音が鳴らない!」→ 新しいセーブは音OFFから始まる設定だった

    公開先が変わると、ゲームの記録もまっさらになります。

    このゲームは、新しい記録だと「音OFF」から始まる作りでした。しかも音のボタンが設定画面の中にあって、気づきにくい。

    最初から音ONで始まるように直して、すでに遊んでいた人の記録も、1回だけONに戻すようにしました。

    マナーモードのときはどうする?

    iPhoneのマナーモード中に鳴らすこともできます。でも、電車の中でいきなり音が出たら困りますよね。

    なので、マナーモードのときは鳴らないほうを選びました。

    未認証のままだと、検索で見つけてもらえない

    ここが未認証の一番の弱点です。

    未認証ミニアプリは、LINEの中で検索しても出てきません。リンクやQRコードを、自分で届ける必要があります。

    そこで、知ってもらうための仕組みを3つ用意しました。

    ① 結果画面に「LINEで友だちに送る」ボタン

    「○○点とったよ!」を、そのままLINEの友だちに送れます。遊んだ人が、次の人を連れてきてくれる形です。

    ② SNS用の素材

    プレイ動画(20秒)と、QRコード付きの画像を作りました。Instagramはプロフィールのリンク欄に、遊ぶリンクを入れています。

    ③ LINE公式アカウント「ココフレンズ」

    トーク画面の下のメニューから、

    • 「ゲームであそぶ」→ おやつキャッチ

    • 「スタンプを見る」→ ココフレンズのLINEスタンプ一覧

    に行けるようにしました。

    ゲームで遊んでくれた人が、スタンプにも出会える。ゲームとスタンプがつながったのが、今回いちばんうれしかったところです🐶

    AIと僕の分担

    今回は、Claudeにブラウザを操作してもらいながら進めました。

    Claudeがやったこと

    • ゲームの修正と、公開前のテストプレイ

    • Cloudflare・LINE Developers・公式アカウントの入力

    • プライバシーポリシー、アイコン、SNS用の画像と動画づくり

    僕がやったこと

    • ログイン

    • 規約への同意

    • アップロードするファイルを選ぶ

    • 「公開していいよ」の判断

    • iPhoneのLINEで実際に遊んで確認

    ログインや規約への同意、公開の判断は、自分の名前で責任を持つところ。ここはAIに任せずに自分でやる、という線引きが、ちょうどよかったです。

    自分の作品に置き換えるなら?🌱

    ゲームを作っていなくても、この形は使えると思います。

    • スタンプを作っている人:スタンプのキャラで遊べるミニゲームや占いを作って、公式アカウントのメニューに置く

    • お店をやっている人:メニュー表や、来店スタンプカード風のページをミニアプリにする

    • 講座をやっている人:小テストやチェックリストを、LINEで開ける形にする

    ポイントは、LINEの中で完結する、小さくて楽しいものから始めることです。

    おわりに


    画像

    まずは、遊んでみてください🦴

    👇おやつキャッチ(LINEで無料)

    https://miniapp.line.me/2011859937-8rxtyOAy

    👇LINE公式アカウント「ココフレンズ」

    https://line.me/R/ti/p/@588hqmvj

    👇ココフレンズのLINEスタンプ

    https://store.line.me/stickershop/author/6582719/ja

    60秒で、あなたは何点とれましたか?

    次は、遊んでくれた人をどうやって「また来たい」につなげるか。新しいフレンズや衣装を、公式アカウントからどう届けるかを試していきます。

    追記(2026年10月6日)新作ゲームとLINE公式アカウントのお知らせ

    この記事のあと、ココフレンズの2つめのゲーム「ダジャレ神経衰弱」を公開しました🃏

    犬・猫のダジャレカードで遊ぶ神経衰弱です。ひとりで練習、CP対戦、1台のスマホを渡して2〜4人でも遊べます(無料・インストールなし)。

    👇ダジャレ神経衰弱

    https://coco-friends-dajare.pages.dev/

    画像
    #SUZURI #神経衰弱
    画像

    LINE公式アカウント「ココフレンズ」のメニューも4つに増やしました。友だち追加しておくと、トーク画面の下から、おやつキャッチ・神経衰弱・LINEスタンプ・オリジナルグッズにすぐ行けます。新しいゲームやフレンズも、ここで最初にお知らせします🐾

    👇LINE公式アカウント「ココフレンズ」を友だち追加

    https://line.me/R/ti/p/@588hqmvj

    👇ココフレンズのオリジナルグッズ(SUZURI)

    https://suzuri.jp/cocofriends

    #LINEミニアプリ #ココフレンズ #個人開発 #Claude #AI活用 #LINEスタンプ #SUZURI #神経衰弱  

     
     
    パーソナルトレーナー×飲食店員🌷 プログラミング経験ゼロから、AIでアプリ・LINEスタンプ・動画づくりに挑戦中! 最新AIの「すごい!」を、自分の仕事や副業で「使える!」に。 うまくいったことも失敗も、仮説↔検証で発信します🧪

    あなたへのおすすめ