| MarkdownをLINEのFlex messageに変換するパッケージを作った | Markdown形式のテキストをLINEのFlexメッセージに変換すると可読性が低くなる | AIチャットボット「先生AI」でChatGPTからの返答がMarkdown形式だったため、そのまま返答すると可読性に難があった | markdown-flex-messageを使用する。convertToFlexMessageメソッドにMarkdownを流し込む。元のMarkdown表示専用ページとリンクを設定 | MarkdownをFlexメッセージに変換するnpmパッケージmarkdown-flex-messageをリリース |
| 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メッセージ送信機能がうまく動作した。 |
| [Flutter]LINEログイン連携でlinkWithCredentialがうまくいかない | FirebaseAuthでメール認証したアカウントでLINEログイン連携をしたがエラーが発生した。 | linkWithCredentialの事例が少ないため、正しい方法が分からなかった。アクセストークンやidTokenを使ったがエラーが起こった。 | NonceをSHA256で生成し、ログインするときにSHA256に変換したNonceを使い、credentialには元のNonceを使用する。 | NonceをSHA256で生成し、それをcredentialに使うことで成功した。 |
| line-bot-sdk-python V3のコードサンプル | line-bot-sdk-pythonが2024年3月時点で全然整備されていない | PythonのLINEBotを作成するためにline-bot-sdk-pythonを使用していた | V3のコードサンプルを提供し、必要なアクションのクラスを使用する方法を示す | 最新版のV3のコードサンプルを自分用にまとめる |
| 【GAS】クラス化でLINE-botを爆速で作成する | GASでLINEのbotを作ると、記述が冗長になったり条件分岐が多すぎる。 | クラス化することで記述を簡単にしようとした。 | Client_クラスを定義するために必要なソースコードをコピペする。 | Botが完成したが、Client_が定義されていないためエラーが発生する。 |
| 【セキュア実装】はじめてのLINE連携：キーワードで学ぶ基本用語の簡単解説 | LINE連携におけるセキュリティリスク | LINE連携は多くのアプリケーションで利用されるが、セキュリティ面で注意が必要。 | HTTPS使用、情報の端末保存回避、暗号化措置、Nonce管理、鍵管理、ユーザー通知、適切なバリデーションと認証 | 適切なセキュリティ対策を講じることで、安全にLINE連携を利用可能。 |
| 【BI】LINE公式アカウントの友だち登録者数をtroccoで取得しBigQueryに保存する | LINE公式アカウントの友だち登録者数のデータを手動で取得し分析用のデータベースに保存するのは手間がかかる。 | アカウントの成長度合いを示す重要な指標である友だち登録者数のデータを効率的に管理する必要がある。 | SaaSのtroccoを使って友だち登録者数を自動的に取得し、BigQueryに保存する。 | LINE公式アカウントの友だち登録者数をAPIから取得し、BigQueryに自動的に保存することが可能になる。 |
| AWS Lambdaで、LINE Botにローディングアニメーションを表示 | メッセージを送信してから返答が来るまでの待ち時間に関するユーザー体験の向上が求められている。 | Messaging APIにローディングアニメーション表示機能が追加され、その実装がAWS Lambdaで行われた。 | ローディングアニメーションを表示するAPIエンドポイントと設定を追加し、条件に応じて正しく表示・非表示にする。 | ローディングアニメーションの追加により、ユーザーが送信が正常に行われたことを確認し、返答を待つ時間のストレスを軽減できる。 |
| Supabase Cronで定期的に LINE にメッセージを送信する | Supabase Cron を使って定期的に LINE にメッセージを送りたい。 | Supabase Cron の機能を利用し、users テーブルのユーザーに対し LINE の Push API を使って通知を送る。 | LINE Bot を作成し、Supabase Edge Function を設定。Push API を利用し、Cron の設定を追加して定期実行を設定。 | Supabase Cron を利用し、定期的に LINE にメッセージを送信することができた。 |
| [TypeScript] deno deployとHonoでLINEbotを作る | LINE botを作成する方法について。 | TypeScriptとDenoを使用し、LINE Developers Consoleで設定を行う。 | Denoでプログラムを作成し、deno deployにデプロイ、Webhook URLを設定して完了。 | deno deployとHonoでLINE botが作成できる。 |
| [TypeScript] LINE Messaging APIを使うときは署名を検証しよう | LINE Messaging APIの署名の検証方法について理解する必要がある | LINEのwebhookリクエストが本当にLINEから送られてきたものであるかを確認するために、署名の検証が行われる | 公式SDKのミドルウェアまたはvalidateSignature関数を使い、署名の検証を行う | 公式SDKを使って署名の検証を行う方法をまとめた |
| おうむ返しをしてくれるLINE BotをAWS Lambdaを使用して作成する | エラーの解決に時間がかかった | エラーはzipファイルの作成ミスやAPI Gatewayのプロキシ結合がオンになっていなかったことが原因 | 操作をやみくもに行わず、エラー原因をリストアップし、一つ一つ対処する | 落ち着いてエラーの原因を分析し、分離して解決することが重要と学んだ |
| 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で読み上げられるようになる。 |
| 彼女を励ますために、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アカウントでのログイン機能、プッシュ通知、モーダル編集機能などを使って利便性を向上。 | 食材の管理とレシピ検索ができ、消費期限が近い食材を自動で通知してくれるサービスを作成。 |
| ピラティスのレッスンを無断欠席しないために…！リマインド用のLINE Botを作ってみた | Makeプラットフォームでリマインド設定が自動的に実行されない | マシンピラティスのレッスン予約を忘れないためにLINE Botを作成したが、リマインドが届かない問題が発生 | 有料プランにアップグレードまたは他の方法を調査する | 問題はまだ未解決だが、有料プランにすれば1分おきの設定が可能な可能性があると判明 |
| 【Difyよりおすすめ】Coze × LINE Botの使い方 | Cozeの知名度が低く、セキュリティや信頼性に対する不安がある。 | CozeはByteDanceが提供するサービスであり、非エンジニア向けに設計されているが設定項目の一部は英語で表示される。 | Cozeを利用して、LINEや他のメッセンジャーアプリと連携したチャットボットを作成する方法を試してみる。 | 機能の充実度と利便性から、今後ユーザーが増えることが期待される。 |
| 【2024年版】LINEプッシュ通知の6つの導入方法とその選び方（診断チャート付き） | 多くの企業がLINEプッシュ通知を適切な方法で導入しておらず、その結果効果的な顧客コミュニケーションができていない。 | 企業が顧客にLINEを使ったプッシュ通知を行う方法は6つ存在し、それぞれに特徴とコストがある。さらにLINE以外の2つのプッシュ通知方法もある。 | 各プッシュ通知方法の特性とコストを理解し、診断チャートを活用して自社に最適な方法を選択する。サービスの最新料金情報を参照し、場合によってはVoice App Labに相談する。 | 企業の状況や目的に応じた最適なプッシュ通知方法を選ぶことで、より効果的な顧客コミュニケーションが可能になる。 |
| LINEで飲酒記録をつけるツール 【メッセージ⇒スプレッドシートに整理】 | お酒の消費量と支出を管理できていない。 | 健康と貯蓄を手に入れるため、飲酒の記録をつけたい。 | GASを用いてLINEメッセージをスプレッドシートに記録するツールを開発。 | LINEからスプレッドシートに記録を残せるツールを作成。 |
| GPT-3.5Turboを利用して、クイズ形式応答を行うLINE Bot (複数ジャンル対応型・GPT-4omniへ切替も可) | たまに存在しない架空の本を紹介するときがある。 | Bing検索とChatGPTを利用し、LINE Botで本を紹介するシステムを開発中。 | 検索の前にもう一つChatGPTをかませて、検索をかけやすい形にすることで簡単に修正できる可能性がある。 | LINE Botは完成したが、まだ改善の余地がある。 |
| [GASで自動化] 英語のメルマガもサクサク読める！〜ChatGPTのAPIで翻訳してLINEでシェア | 英語のメルマガを読むのが難しいと感じる人が多い。 | 英語のメルマガは貴重な情報源であり、読めるようになると知見が広がるが、英語に不慣れな人にとってはハードルが高い。特にAI関連のニュースは重要。 | Google App Script(GAS)、OpenAI API、LINE APIを使い自動化フローを構築する。手順はGASの設定からAPIキーの取得、コードの配置、トリガー設定まで詳細に説明。 | ChatGPTを活用し、英語のメルマガを自動的に日本語に翻訳し要約した上でLINEに送信する自動化フローを提案。 |
| できるLIFFアプリ開発者になるための基本のシェアターゲットピッカー | シェアターゲットピッカーを使ってメッセージを送信する方法が分からない | シェアターゲットピッカーはLIFFアプリからLINEの友だちやグループにメッセージを送る機能 | LIFFの初期化とシェアターゲットピッカーの利用を実装し、メッセージを入力して送信先を選択する | シェアターゲットピッカーを使ってメッセージをLINEの友だちやグループに送信できた |
| Dify×Make×LINEでマルチモーダルな手相占いLINEbotを作る_ | イベントまでに用意する内容が未完成である | 初心者向けハンズオンイベントで、LINEbotを使った手相占いの実装を解説するための準備が必要 | イベント前にDify初期設定、アプリ作成、フロー作成、API設定などを完了し参加者がスムーズに進行できるようにする | Dify、Make.com、Google AI Studio、LINE DEVELOPERSの使用を推奨 |
| ChatGPT を LINE から使えるようにする方法_ | 妻からのリクエストで、LINEからChatGPTへ質問したいというニーズが発生した。 | Google Apps Scriptを利用してChatGPTを使えるLINEチャネルを作成し、従量課金制でOpenAIのサービスを利用する。 | Googleアカウント、Google Apps Script、LINE Developersコンソール、OpenAIアカウントを設定し、スクリプトを作成・デプロイし、各サービスを連携させる。 | LINEとGASを利用したチャットボットが完成し、従量課金制でChatGPTを利用可能にする方法が解説された。 |
| 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で使用するために自前でセットアップする必要がある。 |
| 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で通知することで、夫の心理的負担が軽減される |
| 【個人開発】AIがおすすめの飲食店を教えてくれるLINEチャットボットを作りました | | AWSを使用すると料金が高くなるため、GCPを選定。 | Cloud RunとFirestoreを使用し、一部はMySQLで対応。 | GCPを選ぶことでコスト削減。 |
| DifyとLINEボットサーバーを連携してみる | DifyとLINEボットの連携を試みる | Difyの基本的な使い方についての情報が多いが、UIは頻繁にアップデートされている | Difyで作成したAPIキーを使用してLINEボットサーバーにリクエストを送り、応答を受け取る | DifyとLINEボットの連携が成功し、カレーライスについての回答が得られた |
| 【Make】車での旅行・出張の際に役に立つ！？【LINE Bot × google Maps】 | 旅行中や出張中にガソリンスタンドを探すのが不安 | 広大な土地や田舎では商業施設が少なく、ガソリンが底をつきそうになることがある | Google Maps APIとLINE Botを組み合わせ、位置情報をもとにガソリンスタンドを検索し、案内する機能を提供 | LINEから位置情報を送るだけで、周辺のガソリンスタンドを教えてくれるBotを作成 |
| [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に転送する方法を作成 | |
| 【保存版】3分でできるmakeでLINE Botのローディングアニメーションを実装する方法 | 生成AIを利用するプロダクトの処理に待ち時間がかかり、不安を感じる。 | ローディングアニメーションがないとユーザーが処理の進行状況を把握できず、不安を感じる。 | makeでHTTPモジュールを使用し、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主体のアーキテクチャを構築可能 |
| エアコン嫌いの家族を熱中症から守りたい | 父がリビングでクーラーをつけずに過ごしているため、熱中症のリスクがある。 | 年齢とともに温度に対する感覚が鈍くなり、熱中症にかかりやすくなる。また、室内での熱中症の多くがエアコン未使用の高齢者が原因。 | 温度センサーと超音波距離センサーを活用して、LINE Botで注意喚起や安否確認のメッセージを自動送信するシステムを構築。 | 警告バージョンと注意喚起のメッセージが無事送信された。 |
| Power AutomateでLINE Botのオウム返しをしてみる #linedc | LINE BotをPower Automateで作る際の情報不足 | LINE Notifyでの通知記事は多いがリプライメッセージ対応の記事は少ない | LINE公式アカウントの作成、HTTP受信モジュールの設定、JSONの作成、HTTP送信設定などを順に行う | Power AutomateでLINE Botを作成する手順を紹介 |
| 毎日バイクが盗まれやしないかと心配で眠れないからLINEで確認できるようにしてみた | バイクが盗まれてしまったため、バイク置き場の安全性に悩んでいる。 | バイクの盗難は年間多く発生しており、特に住宅敷地内での盗難が多い。特定のバイクモデルは盗難のリスクが高い。 | 超音波距離センサーとObnizをバイクに設置し、一定の距離内にバイクがあるかどうかをLINEで確認できるようにする。 | 超音波距離センサーとObnizを使用して、バイクがあるかどうかをLINEで確認できるシステムを作成した。 |
| Google App Script (GAS) を利用して、LINE のメッセージを Discord へ送信する | LINEチャネルに入力したメッセージをDiscordへ送信する方法を学びたい。 | Google App Script (GAS)を利用し、LINEチャネルとDiscordのWebhook URLを連携する。 | GASプロジェクトを作成し、スクリプトプロパティにDiscordのWebhook URLを登録。コードをエディタに貼り付け、デプロイして動作確認を行う。 | LINEチャネルに入力されたメッセージがDiscordへ転送されることを確認。 |
| LINE FAQ botを作る | LINEの問い合わせに関する回答を自動化するためのFAQ botの作成 | LINEからの問い合わせに対応する効率を向上させるための取り組み | DifyでFAQデータを管理し、LINEとGASを使ってメール送信のフローを構築 | FAQに関する質問には自動回答し、それ以外の質問はメールを送信することで対応するbotが完成 |
| 【蕁麻疹バイバイ！】乾燥状態！直ちに保湿せよ！ | 頻繁に乾燥が原因で蕁麻疹が起こる。 | 肌が乾燥すると皮膚のバリア機能が衰え、何時間かおきに保湿剤を塗らないと効果が得られない。 | obnizとLINE Botを使って保湿を促すデバイスを開発。具体的に距離センサーやスピーカーを用いて保湿ミッションの時間を計測できるようにする。 | 保湿を促すデバイスを作成した。 |
| [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でリマインド通知を送信できるようにした。 |
| 農系IoT勉強会#2 Ambientを使ってセンサの値をスマホから確認しよう | 湿度の％が特殊文字扱いされ、LINEに送信するにはエンコードが必要。 | Ambientを使ってセンサの値を確認するために、AtomS3に温湿度センサを接続し、データをAmbientに送信する。 | 湿度の％をLINEに送信する際、必要に応じてエンコードを行うこと。float型データをString型に変換する。 | 湿度データの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を開発し、そのリリースを成功させ、達成感を得たと述べています。また、この記事を通じて他の人々の個人開発のモチベーションを向上させたいと考えています。 |