Enviar búsqueda
Cargar
LINE お絵描きアプリハンズオン
•
Descargar como PPT, PDF
•
3 recomendaciones
•
954 vistas
K Kimura
Seguir
IBM Cloud と LIFF(LIne Frontend Framework) を使って LINE と連携した手描きイラスト送信アプリケーションを作る
Leer menos
Leer más
Empresariales
Denunciar
Compartir
Denunciar
Compartir
1 de 67
Descargar ahora
Recomendados
LINE お絵描きアプリハンズオン 20190519
LINE お絵描きアプリハンズオン 20190519
K Kimura
LINE お絵描きハンズオン 2019.04.26
LINE お絵描きハンズオン 2019.04.26
K Kimura
無料で始めるアプリのバックエンド開発
無料で始めるアプリのバックエンド開発
Shoichi Takagi
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
LINE Commumity Microsoft_ConversationalAI_20200409
LINE Commumity Microsoft_ConversationalAI_20200409
Ayako Omori
続Xamarinはじめました
続Xamarinはじめました
Yuya Yamaki
コンテンツ管理機能が強化されたbaserCMS4のポテンシャル
コンテンツ管理機能が強化されたbaserCMS4のポテンシャル
Ryuji Egashira
強化された baserCMS の使いどころとは?
強化された baserCMS の使いどころとは?
Ryuji Egashira
Recomendados
LINE お絵描きアプリハンズオン 20190519
LINE お絵描きアプリハンズオン 20190519
K Kimura
LINE お絵描きハンズオン 2019.04.26
LINE お絵描きハンズオン 2019.04.26
K Kimura
無料で始めるアプリのバックエンド開発
無料で始めるアプリのバックエンド開発
Shoichi Takagi
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
LINE Commumity Microsoft_ConversationalAI_20200409
LINE Commumity Microsoft_ConversationalAI_20200409
Ayako Omori
続Xamarinはじめました
続Xamarinはじめました
Yuya Yamaki
コンテンツ管理機能が強化されたbaserCMS4のポテンシャル
コンテンツ管理機能が強化されたbaserCMS4のポテンシャル
Ryuji Egashira
強化された baserCMS の使いどころとは?
強化された baserCMS の使いどころとは?
Ryuji Egashira
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
Ryuji Egashira
MTDDC 2019 LINE ボットからみた MT Data API の可能性
MTDDC 2019 LINE ボットからみた MT Data API の可能性
Kenichiro Nakamura
Xamarin Overview
Xamarin Overview
Madoka Chiyoda
building HTML hybrid app with ionic
building HTML hybrid app with ionic
Nakano Kyohei
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Yoshito Tabuchi
Anecdotes on Bulk Load in LINE DMP
Anecdotes on Bulk Load in LINE DMP
LINE Corporation
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
Yoshito Tabuchi
20171202 Xamarinの歩き方
20171202 Xamarinの歩き方
Yoshito Tabuchi
Xamarin から使う Azure
Xamarin から使う Azure
Yoshito Tabuchi
PowerShellでFunction Appしよう!
PowerShellでFunction Appしよう!
Tsubasa Yoshino
Wba firebase-presen
Wba firebase-presen
ゆうき みのう
AngularでAmebaコミュニティサービス開発
AngularでAmebaコミュニティサービス開発
Yusuke Goto
Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...
Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...
Ayako Omori
Tech Summit 2018: ユーザーインターフェースとしてのチャットボット開発手法 と Bot Framework V4
Tech Summit 2018: ユーザーインターフェースとしてのチャットボット開発手法 と Bot Framework V4
Ayako Omori
Xamarin 20141212 モバイルカフェスペシャル 「C#で作るiOS/Androidのクロスプラットフォームスマホアプリ開発」
Xamarin 20141212 モバイルカフェスペシャル 「C#で作るiOS/Androidのクロスプラットフォームスマホアプリ開発」
Yoshito Tabuchi
NET Standard と Xamarin
NET Standard と Xamarin
Yoshito Tabuchi
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
de:code 2017
New in Android4.4
New in Android4.4
Takaumi Kimura
Bot framework概要
Bot framework概要
Tsubasa Yoshino
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
Yoshito Tabuchi
Computer Vision と Translator Text API 使ってみた
Computer Vision と Translator Text API 使ってみた
Yoshito Tabuchi
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Osamu Monoe
Más contenido relacionado
La actualidad más candente
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
Ryuji Egashira
MTDDC 2019 LINE ボットからみた MT Data API の可能性
MTDDC 2019 LINE ボットからみた MT Data API の可能性
Kenichiro Nakamura
Xamarin Overview
Xamarin Overview
Madoka Chiyoda
building HTML hybrid app with ionic
building HTML hybrid app with ionic
Nakano Kyohei
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Yoshito Tabuchi
Anecdotes on Bulk Load in LINE DMP
Anecdotes on Bulk Load in LINE DMP
LINE Corporation
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
Yoshito Tabuchi
20171202 Xamarinの歩き方
20171202 Xamarinの歩き方
Yoshito Tabuchi
Xamarin から使う Azure
Xamarin から使う Azure
Yoshito Tabuchi
PowerShellでFunction Appしよう!
PowerShellでFunction Appしよう!
Tsubasa Yoshino
Wba firebase-presen
Wba firebase-presen
ゆうき みのう
AngularでAmebaコミュニティサービス開発
AngularでAmebaコミュニティサービス開発
Yusuke Goto
Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...
Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...
Ayako Omori
Tech Summit 2018: ユーザーインターフェースとしてのチャットボット開発手法 と Bot Framework V4
Tech Summit 2018: ユーザーインターフェースとしてのチャットボット開発手法 と Bot Framework V4
Ayako Omori
Xamarin 20141212 モバイルカフェスペシャル 「C#で作るiOS/Androidのクロスプラットフォームスマホアプリ開発」
Xamarin 20141212 モバイルカフェスペシャル 「C#で作るiOS/Androidのクロスプラットフォームスマホアプリ開発」
Yoshito Tabuchi
NET Standard と Xamarin
NET Standard と Xamarin
Yoshito Tabuchi
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
de:code 2017
New in Android4.4
New in Android4.4
Takaumi Kimura
Bot framework概要
Bot framework概要
Tsubasa Yoshino
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
Yoshito Tabuchi
La actualidad más candente
(20)
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
コンテンツ管理機能が強化されたbaserCMS4の強みとは?
MTDDC 2019 LINE ボットからみた MT Data API の可能性
MTDDC 2019 LINE ボットからみた MT Data API の可能性
Xamarin Overview
Xamarin Overview
building HTML hybrid app with ionic
building HTML hybrid app with ionic
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 @ 「Xamarin」って何? Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Anecdotes on Bulk Load in LINE DMP
Anecdotes on Bulk Load in LINE DMP
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
20171202 Xamarinの歩き方
20171202 Xamarinの歩き方
Xamarin から使う Azure
Xamarin から使う Azure
PowerShellでFunction Appしよう!
PowerShellでFunction Appしよう!
Wba firebase-presen
Wba firebase-presen
AngularでAmebaコミュニティサービス開発
AngularでAmebaコミュニティサービス開発
Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...
Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...
Tech Summit 2018: ユーザーインターフェースとしてのチャットボット開発手法 と Bot Framework V4
Tech Summit 2018: ユーザーインターフェースとしてのチャットボット開発手法 と Bot Framework V4
Xamarin 20141212 モバイルカフェスペシャル 「C#で作るiOS/Androidのクロスプラットフォームスマホアプリ開発」
Xamarin 20141212 モバイルカフェスペシャル 「C#で作るiOS/Androidのクロスプラットフォームスマホアプリ開発」
NET Standard と Xamarin
NET Standard と Xamarin
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
[MW08] de:code イベントアプリの作り方 ~ Xamarin.Forms で開発しています ~
New in Android4.4
New in Android4.4
Bot framework概要
Bot framework概要
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
Similar a LINE お絵描きアプリハンズオン
Computer Vision と Translator Text API 使ってみた
Computer Vision と Translator Text API 使ってみた
Yoshito Tabuchi
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Osamu Monoe
20110212 Silverlight から Bing Maps に触れる
20110212 Silverlight から Bing Maps に触れる
Kenji Wada
.NET ラボ 勉強会 C# でラインプラットフォーム開発
.NET ラボ 勉強会 C# でラインプラットフォーム開発
Kenichiro Nakamura
CLR/H #clrh104 あなたのアプリにスパイスを! ~ コグニティブと対話 Botのプチレシピ
CLR/H #clrh104 あなたのアプリにスパイスを! ~ コグニティブと対話 Botのプチレシピ
Kazumi IWANAGA
Azure Bot!! Microsoft Bot Framework で簡単Bot開発
Azure Bot!! Microsoft Bot Framework で簡単Bot開発
Yuki Hattori
Kilimanjaro Event
Kilimanjaro Event
dynamis
スマ研第2回レポート
スマ研第2回レポート
Shinpei Niiyama
ABS2015 のセッション紹介
ABS2015 のセッション紹介
l_b__
20200714 cogbot
20200714 cogbot
ひかり 影中
AWS lamdbaでステートフルWebアプリ
AWS lamdbaでステートフルWebアプリ
Kazuki Saito
20200809 jcdug lt
20200809 jcdug lt
ひかり 影中
Linebotを作ろう
Linebotを作ろう
Shinsuke Matsuda
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
Monaca
モバイル開発者から見た サーバーレスアーキテクチャ
モバイル開発者から見た サーバーレスアーキテクチャ
Takaaki Tanaka
【de:code 2020】 Azure Bot Services を使って Teams bot を開発する
【de:code 2020】 Azure Bot Services を使って Teams bot を開発する
日本マイクロソフト株式会社
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏
Developers Summit
Windows Azure Mobile Servicesによるアプリ構築
Windows Azure Mobile Servicesによるアプリ構築
Nobuaki Aoki
LIFFとLINE SDKの昨今
LIFFとLINE SDKの昨今
LINE Corporation
Similar a LINE お絵描きアプリハンズオン
(20)
Computer Vision と Translator Text API 使ってみた
Computer Vision と Translator Text API 使ってみた
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
20110212 Silverlight から Bing Maps に触れる
20110212 Silverlight から Bing Maps に触れる
.NET ラボ 勉強会 C# でラインプラットフォーム開発
.NET ラボ 勉強会 C# でラインプラットフォーム開発
CLR/H #clrh104 あなたのアプリにスパイスを! ~ コグニティブと対話 Botのプチレシピ
CLR/H #clrh104 あなたのアプリにスパイスを! ~ コグニティブと対話 Botのプチレシピ
Azure Bot!! Microsoft Bot Framework で簡単Bot開発
Azure Bot!! Microsoft Bot Framework で簡単Bot開発
Kilimanjaro Event
Kilimanjaro Event
スマ研第2回レポート
スマ研第2回レポート
ABS2015 のセッション紹介
ABS2015 のセッション紹介
20200714 cogbot
20200714 cogbot
AWS lamdbaでステートフルWebアプリ
AWS lamdbaでステートフルWebアプリ
20200809 jcdug lt
20200809 jcdug lt
Linebotを作ろう
Linebotを作ろう
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
モバイル開発者から見た サーバーレスアーキテクチャ
モバイル開発者から見た サーバーレスアーキテクチャ
【de:code 2020】 Azure Bot Services を使って Teams bot を開発する
【de:code 2020】 Azure Bot Services を使って Teams bot を開発する
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏
Windows Azure Mobile Servicesによるアプリ構築
Windows Azure Mobile Servicesによるアプリ構築
LIFFとLINE SDKの昨今
LIFFとLINE SDKの昨今
Más de K Kimura
ThinkPad を自慢できると聞いてやってきました
ThinkPad を自慢できると聞いてやってきました
K Kimura
IBM FamilyDay 2022 - 帰ってきた LINE 手描きスタンプ
IBM FamilyDay 2022 - 帰ってきた LINE 手描きスタンプ
K Kimura
「プライベート版 Heroku」の "dokku" は Cloud Foundry 代替としてどこまで使えるか?
「プライベート版 Heroku」の "dokku" は Cloud Foundry 代替としてどこまで使えるか?
K Kimura
LINE お絵描きスタンプが NFT 対応するかも
LINE お絵描きスタンプが NFT 対応するかも
K Kimura
ICFO2021 コロナ時代のオンラインハンズオン体験
ICFO2021 コロナ時代のオンラインハンズオン体験
K Kimura
IBM Family Day 2020 - LINE で手描きスタンプに挑戦!
IBM Family Day 2020 - LINE で手描きスタンプに挑戦!
K Kimura
マンホールマップ10周年 20200725
マンホールマップ10周年 20200725
K Kimura
MashupAward6 Manholemap(2010)
MashupAward6 Manholemap(2010)
K Kimura
スライドパズルハンズオン資料
スライドパズルハンズオン資料
K Kimura
ユーザー投稿型位置情報プロットシステム - マンホールマップ
ユーザー投稿型位置情報プロットシステム - マンホールマップ
K Kimura
Scratch でゲームプログラミング
Scratch でゲームプログラミング
K Kimura
空耳アワーマシーンを作ってみた
空耳アワーマシーンを作ってみた
K Kimura
生まれ変わるマンホールマップ
生まれ変わるマンホールマップ
K Kimura
地図データでレースゲームを作って遊ぼう!
地図データでレースゲームを作って遊ぼう!
K Kimura
AI先生と外国語会話を練習しよう!
AI先生と外国語会話を練習しよう!
K Kimura
IBM Watson IoT を用いた遠隔ゲームコントローラーと Node-RED による簡易カスタマイズによる実現
IBM Watson IoT を用いた遠隔ゲームコントローラーと Node-RED による簡易カスタマイズによる実現
K Kimura
「テトリスを作ってスマホで振って遊ぼう!」ハンズオン資料
「テトリスを作ってスマホで振って遊ぼう!」ハンズオン資料
K Kimura
Hyperledger Hands-on 2019-03-30 @ Singularity HIVE
Hyperledger Hands-on 2019-03-30 @ Singularity HIVE
K Kimura
ブロックチェーン体験 「ブロックを作って、チェーンでつないで、理解しよう!」
ブロックチェーン体験 「ブロックを作って、チェーンでつないで、理解しよう!」
K Kimura
IBM Cloudant の細かすぎて伝わりにくい機能(その2) データの変更履歴が自動管理できるらしい
IBM Cloudant の細かすぎて伝わりにくい機能(その2) データの変更履歴が自動管理できるらしい
K Kimura
Más de K Kimura
(20)
ThinkPad を自慢できると聞いてやってきました
ThinkPad を自慢できると聞いてやってきました
IBM FamilyDay 2022 - 帰ってきた LINE 手描きスタンプ
IBM FamilyDay 2022 - 帰ってきた LINE 手描きスタンプ
「プライベート版 Heroku」の "dokku" は Cloud Foundry 代替としてどこまで使えるか?
「プライベート版 Heroku」の "dokku" は Cloud Foundry 代替としてどこまで使えるか?
LINE お絵描きスタンプが NFT 対応するかも
LINE お絵描きスタンプが NFT 対応するかも
ICFO2021 コロナ時代のオンラインハンズオン体験
ICFO2021 コロナ時代のオンラインハンズオン体験
IBM Family Day 2020 - LINE で手描きスタンプに挑戦!
IBM Family Day 2020 - LINE で手描きスタンプに挑戦!
マンホールマップ10周年 20200725
マンホールマップ10周年 20200725
MashupAward6 Manholemap(2010)
MashupAward6 Manholemap(2010)
スライドパズルハンズオン資料
スライドパズルハンズオン資料
ユーザー投稿型位置情報プロットシステム - マンホールマップ
ユーザー投稿型位置情報プロットシステム - マンホールマップ
Scratch でゲームプログラミング
Scratch でゲームプログラミング
空耳アワーマシーンを作ってみた
空耳アワーマシーンを作ってみた
生まれ変わるマンホールマップ
生まれ変わるマンホールマップ
地図データでレースゲームを作って遊ぼう!
地図データでレースゲームを作って遊ぼう!
AI先生と外国語会話を練習しよう!
AI先生と外国語会話を練習しよう!
IBM Watson IoT を用いた遠隔ゲームコントローラーと Node-RED による簡易カスタマイズによる実現
IBM Watson IoT を用いた遠隔ゲームコントローラーと Node-RED による簡易カスタマイズによる実現
「テトリスを作ってスマホで振って遊ぼう!」ハンズオン資料
「テトリスを作ってスマホで振って遊ぼう!」ハンズオン資料
Hyperledger Hands-on 2019-03-30 @ Singularity HIVE
Hyperledger Hands-on 2019-03-30 @ Singularity HIVE
ブロックチェーン体験 「ブロックを作って、チェーンでつないで、理解しよう!」
ブロックチェーン体験 「ブロックを作って、チェーンでつないで、理解しよう!」
IBM Cloudant の細かすぎて伝わりにくい機能(その2) データの変更履歴が自動管理できるらしい
IBM Cloudant の細かすぎて伝わりにくい機能(その2) データの変更履歴が自動管理できるらしい
Último
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
Jun Chiba
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ 株式会社
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
Yasuyoshi Minehisa
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
masakisaito12
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
KayaSuetake1
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
Michael Rada
事例DBサービス紹介資料(Case Study DB service introduction)
事例DBサービス紹介資料(Case Study DB service introduction)
YujiSakurai3
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
ユニパー株式会社
Último
(8)
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
事例DBサービス紹介資料(Case Study DB service introduction)
事例DBサービス紹介資料(Case Study DB service introduction)
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
LINE お絵描きアプリハンズオン
1.
BMXUG 女子部勉強会 LINE でお絵描きメッセージを送ってみよう 2019.02.19
#bmxug #bmxgg
2.
自己紹介 本アイ・ビー・エム クラウドエバンジェリスト witter: @dotnsf og: http://dotnsf.blog.jp/ mail:
dotnsf@jp.ibm.com 趣味: マンホール 木村 桂(きむら けい) プログラマー マンホールマップ : http://manholemap.juge.me/
3.
大まかな流れ 0. 諸準備 • IBM
Cloud へログイン • cf ツールインストール • LINE Developer アカウント 1. IBM Cloudant の用意 • 画像データベース 2. Node.js アプリケーションのデプロイ • お絵描きアプリケーション 3. LINE Developer での操作 • LINE アプリとの連動設定
4.
0. 諸準備
5.
システム構成 トークルーム Node.js 画像 DB LIFF LIFF(LIne Front-end
Framework) によって LINE アプリの中でお絵描きウェブアプリを呼び出し、 LINE とシームレスに連携して画像をトークルームに送信する
6.
IBM Cloud へログイン
(1) https://console.bluemix.net/
7.
IBM Cloud へログイン
(2)
8.
IBM Cloud へログイン
(3)自分のアカウント名になっていることを確認
9.
cf ツールインストール https://github.com/cloudfoundry/cli/releases 自分の利用環境にあったものを選んでダウンロード&インストール
10.
LINE Developers(1) https://developers.line.biz/ja/
11.
LINE Developers(2)
12.
LINE Developers(3)
13.
LINE Developers(4) 「確認する」 → 「作成する」 でプロバイダーを作成 プロバイダー名(個人名)を入力
14.
LINE Developers(5) プロバイダー名を選択
15.
LINE Developers(6) 新規にチャネルを作成
16.
LINE Developers(7) Messaging API
を選択
17.
LINE Developers(8)
18.
LINE Developers(9) ※ アプリ名に
"LINE" が含まれては駄目、らしいです
19.
LINE Developers(10)
20.
LINE Developers(11)
21.
1. IBM Cloudant
の準備
22.
IBM Cloudant の準備
(1) Cloudant サービスを未作成の場合
23.
IBM Cloudant の準備
(2)
24.
IBM Cloudant の準備
(3)
25.
IBM Cloudant の準備
(4)
26.
IBM Cloudant の準備
(5)
27.
IBM Cloudant の準備
(6)
28.
IBM Cloudant の準備
(7)
29.
IBM Cloudant の準備
(8)
30.
IBM Cloudant の準備
(9)
31.
IBM Cloudant の準備
(10)
32.
IBM Cloudant の準備
(11)
33.
IBM Cloudant の準備
(12) この中の( username と password の)値を後で使います
34.
IBM Cloudant の準備
(13) 右クリック
35.
2. Node.js アプリケーションのデプ ロイ
36.
Node.js アプリケーションのデプロイ (1)
37.
Node.js アプリケーションのデプロイ (2)
38.
Node.js アプリケーションのデプロイ (3) ダラスを選択 他の人が使っていないアプリ名(例 名前
-lineoekaki ) 64MB を選択
39.
Node.js アプリケーションのデプロイ (4)
40.
Node.js アプリケーションのデプロイ (5) https://github.com/dotnsf/line_liff_doodle git
clone するか、 download して展開
41.
Node.js アプリケーションのデプロイ (6) (デスクトップ上にそのまま展開したと仮定して以降を説明します)
42.
Node.js アプリケーションのデプロイ (7) settings.js
をテキストエディタで開く
43.
Node.js アプリケーションのデプロイ (8) exports.db_username
の値を cloudant の接続情報で確認した username の値に、 exports.db_password の値を同 password の値に書き換えて保存。
44.
Node.js アプリケーションのデプロイ (9)
45.
Node.js アプリケーションのデプロイ (10) > cd
Users (ユーザー名) Desktopline_liffdoodle-master
46.
Node.js アプリケーションのデプロイ (11) > cf
login -a https://api.ng.bluemix.net/ -u ( IBM Cloud のログイン名) パスワードなどを入力
47.
Node.js アプリケーションのデプロイ (12) > cf
push (アプリ名)
48.
(おまけ) LIFF とその挙動につ いて
49.
LIFF (LIne Front-end
Framework) とは? • 2018 年6月に LINE から提供が開始された、比較的新しい Messaging API • 従来の Messaging API では主に bot を作るための、バックエンドの機 能が提供されていた • LIFF はその名の通りフロントエンドの機能が提供され、 LINE の利用者 の権限で実行することができる • スマホの LINE アプリから外部のウェブアプリを呼び出し、そ のウェブアプリから呼び出し元の LINE アプリ(のトークルー ム)でメッセージを送信することができる • ブラウザ用の JavaScript SDK が提供されている
50.
システム構成 Node.js 画像 DB トークルーム LIFF LIFF SDK
を使って、 ウェブアプリケーション上からトークルームやユーザーの情報を取得し、 またトークルームへメッセージを送信することができるようになる SDK(JavaScript ファイル) ( SDK を外部読み込み) https
51.
LIFF の特徴 • ブラウザ上の
JavaScript を使って LINE トークルームへメッセージ送 信ができる • メッセージはテキストだけでなく、画像や動画、スタンプ、位置情報なども 可 • 画像の場合、 URL がインターネット上に公開されている必要がある • 送信する人は LIFF URL をタップしたユーザー、送信先は元のトーク ルーム • LIFF URL で起動するウェブアプリケーションは https 対応している必 要あり • ドメイン取得、証明書の発行、ウェブアプリケーションサーバーの SSL 対 応、・・ • IBM Cloud (PaaS) を使うと特に意識しなくても大丈夫 d(^^)
52.
今回 IBM Cloud
上で動かすアプリケー ション • HTML5 の Canvas 上に(マウスや)タッチでお絵かきするアプ リケーション • 元はこれ : https://github.com/dotnsf/html5pen • マウスイベントやタッチイベントをハンドリングして座標点を線で結 ぶ • POST ボタン送信時に Canvas の内容を画像化して保存し、その URL を指定して LIFF で sendMessages() と closeWindow() を実行し、「画 像を添付して送信し終了」する • ストローク単位のアンドゥ&リドゥまでは実装 • 今日のハンズオンの(ざっくりな)内容はブログでも紹介 • http://dotnsf.blog.jp/archives/1073002287.html • http://dotnsf.blog.jp/archives/1073088825.html
53.
LIFF を使ったメッセージポスト 1. ウェブアプリの中に以下を記述(
SDK をロード) <script src="https://d.line-scdn.net/liff/1.0/sdk.js"></script> 2. ページロード後に JavaScript で以下を実行して初期化 <script> liff.init( data => {}, err => {} ); </script> 3. 以下のコードで LINE にメッセージ送信 <script> var data = { type: "text", text: " こんにちは " }; liff.sendMessages( [ data ] ); </script> 画像を添付する場合は以下のように変更 var data = { type: "image", originalContentUrl: " 画像の URL", previewImageUrl: " サムネイル画像の URL" }; liff.sendMessages( [ data ] );
54.
2. Node.js アプリケーションのデプロイ(の続 き)
55.
Node.js アプリケーションのデプロイ (13) ↑ 上記のような状態になればデプロイ成功
56.
Node.js アプリケーションのデプロイ (14)
57.
Node.js アプリケーションのデプロイ (15) ブラウザ上でお絵描きアプリが動くことを確認
58.
3. LINE Developer
での操作
59.
LINE Developer での操作
(1)
60.
LINE Developer での操作
(2)
61.
LINE Developer での操作
(3)
62.
LINE Developer での操作
(4)
63.
LINE Developer での操作
(5) LIFF URL をなんとかして自分の LINE に(自分のスマホに)送る。 LINE のどこかのトークルーム内のメッセージにする
64.
LINE Developer での操作
(6)
65.
LINE Developer での操作
(7) LIFF URL を友人と共有して遊ぶ
66.
Q & A
67.
BMXUG 女子部勉強会 LINE でお絵描きメッセージを送ってみよう 2019.02.19
#bmxug #bmxgg
Notas del editor
ニコラス・コペルニクス(ポーランド)の誕生日 右端はコペルニクスが通ったクラクフ大学近くの蓋
Descargar ahora