| Rails7でLIFFを用いたLINEログインのハンズオンを作ってみた | Railsの7系にLIFF（Line Front-end Framework）を組み込んだアプリの開発で苦戦 | LIFF特有の構文への不慣れや、Rails7のアセット管理方法の多様性、参考資料の不足が要因 | 手順に沿ってRailsプロジェクトの作成、SSL通信の設定、モデルとテーブルの設定、コンソール設定、コードの追加をし、最終的にLINEログインが可能なアプリを完成させる | RailsでLINEログインを実装したアプリのハンズオン説明を提供 |
| x-line-signatureを検証可能な形式でAPI GatewayからSQSに送る | API GatewayからSQSに送信されたメッセージのフォーマットが異なるため、LINEのシグネチャ検証が失敗する | API Gatewayで受信したシグネチャをSQSに送信し、ポーリング先で検証したいが、JSONのキー順序が保たれない | テンプレートマッピングで$util.escapeJavaScriptを使い、シグネチャと本文をエスケープして送信する | テンプレートマッピング設定で$util.escapeJavaScriptを使うことで解決 |
| LINE ログインするための React Native Native Module を作る | iOS での「サイト越えトラッキングを防ぐ」設定のために、FirebaseでLINEログイン経由の認証がうまく機能しない。 | LINE社はiOS / Android向けにSDKを提供しており、OpenID Connectを用いた認証実装を行うことで、この問題を解決しようとしている。 | React NativeのNative Moduleを利用して、LINEログイン機能を実装する。また、環境変数の設定や必要なSDKの依存を追加することで対応する。 | 結果として、React NativeアプリケーションでLINEログインを実現し、Firebaseに連携できる。 |
| Nest.jsでLineBotを作る | Nest.jsでLine Botを作成する手順を詳細に説明すること | 業務でNest.jsを使用する機会があり、そのアウトプットとしてLine Botを作成しようと考えた | ドキュメントの手順に従い、環境構築、LINEコンソールでの設定、service module controllerの作成、動作確認を行う | Nest.jsとLINE Messaging APIを連携させたおうむ返しBotの作成手順を解説した |
| 【初めてでも簡単】GASでもできる！LINEでデジタル会員証発行！ | LIFFを使った会員証をGASで作成しようとすると、Googleの認証に引っかかる問題 | LINE公式アカウントで会員証の作成と管理者によるポイント加算・減算ができるGASを利用した方法のハンズオン | GASで会員証を作成しWebhook設定を行うことで、1つのLINE公式アカウントで会員証表示とポイント管理を実現 | LIFFを使用せずにGASとLINE公式アカウントを使ってデジタル会員証を作成 |
| 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がオブジェクトの積み重ねで作成可能 |
| 気難しいLIFF | LIFFアプリの動作に関して、ブラウザによる差異があり、特定のブラウザでのみ使用可能なAPIやログイン状態の違いがある。 | マーケティングツールLinyにおいてLIFFアプリを活用し、ブラウザごとの仕様差異を克服するための整理が必要だった。 | LIFFアプリのエントリーポイントでliff.initを必ず呼び出し、動作を確認しながらLIFF URLへのアクセス時の遷移フローを詳細に検証する。 | LIFFアプリの挙動を簡易的なSPAアプリを使って検証し、各ブラウザの動作を理解した。 |
| 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を使用して代替する必要がある。 |
| 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を使用して開発する準備が整った。 |
| [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 を使うことでトークンの有効期間を自身で設定できるようになった。 |
| MarkdownをLINEのFlex messageに変換するパッケージを作った | Markdown形式のテキストをLINEのFlexメッセージに変換すると可読性が低くなる | AIチャットボット「先生AI」でChatGPTからの返答がMarkdown形式だったため、そのまま返答すると可読性に難があった | markdown-flex-messageを使用する。convertToFlexMessageメソッドにMarkdownを流し込む。元のMarkdown表示専用ページとリンクを設定 | MarkdownをFlexメッセージに変換するnpmパッケージmarkdown-flex-messageをリリース |
| Cloudflare WorkersでLINE Botに送った写真や動画をR2にアップロード | Cloudflare Workersで、たまに画像や動画のアップロードがキャンセルされる。 | Cloudflare WorkersにはリクエストごとにCPU時間が10msという制限があるため、大きなファイル扱い時に問題が発生する。 | 特になし | 軽いファイルは問題なくアップロードできるが、重い動画のアップロードに失敗することがある。 |
| FastAPIでLINEBotを作成しTerraformでGCPのCloud Runに爆速デプロイする | Pythonで作成したLINE BotをGCPにデプロイする手順やCI/CDの設定がわからない。 | ハッカソンなどでの需要が増加しており、開発を円滑に進めるためにテンプレートが必要。 | Fast APIで開発し、TerraformでGCP Cloud Runにデプロイし、Githubと連携してCI/CDを設定する手順を説明。 | GCPにデプロイされ、CI/CD環境も構築されたLINE Botが動作。 |
| 【Next.js,LINE】Next.jsでLINEログイン機能を実装する | LINEログイン機能をNext.jsで実装する方法を学びたい | NextAuth.jsとLIFFを使った2つの方法を紹介。Next.jsのバージョンは14.1.0。 | NextAuth.jsを使う場合、next-authのインストールと構成、LIFFを使う場合、LINE Front-end FrameworkのSDKをインストールし設定を行う方法が提供されている | NextAuth.jsとLIFFの2つの方法でLINEログイン機能を実装できる |
| 【Flutter】LINEを起動してメッセージを送る | LINEでメッセージを送る機能の追加に関する情報が少ない。 | FlutterアプリにLINEでメッセージを送る機能を追加したい。 | url_launcherを使ってURLスキームを作成し、ボタンにメッセージ送信の処理を追加。 | 作成したフローでLINEメッセージ送信機能がうまく動作した。 |
| line-bot-sdk-python V3のコードサンプル | line-bot-sdk-pythonが2024年3月時点で全然整備されていない | PythonのLINEBotを作成するためにline-bot-sdk-pythonを使用していた | V3のコードサンプルを提供し、必要なアクションのクラスを使用する方法を示す | 最新版のV3のコードサンプルを自分用にまとめる |
| [Flutter]LINEログイン連携でlinkWithCredentialがうまくいかない | FirebaseAuthでメール認証したアカウントでLINEログイン連携をしたがエラーが発生した。 | linkWithCredentialの事例が少ないため、正しい方法が分からなかった。アクセストークンやidTokenを使ったがエラーが起こった。 | NonceをSHA256で生成し、ログインするときにSHA256に変換したNonceを使い、credentialには元のNonceを使用する。 | NonceをSHA256で生成し、それをcredentialに使うことで成功した。 |
| 【GAS】クラス化でLINE-botを爆速で作成する | GASでLINEのbotを作ると、記述が冗長になったり条件分岐が多すぎる。 | クラス化することで記述を簡単にしようとした。 | Client_クラスを定義するために必要なソースコードをコピペする。 | Botが完成したが、Client_が定義されていないためエラーが発生する。 |
| 【BI】LINE公式アカウントの友だち登録者数をtroccoで取得しBigQueryに保存する | LINE公式アカウントの友だち登録者数のデータを手動で取得し分析用のデータベースに保存するのは手間がかかる。 | アカウントの成長度合いを示す重要な指標である友だち登録者数のデータを効率的に管理する必要がある。 | SaaSのtroccoを使って友だち登録者数を自動的に取得し、BigQueryに保存する。 | LINE公式アカウントの友だち登録者数をAPIから取得し、BigQueryに自動的に保存することが可能になる。 |
| 【セキュア実装】はじめてのLINE連携：キーワードで学ぶ基本用語の簡単解説 | LINE連携におけるセキュリティリスク | LINE連携は多くのアプリケーションで利用されるが、セキュリティ面で注意が必要。 | HTTPS使用、情報の端末保存回避、暗号化措置、Nonce管理、鍵管理、ユーザー通知、適切なバリデーションと認証 | 適切なセキュリティ対策を講じることで、安全にLINE連携を利用可能。 |
| LIFFの始め方：liff.initとLIFFブラウザーの理解 | liff.initに関連する問題が発生している | LIFFはWEBアプリをLINEと統合し、WEBアプリでネイティブ機能を活用するためのツールです | LIFFアプリはLIFF URLを通じて開く必要があり、中間アプリも同様でないとスコープが維持されない | liff.initのタイミングが重要であり、中間アプリが関与する場合にスコープが維持されない可能性がある |
| Nuxt 3でのLIFFの問題点 | 開発デバイス以外ではLIFFが正しく初期化されない | Nuxt 3でのVue Router設定に問題がある | liff用のプラグインを設定することで一部のデバイスで問題を解決できたが、完全な解決には至らなかった。 | 全てのデバイスでliff.initを100%確実に成功させる方法は見つからなかった |
| Make✖️DifyでLINEボットを作る | 無料ユーザー向けの検索API使用制限（100件/月）が厳しい | Difyはノーコードで複雑なLLMフローを簡単に作成し、Google検索結果をまとめることができる。LINEBotなどに組み込み可能。 | DifyのAPIキーを取得し、HTTPモジュールとJSONモジュールを設定し、LINEBotと連携する | Difyの基本機能を活用して、検索して返答するLINEBotを簡単に作成可能 |
| GASでAIが補佐する日記BOTを作ってみる | 最近、執筆する記事がLINEBOTに偏っている。 | 手軽に作成可能で、学習ついでに楽しく作れるため、LINEBOTの記事が増えている。 | スプレッドシートと連携し、日記を記録し英語翻訳をAIで添削するBOTを作成。詳細な設定方法やコードの各部分を記事内で解説した。 | Google Apps Scriptを用いた英語日記添削BOTを作成し、設定方法や動作について解説した。 |
| LINE Notify×Alexa『飲み会行きたいです🙇』の許可をAIに任せて心理的負担を減らしたい | 毎日の飲み会に参加したい夫が、奥さんにその願いを伝えることに躊躇している | 夫は奥さんとの関係を大切にし、彼女の気持ちを尊重したいが、同時に自分の趣味や友人との交流も大切にしている | Alexaスキルを作成し、LINE Notifyと連携して飲みに行く希望をLINEで通知する | Alexaを通して飲みに行きたい旨をLINEで通知することで、夫の心理的負担が軽減される |
| DifyとLINEボットサーバーを連携してみる | DifyとLINEボットの連携を試みる | Difyの基本的な使い方についての情報が多いが、UIは頻繁にアップデートされている | Difyで作成したAPIキーを使用してLINEボットサーバーにリクエストを送り、応答を受け取る | DifyとLINEボットの連携が成功し、カレーライスについての回答が得られた |
| 【個人開発】AIがおすすめの飲食店を教えてくれるLINEチャットボットを作りました | | AWSを使用すると料金が高くなるため、GCPを選定。 | Cloud RunとFirestoreを使用し、一部はMySQLで対応。 | GCPを選ぶことでコスト削減。 |
| AWS Lambdaで、LINE Botにローディングアニメーションを表示 | メッセージを送信してから返答が来るまでの待ち時間に関するユーザー体験の向上が求められている。 | Messaging APIにローディングアニメーション表示機能が追加され、その実装がAWS Lambdaで行われた。 | ローディングアニメーションを表示するAPIエンドポイントと設定を追加し、条件に応じて正しく表示・非表示にする。 | ローディングアニメーションの追加により、ユーザーが送信が正常に行われたことを確認し、返答を待つ時間のストレスを軽減できる。 |
| 【Make】車での旅行・出張の際に役に立つ！？【LINE Bot × google Maps】 | 旅行中や出張中にガソリンスタンドを探すのが不安 | 広大な土地や田舎では商業施設が少なく、ガソリンが底をつきそうになることがある | Google Maps APIとLINE Botを組み合わせ、位置情報をもとにガソリンスタンドを検索し、案内する機能を提供 | LINEから位置情報を送るだけで、周辺のガソリンスタンドを教えてくれるBotを作成 |
| Supabase Cronで定期的に LINE にメッセージを送信する | Supabase Cron を使って定期的に LINE にメッセージを送りたい。 | Supabase Cron の機能を利用し、users テーブルのユーザーに対し LINE の Push API を使って通知を送る。 | LINE Bot を作成し、Supabase Edge Function を設定。Push API を利用し、Cron の設定を追加して定期実行を設定。 | Supabase Cron を利用し、定期的に LINE にメッセージを送信することができた。 |
| [ChatGPT]居酒屋で日本酒を注文するときの悩み解決LINE Bot | 居酒屋で日本酒のメニューを見ても、お酒の名前しか書いていないとどれを選べばいいのか分からないことがある。 | 日本酒に詳しくない人にとって、お酒の銘柄だけではその特性が把握できず、適当に注文してしまう。 | 日本酒の名前をLINEに入力すると、生産地や酒造場名、フレーバーの評価などの詳細情報が表示される。入力間違い時には似ている名前を提案するアシスト機能も備えている。 | 日本酒の名前を入力することで詳細情報を教えてくれるLINE Botを作成。 |
| Ngrok,ChatGPT API,Pythonをもちいて名刺から会社名を抜き取るLINEBOTを作る | 名刺の情報を手作業で入力するのが手間 | LINE BOTにより、名刺の情報抽出を自動化するための試み | OCRを使用して画像から文字情報を抽出し、それをChatGPTに渡して解析 | 結果的に、名刺の情報を抜き出すことができた |
| CoDMONの登園降園通知をLINEグループに転送する | 子供の祖父母がスマホを使いこなせず、登降園通知をLINEに転送したい | 子供の在籍園がCoDMONを導入。祖父母はLINEなら使える | GmailとLINEを使い、LINE Notifyで登降園通知をLINEに転送する方法を作成 | |
| Power AutomateでLINE Botのオウム返しをしてみる #linedc | LINE BotをPower Automateで作る際の情報不足 | LINE Notifyでの通知記事は多いがリプライメッセージ対応の記事は少ない | LINE公式アカウントの作成、HTTP受信モジュールの設定、JSONの作成、HTTP送信設定などを順に行う | Power AutomateでLINE Botを作成する手順を紹介 |
| エアコン嫌いの家族を熱中症から守りたい | 父がリビングでクーラーをつけずに過ごしているため、熱中症のリスクがある。 | 年齢とともに温度に対する感覚が鈍くなり、熱中症にかかりやすくなる。また、室内での熱中症の多くがエアコン未使用の高齢者が原因。 | 温度センサーと超音波距離センサーを活用して、LINE Botで注意喚起や安否確認のメッセージを自動送信するシステムを構築。 | 警告バージョンと注意喚起のメッセージが無事送信された。 |
| Next.js(Server Components)でもLiffを使いたいっ！ | LIFFで認証トークンの管理をクライアントで行っていると、Server Componentsからはアクセスできない | React の Server Components の登場により、サーバーを視野に入れる必要が出てきた。Next.jsはサーバー領域の機能をサポートしている | Next.js v14 に Liff を導入し、クライアントでの認証トークンの管理をCookieに移す | Server Componentsやミドルウェアからもトークンにアクセスできるようにすることで、Server主体のアーキテクチャを構築可能 |
| 【保存版】3分でできるmakeでLINE Botのローディングアニメーションを実装する方法 | 生成AIを利用するプロダクトの処理に待ち時間がかかり、不安を感じる。 | ローディングアニメーションがないとユーザーが処理の進行状況を把握できず、不安を感じる。 | makeでHTTPモジュールを使用し、LINE Botにローディングアニメーションを実装する方法を解説。 | LINE Botでローディングアニメーションを表示することで、ユーザーの不安を軽減できる。 |
| Dify×Make×LINEでマルチモーダルな手相占いLINEbotを作る_ | イベントまでに用意する内容が未完成である | 初心者向けハンズオンイベントで、LINEbotを使った手相占いの実装を解説するための準備が必要 | イベント前にDify初期設定、アプリ作成、フロー作成、API設定などを完了し参加者がスムーズに進行できるようにする | Dify、Make.com、Google AI Studio、LINE DEVELOPERSの使用を推奨 |
| 農系IoT勉強会#2 Ambientを使ってセンサの値をスマホから確認しよう | 湿度の％が特殊文字扱いされ、LINEに送信するにはエンコードが必要。 | Ambientを使ってセンサの値を確認するために、AtomS3に温湿度センサを接続し、データをAmbientに送信する。 | 湿度の％をLINEに送信する際、必要に応じてエンコードを行うこと。float型データをString型に変換する。 | 湿度データのLINE送信にはエンコードが必要であることが判明。 |
| [Rails]Sidekiq + Redis + ActiveJobでLINEで予定の前日にリマインド通知を送信する機能を作ってみた | 明日の予定が存在する場合にLINEでメッセージを送信したい。 | 業務でLINEのリマインド機能を作成したため、備忘録として作成。 | 1. LINE Developersに登録し、必要な情報を取得。2. Gemfileに必要な機能を追記。3. Sidekiqの設定を変更。4. 予定をDBから取得するJOBを設定。5. LINEにメッセージを送信するJOBを作成。7. JOBを起動し確認。 | Sidekiqを使ってJOBを設定し、LINEでリマインド通知を送信できるようにした。 |
| コード量が半減するGAS専用LINEBOTライブラリを公開 | GAS (Google Apps Script) から LINE Messaging API を利用する際、コードが長くなり管理が難しい。 | LINE Messaging APIの利用において、複数のプロジェクトで使用する場合コードが冗長になりがち。 | 二つの専用GAS用LINEBOTライブラリを作成し、操作を簡便化する。メッセージ送信でコードが24行から6行に減少し、75%削減。返信でコードが27行から7行に減少し、74%削減。 | 新しいライブラリの導入でコード量が大幅に削減可能。 |
| 【個人開発】読みたい記事をストックするLINE Bot作ってみた | | 記事中にて、筆者は「あとで読むゼッタイ君」というLINE Botを開発し、個人的にリリースしたことを説明しています。このBotの機能には、ブックマーク、ランダムに1つのブックマークを取得、ブックマーク削除があります。また、複数のプラットフォーム（Notion、Qiita、はてなブックマークなど）に記事を保存していた問題を解決するために、このBotを開発する動機についても言及しています。 | 筆者によって開発されたLINE Bot「あとで読むゼッタイ君」は、ユーザーが後で読みたいWebページをブックマークし、ランダムに取得し、削除する機能を提供しています。また、開発に関する技術スタックやインフラ選定についても詳細に説明されており、リリースの成功に至るまでの過程が述べられています。Botの作成がLINEプラットフォームを用いることで比較的簡単に行えることが強調されています。 | 筆者は、個人的に感じていた課題を解決できるBotを開発し、そのリリースを成功させ、達成感を得たと述べています。また、この記事を通じて他の人々の個人開発のモチベーションを向上させたいと考えています。 |
| 【蕁麻疹バイバイ！】乾燥状態！直ちに保湿せよ！ | 頻繁に乾燥が原因で蕁麻疹が起こる。 | 肌が乾燥すると皮膚のバリア機能が衰え、何時間かおきに保湿剤を塗らないと効果が得られない。 | obnizとLINE Botを使って保湿を促すデバイスを開発。具体的に距離センサーやスピーカーを用いて保湿ミッションの時間を計測できるようにする。 | 保湿を促すデバイスを作成した。 |
| LINE FAQ botを作る | LINEの問い合わせに関する回答を自動化するためのFAQ botの作成 | LINEからの問い合わせに対応する効率を向上させるための取り組み | DifyでFAQデータを管理し、LINEとGASを使ってメール送信のフローを構築 | FAQに関する質問には自動回答し、それ以外の質問はメールを送信することで対応するbotが完成 |
| Google App Script (GAS) を利用して、LINE のメッセージを Discord へ送信する | LINEチャネルに入力したメッセージをDiscordへ送信する方法を学びたい。 | Google App Script (GAS)を利用し、LINEチャネルとDiscordのWebhook URLを連携する。 | GASプロジェクトを作成し、スクリプトプロパティにDiscordのWebhook URLを登録。コードをエディタに貼り付け、デプロイして動作確認を行う。 | LINEチャネルに入力されたメッセージがDiscordへ転送されることを確認。 |
| 毎日バイクが盗まれやしないかと心配で眠れないからLINEで確認できるようにしてみた | バイクが盗まれてしまったため、バイク置き場の安全性に悩んでいる。 | バイクの盗難は年間多く発生しており、特に住宅敷地内での盗難が多い。特定のバイクモデルは盗難のリスクが高い。 | 超音波距離センサーとObnizをバイクに設置し、一定の距離内にバイクがあるかどうかをLINEで確認できるようにする。 | 超音波距離センサーとObnizを使用して、バイクがあるかどうかをLINEで確認できるシステムを作成した。 |
| LIFFをNext.js App Routerで構築する手順 | Next.jsのCreate LIFF AppがApp Router用に完全には対応していない。 | Create LIFF Appは対話型で環境構築ができるコマンドであり、Next.jsや他のライブラリに対応しているが、執筆時点ではPage Router向けのセットアップ。 | ソースコードの一部を変更し、App Routerに適合するようにReact ContextやCustom Hookを定義、不要ファイルを削除してApp Router用に調整する。 | App Routerで使用するために自前でセットアップする必要がある。 |
| ChatGPT を LINE から使えるようにする方法_ | 妻からのリクエストで、LINEからChatGPTへ質問したいというニーズが発生した。 | Google Apps Scriptを利用してChatGPTを使えるLINEチャネルを作成し、従量課金制でOpenAIのサービスを利用する。 | Googleアカウント、Google Apps Script、LINE Developersコンソール、OpenAIアカウントを設定し、スクリプトを作成・デプロイし、各サービスを連携させる。 | LINEとGASを利用したチャットボットが完成し、従量課金制でChatGPTを利用可能にする方法が解説された。 |
| できるLIFFアプリ開発者になるための基本のシェアターゲットピッカー | シェアターゲットピッカーを使ってメッセージを送信する方法が分からない | シェアターゲットピッカーはLIFFアプリからLINEの友だちやグループにメッセージを送る機能 | LIFFの初期化とシェアターゲットピッカーの利用を実装し、メッセージを入力して送信先を選択する | シェアターゲットピッカーを使ってメッセージをLINEの友だちやグループに送信できた |
| [GASで自動化] 英語のメルマガもサクサク読める！〜ChatGPTのAPIで翻訳してLINEでシェア | 英語のメルマガを読むのが難しいと感じる人が多い。 | 英語のメルマガは貴重な情報源であり、読めるようになると知見が広がるが、英語に不慣れな人にとってはハードルが高い。特にAI関連のニュースは重要。 | Google App Script(GAS)、OpenAI API、LINE APIを使い自動化フローを構築する。手順はGASの設定からAPIキーの取得、コードの配置、トリガー設定まで詳細に説明。 | ChatGPTを活用し、英語のメルマガを自動的に日本語に翻訳し要約した上でLINEに送信する自動化フローを提案。 |
| GPT-3.5Turboを利用して、クイズ形式応答を行うLINE Bot (複数ジャンル対応型・GPT-4omniへ切替も可) | たまに存在しない架空の本を紹介するときがある。 | Bing検索とChatGPTを利用し、LINE Botで本を紹介するシステムを開発中。 | 検索の前にもう一つChatGPTをかませて、検索をかけやすい形にすることで簡単に修正できる可能性がある。 | LINE Botは完成したが、まだ改善の余地がある。 |
| LINEで飲酒記録をつけるツール 【メッセージ⇒スプレッドシートに整理】 | お酒の消費量と支出を管理できていない。 | 健康と貯蓄を手に入れるため、飲酒の記録をつけたい。 | GASを用いてLINEメッセージをスプレッドシートに記録するツールを開発。 | LINEからスプレッドシートに記録を残せるツールを作成。 |
| 【2024年版】LINEプッシュ通知の6つの導入方法とその選び方（診断チャート付き） | 多くの企業がLINEプッシュ通知を適切な方法で導入しておらず、その結果効果的な顧客コミュニケーションができていない。 | 企業が顧客にLINEを使ったプッシュ通知を行う方法は6つ存在し、それぞれに特徴とコストがある。さらにLINE以外の2つのプッシュ通知方法もある。 | 各プッシュ通知方法の特性とコストを理解し、診断チャートを活用して自社に最適な方法を選択する。サービスの最新料金情報を参照し、場合によってはVoice App Labに相談する。 | 企業の状況や目的に応じた最適なプッシュ通知方法を選ぶことで、より効果的な顧客コミュニケーションが可能になる。 |
| 【Difyよりおすすめ】Coze × LINE Botの使い方 | Cozeの知名度が低く、セキュリティや信頼性に対する不安がある。 | CozeはByteDanceが提供するサービスであり、非エンジニア向けに設計されているが設定項目の一部は英語で表示される。 | Cozeを利用して、LINEや他のメッセンジャーアプリと連携したチャットボットを作成する方法を試してみる。 | 機能の充実度と利便性から、今後ユーザーが増えることが期待される。 |
| ピラティスのレッスンを無断欠席しないために…！リマインド用のLINE Botを作ってみた | Makeプラットフォームでリマインド設定が自動的に実行されない | マシンピラティスのレッスン予約を忘れないためにLINE Botを作成したが、リマインドが届かない問題が発生 | 有料プランにアップグレードまたは他の方法を調査する | 問題はまだ未解決だが、有料プランにすれば1分おきの設定が可能な可能性があると判明 |
| [個人開発] 食品の在庫を簡単に管理できるサービスを作ってみました | 食材の管理が難しく、期限切れの廃棄や無駄な出費が発生する問題。 | 一人暮らしをしていた際に、食材の管理や消費期限の把握が難しく、同じ食材を再購入したり、期限切れの廃棄が発生した。 | 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を用いたマルチモーダル応答、および会話履歴を保存し次の会話に活かせる機能を実装 |
| LINE BotへのメッセージをGoogle Homeに喋らせてみる | LINE Botにメッセージを送るとGoogle Homeがその内容を読み上げる機能を実現する方法を解説している。 | 人気だったGoogle Home Notifierが使えないため、Google Home Playerを使用することにした。 | Node.jsを使ってサーバーを構築し、Google Home PlayerとLINE Botの連携を設定する。サーバーをNgrokで公開し、Webhook URLをLINE Developersに設定する。 | LINE Botに送信されたメッセージがGoogle Homeで読み上げられるようになる。 |
| おうむ返しをしてくれるLINE BotをAWS Lambdaを使用して作成する | エラーの解決に時間がかかった | エラーはzipファイルの作成ミスやAPI Gatewayのプロキシ結合がオンになっていなかったことが原因 | 操作をやみくもに行わず、エラー原因をリストアップし、一つ一つ対処する | 落ち着いてエラーの原因を分析し、分離して解決することが重要と学んだ |
| [TypeScript] LINE Messaging APIを使うときは署名を検証しよう | LINE Messaging APIの署名の検証方法について理解する必要がある | LINEのwebhookリクエストが本当にLINEから送られてきたものであるかを確認するために、署名の検証が行われる | 公式SDKのミドルウェアまたはvalidateSignature関数を使い、署名の検証を行う | 公式SDKを使って署名の検証を行う方法をまとめた |
| [TypeScript] deno deployとHonoでLINEbotを作る | LINE botを作成する方法について。 | TypeScriptとDenoを使用し、LINE Developers Consoleで設定を行う。 | Denoでプログラムを作成し、deno deployにデプロイ、Webhook URLを設定して完了。 | deno deployとHonoでLINE botが作成できる。 |
| 【忙しい人必見⚡】Difyを利用した次世代型ToDoリスト Part1(シリーズもの) | 忙しい日々の中で新生活の準備が進まず、パートナーとの関係にもストレスが生じている。 | 仕事、勉強、家事が忙しく、新生活の準備が進まない。また、引っ越しまで残り10日しかない。 | AIを活用して何を購入するか提案してもらうことで、効率的に新生活の準備を進める。AppSheetとGoogle Apps Scriptを利用してAI提案とLINE通知機能を追加した。 | ToDoリストは完成したが、何を購入するかの調査に時間がかかり、忙しさは解消されなかった。 |
| LINE Messaging APIを使用して、自然言語でGoogleカレンダーに登録 | 自然言語でGoogleカレンダーに予定を登録できるLine公式アカウント | このプロジェクトは、Line上でメッセージ、スクショ、音声からGoogleカレンダーに予定を保存する機能を持つ。 | 環境変数を登録し、TypeScript+Expressベースのコードを実装することで問題を解決する。 | 具体的な結論は示されていませんが、設計はドメイン駆動で行われ、リポジトリが公開されている。 |
| 最速でLIFF CLIを試す | LIFFアプリ登録時に適切なチャネルの指定が省略された際、期待通りの動作をせず、すべてのチャネルのLIFFアプリが表示されない。 | 2024/7/23、LIFF CLIが発表され、Node.jsを用いてLIFFアプリの開発を円滑にするツールとして登場しました。チャネルの登録やアプリの作成・更新などをコマンドラインから行えるようになりました。 | チャネルの削除と一覧表示、アプリのエンドポイントURLや画面サイズの表示機能を追加することで、ユーザビリティを向上させる必要がある。 | 公式サイトの説明と異なり、省略時にすべてのチャネルのLIFFアプリが表示されないため、確認が必要。 |
| キーワード入れて1発！ワンショット商品説明作成bot | ECサイト運営者が商品説明を書く負担が大きい | 多数の伝統的な製法で商品を作る生産者が、ECサイトに参入したいが人手不足で商品説明を書く時間がないと話していた | LINEbotとChatGPTを組み合わせて、複数のキーワードを入力するだけで商品説明を自動作成するシステムを開発 | ChatGPTを活用した商品説明作成botを試作し、EC参入が容易に |
| ChatGTPとDifyを使って、「ご意見・お問い合わせに回答しますちゃん」作ってみた。 | 商業施設の問い合わせに対して即答できるLINEBotを作成したが、実存するテナントについて正確に答えられないという問題が発生しました。 | 商業施設管理の仕事において、頻繁に問い合わせやご意見を受けるため、LINEBotで即答できるシステムを構築しようとした背景があります。 | Difyを使って商業施設のウェブサイトから知識を取得し、MakeにAPIとして組み込み、問い合わせに対して正確な情報を返せるようにしました。 | Difyで知識を取得し、APIを介してMakeと連携させることにより、問い合わせに対して正確な情報を返せるLINEBotを作成しました。 |
| DifyとLINEボットサーバーを連携してみる その3 conversation_id編 | LINE Botのエージェント対話品質を向上させるためにconversation_idを保持する方法を試みた。 | DifyのAPIとLINE Botのメッセージ処理方法を組み合わせるため、コードを更新した。 | LINEのuserIdとDifyのconversationIdを対にして配列に保存し、一定時間で揮発するようにした。取得と設定の関数をmessaging.tsに組み込んだ。 | conversation_idを保持することで、以前よりも対話能力が高いボットサーバーにアップデートできた。 |
| Outlookの予定リマインダーをLINEに通知する | メロスが会議予定を忘れてしまう問題 | メロスはド文系の下っ端のゆとり世代の情シスで、予定をついうっかり忘れることがある | PowerAutomateとLINE Notifyを使い、会議のリマインダー通知を個人LINEと会社ドメインのTeamsに送る | 会議のリマインダー通知を送るフローを作った |
| LIFF開発でメッセージ送信まで | Keepメモで使用するとエラーが起きる。不正な受信エラー。 | Liffでメッセージを送信するためのアプリを作成し、LiffId設定やGitリポジトリなどの準備を行った。 | Keepメモで使用しない。他の方法でエラーが起きないように注意する。 | Liffにメッセージを送信するアプリはうまく機能する。 |
| 【Messaging API】PHP版コピペ用メッセージ雛形 | イメージマップメッセージが作成されていない。 | イメージマップメッセージを自分が使用するつもりがないため作らなかった。 | 必要に応じてイメージマップメッセージを追加する。 | テンプレートメッセージなど他のメッセージに対応している雛形が完成した。 |
| LINEで送るボタンの仕様を詳しく確認、解説する | LINEシェアボタンの実装が特定環境で意図しない動作をする。 | 過去に何度も実装してきたが、最近の実装でシェア内容に問題が発生した。LINEの提供する公式ボタンでは要件を満たせないため、カスタムボタンで対応している。 | Social Pluginsではなく、旧シェア画面URLを使う。ただし、PCでは余計なURLが末尾に加わる問題がある。 | 指定テキストのシェアを行うためには、旧シェア画面を使うしかない。 |
| Google Apps ScriptでLINEbotで3択クイズを実装する(リッチメニューでクイズモードを実装) | GASで動作させると返信までに3秒程度時間を要し、実用的ではない。 | LINEのリッチメニューでクイズを選択するとクイズモードへ移行し、3択クイズが始まるアプリケーションを作成。クイズ進捗管理のためにユーザーIDとステータス管理を実装。 | スクリプトを数ページに分けて管理することで見やすくはなる。動作のもっさり感は受け入れる。 | スクリプトが長くなり、実用的な速度ではなくなった。 |
| LINEを使用してSwitchBotのスマートロックを操作する方法 | LINEアプリでSwitchBotの操作を可能にする方法について | 無料のngrokを使用するが、セッションを再起動すると新しいURLが生成されるため実用的ではない。有料プランで固定URLが利用可能。 | | |
| CloudflareWorkersでLinebotを作成する | 説明不足やコードの未完成があります。 | Cloudflare上でLinebotを作成しようとしています。 | 未完成のコード部分を修正し、ngrokを使ってトンネリング確認、デプロイする。 | 記事の指示通りにすれば、Linebotが動くはずとされています。 |
| LIFFブラウザとLINE内ブラウザって何が違うの？ | LINEからLIFFアプリにアクセスしているのに、ログインができない。 | LIFFブラウザとLINE内ブラウザの違いを理解していなかったため、LIFFアプリで自動ログインされず、`liff.isLoggedIn`が`false`となっていた。 | URLの入力ミスを修正する。正確なURL（`https://liff.line.me/`）を使用することで、LIFFブラウザで開き、自動ログインが実行される。 | URLのタイプミスにより、LINE内ブラウザで立ち上がっていたため、自動でログインされなかった。 |
| マツコの知らない LINE ログインの世界 | LINEログインの失敗やユーザー体験の悪化 | LINE ログインの普及率が高いが、再認証が求められるためユーザー体験が悪化する場合がある | ブラウザの変更を検知し、再度認証リクエストを送信する。また、プライベートモードでは自動ログインを無効にするなどの対策を実施 | LINE 自動ログインを活用することで、認証手続きがスムーズに行われるようにした |
| 1つのMessaging APIチャネルを複数のGASプロジェクトから利用する | 複数の GAS アプリケーションから一つの LINE Channel に対してメッセージを送信できない。 | GAS はプロジェクトごとに個別の URL を持つが、LINE Channel の Webhook URL は一つしか設定できないため、複数の GAS アプリケーションからメッセージを送信しようとすると競合が発生する。 | GAS アプリケーションで代表の GAS を作成し、message を post_table に従って振り分けて送信する仕組みを実装する。 | 代表の GAS アプリケーションを作成して、複数の GAS からのメッセージを集約して送信できる。 |
| LINEbotとGASで開発！スプレッドシートの内容をFlex MessageでLINEに送信する！ | LINEメッセージングAPIとGASを用いた観光地紹介アプリケーションの作成方法が未整備である。 | ユーザーがリッチメニューの「スポット」を押すとおすすめ観光地のフレックスメッセージを送信することを目指している。 | スプレッドシートにデータを配置し、GASを利用してデータを取得・送信するスクリプトを記述する。 | スプレッドシートから観光地データを取得し、ランダムで3つのスポットを選んでメッセージを送信することができるアプリケーションを構築した。 |
| Lineでよさそうな部屋を紹介してくれるボットを作成する | 既存の不動産サイトが使いづらく、物件検索が効率的に行えない。 | 部屋探しの際、複数の不動産屋による重複掲載や、情報過多、比較が難しい、短時間検索が課題。 | AWS上にLambdaとDynamoDBで実装し、Suumoサイトをスクレイピングして物件情報を蓄積し、Lineで物件紹介を行う。 | Lineボットを用いて、Suumoの物件情報を簡単に比較・検索できるアプリを開発した。 |
| Raspberrypiでデジタル砂時計を作成しました（加速度センサ、LEDマトリックス） | 砂時計が落ちきっても通知がないため気づかないリスクがあった。 | 従来の砂時計は美しいが、スマホタイマーを使うのは趣がないと感じたため、新しいシステムを模索した。 | 加速度センサーを使って傾きを検知し、LEDで砂の落下を模倣する新しい砂時計を開発した。 | デジタル砂時計システムが成功し、砂が落ちた際に通知が飛ぶ機能を実装した。 |
| 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に指定することで解決できる。 |
| 夏の猛暑に備えてLINEBOTで水分補給リマインダーを作ろう | 水分補給を促すリマインダーが不足していること。 | 猛暑の中でこまめな水分補給が重要であるため、PHPを使ったLINEBOTを作成し、定期的にリマインダーを送信することが有効。 | PHPを使用してLINEからのリクエスト処理やデータベースを準備し、cronジョブで定期的にメッセージを送信する設定を行う。 | LINEBOTを用いて水分補給リマインダーを設定する方法を紹介。 |
| enebular + LINEbot + Google Cloudを利用した蘇生処置補助ボット 〜プログラミング初心者の放射線診断科医が作ってみた〜 | 技術的な課題が複数あり、現段階ではまだ使用を推奨しない。 | 急変時に冷静に対処するのが難しい医療従事者を支援するために、蘇生処置補助ボットを作成。 | オフラインでの使用や通知タイミングの改善、情報提示方法の見直しなどを行い改良を加える。 | LINEbotとenebularを用いた蘇生処置補助システムは有益だが、技術的課題が存在する。 |
| LIFFアプリへの外部ブラウザによるアクセスを制御する | 外部ブラウザからLIFFアプリへのアクセスを拒否または制御できない。 | LIFFブラウザと外部ブラウザの違いを区別し、適切な処理を行う必要がある。 | liff.isInClientを使用し、外部ブラウザの場合には異なるページ表示や自動ログイン処理を設定する。 | LIFFブラウザ以外からのアクセスを制御し、ログイン処理を自動実行できる。 |
| line-bot-sdk-python v3 で位置情報メッセージの送受信がうまく行かない！ | ユーザからのメッセージの処理を異なる方法で行う際に、LINE Bot SDK v3のドキュメントが少なく問題が発生した。 | LINE Bot SDKがv3になり、以前の方法では正しく処理できなくなった。 | 必要なモジュールを正しい場所からインポートする方法を示した。 | 新しいインポート方法を利用することで問題を解決した。 |
| もう３日坊主になんてさせない！日記アシスタントLINE bot「日記ちゃん」 | 日記を続けられないことに対する悩み。 | 日記を書くことができず、過去の経験から続かない自信がない。 | LINE botを使って日記を簡単に記録できる仕組みを構築した。 | LINE bot「日記ちゃん」を作成し、日記を書くためのサポートを提供。 |
| Fast APIとLineのMessage APIの連携が神すぎた | FastAPIを使った画像からのテキスト認識が未実装。 | LINEからの画像アップロードとOCR処理の統合を目指すプロジェクト。 | 非同期処理とセキュリティ対策を講じてアプリを実装する。 | FastAPIとOCRを使用した画像テキスト認識アプリケーションが完成。 |
| Cloudflare Workersでコピペだけで作れるLINE Bot | LINE Botを作成する際の手順や設定方法が複雑であること。 | Cloudflare Workersを用いたLINE Bot構築に関する情報や手順が提供されている。 | 設定手順に従い、プロジェクト作成からデプロイまで進めること。 | Cloudflare Workersを利用してシンプルなLINE Botが構築できる。 |
| 【React Native】iOSでのLINE自動ログインに失敗する件 | iOSでのLINE自動ログインに失敗する。 | iOSの場合、ユニバーサルリンクがうまく動作せず、自動ログインが試みられるがエラーが発生する。 | Socialiteのオプションパラメータに「disable_auto_login=true」を付与して、自動ログインを無効化する。 | iOSでの自動ログインは失敗し、ユーザーにはエラーが表示され続ける。 |
| 運動不足のアナタ！“無料”の専属パーソナルトレーナーを紹介しますよ！(ChatGPT API× LINEBot) | 運動の習慣化が難しい筋トレ初心者向けのLINEBotが必要。 | 小売企業の本社スタッフとして勤務し、運動不足が懸念されている。 | ChatGPTを使い、希望時間に合わせたランダムメニュー提案機能を搭載。 | 自宅でトレーニングができるLINEBot「Muscle Boost」を開発。 |
| 生成AIにLINE Botを作ってもらう GPT4o編 その1 | Denoで動作するLINE Botのコードを生成したが、サーバー設定にエラーが発生した。 | 生成AIを使ってLINE Botのサーバーコードを作成する試みを行っているが、一部の条件を忘れたため正しい実行環境が得られなかった。 | プロンプトを更新し、生成AIに質問してエラーを修正する方向で進める。 | Denoで動作するLINE Botのコードは生成できたが、正しく実行されなかった。 |
| 【超簡単】GASとGeminiで無料でAIのLINEbotを作成する。 | GASを使ったLINEボットの実装に関するトラブルが発生する可能性がある。 | GeminiのAPIとGoogle Apps Scriptを利用してAIをLINEボットに組み込む方法を公開。 | APIキーを貼り付け、コードを修正し、WebhookにURLを設定することで動作する。 | 手順を正しく実行すればLINEボットの実装は可能である。 |
| LINE×AWS Lambda×Notionで支出管理用Botを作ってみた | 同居人がNotionに手間を感じて支出を入力しない。 | Lineで項目と金額を入力することでNotionのテーブルに自動的に反映させたい。 | LINE経由でJSONデータを受け取り、Lambdaを通じてNotionのデータベースに登録する仕組みを構築。 | LINE Botを利用して支出管理を簡素化した。 |
| Azureでモルガンの宝具セリフをランダムに返すbotを作る | LINE BOTがユーザーからのメッセージに適切に応答できない。 | BOTアプリがAzure App Serviceにデプロイされているが、メッセージ応答のコード実装に誤りがあるため。 | コード内の関数やメソッドの定義を修正し、適切なHTTPリクエストを実装する。 | BOTがランダムな宝具セリフを返すように機能しない。 |
| x-line-signatureの署名検証についての備忘録 | LINEのMessagingAPIでのWebhookリクエストの署名検証に非推奨のcryptoパッケージを使用している。 | cryptoパッケージはもはやサポートされておらず、Node.jsのネイティブモジュールに置き換えられた。 | 公式ドキュメントに従い、import文でネイティブcryptoモジュールを使用する。 | Nodeのネイティブcryptoモジュールを用いて実装すれば問題は解決する。 |
| 彼女を励ますために、Azure OpenAI Serviceでくまきち(kmakici)LINE botを作った #3 | 画像送信前に指示を出さなければならず、ユーザビリティが低下していた。 | 以前は画像を送る前に「画像」というワードを指示として書く必要があったため、使い勝手が悪かった。 | メッセージのタイプによってステートを更新し、次回のメッセージ処理時に条件を設定して応答を生成するようにした。 | 画像を送った後のテキストメッセージを画像への指示と認識する仕様に改修した。 |
| LINE Official Account ManagerからMessaging APIを有効化する | LINE DevelopersコンソールからMessaging APIチャネルを直接操作できなくなること。 | 2024年9月4日以降、LINE Official Account Managerから操作する必要があることが発表された。 | LINE BuisinessアカウントとLINE公式アカウントを作成し、Messaging APIを有効化する手続きを行った。 | Messaging APIを使用するための準備が整った。 |
| あのキャラがレース講評してくれる!? LLM活用botのオタク満足度が高かった話 | 主催者が手動でPOGの成績管理を行うのが負担になっている。 | POGは仲間内で行われる競馬ゲームで、主催者は学生から社会人になり時間と気力の余裕がなくなった。 | Google App ScriptとLLMを利用して、出走情報やレース結果を自動で投稿し、楽しさを加えたbotを開発した。 | POGの自動化を実現することで、手動管理の負担を軽減し、楽しいコンテンツを提供できた。 |
| Cloudflare Workersでコピペだけで作れるLINE Bot(手軽にAIを入れる編) | AIが遅延する場合があり、返信がされないことがある。 | Cloudflare Workers AIを使い、LINE BotにAI機能を組み込む方法を紹介。 | Workersの設定ファイルにバインディングを追加し、メッセージハンドリングの変更を行う。 | Cloudflare Workers AIを使ったLINE Botの作成が可能。 |
| 【GAS】GPT、Gemini、Claude を切り替え可能な LINE bot の作り方 | 特定のAIモデル（GPT、Gemini、Claude）を切り替えて使用するLINEボットの作成方法が不明確。 | GASを使用してAIモデルを切り替えるLINEボットを構築する手順を説明。 | GASを用いてAPIキー取得やスプレッドシート作成などの手順を行い、LINE Messaging APIを設定。 | LINE botでのAI切り替えが可能で、会話内容の保存機能も実装できる。 |