LINEミニアプリ タイ2026：開発ガイド＆ビジネス機会

WeChatミニプログラム（中国）           LINEミニアプリ（タイ/台湾）
- 400万以上のミニプログラム            - 2026年Q1-Q2にローンチ
- 月間9億以上のユーザー               - タイだけで5600万ユーザー
- 成熟した決済エコシステム             - LINE Pay + 銀行統合
- 全業界をカバー                      - 初期フォーカス：飲食業
- 深いソーシャルコマース               - 成長するeコマース機能

ユーザーがQRコードをスキャン / リンクをクリック
       |
       v
LINEアプリがMini Appコンテナを起動
       |
       v
ミニアプリがロード（Webベース）
       |
       +---> LINE Login（自動認証）
       |       |---> ユーザープロフィール
       |       |---> 権限
       |
       +---> アプリロジック（バックエンド）
       |       |---> メニュー / 商品
       |       |---> 注文 / 予約
       |       |---> カスタム機能
       |
       +---> LINE API
       |       |---> Messaging API
       |       |---> LINE Pay
       |       |---> Share Target Picker
       |
       +---> LINEチャットに送信
               |---> レシート
               |---> 注文更新
               |---> フォローアップメッセージ

// app/mini-app/restaurant/page.tsx
"use client";

import { useEffect, useState } from "react";
import liff from "@line/liff";

interface MenuItem {
  id: string;
  name: string;
  price: number;
  image: string;
  category: string;
}

export default function RestaurantMiniApp() {
  const [profile, setProfile] = useState<liff.Profile | null>(null);
  const [menu, setMenu] = useState<MenuItem[]>([]);
  const [cart, setCart] = useState<Map<string, number>>(new Map());

  useEffect(() => {
    liff.init({ liffId: process.env.NEXT_PUBLIC_LIFF_ID! }).then(async () => {
      if (liff.isLoggedIn()) {
        const userProfile = await liff.getProfile();
        setProfile(userProfile);
      } else {
        liff.login();
      }

      const res = await fetch("/api/mini-app/menu?restaurant=xxx");
      const data = await res.json();
      setMenu(data.items);
    });
  }, []);

  async function submitOrder() {
    const items = Array.from(cart.entries()).map(([id, qty]) => ({
      menuItemId: id,
      quantity: qty,
    }));

    const response = await fetch("/api/mini-app/order", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ userId: profile?.userId, items }),
    });

    const order = await response.json();

    if (liff.isApiAvailable("sendMessages")) {
      await liff.sendMessages([{
        type: "text",
        text: `注文 #${order.id} 完了！合計: ${order.total} THB`,
      }]);
    }

    liff.closeWindow();
  }

  return (
    <div className="min-h-screen bg-white">
      <header className="sticky top-0 bg-[#06C755] text-white p-4">
        <h1 className="text-lg font-bold">レストランメニュー</h1>
        <p className="text-sm opacity-90">
          ようこそ、{profile?.displayName || "ゲスト"}さん
        </p>
      </header>
      {/* メニュー項目とカートUI */}
    </div>
  );
}

const miniAppStack = {
  framework: "Next.js 16 (App Router)",
  ui: "TailwindCSS + shadcn/ui",
  liff: "@line/liff v2.24+",
  payments: "LINE Pay API v3",
  backend: "Next.js API Routes",
  database: "PostgreSQL + Prisma ORM",
  hosting: "Vercel (Edge最適化)",
  analytics: "LINE Analytics + カスタムイベント",
};

// services/mini-app-ai-assistant.ts
import { GoogleGenerativeAI } from "@google/generative-ai";

const genAI = new GoogleGenerativeAI(process.env.GEMINI_API_KEY!);

async function aiOrderAssistant(
  message: string,
  context: MiniAppContext
): Promise<{ reply: string; action?: OrderAction }> {
  const model = genAI.getGenerativeModel({ model: "gemini-2.5-pro" });

  const prompt = `あなたはレストランのLINEミニアプリ内のAIアシスタントです。
ユーザー: ${message}
利用可能メニュー: ${JSON.stringify(context.menuItems?.slice(0, 20))}
過去の注文: ${JSON.stringify(context.orderHistory?.slice(0, 5))}

親切に応答してください。注文を希望する場合はJSONアクションを返してください。
ユーザーと同じ言語で応答してください。`;

  const result = await model.generateContent(prompt);
  const text = result.response.text();

  const actionMatch = text.match(/\{.*"action".*\}/s);
  const action = actionMatch ? JSON.parse(actionMatch[0]) : undefined;

  return { reply: text.replace(/\{.*\}/s, "").trim(), action };
}