kintoneをLINEと連携してみた

TGIF!トッティです。
最近やっと涼しくなってきましたね、良いことです。
さて、先週空いてしまって悲しんだ方も多かったと思います、すいません。そうです、「それ、JavaScriptでやってみよう」のことです。
今回は、日本を代表するメッセージアプリ「LINE」と連携します。ご存じですか?LINE、そう、そのLINEです。
LINEと連携とは
LINEと連携する、すなわち「LINEで送る」ボタンを設置したいのです。様々なサイトに設置され、目にする機会が増えてきたと思いますが下記画像の様なボタンです。
そう、この「LINEで送る」ボタンをkintone内に設置したいのです。
「LINEで送る」はどうやるか
ありがたいことに設置方法を説明する公式サイトがありました。
使いまわせるものは使いまわす
さて、早速kintoneと連携をしたいのですが、前回twitterと連携したJavaScriptの大部分が使い回し出来そうです。下記におさらいします。
<br /> (function () {<br /> "use strict";<br /> kintone.events.on('app.record.detail.show', function (event) {<br /> if (document.getElementById ('my_index_button') != null) {<br /> return;<br /> }</p> <p>var tweet = event.record.tweet.value;</p> <p>var myIndexButton = document.createElement('button');<br /> myIndexButton.id = 'my_index_button';<br /> myIndexButton.innerHTML ='&lt;a target="_blank" href="https://twitter.com/intent/tweet?text='+tweet+'@cybozu_startups" class="twitter-mention-button" data-lang="ja""&gt;Cstapに向かって呟く&lt;/a&gt;';</p> <p>kintone.app.record.getHeaderMenuSpaceElement().appendChild(myIndexButton);</p> <p>});<br /> })();<br />
前回のkintoneアプリを使いまわすので、LINEで送りたい内容のフィールドコードは”tweet”のままです。ですので、変更点は12行目のみ、ということになります。
使った結果
<br /> (function () {<br /> "use strict";<br /> kintone.events.on('app.record.detail.show', function (event) {<br /> if (document.getElementById ('my_index_button') != null) {<br /> return;<br /> }</p> <p>var tweet = event.record.tweet.value;</p> <p>var myIndexButton = document.createElement('button');<br /> myIndexButton.id = 'my_index_button';<br /> myIndexButton.innerHTML ='&lt;a href="http://line.me/R/msg/text/?'+tweet+'"&gt;LINE&lt;/a&gt;';</p> <p>kintone.app.record.getHeaderMenuSpaceElement().appendChild(myIndexButton);</p> <p>});<br /> })();<br />
12行目の
<a target="_blank" href="https://twitter.com/intent/tweet?text='+tweet+'@cybozu_startups" class="twitter-mention-button" data-lang="ja"">Cstapに向かって呟く</a>
を
<a href="http://line.me/R/msg/text/?'+tweet+'">LINE</a>
に変更しました。どうでしょうか。動くでしょうか。
す
る
と
表示は、できたLINEボタン
ですが、押すと。。。
PC版には対応していないらしい
調べてみると、PCにインストールしたLINEアプリには対応していない様子。とはいえ、スマートフォンのkintoneにはJavaScriptでボタンを表示させることはできないし。。。
もしかしたら、タブレットでできるかも!
完全にひらめきですよね。モバイルにしか対応していないLINEアプリの起動、ボタン設置はPCビューにしか対応していないkintone、法の抜け穴ってこういうことかな、って。私はiPadを手にしました。
結論を言うと、タブレットで問題無くLINEアプリは起動、kintone内のデータを引用したメッセージが送れました!以下iPadでの操作画面のキャプチャです。
画像だけだと分かりにくいと思いますので、下記にvine動画を貼っておきます。イメージ湧きますか。
kintoneから情報を引っ張ってLINEで送ることがこんなに大変(対応機種的な意味で)だとは思いませんでした!もし、自分のもとにiTunesカードを買ってくれとの依頼が来たら快諾しよう、そう思えた金曜日でした。
皆さん、良い週末を。
それではまた。

トッティ
トッティです。「開発者ではない。でも、いろいろkintoneを使い倒したい!」そんなあなた、奇遇ですね、僕もです。非開発者としての高みを目指しつつ、その道程を共有致します。 今日も張り切って行きましょう。