ゆるゆるの備忘録

ゆるゆると書きます。一応高専生なので技術よりのブログに......できるのかなぁ?

LINE Developer Day 2018 に行ってきた!

昨年に引き続き今年も参加させていただいた(当選した)ので備忘録します!流石に見たとこ全部はまとめてないのでご注意を......

会場

会場は白金台にある八芳園で、1階と2階を使って行われました。昨年のヒカリエとは180°違って確かに「ワクワク」しました。
個人的に大好きな情景でテンションが爆上がりしたのは別の話... 1

f:id:taittide:20181122092920j:plainf:id:taittide:20181122092911j:plainf:id:taittide:20181122092906j:plainf:id:taittide:20181122102851j:plain

目次

  1. 本日のゆるゆる(スキップ推奨)
  2. Opening Session - "Next LINE" LINEが創る新たな世界 -
  3. 実演:LINE API新機能の総まとめ&新機能全部入りのchat botデモンストレーション
  4. 人気開発者によるClovaスキル創出手法とこれからのVUI活躍のための3つのキーワード
  5. モノからつながる世界・モノから広がる世界へ LINEが手がけるIoTへの取り組みとその未来
  6. 忘れがちな出退勤の打刻をLINE Beaconでアシストした話
  7. ホワイトペーパーに書いていない LINE Token Economy の裏側
  8. Closing Session LINEが創る理想のDeveloper Relations
  9. 最後に

本日のゆるゆる(スケジュール)

書いておいてなんなんですけど、これ本当に読みます?ここは完全に備忘録目的で書いてるので、目次から飛んだ方がいいですよ

それではスタートです。
今日は学校が普通にあったので、教授に欠席の連絡を入れて対応しました(対応したとは言っていない)

まず、9:50くらいに八芳園に到着する予定を立てました。聡明な皆さんならもうわかりますね?opening sessionが10:40からなので到着が早すぎます。そこで考えました。












!!!ラーメン食べてから行こう!!!

f:id:taittide:20181121234112j:plain

食べました。。。

そして八芳園到着です。(チャリできた)(シェアサイクル最高)(しんどい)



Aホールは満員だったのでBでサテライト視聴しました。途中で抜け出してLINE LIVE片手にポスターを見て回ります。
LINE SDKが認証系全部担ってくれていて楽になったなぁと思ったりもして。今作ってるプロダクトにもLINEログイン入れよう

f:id:taittide:20181122105613j:plainf:id:taittide:20181122105624j:plain


仕切り直してCホールへ行きます。飛ぶ
今年のくぬぎだ祭でChatBotを作ったばかりだったので復習も兼ねて楽しく聴けました。

次はお昼!昨年はヒカリエ利用権でラーメン食べてましたが...今年はお弁当です!(美味...)

割と量があったけど皆さん食べ切れたのかな


またsessionに戻ります。CのVUIについて飛ぶ

次はお待ちかねLINE ThingsのBです!飛ぶ
IFA2018のニュースから面白そうだなと思っていたのですが、立ち見になってしまったw

さて、LINE Things。今作り出した電子栞がBLEだったこともあり、質問などしに行きました。
BLE関連で、タイムアウト関係・デバイス個体差など大変だったこと(注意するべきこと)を教えてもらいました。
そして!PoCの電子ペーパーをいただきました。布教せよとの仰せかな?(します)

CafeでのLT(飛ぶ)を少しばかり見て、ちょまどさんのClovaスキル開発を覗きました。ちょまどさんの身振り凄くて分かりやすい。

ここで少しばかり休憩を挟みました。盆栽を眺めるオタクです(盆栽欲しい)

最後は連続Aホールです。opening sessionで自薦してたなすさんのLINK Chainについてのsessionと、いさごさんのclosing sessionです。飛ぶ

懇親会がありましたが、今回は参加を見送りました。コミュ障ってのもありますが、自分を紹介するものが何もなかったからです。 来年行けたらClovaのTシャツ着て(スキル公開して)懇親会に参戦したいと思います。

帰宅しました(チャリで)(アホ)

ここまで読んでくれた人本当にありがとうございます。ここから各セッションの記録です。





[Aホール] Opening Session - "Next LINE" LINEが創る新たな世界 -

Clovaの説明・Block Chainの紹介・LINE Pay端末(terminal)などの紹介がありました。

LINE Pay Terminalかわいいし欲しい





[Cホール] 実演:LINE API新機能の総まとめ&新機能全部入りのchat botデモンストレーション

messaging apiなどなどによってみんなが機能を使えるようになった。でもchatbotの決定版は出て来ていない(電子マネーの決定版としてSuicaを例に出す)

LINEの開発者プロダクトとしては以下のものがあり、続々と新機能・拡張が進んでいる。

  • LINEログイン
  • messaging api
    • 昔はpastbackを使うと、応答が2つ飛んで来ていてハンドリングが難しかった。新しく displaytext を追加して応答を1つに統一した。
    • accont link(ユーザーアカウント制御ってやつ)
    • Flex message - quick reply(応答の種類が無限に拡張できるようになった)
      • 動的なリッチメニュー(リッチメニューの出し入れ・切り替え)でUXの上昇を図る
      • flex messageでカレンダーを表現することもできる
  • LIFF(LINE Front-end Framework)
  • bot designer
    • シミュレータ機能、デザイナーなどとデザインのすり合わせが簡単になる
    • jsonを出力することもできる
  • Clova
    • Clova CEK
  • LINE Pay
    • 加盟店登録しなくとも機能を使える

上記の機能についてちょっと詳しく

messaging api - account link

既存のサービスのユーザーとlineのユーザーを1-1で紐付けるやつ。 ユーザーからはおよそ2タップだけで連携を行える。

他にも実装はできるが、一番重要視したことはセキュアであること。

デモ:福岡市粗大ごみ 満足度98%(hpよりUXがいいから) ユーザーはなるべくキーボードを出さないで操作できるように設計した ユーザは使い方を覚えるのではなくChatBot側がユーザーを覚えるのだそう(こんな感じのニュアンス)

ポイント

  • template messageではなく、全てflex message(デスクトップ版に出力できる)
  • LIFF
    • htmlでのフォームなど、多くのものから選択するソリューションとして便利(今回のケースでは品目を選ぶのに使用した)
  • quick reply
    • あくまで入力補助の位置付け
    • flex messageだとボタン(選択肢)が多すぎるなどの時に使うといいかも(今回は個数の入力)

流れ

ユーザ側 LINE側
品目を選ぶ LIFF
個数を選ぶ quick reply
追加・削除・終了を選ぶ flex message
個人情報等の入力 LIFF + LINE Profile plus(?)
回収できる日時を選択 flex message
仮受付申込み終了 flex message
本受付開始のメールが届く push message - flex message
支払い方法の選択 flex message
LINEPAY支払い LINE Pay
本受付終了 flex message

ユーザー < これなら電話の方が楽だし、電話しちゃうな〜〜

自然言語処理で、電話と同じように使える仕組みを提供する

品目の選択 -> 「扇風機をゴミに出したい」など自由言語に対応させた(すごい)


感想です






[Cホール] 人気開発者によるClovaスキル創出手法とこれからのVUI活躍のための3つのキーワード

これは ゾンビのまちmy body の製作者さんを呼んでスマートスピーカーのスキル作成に重要なことをトークしてもらうものだった。
キーワード

  • public place
    • 合同企業説明会にVUIを使う
      • 就活生のニーズ(話しかけた言葉を認識)を得て、マーケティングに生かすことができる。
      • x 日本人は恥ずかしがって使いたがらない
      • x 周りの音を取ってしまう
  • アクセシビリティ
    • 視覚障害者の方とバス乗降サポートのハッカソンをした
      • 降車ボタンの位置が悪く、届かなかったり場所がわからなかったりすることがある
      • スマホから音声で降車ボタンの操作をする
  • IoT
    • 簡単体重計
    • 習慣にしてもらう






[Bホール] モノからつながる世界・モノから広がる世界へ LINEが手がけるIoTへの取り組みとその未来

お待ちかねLINE Thingsです!!!
まずはIot進出の理由などからClova homeについてです

Clova homeはスキルの開始フレーズなしに家電を操作できる機能。

そして LINE Things

f:id:taittide:20181122104252j:plainf:id:taittide:20181122104458j:plain

engineering.linecorp.com

こちらの公式Blogを見ると詳しく載っています。

簡単に言うと「LINE Beaconが双方向通信可能になった」ということになると思います。

現在は read writeのみ対応していますが、2019年度にはユーザーの操作なしにreadしてくれる機能も実装予定だそうです!
これはイメージが膨らみます。

Beaconが好きなのもあり、LINE Thingsは追っていこうと思うのでまた別の記事でも書ければと思います。
コードはこんな感じです

f:id:taittide:20181122104508j:plain






[Cafeにて] 忘れがちな出退勤の打刻をLINE Beaconでアシストした話

なんと Entry Leaveの他に滞在時間を取得できるapiが実装されるようです。さらっとあってめちゃくちゃ驚きました。

これで出欠管理ができるんご

また、LINE Beaconは端末やユーザーに大きく左右される機能ですが、設定の変更を促すくらいしか対応策が思いつかないのをなんとかしたいですね






[Aホール] ホワイトペーパーに書いていない LINE Token Economy の裏側

opening sessionで自薦が強かったなすさんのです。ブロックチェーンむずかしい......

f:id:taittide:20181122104302j:plainf:id:taittide:20181122104325j:plainf:id:taittide:20181122104341j:plain






[Aホール] Closing Session LINEが創る理想のDeveloper Relations

最後は砂金さんのセッションです。

エンジニアのバリュー Take ownershipBe openTrust&Respect この3つを大切にしている。LINEのエンジニアはみんな言えるらしい

そして、ゲストが学んだ。で終わったら失敗(負け?)持ち帰って手を動かして欲しいとのことだった。

Developer meetupとかもやってるよ!と紹介などなどもあり。全セッションの終了です。



最後に

今年も当選させていただきありがとうございました。今年はLINE Botを作ったりNotify使ったりして技術的な知見を持った状態での参加だったのでより面白く感じることができました!
プログラムだけでなく音やボイスの実装を自分たちでするVoiceApp Labさんなど、刺激になるものがとても多かったです。

個人的にはThingsに心揺さぶられているので、今後のハンズオンなどに参加することはもちろん、よりワクワクするモノを作ってみたいと思います。
そして次こそは胸張って懇親会に参加するぞ〜〜〜〜〜〜〜〜!!!!!

f:id:taittide:20181122104314j:plain

作ったもの(文化祭のLINEBot)の紹介も置いておくスタイル

taitti.hateblo.jp

文化祭のbot(公式LINE@)を作った話(終)

今までの話はこちらからどうぞ

taitti.hateblo.jp

taitti.hateblo.jp

くぬぎだ祭LINE@

今回作成したLINEBOTはこれです!くぬぎだ祭は10月20日〜21日なのでぜひ来て使ってみてね(°▽,°)

友達登録はこちら

最新情報は ゆるゆる へ, お問い合わせなどは taittide@gmail.com へお願いします。

目次

  1. 作ったわけ
  2. 実装した機能
  3. beaconを使った機能類
  4. プッシュメッセージ
  5. 写真の収集
  6. 感想
  7. 追記2018-10-23

作ったわけ

文化祭のbotを作ってみる - ゆるゆるの備忘録 これにも書いたけど,暇だったから......

今年から実行委員に演出ってのが新しくできて,HPや動画系などをやる土台があったからAzureFunctionで組んでたlinebotを移行していきました。

今までの連絡手段は放送とkinQだったが,

  • 放送 →聞こえない
  • kinQ →動いてから送信までに時間がかかる

ってほぼ使えへん感じだったしまぁいい機会だと。

とりあえず,lineのプッシュメッセージとかを利用して利便性を高めることを目的に作った。


実装した機能

  • 構内MAP

    これは同じクラスのひ君が作成したので省略〜

  • 近くの模擬店を探す

    line beaconを使ってユーザの位置を把握し,近くの模擬店をリスト表示する

  • ご意見箱

    Google Formに飛ばす(リッチメニュー )

  • 写真の収集

    一旦dropboxに格納し,検閲などした後に何かをする

  • プッシュメッセージ

    お知らせ用。好きなタイミング好きな対象にメッセージを送るやつ。

  • 「Goodボタン」@体育館ステージ

    体育館ステージの盛り上がり度をyoutubeの高評価的にやるやつ。


Beaconを使った機能類

LINE Beaconとは,BLE発信機をビーコンとして設置することで,通信範囲内に入ったLINEのユーザにイベントを送信してくれるサムシングです。 サーバとやり取りするのはあくまでLINEユーザ(端末側)なのでBLE発信機は電源だけで運用できる。 今回はraspberry pi3を使います。

<近くの模擬店を探す>

はじめに処理の流れはこう

f:id:taittide:20181018125604p:plain

LINEのサーバから Beaconイベントが届くので Enter ならユーザのデータベースに位置情報を保存しておく。 リッチメニューから 模擬店 を選択することでデータベースから位置を取得,近くの模擬店をflexメッセージで返信します.

<「Goodボタン」@体育館ステージ>

処理の流れはこう

f:id:taittide:20181018125632p:plain

模擬店を探すと同様に位置情報を登録するが,体育館ビーコンからのイベントの時だけリッチメニューを専用に切り替える。 ボタンを押すと代理でページにアクセスし,カウンターを回します。回った回数が高評価の数になる!

プッシュメッセージ

単純にpostリクエストを送るだけで送信可能。

(*>△<)< ゆえにslackなどに組み込んで教職員も使えるようにすること!

写真の収集

contentIDが送られてくるのでgetリクエストを送ることで,画像のバイナリを受け取れる。 あとはバイナリモードで書き込むだけ♫ はい簡単,天才!


感想

今回はsdkがあるにも関わらず使わずに実装するとかいうアホプレイングをしてましたが,公開までこぎつけたのでほんとよかったです。

インターンで実装したAlexaスキルの関数の分け方など参考にしていけたので良い。 前linebotをやろうとした時は認証あたりで爆死していたので少しは成長を感じることができました。

最後に公開のために申請など色々してくれたsの人やMAP作ったひの人ありがとうございました。またやろうな

登録してね!!!


追記2018-10-23

友達からの要望もあって、docomoapiを用いて自動返信する機能もくっつけてましたw

微妙に繋がってる会話を楽しんでもらえていたので良かったです(★‿★)

AppleWatchを購入したけど,どのアプリを入れたらいいかわからない人へ

はじめ

どうも,試験前開発欲上昇病を患っていたゆるゆるです。

AppleWatch4が発売されましたが,転倒認識心電図 など完全に健康系にシフトしてきましたね。

個人的には欲しいです。

さて,AppleWatch2を発売日に買い2年間使ってきましたのでおすすめのアプリを書いておきたいと思います。

紹介するアプリを入れておけば間違い無いと自信を持ってお勧めします!

(ゆるゆるさんのツイート: "着き (@ Apple 表参道 in 渋谷区, 東京都) https://t.co/Q9wjDKKNRL… ")

目次

  1. コンプリケーション用 - 駅.locky

  2. 通知用 - Amemil

  3. その他 - AutoSleep

コンプリケーション用App

コンプリケーションとは,文字盤に常時表示することができるコレ↓のこと。情報表示に使われる。

駅.locky

AppStore 「駅.Locky (カウントダウン型時刻表)」をApp Storeで

会社員の方や・学生の方,時刻表暗記してませんか?

このアプリを使えばそこに脳のリソースを割くことはありません!

手首をあげるとそこにあるのは最寄駅の次発時刻までの時間です。

このアプリのために記事を書き始めたまである最強のアプリ。いやほんと神。全員入れて

  • 次の出発までの時間のカウントダウン表示
  • カウントダウン画面のダブルタップやスワイプにより、  始発や終電などそのほかの電車のカウントダウンを表示
  • 時刻表一覧の表示
  • アプリ起動時に現在位置から最寄り駅を素早く判定し、カウントダウンを表示
  • 普段利用する駅を時間帯別に設定し、アプリ起動時にカウントダウンを表示
  • 利用しない電車(普通列車など)を除外するフィルタリング機能
  • 発車前アラーム機能(指定した電車の発車◯分前に通知を行います)
  • 駅接近時カウントダウン通知機能(普段利用する駅の半径◯m以内に入った時に、次の発車時刻を通知します) AppStore紹介文より

おすすめポイント

  • 使えば使うほど自分に最適化されていく時刻表

    • 普段利用する方面がデフォルトで表示される!
  • 指定時間で自動的に指定した時刻表に変更する

  • 遠征しても安心!位置情報に基づいた最寄駅の時刻表表示

通知用App

Amemil

AppStore 「アメミル」をApp Storeで

ここで紹介するAmemilは普通の天気予報アプリとは少し変わっています。

雨が降る1時間〜15分前ほどに雨が降ることを通知してくれる。ただそれだけで推せます。

個人的感想ですが,このアプリが通知した際は100%の確率で雨が降ります。

siri shortcutsに対応してる!!!!!!ほぼ使わななかった

  • アメミルには、マップ表示の「2D」、AR表示の「3D」、上空から天気を俯瞰する「サテライトアイ」の3つのモードがあり、デバイスを縦/横に向けることで切り替わります。
  • 降雨情報は、気象庁レーダーを合成したデータで、250mメッシュの解像度があり、5分毎に更新されます。
  • 雨通知は、登録地点または現在地に1時間以内に雨が予想されると、音声(大西沙織小澤亜李)とレーダー動画によりプッシュで通知します。登録地点への雨通知は無料です。 AppStore紹介文より

おすすめポイント

  • 予報の確率が高すぎる

  • 有料登録でGPSに対応した予報に変更可能

  • システムボイスが大西沙織さんと小澤亜李さんに対応している

その他

AutoSleep

AppStore 「AutoSleep Watchを使って睡眠を自動で追跡します」をApp Storeで

AppleWatchといえば!なアプリ。

他のサイトで言及されているので詳しくは述べませんが,腕につけて寝るだけで睡眠計としてログを残してくれます。

Watch自体のバッテリーの持ちがもう少し伸びればいいんですけどね......

  • 進化したヒューリスティックを使うことでAutoSleepはあなたがどのくらいの睡眠を取ったかを測定します。あなたは何もする必要がありません。
  • もしAppleWatchを付けたまま眠れば何もする必要はありません。AutoSleepはあなたの睡眠を追跡し品質を分析した上で、朝目覚めた時にiPhoneに通知します。
  • AppleWatchを付けずに寝てもAutoSleepはあなたが寝ていた時間を追跡できます。とてもシンプルなのです。 AppleWatchを付けずに寝る時は寝る前に充電器の上に載せてください。そして目覚めたらiPhoneに触れるか、AppleWatchを付けることでAutoSleepは睡眠が終了したことを判断します。
  • バッテリー型ウィジェットで、あなたが昨夜、また過去7日間どの程度の睡眠達成率であったかを知ることができます。またオプション操作でウィジェットからあなたが就寝した時間を追跡できる機能もあります。

終わりに

もっと早くあげる予定だった......

文化祭のBOTを作ってみる2

つづき

自分の過去ツイ漁るの黒歴史発掘感あって堪らなくないですか?ゆるゆるです。

なんかもう来週が試験期間らしいですよ(焦り)

今回やったこと

  • とりあえずオウム返し

  • 友達追加時のユーザー登録的なアレ

  • simple beacon eventの受信

オウム返し

まずlinebotを、運用を見据えて触ることが初めてだったのでwebhookの受信+返答から始めました。

サーバー側は最近お熱なAzureFunctionsです。

コードとかそのへんはQiitaにあげるつもり

友達追加時のアレ

学生サイドで使う気が全く、これっぽっちも起きないと思うのですが一応分けようかなーと思いました

友達追加時にリッチメニューを追加、タップして選択します。(選択後リッチメニューの解除)

サンプル

想定ではAzure上のdbに

  • userid

  • usertype

  • beacon検出時間

を保管しておきます。(たぶん絶対要素が増える)

beacon eventの受信

line beaconといって、beacon(bluetooth送信機)の範囲に入る・出る(廃止予定)を検知した際にサーバにイベントを投げてくれるシステムがあります

企業でも導入されていて、例えばユニクロなどの店舗でlineを開くと出るバナーがline beaconです

bleに対応した機種ならbeaconにすることが出来ます

参考url ラズベリーパイでLINE Beaconが作成可能に!「LINE Simple Beacon」仕様を公開しました : LINE Engineering Blog

問題点

DBから要素取得する際は同期処理しないといけない(取得した要素を利用する関数が全部落ちる)

しかしAzureだとpromiseが書けないとかなんとか……

仮対処

callbackにlineサーバへのpostを入れ込むことで対応した

おわり

simple beaconはバックグラウンドで反応してくれないので、能動的にlineを開く企画・コンテンツが必要だなと感じた

しけんがんばる

文化祭のbotを作ってみる

はじめに

どうも,更新頻度がクソ低いゆるゆるです。

文化祭実行委員もほぼ隠居と化してしまい暇なので,文化祭で遊んでみようと思いました。


コンセプト

高専の文化祭をもっと楽しんでもらう。LINE messaging apiを使う。

これ手段が目的になってるなぁ

現状

  • 来場者の方への連絡手段が校内放送のみ。

    • 昨年,台風で中止になった時に必要だなーと
  • 来場者の方からの感想が欲しい

実装したいこと

  • 連絡手段の確保

  • Q&A

  • 感想のアンケート

  • 体育館企画や昼企画で双方向のやりとり

  • 現在地の表示

    • できたら行きたいところも表示
  • ???学生の出欠確認

  • ???クーポン・スタンプラリー

  • ???来場者の方,高専生から写真を集める

    • これ去年局がやってたよな...?

ここ大事

  • プッシュ通知を使うためにはプロプランにしないといけない(32400円)

  LINE@ - プラン・料金

  • beacon使うなら1アカウント10個まで

おわり

まぁ書いておけばやるよねってことで終わりとします。

何かあれば @taittide にお願いします。

AirPodsを買った話

こんばんは。ゆるゆるです

iPhoneから始まり、MacBookiPad、AppleWatchと購入してきてついに買ってしまいました、、、!

f:id:taittide:20180415221107j:plain

うどんことAirPodsです。

レビューとか開封系は他の素晴らしい人たちのブログを見てくださいね

 

目次 

 

 

 

購入方法の紹介「ちょび得」

AirPodsさん、約18000円と高額商品なのでずっと悩んでいました。昨日も同様に色々サーフィンしていました、そこで見つけたのが「ちょび得」というサイトです。

chobitoku.shop

簡単にいうと、Amazonで5%割引できるサイト!

いや、馬鹿みたいに怪しいんですが。代行購入でごにょごにょしてるみたい。(贈り物として届きます。)

 

 今なら登録で1000円分もらえるので、自己責任で登録して見てね

招待コード:C41EK92

もちろんこの1000円を使って、15000くらいで購入しましたとさ。

 

 

マイクについて

今日風が強かったので、いい機会だと思い自転車走行中の通話をしてきました。

相手:母

比較対象:SoundPEATS Q16

  • Q16(自転車は静止状態)

母「風のノイズがすごい」

  • AirPods(時速約15kmで走行状態)

母「さっき(Q16)より風がすごい。でも声はよく聞こえるようになった」

 

何も伝えてない状態で聞いたので本気の感想だと思いたい。。。

ちなみに走行中のヘイSiriが反応するようになったしそういうことだ。

 

 

 

その他

  • 片耳だけつけると自動でモノラルになる。
  • 片耳の状態からもう片方をつけると、自動でステレオに変更する
  • ステレオからモノラルに変更はできない(再生の操作が必要)
  • 右と左で別のダブルタップが設定可能
  • 接続端末の切り替えに少し時間がかかる

 

 

 

感想

MacBookAirって3台のBluetoothバイス繋げると動作重くなるんだな。。。

 

続くとは限らない日記1

ゆるゆるです

(まだ寝てないので)今日入学式があったみたいですが、高専みたいに在校生が出ないのって珍しいのかな〜って思います。小中学校のころは集団登校して、祝って〜、という流れだったので3年経ってもなれません。今度普通高の友達に聞いてみようかな、、、

 

話は変わって昨日(まだ寝ry)初めてカラオケオールというものをしました!その日は学校に用事があり、午前中から出ていたため集合までがとても暇で暇で、、、(*>△<)

家に帰れよ、って話です。

 

それはさておきオールはするものじゃないですね。高いし生活ガッタガタですよもう

 

 

と暇すぎて書いてみたものですが、これ割と大変ですね。

夏川さんのブログ力がすんばらしいものと分かったところで閉じようと思います。

推しのブログをぜひ読んでくだ椎菜

ameblo.jp