作業ログ — LINE公式アカウント構築

2026-02-25

ポートフォリオサイト構築

  • Viteプロジェクト初期化
  • ダークモード + グラスモーフィズムUI構築
  • 8業種POCデータ作成(美容/歯科/眼科/EC/不動産/塾/オンラインスクール/B2Bコンサル)
  • LINEのUI再現(スマホモックアップ)
  • ブラウザテスト完了

キョート矯正歯科クリニック POC追加

  • 公式HP (kyousei-kyoto.com) から情報収集
  • 実案件カスタムPOCデータ作成(リッチメニュー/ステップ配信/自動応答)
  • ショーケースカード(金色ボーダー)でポートフォリオに追加

LINE Messaging API連携

  • LINE Developers Console でAPI接続確認
  • .env に認証情報設定(Channel ID, Secret, Access Token)
  • リッチメニュー画像をCanvas APIで生成
  • リッチメニューをMessaging APIで登録
  • デザイン改善 v1→v2→v3→v4(参考画像ベース)

Webhookサーバー構築

  • Express.js + @line/bot-sdk でWebhookサーバー構築
  • 自動応答5キーワード実装(予約/料金/アクセス/矯正/子ども)
  • ステップ配信スケジューラ構築(SQLite + node-cron, 7日間5ステップ)
  • localtunnelでWebhook URL公開
  • LINE API Webhook テスト成功(success: true, 200)

残作業

  • あいさつメッセージ設定(管理画面で手動)
  • 本番環境へのデプロイ検討(VPS等)