つれづれハック。

おうちハックや趣味アプリ開発を頑張るブログ。

IoTLTでいろいろ学んできた話。(中編)

前編はこちら

IoTLTレポート中編です。
イベント趣旨や会場のなんやかんやは、前編を見てください!

前回の最後に「これで半分」って書いたのに勘違いで、まだ3分の1だった。。

LT5: GR−SAKURAとプリンタをもらったので試行錯誤してみた - 株式会社イノベーター・ジャパン / 山田氏

speakerdeck.com 前々回IoTLTでGR-SAKURA、前回になぜかプリンタをもらったやまちょ氏。
例の記事を参考にして、つぶやいた言葉を集音マイクで拾いテキスト化、GR-SAKURA経由でプリントする仕組みを作ったそう。

「死にたい」とつぶやいた結果 f:id:tokutoku393:20160602121552j:plain
腹がよじれるほど笑いました。
(MSTranslatorで文字化け問題は解決!)

単純に「作ってみて楽しい!」っていうのはめっちゃいいよね。
あとLTでひと笑い取れるひとに私もなりたひ。

つぶやきをMSTranslaterで翻訳してネガポジ度を測ってみたのびさんの記事はこちら!
機械学習で本当のつぶやき (づや会 vol5 機械学習の話 #liginc :10分) // Speaker Deck

LT6: レゴブロック対応のオープンハード基板 - 秘密結社オープンフォース / 河野氏

https://files.slack.com/files-pri/T0H69DSJX-F1DGAL541/slack_for_ios_upload.jpg

  • 安くて高機能
  • 着脱等が簡単
  • 動作環境を担保

などを兼ね備えた、レゴブロック対応のオープンハード基盤を開発中の河野氏

「良質な子供向けコンテンツは大人も楽しい」という話がありましたが、先日私もHour of Codeで子供向けプログラミングのメンターをやったときの教材が入り口はとても簡単なのに大人も考えて楽しめる作りになっていて、本当にその通りだと思いました。↑のMinecraftとかめちゃくそ面白いからぜひやってみてほしい。

IoTって、デバイスを揃えたり、機具とか専門的な知識とか必要なんじゃないの?って敷居が高くなりがちだけど、USBの電源タップとかや100円ショップのモータでも楽しめる!
うらら氏の魔法のステッキも側は100円らしいので、私もハックできそうなものを探してきます((((っ・ω・)っ

休憩

IBMさんはお手洗いも広くてキレイです。

LT7: オープンイノベーションから生まれた「光るお絵描きロボットwordee」 - JellyWare株式会社 / 上田氏

www.slideshare.net

会社名の 'JellyWare' は 'Software + Hardware' の造語。なにそれ素敵・・!
ハッカソンなどで自由なアイデアを集め、リーン開発で価値を創出していくそう。

最新プロダクトはめちゃくちゃ可愛い知育玩具「ワーディ」くん!

蓄光素材とLEDの残像を利用して、光の文字を書いたり、アプリと繋げて学んだり。
今夏クラウドファンディング開始予定だそうです!

そういえば昔小学生の頃、書道の先生が「水で書くと墨みたいにかけて、乾くと消える」っていうボードを使ってたんだけど、あれめっちゃ画期的だったのでは、、?

LT8: ネットに繋がれない君たちに贈る。ノンプログラミングでESP8266を15分でネットに繋げる方法 - ニャンパス株式会社

www.slideshare.net 初学者向けのタブレットでプログラミングできるアプリや勉強会などを行っているニャンパスさん。
ESP8266は初心者向けといえど、それでもやっぱりハードルが高い!

ということで、Robipで簡単に始める方法のご紹介((((っ・ω・)っ
【初心者向け】プログラミングソフトRobipで、ESP-WROOM-02開発ボードをWi-Fi経由でプログラム更新が出来る様にする - Qiita
ニャンパスさんのプログラミング教室に行くと、HaLake Kitがもらえるらしい。(月額会員)
f:id:tokutoku393:20160603141224p:plain

RobipとかScratchとかMESHタグとか、ノンプログラマが視覚的にプログラミングを楽しめるやつめっちゃ流行っとりますねー。
仕事でコード書いてて「めっちゃ楽しい!!!」としか思わないので、みんなもっとプログラミングしたらいいよ!!

LT9: リノベーション会社のスマートハウス - リノベる株式会社 / 木村氏

docs.google.com IoTといえばお家ハック、という勝手なイメージがありますが、実際にスマートハウスにするにはコンセントが増えすぎたりそもそもデバイスが設置できなかったり、と色々な問題が。
うちもMacとPCモニターとスピーカーとTVとゲームモニタとPSとXBoxと・・・ってコンセント充なので大変さがよくわかります(・´ω`・)

そこで家をスマートハウス向けにリノベーションしてしまおうという!
「ソフトウェアアップデートできる家」を目指しているそうです٩(๑•̀ω•́๑)و

コード書く仕事だけしてると、対象ってPCとか携帯の中のInternetの世界だけなんだけど、IoTって本当にInternetとThingsの境がなくて、だからすごくドキドキするのかもしれない(* ´艸`)
HomekitとIFTTTとHueとかでSiriちゃんが全部操作してくれるようにして、朝には柔らかい電気で起こされて、ちょうどいい頃合に出来立てのコーヒーをのんびり飲めるお家に私もするんだ・・・

小休止

後半へ続く〜乁( ˙ω˙ )厂
LTはあと5本!

後編はこちら

IoTLTでいろいろ学んできた話。(前編)

こんにちは、ちゃんとくです。
5月31日、IoT縛りの勉強会!IoTLT vol.15に参加してきました!

IoTLTとは

codeiq.jp

IoT領域には関連する幅広い知識や技術があり、さまざまな人々のアイディアやインスピレーションが重要。IT/Web系のエンジニアやクリエイターが持っている知識や経験を共有しながら、IoTを語りつつ、ガジェットも作る勉強会

開催ごとに参加人数が増え、とうとう300人規模での開催!
参加エンジニアはWeb系からガチガチのハード系、LTも初めてのマイコンボードから最新IoTガジェットまで、本当に幅広い方たちが参加されていました(っ’ヮ’c)

会場はIBM本社

f:id:tokutoku393:20160601230551j:plain
今回は日本IBM本社@水天宮前での開催!

広い。とにかく広い。
敷地入り口から受付まで迷子になりかけました。

もちろん会場の会議室もめちゃくちゃ広い。
f:id:tokutoku393:20160601232435j:plain
(全景が写りきらない)
建物入ってすぐの会議室での開催でしたが、この広さの部屋があといくつあるのでしょうか。。(๑´ㅂ`๑)

こうも大規模だと毎回の会場探しが大変だそうで、IoTLTは次回6月の会場を提供してくださる企業を募集中だそうです!

大事なことなのでもう一度。

IoTLTは会場を探しています!

(※200〜300人規模、無償提供、スポンサーLT有り)

切実。

スポンサーLT: Bluemix活用してるIoTベンチャーとして呼ばれました。 - 株式会社ハタプロ / 伊澤氏

f:id:tokutoku393:20160601233153j:plain

Bluemixは、IBMが提供している様々なアプリケーションを構築、管理、実行するクラウド環境(PaaS)。
IBMが会場スポンサーということで、実際にBluemixをプロダクトに利用しているBluemix User Groupによる実例紹介LTでした。

樽にセンサーを仕込んでワインをお手軽に醸成したり、車の運転傾向を取得してヒアリハットを検知して知らせたり、「生活のあるところにIoTあり」という感じ!
私も技術ありきではなく「いかにアウトプットするか」というところに重きを置いてプロダクト作っていきたいなと思いました...!
(アウトプット苦手でつらい)

ちなみにBluemixについて調べていてわかりやすかった記事はこちら

LT1: IoTのターゲットはおっさんである - がじぇるね / 鈴木氏

www.slideshare.net IoTで企業向けに開発・提案したい時どうしたら良いか?というお話。

  • 世の中はおっさん中心に出来ているので、IoTを仕事にするならおっさん(中小企業社長)向けを狙おう!
  • 開発は安価で簡単かつカワイイGR-SAKURA使おう!

ということで、今回のLTの中で(鈴木さんが独断で選ぶ)優秀者にはGR-SAKURAをプレゼント、という企画付き!
私はなんと次回登壇期待枠ということで1ついただいてしまいました(๑´ㅂ`๑)

マイコン買うきっかけがなかなかなかったのでとても嬉しいです、次回頑張ります!
まだ何が出来るのかわかってないけどなんとかなるじゃろ٩(๑•̀ω•́๑)و

LT2: GR-SAKURAとXBeeでTEDのアレ作ってみた - 株式会社LIG / うらら氏

そんなGR-SAKURAを前回ゲットしたうららさんによるLT!
TEDと言われると卑猥なくまの方しか思い浮かばなかったのですが、いたって真面目な方のやつでした。(TEDのアレ=スライドリモコン)

初めての半田で接着しまくったり、Xbeeに親とか子とか教えたりでなんとかリモコン完成!

そして寝落ち!

その結果!

リモコンは魔法のステッキに。

これギャグとかじゃなく普通に欲しいよ!
控えめに言ってとても羨ましい(。・ˇ_ˇ・。)

GR-SAKURAでIoTデビューならうららさんの記事が良さげ! liginc.co.jp

LT3: ハッカソンのプロダクト - 石崎氏

f:id:tokutoku393:20160602004017j:plain

様々なハッカソンで活躍する石崎さん。
花粉症の多い日本人のために開発したプロダクトの紹介でした!

湿度が高いと花粉が落ちる特性を利用して加湿器をオンにしたり、花粉予測やくしゃみ感知から自動的に快適な空間を作る空間ハック。
ちなみに私は毎年春にやたら鼻水が出ますが、決して花粉症ではありません。

LT4: 鍋のインターネット(Internet of Nabe)- @naotaco 氏

speakerdeck.com

趣味の料理をハックしたいということで、危なくなさそうで難易度低そうな鍋をチョイス!
鶏ハムづくりを何度も失敗した経験から、レシピの再現性を高めるデバイスを作りたかったのだそう。

某レシピサイトふっふはっほとか使ってると本当にそうなんですけど、レシピがめちゃくちゃふわっとしてるんですよね。
f:id:tokutoku393:20160602010721j:plain

とりあえずsshpython叩いてラズパイで加熱を制御する装置を作って、胸肉を64度で加熱し続けることに成功したけど、そんな感じの製品は既にあったらしい。
「IoTやりたいなら作りたいものが既にあるか調べないほうがいい」みたいな言葉がありましたが、至極正論ですね。作りたい気持ち、大事!ハッピーハック!イェア!

ただ、レシピサイトみたいな共有サービスでデバイスに制御データごと共有するってサービスとても素敵やんと思いました。
技術的に鍋の制御は簡単にできても、そういうアイデアが素敵。

大事なことはアウトプットの方法…うっあたまが…

スライド眺めるだけでめちゃくそおもしろいのに基本的なIoTがしっかり詰まってるのでぜひスライド見てください!勝手に私のベストLT!

あとLTでも紹介されてたこの本私もめっちゃ欲しい。 www.oreilly.co.jp

休憩

ようやくLTも折り返し。本当に内容ぎっしり盛りだくさんでした!

ちなみにこの記事は既に三時間くらい書いていますがようやく半分です。
絶望しか見えないので後編に続く〜乁( ˙ω˙ )厂

f:id:tokutoku393:20160602012659j:plain IBMさんは自販機の飲み物も安い。神。

おまけ

イベント内でちょくちょく紹介されていた、主催のびすけ氏(@n0bisuke)の記事もろもろ

エンジニアリング+αで生き残る。コミュニティ活動で掴んだ大きなビジネスチャンス | geechs magazine
Twitterで本当に「つぶやける」仕組みをつくってみたら、世界が少しだけ変わった | 使ってみた

中編はこちら

Milkcocoaでぶっつけ本番してきた話。

こんにちは、ちゃんとくです。

5月24日、Milkcocoa Giris vol.11に参加してきました!

f:id:tokutoku393:20160526012332j:plain

(男性陣のハブられた集合写真) 

Milkcocoaとは

mlkcca.com

リアルタイムなデータやり取りをデバイス問わず簡単に実現してくれるサービス。

名前はかわいいのに、DB周りとかサーバ周りとかほんとにほんとに簡単に実装に出来るようになるクラウドプラットフォームです。

 

一度自分でNode.js+Socket.ioでサーバを立ててプロダクトを作ったことがあるのですが、普段サーバサイド?は全く触らないので完全に心折れました、、

が、milkcocoaならその辺を全部はしょってOK。

 

ぺらぺらのHTMLにもmilkcocoaのIDを埋め込むだけで、

すぐにリアルタイム通信ができます!(ドヤァ

  

そんなわけで今回のMilkcocoa Girlsも、

「初めてリアルタイム通信作りました」な面々が登壇!

 

LT1: Milkcocoaでハマらないようにする\(^o^)/ - みーちゃん氏

 GPSで位置情報を取得して、ピンヒールでハマる場所に近づいたらお知らせするという女子ならではの視点での発表!

Milkcocoaではハマらなかったけど位置情報取得とかデータストアで色々とハマったらしいw

 

LT2: Milkcocoaで少しだけオシャレぶってみる - いく氏

 スマホのアクションによって画像を加工(明度とかぼかしとか)して、

スマホを振ると画像が消える笑、アプリケーション!

 

いく氏も「milkcocoaを使うことに関して」は、全く問題ないとの感想でした!

本当にフロントは簡単そうに見えてめっちゃむずいんだよな、、

 

LT3: 行き当たりばったりMilkcocoa - ちゃんとく

 本当は違うことを発表するつもりでスライドを作っていたのですが、

Macがお逝きになりGenius Barで初期化宣告を受け、

ソースコードとともに闇に葬られたので急遽作ったデモです。

 

スライド作るの30分(初めてJSで作った)、

Milkcocoaでコントローラ作るの3分!

 

ほんっとに簡単ってことを知って欲しくてゴミコードをGithubに公開しましたので、ぜひ見てくだせい乁( ˙ω˙ )厂

GitHub - tokutoku393/js_slide

デモであたふたする様子

 

特にこの辺。DB名宣言するだけで投げつけられて、on()だけで監視できるのもう最強。最高。

public/controller.html

f:id:tokutoku393:20160526005501p:plain

public/index.html(スライド側)

f:id:tokutoku393:20160526005557p:plain

リモコンめっちゃ便利だったので改良して今後普通に使いたいと思います。

 

LT4: リバイバルLT - のびすけ氏

 急遽LTのキャンセルが出て尺が余ったので、

エヴァンジェリストのびすけ氏に無茶振りして談話をいただきました!

 

Milkcocoaがまだβだった頃、実際に仕事で組み込んで運用した話で、マジでありがたいお話だった。

 milkcocoaをかませることでEC2に投げるソケット数を減らして、コストが大幅に削減されたらしい。

 

milkcocoaがとにかく簡単なことはわかったので、

今回のように「視点が面白いなー」とか

個人だと難しいけど割と規模の大きい物に組み込んだりとか

そろそろ「とりあえず出来た」から次のステップへ進みたいなと思いました!

 

そのうちなー(っ’ヮ’c)

UX JAM 8でゆるくUXを学んだ話。

こんにちは、ちゃんとくです。

4月27日、UXをゆるく学ぶ交流イベントUX JAM8に参加してきました!

 

UX JAMとは

uxmilk.jp

「毎朝ちゃんと飲むUX。」でお馴染みのUXメディア「UX MILK」が主催する、ゆるーくUXを学ぶ交流会イベント!

UXについてのLTを聞きつつ、UXデザインをかじりたい人、かじっている人、ガチっている人などでゆるゆると交流することができます乁( ˙ω˙ )厂

 

大変バズっているイベントで抽選倍率が毎度とんでもないのですが、

なんとか0次予選を突破し、今回で3度目の参加となりました。

 

3度目ともあれば!

ゆるゆると、しかし着実にUXに詳しくなっているはず!

ということで、ゆるりとレポートを書こうと思います!

 

今回は株式会社Speee!

f:id:tokutoku393:20160511234529j:plain

今回は六本木ど真ん中、株式会社Speeeさんでの開催でした!

 

ビルの佇まいから扉からロビーからトイレまで超オシャレ。

イベントスペース?も広すぎて司会の三瓶さんが見えません。

f:id:tokutoku393:20160511234617j:plain

 

とりあえず交流!①

UX JAMの特徴は、とにかく交流しまくれること!

いろんな人と話しやすい立食スタイルの交流タイムが、イベントの合間合間に設けられています。

f:id:tokutoku393:20160512000508j:plain f:id:tokutoku393:20160512000817j:plain

 

LT1: 株式会社サイバーエージェント/志甫侑紀さん「ニュースメディアSpotlightでのUX」

f:id:tokutoku393:20160512001308j:plain

アプリエンジニアが考えるUXの3つのアジェンダ

  1. コアバリューに対して一貫性を持つ
  2. 継続的に変化するデザイン
  3. 神と共に生きている

アプリユーザはアプリに対するロイヤルティが高いので、それに対して一貫したコアバリューをしっかりと設定し、ユーザの求めるUXに合わせ常に変化することが大事。

しかし最後はやはり神(OS)に全て委ねられる…。

rejectをくらわないためには、ガイドラインをきちんと知り、知った上で挑戦することが大事とのことでした。

 

LT2: 株式会社ookami/安部昌乗さん「役に立たないペルソナ失敗談」

f:id:tokutoku393:20160512000602j:plain f:id:tokutoku393:20160512000606j:plain

ライブ共有型スポーツアプリ「Player!」を制作する際に、適当なペルソナを作ったら痛い目を見たお話。

写真左が制作当初のペルソナで、改善後は右のように詳細な像になったそう。

アプリ使用シーンの理想のストーリーをしっかり作ることが大事なんですね!

 

LT3: 株式会社リクルートジョブズ/大草真紀さん「小分けプロダクトではっきりターゲティング!」

f:id:tokutoku393:20160512001818j:plain

求人でお馴染みのタウンワークは、ユーザが多すぎるゆえに、対応すべき層も広すぎるという問題が。

希望する職種や利用方法までニーズは様々。

そこでプロダクトを小分けにしてそれぞれのカスタマーニーズに応えているそう。

スライドの最後に現れたパン田一郎かわいすぎた・・・。

 

さらに交流!②

UX JAMには、UXデザイナーの方やエンジニア、非IT系の方まで、

とにかくいろいろな方が参加されています。

私は今回「UXデザイナーになりたい」という学生さんにお会いして、

UX普及しとるな…!と謎の感動を致しました。

 

LT4: ヤフー株式会社/竹中民男さん「ビジョンとかミッションとか経営者だけのものではない話」

f:id:tokutoku393:20160512002634j:plain f:id:tokutoku393:20160512002643j:plain

タイトルから心に突き刺さりますが、ビジョンやミッションをみんなでもっと活用しようぜ!というお話。

「ビジョンを持っている」=「想いに向かって行動している」ということ。

同じ行動をするにしても、想いがあると、個にとってもチームにとっても強い原動力になるよね!

というのをとても解りやすいイラストつきでお話されていて、この日イチのなるほど〜〜が出ました。

 

LT5: HCD・UXリサーチャー/山口優さん「ジョジョの奇妙な冒険からわかるUXを100%理解するためのインタビューポイント」

f:id:tokutoku393:20160512002940j:plain

UX浪人を名乗る山口さんは、人間中心設計(HCD)専門家認定制度の中の人だそう。

ジョジョを使ったスライドで、近年の安近短で不確かなユーザ調査をぶった切っていました!

ユーザがッ 納得するまで!!調査をやめないッ!!!

みたいな感じでどうでしょうか。(適当)

 

もっと交流!③

LTは三瓶さんのタイムマネジメントによってきっちり5分なので、

意外とサクサクと進行します。

ビールもサクサクと進む・・・!

 

LT6: 株式会社Speee/神崎 正明さん「ジブンゴトカのたいせつさ」

f:id:tokutoku393:20160512003315j:plain

開催場所でもある株式会社SpeeeのUXデザイナーさん。

  • ユーザを横で見て疑似体験したり
  • 思考よりも感情(表情、目線、うーんとか)を重視したり
  • 自分に都合の良い解釈を捨てて徹底的に分析したり

というような手法でユーザを自分に憑依させてガッとやる(本人談)ことが大事。

アラブ人のように濃い顔で、モニターさんの一挙手一投足を日々観察しているそうです。

 

LT7: 株式会社ディー・エヌ・エー/飯島征士さん「Anyca(エニカ)というサービス立ち上げの際、デザイナーとして最も心掛けたこと」

www.slideshare.net

「使いたい」を決める第一印象にもっとも影響するのは、「デザイン」。

そんな力を持つものをデザインすることに責任を持つ、という言葉に痺れました。

サービスの製品はもちろん、チラシや、スタッフのジャンパーまで一貫させるトンマナは、色自体のイメージ調査・イメージの言語化・他サービスの中でのポジショニングなど理論を突き詰めた上で、最終的にユーザテストを繰り返して決定されるそう。

 

ああプロフェッショナルってかっけぇなあ…という気持ちになりました。

すいません語彙が。語彙が限界です。

 

交流!交流!④

LT終了後ももちろん交流タイム!

文字に起こしてみると本当に交流たっぷりですね…!

 

まとめ

UXで失敗した話から、ガチで挑んでいるノウハウまで、本当に幅広いLTが聞けます。

参加者の層も厚く、LTでも交流会でも明日から使えそうなUX tipsをたくさん吸収できます!

 

次回UX JAM9はconnpassで募集中!

5/18までだみんな急げ〜!

uxmilk.connpass.com

 

という謎に中の人チックな宣伝で締めたいと思います。(無関係)

ものすごく長くなってしまいましたが最後まで読了ありがとうございました…!

milkcocoaでウェーイした話。

こんにちは、ちゃんとくです。

 

先日21Cafeで行われたmilkcocoa Girls!で登壇してきました!

発表する用デモがなかなかうまくいかず、「よし、逃げよう」と3回くらい思いましたが、なんとか完遂(;´∞`)

 

・デモの様子

 

・スライド

www.slideshare.net

github(やっつけコードを工事中です) 

 

作ったものは「iphone振る横にすると紙吹雪が降る」もので

デバイスの傾きをjsで取得

milkcocoaに投げる

表示側HTMLに渡す

JSで条件分岐してイベント発火

 

という仕組みになっています。

 

milkcocoa自体の導入はJSにmilkcocoa IDを埋め込むだけで、

とても簡単に同時通信ができるようになります!

 

が。

 

createJSで紙吹雪が降ってくれなかったり、

canvasに画像をはめこめなかったり、

herokuでデプロイこけまくったり、

とにかくそれ以外でハマりまくりました…。

 

ちなみにherokuでこけていたのはこんなことが原因↓

we-girls.hatenablog.com

milkcocoaのイベントは初心者もたくさんLTしているし、

わからないことをみんなで考えたり教えてくれたりととても雰囲気があったかいので、

とても勉強になり、楽しくLTすることができました(人´Д`●)

 

技術LTちょっと怖いけどやってみたい、という方にオススメです..!

(何よりmilkcocoaが簡単で楽しい)

 

ウェーイデモももっと進化させていけたらと思います乁( ̇ω ̇ )厂うぇーい

 

イベントの様子はTogetterをどうぞ!↓

togetter.com

つれづれハック始めました。

こんにちは、ちゃんとくです。

 

勉強会行くのは好きだけど、参加してへべれけしてるだけの勉強会オバさんにはなりたくない!ということで、ちまちまと技術ログやまとめを載せていく雑記を作りました。

 

仕事はWeb系エンジニアで先日2年目に突入しました。

PHPでfuel、slim辺りを使って書いてます。

(趣味で始めたlaravelが楽しくて上司にもろもろ打診中・・・)

 

プライベートでは一儲けしたい一心でSwiftを勉強中です。

そのた、LT駆動開発でmilkcocoaを使ったりnodejsを書いたり。

 

ゴリゴリ勉強したい気持ちはあれど、なかなか勉強に時間を割けないので

自分にプレッシャーをかける意味でも記事に残していこうと思います!

 

基本的に筆者の技術力が未熟なので、いろいろと間違っていることがあるかもしれません。

そんな時はどしどしマサカリぶん投げてくださいヾ(‘ω’)ノ

 

 

↓技術系ブログにはまるきっかけになった年末のアドベンドカレンダーご紹介

おうちハック

家庭を支える技術