[{"data":1,"prerenderedAt":545},["ShallowReactive",2],{"h3235253524":3,"h4246847881":323,"h4036396884":507,"h4206569":525},{"id":4,"title":5,"body":6,"description":12,"extension":313,"meta":314,"navigation":318,"path":319,"seo":320,"stem":321,"__hash__":322},"docs/ja/docs/line-mini-app/technicalcase/classmethod.md","モバイルオーダーシステム「CX ORDER」の開発事例",{"type":7,"value":8,"toc":263},"minimark",[9,16,19,23,33,38,41,44,47,49,54,65,74,77,80,83,88,136,138,142,146,149,159,162,166,169,172,176,179,181,185,191,195,198,201,205,208,212,215,219,222,226,229,233,236,238,242],[10,11,13],"h1",{"id":12},"",[14,15],"page-title",{},[17,18],"markdown-controls",{},[20,21],"partial",{"content":22},"documentation-partials/api-use-case/announcement-of-articles/",[24,25,26],"p",{},[27,28],"img",{"alt":29,"src":30,"className":31},"クラスメソッド株式会社","/media/line-mini-app/technicalcase/classmethod/classmethod_logo.webp",[32],"w-fix-240",[24,34,35],{},[36,37,29],"strong",{},[24,39,40],{},"クラスメソッドは「すべての人々の創造活動に貢献し続ける」という理念のもと、クラウド、データ分析、モバイル、IoT、AI／機械学習などの技術支援を行っています。LINE活用支援にも注力し、LINEミニアプリ開発やモバイルオーダー用LINEミニアプリ作成サービス「CX ORDER」などを提供しています。",[42,43],"hr",{},[45,46],"toc",{},[42,48],{},[50,51,53],"h2",{"id":52},"service-provider","サービス提供者様の今回のシステム開発への想い",[24,55,56,57,64],{},"クラスメソッド株式会社はIT企業ですが、秋葉原で完全キャッシュレスのカフェ店舗「",[58,59,63],"a",{"href":60,"rel":61},"https://cafe.classmethod.jp/",[62],"nofollow","DevelopersIO CAFE","」を運営しております。※",[24,66,67,68,73],{},"さまざまなオンラインの販売チャネル（LINE, Web, ネイティブアプリ）を開発・運用した経験をもとに、モバイルオーダー機能をLINEミニアプリとして提供するクラウドサービス「",[58,69,72],{"href":70,"rel":71},"https://cxorder.jp/lp/",[62],"CX ORDER","」としてリリースしました。",[24,75,76],{},"直近は（主に飲食店の）時短営業や休業による売り上げ減少のためテイクアウトチャネルの拡充による売り上げカバーを目的とし、中長期的には業務効率化・省人化、LINEを通じたユーザーとの継続的なコミュニケーション支援を目指しています。",[24,78,79],{},"モバイルオーダーは注目こそされていますがまだまだ新規性が高いサービスのため、ユーザーの利用ハードルをとにかく下げることが必要です。その点においてもLINEを活用していることでフリクションレスのCXを創出できると考えています。",[24,81,82],{},"※「DevelopersIO CAFE」は2022年12月20日に閉店しました。",[84,85,87],"h3",{"id":86},"service-image","スクリーンショット",[89,90,91,110],"table",{},[92,93,94],"thead",{},[95,96,97,101,104,107],"tr",{},[98,99,100],"th",{},"商品一覧",[98,102,103],{},"商品詳細",[98,105,106],{},"注文確認",[98,108,109],{},"注文完了",[111,112,113],"tbody",{},[95,114,115,121,126,131],{},[116,117,118],"td",{},[27,119],{"alt":100,"src":120},"/media/line-mini-app/technicalcase/classmethod/classmethod_screenshot_1.webp",[116,122,123],{},[27,124],{"alt":103,"src":125},"/media/line-mini-app/technicalcase/classmethod/classmethod_screenshot_2.webp",[116,127,128],{},[27,129],{"alt":106,"src":130},"/media/line-mini-app/technicalcase/classmethod/classmethod_screenshot_3.webp",[116,132,133],{},[27,134],{"alt":109,"src":135},"/media/line-mini-app/technicalcase/classmethod/classmethod_screenshot_4.webp",[42,137],{},[50,139,141],{"id":140},"integration-with-line","LINEとの連携",[84,143,145],{"id":144},"using-line-no-dedicated-app","専用アプリ不要・会員登録不要を実現できるLINEを採用",[24,147,148],{},"CX ORDERでは、「5秒で会員登録、20秒で注文完了」というキャッチフレーズがあります。この状態を実現するためにLINEミニアプリ・LIFF（LINE Front-end Framework）アプリを採用しました。特に2つの観点が中でも重要でした。",[150,151,152,156],"ol",{},[153,154,155],"li",{},"専用アプリのダウンロードが不要なこと（ユーザーが日常的に利用しているLINE上でサービス提供できる）",[153,157,158],{},"会員登録が不要なこと（LINEのIDを活用するのでユーザーは認証画面をタップするだけで利用できる）。また購入や商品の受け取り準備完了などでユーザーへ通知をしたいシーンがあります。",[24,160,161],{},"プッシュ通知やSMSなど手段は各チャネルありますがコストや通知に気づかないなど課題があります。LINEミニアプリであれば無料のサービスメッセージ・LIFFアプリであればMessaging APIなどでLINE内に閉じて通知が可能です。さらにはLINE公式アカウントの友だち追加機能を利用しユーザー獲得、プロモーションメッセージ送信なども行えるためユーザーへのリテンション施作も実施しやすい点があります。",[84,163,165],{"id":164},"partner-inquiries-growth","取引のなかった企業からの問い合わせ増加やクロスセルの発生",[24,167,168],{},"サービス開発の視点では、さまざまな業務知識を認識できたことだと思います。自社でも店舗運営していますが導入いただいている企業様からのフィードバックをみるとやはり違いがあります。",[24,170,171],{},"さまざまなフローを理解し、汎化し、どう追加していくかをチームで考えて実装していく、当たり前なのですが改善のサイクルをしっかりと回していく重要さを痛感しました。またビジネス視点では今までお取引のなかった企業からのお問合せの増加、モバイルオーダー導入を皮切りに他事業へのクロスセルなども発生しました。",[84,173,175],{"id":174},"minimal-data-ordering","注文に必要な最低限のデータを利用、将来的にはセルフサーブも",[24,177,178],{},"CX ORDERには注文情報が保存されています。売上や履歴など一部機能では提供されています。注文情報をもとにカスタマーサクセスチームにてダッシュボードを作成していますが、将来的にはセルフサーブで利用できるようにしたいと考えています。注文への対応のために一部個人情報を取得していますが、それ以外の注文に不必要な個人情報は極力取得しないようにしています。",[42,180],{},[50,182,184],{"id":183},"system-overview","システムの解説",[24,186,187],{},[27,188],{"alt":189,"src":190},"システム構成図","/media/line-mini-app/technicalcase/classmethod/classmethod_system_diagram.webp",[84,192,194],{"id":193},"multi-cloud-architecture","AWSをメインにGoogle Cloudの活用もスタート",[24,196,197],{},"クラスメソッド株式会社が最も得意としているAWSをメインに利用しています。ユーザーはAmazon CloudFrontを経由し各アプリ、APIヘアクセスします。コア機能はAmazon ECS / Amazon Auroraを用いトラフィックの増加に伴うオートスケーリングを設定しています。",[24,199,200],{},"他にもアクセス頻度が高いデータはAmazon DynamoDBを活用したり、AWS LambdaやAmazon SQSを利用したりしています。完全AWSというわけではなく、一部機能においてはGoogle Cloudの活用もスタートしています。",[84,202,204],{"id":203},"cloud-infrastructure-costs","クラウドインフラのランニングコスト",[24,206,207],{},"コア機能はAmazon ECS/ Amazon Auroraにて提供しているためサーバーレス環境と比べてコストは発生しています。機能の実装コストや中長期的な運用コストを鑑みると現構成が妥当と考えていますが、状況に応じてサーバーレス環境への機能単位での移行や構成変更を模索していきたいと考えています。",[84,209,211],{"id":210},"ops-support-tools","インフラを支える運用ツールは何を使用しているのか？",[24,213,214],{},"インフラ構成管理にAWS CDK（TypeScript）を利用しています。CX ORDERはアプリ、APIもTypeScriptで書いているため、インフラレイヤーから一気通貫でエンジニアが対応できるようにしています。またSentryを導入しアプリエラーを監視し、Slackへ通知しています。短期間に同じテナントにて複数回のイベントが発生する場合は、カスタマーサクセスチームと連携してお客様の状況ヒアリング・エラー解消に役立てています。Google Analyticsではユーザー行動をトラッキングし、アプリの改善活動・メッセージ配信用セグメントの作成などに利用しています。",[84,216,218],{"id":217},"store-sales-efficiency","導入店舗の売り上げ向上・業務改善・省人化を目指す",[24,220,221],{},"導入店舗の売り上げ向上・業務改善・省人化がトッププライオリティです。より多くの導入企業からのフィードバックをもとに機能開発・改善を繰り返していきます。またLINEを活用したコミュニケーション領域においても、クラスメソッド株式会社での実験をもとに機能追加・カスタマーサクセスで寄与できないかと考えています。",[84,223,225],{"id":224},"requests-for-the-lineapi","LINE APIに対する要望",[24,227,228],{},"LINE APIは導入が簡単かつ機能もコアに絞られていてシンプルです。APIについてはシンプルさをそのままにできること、安定稼働を続けることが、将来的にLINEに各種サービスを統合していく上で必要不可欠だと思います。また顧客理解の観点ではLINE側で持っている属性情報・サービス側で持っている情報の組み合わせでより詳細な施策実施ができると思います。",[84,230,232],{"id":231},"message-to-service-developers","これからサービスを開発される方に一言",[24,234,235],{},"LINEのAPI/SDKを活用することで開発工数を下げることができます。またLINEをID基盤として利用することでユーザーの利用ハードルの軽減に寄与できます。サービス利用後はLINE公式アカウントによるコミュニケーションを通じてユーザーを自社のロイヤルカスタマー化できるという観点でも非常に有用です。さまざまなチャネルがあり、特性も当然異なりますがLINEを軸にサービス開発することの恩恵は大きいと思います。",[42,237],{},[50,239,241],{"id":240},"related-links","関連リンク",[243,244,245,252,258],"ul",{},[153,246,247],{},[58,248,251],{"href":249,"rel":250},"https://www.lycbiz.com/jp/partner/technology/line/classmethod/",[62],"クラスメソッド株式会社 | LINEヤフー for Business",[153,253,254],{},[58,255,29],{"href":256,"rel":257},"https://classmethod.jp/",[62],[153,259,260],{},[58,261,72],{"href":70,"rel":262},[62],{"title":12,"searchDepth":264,"depth":264,"links":265},4,[266,275,288,310],{"id":267,"depth":268,"text":269,"children":270},"サービス提供者様の今回のシステム開発への想い-service-provider",2,"サービス提供者様の今回のシステム開発への想い {#service-provider}",[271],{"id":272,"depth":273,"text":274},"スクリーンショット-service-image",3,"スクリーンショット {#service-image}",{"id":276,"depth":268,"text":277,"children":278},"lineとの連携-integration-with-line","LINEとの連携 {#integration-with-line}",[279,282,285],{"id":280,"depth":273,"text":281},"専用アプリ不要会員登録不要を実現できるlineを採用-using-line-no-dedicated-app","専用アプリ不要・会員登録不要を実現できるLINEを採用 {#using-line-no-dedicated-app}",{"id":283,"depth":273,"text":284},"取引のなかった企業からの問い合わせ増加やクロスセルの発生-partner-inquiries-growth","取引のなかった企業からの問い合わせ増加やクロスセルの発生 {#partner-inquiries-growth}",{"id":286,"depth":273,"text":287},"注文に必要な最低限のデータを利用将来的にはセルフサーブも-minimal-data-ordering","注文に必要な最低限のデータを利用、将来的にはセルフサーブも {#minimal-data-ordering}",{"id":289,"depth":268,"text":290,"children":291},"システムの解説-system-overview","システムの解説 {#system-overview}",[292,295,298,301,304,307],{"id":293,"depth":273,"text":294},"awsをメインにgoogle-cloudの活用もスタート-multi-cloud-architecture","AWSをメインにGoogle Cloudの活用もスタート {#multi-cloud-architecture}",{"id":296,"depth":273,"text":297},"クラウドインフラのランニングコスト-cloud-infrastructure-costs","クラウドインフラのランニングコスト {#cloud-infrastructure-costs}",{"id":299,"depth":273,"text":300},"インフラを支える運用ツールは何を使用しているのか-ops-support-tools","インフラを支える運用ツールは何を使用しているのか？ {#ops-support-tools}",{"id":302,"depth":273,"text":303},"導入店舗の売り上げ向上業務改善省人化を目指す-store-sales-efficiency","導入店舗の売り上げ向上・業務改善・省人化を目指す {#store-sales-efficiency}",{"id":305,"depth":273,"text":306},"line-apiに対する要望-requests-for-the-lineapi","LINE APIに対する要望 {#requests-for-the-lineapi}",{"id":308,"depth":273,"text":309},"これからサービスを開発される方に一言-message-to-service-developers","これからサービスを開発される方に一言 {#message-to-service-developers}",{"id":311,"depth":268,"text":312},"関連リンク-related-links","関連リンク {#related-links}","md",{"tags":315,"author":316,"last_updated":316,"source_language":317},"line-mini-app",null,"ja",true,"/ja/docs/line-mini-app/technicalcase/classmethod",{"title":5,"description":12},"ja/docs/line-mini-app/technicalcase/classmethod","MjnYwi6o-iXiUEqgblkygG4yeQEzk-FwJ1m1fpxxiMc",{"id":4,"title":5,"body":324,"description":12,"extension":313,"meta":505,"navigation":318,"path":319,"seo":506,"stem":321,"__hash__":322},{"type":7,"value":325,"toc":486},[326,330,332,334,339,343,345,347,349,351,353,358,363,365,367,369,371,405,407,409,411,413,419,421,423,425,427,429,431,433,435,439,441,443,445,447,449,451,453,455,457,459,461,463,465,467,469],[10,327,328],{"id":12},[14,329],{},[17,331],{},[20,333],{"content":22},[24,335,336],{},[27,337],{"alt":29,"src":30,"className":338},[32],[24,340,341],{},[36,342,29],{},[24,344,40],{},[42,346],{},[45,348],{},[42,350],{},[50,352,53],{"id":52},[24,354,56,355,64],{},[58,356,63],{"href":60,"rel":357},[62],[24,359,67,360,73],{},[58,361,72],{"href":70,"rel":362},[62],[24,364,76],{},[24,366,79],{},[24,368,82],{},[84,370,87],{"id":86},[89,372,373,385],{},[92,374,375],{},[95,376,377,379,381,383],{},[98,378,100],{},[98,380,103],{},[98,382,106],{},[98,384,109],{},[111,386,387],{},[95,388,389,393,397,401],{},[116,390,391],{},[27,392],{"alt":100,"src":120},[116,394,395],{},[27,396],{"alt":103,"src":125},[116,398,399],{},[27,400],{"alt":106,"src":130},[116,402,403],{},[27,404],{"alt":109,"src":135},[42,406],{},[50,408,141],{"id":140},[84,410,145],{"id":144},[24,412,148],{},[150,414,415,417],{},[153,416,155],{},[153,418,158],{},[24,420,161],{},[84,422,165],{"id":164},[24,424,168],{},[24,426,171],{},[84,428,175],{"id":174},[24,430,178],{},[42,432],{},[50,434,184],{"id":183},[24,436,437],{},[27,438],{"alt":189,"src":190},[84,440,194],{"id":193},[24,442,197],{},[24,444,200],{},[84,446,204],{"id":203},[24,448,207],{},[84,450,211],{"id":210},[24,452,214],{},[84,454,218],{"id":217},[24,456,221],{},[84,458,225],{"id":224},[24,460,228],{},[84,462,232],{"id":231},[24,464,235],{},[42,466],{},[50,468,241],{"id":240},[243,470,471,476,481],{},[153,472,473],{},[58,474,251],{"href":249,"rel":475},[62],[153,477,478],{},[58,479,29],{"href":256,"rel":480},[62],[153,482,483],{},[58,484,72],{"href":70,"rel":485},[62],{"title":12,"searchDepth":264,"depth":264,"links":487},[488,491,496,504],{"id":267,"depth":268,"text":269,"children":489},[490],{"id":272,"depth":273,"text":274},{"id":276,"depth":268,"text":277,"children":492},[493,494,495],{"id":280,"depth":273,"text":281},{"id":283,"depth":273,"text":284},{"id":286,"depth":273,"text":287},{"id":289,"depth":268,"text":290,"children":497},[498,499,500,501,502,503],{"id":293,"depth":273,"text":294},{"id":296,"depth":273,"text":297},{"id":299,"depth":273,"text":300},{"id":302,"depth":273,"text":303},{"id":305,"depth":273,"text":306},{"id":308,"depth":273,"text":309},{"id":311,"depth":268,"text":312},{"tags":315,"author":316,"last_updated":316,"source_language":317},{"title":5,"description":12},[508,511,516,524],{"id":52,"text":53,"depth":268,"children":509},[510],{"id":86,"text":87,"depth":273,"children":-1},{"id":140,"text":141,"depth":268,"children":512},[513,514,515],{"id":144,"text":145,"depth":273,"children":-1},{"id":164,"text":165,"depth":273,"children":-1},{"id":174,"text":175,"depth":273,"children":-1},{"id":183,"text":184,"depth":268,"children":517},[518,519,520,521,522,523],{"id":193,"text":194,"depth":273,"children":-1},{"id":203,"text":204,"depth":273,"children":-1},{"id":210,"text":211,"depth":273,"children":-1},{"id":217,"text":218,"depth":273,"children":-1},{"id":224,"text":225,"depth":273,"children":-1},{"id":231,"text":232,"depth":273,"children":-1},{"id":240,"text":241,"depth":268,"children":-1},{"id":526,"title":527,"body":528,"description":12,"extension":313,"meta":540,"navigation":318,"path":541,"seo":542,"stem":543,"__hash__":544},"docs/ja/_partials/documentation-partials/api-use-case/announcement-of-articles.md","Announcement Of Articles",{"type":7,"value":529,"toc":538},[530],[531,532,535],"admonition",{"title":533,"type":534},"このページについて","tip",[24,536,537],{},"このページは、LINE API Use Caseサイト（2026年3月31日に閉鎖）に掲載していた記事を、LINE Developersサイトへ移管したものです。LINEプラットフォームを導入した企業の事例を紹介しています。なお、記事の内容は掲載時点のものです。",{"title":12,"searchDepth":264,"depth":264,"links":539},[],{},"/ja/_partials/documentation-partials/api-use-case/announcement-of-articles",{"description":12},"ja/_partials/documentation-partials/api-use-case/announcement-of-articles","v8BXNBW04etSZMXiICdjV8uDrnSqqGFPcaXoqAS78x4",1775700783811]