| Next AuthでLINEログインをしてemailアドレスを取得する方法 | LINEログインで取得できるユーザー情報にemailが含まれない。 | Next AuthのLINEプロバイダーのデフォルト設定にemailスコープが設定されていないため。 | LINEプロバイダーの設定にemailスコープを追加する。 | ユーザー情報へのemailの追加が必要。 |
| Mastraで立ち上げたAiエージェントをLINEボットにする | LINEボットの設置とAiエージェントからのメッセージ送信が必要。 | 前回のセットアップが完了していることが前提。パブリックなドメイン名が必要。 | LINEボットの設定とエンドポイントの設置、必要なライブラリのインストールを実施。 | LINEボットが構築され、Aiエージェントからメッセージを送信可能に。 |
| 学校のプリント地獄にサヨナラ！LINE×GeminiでGoogleカレンダー＆Todo登録！ | 子供の学校のプリント管理が大変で、スケジュールの共有漏れが夫婦喧嘩の原因となる。 | 親が把握すべきタスクが多く、学校からのプリントを見落とすことで問題が生じる。 | LINEでプリントを送るとAIが解釈し、GoogleカレンダーとToDoリストに自動登録するシステムを構築する。 | AI秘書を利用してプリント管理を自動化し、スケジュールの共有をスムーズにする。 |
| 【Difyハンズオン】LINEで簡単メモ＆要約ボット | 手軽なメモ整理の手段が不足している。 | LINEでのメモを簡単に管理したい人向けのシステム。 | LINEに送信されたメモを要約し、Googleスプレッドシートに保存するシステムを確立。 | AI要約機能でメモを自動的に整理できる。 |
| 【個人開発】ペットのぶさかわを投稿するアプリ「ぶさかわフォト」をリリースしました。 | 特に記載されていないが、開発過程で様々なエラーが発生している。 | 「ぶさかわ」を共有したく、プログラミングスクール「RUNTEQ」を卒業してWebエンジニアとして転職活動中にサービスを開発した。 | LINEログイン、通知機能、動的OGPなどの機能を工夫して実装した。 | 無事に「ぶさかわフォト」というWebアプリをリリースすることができた。 |
| LINE + 生成AI + Dify +Geminiでレシートを読み取って家計簿をつける | 大規模なレシートから合計金額を自動で読み取るシステムの作成過程で、各モデルのレスポンスタイムを比較した。 | レシート管理Botを作成するためにGemini APIを使用、Difyのワークフローで開発を迅速化した。 | LINEアプリとの連携を通じて、Gemini APIを活用したレシート管理システムを構築。 | Gemini 1.5 Flashが最も速い結果を示し、LINEでのレシート管理が可能になった。 |
| GASとLINE連携して、応答bot作ろうと思ったらドハマリした話 + 解決版コード | LINE公式アカウントが不適切にグループやユーザー情報を扱い、重複イベントや処理の競合が発生し得る。 | LINEのWebhookイベントに対し、スプレッドシートに情報を保存し、処理を制御する必要があった。 | LockServiceで同時実行を制御し、CacheServiceで重複イベントを防止。トリガーで非同期処理を実現。 | 効率的なイベント処理と情報管理が可能になる。 |
| 【make.com × Chat GPT】名刺や領収書のデータ入力業務を自動化する方法を徹底解説 | 名刺や領収書のデータ入力業務が手作業で時間がかかり、ミスが発生しやすい。 | 自動化を通じて時間の節約、正確性の向上、チーム全体の効率化が期待できる。 | make.comとChatGPTを活用し、LINEに送信された画像データを自動でスプレッドシートに入力するワークフローを構築する。 | 自動化により、業務効率が劇的に向上し、多くの利点が得られる。 |
| PoC開発を加速！ノーコード「Make.com」でLINE英単語帳Botを爆速開発してみた | PoC（概念実証）の開発スピードを向上させる方法が求められている。 | ノーコードプラットフォームMake.comがPoC開発に役立つと判断され、実際にLINE英単語帳Botを開発。視覚的流れや手軽さが魅力。 | Make.comを利用し、LINE Botの開発を進め、詳細な使い方は学習しながら進める。料金やセキュリティなどの検討も継続。 | Make.comは、PoC開発のスピードや視覚化した処理の見える化で強力なツールと確認された。 |
| 田村ゆかりさんファンクラブ特典の伝書鳩をLINEで受け取る方法 | 田村ゆかりさんファンクラブ特典をLINEでリアルタイムに受け取るのは難しい。 | メールをLINEに転送する機能を利用し、田村ゆかりさんのファンクラブ会員が特典をLINEで受け取れるようにする。 | Make.comを利用し、既定の手順でGmailからLINEへのメッセージ転送を設定する。リアルタイム希望の場合はn8nの操作が推奨される。 | 設定により、ファンクラブ特典をLINEで受信することが可能となる。 |
| LINEを使ってSora2で動画生成する方法 | LINEからのメッセージを受け、自動で動画を生成し返す仕組みを迅速に構築したい。 | LINE, Make.com, OpenAI, AWS S3を用いて、ユーザーのメッセージを動画化しURLで返す自動化を実現するためのガイド。 | Make.comでのシナリオ設定により、LINE→Sora2動画生成→AWS S3保存→LINE返信までのプロセスを自動化する手順を提供。 | ユーザーはLINEで送信したメッセージから生成された動画とサムネイル画像のURLを自動で受け取れる。 |
| あと何パック作ればいいの？〜LINE × Dify × Make で売上Botをノーコードで作る〜 | 売上データの確認が面倒で、膨大なデータを毎回覚えるのが難しい。 | 部下からの製造パック数に関する質問が多く、移動してデータ確認するのが非効率と感じている。 | MakeとDifyを活用して、画像認識とLINE連携機能を実現するアプリを作る。 | LINEでJANコードを入力すると、売上実績を返すBotの開発を決定。 |
| 【Make】お店の情報を今すぐ知りたい！従業員のためのLINE Botを作ってみた！ | 店舗情報が迅速に取得できないため、従業員が必要な情報にアクセスしづらい。 | 従業員が店舗情報をすぐに確認できるツールが求められていた。 | Make、Googleスプレッドシート、LINEを使用してLINE Botを構築し、条件をフィルター設定することで実現した。 | LINE Botにより、従業員は店名または店コードを送信することで基本情報を即座に取得できるようになった。 |
| 【保存版】3分でできるmakeでLINE Botのローディングアニメーションを実装する方法 | 生成AIを利用するプロダクトの処理に待ち時間がかかり、不安を感じる。 | ローディングアニメーションがないとユーザーが処理の進行状況を把握できず、不安を感じる。 | makeでHTTPモジュールを使用し、LINE Botにローディングアニメーションを実装する方法を解説。 | LINE Botでローディングアニメーションを表示することで、ユーザーの不安を軽減できる。 |
| 【完全無料】【生成AI × お天気API】癒しと天気を届けるLINEお天気お姉さんBOTの作り方 | 朝の天気確認と癒しの画像が手軽に得られない。 | 時間がない朝に家を出る前に天気を確認したいが、傘を忘れることがある。 | MAKEとLINE Developersを使用して、ノーコードで自動配信BOTを作成。 | LINE上で天気情報と犬画像を届けるBOTが完成。 |
| 今日、明日の出勤メンバーは？ いつでもどこでも確認できるLINE Botを作成しました。 | 自分以外のシフト確認が面倒で、シフト表を追うのが手間。 | LINE botを使い、出勤日を送信するとその日のメンバーと出勤時間を確認できる仕組みを作成。 | Make、LINE、Googleスプレッドシートを活用し、シフト確認機能を実装した。 | LINE botを使って出勤メンバーや自分のシフトを簡単に確認できるようにした。 |
| 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でリクエストを処理し、レスポンスを受け取ることが可能になった。 |
| MarkdownをLINEのFlex messageに変換するパッケージを作った | Markdown形式のテキストをLINEのFlexメッセージに変換すると可読性が低くなる | AIチャットボット「先生AI」でChatGPTからの返答がMarkdown形式だったため、そのまま返答すると可読性に難があった | markdown-flex-messageを使用する。convertToFlexMessageメソッドにMarkdownを流し込む。元のMarkdown表示専用ページとリンクを設定 | MarkdownをFlexメッセージに変換するnpmパッケージmarkdown-flex-messageをリリース |
| INFP型の同僚をAIチャット化してみた ーLINE Bot×MBTIで作る「人格っぽいキャラ」の設計図 | 同僚のチャット時の豹変と、そのギャップをAIキャラとして実装する必要性。 | 物静かな同僚がチャットではスラング全開になる現象を観察し、AIキャラを作成するアイデアが生まれた。 | MBTIを用いてキャラ設計を行い、Gemini APIを活用してLINE Botとして実装し、スタンプも制作した。 | INFP型の同僚をモデルにしたAIチャットボット「あだおか」が完成した。 |
| MCP（Model Context Protocol）を使ってClaude DesktopとLINEBotで商品リコメンドを自動送信 | 従来のAIモデルは情報のサイロ化やレガシーシステムの制約によりデータへのアクセスが制限されていた。 | MCPはAIアシスタントがデータに安全かつ効率的にアクセスできるようにする新しいプロトコルである。 | MCPサーバーを作成して、LINE APIを介してメッセージを送信する実装手順を提供する。 | MCPを利用することでClaudeとLINEの連携が可能になった。 |
| 「Claude、LINEで連絡して」- MCPで実現する新しい会話の形 | MCP（Model Context Protocol）に関する理解不足と実装方法の不明確さ。 | MCPはLLMが外部サービスと安全に通信するためのプロトコルであり、標準化が進められている。 | MCPサーバーを実装し、クライアント（Claude Desktop）と連携してLINE Messaging APIを利用する方法が紹介されている。 | MCPは、開発者が特定の目的に特化したLLMの機能拡張を容易にする上で重要である。 |
| UIFlowでLINE Messaging APIを通してLINE公式アカウントからメッセージを送る | 日本語のメッセージが送信できない。 | LINE Notifyからのメッセージ送信サービスが終了したため、代替手段としてMessaging APIを利用する必要が生じた。 | Messaging APIを利用し、UIFlowでのプログラミングを行うことでメッセージ送信を設定する。 | Messaging APIを使用してメッセージ送信が実現できたが、日本語には対応できていない。 |
| LINE Notify の終了に伴うLINE 公式アカウントへの切り替えの話 | LINE Notify の提供終了により、通知機能の活用ができなくなる。 | 多くのシステムやアプリケーションがLINE Notifyを利用しているため、代替手段の必要がある。 | Messaging API を活用し、具体的な手順としてLINE Developersでのアカウント作成やGoogle Apps Scriptでの実装を行う。 | LINE 公式アカウントを使用することで、通知の送信が可能になる。 |
| LINE Notifyサービス終了の衝撃！ | LINE Notifyサービスが2025年3月31日に終了する。 | LINE Notifyの代わりにMessaging APIを利用することが可能だが、月200通のメッセージ送信制限がある。 | Messaging APIの設定を行い、Webhookを利用してグループIDやユーザIDを取得するボットを用意する。 | Messaging APIを使用してLINE Notifyと同様の機能を再現できる。 |
| 忙しい人のためのRPA｜LINEに「最近の予定」を聞くだけで教えてくれるBOTを作ってみた（Make × Microsoft365 × ChatGPT） | 忙しい人が予定を思い出せない | 業務に追われて記憶を辿るのが面倒なため、カレンダーから予定を抽出し要約するBOTを作成 | Microsoft 365カレンダーの出力をそのままGPTへ渡す方法にした。 | 要約結果の質を向上させるためにモジュールの設定に工夫が必要だった。 |
| Next.jsのmiddlewareで複数Webアプリを1つのLIFFアプリのように扱う | 特定パスに対してエラーが発生し、複数Webアプリを1つのLIFFアプリとして扱う際のリダイレクトが適切に機能しない。 | LIFFの初期化時に1次リダイレクト先でliff.initが未実施のため、エラーが発生。このケースでは中間的にリダイレクト先を適切に管理することが重要。 | middlewareでliff.stateを判定し、特定パスの場合に正しいリダイレクトを行う。withLoginOnExternalBrowserの設定に注意し、リダイレクト先を正しく指定する。 | 適切にliff.stateを使用し、リダイレクトフローを改善することでエラーを回避することができる。 |
| LIFF → LINEミニアプリへの移行は難しいと思われてるが超カンタン。手順まとめ | LIFFの運用中に画面が閉じるストレスとLIFFからMini Appへの移行に対する不安。 | LIFFは新規作成終了済みで、LINEはMini Appへの移行を推奨。Mini Appは操作性が改善され、利便性が向上。 | Mini Appチャネル新規作成、認証エラーの修正コード追加、必要に応じた許可画面の表示で解決。 | 移行は簡単で、既存の認証フローは壊れず、想定外の操作も問題なく機能した。 |
| LIFFをローカル環境で開発するためにhttps化する | localhostで開発中のReactとViteで構築するSPAをLIFF化する際にhttpsが必要。 | LINEはlocalhostをhttpで許可していないため、https化が必要。 | mkcertで証明書を作成し、vite.config.tsでhttps設定を追加。 | localhostでhttps化して起動可能となった。 |
| 【n8n】公式LINEで雨の日クーポン自動発行AIエージェントの作り方 | 飲食店や小売店では雨の日にお客様が少ないという課題。 | 天気に合わせて自動的に雨の日限定クーポンを発行することで、来店促進が可能。 | n8nとAIを使って雨の日に自動でLINEクーポンを発行する仕組みを構築する方法を提供。 | 天気に応じた販促が自動化でき、雨の日でも来店客数を維持できる効果が期待。 |
| 【n8n×Dify連携！】朝のルーティンを変えるLINEボット構築術 | 毎朝の複数アプリ操作が面倒で手間がかかる。 | AIを使った自動化で、天気、予定、アドバイスをLINEでまとめて通知する仕組みをn8nとDifyを使って構築。 | n8nとDifyでワークフローを作成し、各サービスとAPIを活用して情報を集約してLINEで自動送信する。 | 毎朝の面倒が軽減され、AIのポジティブなアドバイスも受けられる。 |
| 📈 株価を毎日LINEに通知！ | 毎日の株価チェックの手間を省きたい。 | ノーコードツールn8nを使い、LINEで毎日自動株価通知が可能に。 | n8nとLINE Messaging APIを使い、株価データを自動取得し色や絵文字で通知。 | 株価通知ボットを自作し、毎朝自動化された株価情報を取得可能にした。 |
| 【n8nでなんでも自動化】LINEでお客様対応を効率化！自動応答＆プッシュ通知をn8nで導入して属人化から脱却する方法 | 顧客対応が属人化し、業務負担が大きい。 | n8nを使用することで、ノーコードで自動応答により業務の効率化が可能となる。 | n8nとLINEを連携し、自動応答ワークフローを設定することで、24時間対応を実現する。 | LINE公式アカウントの自動応答機能を利用することで、顧客満足度を向上させ、人的リソースを節約できる。 |
| 家庭運営は大企業並みに複雑だ。n8n×GPT-5.1で「家庭版COMPANY」を構築して献立を自動化したが、Siroca導入の稟議だけが通らない話 | 家庭の食材管理がアナログで食品ロスが発生している。 | 家庭の食材管理が無計画で、賞味期限切れの食材が廃棄されている。 | n8nとOpenAIとLINEを用いて、家庭版ERP『KITCHEN』を導入して食材管理を効率化。 | 家族の食品ロスが削減され、食卓の満足度が向上した。 |
| n8n×Dify×LINEでプラグイン依存を脱却 〜n8nでのブリッジ構築〜 | DifyのアップデートによりLINEと連携していたBotが停止した。 | DifyとLINEを連携したBotを運用していた。 | n8nをブリッジとして利用し、Difyプラグインに依存しない構成を構築した。 | n8nを使用することでBotが復活した。 |
| n8nで作るLINEアシスタントチャットボット〜スケジュール管理とメール返信を自動化 | ログインや会員登録に関する具体的な詳細が欠けている。 | LINEアシスタントチャットボットをn8nで構築し、スケジュール管理やメール返信を自動化するための情報が説明されている。 | n8nを利用しLINEアシスタントのスケジュール確認、メール返信、天気情報などの機能を設定・連携する。 | LINEチャットボットを活用することで生産性向上と業務効率化が可能になる。 |
| 【YouTube動画解説】AI秘書を無料で作る！n8nとLINEで実現するノーコード自動化の驚きの可能性 | 多くの人がAI秘書の構築に高額な費用や高度なプログラミング知識が必要だと思い込んでいる。 | n8nとLINEを使えば、ノーコードで無料でAI秘書を構築可能。n8nはオープンソースのワークフロー自動化ツールである。 | n8nのノーコード機能とLINEを組み合わせ、セルフホスティングで無料利用すること。 | プログラミング知識がなくても、n8nとLINEでAI秘書が構築可能であることが証明された。 |
| 【生成AI】LINEの中でAI秘書を動かそう｜AIエージェント｜N8N, LINE Messaging API | 生成AIエージェントの導入が難しい。 | AIエージェントは従来のAIとは異なり、自己判断でタスクを実行できるが、設定が複雑だった。 | n8nを用い、LINE Messaging APIと連携してAIエージェントを構築する手順を実行する。 | n8nを使ってLINEと連携したオリジナルAIエージェントを実装可能。 |
| n8nと複数AI APIを連携させ、音声コンテンツの制作・投稿をほぼ全自動化した話 | 音声メディアの運営において、毎日のコンテンツ制作が非常に重いタスクであること。 | 手作業によるコンテンツ制作は膨大なタスクがあり、毎日続けるのは不可能。 | n8nを用いたシステム設計により、95%の作業を自動化し、品質も人間のレビューで補完する体制を構築。 | 自動化工場を導入することで、制作時間を約85%削減し、継続的な運営が可能になった。 |
| NextAuth.js + LINE Login による認証システムの実装 | LINE Loginの手動実装が複雑で大変。 | Next.jsアプリケーションにLINE Loginを実装する際、手動でOAuth認証を実装するのは複雑で手間がかかる。 | NextAuth.jsとLINE Providerを利用して、認証システムを簡単に実装。PNPMで必要なパッケージをインストールし、設定ファイルを作成。 | NextAuth.jsを使うことで、設定だけでLINE Loginの認証機能を簡単に実装可能。 |
| 【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ログイン機能を実装できる |
| 【NEXTJS15】LIFFスターターアプリの始め方【LINEミニアプリ】 | LIFFスターターアプリの始め方でつまづき、特定のファイルの修正が必要。 | next.config.jsとnetlify.tomlの設定がデフォルトのままだと動作しない。 | next.config.jsを修正して静的エクスポートを有効にし、netlify.tomlをnextjsを対象にするよう修正する。 | 静的エクスポートを有効にし、適切なビルド設定にすることで解決できる。 |
| 【アプリ開発日記 27週目】LINE Notifyから移行する | LINE Notifyが終了するため、代替手段を模索している。 | アプリ開発の日記で、以前使用していたLINE NotifyからLINE公式アカウントへの移行を決定。 | Next.jsとDjangoを使用し、ngrokでwebhookを設定してLINE通知を実現した。 | ユーザーIDの取得と通知機能の実装が成功し、無事に運用が開始できた。 |
| Next.js(Server Components)でもLiffを使いたいっ！ | LIFFで認証トークンの管理をクライアントで行っていると、Server Componentsからはアクセスできない | React の Server Components の登場により、サーバーを視野に入れる必要が出てきた。Next.jsはサーバー領域の機能をサポートしている | Next.js v14 に Liff を導入し、クライアントでの認証トークンの管理をCookieに移す | Server Componentsやミドルウェアからもトークンにアクセスできるようにすることで、Server主体のアーキテクチャを構築可能 |
| 【個人開発】Next.jsで請求書発行LIFFアプリ作ってみた | 請求書作成が難しいと感じるユーザーが多い。 | 家族や友達とのお金の貸し借りで言いづらさを解消したいとのニーズがあった。 | Next.jsを使用してLIFFアプリを開発し、Vercelでデプロイし、開発完了後、LIFFアプリを公開した。 | LIFFを活用した請求書生成アプリを開発することに成功した。 |
| 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を使用して開発する準備が整った。 |
| 「chakoshi」とLINE botを連携してみる | GASからchakoshi APIにリクエストを送ると502エラーが発生する。 | GASのIPアドレスがchakoshiのサーバ側で許可されていない可能性がある。 | ngrokでプロキシを作成し、そのURLをGAS側のリクエストに使用する。 | ngrokを使用してローカルサーバを公開し、GASからのリクエストを受け付ける構成を考案。 |
| LINE WebhookとVertexAIを使ってチャットボットを作ってみた(シリーズ) | 生成AIを使う環境がないため、生成AIを試したい人々のニーズに応えられない。 | 大学の先輩からLINEのWebhookについて知り、生成AIを手軽に試せる環境を作りたいと考えた。 | ngrokを使用してローカル環境を外部に公開し、LINE DevelopersコンソールにWebhook URLを設定することで機能をテストした。 | ローカル環境でLINEのWebhookを受信し、Flaskを使用して生成AIにアクセスするアプリケーションの構築に成功した。 |
| LIFFをvConsoleとngrokで便利に開発 | LIFF開発でスマートフォンのLINEアプリを使用する必要があり、デバッグ手段が限られること。 | LIFFはLINEが提供するWEBアプリプラットフォームで、特に連絡先取得機能が重要。 | ngrokでローカル環境を公開し、vConsoleでデバッグ環境を整えた。 | ngrokとvConsoleを使用することで、LINEアプリの開発環境とデバッグ環境を整えることができた。 |
| 最速でLIFF CLI v0.3.0を徹底解説する | LIFF CLIの`serve`コマンドで外部公開がうまく行かず、タイムアウトエラーが発生している。 | 現行のngrokがv3であり、古いv1を指定すると問題が生じる。`scaffold`コマンドの使い道が不明。 | ngrokのバージョンを確認し、正攻法を調査し続ける。 | 現時点では外部公開が失敗しており、正確な手法が不明。 |
| Cloudflare Workers with HonoでLINE Messaging APIのWebhookの署名を検証する | LINE Messaging APIのWebhook署名検証において、タイミング攻撃に対する脆弱性が指摘された。 | タイミング攻撃は、処理時間の差を観測し秘密情報を推測する攻撃手法である。文字列比較が原因で脆弱性が生じる。 | Node.jsのcrypto.timingSafeEqualメソッドを使用し、常に同じ時間で比較処理を行うことが推奨される。 | 適切な処理を行うことで、タイミング攻撃への対策が可能である。 |
| 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作るときのUXを上げるローディング | 推論が入るAPIはレスポンスが遅く、ユーザーを待たせてしまう。 | LINE Botにローディングアニメーションを表示させる新機能が追加され、遅延のあるAPIと組み合わせて利用したい。 | Node.jsのSDKを使い、個別ユーザーとの会話でローディングアニメーションを表示し、遅延処理を組み合わせる。 | ローディングアニメーションを使用することで、ユーザーに待機中であることを明示できる。 |
| 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で読み上げられるようになる。 |
| Node-RED の LINE用ノードをまた使ってみた：LINE Notify がわりにメッセージのブロードキャスト【IoTLT-2】 | Node-REDのLINE用ノードの更新に伴うテストが必要だった。 | IoTLTのアドベントカレンダーに参加し、関連内容を振り返るイベントが開催されていた。 | node-red-contrib-line-messaging-apiを最新版にアップデートし、フローを作成して実行した。 | Node-REDでLINE Botへのメッセージプッシュが成功した。 |
| [Flutter]LINEログイン連携でlinkWithCredentialがうまくいかない | FirebaseAuthでメール認証したアカウントでLINEログイン連携をしたがエラーが発生した。 | linkWithCredentialの事例が少ないため、正しい方法が分からなかった。アクセストークンやidTokenを使ったがエラーが起こった。 | NonceをSHA256で生成し、ログインするときにSHA256に変換したNonceを使い、credentialには元のNonceを使用する。 | NonceをSHA256で生成し、それをcredentialに使うことで成功した。 |
| Notionのタスク管理を元にLINEにリマインドを送信するツールを開発した話 | 過集中による重要な予定忘れのリスクがある。 | Notionでタスク管理を行い、その情報を元にLINEでリマインドするツールを開発。 | Notion APIとLINE Messaging APIを使用し、10分前に通知を送るシステムを構築。 | LINEにリマインド通知を送信し、予定忘れを防止できる。 |
| SNSにAIパートナーを宿す～第2弾：日記機能追加編（LINE/Discord） | 既存のSNSチャットボットに日記機能を追加する方法を説明する際、画像は日記として保存できない制限がある。 | LINE/Discord用のAIチャットボットに、日常会話を日記として蓄積できる機能を追加する試み。NotionデータベースとAIチャットボットを連携することで実現。 | Notion APIを利用して日記を管理し、既存コードを更新して新機能を実装する。Replitで設定を調整し、画像は別途管理。 | 日記管理機能の追加により、AIが過去のやり取りを参照し、より文脈に沿った応答を提供できる。 |
| Notion DBを自動でLINE通知したい人へのマニュアル(GAS使用) | 更新した情報を見返さない、特定のイベント発生時に通知が欲しい | Notionで情報を管理しているが、情報の見返しやイベント通知の不便さがある | Notion、GAS、LINEを連携し、特定条件でLINEに自動通知する仕組みを構築する | Notionデータベースの条件に合致するデータは自動でLINEに通知される |
| AIが献立を考える！Nuxt × Firebase × GPT-4でレシピ生成アプリを作ってみた話 | 料理のレシピを考える手間が毎日負担になっている。 | 大学3年生が一人暮らしをしており、食材や予算の制約を考慮したレシピが必要。 | Nuxt.jsとGPT4oを用いて条件に合わせたレシピ作成アプリを開発し、LINEで送信する機能を実装。 | AIを活用したアプリで条件に合ったレシピを自動生成できる。 |
| 【蕁麻疹バイバイ！】乾燥状態！直ちに保湿せよ！ | 頻繁に乾燥が原因で蕁麻疹が起こる。 | 肌が乾燥すると皮膚のバリア機能が衰え、何時間かおきに保湿剤を塗らないと効果が得られない。 | obnizとLINE Botを使って保湿を促すデバイスを開発。具体的に距離センサーやスピーカーを用いて保湿ミッションの時間を計測できるようにする。 | 保湿を促すデバイスを作成した。 |
| Ngrok,ChatGPT API,Pythonをもちいて名刺から会社名を抜き取るLINEBOTを作る | 名刺の情報を手作業で入力するのが手間 | LINE BOTにより、名刺の情報抽出を自動化するための試み | OCRを使用して画像から文字情報を抽出し、それをChatGPTに渡して解析 | 結果的に、名刺の情報を抜き出すことができた |
| LINEを使った通知機能の作成のために、ユーザー登録と後から連携を実施したい | 既存ユーザーのLINEとの連携ができず、紐づけ方法がない。 | 現状はLINEだけのユーザー登録しか対応しておらず、既存ユーザーに対してLINEのユーザーIDを保存する必要がある。 | omniauth-lineを導入し、ユーザーID保存カラムを追加してLINEとの連携を可能にする。 | LINEのユーザーIDを保存する機能を追加し、既存ユーザーがLINEと連携できるようにする。 |
| RailsでLINE ログイン/配信 機能を実装 (devise + custom OmniAuth strategy) | 古い`omniauth-line` gemがメンテナンスされていないため、新しい実装方法が必要。 | RailsアプリにLINEログイン機能をカスタム実装するため、OAuth 2.0とOIDCの理解が重要である。 | カスタムOmniAuth strategyを作成し、LINEログインと配信機能を実装。必要なgemをインストールし、環境変数を設定した。 | ユーザーがLINEログインを通じてアプリに安全にログインできる機能が実装された。 |
| 【OpenAI API＆GAS】メンションするとテキスト翻訳してくれるLINE Bot作った | 外国人住人が参加しづらいLINEグループの交流 | シェアハウスに外国の住人が増え、日本語のみのグループLINEでのコミュニケーションが困難に。 | OpenAI APIとGoogle App Scriptを活用したメッセージ翻訳Botの実装。 | LINE Botを作成し、メッセージを柔軟に翻訳可能にした。 |
| SNSにAIパートナーを宿す～第一弾：基本会話編（LINE用） | スマホ操作が苦手な著者が、自分専用のSNSチャットボットを作りたいと考えた。 | 従来のChatGPTではキャラクターを思い通りに再現するのが難しいと感じていた。SNSアプリでの利用に需要があることを認識。 | OpenAI APIの利用や、LINE/Discordの開発権限を取得し、サーバを用意してボットを構築することが必要。 | SNSチャットボットの基本機能を構築する手順を紹介する記事を執筆。 |
| 夏の猛暑に備えてLINEBOTで水分補給リマインダーを作ろう | 水分補給を促すリマインダーが不足していること。 | 猛暑の中でこまめな水分補給が重要であるため、PHPを使ったLINEBOTを作成し、定期的にリマインダーを送信することが有効。 | PHPを使用してLINEからのリクエスト処理やデータベースを準備し、cronジョブで定期的にメッセージを送信する設定を行う。 | LINEBOTを用いて水分補給リマインダーを設定する方法を紹介。 |
| LIFFの開発をVS Code Port forwarding local servicesで便利に | LIFFのURL設定のためにデプロイが必要で手間がかかる。 | VS CodeのPort forwarding local servicesを使ってローカルサーバを公開する方法に注目している。 | Port VisibilityをPublicに変更し、LIFF SDKでユーザー情報を取得できるようにした。 | ユーザー情報を取得し表示するWebアプリが完成した。 |
| LINEのWebhookをPostmanで再現したい | LINE Messaging APIのWebhook機能をローカル環境でテストしたい。 | LINEのWebhookは、メッセージが送信されるとアプリにメッセージが送信される仕組みで、認証には署名の検証が必要とされている。 | Postmanで環境を設定し、リクエストボディを構成し、HMAC-SHA256で署名を生成して送信する。 | Postmanを使用して、LINEのメッセージWebhookをローカル環境で実行可能となった。 |
| Outlookの予定リマインダーをLINEに通知する | メロスが会議予定を忘れてしまう問題 | メロスはド文系の下っ端のゆとり世代の情シスで、予定をついうっかり忘れることがある | PowerAutomateとLINE Notifyを使い、会議のリマインダー通知を個人LINEと会社ドメインのTeamsに送る | 会議のリマインダー通知を送るフローを作った |
| Azure Bot Service不要！Power AutomateとCopilot Studioで「博多弁LINEボット」を作成してみた話 | Microsoft Copilot Studioを用いてLINEボットを作成する際の設定が難しい。 | Azure Bot Serviceの使用がハードル高いと感じ、Power Automateのコネクタを見つけてLINE Messaging APIと連携を試みたが、実際には難航した。 | Power Automateを使用し、HTTPトリガーでLINE Messaging APIの入力を受け取り、Copilot Studioで処理した結果を返す方法を実行した。 | LINEボットの作成はできたが、検証には多くの労力を要した。 |
| LINEから送信した内容の種類でトリガーを操作する（Power Automate / Azure Logic Apps） | Power AutomateでLINE Messaging APIを使った際、メッセージの種類によるトリガー操作ができるか不明であった。 | LINE Messaging APIは、LINEアプリと外部システムを連携させるAPIで、メッセージの種類を自動的に処理する必要がある。 | Power Automateのトリガー条件を設定し、受信したメッセージのTypeに基づいて処理を行う。 | 送られてくるメッセージの種類によってトリガーの操作が可能であることが確認できた。 |
| Hooks使ってClaude Codeタスク完了時にLINEに通知する | Claude Codeのタスク完了時にWindowsに通知が行われない。 | Claude Codeのhooks機能を使用してWindows通知を設定する手法が模索されている。 | PowerShellを使ってBurntToastモジュールを導入し、settings.jsonファイルを設定してClaude Codeを再起動する。 | Windows通知を使用してタスクの完了をユーザーに知らせることができる。 |
| コードも何も読めないど素人プログラマーが慶應のポータル"K-LMS"の通知をLINEとG-mailに送るようになるまで | K-LMSの通知をLINEとGmailに自動送信する仕組みを構築したいが、安全で効率的な手法が課題。 | K-LMSログイン自動化にManusを検討したが、セキュリティ上問題があり断念。Puppeteerを活用し安全に認証情報を扱うことで解決策を探索。 | Puppeteerで自動ログイン、スクショを撮り、Google Driveにアップロードし、GASとLINE Messaging APIで通知。Manusを使用せず、セキュアなenvファイルで情報管理。 | PuppeteerやGoogle Drive APIを使い、K-LMSへの完全自動ログインと通知システムの構築に成功。 |
| Gemini × LINEで作る辞書Bot｜FastAPIで爆速構築 | LINEでの辞書Botの作成に関する情報の不足。 | Gemini APIを使ったLINE Botに興味のある人々を対象に情報を提供。 | PythonのFastAPIとRenderを用いて簡単にデプロイする方法を紹介。 | Geminiを利用したLINE Botのプロジェクトが完成する。 |
| サンタクロースと会話ができるLINE Botの作り方 with OpenAI API | サンタクロースと会話できるLINE Botの作成方法が必要。 | 子供のころ、サンタクロースと話したいという夢を持っていたが、その夢を実現するためのBotを開発する。 | Python、Google Cloud Platform、LINE Messaging APIを用いてBotを開発し、設定方法を詳細に解説。 | サンタクロースBotの作成が可能になった。 |
| 📦 Googleフォーム × LINE で「レンタルWi-Fiの返却忘れ防止システム」を自作した話 | 誰が何を借りたか分からない、返却日を忘れてしまう、返却漏れによる延滞料金の発生。 | モバイルWi-Fiなどの機材をレンタル会社から借りて運用する場面が多く、管理が煩雑になるため。 | QRコードを利用して返却申請し、スプレッドシートで自動更新する仕組みを導入。 | Googleフォーム、Googleスプレッドシート、LINE公式アカウントを使った返却管理システムを構築。 |
| ラン仲間のグループチャットでLINEボット活用！ | グループチャットと公式アカウントの区別が説明しづらい。 | ボット開発の発端は、ラン仲間の記録を手間なく集計するためであり、LINE ボットの活用法が模索された。 | Quick Replyや引用返信を使ったインターフェースを実装し、ユーザーの発言認識を向上させた。 | ボットを活用した記録集計が行われ、メンバーのモチベーションアップにも寄与した。 |
| 感情分析で顧客満足度を爆上げ！RAG×LINEで実現する次世代CSボットとKPI計測の実装 | カスタマーサポート業務で迅速かつ一貫性がある回答が求められるが、担当者の知識差や感情の読み取り不足が課題だった。 | 従来のチャットボットはFAQベースの単純応答で、ユーザーの感情や文脈を十分に理解できないことが問題となっていた。 | RAG技術と感情分析を用いて、検索した情報を基にユーザーの感情を考慮した適切なトーンでAIが回答を生成する。 | RAGと感情分析を組み合わせることで、次世代の顧客対応ボットが実現され、顧客満足度が向上した。 |
| 都知事杯2024で熱中症コンシェルジュBotを作った話 | 熱中症対策のアラートが広範囲に出されるため、必要な人に届きにくい。 | 2020年から始まった熱中症警戒アラート制度について、興味はあるが活用されていない人が多い。 | RAG技術とオープンデータを活用し、柔軟に質問回答機能を実装することで解決。 | オーダーメイド式の通知と質問回答機能を持つアラートを開発。 |
| 【Firebase】官房長官じゃなくても新元号を発表したい | 元号を表示する装置を制作したいが必要な材料や知識が不足している。 | 平成と令和の元号発表にインスパイアされており、自らも表示する装置を作りたいという興味がある。 | Raspberry Pi Pico Wとe-Paperを使い、LINEからの入力に応じて元号を表示するシステムを設計した。 | Cloud RunとFirebaseを利用して、元号を表示するシステムを構築することができた。 |
| ラズパイでQULIOもどき（施錠通知）を作ろう！(Line Messaging API版) | LineNotifyサービスが終了し、既存の機能が使用できなくなる。 | 代替としてLine Messaging APIが公開されており、使用を決定した。 | Raspberry Piとマグネットセンサを使い、Line Messaging APIを設定して開発を進めた。 | 新しいシステムを開発し、鍵の状態をLINEに通知する機能を実現した。 |
| React + LaravelでLINE連携（友達追加）機能を実装する | LINE連携機能の実装手順が不明確で、友達追加の履歴管理が必要。 | ReactとLaravelを使用してLINE公式アカウントの友達追加機能を構築したい。 | ReactでLIFFを活用し、Laravelにユーザー情報を送信し管理する。 | 友達追加機能の実装を通じて、誰が追加したかを特定できる仕組みを構築できる。 |
| LINE ログインするための React Native Native Module を作る | iOS での「サイト越えトラッキングを防ぐ」設定のために、FirebaseでLINEログイン経由の認証がうまく機能しない。 | LINE社はiOS / Android向けにSDKを提供しており、OpenID Connectを用いた認証実装を行うことで、この問題を解決しようとしている。 | React NativeのNative Moduleを利用して、LINEログイン機能を実装する。また、環境変数の設定や必要なSDKの依存を追加することで対応する。 | 結果として、React NativeアプリケーションでLINEログインを実現し、Firebaseに連携できる。 |
| LINE Botでキャラクター切り替え実装！Reply APIで無料・無制限の会話Bot | LINE Botのキャラクター切り替えと会話の無料・無制限化 | LINE公式アカウントで複数キャラクターを選べるBotを実装し、Reply APIを使って会話を無料にしようとしている。 | Reply APIで返信する形でBotを設計し、sender機能でキャラクター切替を行う。 | Reply APIを使うことで、無料で無制限にキャラクター切替の会話Botが実現。 |
| 【個人開発】5万円のベビーモニターを回避すべく、自宅のカメラ×AIで「寝返り検知」を自作した話 | 市販の寝返り検知機能付きベビーモニターが高価で手が出しづらい。 | 既存の監視カメラを使用し、自作で寝返り検知システムを作成することにした。 | RTSP配信のカメラで画像をキャプチャし、Gemini APIを使って寝返りを検知し、LINEで通知するシステムを構築。 | カメラを改造し、うつ伏せ検知機能付きのベビーモニターを自作した。 |
| RubyでLINEとDiscord連携するソフト作った話 | Discordの利用時間制限に対処するための連携ソフトが必要。 | スマホのDiscordには時間制限がかかっているが、LINEには制限がないため、APIを活用して連携ソフトを開発。 | Rubyを使用して、discordrbとLINE APIを用いたProxyの仕組みでメッセージ転送を実現。 | DiscordとLINEを連携するボットが完成した。 |
| LINEでずんだもんが昼飯提案してくれるアプリのデプロイ | 音声ファイルの管理やライフサイクルルールの設定において、誤解があり、実装が煩雑になってしまった。 | Serverless初心者がGoogleカレンダーを用いたボットを開発する過程で、AWSの各サービスの設定について学んでいる。 | S3のライフサイクルルールや署名付きURLの設定を見直し、メタデータを活用することで実装を改善した。ECRのタグ付けについても見直す必要がある。 | 音声ファイルの保持期間やメタデータの管理についての理解が深まったが、いくつかの運用や設計方針についての迷いが残っている。 |
| 【BI】LINE公式アカウントの友だち登録者数をtroccoで取得しBigQueryに保存する | LINE公式アカウントの友だち登録者数のデータを手動で取得し分析用のデータベースに保存するのは手間がかかる。 | アカウントの成長度合いを示す重要な指標である友だち登録者数のデータを効率的に管理する必要がある。 | SaaSのtroccoを使って友だち登録者数を自動的に取得し、BigQueryに保存する。 | LINE公式アカウントの友だち登録者数をAPIから取得し、BigQueryに自動的に保存することが可能になる。 |
| SALE情報と欲しいものリストを照会して中だよとLINEで毎週教えてもらう | 出費を抑える必要があり、SALE中の商品以外を購入しない制約ができた。 | 10年間DMM.comで購入してきたが、今年から支出を抑えるための工夫を必要としていた。 | SALE中の商品の情報を取得し、通知するツールを作成して、定期的に消費行動をサポートする。 | SALE中の商品がある場合は通知が受け取れるようになり、出費を抑えつつ商品を購入できるようになった。 |
| LINE BotでNode.jsを使うときに署名検証する | LINE Bot作成時に、LINEサーバーから送信されたことを確認するための署名検証が必要。 | 署名検証はLINEのサーバーから送信されたことを確認するために推奨されている。 | SDKをインストールし、チャネルシークレットを設定してexpressのmiddlewareで署名を検証する。 | Node.jsで署名検証を行う際は、SDKのmiddlewareを用いることで簡単に実装可能。 |
| DifyでLINEにCursorの障害情報を通知するBotを作った | LINEでのメッセージがログに記録されない問題。 | 新たにLINE Botを作成し、Difyを連携させて障害情報を通知しようとしたが、実行ログが見れない。 | sendToDify関数にuserを追加し、LINEのWebhook設定を見直して障害情報の通知を行った。 | Difyにユーザー情報を追加することで、無事GASは動作した。 |
| 【React Native】iOSでのLINE自動ログインに失敗する件 | iOSでのLINE自動ログインに失敗する。 | iOSの場合、ユニバーサルリンクがうまく動作せず、自動ログインが試みられるがエラーが発生する。 | Socialiteのオプションパラメータに「disable_auto_login=true」を付与して、自動ログインを無効化する。 | iOSでの自動ログインは失敗し、ユーザーにはエラーが表示され続ける。 |
| LINEで送るボタンの仕様を詳しく確認、解説する | LINEシェアボタンの実装が特定環境で意図しない動作をする。 | 過去に何度も実装してきたが、最近の実装でシェア内容に問題が発生した。LINEの提供する公式ボタンでは要件を満たせないため、カスタムボタンで対応している。 | Social Pluginsではなく、旧シェア画面URLを使う。ただし、PCでは余計なURLが末尾に加わる問題がある。 | 指定テキストのシェアを行うためには、旧シェア画面を使うしかない。 |
| ソラカメと生成AIがLINE公式アカウントに届ける「きのこ日和」- SORACOM Discovery 2025に展示！ | 特になし | 植物を遠隔から観察するために遠隔カメラを使用していた日常の工夫がきっかけで、SORACOM Fluxとの連携を知りプロトタイプを開発。 | SORACOMの各種サービスを活用し、ノーコードで柔軟なプロトタイプを迅速に構築。 | IoTと生成AIを組み合わせた「きのこ日和」のプロトタイプが完成し、自然観察の楽しさを共有できる仕組みが実現。 |
| DifyでLINE MCP SERVERを使う方法を完全解説！(手順漏れ有り動かない？) | LINE BotとDifyのリアルタイム連携が不十分である。 | Webhook方式ではリアルタイム性が低いため、従来の連携方法に限界があった。 | SSE対応サーバーを構築し、ngrokで公開後、Difyと連携設定を行う。 | SSE対応のLINE Botサーバーを利用することで、リアルタイム性の高い通信が可能になった。 |
| LIFF CLIのserveコマンドを最速で徹底解説する | LIFF CLIの新機能を解説する記事が存在しない中、情報提供が必要だった。 | LIFF CLIの`serve`コマンドが新たに追加され、ローカル開発環境をhttpsで起動しデバッグが可能になった。 | SSL証明書を`mkcert`で生成し、`serve`コマンドを用いてLIFFアプリを起動する。 | LIFFアプリをhttpsでローカル起動する方法を説明した。 |
| 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公式アカウントから友だちにメッセージを送信する方法を確立した。 |
| Stripe Webhookを使ってLINEとGASを連携、通知させる | StripeのWebhookでイベントを受け取り、イベントごとの適切な処理を実装する必要がある。 | 有料Bot開発で、決済完了、プラン変更、解約を通知し、顧客管理をするためにStripeを使用。 | StripeからのWebhookをGASのdoPostで受け取り、イベントタイプで処理を分け、適切に情報を管理。 | Webhookイベントに応じてスプレッドシート更新やLINE通知の処理を分岐する。 |
| Swagger UIでLineのAPIを簡単に試せるようにする(チャネルアクセストークンも自動化) | チャネルアクセストークンの発行を手動で行う必要があり、API呼び出しが面倒。 | LINE APIを使ったサービスを開発中で、API呼び出しを手軽に行いたいと思った。 | Swagger UIを利用し、プロキシエンドポイントを追加してチャネルアクセストークンを付与してAPIを呼び出す仕組みを構築。 | API呼び出しを簡便化するため、チャネルアクセストークンの自動発行機能を実現した。 |
| 【個人開発】Next.jsでLINE BOTアプリ作ってみた（改良版） | アプリの機能を追加し、デザインを修正したが、初めて使用する技術に苦戦した。 | 請求書を送信するアプリをLIFFプラットフォームで作成。家族や友人とのお金の貸し借りを円滑にするための動機がある。 | Tailwind CSSを利用し、LINEの機能を活用することで開発の学びを得た。 | 新機能やデザインの改善に成功し、アプリを形にできた。 |