Clovaスキル開発

codezine.jp
https://qiita.com/imajoriri/items/8d511cdfde8cb731ff82

LINE Developer Day 2018に参加しました

Next LINEという名のもとに、LINEプラットフォームを身近により使いやすくというのか今回の主題。

お金のやりとりをやり取りするアプリを簡単に作れるようになる、dAppsというキーワードがよく出てきた。
近未来を予測して近い人に賞金？が4CastのようなアプリがdAppsを使っているようで
作り手としては興味あり。
投稿系サイトを作っても誰も投稿してくれない問題が多々あるんですが。１件１０円くらいのお金を配る仕組み
を簡単に実装できたら、対応できるかも？

お昼のお弁当は超豪華でした！お茶も美味しい。

クローバースキルが楽しかったです。歯みがきくん。などこれなら私でも作れそうな予感。
バスの降車ベルをボイスUIに置き換える実験の話など興味深かった。

出退勤を管理するLINEビーコンも興味ありました。天井裏から電源をつないで
ビーコンを設置しているそうで。出勤するとLINEメッセージとして受け取るそうな。
その後にもビーコンのLTがあったので、発表者の方と複数のビーコンを会議室に置いてみたいお話をさせて
もらいました。OSとして同意するのか、アプリとして位置情報の提供に同意するのか。
実店舗でもすでに導入されているということでした。

懇親会も超豪華。お土産も超豪華。子供がお見上げの箱がおしゃれで気に入っていました。

LINE３か条はこんなんだったかな？
Take Ownership
Be open
Trust and Respect

以上です。

safariで日本語入力がおかしい動きをする

条件を詰めていこう。
bootstrap-vue.js.org

こちらに報告されていました。

github.com

vue 動的コンポーネント

ステータスによって、表示内容を変えるような時、v-ifが増えてきて見通しが悪くなる。
どうするんだ？

qiita.com

How to use ImageMap in Nuxt

イメージマップをnuxtjsで使おうと思って試行錯誤した結果。

www.jqueryscript.net

こんな感じでvueファイルを用意して、npm run devにて動作を試したけれど
リロードやリサイズしないと。イメージマップが有効に機能しない。なぜだ？！
nuxtjsだから？
為にしvue単体（ルーターなし）で実行して見たら。問題なく動いた。
またnuxtjsでもトップページで動かしたら動く。
nuxt-linkで遷移後の画面だと動かない。

<template>
  <section class="container">
    <img src="map.png" usemap="#ImageMap" alt="">
    <map name="ImageMap">
      <area shape="rect" coords="549,424,597,456" href="#" alt="" @click="link($event, 22)">
      <area shape="rect" coords="599,424,647,461" href="#" alt="" @click="link($event, 14)">
      <area shape="circle" coords="65,62,36" href="#" alt="">
    </map>
  </section>
</template>

<script>
import $ from 'jquery'
require('image-map')
export default {
  mounted() {
    $('img[usemap]').imageMap()
  },

以下、動かないサンプルのnuxtjsアプリです。

github.com

Nuxt.jsでJQuery+ maphilightを使う

https://www.npmjs.com/package/maphilight

こんな感じで使って動いたようだけど。。あっているのかわからない。

<script>
import $ from 'jquery'
require('maphilight')
export default {
  mounted() {
    $('.map').maphilight()
  }
}

nuxt.js vue.jsの勉強に良さそうなサイト

luftgarden.work

kimagureneet.hatenablog.com