読者です 読者をやめる 読者になる 読者になる

雑食エンジニアのひとりごと

いろんな分野に興味がある初心者エンジニアのひとりごとです。主に、学んだことややってみたことなどを記録しておくための備忘録です。

Milkcocoa Girlsで初LTをしてきました(20160524)

5/24(火)にMilkcocoa Girlsで初LTをしてきました!

勉強会に参加し始めて18個目(多分)のイベントで、そろそろLTしてみたいなと思ってきていたタイミングに声をかけていただけたので、とても良かったです。

 

(スライドをシェアしたいけれど、コメントとかも書いているため編集の必要を感じています。更にはやり方がわからないという言い訳。。。あまり時間置かずにちゃんとシェアしたいなとは思っています。)

ようやくスライドを共有する知恵をつけたのでアップしてみました。(2016/6/18)

 

 肝心の中身ですが、何を作ったかと言いますと、”Milkcocoaを使って、スマホの動きで画像のエフェクトを変える”ということをしました。

チュートリアルの中でスマホと接続し、傾きを検知することはできるようになったので、それに似た感じでスマホを傾けることでPC側に効果を与えるものであれば簡単に作成できるだろうと思って作成してみました。

ちなみにチュートリアルの時点で躓いた部分もあったのですが、その話は別にまとめようと思います。

 

最近、スマホで撮影した画像を加工することはよくあるかと思います。 例えばInstagramです。任意のフィルターをスクロールして画面上で選択するという形式が主流かと思いますが、もしもスマホの向きを変えることで表示されている画像のエフェクトが変わるという仕様だったら皆が電車などでスマホをあっちに向けたりこっちに向けたりしていてなかなかシュールな画になるなーとか想像してしまったので、そのイメージを元に作成してみました。

ただMilkcocoaにデータを不必要な程大量に飛ばすのはナンセンスなので、というか色々計算など大変そうだなと思ったこともあり、とりあえずスマホの向き4方向に対して画像エフェクトをつけるようにしました。

 ↓

・元の画像

f:id:ikppp_730:20160528222722p:plain

スマホを奥に倒した時

f:id:ikppp_730:20160528222729p:plain

スマホを左に傾けた時

f:id:ikppp_730:20160528222736p:plain

スマホを右に傾けた時

 

f:id:ikppp_730:20160528222741p:plain

スマホを手前に傾けた時

f:id:ikppp_730:20160528222748p:plain

 

こんな感じです。

ちなみに、チュートリアルと似たことをやるだけでは面白くないなと思い、せっかくなのでスマホを振ると徐々に画像が消えるという効果もつけました。

(といっても、実はこれは画像自体を消しているのではなく、何度も振ることでhighlightという要素の値をインクリメントして最終的に100にすることで真っ白になるようにしている、というものです。技術的なとこで最初の頃にミスった経験を活かしたものになります。とりあえずやってみて失敗するというのも大切ですね。)

見ていた方々から「そういうオチがあるとは!」という反応をして貰えたので最後にこの機能をつけてみて良かったなと思いました。

 

初めてLTをしてみた感想は、「とにかく楽しかった!」です。正直人前で話すのは緊張するし、夢でも追い詰められましたが、聞き手がいることを考えてデモを作ったりするのは自己満足で完結するものとはまた一味違って楽しかったです。

自分がやってみたことが実は既出のことだったとか、アイデアが普通すぎて面白くない、みたいな状況もありえることを想像したら不安でしかなかったですが。笑

エキスパートの方が多くいるようなイベントでもビジネス色が強いイベントないということもあり、喋りやすかったという印象もありました。またどこかで登壇したいなと思いました!

"Japan IT Week 春"に行ってきました(20160513)

仕事と趣味と、両方の知識を増やすために展示会に参加してきました!

 
金曜の午後ということでめちゃめちゃ混んでました(。-_-。)さらに、持ってた招待券では西ホールからしか入れないと知らずに先に東ホールに行ってしまい10分くらい無駄にしてしまったり(。-_-。)出鼻をくじかれつつもまずは西ホールの展示を堪能。。。
 
【西ホール】
こっちは組込みシステム開発技術展とIoT/M2M展が開催されていました。
仕事では組込み開発を扱うグループに所属してはいるものの、入社後まだ関わったことなくてさっぱりわからず、、。製品の選定は私がすることは恐らくないと思うので、基盤見るのはワクワクするなーとか、こういう案件で使うんだろうなーというイメージを湧かせて満足。
組込みの方でもIoTという単語がバンバン使われていて、今の時代は人気があるというか、とりあえずIoTというワードで括っておけば興味を持たせることができるだろうっていう考えのような感じがするというか、、、そんなイメージを抱きました。波に乗るって大切なんだなと。
 
IoT/M2M展は仕事≪興味という気持ちで見てきました。小さい基盤使ってセンサーで動きを検知したり、光をあてることで血流を見て心拍数を測ったり。医療への適応や乳幼児がうつ伏せで亡くなる事故を未然に防ぐために使える技術など、日常生活に活用しているものが多い印象を受けました。
IoTの開発環境関連の展示もありました。プログラミング未経験者でもカスタマイズをしてアプリケーションを作成できるプラットフォームを提供している企業があり、そういうものを作って販売するビジネスも面白そうだなと思いました。たぶん弊社はやらないと思いますが。
 
あ、あと、個人的に感動したのはQtの商用版を扱っている企業があったことです!(Qtと書いてキュートと読みます。)QtはGUIが綺麗だし、統合開発環境もありますし、使いやすいですし、なによりも響きがいいですよね!Skypeとかにも使われているらしいです。最近はデスクトップアプリよりも組込み機器での開発に使われることが多いとのことでした。AndroidiOSの開発も出来るようなので、もっと深く勉強したいです。本を書いている方もいらっしゃる会社らしく、是非いつかお話してみたいと思いました!
いやはや、ここ数日で1番テンションが上がりました。。。
 
超絶個人的感想ですが、西ホールはこんな感じでした。
思ったより長くなってしまったので東ホールについては別記事にしようと思います。
 

WebGL入門者の会に行ってきました(20160512)

前ハンズオン行ったけど全然わからず、というか単なるスペルミスに悩まされて理解が追いつかなかったのでまたWebGLにチャレンジしたいなと思って参加してきた!

 
ゲスト講演がものすごーく分かりやすかった。
 
@edo_m18さんの、「数学(道具)を手に入れよう」という話は、高校時代数学が大好きだったからかめっちゃ楽しめた!作りたいものがあって、それを数学の手法を用いて解決していくっての楽しそうだなーと。例えば、sinを使って-1~1の値をループすることでふわふわした状態を表現したり、ベクトルを使ってオブジェクトAからオブジェクトBへの方向を知ったり、といった感じ。
ゲーム作る時とかに使える手法みたいだからそれ系の本(ゲームアプリの数学)がお勧めされてた。是非読んでみたい。
 
@doxasさんは、バリバリエンジニアしてる人だと思ってたら違ったのが1番の驚き。好きで趣味でやってたところからゲストのレベルに到達したとのことで、私も趣味でWeb系の知識増やして色々作っていきたいなーと思った(^^)
wgld.orgの読み方のくだりとか面白かった。中身ちゃんと読んで勉強したい。次にお会いする機会があったらお話ししてみたいなぁ。
 

@yomotsuさんのお話しは技術的な面のことだったけど、図解して下さっていてわかりやすかった:)

炎のあたりをゆらゆらしているように見せるのとか、水の流れている状態を表現する方法とか、難しそうだけど言わんとしていることは分かった気がする!出来るかは別だけど。

 
 
入門者の方々のLTは、初心者が何か作ってみたというより知識の共有が多かった印象。
栗まんじゅう増やしてくLTと、A-Frameをdisる人の話が軽快で分かりやすくて勉強にもなって、個人的には好きだった!
 
あと、気になったのはwebgl-workshopというワークショッパー。three.js(WebGLのライブラリ)を使わずに、生のWebGLを触って勉強するタイプのワークショッパー?らしくて興味ある。npmからインストールできるらしいからやってみたい。
 
 
こんな感じかなー。
気になったところ、印象に残ったところだけでもアウトプットするとこんなにも感覚が違うんだなー。毎回メモレベルでも書くようにしよう。
 

始めてみた

勉強しに行った時のメモを残すことで、少しでも身になるんじゃないかと思うので備忘録としてはてなブログを始めてみることにした!

続かなさそう、、!