React Tutorial から一歩踏み出してみたい人 / バックエンド経験があり、フロントを触ってみたい人へ LINE API と連携して、ユーザー連携や LINE へのメッセージなどを解説していきます。

React + Typescript プロジェクトに Redux Toolkit を導入したので使い方をざっくりとまとめてみる Redux を導入する際にネックとなるのが、State、Action、Selector、Reducer というそこそこの量のボイラープレートコードを記述しなければならないことです。可読性を考慮してそれぞれファイルを分けて記述するとフォルダ構成も考えないといけないので導入するハードルがそこそこ高いと個人的に感じていました。 今回 Redux Toolkit という Redux のヘルパーライブラリを使ってみて上記の悩みが解消されたので使い方をまとめてみました。 English Version of this article is also available : How to use Redux Toolkit for React + Typescript proj

「LINEヤフーDesign 公式note」 LINEヤフー株式会社のデザインに関連するさまざまな情報を発信するLINEヤフーDesign 公式noteです。

みなさん、こんにちは。どんぶラッコです。 今日はLIFFを使って、Hello, Worldを表示させてみようと思います。 LIFFとは、LINE Front-end Frameworkの略で、WebアプリをLINE上で構築することができるLINEのフレームワークです。 「え、こんなの使わないでWebサイトに直接飛ばせば良いじゃん」と思ったそこのあなた。 LIFFを使うと、LINEの認証情報を取り扱うことができるんです！ つまりログイン認証をLINE IDで行い、それに応じたコンテンツの出しわけができるLINE上のミニアプリのような使い方が出来ます。 今回は、認証周りの話は抜きにして、まずはLIFF画面を表示させるところまでをやってみましょう。 今回は、 ローカルサーバーで hello,worldを表示する index.htmlを作成するhttpsURLを発行するLIFFを設定する という手

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに みなさんはミニアプリってご存知ですか？ 中国で流行っているらしいです！ 日本でもそれを受けて、LINEやPayPayあたりが取り組んでいます。 先日私が行ったお店でもLINEミニアプリを導入しており、「はやり始めているぞッ。。」とひしひしと感じています。 今回はそんなミニアプリについて色々解説していきたいと思います。 後半では具体的にLINEを例に出して、開発するにはどうすれば良いかなどにも触れます。 ミニアプリとは ざっくり解説 １つのアプリをプラットフォームとして、そのアプリ上で起動するアプリのことをミニアプリと言います。

【埼玉県和光市】「トークで申請」を活用。あらゆる申請手続きを「自治体側で」LINEトーク化できる仕組み 埼玉県の和光市さんでLINEでパブリックコメントや各種手続きの申請を受け付けるサービスが開始されました。トーク画面の該当するパネルをタップすると対話的な手続きが始まり、聞かれるがままに回答していくと手続きが完了するようになっています。これは当社のChatbot as a ServiceであるGovTech Express上に構築されています。 同様のコンセプトで対話的に行政手続きを済ませられる仕組みは、すでに渋谷区さんや大阪府寝屋川市さんでも「証明証の請求」という手続きで導入されています。住民側としては同じ類のユーザー体験ですが、和光市さんの「トークで申請」は全く新しい仕組みを採用しています。 自治体側で申請をトーク化できる機能申請手続きというのは全国地方自治体ごとに星の数ほど存在します

私はCulture Evangelist という肩書で「LINEのエンジニア文化を広め伝える」という仕事をしていて、具体的には技術に関連するブログやSNSの担当と技術イベントを担当しています。今の仕事をすることになったのはWebディレクターから技術広報へジョブチェンジし、自分本位の考え方からチームのためにどんな態度をとるべきか考えキャラチェンジした結果です。 このnoteで伝えたいこと　このnoteでは、ディレクターやPMと呼ばれる仕事をしている方のキャリアパスの1つかもしれない「エバンジェリスト」という仕事についてや、同じ会社にい続けても自分次第でやりたい仕事はできるよ、という話をします。また、ライブドアだった頃のちょっと変わった体験についてもご紹介します。長いので適宜飛ばしながらでも見てください。 先日、チームのワークショップで「出来て1年のチームなので、お互い知らない事もあるしバック

2024-09-10 テクノロジア魔法学校の体験談と評判 「テクノロジア魔法学校」というプログラミング教材をご存知ですか？ ホームページの広告などで一度は目にしたことがある人も多いのではないかと思いますが、ディズニーが提供する子供向けのプログラミング教材です。 今回は、この「テクノロジア魔法学校」の体験版を実際に体験してみての感想や、「テクノロジア魔法学校」がどのようなものか、その評判などを見ていきたいと思います。 テクノロジア魔法学校とは 料金 エント […] 2024-09-10 レンタルサーバー「クイッカ」の評判と使い勝手 レンタルサーバーとして有名なサーバーの一つに、「クイッカ」があります。 名前は聞いたことのある人も多いのではないかと思いますが、今回はこの「クイッカ」について、料金やスペック、評判などを見ていきたいと思います。 レンタルサーバー「クイッカ」の基本情報 レンタルサー

先日まで、Vue.jsの勉強をしてきました。ところが、vue-cliがわけわからなすぎて「Node.jsも勉強しなきゃ」となっています。JavaScript自体にも理解が不足していることを実感してきました。 そこで、今回はNode.jsの勉強を兼ねてLINEのボット開発に挑戦です。以前、ネット上の記事をそのまま写す形で、Lambdaを用いてNode.jsでLINEのボット（オウム返しするだけ）作成していたので、今回はそちらを一歩先へ進めてみようと思います。 この記事が提供するもの あらかじめお伝えしますが、この記事で紹介するのは、 LINEのMessaging APIを用いて簡単な会話を作成する方法 です。以下のようなことには触れません。 Node.js・JavaScriptの解説 自然言語処理に基づくチャットボットの作成方法 AWSのアーキテクチャについての解説 この記事で作成したコード

GWだし前々から作ろうと思ってたLINE botをつくってみた。 サーバーどうしよ ちょっと前まではherokuが定番だったが、無料枠のできることが変わって、常時稼働ができないみたい。 AWSのlambdaとかもありだけど、確実に無料なやつないかな、ないよな… あんじゃん 先人の知恵を漁っていたらGoogle Apps Script(以下GAS)なら無料でサーバーレスできるだとっ！ GASも前々から気になっていたので、使ってみよう。 Line BotをGoogle App Scriptで無料で手軽に試してみる。 必要なもの Googleアカウント LINE developersアカウント JavaScriptへの愛 LINE developers設定 LINEのbotなので、LINE developersで必要な登録と設定を済ませましょう。 この辺りはだいぶ前に登録だけしていたので割愛しま

##LINE Notifyとは？ Webサービスと連携すると、LINEが提供する公式アカウント"LINE Notify"から通知が届きます。 複数のサービスと連携でき、グループでも通知を受信することが可能です。 出典：https://notify-bot.line.me/ja/ LINEが新しく提供開始したサービスです。IFTTTやGit Hubと連携して、LINEに通知を送ることができます。APIも公開されており、 今までは、システムから、LINEに通知を送るには、Bot API TrialまたはBusiness Connectを使用する必要がありましたが、LINE Notifyでは、本当にかんたんに通知が送れるようになりました。Google Apps Scriptと組み合わせれば、時間ごとに通知を送ったり、Googleの検索結果を通知したりと色々できそうだと思い、試してみました。 送付

こんにちは、今年4月に入社した新卒エンジニアのyasuです。pixivのメンテナンスチームでPHPを書いています。好きな言語はLispです。 本記事では、最近大流行中の人工知能を利用したチャットボットの開発について紹介します。 チャットボットが作れるAPIをLINEが提供 開発した簡単なチャットボットとの会話 LINE Botを作るために必要なもの Google Apps Script(GAS)でサーバーレスな開発 超簡単なウェブサーバを作ってみる さっそくチャットボットを作ってみる LINE Messaging APIとGASの連携 チャットボットの基礎：オウム返しをさせてみる チャットボットとオウム返しを楽しんでみる チャットボットともっと楽しく会話するために、いろんな機能を追加してみる 簡単に扱える全自動会話APIを使って雑談してみる チャットボットを少し便利に！Wikpedia検索

#この記事を書いた人 COBOLで昔ながらのシステムを開発保守するお仕事をしています。 そのため、 Webの知識はありません。 Web開発の経験もありません。 書いてあることは参考程度にしてください。 なにか間違っていたらご指摘ください。 がんばって直します。 #背景 LINEでメッセージを送信したり、受信内容に応じた返信をしたりできるAPI(LINE Messaging API)が2016年9月末に公開されました。 LINE Developer Trialに登録することで、個人でも無料で開発を行うことができるようになりました。 #やりたいこと LINEbotを作りたい。 初心者がつまづきがちな環境構築をせずに（実際にはするけど非常に簡単）、 とりあえず動くモノを作りたい。 Googleが提供している言語「GoogleAppsScript」を使うことによって、 Webアプリの公開・プログラ

<?php DEFINE("ACCESS_TOKEN","ここにアクセストークン"); DEFINE("SECRET_TOKEN","ここにシークレットトークン"); use \LINE\LINEBot\HTTPClient\CurlHTTPClient; use \LINE\LINEBot; use LINE\LINEBot\MessageBuilder\TextMessageBuilder; use LINE\LINEBot\MessageBuilder\MultiMessageBuilder; use \LINE\LINEBot\Constant\HTTPHeader; //LINESDKの読み込み require_once(__DIR__."/vendor/autoload.php"); //LINEから送られてきたらtrueになる if(isset($_SERVER["HTTP_

はじめに LINEのMessaging APIが発表されましたね。 LINEが以前リリースしていたBotAPIはトライアル的な扱いであったのに対して、Messaging APIは正式にリリースされて仕様が安定したバージョン。 https://devdocs.line.me/ja/#messaging-api によると、今回使うPHP以外にもJavaやGoなどの言語向けに公式のSDKが提供されていて、APIのコアな仕様がわかっていなくてもSDKを使えば簡単にLINE上でサービスを提供できるようになってます。 今回は、Togetterというサービスで運用していたLINE@のアカウントをBot化させる目的でMessaging APIを触ってみたので、ハマったポイントを考慮してコード付きで解説したいと思います。 つくるもの 公式LINE@アカウントに話しかけると人気記事を5つカルーセル型で表示して

LINEスタンプの作成は手順さえ理解していれば誰でもできます。それで副収入を貰えたら嬉しいですよね。 私が日々の仕事をしながら片手間で作ったLINEスタンプは毎月5万円/月の入金があります。もしこのまま12ヵ月間続いたとすると5万円/月×12ヵ月＝60万円/年です。 さらに私はデザイナーではありません。フォトショップも少し触れる程度です。なので、スタンプはデザイナーに数万円で作って貰いました。 ちなみに私のスタンプは以下の2つです。 ①「博多っ子のKIKOちゃん」（￥100） https://store.line.me/stickershop/product/1005211/ja ②「赤ちゃんエブリデイ」（￥100） https://store.line.me/stickershop/product/1005758/ja 私がLINEスタンプで稼げるようになったすべてのノウハウをお伝

LINEの勢いが止まりません。2014年内にはユーザー数5億人とも言われていますが、LINEは26日、「LINE電話（海外ではLINE Call）」を3月にサービスを開始することを発表しました。 これまでは、LINEアプリ同士で無料で通話が可能でしたが、一般固定電話や携帯電話、PHSなどへは発信、通話ができませんでした。LINE電話が始まるとついに「普通の電話」として利用できるようになります。（これまでのLINEアプリ同士の通話はもちろん無料です。） ついに大本命が動き出すことで、スマホユーザーはLINE電話がすごい点「5つ」をまとめました。 LINE電話のすごいところ LINE電話はIP電話サービスでは後発となります。そのため細かなところまで研究されています！　LINE電話のすごいところをご紹介しましょう。 LINEアプリがあればすぐに利用できる 通話料がスマホ電話より安い 初期費用、月

ボチボチとLINEを使ってる @penchi です。 LINEが普及していたせいか、インストールすると、電話帳にある人が続々登録されちゃって、不都合が出る場合もあります。 「特定の人とだけ、LINEを使いたいんだけど・・・」という相談を受けることもあります。 LINEはセキュリティ設定を変更すれば、不用意に相手に登録されることもなく、特定の人とだけ使うことができます。 ここで紹介する設定は、すべてLINEの「設定」にあります。 友だち自動追加をしない 「設定」から「友だち」をタップします。 友だち自動追加 と、友だちへの追加を許可 にチェックが入っている場合は、チェックを外します。 IDを登録する 友だちの追加を拒否すると、手動で相手を登録することになりますが、この場合 ID（LINE ID）を検索し登録します。 IDは、LINEに登録した状態では未設定なので、下記の手順でIDを作成します