[{"data":1,"prerenderedAt":139},["ShallowReactive",2],{"h1482790122":3,"h3676491903":95,"h3620468522":136},{"id":4,"title":5,"body":6,"description":84,"extension":85,"meta":86,"navigation":90,"path":91,"seo":92,"stem":93,"__hash__":94},"docs\u002Fja\u002Ftips\u002F2026\u002F10\u002F29\u002Floading-indicator.md","ローディングのアニメーションでユーザーに安心して返答を待ってもらおう",{"type":7,"value":8,"toc":76},"minimark",[9],[10,11,12,20,25,35,38,43,51,60,63,70],"Tips",{},[13,14,17],"h1",{"id":15,"class":16},"","!mb-4",[18,19],"page-title",{},[21,22],"display-date",{"date":23,"class":24},"2026\u002F10\u002F29","!mb-20",[26,27,28,29,34],"p",{},"こんにちは。",[30,31,33],"a",{"href":32},"\u002F","LINE Developersサイト","のドキュメントを担当している、テクニカルライターの堀越です。",[26,36,37],{},"LINE公式アカウントがユーザーからのメッセージを受信したあと、裏側で生成AIを使って回答文を準備していて、返信のメッセージを送れるようになるまで少し時間がかかることがあります。そんなとき、何も言わずに何十秒も待たされると「既読が付いたのに反応がないな」とユーザーは不安になってしまいます。",[39,40,42],"h2",{"id":41},"display-a-loading-animation-to-users","ローディングのアニメーションで「準備中」を視覚的に伝える",[26,44,45,46,50],{},"Messaging APIの「",[30,47,49],{"href":48},"\u002Freference\u002Fmessaging-api\u002F#display-a-loading-indicator","ローディングのアニメーションを表示する","」エンドポイントを使うと、ぐるぐる動くローディングのアニメーションで、ユーザーに「いまメッセージを準備中です」という状況を視覚的に伝えることができます。",[26,52,53],{},[54,55],"img",{"alt":15,"className":56,"src":59},[57,58],"border","w-fix-480","\u002Fmedia\u002Fmessaging-api\u002Floading-indicator\u002Floading-animation.webp",[26,61,62],{},"返信に時間が掛かるときは、黙って待たせると不安にさせてしまうので、ローディングのアニメーションを使ってユーザーに安心して待ってもらえるようにしましょう。",[26,64,65,66,69],{},"詳しくは、『Messaging APIドキュメント』の「",[30,67,49],{"href":68},"\u002Fdocs\u002Fmessaging-api\u002Fuse-loading-indicator\u002F","」を参照してください。",[71,72],"tags",{"tags":73,"lang":74,"section":75},"messaging-api","en","tips",{"title":15,"searchDepth":77,"depth":78,"links":79},4,5,[80],{"id":81,"depth":82,"text":83},"ローディングのアニメーションで準備中を視覚的に伝える-display-a-loading-animation-to-users",2,"ローディングのアニメーションで「準備中」を視覚的に伝える {#display-a-loading-animation-to-users}","こんにちは。LINE Developersサイトのドキュメントを担当している、テクニカルライターの堀越です。","md",{"date":87,"tags":73,"locale":88,"sidebar":89},"2026-10-29 00:00 UTC","ja",false,true,"\u002Fja\u002Ftips\u002F2026\u002F10\u002F29\u002Floading-indicator",{"title":5,"description":84},"ja\u002Ftips\u002F2026\u002F10\u002F29\u002Floading-indicator","x_cQq7SRgFOpW7e5ggFzAFljs2rOzCBCRWb0ATYUhfE",{"id":4,"title":5,"body":96,"description":84,"extension":85,"meta":134,"navigation":90,"path":91,"seo":135,"stem":93,"__hash__":94},{"type":7,"value":97,"toc":131},[98],[10,99,100,104,106,110,112,114,118,123,125,129],{},[13,101,102],{"id":15,"class":16},[18,103],{},[21,105],{"date":23,"class":24},[26,107,28,108,34],{},[30,109,33],{"href":32},[26,111,37],{},[39,113,42],{"id":41},[26,115,45,116,50],{},[30,117,49],{"href":48},[26,119,120],{},[54,121],{"alt":15,"className":122,"src":59},[57,58],[26,124,62],{},[26,126,65,127,69],{},[30,128,49],{"href":68},[71,130],{"tags":73,"lang":74,"section":75},{"title":15,"searchDepth":77,"depth":78,"links":132},[133],{"id":81,"depth":82,"text":83},{"date":87,"tags":73,"locale":88,"sidebar":89},{"title":5,"description":84},{"toc":137,"fullToc":137},[138],{"id":41,"depth":82,"text":42},1793252070651]