LIFFを使ってLINEのミニアプリを開発しよう!
4.8 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
38 students enrolled

LIFFを使ってLINEのミニアプリを開発しよう!

LINEのLIFFを使った「お絵かきアプリ」「メール送信お問い合わせフォームアプリ」を完成させます。
Bestseller
4.8 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
38 students enrolled
Created by Taka pon
Last updated 7/2020
Japanese
Current price: $12.99 Original price: $79.99 Discount: 84% off
6 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 1 article
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • LIFF(LINE Front-end Framework)
  • LINE公式アカウント開設
  • Messaging Api
  • Google App Engine
  • Google Apps Script
  • Google Cloud Platform
  • JavaScript
Requirements
  • 普段お使いのLINEアカウント
  • Googleアカウント
  • 簡単なPC操作ができる方
Description

今回のコースはLINEのLIFF(LINE Front-end Framework)を使ったLINE BOTを作るコースとなっています。


LIFFアプリの実装部分はGoogle Cloud PlatformからGoogle App Engineを使います。

Messaging Apiを使ったLINE BOTはGoogle Apps Scriptを利用します。

これらのツールを無料範囲内、完成させます。


LIFFを使うと、

・LINE予約システム

・高機能公式LINEアカウント

・LINE会員システム

などといったようなLINEBOT開発をすることも可能です。


今回のコースで作るliffアプリは

・liffスターターアプリ

・liffお絵かきアプリ

・liffお問い合わせフォームアプリ

の3つのアプリをコースの中で作ります。


これらのアプリを作ることにより、LIFFの使い方を学習することができます。


LIFFアプリを作れるようになると今後のLINEBOT開発の幅が広がります。

実用的なBOTを作ることも可能です。


是非、LIFFアプリ作りの体験をしていただければと思います。


プログラミング未経験の方でもコードをダウンロードして利用していただけますので簡単に作成できます。


(このコースでの学習内容)

・LIFFアプリの作り方

LIFFを使ったLINE Botの作り方が学習できます。

・Google App Engine

GoogleAppEngineを使ったLIFFアプリの作り方が学習できます。

・Google Apps Script

Google Apps Scriptを使ったLINE BOTの作り方が学習できます。






Who this course is for:
  • LINE BOTに興味がある方
  • LIFFアプリを使ってみたい方
  • LINE公式アカウント上でお問い合わせフォーム、予約システム、といった機能を追加したい方
  • LINEを使って何か作りたい方
Course content
Expand all 39 lectures 03:11:52
+ はじめに
1 lecture 13:24

実際にコースで作るLIFFアプリと、コース全体の流れをご紹介

Preview 13:24
+ LINE Developersの利用登録
5 lectures 20:42

このセクションの説明

このセクションの説明
01:02

Line developersへのログイン

LINE Developersへのログイン
02:18

Line developersでプロバイダーの作成をします。

プロバイダーの作成
01:39

LIFFを使用するために、チャネル(LINEログイン)を作成します

チャネルの作成(LINEログイン)
02:41

LIFFアプリの利用登録

LIFFアプリの利用準備
13:02
+ Google App Engine(GAE)の利用準備
5 lectures 20:29

このセクションの説明

このセクションの説明
00:37

Google Cloud Platform(GCP)の説明

Google Cloud Platform(GCP)とは
05:08

Google Cloud Platform(GCP)でプロジェクトの作成します

Google Cloud Platform(GCP)でプロジェクトの作成
04:22

GAEを使ってアプリケーションを作ります。
無料枠で運用しますが、クレジットカードもしくはデビットカードの登録が必要です。

Google App Engine(GAE)でアプリケーションを作成
05:06

Line developersでチャネル作成をして公式アカウントを作ります。

Line developers チャネル作成(Messaging Api)
05:16
+ 「LIFFスターターアプリ」の実装
6 lectures 29:28

このセクションの説明

このセクションの説明
00:56

まずは最初にGAEを使ってHTMLファイルでHello, world!と表示させます。

リソースよりコードのダウンロードをお願いします。

GAEで「Hello, world!」と表示させる
08:05

githubからLIFFスターターアプリのダウンロードをします。

<ダウンロード先>

https://github.com/line/line-liff-v2-starter/blob/master/README.md

<LIFFスターターアプリを試してみる(LINE)>

https://developers.line.biz/ja/docs/liff/trying-liff-app/

LIFFスターターアプリのダウンロード
01:23

GAEにLIFFスターターアプリをアップロードして、LIFF IDなど、コードを少し編集します。

GAEにLIFFスターターアプリをアップロード
06:19

エンドポイントURLの設定とリッチメニューの実装

リソースより画像のダウンロードをお願いします。

Line Official Account Manager、Line Developersにて各種設定
07:35

LIFFスターターアプリの説明

実機での動作確認
05:10
+ 「LIFFスターターアプリ」のコード説明
2 lectures 15:15

このセクションの説明

このセクションの説明
00:52
LIFFスターターアプリのコード説明
14:23
+ 「LIFFお絵かきアプリ」の実装
5 lectures 25:29

このセクションの説明

このセクションの説明
01:19

お絵かきアプリのコードをアップロードします。

お絵かきアプリのコードをアップロードします。
02:52

line developersでLIFF IDの登録からデプロイまでをします。

LIFF IDの登録からデプロイまで
09:33

実機での動作確認をします。

実機での動作確認
03:18

ライフサイクルの設定を行い、アップロードされた画像を一定期間後に削除されるようにします。

GCSのライフサイクルの設定
08:27
+ LIFFお絵かきアプリのコード説明
2 lectures 09:55

このセクションの説明

このセクションの説明
00:20

お絵かきアプリのコード説明

LIFFお絵かきアプリのコード説明
09:35
+ Google Apps Scriptの利用準備
4 lectures 09:55

このセクションの説明

セクションの説明
01:06

Googleドライブにアクセスして、GASのプロジェクトを作成します。

Googleドライブにアクセス
01:55

GASにコードを実装します。

リソースよりコードのダウンロードをお願いします。

コードの実装
02:28

Messaging Apiと連携します。

Messaging Apiと連携
04:26
+ 「お問合せフォームアプリ」の実装
5 lectures 19:37

このセクションの説明をします。

このセクションの説明
01:48

GAEにお問い合わせフォームアプリのコードを追加します。

リソースよりコードのダウンロードをお願いします。

お問い合わせアプリのコード追加
03:12

お問い合わせフォームアプリ用のLIFF IDの設定をしてデプロイします。

LIFF ID作成とデプロイ
04:56

GAS側で必要なLIFF IDの設定とリッチメニューにお問い合わせアプリ用のアクションを設定します。

GAS側でのLIFF IDの設定、リッチメニューのアクション設定
05:03

LIFFお問い合わせフォームアプリを実機で動作確認いたします。

LIFFお問い合わせフォームアプリの実機での動作確認
04:38
+ 「お問合せフォームアプリ」のコード説明
3 lectures 26:10

このセクションの説明

このセクションの説明
00:55

Messaging API 側のコードの説明

Messaging API側の 説明
13:18

LIFF側の説明になります。

LIFF側の説明
11:57