はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

LINE Things LIFF版、LINE Things 自動通信版、LINE BeaconなどIoT関連のネタが増えて来ているのでその辺のおさらいをしていきます。 背景としては、「LINE ThingsってLINE Beaconと何が違うの?」って声が割とあった印象で、一旦整理しておくといいかもと思った感じです。 今回はここの図のイメージが伝われば良い気がしています。 この資料について LINE Things Meetup Vol1での発表資料です。 https://linedevelopercommunity.connpass.com/event/132179/ https://linedevelopercommunity.connpass.com/event/132289/ 間違ってる内容もあるかもしれません。コメントください。 注意受けたら随時追記だったり削除だったりしていきます

僕は知らなかったのでテンション上がってしまいました。 タイトル文言読んだだけだと「ん?」って感じだと思うのですが、こんな感じです。 分からなかった方のために無駄に集中線を追加。 https://protoout.studio プログラミング学習はもう古い。「令和」時代のイノベーションを担う日本初のプロトタイピング専門スクールを開校 最近スクールを作った(↑)のですが、そのWebサイトにチャットを組み込んで問い合わせなどを増やせないかなぁと調べていたところ見つけたのでつけてみました。↑のWebサイトでどんな感じか見てみて下さい。効果測定はこれからです。 カスタマーチャットプラグイン というものらしいです。 Facebookを開かなくてもFacebookページアカウントに直接ユーザーが話しかけることが出来ます。 便利。 https://developers.facebook.com/docs/

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この資料について こちらのイベントでの発表資料です。 基本的には、現時点でmacOSのChromeで(v72)試せる内容になってます。他のブラウザでは試してません。 Webエンジニアだったり、WebディレクターだったりWeb業界の人向けです。 過去にも同じようなネタやったことあるけど、割と状況変わったりするので再度調査も兼ねてまとめました。 IoTってタイトルで言ってますけど、IoTっぽいことって言った方が正しいです。IoTとは〜みたいなことを知りたい人は誰かビジネスサイドの人のそういう資料を見ましょう。個人的にはIoTとは〜みたいな問いはここではどうでもいい各々の解釈で良いと思っています。 IoTは何でも良い! #gigttt — Mt (@devemt) 2019年3月20日 うーん、誰かに怒られるのかなぁ 自己紹介 名前: n0bisuke 所属: dotstudio コミュニティな

LINE BOTのホスティング先で色々試してましたが、Firebaseでも動的なアプリケーションを動かすことが出来るようになってたので試してみました。 静的サイトだけかと思ってたら、すごいですね。(ウォッチしてなかっただけ) 準備 Node.js v11.9.0 (サーバー上はv8系が最新っぽい) npm v6.8.0 firebase-tools v6.5.0 先にFirebaseでプロジェクトを作っておく 今回は先にプロジェクトがあったところからスタートしたのでこの手順紹介にします。 Firebase CLIをインストールする

お馴染みのtwitterモジュールを使います。 フォローのAPIの公式ドキュメントはこちら(POST friendships/create) 使うメソッド .stream('statuses/filter')で特定ツイートを検索 .post('friendships/create')でフォローします。 フォローする際はユーザーのIDかスクリーンネームを渡してあげる模様です。 フォロー関連はなかなかサンプルが見つからないですね。 https://www.npmjs.com/package/twitter 筋トレのハッシュタグでツイートしている人をフォローするコード 'use strict'; const twitter = require('twitter'); const client = new twitter({ consumer_key: '', // consumer keyを記入

この資料について 2019年2月19日: 増席】JSで制御するBluetoothと基板の勉強会(html5jロボット部 第11回 勉強会)でのLT内容です。 発表後にタイトルをそれっぽいのに変更しました。 2019年2月22日: 大阪版IoT縛りの勉強会 IoTLT Osaka Vol.10でもアップデートして話しようかと思っています。 書いてたら量が膨らんできてて5分では厳しい気がするので色々端折って発表します。 自己紹介 名前: n0bisuke 所属: dotstudio コミュニティなど: IoTLT / Microsoft MVP / LINE API Experts 少し前に作ったもの IoTでポケモンマスターに俺はなる! #iotlt CROSS MEで黒髪のメガネ女子とマッチングするデバイスをAIとIoTを駆使して作った話 #iotlt 最近やった(2/21)ハンズオン イベン

メリークリスマス!ですね。 今年も相変わらず彼女いないですので、クロスミーネタやっていきます。 IoTLTアドベントカレンダーの〆に相応しいネタだと思ってます() 今回はクリスマスなので AIとIoTを駆使して黒髪のメガネ女子とマッチしたいと思います。 過去の記事はこんな感じです。 2016年 - 「CROSS ME使ったら相手に退会された話」からIoTでCROSS MEする仕組みを考えた #iotlt 2017年 - クリスマスなので出会い系サービスのマッチング率を上げるデバイスを作る #iotlt 毎年恒例になってきた気がします。 今回やることはざっくり言うと 女性のタイプを判断して"いいね"を押すかどうかの判断をします。 つまりこんなのを作った つまりこんなのです。 後ろの方にも書いてますが旗上げもあります。 CROSS ME(クロスミー)とは これ毎年書いてますがマッチングサービス

WebUSBの動向を最近追えてなかったので久々に触ってみます。 そして思ったより簡単に出来ました。 こんなの作ってみました。 WebブラウザのカラーピッカーをグリグリやるとLEDの色が変わります。 WebUSB "ブラウザの"JavaScriptからUSBデバイスへ"直接"アクセスできる技術です。 Chromeだとnavigator.usbが使えます。 結構前から注目はしていたけど実際にちゃんとArduinoで動かしてみるのは初めてです。 2017年8月13日: 次世代Webログインフォーム 2016年3月13日: IoT時代のブラウザAPI 少し前に調べてた時よりも情報が増えてきてて嬉しい限りです。 参考: GoogleのエンジニアがUSBデバイスとウェブを直接接続できるAPIを作成 参考: Webブラウザからハードウェアにアクセス!WebUSB APIを使ってログイン認証を実装してみよう

Nuxt.js+SkyWayを使うとビデオチャットがらくーに作れつつ、jQueryな実装と比べてコードが読みやすいと思います。 SkyWayのサンプル実装をNuxt.jsにリプレイスしてみた感じです。 開発環境など Node.js v11.0.0 Nuxt.js v2.3.4 SkyWay JS SDK v1.1.18 Nuxt.jsでWebページの雛形を作成 Create Nuxt Appで作成します。 $ npx create-nuxt-app nuxt-skyway npx: 402個のパッケージを28.845秒でインストールしました。 > Generating Nuxt.js project in /Users/n0bisuke/dotstudio/playground/nuxt-skyway/nuxt-skyway ? Project name nuxt-skyway ? Pro

Node学園祭2018で初心者向けのハンズオンやっております。 今日のハンズオンについて 今日は全体参加者的に人数が少ないことが見込まれるので、参加者の人たちの様子みながら適宜資料更新していきます。 この資料について この資料をハンズオンなどに活用してNode.js普及を促進させてもらえたら幸いです。 使うときにコメント欄にコメント貰えると嬉しいです! ハンズオン進めてみた感想などもコメント貰えると嬉しいです! 今日の流れ 全体を通して、Node.jsを触るキッカケが作れればいいなと思っています。 NodeSchoolで基礎をやりつつ、LINE BOTやLINE Thingsは「Node.jsやJSで具体的にこんなの作れるよ」というコンテンツ例として採用しているイメージです。 ずっとNodeSchoolやってたい!って人はそのままNodeSchoolやっててもOKです。 全3部です。スポッ

LINE Things、昨日のLINE DevDayで発表されましたね。 たぶん一般のエンジニアが触れるようになったってところだと、一番大きな発表だったんじゃないですかね? LINE の IoT プラットフォーム LINE Things の Developer Trial を試してみるが公式感のある記事なのでこちらも合わせて読んでみてください。 (取り急ぎって感じの記事なので認識間違ってたら誰かが指摘してくれるはず...) LINE Things 簡単にいうと、 LINEから外部のBluetoothデバイスにアクセス出来るようになるAPIです。 LINE BOTのLIFFから制御する フロントエンドのJavaScriptで記述 Web Bluetoothの仕様に近そう LINE Thingsっていう新しいIoT Hubデバイスが出た訳ではない(最初名前聞いた時そんな印象だった) LINE

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

const fs = require('fs'); const ytdl = require('ytdl-core'); const readline = require('readline'); //表示用途 const BASE_PATH = `https://www.youtube.com/watch?v=`; const youtubeId = `9CHiwJhx3qw`; //DLするYoutube動画のID(urlのv=の後ろの部分11桁) const url = BASE_PATH+youtubeId; const video = ytdl(url,{filter: (format) => format.container === 'mp4' }); let starttime; video.pipe(fs.createWriteStream(`${youtubeId}.mp

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Signature Pad demo</title> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> </head> <body onselectstart="return false"> <div id="signature-pad" class="signature-pad"> <div class="signature-pad--body"> <canvas></canvas> </div> </div> <script src="https://cdn.

こんにちは、のびすけです。Go合宿2018にて記事書いてます。 ということで、今日はGoでドローン制御してみます。 ちなみに環境はmacos high sierra DJI Tello DJIとインテルが共同で作ったすごいドローン。最近話題。 参考:最新の超軽量ドローン「Tello」でオフィスの日常を撮影してみた 制御方法 他のトイドローンはBLEなどが主流でしたが、Telloの場合Wi-Fiのアドホック通信でUDPパケットを送る仕様になっています。なので割とどんな言語でもライブラリなど無しで叩けます。 参考:NefryBT(ESP32)でTelloを制御。1回だけ離陸して着陸する ただしPCのWi-FiがTelloの接続に取られてしまうのでWi-Fi経由でインターネットにはアクセス出来なくなります。 TelloをPCで制御しつつインターネットに繋ぎたい場合はLANケーブル、Bluetoo

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Nefry BT(ESP32)でMQTTを使ってみよう Subscribe編などでMQTT実装をNode.jsで試してみましたが、Web側で情報を受け取るためにはBrokerサーバーにHTTPサーバーも載せて実装する必要があります。 MQTT over Websocketsなどを参考に作ってみました。 Broker+Webサーバーの準備 Webサーバー(のフレームワーク)としてexpress、Brokerサーバーとしてmoscaを利用します。 'use strict'; const express = require("express"); const http = require('http'); const mosca = require('mosca'); const HTTP_PORT = 3000; const MQTT_PORT = 1883; const app = expr

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

あけましておめでとうございます。今年もよろしくお願いします。 ということで2018年一発目の記事です。 先日忘年会で知人から「Node.jsの記事を調べるとn0bisukeさんの記事がよく出てきます」と言われ、話の流れで もしかしたらNode.js関連で一番記事書いてるのは僕かもしれないという話になりました。 Node.js界隈では@yosuke_furukawa会長をはじめとした強い人たちがいるので、僕が一番とは言うのはおこがましい状況です。ですがせめて 記事数だけでも一番だと嬉しいなと思い調べてみました。 あと、Qiitaのあれこれをひたすら分析してランキングでいいね数ランキングなどを分析していて面白いなと思ったのもモチベーションの一つです。 やることとお断り やること 「 QiitaのNode.jsタグでの記事投稿を誰が一番書いているかをNode.jsで調べる」ことです。 お断り い

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

last updated 2023年6月04日 記事アップデート履歴 2018年3月14日 ngrokのインストールをnpm経由に変更 2018年8月28日 本体のディベロッパー画面が更新されてるので変更 2018年11月24日 nowのバージョンアップに伴ってnow.jsonの記述を追加 2019年5月14日 LINE@アカウントのLINE公式アカウントへの統合に伴ったフロー変更などを適用、事例に市川市追加、nowのデプロイ方法の更新 2019年6月11日 疎通確認でエラーが出るのは問題ないですが、そこで接続できないと問い合わせが多いためserver.jsに疎通確認用のコードを追加。 2019年6月14日 nowをv2に対応 2019年7月31日 ngrokでのトンネリング箇所をserveoにも対応 2019年8月24日 Webhookの設定方法を公式アカウントマネージャー側へ 2020年4月4日 nowの

画像ストリーミング表示っぽいものを作ってみます。 この辺りの続きです。 Node.js v8.4.0です Node.jsで画像アップロードと表示 Node.jsで画像アップロードを受けつけるサーバー とりあえずポーリングで対応 フロント側のJavaScriptで定期的に画像を更新するようにします。 ctx.clearRect()とctx.beginPath()で描画をリセットできます。 (canvasあんまり触ってないから使い方怪しいかも) 'use strict'; const canvas = document.getElementById('myCanvas'); if(!canvas || !canvas.getContext) console.log('canvasが使えないよ'); const draw = () => { const ctx = canvas.getConte

ちなみにこの俺くんLINEアカウントは非公式です。 俺くんを知らない人はこちらを見ましょう。 【爆笑必須】Twitterに超大物新人現るwwwww 【メシア俺@Messiah_ore】 LINE Messaging APIのDatetime picker action さて、俺くんについてはこれくらいで 今日公式リリースがあったLINE Botの新機能です。 https://twitter.com/LINE_DEV/status/903109797431590913 新しいアクション もともと、テンプレートメッセージを送った際にボタンを押したりすると、テンプレートアクションという色々なアクションを発火させることができました。 Postback action: 指定したdataをwebhookに送れる Message action: 指定したテキストを発言させる URI action: 指定

<!doctype html> <html> <head> <title>Socket.IO chat</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font: 13px Helvetica, Arial; } form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; } form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; } form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }

無料BaaSだとMilkcocoaのサクッと作れる使い勝手が好きでMilkcocoaをよく使ってましたが、Firebaseでも同じものを作れないかやってみました。 2年前くらいのFirebaseは割とサクッと使えた印象なのですが、Google傘下になってからのFirebaseは機能も増えてサクッと作れるサンプルがあまり見当たらない感覚があったので作ってみます。 作ったもの こんな感じでリアルタイムなチャットアプリケーションです。 (Mac Chrome 58 / iOS10 safariで動作確認) みたことある人がいるかもしれませんがMilkcocoaのチャットサンプルをフォークしています。 https://github.com/milk-cocoa/chat コード (1ファイル完結) これだけでコピペで動くものにしたかったので、CSSやJSも全ていれこんでいます。 Firebase歴