【LIFF】LINEのユーザー情報をサーバーサイドで使用する際のアンチパターンと適切な実装方法のご紹介 | DevelopersIO
リテールアプリ共創部のるおんです。 先日LIFFアプリの開発において、必要なLINEのユーザー情報をデータベースに保存する機能を開発する機会がありました。 LIFFアプリを開発する際、ユーザー情報の取り扱いは非常に重要なポイントです。今回は、LINEのユーザー情報をサーバーで使用する際のアンチパターンと、その正しい対応方法について解説します。 ユースケース LIFFアプリを開発する中で、以下のようなユースケースがよくあります： ユーザーのプロフィール情報をアプリ内で表示する ユーザーの基本情報をデータベースに保存し、アプリの機能をパーソナライズする ユーザーの識別情報を使用して、アプリ内での活動を追跡する これらのユースケースを実現するために、LINEのユーザー情報を取得し、サーバーサイドで処理する必要があります。例えば、ユーザーがアプリを初めて使用する際にその人のLINEプロフィール情報
デバイスとアプリの完全性保証からサービスリクエストの保護まで：LINEのデバイス証明サービス 第1弾
X.509 証明書チェーン検証 アサーションキーペアがハードウェア格納型キーペアとして、デバイス内のハードウェア上の保護領域で生成されたことを証明する必要があります。デバイスの信頼の基点に基づいて生成された証明書チェーンを検証することにより、キーの真正性と証明の信頼性を保証できます。 Attestationオブジェクト内のX.509証明書チェーンは、大きく3つの証明書で構成されています。 リーフ証明書（Leaf certificate）: 証明書チェーン内の最下位証明書として生成されたアサーションキーペアの公開鍵が含まれています。メーカーが注入したデバイスの証明鍵（attestation key）で署名され、より上位の中間証明書（Intermediate certificate）でその真正性を確認できます。中間証明書（Intermediate certificate）: デバイス内に注入さ
[ChatGPT API][AWSサーバーレス]ChatGPT APIであなたとの会話・文脈を覚えてくれるLINEボットを作る方法まとめ | DevelopersIO
シークレット類の取り扱い シークレットやAPIキーをソースコードにハードコードするのはあまり良くない習慣です。 [レポート][GitGuardian]ハードコードされたシークレットに対応することはなぜ急務なのか？ – CODE BLUE 2022 #codeblue_jp | DevelopersIO これらの値は環境変数経由で読み込ませるのが良いでしょう。今回はSSMパラメータストアに値を手動でセットし、それをCDKデプロイ実行時に読み取ってLambda環境変数にセットするようにします。 ちなみにパラメータストアやSecretsManagerから直接読み込む方法もあるようです。 [アップデート] Lambdaから直接Parameter Store/Secrets Managerから値を取得できるようになりました！ | DevelopersIO Lambda関数とAPIGateway Re
![[ChatGPT API][AWSサーバーレス]ChatGPT APIであなたとの会話・文脈を覚えてくれるLINEボットを作る方法まとめ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/282fb3217ad4059f9bd0462360450c5018904535/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F07%2Fline-eyecatch.jpg)
英語学習は AI と行う時代がついに到来！？ ChatGPT と LINE Bot でオンライン英会話アプリ「Small GPTalk」を作ってみた | DevelopersIO
こんにちは。CX 事業本部 Delivery 部のきんじょーです。 ChatGPT の API がついに提供されたということで、チャット AI 界隈が盛り上がっていますね。 このビッグウェーブに乗り遅れてはいけないと思い、ChatGPT の優れた自然言語処理能力を活かして LINE で英会話の練習をする「Small GPTalk」というサービスを作ってみました！ アプリの紹介と、アプリ作成を通して感じた ChatGPT の可能性についてブログ化していきます。 Small GPTalk とは Small GPTalk は、ChatGPT から派遣された AI 英語講師と LINE 上で SmallTalk(世間話) を楽しむためのアプリです。 レッスンが始まると、講師はトピックを提示してくれます。好きなトピックを選んで講師と会話を楽しみましょう。 レッスンを終わるときは「終わります」と伝えて
LambdaオーソライザーでLINEミニアプリ用APIのアクセス制御をする #LINE_API | DevelopersIO
はじめに こんにちは、中村です。 LIFFアプリおよびサーバーでユーザー情報を使用するにてLINE公式アナウンスされておりますが、LINEミニアプリ(LIFFアプリ)においてはフロントで取得したIDトークンやアクセストークンを元にAPIを操作することが想定されます。今回はAPI GatewayのLambdaオーソライザーを使ってAPIへのアクセス制御を実現します。 LINEミニアプリ用にLambdaオーソライザーでアクセス制御する 今回は下記のようにAPI GatewayとLambdaを使ってサーバレスAPIにします。 API検証にあたりIDトークンを取得するLINEミニアプリ(LIFFアプリ)が必要です。LIFFに登録するためには、HTTPSのエンドポイントを用意してください。またIDトークンを利用するためScopeでopenidを選択します。LIFF SDKの読み込み・下記のコードの実
LINEミニアプリ | LINEミニアプリの機能と事例をご紹介 | LINE API UseCase
LINEミニアプリLINEミニアプリは LIFF（LINE Front-end Framework）上で実行される、LINEヤフーが提供するウェブアプリケーションのプラットフォームです。このプラットフォームで動作するウェブアプリケーションを、LINEミニアプリまたはLIFFアプリと呼びます。 どちらもLINEアプリに実装されたLIFFブラウザ上で動作するウェブアプリケーションです。ウェブアプリケーションに、LINEヤフーが提供するLIFF SDKを組み込むと、LINEミニアプリまたはLIFFアプリとして動作するようになります。 LINEミニアプリおよびLIFFアプリでは、一般に使用されているウェブアプリ開発技術を利用できるので、既存の様々なサービスと組み合わせることで、素早く新しいサービスを提供できます。 2024年2月より、ユーザー端末のホーム画面にLINEミニアプリへのショートカットを
【CRMに必須】LINEミニアプリ / LIFFでLINEのUIDを取得して保存。認証・DBはFirebaseで試してみた
どもー、BULB加藤です。 LINEミニアプリやLIFFの開発をするのであれば、CRMのためにLINEのUIDを取得して活用しなければ効果半減です。 これまでLIFFの立ち上げやAPI動作確認をしてきましたが、実用を見据えてUID取得とDB保存を試してみます。 前提 ReactでLIFFが動かせる状態を前提とします。できていないときはとりあえずこちら。 ローカルで手軽に試すための設定はこちら Firebaseで認証とデータベースを準備 とりあえずお手軽に。認証はFirebase Authentication、DBはCloud Firestoreを使います。 Firebase Authentication : メール認証を有効化 とりあえず最低限の設定ということで、メール認証だけ有効化します。いくつかテスト用のデータを入れた状態。 Cloud Firestore : collectionを作
LINEミニアプリ/LIFF の特徴とは [LIFF Deep Dive 書き起こし#1] #linedc
LINE Developer CommunityはLINE APIに関連する最新情報や開発Tipsを共有するコミュニティです。 2022年5月に行われた【LINEミニアプリ】LIFF Deep Dive【LIFFプラグインリリース記念】では、LINEのLIFF担当チームをゲストとし、LIFFと新機能について登壇してもらいました。この記事は、第1回目の書き起こし記事です。2記事目はこちら 自己紹介 デベロッパープロダクトマネジメントマネジメントチームに所属していてテクニカルプロダクトマネージャーを担当しております岡本拓也です。WEB業界を転々とした後、LINEに入社してLIFF、LINELoginといったデベロッパープロダクトのフロントエンドを担当しておりました。そのフロントエンドエンジニアから1年前2年ぐらい前にテクニカルプロダクトマネージャーとして異動になりプロダクトマネージャーとして従
![LINEミニアプリ/LIFF の特徴とは [LIFF Deep Dive 書き起こし#1] #linedc](https://cdn-ak-scissors.b.st-hatena.com/image/square/22739da517b1a68b0e3c75d8546a0c37514acfe4/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Dbay4lSK--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ALINE%2525E3%252583%25259F%2525E3%252583%25258B%2525E3%252582%2525A2%2525E3%252583%252597%2525E3%252583%2525AA%25252FLIFF%252520%2525E3%252581%2525AE%2525E7%252589%2525B9%2525E5%2525BE%2525B4%2525E3%252581%2525A8%2525E3%252581%2525AF%252520%25255BLIFF%252520Deep%252520Dive%252520%2525E6%25259B%2525B8%2525E3%252581%25258D%2525E8%2525B5%2525B7%2525E3%252581%252593%2525E3%252581%252597%2525231%25255D%252520%252523linedc%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3ALINE%252520Developer%252520Com...%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Y3Njg5NTJmZmIuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3ALINE%252520Developer%252520Community%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzIwZDIyZDI5NDkuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
LIFFアプリ・ミニアプリの違いとネイティブアプリより良い理由をわかりやすく解説｜井口美寿々@株式会社ネッコスCEO
こんにちは、ネッコス代表の井口です！ 弊社はLINE API開発を主軸とし、システム開発やサイト制作、SEO対策などウェブに関するサービスを幅広く展開しています。 事業の中で最も実績が多いのは、主な事業としている『LINE開発』なのですが、ここ最近「LIFFとミニアプリってどう違うんですか？！そもそもネイティブアプリより良いの？」というご質問を多くいただきます。 確かに、LIFFやLINEミニアプリの違いについてはLINE公式をはじめ、多くのサイトやブログで紹介されているものの、いまいち明確には違いが分からない・・・ そこで今回は、LIFFアプリ、LINEミニアプリの違いと、ネイティブアプリと比べて何が良いのか、または悪いのかをわかりやすく丁寧にご説明させていただこうと思います！ LIFFアプリとミニアプリの違いそもそもLIFFって何？LINEミニアプリって何？という方は、それぞれの機能や
[MySQL Workbench] VISUAL EXPLAIN でインデックスの挙動を確認する
Lookup: where col = 1 のような等価比較 VISUAL EXPLAIN でインデックスの挙動を確かめる（本題） 本題です。青→赤の順にコストが大きいことだけ分かっていれば、詳細に見方を覚えなくても使えます。 今回使うのは下の2つのテーブルです。どのユーザがコンバージョンしたかを持っておく cv テーブルと、それが紐付く広告の ad テーブルです。 今回実験のためにざっくり作成したデータについて下に列挙します。 インデックスは簡単のためこの時点で PRIMARY KEY のみ cv は約100万件、 ad は約4000件 cv の status と ad の type はそれぞれ10種類で偏りなし 時刻を保存するカラムは UNIX TIME でここ一ヶ月のデータを格納 ER 図はせっかくなので MySQL Workbench で出力しました。 Workbench は外部キ
![[MySQL Workbench] VISUAL EXPLAIN でインデックスの挙動を確認する](https://cdn-ak-scissors.b.st-hatena.com/image/square/c361eb0b9ed35a0934d2f7c1e008d4330adf3c7c/height=288;version=1;width=512/https%3A%2F%2Fvos.line-scdn.net%2Flandpress-content-v2_1761%2F1666852622685.png%3FupdatedAt%3D1666852623000)
LINEミニアプリ（LINE Mini app）とは？先行導入事例とその効果などを交えてご紹介 #lineminiapp | DevelopersIO
LINEミニアプリ（LINE Mini app）とは？先行導入事例とその効果などを交えてご紹介 #lineminiapp こんにちは、橋本です。冬眠から目覚めた熊のように、超久しぶりのブログを書いておりますw 今回は、LINEミニアプリについてご紹介していこうと思います。クラスメソッドは2019年5月よりLINE社の認定テクノロジーパートナーとなっており、既に複数のLINEミニアプリ先行事例の開発をご支援させていただいております。 LINEミニアプリ開発支援 LINEミニアプリとは？ ちょうど一年前の2019年6月27日に舞浜で開催されたLINEカンファレンス2019にて、LINE社より初めてLINEミニアプリ（LINE Mini app）の構想が発表されました。LINEミニアプリを端的に表現すると、国内8,400万MAUのLINEアプリ内に、企業が自社サービスを提供できるサービスプラット
LIFF アプリを Next.js で動作させよう
前置き 2022 年 3 月 3 日に LINE Developer コミュニティ 主催の下 React (Vite) × LIFF ハンズオンを実施いたしました。 教材は Zenn book を利用して書いています。 ハンズオンではビルドツール Vite を利用して LIFF アプリを製作しました。 この代わりに Next.js を利用して LIFF アプリを製作するために、何に対して注意するべきか書かせていただきます。 Next.js とは Next.js プロジェクトを作成する カスタマイズ ファイル構成 SDK をインストールする LINE ログイン Bot よりカスタムメッセージを返す Next.js とは まず Next.js は React をベースに開発されているフロントエンド・フレームワークです。 実際に Next.js を導入して得られるメリットは SSR や SSG
1日約2.7兆のリクエストを、高いパフォーマンスと信頼性で処理 LINE Messaging PlatformのSREが高トラフィックを支える
LINEユーザーとビジネスの価値をつなぐためのSREとは、いったいどんなことをするのか。LINEの7つの領域から9名が登壇し、業務内容や体制、開発における課題、働く個々人のやりがいなどについて話します。加藤亙貴氏は、LINE Messaging PlatformのSREについて紹介しました。 LINE Messaging Platformの構成 加藤亙貴氏：LINE Platform Development Center1 Messaging Platform Development室 Z Partチーム HBase Unitの加藤亙貴です。このセッションでは、分散ストレージリライアビリティエンジニアというポジションにおける、LINEプラットフォームのSREについて紹介します。よろしくお願いします。 今日はこのようなアジェンダに沿ってお話しします。始めに、LINE Messaging Pl
フロントエンド開発の業務を支えるちょっと珍しいチームのご紹介
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog この記事は UIT 新春 Tech blog 4 日目の記事です。 こんにちは。LINE フロントエンド開発センターの前川です。主にフロントエンド開発センターで働く方々のDX改善や、社内サービスの運用を行なっています。 私の所属しているチームは、フロントエンドと名前はついているものの、実際はフロントエンドとそれ以外の業務の割合が2:8程度という珍しいチームです。そのため、技術記事というカテゴリからはやや外れてしまいますが、その業務内容をご紹介したいと思います。 LINEを支えるプラットフォーム 本題に入る前に、まずはLINEのプロダクトがどのようなプラットフォームの上で動作しているか説明します。 LINEでは、Verdaという
Redisを使ったID生成は本当にReliableなのか？ LINEアプリにおけるID生成の問題と解決法
2021年11月10日と11日の2日間、LINE株式会社が主催するエンジニア向け技術カンファレンス「LINE DEVELOPER DAY 2021」がオンラインで開催されました。そこで井出氏が「LINEアプリにおけるScalableなマルチデータ センターIDジェネレーター」というテーマで、メッセージングアプリにおけるID生成の方法を共有しました。 メッセージングアプリのシステム図 井出真広氏：こんにちは。LINE Platform Development Center1のチームで、メッセージング機能の開発、ストレージの運用を行っている井出と言います。本日は、LINEアプリにおいて、ID生成をどのように行っているのかを紹介します。 はじめに、この発表の対象となる我々のLINEアプリについて、簡単に紹介します。我々のLINEアプリは、現在約2億人のアクティブユーザーがいて、1日にこれらのユー
大規模Kafkaクラスターで起きたリクエスト遅延 どのように問題を特定して解決したか
2021年11月10日と11日の2日間、LINE株式会社が主催するエンジニア向け技術カンファレンス「LINE DEVELOPER DAY 2021」がオンラインで開催されました。そこで岡田遥来氏が、LINEで最もよく使われるミドルウェアの1つ「Kafka」クラスターのリクエスト遅延を、どのように解決したかについて紹介しました。後半は、実際どのように問題を特定して解決したかについて。前半はこちら。 TCP windowの概念について 岡田遥来氏：さて、このようにブローカーがSYN flood状態になって、一部のクライアントのhandshakeがSYN Cookiesを使ったフローにフォールバックしてしまっていたことがわかったわけですが、実はこのSYN Cookiesというのは、TCPスループットの悪化を引き起こすケースがあるということが知られています。これについて見るために、まずはTCP w
IoTもLINEに通知！SORACOMの連携を試そう - SORACOM公式ブログ
## ハッシュタグ ハッシュタグは #soracom #soracomug #linedcです。ぜひこれを付けてTwitterで呟いてください！ ## イベント概要 SORACOM UGとLINE Developer Communi… 普段お使いのLINEアプリで通知「LINE Notify」 LINEを使った通知システムにはいくつか実装方法があります。中でもLINE Notifyでは、Webサービスと連携して、LINEの公式アカウント”LINE Notify“から通知する仕組みを作ることができます。API連携により個別の開発の手間は不要で、スピーディに通知システムを作ることができます。 モダンなIoTシステムを実現する4つのSORACOMサービス このハンズオンでは、SORACOMのSIMをお持ちでない方でも、簡単にSORACOMの各種サービスをお試しいただけます。SORACOMのサービ
UIT Meetup vol. 13『知っておきたい Front-end Tooling の今』を開催しました
7 月 7 日、LINE のフロントエンドコミュニティ UIT が主催するミートアップイベント UIT Meetup vol. 13『知っておきたい Front-end Tooling の今』を開催しました。この記事では、イベントの内容について振り返っていきます。 UIT とは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロントエンドイベントとの共催など、LINE に限らない枠組みでフロントエンドコミュニティの活発化を目的として活動しています。 現在は UIT Meetup 以外にも、現在閲覧されている LINE Engin
エンジニアはコード書くとき以外は何してる？ LINEのサービス開発エンジニアのお仕事
LINEのサービス開発体制 長井綾子氏：LINE株式会社エンジニア採用チームの長井と申します。よろしくお願いいたします。こちらのセッションは、LINEのサービス開発エンジニアたちがサービスごとのエンジニアの役割や働き方について紹介するセッションとなっています。 最初にLINEのサービス開発の体制について、サービス開発室室長の大澤より、簡単に紹介いたします。 その次に、テクニカルPMの石塚より、テクニカルPMから見たLINEのサービス開発についてお話しして、その後「LINEのサービス開発エンジニアはコードを書く以外に何をしているのか」というテーマで、4名のエンジニアたちがパネルディスカッション形式でお話しいたします。そして最後に、みなさんからの質問にお答えして、このセッションを終了といたします。 それではさっそくですが、セッションを始めます。大澤さんよろしくお願いします。 大澤和宏氏（以下、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【完全ガイド】LINEミニアプリ開発からデプロイまでを丁寧に解説 | ギークの逆襲 🐟
