| 【手順詳細解説】Chat GPT(OPEN AI API)とLINEを使って、なんでも褒めてくれるChatBotを作る（自動返信LINE Bot） | | フルリモートワークにより、褒められる機会が少ないため、Chat GPTを利用して褒めてくれるLINE Bot『ほめ太郎』を作成した。 | LINEとChat GPTをGoogle Apps Scriptを介して接続し、設定を行うことでBotを完成させる。 | メッセージを送るとChat GPTにより自動返信が生成される。 |
| XBeeを使った自宅状態遠隔見守りサービス実現方法の紹介(シリーズもの) | | XBee、ESP32、AWS、Line Messaging APIを用いた遠隔見守りシステムを構築。 | CdSセルでの検出値を無線で送信し、閾値を超えた変化をLINEで通知する仕組み。 | 光センサーを使用した電灯のON/OFFを自宅から遠隔で監視可能にした。 |
| Linebotを作る(Step2: cloudflareで作成) | | Cloudflare Workersを使ってLINEボットを開発するための技術スタックとプロジェクト設定の手順が必要。開発環境の整備やデプロイ方法の具体的な説明が求められている。 | LINE APIを使用して必要なパッケージをインストールし、環境変数を設定することでデプロイが可能。 | Cloudflare Workersによるエッジコンピューティングを活用し、高速なレスポンスとコスト効率の良い運用を実現した。 |
| LINE MessagingAPI ×GASでクイックリプライを試してみる | | LINEのクイックリプライはユーザーが簡単に返信できる選択肢を提供する機能です。 | クイックリプライ機能を使う際は、LINE developersから取得したチャネルアクセストークンを使用してください。 | 通常のオウム返しとクイックリプライ付きオウム返しの比較により機能の違いを理解できます。 |
| Create Liff Appを使って爆速でLIFFアプリ開発環境を構築する | | LIFFアプリの開発は従来npmでSDKをインストールしていたが、Create Liff AppというCLIツールが登場した。 | LIFF IDの設定やエンドポイントURLの変更、デプロイなどの手順を踏むことで実際にLINEから確認できるアプリを作成。 | Create Liff Appを使用してLIFFアプリを構築する方法を学んだ。 |
| 【個人開発】AIがおすすめの飲食店を教えてくれるLINEチャットボットを作りました | | AWSを使用すると料金が高くなるため、GCPを選定。 | Cloud RunとFirestoreを使用し、一部はMySQLで対応。 | GCPを選ぶことでコスト削減。 |
| 【個人開発】読みたい記事をストックするLINE Bot作ってみた | | 記事中にて、筆者は「あとで読むゼッタイ君」というLINE Botを開発し、個人的にリリースしたことを説明しています。このBotの機能には、ブックマーク、ランダムに1つのブックマークを取得、ブックマーク削除があります。また、複数のプラットフォーム（Notion、Qiita、はてなブックマークなど）に記事を保存していた問題を解決するために、このBotを開発する動機についても言及しています。 | 筆者によって開発されたLINE Bot「あとで読むゼッタイ君」は、ユーザーが後で読みたいWebページをブックマークし、ランダムに取得し、削除する機能を提供しています。また、開発に関する技術スタックやインフラ選定についても詳細に説明されており、リリースの成功に至るまでの過程が述べられています。Botの作成がLINEプラットフォームを用いることで比較的簡単に行えることが強調されています。 | 筆者は、個人的に感じていた課題を解決できるBotを開発し、そのリリースを成功させ、達成感を得たと述べています。また、この記事を通じて他の人々の個人開発のモチベーションを向上させたいと考えています。 |
| LINE × AIキャラクターbotを24時間稼働させるための無料〜格安ホスティング選び | AIキャラクターの24時間稼働を実現するためのホスティング選びが難航している。 | 無料または低価格のホスティングを希望し、要件として応答速度や会話履歴管理が必要な状況。 | Fly.ioとKoyebの無料・低額プランを並行して試し、最適なものを選択する。 | Renderをサーバー監視システムと併用することで、完全無料での運用は難しいが、Fly.ioとKoyebの併用が考慮されている。 |
| ポエム風つぶやきをブログ記事に変換するシステム：LINEからのデータ転送 | AIを活用したブログ記事変換のためのシステム構築が必要。 | LINE Botを利用することが流行しており、低コストでの構築が求められた。 | ConoHa VPSでPython環境を構築し、LINE Developerで設定を行い、Webhookを利用した。 | ConoHa VPSを利用してLINE Botの開発環境を整備した。 |
| LINEグループで雰囲気察してくれるLINE Bot エージェントを作る試み | AIエージェントが自らの目標を設定し、効果的に行動することが難しい。 | 従来のAIエージェントは人間からの指示を必要とするため、自律的に行動することが少ない。そのため、グループチャットの状況を自ら判断して反応するエージェントを作る必要がある。 | 会話から得た情報を基にAIが判断し、自動で日程調整などを行う機能を実装する。 | 雰囲気を察知して行動するLINE Bot「Butler」のプロトタイプを作成した。 |
| スタジオ管理人が作ってみた ”藤井風” 風LINEbot ～【何となく風ｗ】 | AIが返すメッセージの内容が”藤井 風”さんの歌詞やスタイルに合わない。 | プログラミングを勉強中の主婦がLINE Botを自作しようとしている。 | 歌詞の結びつきや関係ない曲名の除外、メッセージのトーン調整を図る。 | 実装には改善が必要だが、基本的なオウム返しは成功した。 |
| Cloudflare Workersでコピペだけで作れるLINE Bot(手軽にAIを入れる編) | AIが遅延する場合があり、返信がされないことがある。 | Cloudflare Workers AIを使い、LINE BotにAI機能を組み込む方法を紹介。 | Workersの設定ファイルにバインディングを追加し、メッセージハンドリングの変更を行う。 | Cloudflare Workers AIを使ったLINE Botの作成が可能。 |
| #1【Dify挑戦編】LINE AIチャットボット開発入門！Dify & Make.comで簡単連携 | AIチャットボットの開発がスムーズに進まなかった | Difyというツールを使用することで、開発のハードルが下がった経緯がある | LINE、Make.com、Difyの3つのアプリを組み合わせて利用する | プログラミング知識がなくてもAIチャットボットが作成できること |
| Amazon Bedrock と繋がる LINE Chat Bot の詳細構築手順 | Amazon BedrockとLINEを連携させたチャットボットの構築手順が必要。 | AI応答を生成し、LINE Messaging APIを通じてユーザーとやり取りを行う仕組みを構成。 | AWSサービスとLINE Messaging APIを設定し、Lambdaを介して両者を統合する。 | Amazon BedrockとLINEを連携したチャットボットが完成。 |
| x-line-signatureを検証可能な形式でAPI GatewayからSQSに送る | API GatewayからSQSに送信されたメッセージのフォーマットが異なるため、LINEのシグネチャ検証が失敗する | API Gatewayで受信したシグネチャをSQSに送信し、ポーリング先で検証したいが、JSONのキー順序が保たれない | テンプレートマッピングで$util.escapeJavaScriptを使い、シグネチャと本文をエスケープして送信する | テンプレートマッピング設定で$util.escapeJavaScriptを使うことで解決 |
| LINE×生成AI：プロンプト戦闘ゲーム | APIの返答時間が最大20秒と長い | プロンプトを2つ叩いていることが影響している可能性がある。 | プロンプトを一つにまとめるか、Azureの設定を見直す必要がある。 | 同時の大規模リクエスト時に処理時間が長くなる懸念がある。 |
| 【AWS】AWS Lambda Function URLsを検証！ | AWS LambdaでAPIを作成する際、API Gatewayが必要であったが、手順が複雑だった。 | AWS Lambda Function URLsの導入により、API Gatewayなしで簡単にAPIエンドポイントを作成できるようになった。 | Lambda関数でAPIエンドポイントを直接指定し、設計を簡素化することで開発効率を向上させる。 | AWS Lambda Function URLsを使うことで、LambdaのみでWeb APIが開発できるようになった。 |
| AWS Lambda上で「LINE Messaging API SDK for Python」を使ったコードをデプロイしてLINE Botを作ることを楽しむ | AWS LambdaでLINE Messaging API SDKを使うためのライブラリが参照できない。 | Pythonの標準には入っていないライブラリで、AWS Lambdaで利用するためには追加の設定が必要。 | 1-install.shと2-package.shを作成し、必要なライブラリをインストール・パッケージングしてlayer_content.zipを生成する。 | 必要なライブラリをレイヤーとしてAWS Lambdaに指定することで解決できる。 |
| https://zenn.dev/sdb_blog/articles/line-push-message | AWS Step Functionsを利用してLINEにメッセージを送信するための設定手順についての情報が不足している。 | AWS Step Functionsはコードを書かずにAWSサービスを連携してワークフローを構築できるサービスであり、LINE公式アカウントへのメッセージ送信が求められている。 | Step FunctionsでCall HTTP APIsアクションを用いてLINE APIを呼び出し、必要な認証情報をEventBridgeを使って生成する。 | LINE公式アカウントから友だちにメッセージを送信する方法を確立した。 |
| 「Amazon Rekognition」×「LINE Messenger API」で「遊戯王カード画像AI判定Bot」 | AWSのサービスを利用した遊戯王カード判定BOTの実装 | Amazon Rekognitionを使用し、LINEボットで画像を判定するシステムを構築したいという欲求があった | AWS Lambda、S3、API Gatewayを利用し、画像を受け取って解析する仕組みを実装した。 | LINEボットを介して遊戯王カードかどうかを判定するシステムが完成した。 |
| AWSの最新情報をbedrockを利用して簡単キャッチアップ！ | AWSの更新情報を自動で取得し、日本語に翻訳してLINEに通知するシステムの必要性。 | 日本語のサイトの更新が遅く、最新情報を英語版で確認する手間があったため、RSSフィードを利用して自動化を試みた。 | Terraformを用いてAWSサービスを組み合わせ、Lambdaで情報取得・翻訳・通知処理を行うシステムを構築。 | AWSの更新情報を自動でキャッチし、効率的な翻訳とLINE通知が実現できた。 |
| AWSのコスト状況をLINEで通知する | AWSのコスト状況を把握できず、毎日コンソールにアクセスする手間があった。 | AWSの学習を始め、コストを定期的に確認する必要があったため、LINE通知による自動化を目指した。 | LINE Developersを用いて公式アカウントを作成し、AWS Cost Explorer APIを使ってコストを取得し、Lambda関数で定期実行する設定を行った。 | LINE通知により、毎日のAWSコスト確認が不要になり、便利さを実感した。 |
| 【10分レシピ👩🍳】あなたのAWSコストをLINE通知しよう 💰️📲 | AWSコストの管理が不十分で破産のリスクがある。 | AWS利用者がコストを把握し、無駄なリソースの消失や急激なコスト増に気付ける必要がある。 | AWSとLINEを連携し、Lambda関数を用いてコスト通知メッセージを送信する設定を行う。 | LINE通知を設定することでAWSコストを効率的に管理できる。 |
| Azure AIサービスとAzure OpenAIとAzure AI Foundryの立ち位置整理をしてみる | Azure OpenAIとAzure AI Foundryの違いが分かりづらい。 | Azure AI Foundryは複数のAzure AI関連サービスを統合したプラットフォームである。Azure AIサービスやOpenAIが統合されることにより、使いやすさが向上する。 | Azure AI Foundryを使うことで、必要に応じて各種AIモデルを利用でき、従来のAzure AIサービスも統合されていく。 | Azure AI FoundryにAzure OpenAIとAzure AIサービスが内包されることで、分かりやすさが増すことが期待される。 |
| LINE BotをBun、Cloudflare Workersで外部依存モジュールを使用せずに作ってみる - 2024年1月版 | BotをCloudflare Workersで作る時Node.jsのメソッドやモジュールが完全に動作しない。 | Node.jsでは使用できるcryptoモジュールが、Cloudflare Workersではエラーになる。 | Node.jsのcryptoモジュールを使わずに、Web Cripto APIを使用するコードに置き換える。 | Web Cripto APIを使用して代替する必要がある。 |
| 生成AIにLINE Botを作ってもらう Claude3.5 Sonnet編 その1 | Botにアクセスしても応答がない。LINE Developers ConsoleからWebhook URLに対する検証がBad Requestとなる。 | httpsOptionsが実質使われていない部分にコードの問題がある可能性がある。 | certFileを`httpsOptions.cert`に設定するなど、コードを修正する必要がある。 | 問題の原因は`httpsOptions`が適切に利用されていないことであると推測される。 |
| [Python] ChannelAccessToken v2.1 で LINE BOTを作る | Channel Access Token v2.1 を利用した LINE Bot の開発時に情報不足やハマりどころが多い。 | 従来のチャネルアクセストークン（長期）とチャネルシークレットを利用して構築する方法が多く、Channel Access Token v2.1は新しい手法であり、公式ドキュメントやSDKの情報だけでは初学者には厳しい部分がある。 | アサーションキーペアやJWTの生成、およびChannel Access Token v2.1の発行方法を具体的に説明し、実践するための同コード例を提供する。 | Channel Access Token v2.1 を使うことでトークンの有効期間を自身で設定できるようになった。 |
| 非エンジニアがCloude CodeでLINE Chat BotをVibe Codingで作ってみた話 | Chat BotがOpenAI APIを正しく呼び出せない問題が発生。 | 非エンジニアのPMがVibe CodingでLINEのチャットボットを開発。要件定義が甘かったことが苦労の一因。 | 関連する記事を参照し、非同期処理の実装が不足していたことを発見し修正。 | Claude Codeでの実装が完了したが、API呼び出しに問題があった。 |
| Cloudflare workersのLINE Botに重めの処理を接続する | Cloudflare WorkersでのLINE Botの実装が不完全で、読者に具体的な使い方を示す必要がある。 | ノーコードツールMakeを使って、Cloudflare WorkersからWebhookを経由してLINE Botにメッセージを送り、処理結果を取得するアプリケーションを構築する。 | MakeでWebhookを設置し、Cloudflare Workersのコードを修正して、LINE Botが正常に機能するように環境変数を設定し、リクエストを送信する。 | Cloudflare WorkersとMakeを連携させることで、実際にLINE Botでリクエストを処理し、レスポンスを受け取ることが可能になった。 |
| Cloudflare WorkersでLINE Botに送った写真や動画をR2にアップロード | Cloudflare Workersで、たまに画像や動画のアップロードがキャンセルされる。 | Cloudflare WorkersにはリクエストごとにCPU時間が10msという制限があるため、大きなファイル扱い時に問題が発生する。 | 特になし | 軽いファイルは問題なくアップロードできるが、重い動画のアップロードに失敗することがある。 |
| Cloudflare で実現する実用的な LINE BOT のアーキテクチャ | Cloudflareを使用したLINE BOTの実装方法が不明確。 | LINE BOTを構築するためにCloudflareのサービスを活用する記事が存在する。 | Cloudflare WorkersとMessaging APIを使用してLINE BOTを構築し、非同期処理をQueuesで実現。 | 基本的なエコーボット実装から非同期処理対応のエコーボットまで詳細に解説された。 |
| 【Difyよりおすすめ】Coze × LINE Botの使い方 | Cozeの知名度が低く、セキュリティや信頼性に対する不安がある。 | CozeはByteDanceが提供するサービスであり、非エンジニア向けに設計されているが設定項目の一部は英語で表示される。 | Cozeを利用して、LINEや他のメッセンジャーアプリと連携したチャットボットを作成する方法を試してみる。 | 機能の充実度と利便性から、今後ユーザーが増えることが期待される。 |
| LINE Webhookによる生成AIチャットボットを作ってみた④~RAG連携~ | CPU不足とメモリ不足のエラーが発生した。 | ChromaDBのスレッド機能が使用され、デプロイ時にCPUやメモリの制約に引っかかったため。 | gcloud run deploy line-rag-bot --source . --cpu 2 --memory 2Gi | デプロイ時にCPUを2つ、メモリを2Giに指定することで問題を解決した。 |
| Next.js (App Router) でLINE LIFFアプリを爆速スタート！ | Create LIFF AppがNext.jsのPage Routerにしか対応していなかったため、App RouterにLIFFの導入を行う必要があった。 | Next.jsのApp Routerを利用して、LINE LIFFアプリを開発する方法を紹介。実際の開発中にApp Routerに対応していない状況に直面。 | Next.jsアプリ開発環境の構築、LIFFパッケージのインストール、ngrokの使用、LIFF IDの設定、使いたいコンポーネントでuseLiffを呼び出す。 | LIFFアプリをNext.jsのApp Routerを使用して開発する準備が整った。 |
| 生成AIにLINE Botを作ってもらう GPT4o編 その1 | Denoで動作するLINE Botのコードを生成したが、サーバー設定にエラーが発生した。 | 生成AIを使ってLINE Botのサーバーコードを作成する試みを行っているが、一部の条件を忘れたため正しい実行環境が得られなかった。 | プロンプトを更新し、生成AIに質問してエラーを修正する方向で進める。 | Denoで動作するLINE Botのコードは生成できたが、正しく実行されなかった。 |
| DifyとLINE公式アカウントの連携方法：LINE Botプラグインの導入ガイド | DifyとLINE公式アカウントの連携方法が不明なユーザーがいる。 | LINE Botプラグインを使えば、AIとの対話が可能になる。 | Difyでのチャットフロー作成、チャネルシークレットとアクセストークン取得、エンドポイント設定などの手順を実行する。 | LINE Botプラグインを介してDifyとLINEを連携する方法を解説。 |
| DifyとLINEを連携する方法を解説！ | DifyとLINEを連携する方法が明確に説明されていないこと | DifyとLINEの連携には、基本的な知識があればエンジニアでなくても可能であることが前提。 | LINE公式アカウントの作成、LINE DevelopersでMessaging APIの有効化、Difyでチャットフローを作成し、LINE Botプラグインを設定。 | DifyとLINEの連携手順を図を用いて詳しく解説。 |
| Dify と連携するLINE ボットを作ろう【Difyプラグイン&GAS】 | DifyとLINEの連携設定が難解であり、特にMessaging APIの設定において混乱が生じやすい。 | 記事はServerless Meetup Fukuoka #5の後半で、Dify上で動作するチャットボットとのLINE連携の手順を紹介している。 | Difyプラグインを利用した設定方法やGoogle Apps Scriptを用いたボット構築の手順を詳細に説明する。 | LINE Messaging APIの設定とDify連携の手順を理解することで、スムーズにLINEボットを動作させることが可能になる。 |
| DifyとLINEボットサーバーを連携してみる | DifyとLINEボットの連携を試みる | Difyの基本的な使い方についての情報が多いが、UIは頻繁にアップデートされている | Difyで作成したAPIキーを使用してLINEボットサーバーにリクエストを送り、応答を受け取る | DifyとLINEボットの連携が成功し、カレーライスについての回答が得られた |
| Dify Cloud版で簡単LINEボットを作成する | DifyのOSS版とCloud版の使い方が混乱している。 | Serverless Meetup #05でDifyのOSS版を使ったLINEボット作成方法が示されたが、Cloud版でも問題なし。 | Dify Cloud版を利用してLINEボットを作成する手順を提供し、ナレッジベースやワークフローの設定を行う。 | Dify Cloud版を使ったLINEボット作成手順が説明されている。 |
| LINEとDifyでMy書籍リストを管理する(シリーズもの) | Difyを活用したプロジェクトで、時間内にエラーが発生し動かすことができなかった。 | ハンズオンに参加し、Difyを通じて書籍情報をLINEから取得しようとしたが、設定に失敗。 | LINE Messaging APIとDifyを連携し、スクリプトプロパティを設定することで正常に動作させる。 | プロジェクトのエラー原因を特定し、コードを修正して動作を確認できた。 |
| 【無料公開】どうやってLINEを文字起こしアプリにしたのか？ | Difyが音声ファイルのm4a形式を処理できず、文字起こしができない問題が発生している。 | Difyが最近のアップデートで様々なファイル形式を受け付けるようになったが、音声の送信形式が制限されている。 | CloudConvertを使用して音声ファイルをWAV形式に変換し、Difyで解析する設定を行う。 | 音声データをWAV形式に変換することで、文字起こしが可能になった。 |
| Discord⇔LINE連携Bot作った備忘録 | DiscordからLINEへの情報転送の仕組みを実装する際の手順と注意点が不明確であること。 | LINEからDiscordへメッセージを通知するBotを作成したいと考え、発表した手順を備忘録にまとめた。 | GAS（Google Apps Script）とwebhookを使い、各サービス間でAPIを通じてメッセージを送信する設定を行った。 | LINE→Discord、Discord→LINEの両方向のメッセージ転送が実現できた。 |
| RubyでLINEとDiscord連携するソフト作った話 | Discordの利用時間制限に対処するための連携ソフトが必要。 | スマホのDiscordには時間制限がかかっているが、LINEには制限がないため、APIを活用して連携ソフトを開発。 | Rubyを使用して、discordrbとLINE APIを用いたProxyの仕組みでメッセージ転送を実現。 | DiscordとLINEを連携するボットが完成した。 |
| キーワード入れて1発！ワンショット商品説明作成bot | ECサイト運営者が商品説明を書く負担が大きい | 多数の伝統的な製法で商品を作る生産者が、ECサイトに参入したいが人手不足で商品説明を書く時間がないと話していた | LINEbotとChatGPTを組み合わせて、複数のキーワードを入力するだけで商品説明を自動作成するシステムを開発 | ChatGPTを活用した商品説明作成botを試作し、EC参入が容易に |
| Fast APIとLineのMessage APIの連携が神すぎた | FastAPIを使った画像からのテキスト認識が未実装。 | LINEからの画像アップロードとOCR処理の統合を目指すプロジェクト。 | 非同期処理とセキュリティ対策を講じてアプリを実装する。 | FastAPIとOCRを使用した画像テキスト認識アプリケーションが完成。 |
| [Flutter]LINEログイン連携でlinkWithCredentialがうまくいかない | FirebaseAuthでメール認証したアカウントでLINEログイン連携をしたがエラーが発生した。 | linkWithCredentialの事例が少ないため、正しい方法が分からなかった。アクセストークンやidTokenを使ったがエラーが起こった。 | NonceをSHA256で生成し、ログインするときにSHA256に変換したNonceを使い、credentialには元のNonceを使用する。 | NonceをSHA256で生成し、それをcredentialに使うことで成功した。 |
| LINE Messaging APIのFlex Messageの基本を理解する | Flex Messageは1種類のメッセージしか送信できず、カスタマイズが必要。 | Flex Messageはコンテナ、ブロック、コンポーネントから構成され、多様なカスタマイズが可能。 | Flex Messageを使用して様々なコンポーネントを組み合わせてメッセージを作成。 | Flex Messageを使用してリッチなメッセージを送信できることを示した。 |
| 実事例に即したFlexMessageの使用方法(予約系) | FlexMessageの基本的な使用法が簡素すぎるため、実践的な利用法が必要。 | 予約管理システムとの連動によって、リッチな情報を表示する必要がある。ユーザーとのやり取りを効率化したい。 | 予約システムと連動し、画像やボタンなど機能的な要素をFlexMessageに追加することで、ユーザー体験を向上させる。 | FlexMessageを利用して、予約状況を効果的に表示する方法を提案。 |
| FlexMessageでテキストリンクを設定する方法 | FlexMessageに直接リンクを設置する方法が不明確。 | テキストリンクは見た目を工夫して実装する必要があるが、端末による表示差が懸念される。 | boxを設置し、textの色や装飾を設定し、uriアクションを追加する。 | 直接リンクと埋め込みリンクの実装方法を明確にした。 |
| 【Figma】LINE Flex Messageカードの管理を効率化してみた | Flex Messageの管理が難しく、データが増えると混乱する。 | Oh my teethでは公式アカウントでFlex Messageを使用しており、データベースにjsonを格納している。 | Figmaのウィジェットを作成し、Flex MessageのjsonをFigmaで管理できるようにする。 | Figmaのウィジェットを使うことでFlex Messageの管理を楽にできると考えた。 |
| LINE Bot SDK v3 - Flex Message with Python (Flask) [備忘録] | Flex Message のコーディングが面倒でエラーが頻発する問題がある | LineのMessaging APIとPythonを使ったボット開発時に、特にFlex Messageのネストが深いとKeyErrorやIndexErrorが発生する | Flex Message関連のクラスを使ってオブジェクトを作成し、入れ子構造をトップダウンで構築する形で解決を図る | 公式のline-bot-sdkバージョン3の使用でFlex Messageがオブジェクトの積み重ねで作成可能 |
| LINE Bot MCP Serverを使ってみた | flexメッセージの送信機能をONにするとエラーが発生する。 | READMEにtypoがあり、チャンネルアクセストークンとユーザーIDの取得方法が示されている。 | flexメッセージの送信機能をOFFにする。 | flexメッセージの送信が使えなかった。 |
| 【 Flutter 】 個々のユーザに対してLINEメッセージ通知を送る機能の実現 (LINE SDK・LINE Messaging APIを利用) | FlutterでLINEメッセージ通知機能を実装するための情報が不足していた。 | LINEログイン機能とメッセージ通知機能を連携させる必要があるが、具体的な実装が見つからなかった。 | LINE SDKとMessaging APIを利用して、Flutterでの実装手順を詳しく解説した。 | LINEログインとMessaging APIを実装し、ユーザーへのメッセージ通知機能を実現した。 |
| 「chakoshi」とLINE botを連携してみる | GASからchakoshi APIにリクエストを送ると502エラーが発生する。 | GASのIPアドレスがchakoshiのサーバ側で許可されていない可能性がある。 | ngrokでプロキシを作成し、そのURLをGAS側のリクエストに使用する。 | ngrokを使用してローカルサーバを公開し、GASからのリクエストを受け付ける構成を考案。 |
| コード量が半減するGAS専用LINEBOTライブラリを公開 | GAS (Google Apps Script) から LINE Messaging API を利用する際、コードが長くなり管理が難しい。 | LINE Messaging APIの利用において、複数のプロジェクトで使用する場合コードが冗長になりがち。 | 二つの専用GAS用LINEBOTライブラリを作成し、操作を簡便化する。メッセージ送信でコードが24行から6行に減少し、75%削減。返信でコードが27行から7行に減少し、74%削減。 | 新しいライブラリの導入でコード量が大幅に削減可能。 |
| 【GAS】クラス化でLINE-botを爆速で作成する | GASでLINEのbotを作ると、記述が冗長になったり条件分岐が多すぎる。 | クラス化することで記述を簡単にしようとした。 | Client_クラスを定義するために必要なソースコードをコピペする。 | Botが完成したが、Client_が定義されていないためエラーが発生する。 |
| 【超簡単】GASとGeminiで無料でAIのLINEbotを作成する。 | GASを使ったLINEボットの実装に関するトラブルが発生する可能性がある。 | GeminiのAPIとGoogle Apps Scriptを利用してAIをLINEボットに組み込む方法を公開。 | APIキーを貼り付け、コードを修正し、WebhookにURLを設定することで動作する。 | 手順を正しく実行すればLINEボットの実装は可能である。 |
| OpenWeatherMapApi × LINE × GASでお天気Botを無料で開発 | GASを使用してLINE botを開発したいが、具体的な手順が分からない。 | LINE botは面白そうで、開発経験があり、技術記事を書くことで新しい取り組みをしたいと思った。 | LINE Developersに登録し、OpenWeatherMapAPIのキーを取得し、GASでスクリプトを作成することで実装可能。 | LINE botをGASで開発し、OpenWeatherMapAPIを利用して通知機能を実現する手順を説明した。 |
| Google Apps ScriptでLINEbotで3択クイズを実装する(リッチメニューでクイズモードを実装) | GASで動作させると返信までに3秒程度時間を要し、実用的ではない。 | LINEのリッチメニューでクイズを選択するとクイズモードへ移行し、3択クイズが始まるアプリケーションを作成。クイズ進捗管理のためにユーザーIDとステータス管理を実装。 | スクリプトを数ページに分けて管理することで見やすくはなる。動作のもっさり感は受け入れる。 | スクリプトが長くなり、実用的な速度ではなくなった。 |
| GAS+Lambda+LINE APIでBot作成 | GASのトリガーで時間指定のイベントできなくて困っている。 | お金も時間もない中で、最小規模のLINE Botを実装しようとしている。 | Lambda + EventBridgeを使い、GASと連携してメッセージ送信機能を実装。 | EventBridgeで定期イベントを起こしてLambda関数を発火させる仕組みが実現できた。 |
| たった数ステップで完成！Gemini APIを使ってLINE BotにAIを組み込む方法 | Gemini APIとGoogle Apps Scriptを使ってAIをLINE Botに組み込む方法についての情報が不足している。 | 簡単にAIを組み込める手順やコード例が求められているが、初めてのユーザーには理解が難しいことがある。 | APIキーの設定方法やエラーの解消法を詳細に説明するリンクを提供し、必要な情報を網羅する。 | 手順をシンプルにすることで、誰でもAIを組み込んだLINE Botを作成できる。 |
| Gemini×LINE お手軽に生成AIchatbot | Gemini APIとスプレッドシートを用いたテキスト・画像処理機能が必要である。 | Googleアカウント、スプレッドシート、LINEチャネルのアクセストークン、Gemini APIキーと設定が前提条件。 | 必要なステップを追って設定を行い、機能をテストすること。 | LINEから受信したテキスト・画像を処理し、スプレッドシートに保存する機能が実現可能。 |
| GmailをTypeScriptとLINE Messaging APIを用いてLINEに自動転送してみた | GmailをLINEに自動転送する方法が必要。 | LINE Notifyが2025/3/31にサービス終了するため、LINE Messaging APIを使用する必要がある。 | TypeScriptを用いてGASで開発し、LINE Messaging APIを通じて通知を行う。 | GASアプリを作成し、メールをLINEに転送できるようにした。 |
| GmailをLINEに即時転送したい | Gmailで受信した子供の習い事の連絡をLINEで即時通知したいが、GASの周期トリガーでは最短1分しか設定できないため不採用。 | 子供がすぐに迎えに行かなければならないため、即時通知が必要。従って、GASとMailgunを使用するPUSH方式を選択した。 | メッセージ数を削減するために、受信したメールを指定時間内にまとめて1通に送信する仕組みに変更し、排他制御と永続化を利用した。 | Gmailからの通知をLINEに転送するシステムを構築したが、LINEの無料送信上限に達する問題が発生。 |
| Gmail受信をLineで通知する | Gmailから新規メールを受信した際、Lineに通知を送りたいが方法がわからない。 | Gmailの受信監視とLineのメッセージ送信を自動化する必要があるが、LINE Notifyが2025年3月31日で利用不可になるため、代替手段が必要。 | Gmailの受信状況を定期的に確認し、新着メールがあればLineの公式アカウントにメッセージを送信するスクリプトを作成し、トリガーを設定する。 | Google Apps ScriptとLine Messaging APIを利用して、指定したGmailから受信した新着メールをLineで通知する仕組みを構築。 |
| プチテック|メルカリ購入通知をLINEに自動送信する方法【Gmail × LINE Messaging API × GAS】 | Gmailのアカウントが複数あり、メルカリの通知を見逃しがちで、他の通知はオフにしている。 | 携帯の通知が嫌いなので、LINEに通知を送りたいと考えた。 | GASを使って未読メールを検知し、LINE Messaging APIで通知を送信する。 | Gmailからのメルカリ購入通知をLINEに自動で送信する仕組みを構築できる。 |
| Google Apps ScriptでLINE Botを作る基本(約10本まとめて) | Google Apps ScriptでLINE Botの実装において、コードの構文やロジックに誤りが多い。 | LINEからのメッセージを受信し、返信する機能を利用するために、doPost関数を実装する必要がある。 | コードの修正とWebhook設定を行い、テストも実施することで機能を確認する。 | 基本的なLINE Botの作成手順を説明し、機能の実装方法が示された。 |
| LINEに送信通知を送信できるGoogle Forms | Google Formsから送信があった際にLINEに通知が必要。 | GASでLINE Bot向けに通知機能のコードが必要な状況。 | GASでLINE BotのアクセストークンとユーザーIDを設定し、トリガーを設定する。 | Google FormsからLINEへの通知が運用可能となる。 |
| 【GAS】今日の予定をLINEに通知したい！ | Googleカレンダーの予定をLINEで受け取る仕組みが必要。 | 複数のユーザーの予定をスプレッドシートに表示できている状態から、LINEで通知する機能を追加することを考えた。 | GASを用いてLINE APIとスプレッドシートを連携し、自動送信のためのトリガーを設定する。 | LINEを使ってその日の予定を自動的に通知できるシステムが構築できた。 |
| 📅家族の予定をLINEで自動通知！Googleカレンダー × GAS × LINEブロードキャストで実現した仕組み | Googleカレンダーでは予定が追加されても通知が届かず、気づかないことが多い。 | 以前はTimeTreeを使用していたが、Googleカレンダーに乗り換えたことで通知機能が不足していると感じた。 | Google Apps Scriptを使用して、カレンダーの予定追加・変更時にLINEに通知する仕組みを自作した。 | GoogleカレンダーとLINEを連携させ、自動通知システムを構築することに成功した。 |
| GASを使ってGoogleフォームの回答をLINEに通知する手順 | Googleフォームの回答をLINEに通知するための手順が明確でない。 | GASとLINE Notifyを利用するための事前設定が必要。 | LINE Notifyのトークン発行後、GASでスクリプトを設定し、トリガーを作成する。 | 手順に従うことで、GoogleフォームからLINEへの通知が行える。 |
| 彼女を励ますために、Azure OpenAI Serviceでくまきち(kmakici)LINE botを作った #2 | GPT-4oを使ったくまきちLINE botの進化 | GPT-4oの登場により、くまきちLINE botをテキスト・画像の両方に対応できるようにするためVer Up | GPT-3.5-turboからGPT-4oへのモデル変更、会話履歴のAzure Blob Storageへの保存、LINEとAzure OpenAI Serviceの連携を強化 | GPT-4oを用いたマルチモーダル応答、および会話履歴を保存し次の会話に活かせる機能を実装 |
| 【React Native】iOSでのLINE自動ログインに失敗する件 | iOSでのLINE自動ログインに失敗する。 | iOSの場合、ユニバーサルリンクがうまく動作せず、自動ログインが試みられるがエラーが発生する。 | Socialiteのオプションパラメータに「disable_auto_login=true」を付与して、自動ログインを無効化する。 | iOSでの自動ログインは失敗し、ユーザーにはエラーが表示され続ける。 |
| LINE ログインするための React Native Native Module を作る | iOS での「サイト越えトラッキングを防ぐ」設定のために、FirebaseでLINEログイン経由の認証がうまく機能しない。 | LINE社はiOS / Android向けにSDKを提供しており、OpenID Connectを用いた認証実装を行うことで、この問題を解決しようとしている。 | React NativeのNative Moduleを利用して、LINEログイン機能を実装する。また、環境変数の設定や必要なSDKの依存を追加することで対応する。 | 結果として、React NativeアプリケーションでLINEログインを実現し、Firebaseに連携できる。 |
| LIFF開発でメッセージ送信まで | Keepメモで使用するとエラーが起きる。不正な受信エラー。 | Liffでメッセージを送信するためのアプリを作成し、LiffId設定やGitリポジトリなどの準備を行った。 | Keepメモで使用しない。他の方法でエラーが起きないように注意する。 | Liffにメッセージを送信するアプリはうまく機能する。 |
| kintoneとLINEを連携してkintoneからメッセージを送受信してみよう！ | kintoneとLINE間でメッセージの送受信を実現する仕組みが必要。 | LINEからのメッセージ受信はWebhookでAWSのAPIを呼び出し、送信はkintoneからLINE Messaging APIを使う構成。 | AWS LambdaとAPI Gatewayを利用し、kintoneプラグインでチャネルアクセストークンを秘匿してLINE Messaging APIを実行。 | kintone上でLINEメッセージの送受信が可能なシステムを構築。 |
| 【Laravel11】LINEでの勤怠管理を実装する | Laravel 11へのアップデートで情報が少なく、実施未定のプロジェクトが進まない。 | 環境はWindows 11で、Laravel 11.5.0、docker、VSCodeを使用。Laravel公式がsailを推奨する中で旧情報の参照が問題。 | LINE公式アカウント作成やWebhook設定、Laravelでのルーティングとコントローラ作成に関する手順を詳細に記述した。 | LaravelでLINE Messaging APIを用いた勤怠管理システムを構築する方法を整理した。 |
| 最速でLIFF CLI v0.3.0を徹底解説する | LIFF CLIの`serve`コマンドで外部公開がうまく行かず、タイムアウトエラーが発生している。 | 現行のngrokがv3であり、古いv1を指定すると問題が生じる。`scaffold`コマンドの使い道が不明。 | ngrokのバージョンを確認し、正攻法を調査し続ける。 | 現時点では外部公開が失敗しており、正確な手法が不明。 |
| LIFF CLI + Github ActionsでLIFFアプリをメンテナンス画面に切り替えてみた(ミニアプリだと不可) | LIFF CLIを利用してLIFFアプリのエンドポイントURLを夜間に自動切替えしようとしたが、ミニアプリには対応していなかった。 | LIFF CLIのupdateコマンドはLIFFアプリ専用で、ミニアプリでは使用できず、403 Forbiddenエラーが発生した。 | GitHub Actionsの定期実行（cron）ではなく、repository_dispatchを使用して手動でワークフローをトリガーする方法を検討する。 | LIFFアプリのメンテナンス画面への切替が、予想より20分遅れで実行された。 |
| LIFF CLIのserveコマンドを最速で徹底解説する | LIFF CLIの新機能を解説する記事が存在しない中、情報提供が必要だった。 | LIFF CLIの`serve`コマンドが新たに追加され、ローカル開発環境をhttpsで起動しデバッグが可能になった。 | SSL証明書を`mkcert`で生成し、`serve`コマンドを用いてLIFFアプリを起動する。 | LIFFアプリをhttpsでローカル起動する方法を説明した。 |
| LIFFの始め方：liff.initとLIFFブラウザーの理解 | liff.initに関連する問題が発生している | LIFFはWEBアプリをLINEと統合し、WEBアプリでネイティブ機能を活用するためのツールです | LIFFアプリはLIFF URLを通じて開く必要があり、中間アプリも同様でないとスコープが維持されない | liff.initのタイミングが重要であり、中間アプリが関与する場合にスコープが維持されない可能性がある |
| LIFFの2次リダイレクトでパラメータが消える問題を解決する方法 | LIFF URLにパラメータを付与しても、2次リダイレクト時にそのパラメータが消える。 | LINEが自動で付与するliff.stateパラメータが元のクエリパラメータに影響を及ぼし、2次リダイレクトでパラメータが消失する。 | 現在のURLからクエリ文字列を取得し、不必要なliff.stateを削除した上でshopIdを保持する。 | クエリパラメータの消失問題が確認された。 |
| LIFF(LINE)はiOS 16でのみ仕様に沿った動作をする、という話 | LIFFアプリのエンドポイントURL設定によるBad Requestエラーが発生。 | 特定の条件下でiOS 16を使用した場合に問題が発生。アクセスログからはiOS 16でのみ事象が確認。 | LIFFのエンドポイントURLを<https://example.jp/>に修正し、動作確認を行った。 | エンドポイントURLを修正することで問題が解決した。 |
| LIFFの開発をVS Code Port forwarding local servicesで便利に | LIFFのURL設定のためにデプロイが必要で手間がかかる。 | VS CodeのPort forwarding local servicesを使ってローカルサーバを公開する方法に注目している。 | Port VisibilityをPublicに変更し、LIFF SDKでユーザー情報を取得できるようにした。 | ユーザー情報を取得し表示するWebアプリが完成した。 |
| WEBページからLIFFを開くときに、外部ブラウザで開くかLINEアプリで開くかを出し分ける方法 | LIFFをWEBブラウザで開きたいのにLINEに飛んでしまう、またはその逆の問題が発生している。 | LIFFのテストを行いたいが、開く環境が制限される問題が多くの人に影響を与えている。 | Yahoo!の記事を開いて「友だち追加」アイコンを長押しし、ポップアップから新規タブかLINEで開くを選択する。 | iPhoneでLIFFをWEBブラウザまたはLINEアプリで開く方法が明確になった。 |
| 【初めてでも簡単】GASでもできる！LINEでデジタル会員証発行！ | LIFFを使った会員証をGASで作成しようとすると、Googleの認証に引っかかる問題 | LINE公式アカウントで会員証の作成と管理者によるポイント加算・減算ができるGASを利用した方法のハンズオン | GASで会員証を作成しWebhook設定を行うことで、1つのLINE公式アカウントで会員証表示とポイント管理を実現 | LIFFを使用せずにGASとLINE公式アカウントを使ってデジタル会員証を作成 |
| LINEミニアプリ × Cursor初期セットアップ手順（やり方忘れてる未来の自分へ） | LIFFアプリの初期セットアップ手順において、LIFF-IDのペーストがうまくいかず、エラーが発生している。 | 新米エンジニアがアプリ環境構築の方法を記録するために投稿した内容で、特にサービスワーカーについての記述がある。 | LIFF-IDを修正し、sw.jsファイルの作成と修正を行い、アプリを正常に実行する。 | 環境構築の手順に従って、最終的に開発準備が整った。 |
| 気難しいLIFF | LIFFアプリの動作に関して、ブラウザによる差異があり、特定のブラウザでのみ使用可能なAPIやログイン状態の違いがある。 | マーケティングツールLinyにおいてLIFFアプリを活用し、ブラウザごとの仕様差異を克服するための整理が必要だった。 | LIFFアプリのエントリーポイントでliff.initを必ず呼び出し、動作を確認しながらLIFF URLへのアクセス時の遷移フローを詳細に検証する。 | LIFFアプリの挙動を簡易的なSPAアプリを使って検証し、各ブラウザの動作を理解した。 |
| 【NEXTJS15】LIFFスターターアプリの始め方【LINEミニアプリ】 | LIFFスターターアプリの始め方でつまづき、特定のファイルの修正が必要。 | next.config.jsとnetlify.tomlの設定がデフォルトのままだと動作しない。 | next.config.jsを修正して静的エクスポートを有効にし、netlify.tomlをnextjsを対象にするよう修正する。 | 静的エクスポートを有効にし、適切なビルド設定にすることで解決できる。 |
| 最速でLIFF CLIを試す | LIFFアプリ登録時に適切なチャネルの指定が省略された際、期待通りの動作をせず、すべてのチャネルのLIFFアプリが表示されない。 | 2024/7/23、LIFF CLIが発表され、Node.jsを用いてLIFFアプリの開発を円滑にするツールとして登場しました。チャネルの登録やアプリの作成・更新などをコマンドラインから行えるようになりました。 | チャネルの削除と一覧表示、アプリのエンドポイントURLや画面サイズの表示機能を追加することで、ユーザビリティを向上させる必要がある。 | 公式サイトの説明と異なり、省略時にすべてのチャネルのLIFFアプリが表示されないため、確認が必要。 |
| 50歳の整形外科医がはじめて作ったLINE Bot（手術説明LINE Bot) | LIFFからミニアプリへの移行に伴う機能の違いや制約に関する問題点。 | LIFFは開発者にとって多様な機能を提供していたが、ミニアプリでは認証やアクションボタン表示の強制など制約が増えている。 | プロジェクトの要件に応じてLIFFとミニアプリを判断し、公式ドキュメントで必要情報を確認することを推奨。 | ミニアプリでは認証が必須となる機能が増え、従来のLIFFとの違いが多く見られた。 |
| LINEがLIFFアプリをミニアプリに統合すると発表したので違いを調べてみた | LIFFアプリからミニアプリへの移行における機能差やユーザー体験の変化が問題とされている。 | LIFFは外部ブラウザでの動作が難しく、認証を受けないと使えない機能が多かった。一方、ミニアプリでは機能が拡充されるが、UIやアクセス制限に変更がある。 | 必要に応じてLIFFアプリを維持しつつ、プロジェクトに合わせてミニアプリへの移行を検討し、ドキュメントを参照して機能要件を判断するのが望ましい。 | ミニアプリの方が長期的な利用に向いており、様々な新機能が提供される一方で、短期利用や特定動線の維持が難しくなる場合もある。 |
| Next.js(Server Components)でもLiffを使いたいっ！ | LIFFで認証トークンの管理をクライアントで行っていると、Server Componentsからはアクセスできない | React の Server Components の登場により、サーバーを視野に入れる必要が出てきた。Next.jsはサーバー領域の機能をサポートしている | Next.js v14 に Liff を導入し、クライアントでの認証トークンの管理をCookieに移す | Server Componentsやミドルウェアからもトークンにアクセスできるようにすることで、Server主体のアーキテクチャを構築可能 |
| LIFF URLを完全に理解する | LIFFを開くためのURL形式が複数あり、それぞれの挙動が異なるため、使用方法が明確でない。 | LIFF v1のサポートが終了しているが、Universal Linkは現在も利用可能。ユーザーにはリンクの開き方による挙動の違いが影響している。 | ユーザーに正しいリンクの開き方を案内し、LIFF v2やカスタムURLスキームの利用を推奨する。 | URL形式を理解することで、LIFFを適切に活用できるようになる。 |
| LIFFをvConsoleとngrokで便利に開発 | LIFF開発でスマートフォンのLINEアプリを使用する必要があり、デバッグ手段が限られること。 | LIFFはLINEが提供するWEBアプリプラットフォームで、特に連絡先取得機能が重要。 | ngrokでローカル環境を公開し、vConsoleでデバッグ環境を整えた。 | ngrokとvConsoleを使用することで、LINEアプリの開発環境とデバッグ環境を整えることができた。 |
| 【Make】で使えるLINEの17モジュール日本語訳 | LINEの17モジュールの利用方法が英語で分かりにくい。 | ノーコードツール【Make】で使えるLINEのモジュールを日本語に訳した。 | LINEアカウントをMakeに接続し、17のモジュールを活用する。 | LINEのモジュールは投稿、写真、ビデオを監視、公開、更新可能。 |
| LINEbotとGASで開発！スプレッドシートの内容をFlex MessageでLINEに送信する！ | LINEメッセージングAPIとGASを用いた観光地紹介アプリケーションの作成方法が未整備である。 | ユーザーがリッチメニューの「スポット」を押すとおすすめ観光地のフレックスメッセージを送信することを目指している。 | スプレッドシートにデータを配置し、GASを利用してデータを取得・送信するスクリプトを記述する。 | スプレッドシートから観光地データを取得し、ランダムで3つのスポットを選んでメッセージを送信することができるアプリケーションを構築した。 |
| DifyでLINE MCP SERVERを使う方法を完全解説！(手順漏れ有り動かない？) | LINE BotとDifyのリアルタイム連携が不十分である。 | Webhook方式ではリアルタイム性が低いため、従来の連携方法に限界があった。 | SSE対応サーバーを構築し、ngrokで公開後、Difyと連携設定を行う。 | SSE対応のLINE Botサーバーを利用することで、リアルタイム性の高い通信が可能になった。 |
| 【MCP×LINE連携】LINE Bot MCP Serverの特徴と使い方ガイド | LINE Bot MCP Serverの導入に関する情報が不足している。 | LINE Messaging APIとAIエージェントの統合を容易にするために、MCP技術を活用したサーバーが開発された。 | 公式プロバイダーを作成し、チャネルアクセストークンとユーザーIDを取得してからMCP Serverをインストールする。 | LINE Bot MCP Serverを使用することで、AIとの連携が簡単になる。 |