作業ログ — 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等)