tag:blogger.com,1999:blog-13219467848524418702024-02-21T09:39:23.702+09:0079さん@ blog79の書く技術ネタや生活ネタの備忘ログだよ!暗号屋http://www.blogger.com/profile/08786360566378142922noreply@blogger.comBlogger322125tag:blogger.com,1999:blog-1321946784852441870.post-20187779494943131392021-01-01T18:29:00.004+09:002021-01-01T18:31:07.530+09:00ここ数年毎年痩せるぞって書いてる気がする1年ぶりの日記<div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxZkcrBp1pb6ZPkTr2ShRRHdxY4AqI4uJweePqvmBXb88Hkn7AsvH8tvSwKcFa2qdoY1f6FQ7HO3PjTSbTflEbwH-jm-62NsU0Jkap62gMFRlTER7wbNjCoDNmrHFmQa_6ub2sfUkUCOE/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="760" data-original-width="1140" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxZkcrBp1pb6ZPkTr2ShRRHdxY4AqI4uJweePqvmBXb88Hkn7AsvH8tvSwKcFa2qdoY1f6FQ7HO3PjTSbTflEbwH-jm-62NsU0Jkap62gMFRlTER7wbNjCoDNmrHFmQa_6ub2sfUkUCOE/w640-h426/IMG_4463.JPG" width="640" /></a></div></div>11月にやってもらったインタビュー時の写真。太った。。</div><br /></div><div><br /></div>この Blogger でのブログ更新も年1回ペースになり、完全に個人的なチラ裏感のあるブログになった。Medium に記事を書くようになったが、仕事に関する考えを晒していくことが多くなった。出張ごとに色々考えを整理することが増えていて、アウトプットする情報がどんどん仕事に関することばかりに寄っていった気がしている。日記も書いてたけど、終始楽しそうに仕事をしていてとてもいい感じ。<div><br /></div><div>複数のブログをまたいで記事を書いているのだから、せっかくなのでこの記事は仕事をしている自分とは違うあんまり自分の中から減ってしまったプライベート目線で書いてみたいと思う。超駄文。</div><div><br /></div><h2 style="text-align: left;">2020年の生活</h2><div><br /></div><div>お正月にはテレビを見るという習慣があって、お笑い番組を中心に今はさんまさんとキムタクの番組を観ながら書いています。お正月の番組はテレビを普段みたい生活をしている自分にとっては最近のテレビに出ている人の情報更新として観ているところがある。大きく人が変わった感じはないけど、朝倉未来という格闘家が自分に似ているということがわかったのでウォッチしていきたいと思いました。あとは僕も鍛えて格闘家を目指していきたい。</div><div><br /></div><div>普段はNetflixやAmazonプライムでアニメを見まくっている。2020年秋アニメはなかなかおもしろい作品が多くて大変だった。魔王城でおやすみ、体操ザムライ、神様になった日、魔女の旅々、憂国のモリアーティ、無名なナナあたりはとても面白いのでぜひ見てみてください。まだあった気がする。</div><div><br /></div><div>去年末くらいに自宅のテレビを65型の有機ELに変えてから家でのテレビ体験がとても変わった。あとは年末に良いソファを買ったのだけどとても快適。おしゃれな部屋を目指しているけど、どうぶつの森をやってての気づきで部屋をかわいくしたりかっこよく整えたりというのがとても苦手だということに気づいてしまった。普段の服装もそうなのだけど、同じブランドの服をとにかく揃えることでそのブランドのデザインになるから偽装おしゃれができるんです。なので部屋の家具も揃えていこうということで揃えてみた。やっぱり良い。</div><div><br /></div><div>2020年はあんまりダラダラする時間が取れなかった。会食がかなり多く、帰っても眠くてすぐ寝てしまう。にもかかわらずアニメを観ている時間はあんまり減っていないので、仕事しているかアニメを観ているかの大きく2択な1年だったのだろうと思う。あんまり遠出して遊びに行ったりとかがなかったからですね。元々あんまりそういうことしている人ではないのだけども。</div><div><br /></div><div>あ、でもゲームも何本か買ってやっていたはず。今も CyberPunk 2077 を買ってみたのであとでやってみよう。地球防衛軍の新しいやつもやってみたい。ゲームは相変わらず好きだな。</div><div>それと酒を飲みに行く機会が多すぎたと思う。おかげで去年の今頃と体重はあんまり変わっていなくて、筋肉量が落ちてると思うと今年はちゃんとしないといけない。普段自分にあまりお金を使わないのに、今年は自分にボーナスを出してみたので健康のために使いたい。筋トレが成功したきっかけになったトータルワークアウトが中洲にあるので、会員に復帰してみたいと思う。早速登録申請してみた。</div><div><br /></div><div><br /></div><h2 style="text-align: left;">2020年の出来事</h2><div><br /></div><div>1月 重い仕事が始まる。</div><div>2月 病み始める。</div><div>3月 コロナで世の中の働き方が変わるが周りが変わらないのにイライラする。</div><div>4月 同調圧力の勝利。仕事の密度が高まる。倒れる。</div><div>5月 世の中がリモートワークに慣れて自身も仕事に最適化される。</div><div>6月 選択と集中。やりたいことだけやるスタイルに変える。</div><div>7-9月 仕事しまくりで記憶がない。</div><div>10月 更に仕事が増えていく。</div><div>11月 住んだら?ってくらい東京にいた。</div><div>12月 記憶がないくらい忙しかった。Choja リリース。</div><div><br /></div><div><br /></div><div>カレンダーを見返してみたんだけども、年始から重めの仕事が始まるみたいな時期だったのでフラフラしていた。東京出張の頻度も高く、4月のコロナでみんなが自粛してくれるまで結構東京にはいた気がする。そこから一気にリモートワークがはかどり、サウナにいけなかったのもあって自律神経がバグって倒れてしまった。実は彼女もいたのだけど、コロナで逆に家に籠もった仕事がしやすくなりトイレに行く暇もないくらい一日中仕事していたため疎遠になり、結局別れてしまった。コロナで景気が悪くなっていた中でも仕事があるのはとてもありがたいことではあるのだが、流れが一気に変わって体が追いついてなかった。自身はリモートワークに慣れていたつもりなのだけども、周りがリモートワークに慣れるとここまで最適化されるのか...これがニューノーマル...という一年でした。仕事しかしてないな今年w</div><div><br /></div><div><br /></div><h2 style="text-align: left;">2021年の生活</h2><div><br /></div><div>ダイエットしないとキツイ。お腹がとても出てきてしまっているし、健康診断をやってみたんだけども肝臓やらなにやらの「要精密検査」が5つくらい出ていたのに放置してしまっている。というのも過去にも要精密検査は受けていて、診察したあとは「お酒控えてくださいね」くらいしか言われないからだ。というわけでお酒は控えないといけないのだけど控えていなかったわけで。なのでせめて今年からは飲酒量を減らしていこうと思う。健康が一番大事だよね。このままだといきなり入院とか、死に至る病とかにかかってしまってせっかくの頑張りが無駄になってしまうわけだ。酒だけは本当に悪い。楽しいんだけどね。毎日たくさん飲まなくても良いはず。表に向けて発信していくことで、「79は今年そんなに酒を飲まないんだな」ということが広まっていけばいいなと思う。</div><div><br /></div><div>今日の体重がほぼ80kgなので、ここから10kgくらい痩せるぞ!!</div><div><br /></div><h2 style="text-align: left;">まとめ</h2><div><br /></div><div>仕事のこと書かないように記事を書こうと思ったけど、仕事のために健康に気をつけなきゃなという気付きしかなかった。さっきボクシングのお誘いもあったので、完全に身体を絞っていく雰囲気ができたので良い。お酒も年末に大量にノンアルコールビールを買ってきたのでそれでごまかしていきたい。量を減らしていこう。そういう気持ちが大切。</div><div><br /></div><div>仕事は言わなくてもきっと頑張ると思うので、プライベートではとにかく健康第一。会社があるわけで、もう一人だけの身体じゃないという責任感もある。手伝ってくれている、手伝わせて頂いている皆さんの成長と成功を目指して今年も一年頑張るぞい!<br /></div>紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-52989698045645236012020-01-11T17:04:00.003+09:002020-01-11T18:22:38.991+09:00やぁ、楽しんでる?去年の振り返りと79個人としての年頭所感2020年あけましておめでとうございます!毎年書いてるブログももう何年連続で書いてるかわからない感じだったり、昨今は medium や note 全盛の中相変わらず Blogger での記事を書いているのもなんだか不思議な気分です。 (<a href="https://medium.com/ango-ya" target="_blank">会社のブログは medium で書いているので見てね(^o^)</a> )<br />
<br />
<a href="https://purple-bamboo.blogspot.com/2019/01/201879.html" target="_blank">暗号屋 年頭所感 2020</a> ←暗号屋の今年の話はこちら<br />
<br />
とはいえ2020年も始まって結構時間が経ってしまったわけなんですが、これも年始からいろんなお仕事がたくさんあって気づいたら今日でした。年始からクリスマスにサウナで一人整っているときに受けたテレビのインタビューが放送されたり、最近落ち着いてリラックスできる場所がそこしか無いというのもあってサウナに行く頻度が激増した 2019 年でした。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzt9TDeprp3Fj2xb3ug10Y2KjvwPSXmK5vSQBIb67IVZ8kcIEItFwpwlLGkikP8ySbOFpj4S6OwWVbK-2EzVZa8LELaeu_Qasz6UZKMFz6ZJLhv1d4vIe2cIIuQlqnKV09dktPdYFWijE/s1600/ENxqoXdUwAA-S8f.jpeg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="902" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzt9TDeprp3Fj2xb3ug10Y2KjvwPSXmK5vSQBIb67IVZ8kcIEItFwpwlLGkikP8ySbOFpj4S6OwWVbK-2EzVZa8LELaeu_Qasz6UZKMFz6ZJLhv1d4vIe2cIIuQlqnKV09dktPdYFWijE/s640/ENxqoXdUwAA-S8f.jpeg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">新年早々全裸でインタビューを受けてまた変なことを言っている79</td></tr>
</tbody></table>
<br />
そんなバタバタしている年始ですが、仕事に恵まれているのはとても素晴らしく、時間がすぎるのも一瞬です。そんな感覚で一瞬で終わった2019年を振り返りつつ、2020年はどうなっていくのかを考えてみました。<br />
<br />
<br />
<h3>
合同会社暗号屋設立</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqgK5z5v3giDflOxdqMw5yo2cC7z9J3Q9XLMEwK1TL93oBgYvVjAM4pxTg2hrubi6Yl24fLzFYriMK5VOjZ56sVoBYHgcMP8f3iEzRqeFgYigU_aenc_QYYqSyTKjizcp1ep6d-hi5JY/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2018-12-24+23.04.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="977" data-original-width="1600" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqgK5z5v3giDflOxdqMw5yo2cC7z9J3Q9XLMEwK1TL93oBgYvVjAM4pxTg2hrubi6Yl24fLzFYriMK5VOjZ56sVoBYHgcMP8f3iEzRqeFgYigU_aenc_QYYqSyTKjizcp1ep6d-hi5JY/s640/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2018-12-24+23.04.09.png" width="640" /></a></div>
<div>
<br /></div>
<div>
暗号屋の設立記念日は 2/27 で、もうすぐ一周年になります。2019年は暗号屋設立が一番自分の中では大きな出来事でした。</div>
<div>
<br /></div>
<div>
世間ではブロックチェーン元年なんて呼ばれていますが、確かにブロックチェーンが世の中で活用されていく為に様々な実証実験や実際のプロダクトが出てきた年だと思います。</div>
<div>
個人としては特に仮想通貨取引所設立に関わった2017年、初めてビットコインを買って論文を読んだ2013年くらいから世の中の変わり目を見てこれて、テクノロジーによって時代が変わっていく世界をインターネットに続いて最前列で見れているのはとても楽しいものです。</div>
<div>
<br /></div>
<div>
暗号屋は当時僕一人で立ち上げたもので、今はインフルエンザで死んでいる秘書に色々手伝って貰いながら会社設立に必要なアレコレを一緒にやってもらいました。今ではまだまだ失敗も多いですが、僕がメインの仕事に集中できるのは彼女のおかげなのでとても感謝しています。</div>
<div>
開始した頃はほとんどフリーランスでやっていた事とほとんど変わりはなかったのですが、法人としての暗号屋をなんとか目立たせることができないものかと考え方を変えることができて法人設立はとても良い経験でした。</div>
<div>
<br /></div>
<div>
そんな一人でメイン業務を進めてきた暗号屋ですが、実は正社員が増えようとしています。今までは業務委託の方々にたくさん手伝って頂いていましたが、その中からコアメンバー・コミュニティメンバーと割り振って暗号屋という技術組織を強くして行こうと思います。この考え方は僕もコミュニティメンバーとして参画しているテクニカルディレクターコレクティブの <a href="https://bassdrum.org/" target="_blank">BASSDRUM</a> から<strike>パク</strike>真似させていただきました。<br />
<br />
個人でできることと組織でできることの大きさが全く別物だというのはサイバーエージェントを離れ、Mr. Exchange を経営したときにとても痛感していました。ここはまぁ個人のブログでもありますし、法人としてのブログは後ほど書こうかなと思っているのでここでは詳しくは書きませんが、今後も暗号屋を組織として強くしていけたらなと思っています。興味のある人は是非声かけてくださいねー!<br />
<br />
<br />
<h3>
色んな場所を飛び回って色んな人に出会った</h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDtG01-u0_SzFp99pP906J4k5QZnWYkKleKSzyF5gias7W-UQOhuiGRjCJaLhB0_1u7BKtIubHKEFQtP42WK0u4dUkS_EJq5ZsknHVfe7c6kxNw3Z21V08ULCV6u_hGBISZ6stW3gp0G8/s1600/53761168_10218619217532566_6636799683022815232_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1600" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDtG01-u0_SzFp99pP906J4k5QZnWYkKleKSzyF5gias7W-UQOhuiGRjCJaLhB0_1u7BKtIubHKEFQtP42WK0u4dUkS_EJq5ZsknHVfe7c6kxNw3Z21V08ULCV6u_hGBISZ6stW3gp0G8/s640/53761168_10218619217532566_6636799683022815232_o.jpg" width="640" /></a></div>
<div>
<br /></div>
<div>
僕は去年福岡の人から<b>「東京に戻ったんだと思った」</b>と言われたり、<b>「福岡に住んでるの嘘だろ」</b>と東京で言われたりしていました。毎月お仕事で東京に呼んでいただいたり、仕事の都合で友達とスペインや北海道、大阪、熊本、佐賀、大分に行ったり地元新潟に帰ったりとアドレスホッピングを楽しみながら各地で仕事したり飲んだりして来ました。</div>
<div>
<br /></div>
<div>
2019年に出会った方の数はもう数え切れません。いろんなお仕事を頂いたり、飲みに行ったり遊んだり、全部仕事につなげるためのものではないのですが、今まで出会った人からどんどん色んな仕事が増えていって、下記リンクのようなインタビューを受けたりもしたんですが結構本当にこんな感じだったので本当にありがたいです。</div>
<div>
<br /></div>
<div>
<a href="https://offers.jp/media/interviews/a_816" target="_blank">現状満足はリスクしかない!? 元仮想通貨取引所CTO紫竹氏は、今もなぜ国内外の企業からモテるのか?</a></div>
<div>
<br /></div>
<div>
今までの経験を面白がってくれる方々が多いから今の79があるのだろうなぁと思うのですが、おかげさまで仕事で色んな契約をさせてもらった企業の数ももう数え切れないほどになっているのと、土曜日にこうして時間をとってブログを書ける様な時間があんまりなくなってしまいました。嬉しい悲鳴なんですが、関わってくれている全ての人に迷惑がかからないように今後も誠心誠意頑張りたいと思います。</div>
<div>
<br /></div>
<h3>
2020年、というか今後の生き方</h3>
<div>
この振り返りをするときは、1年何してたっけと思いながら Facebook や Twitter の投稿を振り返っています。そんな中で見つけたインタビュー記事があって良いこと言ってたな自分と思ったのがコレです。</div>
<div>
<br /></div>
<div>
<a href="https://note.com/rtomizawa/n/n791ac181f8a0" target="_blank">「妥協しないで続けた先を見てみたい」合同会社暗号屋代表 紫竹佑騎さん</a></div>
<div>
<br /></div>
<div>
インタビューなんてこっ恥ずかしいものなんですが、当時の自分が何を言っていたのかっていうのを振り返れてとても良いものだと思ってます。<a href="https://gihyo.jp/design/serial/01/key-person/001101" target="_blank">2010 年くらいに技術評論社のフォンさんという方にインタビューされた</a>のが最初でその当時インターネットの世界に飛び込むのがワクワクしている感じを思い出せると、今の自分と照らし合わせて自分の軸がどこにあるのかを振り返れるので心が強くなりますw</div>
<div>
<br /></div>
<div>
そういう理由もあってインタビューの依頼は大体OKさせて貰っていて、この記事もありがたく話させて貰っていました。(いつでもお声がけください😉) そして妥協せずにやりたいことを選択し続けると何が待っているのかを見てみたいという気持ちは2020年というより、生きていく上での大きな行動指針になるなと感じています。</div>
<div>
<br /></div>
<div>
去年の目標はこんな感じだったんですが、相変わらず英語は使う機会を増やさないとダメそうという感じになっちゃいましたw</div>
<div>
<br /></div>
<div>
<ul>
<li style="margin: 0px 0px 0.25em; padding: 0px;">ブロックチェーン技術を極めて世の中をより良くする</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">新会社設立と運営</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">地道な英語の勉強</li>
</ul>
<div>
<br /></div>
</div>
<div>
ブロックチェーン技術に関しては、昨今爆発的に増えていく情報量のインプットを概要以外は追うのを辞め、ビジネス面での活用にフォーカスしてインプットアウトプットができたので良かったと思います。</div>
<div>
会社設立も達成したのと、法人格として考えを持てたのが本当に良かったです。今後は法人格としての暗号屋を社会に広めていきたいと思います。</div>
<div>
英語は本当に環境変えないとだめだなと感じています。外国人の採用もしくは、海外進出(海外のクライアントもいるのですが通訳してもらっていて良くない)もしていきたいです。</div>
<div>
<br /></div>
<div>
今年の目標、ならびに今後の行動指針として</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>「楽しんでる?」</b></span></div>
<div>
<br /></div>
<div>
というちょっとふわっとしたものを記しておきたい。2020年以前からもこれからも、楽しいからやるっていう個人の行動指針と、楽しいからブロックチェーンに張るっていう暗号屋としての法人格を研ぎ澄ましていく。</div>
<div>
<br /></div>
<div>
2019年は法人設立と、たくさんの会社とやりとりしたり本当に大変だったがめちゃくちゃ楽しかった。マネックスから大手ゲーム会社、ANDARTにstartbahn、IoTにavex、その他様々な企業さんとのやりとりがあった。さらには暗号屋では自社開発もシコシコと進めているのだ(!)。</div>
<div>
<br /></div>
<div>
ひとつひとつがしっかり「楽しい」があってとても良い感じだ。自分と向き合ってなぜやるのかをサウナの中で瞑想して考えた結果、やはり「楽しんでる?」っていう個人の行動指針に行き着きました。悟り、ですねw</div>
<div>
<br /></div>
<div>
もう一つやりたいことがあって、<b><span style="font-size: large;">世界を救う</span></b>っていう割と大きな考えも今年からの目標にしたいんですが、詳しく書くともう1本記事が書けてしまうのでまた今度。</div>
<div>
<br /></div>
<div>
<br /></div>
<h3>
終わりに</h3>
<div>
久しぶりに記事を書いたんですが、やっぱり楽しいですね。去年やっていたなんでもない日記的なブログもやっぱり楽しいので復活させようかなと思いました。あとは会食が増えすぎて太ったのでダイエット頑張ります(ヽ´ω`)</div>
<div>
<br /></div>
<div>
暗号屋設立というスタートラインに立ったばかりの2019年でしたが、まぁまぁ良いスタートを切れたのでは無いかと思います。今年も大暴れしていく予定なので、皆さんどうぞお付き合いいただければ幸いです😉</div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-84301515690466371202019-01-01T00:41:00.003+09:002019-01-01T16:23:17.686+09:002018年の79は何していたの?最近元気?生きてる?<br />
毎年恒例振り返りブログです。2018年はこのブログでの発信が2017年の振り返りと勉強会の報告だけ、1年の壮絶さを物語ってますねw<br />
<br />
Bitcoin の価格は1年前160万円、今40万円くらいだけど、2年前は12万円くらいだったのでまぁそんなもんでしょう。<br />
最近は業界関係ない方に仮想通貨の仕事をしてたって言うと「ああw損したのかw」みたいなリアクションを取られることが多いけど、未だに自分の総資産の99%は仮想通貨(未利確)だし、ちゃんと金融庁からみなし仮想通貨交換業者として運営してたんだけどなwって思うけどもう慣れてきたので気にしない事にしましたw<br />
<br />
それでは振り返ってみましょう〜<br />
<br />
<h3>
2018年前半、仮想通貨流出事件の余波に飲み込まれる</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://dol.ismcdn.jp/mwimgs/1/5/670m/img_15e220ec7bd03844676c0106dd6f823964663.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="315" data-original-width="600" height="336" src="https://dol.ismcdn.jp/mwimgs/1/5/670m/img_15e220ec7bd03844676c0106dd6f823964663.jpg" width="640" /></a></div>
<br />
2017年にサイバーエージェントを退職し、7月から福岡に移住、無事に Mr. Exchange をリニューアルリリースして金融庁からみなし仮想通貨交換業者を取得。それから本申請に向けて福岡の財務支局さんと質疑応答をやり取りしながら体制を整えつつ、2018年がスタートしました。<br />
そんな中、仮想通貨業界を震わせる大きなあの事件が発生しました。AbemaTVでの記者会見を「他人事じゃない」と思いながら見て、しばらくすると麻生太郎が「全取引所に立入検査」というニュースが流れ、数日後にニュースとかで見たような机と椅子が搬入される系の立入検査が始まり、数週間に渡る質疑応答に取締役として回答し続ける日々が始まりました。<br />
DEXというシステム構成が根本から他と違い、理解してもらうのにも時間がかかり正直精神的にも参ってしまっていました。人生で一番重かったし、終わった後ベッドから起きれなくなったのでちょっとした鬱だったと思う。。<br />
<br />
結果的には会社ブログなどで報告していた通り行政処分ですが、業務停止命令を回避して業務改善命令で済むことになりました。その後は言えないんですけど色々話し合った結果、ライセンスを取り下げして現在に至ります。<br />
入社当初は IT ベンチャーやってやるぜみたいな気分で居たのが金融庁や国税庁等、様々な行政の方とのやり取りを経てすぐ、「こりゃ金融業だ…」となって早数ヶ月。怒涛の勢いで業界が変化し、その変化に対応して行きながら様々な経験をさせてもらえました。一緒に対応してもらった前職のメンバーには感謝してます。<br />
<br />
<h3>
2018年後半、ブロックチェーンに熱狂する</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://ethereumworldnews.com/wp-content/uploads/2018/10/frontiers-in-blockchain-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="518" data-original-width="789" height="420" src="https://ethereumworldnews.com/wp-content/uploads/2018/10/frontiers-in-blockchain-logo.jpg" width="640" /></a></div>
<br />
仕事を辞めた後、日本に帰ってきて色んな方とお会いする機会を頂きました。色んな投資家の皆さんや各企業の役員の方々、起業家の方々と色々話をする機会を頂きました。<br />
そんな中、前職で携わった仮想通貨だけの用途ではなくその基盤技術であるブロックチェーンへの関心が高く、そこへのコミットをお願いされることが増えました。<br />
<br />
今現在は Facebook にも書かせてもらったマネックスグループの松本社長に誘われてそのお手伝いをする事になっているのと、他にも大手企業の方々やベンチャー企業の方々に呼んでいただいてお手伝いをさせていただいてます。<br />
<br />
2017年に福岡に移住して今回東京での仕事がほとんどになってしまったのですが、福岡の自宅はそのままで、東京と福岡でのW生活をしています。東京では人に会ったりする時間、福岡では作業をしたりブロックチェーンの研究をしてメリハリのある生活をしてる…というわがままで福岡の生活を楽しみながら暮らしてますw<br />
<br />
<br />
<h3>
去年の目標と今年の目標</h3>
<br />
去年の目標はこれでした<br />
<br />
<br />
<ul>
<li>情報発信ファースト</li>
<li>英語をツールの一部にする</li>
<li>きちんと技術に触れて武器を増やす</li>
</ul>
<br />
<br />
情報発信ファーストはコンプライアンス的にもかなりセーブせざるを得ない状況だったので、大好きな Twitter ですら半年間ほど封印しましたw<br />
<br />
英語は仕事が半分英語だったのでツールとして使えるようになりましたが、あまり上達しなかったなぁと思ってます。海外生活がまぁまぁ出来て日常生活が送れて、ジムとかスーパーの会員になったり、KTVでお店の人と仲良くなれるくらいには意思疎通ができるようになりましたが、仕事で使うにはまだまだです。英語や中国語のドキュメントが多い業界ですし、2019年も引き続き勉強を続けたい(最近サボってたから復活させたい)ですw<br />
<br />
技術に触れて武器を増やすというところですが、人知れず色々周辺ブロックチェーン技術を触ったり、去年言っていたCTOとして会社のポートフォリオを増やす目標がいい感じに自分の身になっていてよかったです。<br />
<br />
今年の目標はどうしようかと思ったんですが、最近有名になって相変わらずハードワークしている友人を見てもっと命燃やして熱狂して行かねばなと思ったので、<br />
<br />
<br />
<ul>
<li>ブロックチェーン技術を極めて世の中をより良くする</li>
<li>新会社設立と運営</li>
<li>地道な英語の勉強</li>
</ul>
<br />
<br />
を頑張ってみようかなと!<br />
<br />
ブロックチェーン技術を〜ってのは、言わずもがな活動の軸をそこに置こうという話です。<br />
それに併せて、今その活動をより本格的に行うために福岡に新会社を設立しようと思っています。仲間も募集したいと思っているので気軽にお声がけください。<br />
<br />
今はロゴやサイトを創っている段階ですが、会社名は Crypto (暗号)業界メインで活動するのと、アニメ、電脳コイルのハッカー集団の名前からとって<br />
<br />
<b><span style="font-size: large;">「暗号屋」</span></b><br />
<br />
にしようと思っています。ロゴはこんな感じ。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEild2LaRr9A7DPG-_rCG_-25X-fUU_TkG21lvwNWtLaCuaiTlTcvGsAVriZ6jqUr1dZXdPNLqtDuP3p8C4TSxL5d739deBPv26GZNe3PJBqsox-AGFZE-sJwETSpwKaYVk7IoaK1LSSops/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2018-12-24+23.04.09.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="977" data-original-width="1600" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEild2LaRr9A7DPG-_rCG_-25X-fUU_TkG21lvwNWtLaCuaiTlTcvGsAVriZ6jqUr1dZXdPNLqtDuP3p8C4TSxL5d739deBPv26GZNe3PJBqsox-AGFZE-sJwETSpwKaYVk7IoaK1LSSops/s640/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2018-12-24+23.04.09.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">暗号屋ロゴ</td></tr>
</tbody></table>
<br />
1月中には登記予定です!<br />
<br />
英語はやるぞやるぞではなく、地道に毎日やるものだと思うので、仕事で使うってのを意識して継続して勉強していきたいと思います。継続するってので思い出したんですが、最近できる限り毎日なんでもない日記を書いていたりするのでお暇な時に見てみて下さいw<br />
<br />
<a href="https://medium.com/@79yuuki" target="_blank">https://medium.com/@79yuuki</a><br />
<br />
書いてるうちに2019年がやってまいりました。今回も長い文章になりましたがお付き合いいただきありがとうございます。<br />
<br />
新しい挑戦が多かった2018年ですが、更に頑張って行きたいと思うので2019年もよろしくお願いいたします。<br />
<br />紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-67106356594539221912018-02-14T00:46:00.000+09:002018-02-14T01:08:59.923+09:00Mr. Exchange Creators Meet Up を九州大学で開催しました2月4日に九州大学 芸術工学部をお借りして Mr. Exchange Creators Meet Up を開催していました!<br />
<br />
エンジニアやデザイナーといったクリエイター向けに、イベントを通じてITが盛んな福岡で、ブロックチェーンや仮想通貨に興味のあるクリエイターを集め、情報交換や技術的な講演、LT、懇親の場を提供するために Mr. Exchange として主催しました。<br />
<br />
新聞社の方も来ていただいていたり、福岡の仮想通貨技術コミュニティを若手から盛り上げるお手伝いが出来てとても良かったです。<br />
<br />
<br />
<h2>
当日の様子を写真とスライドを交えながらご紹介</h2>
<br />
九州大学の芸術工学部の1教室をお借りして、講義スタイルで始まった本イベント。当日参加も合わせて参加枠ギリギリアウトくらいまで集まっていただけました🙏 僕自身久しぶりに大学の教室に入ったのでとても懐かしい気持ちでした😌<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJCEn-GzqaUyxGWFVYVuhH2LaHkwXY2IaJM5H2U54QmFuROpTacwPdzhyphenhyphenMdeiPcZ711hULXVN3A1wXHRWLAxp1wbosclou8MPjuCq_Bkczak7IG649QRdcEQ8LGp8NQ1-lo8XKkvinPAA/s1600/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJCEn-GzqaUyxGWFVYVuhH2LaHkwXY2IaJM5H2U54QmFuROpTacwPdzhyphenhyphenMdeiPcZ711hULXVN3A1wXHRWLAxp1wbosclou8MPjuCq_Bkczak7IG649QRdcEQ8LGp8NQ1-lo8XKkvinPAA/s640/1.JPG" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQo2cnOs8bt4dLvsffcRJG_LVc_qOqb5IDoO5o8dLOZNNg-RuE4MGzRAdveIXdoCc4w2RJKQI997kAB4l7ZpD9rKP3rSGtI-fwlFbLVflYrNqmvmNRz93Ai2a6pnUbnFoS3Mv_ozJxHy4/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQo2cnOs8bt4dLvsffcRJG_LVc_qOqb5IDoO5o8dLOZNNg-RuE4MGzRAdveIXdoCc4w2RJKQI997kAB4l7ZpD9rKP3rSGtI-fwlFbLVflYrNqmvmNRz93Ai2a6pnUbnFoS3Mv_ozJxHy4/s640/2.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
参加者は学生半分ちょっと、社会人半分くらいで、殆どがエンジニアといった感じで集まっていただきました。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3 style="clear: both; text-align: left;">
発表その1「スマートコントラクトのフレームワークTruffleでDapp作ってみた」</h3>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
一発目は光GENKIという地元アイドルもやってる、Fusic 社の歌って踊れるエンジニアの 吉野雅耶(@ayasamind) 氏。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxWca3E8Z1OEU9tJ7CQ4KQZ9OUvsEUJfKU9fBW4uz00EWN1j38x2PYKg3pA-lmeJcYsJJPQKKuwNa7gaHSKAllN0kmf-VATNTh8607TtoxjkiDioZ9Bv7x8XoSaPDoo8sJMBikM8-Q_4/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxWca3E8Z1OEU9tJ7CQ4KQZ9OUvsEUJfKU9fBW4uz00EWN1j38x2PYKg3pA-lmeJcYsJJPQKKuwNa7gaHSKAllN0kmf-VATNTh8607TtoxjkiDioZ9Bv7x8XoSaPDoo8sJMBikM8-Q_4/s640/3.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitTMae7GAPnvMEnvpf1VpoS7gO_K9Ieh1Kb5xQVX6kCdY5fjaPTwLg6dELGsSxfQc0FYzptcgibshzDok8FuzHKLt0dYy8-vXsTmEPxL9fu7S8c-MygWAD0SChbZcfOSrbJw6urIawOW0/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitTMae7GAPnvMEnvpf1VpoS7gO_K9Ieh1Kb5xQVX6kCdY5fjaPTwLg6dELGsSxfQc0FYzptcgibshzDok8FuzHKLt0dYy8-vXsTmEPxL9fu7S8c-MygWAD0SChbZcfOSrbJw6urIawOW0/s640/4.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
資料は reveal.js というブラウザ上で動くプレゼンツールを使って作って来てくれました。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://ayasamind.github.io/slides/20180204/mrexchange_creaters_meetup/">https://ayasamind.github.io/slides/20180204/mrexchange_creaters_meetup/</a></div>
<br />
タイトルそのままですが、TRUFFLEを使ってDAPPSのデモを用意して貰ってました。実際にすぐ手を動かせるのはとても良いですね〜。CryptoKitties のようなサービスが動くのを見せてもらって、DAPPS がなんなのかを動くものと一緒に見せてもらってとても参考になる発表でした。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH-skZ0ekKkSubVhtNtBfk41t1Zqvm70Py9QtGjKA73-dJb1xANmBMtN64PwUVyvD3f0W6mCX8cDeXF5iO43dsOeNO8owzU9Ea7-25bVlKAQwNkrQRW9-HvhRgdXP_CDEcNJa-1KAQflY/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH-skZ0ekKkSubVhtNtBfk41t1Zqvm70Py9QtGjKA73-dJb1xANmBMtN64PwUVyvD3f0W6mCX8cDeXF5iO43dsOeNO8owzU9Ea7-25bVlKAQwNkrQRW9-HvhRgdXP_CDEcNJa-1KAQflY/s640/5.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">社会人の方からの<strike>マサカr</strike>質問も飛び交ってました</span></div>
<br />
<h3>
発表その2「ブロックチェーンについて疑問に思ってたことを調べてみた」</h3>
2人目の発表はプログラミングの学校で教えたり、最近では音源解析とかもやってたり、起業熱の強いエネルギッシュな杉山裕磨(@yuma_sugiyama) くん。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SZYR95XhMvmLOkHX1jDMk0yKS1XoSdwNr5QZm4pGzSBlKiwWaWPCuKes6S_kK6Lqpqyrlo67Hl-bcccsQ5WjAo1BM6GUDPaMJOgcvo5yVfUr8SXg_NhNbFex3XqQ0xWdPLpza59hdkg/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SZYR95XhMvmLOkHX1jDMk0yKS1XoSdwNr5QZm4pGzSBlKiwWaWPCuKes6S_kK6Lqpqyrlo67Hl-bcccsQ5WjAo1BM6GUDPaMJOgcvo5yVfUr8SXg_NhNbFex3XqQ0xWdPLpza59hdkg/s640/6.JPG" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Ur9QUIeJCP-z1rqwggoOB4UKC5zM4I3S6NkOzqjzQ-OY7tXrfQtTqjkUkB8gr12wnjHTckrgug5uQyP6xFa6OoPBbE82gj73m5RL30-vt2sEICt0kYOMS6XS-K5RTu1ySMd1OgGgB9k/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Ur9QUIeJCP-z1rqwggoOB4UKC5zM4I3S6NkOzqjzQ-OY7tXrfQtTqjkUkB8gr12wnjHTckrgug5uQyP6xFa6OoPBbE82gj73m5RL30-vt2sEICt0kYOMS6XS-K5RTu1ySMd1OgGgB9k/s640/7.JPG" width="640" /></a></div>
<br />
資料のリンクはこちら↓<br />
<a href="https://docs.google.com/presentation/d/1uviIh1iu1JNMJ2PAn8rkLyshKVBvu9_VkGkAzRrlnAQ/edit?usp=sharing">https://docs.google.com/presentation/d/1uviIh1iu1JNMJ2PAn8rkLyshKVBvu9_VkGkAzRrlnAQ/edit?usp=sharing</a><br />
<br />
お父さんと話した際に、素直に疑問に思ったことを自分の言葉で話すとこんな感じ!という発表でした。(今回初心者向けの発表がなかったら初心者の方を置いてけぼりにしてしまうところだったのでとてもわかり易くて助かりました😂)<br />
<br />
最後はこの勉強会前に孫泰蔵さんとトークンエコノミーについて話し合ったそうで、その話をしてもらってました。僕も興味があったので突っ込んで聞いてしまいましたがまだ明確な答えが無く、これからのパラダイムになり得る良い話だったんだなぁと思ってます。<br />
<br />
<br />
発表その3「Ripple で学ぶ DEX の世界」<br />
<br />
3番手はワタクシ紫竹が発表させて頂きました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5mCrvTM79g4s73c1l0MRZmEg4KwvUzlvrlrEvnhxkNdMtG2WvlWLSKgofO0CmU93iSBap7ATbDLm6d1qq3538WQea5odqg_Sodn4q6rSvLBanV42udiKLGfOdY0l-UeN3elOllanQew4/s1600/8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5mCrvTM79g4s73c1l0MRZmEg4KwvUzlvrlrEvnhxkNdMtG2WvlWLSKgofO0CmU93iSBap7ATbDLm6d1qq3538WQea5odqg_Sodn4q6rSvLBanV42udiKLGfOdY0l-UeN3elOllanQew4/s640/8.JPG" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFHiRSAHhygnSaLYsLkfp3CknsZ-nqHPAMknUs528Wo_5OFFgqjl8Jl3OVtCFeK28dMbz3i4yG0Uvz-FJ6rB1m5l6fiN4xZDMcrxr6LcKL286jQ5ShcfzJe3vEcTHbrBUKbK_cWfibqgU/s1600/9.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFHiRSAHhygnSaLYsLkfp3CknsZ-nqHPAMknUs528Wo_5OFFgqjl8Jl3OVtCFeK28dMbz3i4yG0Uvz-FJ6rB1m5l6fiN4xZDMcrxr6LcKL286jQ5ShcfzJe3vEcTHbrBUKbK_cWfibqgU/s640/9.JPG" width="640" /></a></div>
<br />
資料はコチラ↓<br />
<script async="" class="speakerdeck-embed" data-id="6ff67ca412e242b89b5192adb14f39de" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script><br />
<br />
今回は Ripple Network 上での DEX (Decentralized Exchange: 非中央集権取引所) 取引の仕組みについて、 Mr. Exchange の仕組みを使って説明させてもらいました。<br />
<br />
昨今イケダハヤト氏などもとても熱心に触っている DEX ですが、仕組み自体は Ripple も DEX です。最近あんまり紹介されてないのと、Ripple 自体があまりそのような話し方をしないので認知が薄いみたいです。<br />
<br />
この資料は現在弊社の研修資料にもなっていて、これが分かれば Mr. Exchange の業務をこなすことが出来るようになりますw<br />
Mr. Exchange が Ripple のゲートウェイとしてどのような業務を行っているかが紹介されているので是非観て下さい。<br />
<br />
またちょっとした Ripple Network と Mr. Exchange の裏技も記載しています。簡単に言うと、 Ripple DEX 上にある全ての通貨は Mr. Exchange を使えば(使わなくても)どんなペアでも取引出来てしまうんです。Mr. の BTC と Bit Stamp さんの BTC とのペアなんかも作れてしまいます。<span style="font-size: x-small;">ということは、あとは分かるな…?w</span><br />
<br />
<br />
<br />
<h3>
LT その1「子供向け NEM ワークショップの取り組み」</h3>
LT の1番手には福岡で子供向けプログラミング教室等を行っている、古林氏による NEM に関するお話をしていただきました。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5KBvolukvJtduZIw33kZA6Qg_aeRj4mLnU1neJYCnnBCMJV3VvKvakgxLxnN-C0oi1gOmduOgklLvKEmU10HvpWgX4P7fIkY_KJJlJsA9W5SzBGQwQ_fKbDHWvl_UgZiEQxnqY18Zbhg/s1600/10.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5KBvolukvJtduZIw33kZA6Qg_aeRj4mLnU1neJYCnnBCMJV3VvKvakgxLxnN-C0oi1gOmduOgklLvKEmU10HvpWgX4P7fIkY_KJJlJsA9W5SzBGQwQ_fKbDHWvl_UgZiEQxnqY18Zbhg/s640/10.JPG" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwSWpVTg6Z7wl0YhJKTDq0pUJ_FqxAkzmBxNY8QV3RqEYiJbrxtsulIp4ZvZujpmHynMDgfbnZ1pgZCTigzd-dvMnUKL8HCvfKv9ytefqCYpj3lM_1Gav4PDxrroUm1KwMM39h1EvJvQ0/s1600/11.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwSWpVTg6Z7wl0YhJKTDq0pUJ_FqxAkzmBxNY8QV3RqEYiJbrxtsulIp4ZvZujpmHynMDgfbnZ1pgZCTigzd-dvMnUKL8HCvfKv9ytefqCYpj3lM_1Gav4PDxrroUm1KwMM39h1EvJvQ0/s640/11.JPG" width="640" /></a></div>
<br />
PoS ならではの使ってなんぼな NEM コミュニティとそれにまつわるサービス紹介や自身のやっている子供に NEM を使ってもらうという仮想通貨ネイティブが生まれてきそうなイベントについてお話して頂きました。<br />
<br />
今回のイベントのコーディネートもしていただいたり、以前福岡天神のリバ邸・ゼニハウスで勉強会を1,2回目で順番に同じ場所で登壇させて貰ったり、同じ日の福岡の朝の情報番組「アサデス。」に登場したりと、福岡での仮想通貨コミュニティで一緒に活躍させてもらってるステキなイケメンです☆<br />
<br />
↓当日の資料からはいくつか抜かれていますが、こちらが彼の資料になります<br />
<a href="https://docs.google.com/presentation/d/14waQ06w_OP-bAh_oHXO7nif7xNyRNn475O4rEfPzCZA/edit?usp=sharing">https://docs.google.com/presentation/d/14waQ06w_OP-bAh_oHXO7nif7xNyRNn475O4rEfPzCZA/edit?usp=sharing</a><br />
<br />
<br />
<h3>
LT その2「ビットコインに対する所有権は認められるのか」</h3>
<br />
次は法学部エンジニアのおとなりくん(@yuki_otonari)です。タイトルからガチ感が出てるんですが、法学部としてビットコインを所有するって何?という話をしてくれてますw<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUxpSvH_-h8bbUyDf2w1vs-PMO5sVZYHHqOKfhTLuYAfbBgNK2ANVqRJYiQ7_AP5OjT5mfNsuNR7W1mu2ZmiFApPDirrTUP2QomjUEFNyD5btz_OR9ImDC5U82dzHoK_wHzquhIxuDCqc/s1600/12.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUxpSvH_-h8bbUyDf2w1vs-PMO5sVZYHHqOKfhTLuYAfbBgNK2ANVqRJYiQ7_AP5OjT5mfNsuNR7W1mu2ZmiFApPDirrTUP2QomjUEFNyD5btz_OR9ImDC5U82dzHoK_wHzquhIxuDCqc/s640/12.JPG" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHLw-4GhLCxNbdkh1uYt3dgHOS2nbIy_mPYCJT-JkmGH0ux6_iEvzcJ_mwpl9PAuhnQRwktJq3QCNUGZJrghXgN9pV_fq3llxfx44ZScUdMAofrF_P_Bg9EcTdO_FRnyNJtFBWnj8T8E8/s1600/13.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHLw-4GhLCxNbdkh1uYt3dgHOS2nbIy_mPYCJT-JkmGH0ux6_iEvzcJ_mwpl9PAuhnQRwktJq3QCNUGZJrghXgN9pV_fq3llxfx44ZScUdMAofrF_P_Bg9EcTdO_FRnyNJtFBWnj8T8E8/s640/13.JPG" width="640" /></a></div>
<br />
<br />
発表内容はコチラです↓ ほうりつってむつかしいですね!<br />
<script async="" class="speakerdeck-embed" data-id="59692ba7fe514d039b48c3d94999c65c" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script><br />
<br />
<br />
<h3>
LT その3「Blockchain x Startup」</h3>
<br />
最後は弊社インターンのさえちゃん(@nami_chan_man)です。前のおとなりくんと同じく僕が無茶ぶりして発表お願いしたのですが、ブロックチェーンスタートアップについてよく調べてきてくれてました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvj7zsMZYS4OvrX0EreTiS6E7QcQU0rSqxAZLc54Tkf_MwAuSn8X5RIyoEi1kdbeQLi7Wp_PptNGYIuW4_BMNlIAgQrvghJ3sHsrDi3Yb5aaW4Ivc9IJtQIpdPYJcJlGJp3wak9ZY_zo/s1600/14.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvj7zsMZYS4OvrX0EreTiS6E7QcQU0rSqxAZLc54Tkf_MwAuSn8X5RIyoEi1kdbeQLi7Wp_PptNGYIuW4_BMNlIAgQrvghJ3sHsrDi3Yb5aaW4Ivc9IJtQIpdPYJcJlGJp3wak9ZY_zo/s640/14.JPG" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0lJsTr2RwN7ZPJ7XHv2TTbKdeo8QcvzOZ5b26VXQHnYUZGJjrh7MdhyphenhyphenkfQyTp4rEgKTzT9XYYlcdK1jwyhd0P1HxIGe47eoUdv3MpUHt0HofPAZSp2wL4g7SYnOSwIFidrEPr0qv848A/s1600/15.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0lJsTr2RwN7ZPJ7XHv2TTbKdeo8QcvzOZ5b26VXQHnYUZGJjrh7MdhyphenhyphenkfQyTp4rEgKTzT9XYYlcdK1jwyhd0P1HxIGe47eoUdv3MpUHt0HofPAZSp2wL4g7SYnOSwIFidrEPr0qv848A/s640/15.JPG" width="640" /></a></div>
<br />
<br />
資料はコチラ↓<br />
<script async="" class="speakerdeck-embed" data-id="68556f3bfd3e46eea75f04f176080280" data-ratio="1.77777777777778" src="//speakerdeck.com/assets/embed.js"></script><br />
<br />
VALUやGoodLuck3さんのICO、ウォレットのGincoなどを取り上げてましたね。<br />
これからどんどん増えていくでしょうし、僕もなんか作ってみたくなってきました!ブレストしましょ〜!!<br />
<br />
<br />
<h2>
まとめ</h2>
<br />
以上が第1回となった Mr. Exchange Creators MeetUp のレポートでした。<br />
二次会もやったのですが、皆さんブロックチェーンの技術にとても興味津々で、仮想通貨・ブロックチェーンの話だけで酒が飲めるというステキな場となりました。<br />
<br />
また、福岡のコミュニティはとてもクリプト領域に興味津々で、技術系のイベントをガンガンやっていきたいという話ばかり頂きました。今回参加していただいた方たちを中心にこれから福岡発信のブロックチェーン技術イベントをたくさんやっていきたいと思いますので、何かやりたい方がいらっしゃいましたら紫竹の Twitter (@79yuuki) か Facebook に気軽にご連絡下さい!!!<br />
<br />
<br />紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-46915980061916165362018-01-01T05:21:00.000+09:002018-07-19T19:10:24.944+09:00仮想通貨元年の79の振り返りと今年の話<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrAzRivpgTsVT8vYmPKSensJ4LnDUk7HTXJsVSjAx9zBfFqq6yE6X8Jn_9dooUK0ggys1vAqqpUk6laDfXrUmY1EK9nDlgnO_RJQkWOIdrK861Sx1kIM9X7LtHSyUmMHhB4Hl-9rW6c8E/s1600/25012763_180531816020147_7868340830270914560_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="640" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrAzRivpgTsVT8vYmPKSensJ4LnDUk7HTXJsVSjAx9zBfFqq6yE6X8Jn_9dooUK0ggys1vAqqpUk6laDfXrUmY1EK9nDlgnO_RJQkWOIdrK861Sx1kIM9X7LtHSyUmMHhB4Hl-9rW6c8E/s640/25012763_180531816020147_7868340830270914560_n.jpg" width="640" /></a></div>
<div>
<br /></div>
<div>
あけましておめでとうございます!</div>
<div>
<br /></div>
<div>
毎年書いてる1年の振り返りブログを朝生を見ながら今年も書いてみました。
</div>
<div>
<a href="http://purple-bamboo.blogspot.jp/2017/01/20162017.html" target="_blank">去年も振り返りブログ書いていて</a>、その時の Bitcoin の価格は12万円を超えたくらい。
</div>
<div>
記事中で仮想通貨元年って言った後、ガンガン価値が高まって今は160万円超えてますね^^
</div>
<div>
<br /></div>
<h2>
2017年の振り返り</h2>
<div>
さて、2017年は人生の中で1番変化の大きい年になりました。今年はサクッと振り返って見ましょ〜
</div>
<div>
<br /></div>
<h3>
1年頑張った AMESTAGE が解散〜FRESH! で Swift エンジニアに転向〜サイバーエージェント退職</h3>
<div>
<div>
去年の振り返りブログでサイバーエージェントで1年1番心を込めて作ったと言っていたサービスが潰れました。AMESTAGE 解散の流れでFRESH! の Swift エンジニアに技術の幅を増やすために転向しました。その後色んなチャンスが巡ってきたので、色々考えた上で、お世話になった上司に「やりたいことが出来ました」と突然言ってポジティブに辞めることにしました。</div>
<div>
<br /></div>
<div>
・一般ユーザーに感覚が近い人が考えるサービスは皆が使うサービスになり得る。</div>
<div>
・社内にシリコンバレー的な風土があり、失敗を歓迎する文化がある。</div>
<div>
・インターネットサービスでの爆発的な成長で会社の規模を爆発的に成長させる戦略がある。</div>
<div>
<br /></div>
<div>
僕のサイバーエージェントに2010年新卒入社したときの志望動機は7年以上働いて辞めたときも変わっていなくて、文化も人も良くて、定年までずっと働ける会社だったんじゃないかと思っています。今自分で会社をやっていてとても実感しています。本当にすごい。</div>
</div>
<div>
<br /></div>
<h3>
福岡に移住して Mr. Exchange 立ち上げ</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTlQoqqxHwAsoBHAoFvfyO9YSXhdFthP5LQ5poQL4Ps-3P51nwjUA2go2-y-iLYTLSgB8ek8vXzqfLQiaRlbHUtHB_wu2SBxQ_XOhLPvEZWI9lNeTcNV-mPsEg3vF3n8rmIN9rF_MeoPY/s1600/sns-ogp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="630" data-original-width="1200" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTlQoqqxHwAsoBHAoFvfyO9YSXhdFthP5LQ5poQL4Ps-3P51nwjUA2go2-y-iLYTLSgB8ek8vXzqfLQiaRlbHUtHB_wu2SBxQ_XOhLPvEZWI9lNeTcNV-mPsEg3vF3n8rmIN9rF_MeoPY/s640/sns-ogp.jpg" width="640" /></a></div>
<div>
<br /></div>
<div>
新潟から大学入学と共にやって来て、そのまま社会人になって14年過ごした東京を離れました。
</div>
<div>
14年で色んな人と知り合いました。大切な友達や先輩後輩、先生や上司。今の自分を形成する様々なつながりがあります。物理的な距離は離れましたが、今でも密に連絡をとる人もいるし、ズッ友だよ!という気持ちでいっぱいです。もっと皆遊びに来てね!
</div>
<div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTeX2rKLsBCxs0X3_DzD6aNXCfBby46UOnOLia1FtKPs_X7WxVe21TSRqhLM7ytm4ivv8Ky_1PBT04xxibchjoyLDQxtsKo1EmBssyKTEU4xMOaRM0UMjZhEFGSKfkg8H0_DfWu9e5CR4/s1600/19955165_1283221941789113_97413109563523072_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="479" data-original-width="640" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTeX2rKLsBCxs0X3_DzD6aNXCfBby46UOnOLia1FtKPs_X7WxVe21TSRqhLM7ytm4ivv8Ky_1PBT04xxibchjoyLDQxtsKo1EmBssyKTEU4xMOaRM0UMjZhEFGSKfkg8H0_DfWu9e5CR4/s640/19955165_1283221941789113_97413109563523072_n.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
自分で開いた追い出しパーティ 79PARTY の様子</div>
</div>
<div>
<br /></div>
<div>
移住してからは毎日が一瞬で過ぎ去っていきます。入ってからすぐ進行途中のサービス立ち上げに向けて舵取りを始め、社名が株式会社ミスターエクスチェンジになり、本格的に会社経営をやることになりました。
</div>
<div>
<br /></div>
<div>
本当に福岡に来てからいろんなことが起きすぎて今回の記事でまとめるのは諦めました。。福岡はいいところだし、色んなイベントに呼んでもらって登壇させて貰ったり、スタートアップ界隈の方からも良くしていただいたり、仲の良い会社のメンバーに恵まれて毎日が本当に楽しい。。気づいたら2017年が終わっていました。。
</div>
<div>
<br /></div>
<div>
<br /></div>
<h2>
Mr. Exchange の CTO として思っていること</h2>
<div>
仮想通貨( ブロックチェーン )は何度も言ってますが「インターネットがもう一回来た」レベルの大きなパラダイムです。僕がBitcoinを買い始めた2013年から比べたら恐ろしいほど世の中に認知されるようになり、未だに批判的な意見もあったりいろんな議論が起こっていてとても注目度の高い存在になりました。
</div>
<div>
<br /></div>
<div>
そんな仮想通貨の取引所を運営することになり、Twitter などでの叱咤激励や、金融業ということで責任が大きい事業をやっている自覚が芽生えました。ただまぁ人間ですので、そこの人間らしさは保ちつつ、お客様の満足できるサービスを創っていこうと思います。
</div>
<div>
<br /></div>
<div>
ただ足元がとても悪く現状は本当に酷いと思っていて、サービスの分かりづらさやシステムの不安定さ等、満足して使ってもらえるサービスでは決して無いです。
</div>
<div>
まずはコレを当たり前にしていきたいと思っていますし、誰よりも自分でMr. Exchangeを触っているので自分にムカついてるし、他にやらなきゃならんこともあったり、やろうとしている構想を早く実現したいと思って焦ったり、走っても走ってもタスクが増え続ける憂鬱かつ、ベンチャーとしてワクワクする状況であったりします。楽しい!!!フゥーッ!!!</div>
<div>
<br /></div>
<h3>
これからやろうとしていること</h3>
<div>
今度ブログに書きますが、先日 Mr. に革命的な機能が導入されました。実は業体としては全然変わっていなくて、もともと出来た機能の超強化版です。これは仮想通貨のあるべき姿を体現するための第一歩でもあります。
</div>
<div>
<br /></div>
<div>
やりたいことをやりきることで、仮想通貨取引所としても新しいカタチを実現できると信じています。
</div>
<div>
これによりユーザーの皆様に対して、もっと自由な取引がかんたんに提供出来るようになります。自由な取引の破壊力は既存の金融を大きく変革するはずです。僕はその金融が大きく変わる瞬間が見たい。インターネットの再来として、インターネットで起きた変革のうちの1つ、WinMX や Winny 等による音楽業界の変革に似た、新たな変革を。今年はこれをどこまで進められるかがカギになります。</div>
<div>
<br /></div>
<h2>
去年の目標と今年の目標</h2>
<div>
去年はこんな事言ってましたね〜
</div>
<div>
<br /></div>
<div>
<span style="font-family: "helvetica neue";">・もっと情報発信をする。 </span></div>
<div>
<span style="font-family: "helvetica neue";">・去年学んだことの深掘り。</span></div>
<div>
<span style="font-family: "helvetica neue";">・ 続、大人らしく。 </span></div>
<div>
<span style="font-family: "helvetica neue";">・サクセス。</span></div>
<div>
<br /></div>
<div>
情報発信という意味では、ブログはあまり書けてませんが福岡に来てから色んなところでお話しする機会を頂いていて自分の考えを発信させてもらいました。<a href="http://careerhack.en-japan.com/report/detail/880" target="_blank">インタビューなんかもしていただいて</a>、「福岡に仮想通貨の取引所があるんだ」というちょっとしたインパクトを与える事が出来ました。今後は会社の顔としてもガンガン情報発信していきますのでよろしくお願い致します!
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJEsLUHGDpyy3T3oru_ms0o1FkeOMBT1ZBgZj9btx_LQ54zNJmp70bVlyJCK2zXqEnbbVlzY82Yf3Y5ZLympnpGK7LpBkc-dnhYVVAwgBvdtd9jWDgEWs3PGfMP1wVHHHp06-Z12gYviI/s1600/DJ4Y8FbVYAAN0dw.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1200" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJEsLUHGDpyy3T3oru_ms0o1FkeOMBT1ZBgZj9btx_LQ54zNJmp70bVlyJCK2zXqEnbbVlzY82Yf3Y5ZLympnpGK7LpBkc-dnhYVVAwgBvdtd9jWDgEWs3PGfMP1wVHHHp06-Z12gYviI/s640/DJ4Y8FbVYAAN0dw.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
福岡のイベントに登壇させてもらった時の写真</div>
<div>
<br /></div>
<div>
去年学んだことの深掘りは状況が変わったので技術的にはちょっと出来てないんですが、英語については少し頑張れている気がします。開発は英語を公用語として進めているため、開発の指示やバグ報告等は全て英語で進めています。まだ聴き取りや思った事をスラスラ話せてないですが、悲しいけどこの環境なら外国人の彼女が居なくても英語が出来るようになる気がしてます。引き続き頑張ります。
</div>
<div>
<br /></div>
<div>
大人らしさは元が酷かった分、かなり良くなったはずだったのが今の状況によりまだまだ足りないと感じました…。引き続き精進します。
</div>
<div>
<br /></div>
<div>
去年はサクセス出来ませんでした。これは完全に未達。しかし今年は絶好のチャンスです。今年こそ狙います。
</div>
<div>
<br /></div>
<div>
<br /></div>
<h3>
と言うわけで今年の目標</h3>
<div>
・情報発信ファースト
</div>
<div>
・英語をツールの一部にする
</div>
<div>
・きちんと技術に触れて武器を増やす</div>
<div>
<br /></div>
<div>
情報発信をする事で色んな状況が変わるのをここ数年で感じました。自分の頭の中で考えてる事や企てなんかは積極的に発信して行こうと思います。
</div>
<div>
<br /></div>
<div>
英語を仕事をする為のツールとしてもっと使えるようにしたい。今の上手く会話できてない状況が非常にダサい。頑張る。
</div>
<div>
<br /></div>
<div>
あと、この前行ったIVSのCTO NightでグノシーCTOの話がとても刺さっていて、技術ポートフォリオを増やしたり、経営における技術的な決定のセンスを高める上でももっと具体的なコードに触れるべきだと感じました。何となくザックリ知るだけより、ちゃんと触ったらそうでも無かったみたいな肌感を持つのも大事だと思います。仕事の合間を見つけて色々触って行きます。
</div>
<div>
<br /></div>
<div>
<br /></div>
<h2>
まとめ</h2>
<div>
「憂鬱じゃなければ仕事じゃない」って言葉が身に染みる毎日ですが、これを耐え抜いた先の世界が見てみたい。
</div>
<!--?xml version="1.0" encoding="UTF-8"?-->
<br />
<div>
とは言え福岡に来てからも楽しい毎日を過ごさせて貰ってるし、ステキな仲間に恵まれているので今年もガンガンいきます!!たーのしー!!! </div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-71713158018799456932017-09-17T17:34:00.002+09:002017-09-17T18:08:23.179+09:00Mr. Exchange をリリースするためにセブに行って、帰った直後に福岡の学生向けイベントに登壇した話福岡に来て正式に会社を登記し直して CTO になって1ヶ月と半月くらい?まだ会社としてエンジニアブログが書けるような状況じゃないので個人ブログにしたためます。<br />
<br />
<h2>
やっとリリースしました!</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudN3Up5SCpE_oqtDV3NgRMvSTxYsdWA4iJJXf3sVai6hX48Eascql0rSR6z82AfEbNMIhenRYuXFgCYVwZpejLQMqOcdNnxm3rIkf8bQld2kNGy9hGGCYEkreyM-bykbGz4gHuu-fhmk/s1600/sns-ogp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="630" data-original-width="1200" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudN3Up5SCpE_oqtDV3NgRMvSTxYsdWA4iJJXf3sVai6hX48Eascql0rSR6z82AfEbNMIhenRYuXFgCYVwZpejLQMqOcdNnxm3rIkf8bQld2kNGy9hGGCYEkreyM-bykbGz4gHuu-fhmk/s640/sns-ogp.jpg" width="640" /></a></div>
<br />
<a href="http://mr.exchange/" target="_blank">仮想通貨取引所 Mr. Exchange</a> をリリースしました。弊社の開発はセブ島でもオフショア開発的に行っていて、フィリピン人達と福岡のオフィスとで並行してやってます。フィリピンは公用語が英語だし、英語の情報をキャッチアップするのが得意なので暗号通貨にも明るいしやりやすくて素晴らしいです。<br />
<br />
しかし今回はフィリピンの平和な雰囲気に緊張感を持ち込むために、リリース前に現地に乗り込みほとんど寝ずに一緒に作業しながら頑張ってきました。海外に行ったのに現地のビールを飲むくらいしかできなくて、次回行ったらもうちょっと遊びたいデス。。<br />
<br />
あとリリースが1日遅れてしまってすみませんでした。本番サーバーがうまく動かず、2徹からの3徹目突入で全然対応準備できてなかったです。今後は気をつけます!<br />
<br />
Mr. Exchange の特徴については今後どんどん発信していこうと計画してるのでお楽しみに!<br />
<br />
<br />
<h2>
リリース日に帰ってきて福岡で登竜雨門 ( とうりゅうもん ) というイベントで話して来ました</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-tkcbaA3QLnifR5i5s-eCUafN36ApXjNTqa78TfD9j0N892JgcSrvQLBGfRnS9FsV5KEFxyWU3dz2Zl8kiMH-0c4wOj9rwQWMx2FkQRBFeOwC6ilxlGgP6BDWqCtOfs6rVYOgCXj4dgY/s1600/Screen+Shot+2017-09-17+at+16.13.44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1061" data-original-width="1600" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-tkcbaA3QLnifR5i5s-eCUafN36ApXjNTqa78TfD9j0N892JgcSrvQLBGfRnS9FsV5KEFxyWU3dz2Zl8kiMH-0c4wOj9rwQWMx2FkQRBFeOwC6ilxlGgP6BDWqCtOfs6rVYOgCXj4dgY/s640/Screen+Shot+2017-09-17+at+16.13.44.png" width="640" /></a></div>
<br />
<a href="http://www.toryumon2.f-ventures.vc/">http://www.toryumon2.f-ventures.vc/</a><br />
<br />
福岡で学生向けにベンチャー企業のイベントをやるとのことでお声がけいただいて、そうそうたるメンバーの中でセッションに参加させていただきました。僕の他には友人の落合陽一や福岡出身の家入さんなども出てました。<br />
<br />
僕のセッションは<br />
<blockquote class="tr_bq">
福岡スタートアップセッション<br />
~福岡から世界を目指すスタートアップ~<br />
池田将氏 中村俊介氏 井上和久氏 紫竹 佑騎氏</blockquote>
というもので、ちょうどセブから帰ってきて直行したので良いネタになったのではないかと思います。(しかもリリースした直後の登壇だったのでバリバリのスタートアップ感も出ていたのではないでしょうかw)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBv0IXQsYi8ifkQ6OlmZxOm0fYUDlfGnEZhjbWy7dkiddyMy7Of0V-lfZmoHahJsZCVowOUFkrCS-TeAm1ERIAjZkcpwa6yZdekbAKUs7ddbNazuaYBmapeHQAnYZuw9XAfnSPd9VVLqk/s1600/DJ4Y8FbVYAAN0dw.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1200" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBv0IXQsYi8ifkQ6OlmZxOm0fYUDlfGnEZhjbWy7dkiddyMy7Of0V-lfZmoHahJsZCVowOUFkrCS-TeAm1ERIAjZkcpwa6yZdekbAKUs7ddbNazuaYBmapeHQAnYZuw9XAfnSPd9VVLqk/s640/DJ4Y8FbVYAAN0dw.jpg" width="640" /></a></div>
<div style="text-align: center;">
登壇中の変な格好の私(右)</div>
<br />
学生さん向けだったのですが、まだリリースしたばかりでそんなに大層なことをやってのけたわけでもなく、ただ僕がやってるやりたいことをガンガン一方的に話しただけですが何かのキッカケづくりになってもらえれば嬉しいです。<br />
<br />
質問があったので答えた時、自分の中で色々思ってたことを話す機会があってあとでツイッターに書いたのですが、<br />
<br />
<blockquote class="twitter-tweet" data-lang="en">
<div dir="ltr" lang="ja">
今日のイベントでも話したけど、僕は Mr. Ripple というプロダクトを潰すために CTO として来ました。目指してる事と中の人は素晴らしいのに、プロダクトが胡散臭すぎる。過去の遺産が呪い級に足引っ張ってるけど、これからのMr. Xを見てもらって見直して貰うのが我々の仕事です</div>
— Mr. Shichiku 🎩 (@79yuuki) <a href="https://twitter.com/79yuuki/status/908942323584610305">September 16, 2017</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<br />
こんな感じでこの日 Mr. Ripple の人でしょって言われたのでちょっと否定しましたw 僕はあんまり Mr. Ripple の事が好きじゃありません。ただ、中の人がやろうとしてることは一番素晴らしいと思ったし、暗号通貨のことをとても良く知っていて、ビジョンも戦略もめちゃくちゃしっかりしてるんです。ただ皆さん御存知の通りのアレです。僕だってプロダクト自体は嫌いですw<br />
<br />
しかしそれでも新卒で入って7年以上いたサイバーエージェントを辞めて、東京から福岡に引っ越してまで変える価値があると思ったのでぶっ潰しに来ました。今回のリリースでそれが叶ったのでちょっと嬉しいです。そして彼らが目指していたビジョンや戦略を実現する剣となるのがこれからの僕の役目だと思っております。<br />
<br />
<span style="font-size: x-small;">( リリースして安心してるっぽいみたいになってますがもちろん引き続きバグ対応も頑張ります!Twitterとかエゴサして見てるので、どこでどうやってどの端末・ブラウザ・OSで起こったか書いてくれると直しやすいです😄 )</span><br />
<br />
<br />
<h3>
これからの運営について</h3>
また、今までの情報発信の仕方もまずいなと思っていました。広報やカスタマーサポートの方法についてもどんどんテコ入れしていくので応援よろしくお願いいたします。(メール対応、グループウェア側の不具合でちょっと遅れていて申し訳ないです。)<br />
<br />
今回はイベントに登壇して Mr. Exchange のビジョンについても改めて話させて貰ったり、僕にとっても色々整理できて有意義なイベントでした。こうやって前に出てお話する機会もミートアップイベント等を開いてどんどん増やして行ければなと思っています。<br />
<br />
とりあえず自分が寝れるように早くまともにしたいので頑張ります。今後共よろしくお願いいたします!紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-5195564027336178822017-07-09T04:37:00.003+09:002017-07-09T05:06:51.167+09:00サイバーエージェントを辞めて仮想通貨取引所CTOになる物語個人的に「あの時こんなこと思ってたなぁ〜」とか良くこのブログで読み返したりして初心を思い出すみたいな事するのでチラ裏ですが、よくみんなにも辞めた経緯を聞かれるので退職エントリってやつを書きます。<br />
<br />
<span style="font-size: x-small;">※書いてたらめちゃくちゃ長文になったのでのんびりした時にでも読んで下さいw</span><br />
<br />
<h3>
サイバーエージェントと79</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigaUcEWMQ_BP7uzh7H8ONUpcWsoFXHNGbGJ3pDSS3PSgQp5Mlvq5ntt2v1EG3kmbHEkkrx9JrHyFe0Th8yjlyKiIe217QQXEC1CTZ6j862THrs6Pj92lt07PJxTltHwg6Z-wA873jce1o/s1600/o0800045010157484490.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="800" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigaUcEWMQ_BP7uzh7H8ONUpcWsoFXHNGbGJ3pDSS3PSgQp5Mlvq5ntt2v1EG3kmbHEkkrx9JrHyFe0Th8yjlyKiIe217QQXEC1CTZ6j862THrs6Pj92lt07PJxTltHwg6Z-wA873jce1o/s640/o0800045010157484490.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
2009年の社長と内定者時代の79</div>
<br />
2010年の新卒で入社して、当時はリーマンショック時に就活だったので、100人弱居た同期の中でも専門職のエンジニアとデザイナーは8人しか居ませんでした。おかげで大事に大事に育てて貰えて、後に100人とか専門職採用する年があったりしたのにとてもいい時期に入れたと思いました。<br />
<br />
会社に入ってからはエンジニアとして100%の時間を使ってコードを書く事でお金が稼げる喜びから、土日も休まず何度も徹夜したり仕事が好きで好きで仕方ないみたいな子でした。<br />
<br />
7年と3ヶ月勤めた訳ですが、大体16くらいのプロジェクトを立ち上げたり運用したりしました。<br />
<br />
中にはエンジニアとしてではなく、社長直属でプロジェクトマネージャーを1人で始めてソーシャルゲームを作るという経験もさせてもらえました。最終的には芸能人ブログやAndroidアプリマーケット、沢山のソーシャルゲームタイトルの立ち上げ、動画メディア等などを、webサーバーからフロント、iOSアプリの実装までやらせてもらえて技術的にも事業的にも沢山の経験をさせていただきました。<br />
<br />
仕事でも遊びでも、サイバーエージェントは社員同士がとても仲の良い会社です。7年以上社内の色んな人と仕事させてもらったり、遊んで貰ったりしたおかげで退職の挨拶回りが全然間に合いませんでした。。<br />
<br />
とにかく会社の人と文化が好きすぎて、最後の最後まで辞めるのが辛かったです。社長をはじめ、すべてのサイバーエージェント社員のみんなが大好きです。<br />
<br />
<h3>
なんで辞めたのか</h3>
そんな大好きな会社だったのですが、もっとやりたい事が見つかったからというのが理由です。<br />
それは「仮想通貨の取引所でCTOとしてビジネスをやりたい」という大きなチャンスを貰えたからでした。<br />
<br />
長くなりそうですが、チラシの裏なので順を追って話させて下さい。。。<br />
<br />
<h4>
ビットコインの伝道師</h4>
サイバーエージェントでエンジニアをしている時に、沢山の素敵な上司と出会いましたが、その中でも特殊だったのがイギリス人のジョナサンでした。<br />
<br />
彼はビットコインという怪しい暗黒通貨を2013年頃に勧めて来て、「これは未来のお金デス!」とか宗教ぽいことを言って胡散臭さが半端なかったのですが、僕はそれがめちゃくちゃ面白そうに思えて当時数千円だったビットコインに余剰金を突っ込んでみました。<br />
<br />
すると第1次バブルが到来します。Mt.Gox という取引所に預けた僕のビットコインは2倍3倍…更には10倍を超えてチャートを見る度ジョナサンと「TO THE MOON!!!!!」 とかはしゃいでいました。<br />
その後は御存知の通り、Mt.Gox が消滅し、僕の預けていたビットコインは引き出せないまま当時のレートで数百万円くらいまで増えたビットコインが一緒に消滅しました。<br />
<br />
後にこの事件はGoxと呼ばれるスラングになったわけですが、この時にMt.Goxのバーチャルオフィス(住所だけ借りてるような架空のオフィス)みたいなところにジョナサンとカチコミに行きましたw<br />
住所のビルの出口で Mt.Gox の社長を待ち構えていると、テレビ東京のWBSとロイター通信の記者が来て取材を受け、当日のWBSに僕とジョナサンが出てしまったのですw<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-uCNK6LP1KMjcl9Z50wkL_dTEtRg0nhfyXSE6l9tBeaDhRXJBfXKEEYRT8mft4YeQ4TCEzKjE5rbIU2ZMX-DZDY-l4aL44-P16OKH6L6LbRAB2YUH6gtd-Mvy2zxfaV-N-x2Ph005708/s1600/IMG_8848.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="480" data-original-width="640" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-uCNK6LP1KMjcl9Z50wkL_dTEtRg0nhfyXSE6l9tBeaDhRXJBfXKEEYRT8mft4YeQ4TCEzKjE5rbIU2ZMX-DZDY-l4aL44-P16OKH6L6LbRAB2YUH6gtd-Mvy2zxfaV-N-x2Ph005708/s640/IMG_8848.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Gox 直後の WBS 取材を受ける79とジョナサン</div>
<br />
この時「ビットコインっておもしろwww」という意識が更に強くなりました。潰れた後も情報を追ったり、更に興味が湧いて、今日まで細々と情報を収集していたのです。<br />
<br />
後にしばらく一緒に働いていたジョナサンが会社を辞め、ビットコイン系のベンチャーを立ち上げて会社を辞めてしまいました。<br />
その時ジョナサンが言ったのは「この会社は素晴らしいけど、ビットコインの仕事は今しかできない。」というセリフでした。その時確か2014年くらい?<br />
<br />
確かにビットコインの波が来ている。Goxが起こったとかバブルは崩壊したとかどうでも良くて、ジョナサンはそれを選んだ。最高にカッコよかったのを覚えています。<br />
<br />
<h4>
アニクラでの出会い</h4>
僕は凄くアニメが好きで、毎クール毎クール沢山のアニメを見れるだけ見てるようなちょっとしたアニヲタです。<br />
そのアニヲタが転じたのと、アントニオという大好きなアニヲタの後輩が会社にいて一緒にアニソンが流れるクラブイベント、通称アニクラに沢山行くようになります。<br />
<br />
お陰でコスプレを始めてみたり、やってみたかったDJを始めてみたり、沢山の友達が出来たのですが、その中にまた変な友達が居ました。<br />
彼はビットコイン系の仕事をしてるという事だったので、「僕もGoxされたんだよワロスwww」みたいな会話をしていたら意気投合し、後に彼の紹介で今の会社メンバーを紹介してもらったのです。<br />
<br />
仕事を見せてもらったり、一緒に遊びに行ったりしてるうちに、「一緒にやらないか」という話をしてもらえました。<br />
しかしこの時はサイバーエージェントの仕事の中でも僕が一番心を込めたサービス「AMESTAGE」を打診されたタイミングと重なってしまい、断念します。<br />
<br />
<h4>
AMESTAGE と新しい自分のやりたい事</h4>
仕事の誘いを断っただけでなく、僕がやりたいと思っていた最高の案件だったのでAMESTAGEでは技術的な貢献はもちろん、ビジネス的にも頑張っていました。<br />
どうやったらユーザーがこのサービスを使ってくれるのか、特殊なユーザーの気持ちを理解する為に何が必要で、どういう時に最高の体験ができるか。<br />
それを機能やデザインに落とし込むとこうなるよなーとか、こういう「ビジネスとヒトとモノづくりの中間点を何とかする」という仕事が最高に楽しかったのです。<br />
<br />
しかし、AMESTAGEも後にクローズが決定してしまいました。ユーザーの気持ちをしっかり捉えられていて、調子も良くなっていた段階だったのでとても残念でした。<br />
<br />
この後、社内でも次の仕事を選ぶ事になります。書いてしまうとこの時やはり転職活動をしてみました。<br />
(転職活動は自分が何をやりたいのか見つめ直すのにとても効果的で、やった後に転職を実際にしなくとも良い気づきが得られる良いものです。オススメ。)<br />
社外に話を聞いてみると、良いお話を貰えたりして、「エンジニアとしてこれくらいの給料で来ないか?」みたいな感じでした。<br />
<br />
転職でもなんでも給料を稼ぐのは大事だと思います。<br />
しかし目先の給料UPを追うことで、僕の大好きな会社と人と離れるデメリットと比較して、ただエンジニアとして転職するっていうのはよほど共感できるミッションでない限り意味が無いなと思ってすべて断りました。<br />
<br />
ただ、転職活動を通じて一つ見つけた答えが「ビジネスをやりたい」でした。<br />
エンジニアとしてモノを作る事自体が好きというよりは、AMESTAGEで気づくことが出来たビジネスの楽しさのほうが勝っていたのです。<br />
<br />
<h4>
点が線になる</h4>
そして思い出した様にアニクラの友達に連絡し、会って話がしたいと伝えた所、「ちょうど79さんどうしてるんだろうねー」って話してた!ということだったのですぐに予定を立てました。<br />
会って話したところ、今回の仮想通貨取引所CTOというビジネスができるチャンスを貰えました。<br />
<br />
大好きな仮装通貨の領域で、とても大きな権限で会社を新しく作るところからやらせてもらえる。。。<br />
ジョナサン、ビットコイン、アニクラ、AMESTAGE、エンジニアとしての自分の経験すべてが繋がって、仮想通貨取引所の仕事に到達出来たのです。本当にエモい。<br />
<br />
<h3>
仮想通貨の未来を創る</h3>
仮想通貨はインターネットがもう一度来たくらいのインパクトがある業界だと思っていて、インターネットが出来てGoogle, Facebook, サイバーエージェントが出来た様に、仮想通貨が出来てまた同じ様な凄い企業が出てくるほど大きな波が来ていると思っています。<br />
<br />
インターネットが出来た頃、僕はまだ「厨房乙」とか言いながら2chを見るリアル中坊だったし、今の大きなWeb企業の創業者達がインターネットは凄いチャンスだと乗り込んで行った時期に何も出来ませんでした。<br />
<br />
しかし今は違う。<br />
31歳になり、会社のお陰で技術的にも人間的にも沢山のモノを持っていて、この仮想通貨の新しい波が来て、更にとてつもないチャンスまで貰えました。<br />
<br />
これはもう乗るしかないでしょ、このビッグう(ry 状態です。<br />
<br />
しかも今回は海外向けにサービスを創ると言う気持ちよりは、「インターネット向け」にサービスを創ると言う気持ちでやれています。<br />
インターネットは世界中で使われていて、それを場所で縛る意味がないと思っています。<br />
<br />
そういう意味でも、すぐに世界を相手にできるしワクワクが止まらないんです。<br />
めちゃくちゃ楽しいし、今後仮想通貨が世の中に十分広まった時、まだ同じ業界に居たらもっと楽しい事をしてるだろうな…とかとか、今のインターネット業界の歴史から見ても「今しかないッ!!」という気持ちで一杯です。<br />
<br />
<h3>
さよならは突然に</h3>
とはいえ最初は一度も転職した事ないのと、今回は福岡でやる事になっていたのも相まって、友人や東京と離れる不安から数日間迷っていました。<br />
しかしそれも親しい友人に「バカか!ベタ踏みするべきでしょ」と一喝され、その一言で振り切れて、次の日には当時上司の長瀬さんに打ち明けてしまっていました。背中を押してくれる友人が居るのは本当に幸せです。<br />
<br />
その時の長瀬さんからも本当に良い言葉を貰えていて、「30代でのエンジニアはガムシャラに技術力を伸ばす他にも、自分を底上げしてくれる環境を選んで働いた方がいい」とのアドバイスを頂けました。<br />
更に自分の背中を押せる基準になったので本当に感謝しています。<br />
<br />
それから上司、人事と次々に相談して、有給の残りを計算したら2ヶ月くらい休める事になったので、数日間の挨拶回り期間を貰ってから2017/6/23に最終出社となりました。<br />
<br />
今は福岡まで行って部屋を決め、東京に一旦戻って来て、今日79の日に自分のサヨナラパーティーをする予定です。<br />
お世話になった人達が一堂に会して話せるのでとても楽しみにしてます。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9mZrJ7qlFDlyvYLg5ap61V21q5cF3rpB1DTGy_zunvUjui0uw0NrEeSqmO_6sWLpWTULKXr4mmPyr-w80nor2yrQvx6zM3-btfspjDTl1ZTPZtag6bcrFnK4zYYc-0QOHQpBigJhMZHA/s1600/79PARTY.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="960" data-original-width="1440" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9mZrJ7qlFDlyvYLg5ap61V21q5cF3rpB1DTGy_zunvUjui0uw0NrEeSqmO_6sWLpWTULKXr4mmPyr-w80nor2yrQvx6zM3-btfspjDTl1ZTPZtag6bcrFnK4zYYc-0QOHQpBigJhMZHA/s640/79PARTY.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
79PARTYフライヤー みんな来てね!</div>
<br />
<h3>
最後に</h3>
過去最高に長くなりましたが、こんな話を色んな人に何度もしてたので、初心表明として書き記す事ができてよかった。<br />
こういうの、個人的に数年後読み返したとき面白いんですよ。。個人的にね。。<br />
<br />
これからは、全てが自己責任の超絶ハードモードな日々が始まります。<br />
幸い、素敵な仲間とこれまでの友人に恵まれているお陰で不安はそれほどありません。<br />
どうなるんですかね???誰も予測出来ないから本当に人生って楽しいですね!ワクワクしますね!!<br />
<br />
紫竹佑騎31歳頑張ります!!応援よろしくお願いします!!!<br />
<br />紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-63789807552064983192017-02-03T14:29:00.002+09:002017-02-03T14:30:32.247+09:00Riot.js 勉強会2回目を開催してネタ作りで仕事を頑張った話<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYqSjHIi7PtbyDdzY4OHzvlIuQITzgID1dYPzffpeqjHpq6d9jtCWT2l5tnEzn8d8J3cljBEy4Va2xMAM6zseLnQXC_6_k_IXxNGq0z_VnkuR5pSHv8taD3WQJcBh5E0L79XSjOI4K1CQ/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2017-02-02+%25E5%258D%2588%25E5%25BE%258C5.20.38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="474" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYqSjHIi7PtbyDdzY4OHzvlIuQITzgID1dYPzffpeqjHpq6d9jtCWT2l5tnEzn8d8J3cljBEy4Va2xMAM6zseLnQXC_6_k_IXxNGq0z_VnkuR5pSHv8taD3WQJcBh5E0L79XSjOI4K1CQ/s640/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2017-02-02+%25E5%258D%2588%25E5%25BE%258C5.20.38.png" width="640" /></a></div>
<br />
Riot.js 勉強会の第2回を開催してきました!<br />
<br />
<b><a href="https://riotjs-jp.connpass.com/event/49190/" target="_blank">Riot.js 勉強会 @Tokyo #2</a> </b><br />
<br />
今回も盛況で、参加枠の100名は一瞬で埋まってしまい、参加できなかった方もいらっしゃるくらい注目度がある良いイベントを開催できて嬉しいです!参加して頂いた皆様ありがとうございます!!<br />
<br />
<h3>
当日の様子</h3>
<div>
今回もriot.jsコアコミッターのcognitomさんに公式発表な基調講演みたいなお話をして頂いたのと、1回目で発表した人は下がってどんどん新しい人に登壇してもらおうという意図で新たに2名発表して頂きました。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZzhGutDl9xHJAnoTSv8SEjZb-tK_0ySasAlMl4RN2xL3IQHJW3Ulz_PR3MM90pB6OJt2VNvScdSNFtO9tatoj1SI5AQGC7eTN08MvUrMrP5Vmacp6VKMsUg4phgFU9vW-Lu00xBmNZio/s1600/C3qA7doUEAUmo9u.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZzhGutDl9xHJAnoTSv8SEjZb-tK_0ySasAlMl4RN2xL3IQHJW3Ulz_PR3MM90pB6OJt2VNvScdSNFtO9tatoj1SI5AQGC7eTN08MvUrMrP5Vmacp6VKMsUg4phgFU9vW-Lu00xBmNZio/s200/C3qA7doUEAUmo9u.jpg" width="150" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtwg38V0eWG5vv1FlGJMxXjgx6_XN4qLo0H3pXVUNtJYUueku8F2cF1Gf2efpvzKFrDthB2k9y8B0fDuvNvf8af3z7hjaC4EsJMLBgg349NfN9m55fautKCBDhD3PnshOlZ4oJlMZDGiI/s1600/C3p8YBsVcAIXwao.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtwg38V0eWG5vv1FlGJMxXjgx6_XN4qLo0H3pXVUNtJYUueku8F2cF1Gf2efpvzKFrDthB2k9y8B0fDuvNvf8af3z7hjaC4EsJMLBgg349NfN9m55fautKCBDhD3PnshOlZ4oJlMZDGiI/s200/C3p8YBsVcAIXwao.jpg" width="150" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgScmUOtb0TpXqUhCkrQa09rlEMJZ6Qmxe8cAvVz6z0gO_pqGgqGSWYKWLyBDWqBoeEYD0AYkEIcYCRmlsjVA8GuBBXoKk5BGZXNKbtOiyuCy4PvqzTlVY5OPcEqj-Tip9Zvdh_1_1Lw7M/s1600/C3p3QXlUcAEfLaN.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgScmUOtb0TpXqUhCkrQa09rlEMJZ6Qmxe8cAvVz6z0gO_pqGgqGSWYKWLyBDWqBoeEYD0AYkEIcYCRmlsjVA8GuBBXoKk5BGZXNKbtOiyuCy4PvqzTlVY5OPcEqj-Tip9Zvdh_1_1Lw7M/s200/C3p3QXlUcAEfLaN.jpg" width="150" /></a></div>
<br />
会社後輩のいまけいのデータバインディング話は皆に知ってもらいたい良い発表だったし、room03さんのサーバーレスな話も皆気にしないとダメなサーバー構成のお話で良かったし、cognitomさんの発表はriot.jsの便利な周辺ツールやv4で更に良くなる実装についてワクワクするお話をして頂けました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8-EQfyzbqthgcDSNtBXcrSYYYDwpdDe9Gtm62LiQjvcpLi9DysKOWZ01U29X1naNShkkd1I4_qyygHehyS6WPhro9lgA4SJI1y_V6ODpb1vzTQKFFYwXe39jRvy7y-oapScwM8rV4SY/s1600/C3qHDICVMAAtCwN.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8-EQfyzbqthgcDSNtBXcrSYYYDwpdDe9Gtm62LiQjvcpLi9DysKOWZ01U29X1naNShkkd1I4_qyygHehyS6WPhro9lgA4SJI1y_V6ODpb1vzTQKFFYwXe39jRvy7y-oapScwM8rV4SY/s320/C3qHDICVMAAtCwN.jpg" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
勉強会用に用意して貰った🍣</div>
<br />
LT では僕を含めた4名が発表して頂けました。チーム開発でスクラムに上手くRiot.jsを組み込んだ話や、僕のv2からv3へのマイグレーション芸、あとで聞いたんですが未踏プロジェクトに採択されてる案件の発表や、導入に向いてるかどうかの線引きの仕方の話等をして頂けました!<br />
<br />
楽しかったし、少ない情報交換の場としてとても役に立つ良い場を作れたので今後も引き続き開催したいと思います!!<br />
<br />
<br />
<h3>
LTのネタ作りドリブンで仕事を頑張った</h3>
<div>
今回はAMESTAGEで使っているRiot.jsのバージョンが古かったので、パフォーマンス改善など良いこと盛りだくさんの新しいバージョンにマイグレーションするというネタを思いついて期限付きの大変な発表をしようと頑張ってみました。</div>
<div>
<br /></div>
<div>
<script async="" class="speakerdeck-embed" data-id="1dc9f77f0b4d45e481f8303bdabbd245" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script><br /></div>
<div>
<br /></div>
<div>
発表資料はこんな感じの手書き表紙を作ってみました☺<br />
内容ですが、THEノンフィクションの実際にぶつかったエラーや修正していてとても気持ちよくなった新バージョンでの実装について正直な感想を書いています。<br />
<br />
この改修でAMESTAGEにもたくさんのメリットがありました。<br />
<br />
<b>・TOPページの表示速度がザックリ1/4に短縮された</b><br />
<b>・タグのライフサイクルが改善されたおかげで全体的な動作が安定した</b><br />
<b>・イベント周りが改善したおかげで放送中のコーナーやギフト送信のパフォーマンスが格段に向上した</b><br />
<br />
全体的にかなりサクサク動くようになったし、コードも書きやすくキレイになったのでとても気持ちよかったです。</div>
<div>
<br /></div>
<div>
上記スライドについての細かい話は別途ブログに書けたらなぁと思ってたりしますが、同じ問題にぶつかったりして困った方はお気軽に<a href="https://twitter.com/79yuuki">Twitter</a>や <a href="https://riot-jp-slackin.herokuapp.com/">Riot.jsのslack</a> で 79yuuki までご連絡ください!<br />
<br />
次のネタ作りは HMR (hot module replacement) 的なことが出来る <a href="https://github.com/riot/hot-reload">riot/hot-reload</a> でもスタイルガイドに導入してみようかなぁ。(フラグ)<br />
<br /></div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-11584964676564665832017-01-13T03:54:00.000+09:002017-01-13T03:54:22.422+09:00ストウブ鍋とスモークチップで手軽に燻製出来て僕は今幸せです<div class="separator" style="clear: both;">
友人夫婦がこんなことをやってて大変けしからん!と思ってたらどんどん煽ってきて</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<blockquote class="twitter-tweet" data-conversation="none" data-lang="en">
<div dir="ltr" lang="ja">
<a href="https://twitter.com/79yuuki">@79yuuki</a> おつまみ作り、楽しいですよ(笑顔 <a href="https://t.co/Fk4NSUvX3n">pic.twitter.com/Fk4NSUvX3n</a></div>
— Takako OHSHIMA (@hatone) <a href="https://twitter.com/hatone/status/818375134503309312">January 9, 2017</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<br />
<div class="separator" style="clear: both;">
とか</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<blockquote class="twitter-tweet" data-conversation="none" data-lang="en">
<div dir="ltr" lang="ja">
<a href="https://twitter.com/79yuuki">@79yuuki</a> <a href="https://twitter.com/hatone">@hatone</a> 燻製器作ろうぜ!!! <a href="https://t.co/Fiz7iMruuO">pic.twitter.com/Fiz7iMruuO</a></div>
— 井上 恭輔 (@kyoro353) <a href="https://twitter.com/kyoro353/status/818376232253329410">January 9, 2017</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>とか、バンド組もうぜ!くらい気軽にスゴイ飯テロしてくるものだから、ストウブ鍋を買ったのに持て余していたし燻製ができるのを思い出したので、ついカッとなって次の瞬間にはウッドチップと網を買っていました。<br />
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="https://rcm-fe.amazon-adsystem.com/e/cm?t=yuuki79-22&o=9&p=8&l=as1&asins=B000B8PR68&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="height: 240px; width: 120px;"></iframe><iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="https://rcm-fe.amazon-adsystem.com/e/cm?t=yuuki79-22&o=9&p=8&l=as1&asins=B001647RK0&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="height: 240px; width: 120px;"></iframe>
</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
あとストウブ鍋というのは密閉性の高い重たいお鍋です。ご飯が炊けたり、スペアリブが作れたり、今回みたいな燻製をやっても煙がほぼもれない(お線香より少ない)くらいしっかりした有名なお鍋です。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="https://rcm-fe.amazon-adsystem.com/e/cm?t=yuuki79-22&o=9&p=8&l=as1&asins=B00A44E7YM&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="height: 240px; width: 120px;"></iframe>
</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
こういう料理ができるそうなので、燻製以外の用途でも買っても重宝するかと!(僕は持て余してたけどw)「<a href="https://matome.naver.jp/odai/2133997842163545501" target="_blank">STAUB(ストウブ) 見た目にも美味しいレシピ まとめ。</a>」</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<h3 style="clear: both;">
スモークチキンを作ってみた</h3>
<h4>
仕込み</h4>
<div class="separator" style="clear: both;">
チップと網が届き、ちょっと小腹がすいたので、深夜に鶏肉があったのを思い出しておもむろに仕込みを始めました。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDQCoo37I4jBpyDsXYi9-j2YFnS1MQAwVvvdcP3ysCTVcaNUUk5JBxKCMHhJxKc6bz2Wyp9kSDFy8MknAJZ48mgnxT2XfzQzyXMTH2yApTbRBJdbVCQNsUFhHCKrziYFGMbWwCKcOUIQ/s640/blogger-image--1225975345.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDQCoo37I4jBpyDsXYi9-j2YFnS1MQAwVvvdcP3ysCTVcaNUUk5JBxKCMHhJxKc6bz2Wyp9kSDFy8MknAJZ48mgnxT2XfzQzyXMTH2yApTbRBJdbVCQNsUFhHCKrziYFGMbWwCKcOUIQ/s640/blogger-image--1225975345.jpg" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
鶏肉さんです。水気を取ります。燻製するときは水気が残っていると酸っぱく仕上がってしまうそうです。塩コショウでササッと味付けした肉の水気をクッキングペーパーで丁寧に吸収していきます。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIx8k817vm9PZgJTExK9IIY2NA6YI9JZPRCKm3FUv1aPsoVlocRC-Ps4LC7_79yCHdazTd9jd-5UQd7Rwkp4NYPk0JnHXTbVMP5dUmIBjDlKrvFWXBwD3YvrpDbwzXTqRVE2nF43qHy2Y/s640/blogger-image--1310073821.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIx8k817vm9PZgJTExK9IIY2NA6YI9JZPRCKm3FUv1aPsoVlocRC-Ps4LC7_79yCHdazTd9jd-5UQd7Rwkp4NYPk0JnHXTbVMP5dUmIBjDlKrvFWXBwD3YvrpDbwzXTqRVE2nF43qHy2Y/s640/blogger-image--1310073821.jpg" /></a></div>
<br />
クッキングペーパーで包んで、冷蔵庫で15〜20分ほど寝かせて置きました。<br />
<br />
<br />
<h4>
燻製!</h4>
いざ燻製。鍋の内側が茶色く汚れてしまうので、僕はアルミホイルで鍋と蓋の内側を全部覆ってしまいました。<br />
<br />
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmriD_6qbJkACXCpJUI_PCdmPWV9v97GZ74lrcCEclWuHOiTQaC0VutvHnWvCaMlw7mjCDrKW-NFYLB1RqKHa3jIBz3LnhYzFM1i2C_M6uJSeqlQ7aUj9Q-rTE9zhcqvTMSYJY1h1F3E/s640/blogger-image--1652489625.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmriD_6qbJkACXCpJUI_PCdmPWV9v97GZ74lrcCEclWuHOiTQaC0VutvHnWvCaMlw7mjCDrKW-NFYLB1RqKHa3jIBz3LnhYzFM1i2C_M6uJSeqlQ7aUj9Q-rTE9zhcqvTMSYJY1h1F3E/s640/blogger-image--1652489625.jpg" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
そこにスモークチップを鍋の底が薄く埋まるくらい敷いて</div>
<br />
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdYAmQGbl5GOBlq2-qq0E4lJEZ1kzUBigHypORjOMOX29cPJPk86YNeR4Yv7gm77n-x2vj2dk9YRvTvD2sawqsjyHl7eWnDIFavDXQYaeN-KnlJep1uZXsxBzbcX0xo87X4gZgwwS5EOs/s640/blogger-image--119628632.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdYAmQGbl5GOBlq2-qq0E4lJEZ1kzUBigHypORjOMOX29cPJPk86YNeR4Yv7gm77n-x2vj2dk9YRvTvD2sawqsjyHl7eWnDIFavDXQYaeN-KnlJep1uZXsxBzbcX0xo87X4gZgwwS5EOs/s640/blogger-image--119628632.jpg" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
この網を置きます。</div>
<br />
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRrJyW750GJgzzhF11Lp7nBAJXGK1oDmP561P4hvTXxo-6pPTA8gfC38YCJiSwLcYqUc2is3L923sUg1uVKJ7LWcQyhiDM1eHTPp4e3xFuKQUrtXeGcLJwyFAZL8hT186WA5q05mOwQ1c/s640/blogger-image-474639992.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRrJyW750GJgzzhF11Lp7nBAJXGK1oDmP561P4hvTXxo-6pPTA8gfC38YCJiSwLcYqUc2is3L923sUg1uVKJ7LWcQyhiDM1eHTPp4e3xFuKQUrtXeGcLJwyFAZL8hT186WA5q05mOwQ1c/s640/blogger-image-474639992.jpg" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
置いてみた感じはこう↑ 写真撮り忘れたんですが、この後この網を一旦外して、肉の油がチップに落ちないようにチップの上にまた油受け用のアルミホイルを簡単に被せました。</div>
<br />
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTCNrYi8xaa2f7dyhbZ2GHm6Gpc_RunC5XVCo_up_X1S2UuIA7D9Bgp_cq8521g24a6SQjH-dtzOi3q_57-S84UHoTB9TONrHYQNCgMKmX2ubIxqSXvlRDdTuXsuQZhkMJ06EBCEL2bm4/s640/blogger-image--1537388897.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTCNrYi8xaa2f7dyhbZ2GHm6Gpc_RunC5XVCo_up_X1S2UuIA7D9Bgp_cq8521g24a6SQjH-dtzOi3q_57-S84UHoTB9TONrHYQNCgMKmX2ubIxqSXvlRDdTuXsuQZhkMJ06EBCEL2bm4/s640/blogger-image--1537388897.jpg" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
蓋を閉めるとこんな感じ。しっかりしてるので本当に煙が漏れてきません!</div>
<div class="separator" style="clear: both;">
チップだけでしばらく中火で熱して煙が出てくるまでチラチラ蓋を開けながら確認しました。(5〜10分くらいですでに良いかほりが。。)</div>
<br />
<h4>
調理!</h4>
蓋を開けて先程仕込んでた肉を投入します。<br />
<br />
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh_edSu1KgMbKAr2ojg61IpHbgM_Y8tyYWQqqMhA4E0a-ASKLeJCug8w7rZR7CWqpqgcUSH3WS4s42c2Y89Ba_-VaAiJLzOjBJEKmiTHoBHwrRB3tc7CqJ4SGMWW280t7gE3cC_Xefuas/s640/blogger-image-147697603.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh_edSu1KgMbKAr2ojg61IpHbgM_Y8tyYWQqqMhA4E0a-ASKLeJCug8w7rZR7CWqpqgcUSH3WS4s42c2Y89Ba_-VaAiJLzOjBJEKmiTHoBHwrRB3tc7CqJ4SGMWW280t7gE3cC_Xefuas/s640/blogger-image-147697603.jpg" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
これが</div>
<br />
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CZKvyQepwKLUO7WGt9CzXvwTsownWgBIR-QhrCbzenrVcKoZW-3S2GXaCpdfNAtwPABqRG5lt1g6f2nWnkrPv6cgIqyD-MTCFQRizYwFcnN-1bAMIFZujWdDx_aVlsrxn-hyybdMXNM/s640/blogger-image--687323229.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CZKvyQepwKLUO7WGt9CzXvwTsownWgBIR-QhrCbzenrVcKoZW-3S2GXaCpdfNAtwPABqRG5lt1g6f2nWnkrPv6cgIqyD-MTCFQRizYwFcnN-1bAMIFZujWdDx_aVlsrxn-hyybdMXNM/s640/blogger-image--687323229.jpg" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
こうなって</div>
<br />
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7J08P50JU_a4ahi6HbtsbEikPR__d_lOVarjU-HWqox6MAt6PmQYLNpP05-MFT3gDvRbR3N-5c2gKXA6kBY2JW7Ocz-KrdoWcVJDrQSX51S-ej5rqW2aandNPZG1FNrzaWWWx5rMUG0I/s640/blogger-image-1210365560.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7J08P50JU_a4ahi6HbtsbEikPR__d_lOVarjU-HWqox6MAt6PmQYLNpP05-MFT3gDvRbR3N-5c2gKXA6kBY2JW7Ocz-KrdoWcVJDrQSX51S-ej5rqW2aandNPZG1FNrzaWWWx5rMUG0I/s640/blogger-image-1210365560.jpg" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
こうじゃ!</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
燻すのは15分くらい。燻しただけなのにものすっごい良い香りです。</div>
<div class="separator" style="clear: both;">
これだけだと中まで火が通ってない感じなので、最後にオリーブオイルで軽くソテーしてあげました。</div>
<br />
<div class="separator" style="clear: both;">
<br /></div>
<h3 style="clear: both;">
そして実食へ・・・</h3>
<div class="separator" style="clear: both;">
美味しすぎてまたまた写真を撮るのを忘れました。とにかく燻製された旨味が恐ろしいほど出ていて、いつの間にかビールを開けているくらい美味しかったです。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
先人の知恵をお借りすると、</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<blockquote class="twitter-tweet" data-conversation="none" data-lang="en">
<div dir="ltr" lang="ja">
<a href="https://twitter.com/79yuuki">@79yuuki</a> staub加熱しすぎると鍋に悪いので、火は中火まで。鍋で燃えたことはないのですが、横に水の貯めたボウルや鍋を用意して置くと安心です。あと、食材は水分あると酸っぱくなるので乾燥したり拭いたりしてあげてください!</div>
— Takako OHSHIMA (@hatone) <a href="https://twitter.com/hatone/status/818719654134722560">January 10, 2017</a></blockquote>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<blockquote class="twitter-tweet" data-conversation="none" data-lang="en">
<div dir="ltr" lang="ja">
<a href="https://twitter.com/79yuuki">@79yuuki</a> 燻製直後も美味しいけど、酸っぱくなった場合はそのまま置いて一晩すると味馴染むので、美味しくなります。</div>
— Takako OHSHIMA (@hatone) <a href="https://twitter.com/hatone/status/818724050310545409">January 10, 2017</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script><br />
<div class="separator" style="clear: both;">
らしいので、今回はめちゃくちゃ上手く行って絶対に良い旦那さんになるなと思えるくらいだったのですが、酸っぱくなったときは試してみたいと思います。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
今回はスモークチキンをやってみましたが、ちょっと検索かけるだけでも他にも王道のベーコン、ゆで卵、チーズ、ナッツ類、魚介・・・様々な燻製レシピがありました。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
人を呼んで宅飲みを最近するようになったんですが、これは良い趣味になりそうです。本当に美味かったのでもっと燻製試したいし是非遊びに来て下さい😋</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
ああ…最近料理好きなのが判明したので鍋だと物足りなくなって、燻製器本当に手を出しそうでこわい。低温調理も気になるナァ。。。(´Д`)ハァ…</div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-33007022844308326812017-01-02T16:38:00.001+09:002018-07-19T19:10:24.813+09:002016年のシチク、2017年の紫竹。毎年年末に書いてたけど年末まで忙しかったのでダラダラさせてもらって、年明けですが2016年振り返りと2017年に向けて色々書いてみました。下書き書いてたら Bitcoin が 120000円を超えました。仮想通貨元年ですね^^<br />
<br />
<h3>
2016年振り返り</h3>
<h4>
AMESTAGE</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ6GWsVAj8kH4zD0fAS5mOLByelPbx5Q1hYWtHBRFklcbu5cxqS8yz38BjFTyQB41N3apYMU16J90HTKXrf_Sbgb4PMxpBkhNbD2U5TRlAuNByM0GEQkpYabxaGf1lZkhCEQuZEODqbk/s1600/project-amestage.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ6GWsVAj8kH4zD0fAS5mOLByelPbx5Q1hYWtHBRFklcbu5cxqS8yz38BjFTyQB41N3apYMU16J90HTKXrf_Sbgb4PMxpBkhNbD2U5TRlAuNByM0GEQkpYabxaGf1lZkhCEQuZEODqbk/s640/project-amestage.jpg" width="640" /></a></div>
<br />
2016年を語る上で外せないのが <a href="https://amestage.com/" target="_blank">AMESTAGE</a> に異動したこと。<br />
2/2 から異動して、Webサーバーからブラウザに出るとこまで全部やるWeb版制作担当になった。最初はWeb版は一人だけで、動画サービスは初めてだったので周辺技術キャッチアップから、Riot.js を選んでみたり、0からの Web フロントエンド実装でした。<br />
<br />
やればやるほど身になる時期が始まって、異動してから今日までずっとクライマックスみたいな状態でした。<br />
チームメンバーはいい人ばかりで、仕事は楽しいし、本当に凄くやりやすい。<br />
<br />
異動以前に遊びまくってた一環で、アイドルヲタク活動してた事がチームに良い影響を与えられたし、僕の妙に親しげな雰囲気もチーム飲み会を増やせたらしく、プラスになってよかったなぁと思いました。人生なにが役に立つかわかりませんね。<br />
<br />
正月も1つプルリク出すくらい、仕事に集中出来ている感じです。もっと成功させたい。そんな一心でやれていて、<a href="https://medium.com/@79yuuki/%E4%BC%9A%E7%A4%BE%E3%82%92%E9%80%80%E8%81%B7%E3%81%97%E3%81%BE%E3%81%9B%E3%82%93%E3%81%A7%E3%81%97%E3%81%9F-8f3cd7be90e2#.vjhobfjvh" target="_blank">こんなこともありましたが</a>本当に頑張らせて頂いています。<br />
<br />
<h4>
Riot.js と情報発信</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv9f-9AiJ6Z3SArnYdJzBTeXzxNgtH0qfFke6yG2NooNqcEd7EmovObqygGYUt5nDtNYNc8x2AW_8y-69HKtPSlAlpiT2gdMqMKiAx_Qp46pfW7gQMXlAreaRRn2Y4KCOeKxabwga9Ptg/s1600/riotlogo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv9f-9AiJ6Z3SArnYdJzBTeXzxNgtH0qfFke6yG2NooNqcEd7EmovObqygGYUt5nDtNYNc8x2AW_8y-69HKtPSlAlpiT2gdMqMKiAx_Qp46pfW7gQMXlAreaRRn2Y4KCOeKxabwga9Ptg/s640/riotlogo.png" width="640" /></a></div>
<br />
Riot.js にとてもお世話になりました。 AMESTAGE で使っているんですが、2016年の三が日に、友人夫婦の家に邪魔しに行かせて貰って、Riot.js を遊びで触ってから丸一年仕事で触ることになりました。<br />
<br />
AMESTAGE をリリースした後は Riot.js の勉強会が世の中に無かったので自身で主宰したり、<a href="http://riotjs.com/made-with-riot/#" target="_blank">Riot.js の Showcase</a> に載せてもらえたり、勉強会にお呼ばれして登壇させてもらったり、技術ブログもこのブログに書いたり会社ブログに書かせてもらったり。<br />
<br />
情報発信みたいなところでかなり良い活動ができたなぁと思いました。<br />
この前話してきた勉強会では、当日のアンケートで一番評判が良かったとかどうとか。とても素晴らしい体験をさせてもらえたので、本当にやってみて良かったです。<br />
(まだ相談ベースだけども、また本も書かせていただけるかも。)<br />
<br />
<h4>
セブで半月、スペインで半月旅行してみた</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk7Q_otUbknUvD1KQQbLV3dEWWyDxZbey38oz1YEVmNpLmHSqzPgmw5zftMPU_goGU0fHCsGUWp34Bsfl-0LJbFJiYyPJYdod0GdKNZFgLgdXpz8Ip8TTWURzEYj5mCDOOaQCRHbTJ1do/s1600/12548959_10208286887551852_4693797229620147741_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk7Q_otUbknUvD1KQQbLV3dEWWyDxZbey38oz1YEVmNpLmHSqzPgmw5zftMPU_goGU0fHCsGUWp34Bsfl-0LJbFJiYyPJYdod0GdKNZFgLgdXpz8Ip8TTWURzEYj5mCDOOaQCRHbTJ1do/s640/12548959_10208286887551852_4693797229620147741_n.jpg" width="640" /></a></div>
<br />
セブでは友達が会社をやっていて、その仕事を手伝いがてら、コンドミニアムに泊めてもらって色んな休みを全部使って半月生活してみました。<br />
<br />
フィリピンは島ごとに言葉が違うくらいなので、公用語として英語が採用された国らしいです。語学留学ではないですけど、似たような生活が出来たのも良かったです。<br />
会社でメンバーに Scala を教えてみたり、クラブでレディボーイからの逆ナンでちゃんと話し続けてみたり、パスポートを紛失して英語が出来ないと帰れないし死ぬ、みたいなことをやってなんとかする力がつきました。<br />
<br />
1月に行ったんですが、正月みたいな時期に Sinulog (写真のやつ)という祭りがあってめちゃくちゃ楽しかったです。今年も行こうか悩み中です。代休取れそうだし。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGX8-Ri9u941PJE1xQzwnYVa9HKWHgGQlT-LHGtIPWLtnUJXqAG2SoWgwtk_NxZ-FtcWW9R6IG-TNadnPdL4yaUGAHE4aiKkfJCf8JcVtJt7B5NXlnLoEWcUF7zRMVlmDKZvvpl7MzpI/s1600/14449013_10153651812516330_8672609580561372136_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGX8-Ri9u941PJE1xQzwnYVa9HKWHgGQlT-LHGtIPWLtnUJXqAG2SoWgwtk_NxZ-FtcWW9R6IG-TNadnPdL4yaUGAHE4aiKkfJCf8JcVtJt7B5NXlnLoEWcUF7zRMVlmDKZvvpl7MzpI/s640/14449013_10153651812516330_8672609580561372136_n.jpg" width="640" /></a></div>
<br />
スペインは9月にまた半月行って、アントニオ達とグラナダで合流するまで暇な時間をマドリード→トレド→(マドリード経由)→バルセロナ→グラナダ→マラガっていう交通機関の乗り継ぎだったり、全部 Airbnb でスペイン人家族の家の1室を借りてウルルン旅行滞在記みたいなことしてみたり。<br />
<br />
英語でなんとかする力はついたかもしれないけど、スペインでは英語が通じない事が多かったので、バルとかでの酒飲みスペイン語だけちゃんと勉強して行ったら十分過ごせました。<br />
現地で会社同期のお兄ちゃんと仲良くなったり、知らないおじさんとレアルマドリードの試合見たり、世界遺産の街に泊まったり、スペイン人の友達に会いに行ったり、毎日色んなバルをはしごし続けたり。楽しすぎた。。<br />
<br />
海外旅行は大体のところに一人で行けちゃうなと感じられたと共に、英語力を少しは鍛えられたけどまだまだ全然駄目なので、学ぶきっかけが得られてとても良い年だったなという感じです。<br />
<br />
<h4>
30歳になった</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAIg8HDU67qWsXbIO9gcQgAemkJHxNZb2RYydfMkdSc72PlRE3FZOHAv0dCliW2cvDwqGIaFw9DdZXAikNd5mEPQr_ZJcJ6PrDpfB9CuuZQ7e9klqM5D_fdFK7ReeBu7daxnckDeiNVe8/s1600/15192747_10210938564962130_2601521585498444452_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAIg8HDU67qWsXbIO9gcQgAemkJHxNZb2RYydfMkdSc72PlRE3FZOHAv0dCliW2cvDwqGIaFw9DdZXAikNd5mEPQr_ZJcJ6PrDpfB9CuuZQ7e9klqM5D_fdFK7ReeBu7daxnckDeiNVe8/s400/15192747_10210938564962130_2601521585498444452_n.jpg" width="300" /></a></div>
<br />
と言っても見た目とかは多分、そんなに変わらない。<br />
<br />
変わったかなと思うのは、周りからの評判。これは会社のおかげとしか言いようがない。<br />
30歳を目前にして掲げられた「せめて、大人らしく。」という遅すぎる目標は、今日色んな人に変わったと言ってもらえた理由の一つだなぁと実感しました。<br />
<br />
「大人になる = 面白くなくなる」みたいのを履き違えていたというか、本当に恥ずかしいのだけども「痛い」ってのを無くすだけで良かったのだと実感した1年でした。感謝。<br />
<br />
そんな僕を尻目に親友がみんな結婚したっていうのも2016年でした。結婚式の出し物系準備に帆走し、業務と並行しながら親友の人生で1度のイベントを心から祝うために沢山の時間をかけました。めでたい。僕が結婚したらみんな祝ってくれよな^^<br />
<br />
<h4>
その他いろいろ</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0sDSCmE3HTHOBHHgcNkfeVqu-swcfjcyvDP4gp6eqJhxzyxBMDV6wFBb5f0fyJpPBGhWOBA1TIPjYOe3zWbywVGwKZkgf8bCWgjusKwgTQuBvqO-akoZdsYxUIwa2B7CePeYnc97MQeQ/s1600/Evernote+Camera+Roll+20161102+021153.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0sDSCmE3HTHOBHHgcNkfeVqu-swcfjcyvDP4gp6eqJhxzyxBMDV6wFBb5f0fyJpPBGhWOBA1TIPjYOe3zWbywVGwKZkgf8bCWgjusKwgTQuBvqO-akoZdsYxUIwa2B7CePeYnc97MQeQ/s640/Evernote+Camera+Roll+20161102+021153.jpg" width="640" /></a></div>
<br />
若干痛さが残ってますが、AMESTAGE のおかげでものづくりの精神が蘇ったのか、ハロウィンとクリスマスで被っていた星のかぶりものに車用のテープLEDを縫い付けて光らせてみたり、LINEbotを作って、LINE beacon と合わせて作った helloworld 的なエントリーが一部で話題になったりしました。<br />
<br />
会社の Swift 研修にも参加させてもらい、5日間の座学とその間の課題・復習、2泊3日の課題開発合宿の集中的な研修で Swift が書けるという入り口に立つことができました。機会があれば、Swift 開発を仕事でやってみたいなぁ。<br />
<br />
あとはペルソナ5がめちゃくちゃ面白くて生活が乱れたり、大掃除に片付けコンサルを頼んでみて収納から見直してめちゃくちゃ部屋がきれいになっていったり細々と色々ありました。<br />
<br />
逆に2015年に比べて全然遊んでないです。4月にDJしたくらいで、土日の予定がほとんど無かった気がする。そういう年。<br />
<br />
<h4>
去年の振り返り</h4>
去年掲げたのはこの4つ。<br />
<br />
<ul>
<li>人間性を捧げる</li>
<li>デザイン</li>
<li>英語・他プログラミング言語</li>
<li>せめて、大人らしく。</li>
</ul>
<div>
<br /></div>
<div>
簡単に総括すると、人間性は常識の範囲内で捧げられたのかなぁと思いました。</div>
<div>
デザインは特に絵を描くみたいな事より、Atomic Design みたいなフロントエンド実装とデザインの橋渡し的な所で頑張れたと思います。</div>
<div>
英語は合計1ヶ月海外に行けたし、フロントエンドJSとSwiftが書けるようになったので他プログラミング言語もOK。</div>
<div>
大人らしくという点ではまだまだだなぁと思う点もある中、色んな人に変わったと言ってもらえてるので及第点というところではないでしょうか。</div>
<div>
<br /></div>
<h3>
2017年はどうするか</h3>
<br />
<ul>
<li>もっと情報発信をする。</li>
<li>去年学んだことの深掘り。</li>
<li>続、大人らしく。</li>
<li>サクセス。</li>
</ul>
<br />
<h4>
もっと情報発信をする</h4>
ブログをもっと書こうと思いました。エンジニアとしても、一個人としても、自分のマーケティングが大事だなと思ったからです。態度で伝えるのが下手なので、定期的にこうやって文字に落とす。<br />
<br />
<h4>
去年学んだことの深掘り</h4>
<div>
Riot.js も英語も Swift もデザインも、どれも身にはなってきたけどまだまだ中途半端。せっかく入り口まできたのでもうちょっと先まで勉強したい。</div>
<div>
<br /></div>
<h4>
続、大人らしく</h4>
<div>
まだまだこれも1年意識したくらいで変わるものではないので引き続き。</div>
<div>
<br /></div>
<h4>
サクセス</h4>
<div>
サクセスしたい。売れたい。そろそろ当てたい。という野望です。当てましょう。</div>
<div>
<br /></div>
<h4>
最後に</h4>
2016年は本当に仕事一色な良い年になりました。2017年は何か大きな良い知らせができるように頑張ります。今年もよろしくお願い致します!<br />
<br />
<br />紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-41769830376056834772016-12-07T18:58:00.000+09:002016-12-07T18:58:02.307+09:00AMESTAGE を支える Riot.js とその構成について紹介この記事は <a href="http://qiita.com/advent-calendar/2016/riotjs" target="_blank">Riot.js Advent Calendar 2016</a> の 7 日目の記事です!!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0oCoV5zt2LGP6ynKvezX2vHByk9mTLzbR1wetE2vrAfm9wiJ3lZvqYV6-rXUbYXX71HAVaYfecUuEsEnXR3uLM10cXGShInnK6Mhir_IG0gNPE6zHO3x8uehVDwt4LbxxjmC_1yGpVyI/s1600/riotlogo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0oCoV5zt2LGP6ynKvezX2vHByk9mTLzbR1wetE2vrAfm9wiJ3lZvqYV6-rXUbYXX71HAVaYfecUuEsEnXR3uLM10cXGShInnK6Mhir_IG0gNPE6zHO3x8uehVDwt4LbxxjmC_1yGpVyI/s640/riotlogo.png" width="640" /></a></div>
<br />
Riot.js で<a href="https://amestage.com/" target="_blank">芸能人とあそべる生放送サービス AMESTAGE</a> というのを作っていて、動画サービスだったり、芸能人と一緒に遊べるクイズやコメント・ランキングといった各種機能盛りだくさんなせいか、そこそこ規模が大きくなってきました!<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKWY4Khp5AQrJVXfELAXXn_eWqM1eOWHlJZqOaE1Ylcl6jItMs6b1G9qsZTWFqJXN7jD7242t8usH5iUCrH3vP-gO1jTAFCNlfhBHXpanUJKKOY-ycXg4_Y7dGwss7tzUbH-cYclIvAg/s1600/amestage_corner-1.gif" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKWY4Khp5AQrJVXfELAXXn_eWqM1eOWHlJZqOaE1Ylcl6jItMs6b1G9qsZTWFqJXN7jD7242t8usH5iUCrH3vP-gO1jTAFCNlfhBHXpanUJKKOY-ycXg4_Y7dGwss7tzUbH-cYclIvAg/s1600/amestage_corner-1.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">是非遊んでみてください!!</span></div>
<br />
<br />
そんな AMESTAGE での Riot.js との付き合い方について、どういう構成でやっているかをサーバー構成からビルド方法、Atomic Design というデザイン手法の導入、Flux な構成までザックリ紹介してみようかなと思います!<br />
<br />
<br />
<h2>
基本構成</h2>
Node.js で Web サーバーを建てて、API サーバーやログイン基盤とのやり取りをまとめています。API サーバーを直接ブラウザからは叩きに行かず、 Web サーバーに実装した API を必ず介してデータを取得しています。<br />
<br />
最近あった「<a href="http://yosuke-furukawa.hatenablog.com/entry/2016/12/01/175446" target="_blank">リクルートテクノロジーズのフロントエンド開発 2016</a>」という記事のBackend for Frontend なサーバー構成に似た状態です。<br />
<br />
サーバーサイドレンダリングはほぼやってませんが、ロボットからのアクセスに対して riot.js の機能を使って SEO 向けページを用意していた事もありました。<br />
テンプレートエンジンは <a href="http://ectjs.com/" target="_blank">ECT</a> を利用しており、Riot.js のレンダリングを待ちたくないヘッダー等の簡単なマークアップはそちらで済ませてしまっていたりします。<br />
<br />
<h2>
コーディング</h2>
Babel を使っています。eslint でコーディングルールを管理し、babelrc, eslintrc の設定に riot のプラグインなどを追加しています。あとは editorconfig も追加しています。(エディタはvimが多め)<br />
<br />
<h2>
ビルド周り</h2>
Riot.js は gulp を使ってコンパイルしたものをブラウザから読み込ませています。ファイルを分けている各 js は Browserify を利用して1つにまとめています。<br />
<br />
Browserify を使うときは注意が必要で、今の構成でビルドするには Browserify + Babelify + Riotify だけで動きはするのですが、これだとファイルが増えていったときに watch しながら実装していると、1ビルド毎に何十秒もかかってしまい、開発効率が悪くなってしまいます。<br />
<br />
なので差分ビルドができるように、 <a href="https://github.com/substack/watchify" target="_blank">watchify</a> というものを追加します。差分ビルドだと、import (require) しているファイルたちを毎回全部くっつけてた処理が、変更のあったファイルのみ再ビルドされるだけになるので2〜3秒とかほんの僅かな時間でビルド可能になります。これやらないと、本当に死ぬので是非お試しください。<br />
<br />
ポイントは browserify で作るエントリーポイントを少なく(出来れば1つに抑える)構成すると開発もスムーズに行くと思います。今からやるのであれば、 WebPack を試してみるのも良いのではないでしょうか。<br />
<br />
その他 gulp ではサーバー起動と watch からの js / css ビルド or minify 処理がメインです。sourcemap 作ったりとかとか。<br />
<br />
<br />
<h2>
Flux</h2>
Riot.js の Observable を使ったシンプルな flux を実現しています。Redux とかは使ってなくて、お手製です。でも Redux 等も良いと思います。<br />
Riot.js を使ったコンポーネント志向な造りになるときは、Flux なデータの受け渡しはとても相性が良いです。ぜひ導入しましょう。<br />
<br />
文章だけでは難しいですが、イベント名と紐付いた store を1つのオブジェクトに登録して、context みたいな形で <a href="http://riotjs.com/guide/#mixins" target="_blank">riot.mixin</a> してどのタグからでも同じデータを見れるようにして使っています。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh0VD3WZlYhGOYqEazoo36E6YNljk3Pa75IO-oE1POqrwMw44tw7qw-gWB1VOJ8mSuXTwYzMcz_dgpqxlY55qZZdWEtqhPNezTYw-Lnt0dhc3DtUgJXHmhpV8xGA1aaedS3qbAX4U_ZoU/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-04-27+%25E5%258D%2588%25E5%25BE%258C5.05.02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh0VD3WZlYhGOYqEazoo36E6YNljk3Pa75IO-oE1POqrwMw44tw7qw-gWB1VOJ8mSuXTwYzMcz_dgpqxlY55qZZdWEtqhPNezTYw-Lnt0dhc3DtUgJXHmhpV8xGA1aaedS3qbAX4U_ZoU/s640/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-04-27+%25E5%258D%2588%25E5%25BE%258C5.05.02.png" width="640" /></a></div>
<br />
Flux の実装については簡単に説明すると View から実行された action で API の結果だったり、渡したいデータを決まったイベント名で trigger して、dispatch にデータを渡します。<br />
<br />
dispatcher に登録した store にそのイベント名で受けたデータを反映させ、 store にはデータが保存されるので、view では store のデータを引っ張ってきたり監視して変更を反映させたりするだけとなっています…<br />
<br />
…がやっぱり分かりづらいので細かい実装などについては、直接ご相談いただければお話させていただきますのでお気軽にご連絡ください^^<br />
<br />
<br />
<h2>
Atomic Design と Style Guide</h2>
色んな勉強会などでお話させてもらってる Atomic Design ですが、こちらは components というディレクトリ以下に Atoms, Molecules, Organisms という単位でそれぞれを管理しています。<a href="https://www.cyberagent.co.jp/technicalcreator/article/id=12462" target="_blank">以前会社ブログに書かせてもらったこの記事でも紹介しています</a>が、具体的にはこんな感じ。<br />
<br />
components/<br />
├── Atoms<br />
│ ├── follow-button<br />
│ │ ├── _follow-button.scss<br />
│ │ ├── follow-button.tag<br />
│ │ └── example.tag<br />
│ └── atom-component-name<br />
│ ├── _atom-component-name.scss<br />
│ ├── atom-component-name.tag<br />
│ └── example.tag<br />
├── Molecules (Atomsと同じ構成)<br />
├── Organisms (Atomsと同じ構成)<br />
├── styleguide<br />
│ ├── style-guide-item.tag<br />
│ ├── styleguide.html<br />
│ └── style-guide.js<br />
...<br />
<br />
それぞれはコンポーネント本体、そのscss、example.tagには Style Guide での使われ方や表示に必要なテストデータが入ってます。<br />
example.tag ファイルの実装は、Style Guideでの見え方の他に、サイズやその他種類など、同コンポーネントでの表示パターンをなるべく網羅するように記載しています。<br />
<br />
今後はこのexample.tag のデータに紐付いてテストもまとめて書けたらなぁと妄想しています・・・(´・ω・`)<br />
<br />
開発時は gulp style と実行すると style guide 用のサーバーが立ち上がり、コンポーネントの見た目を作るときはそれを見ながら実装できます。<br />
<br />
Atomic Design と Style Guide については今までにも勉強会などで話させてもらった資料などを公開していますのでそちらも合わせて御覧ください!<br />
<br />
<a href="http://purple-bamboo.blogspot.jp/2016/11/blog-post.html" target="_blank">勉強会に登壇した話とデザインエンジニアリングについて</a><br />
<br />
<a href="http://purple-bamboo.blogspot.jp/2016/07/riotjs.html" target="_blank">Riot.js 勉強会を主催しました</a><br />
<br />
<br />
<h2>
スタイルの当て方について</h2>
riot.js の tag 内でも sass は使えるのですが、コンポーネント実装をやっていく上で複雑な動作があるものに関してはマークアップが長くなったりと色々不便があったり、スクリプトまで書くと全体的に長くなってしまうなという印象がありました。<br />
なので sass ファイルを別にしています。あえて .tag 内に書いていません。<br />
<br />
例えば、 atom-icon.tag みたいなコンポーネントがあったとしたら、_atom-icon.scss を同ディレクトリに置いて、そのタグ名で以下のようにスタイルを記述していきます。<br />
<br />
atom-icon {<br />
height: 100px;<br />
width: 200px;<br />
}<br />
<br />
こうすることで直感的にこのタグ内でのスタイルだけに集中して書くことができるので、riot.js v3ではデフォルトになった scoped な書き方が出来ます。<br />
class 名なども、コンポーネント間で完結するのでかぶること無く(もし被っても子タグclass 名の方が強いので問題になったことがない)BEMのような管理をしなくて済むのでとても見通しが良いです。<br />
<br />
各 components の sass は gulp-sass と gulp-sass-glob を使って1つのファイルにまとめてから minify などしてます。共通して使ってる色や数値は変数にして共通して使えるように利用しています。<br />
<br />
<br />
<h2>
その他ライブラリについて</h2>
jQuery 系を使ってません。DOM 操作がそもそもそんなにやること無いのと、class の付け替えや DOM の切り替えなんかは riot.js の機能だけで十分出来てしまうからです。<br />
無駄なファイル読み込みが減るので、思い切って使うこと自体をやめてみました。<br />
<br />
あとは bugsnag でバグ確認したりとか、色々楽しく動くサービスだったりするので必要なアニメーション系ライブラリを導入予定です。<a href="https://github.com/juliangarnier/anime">anime.js</a> とか。現時点ではコーナーやギフトと言われるアニメーションは css をコツコツ手付けでやってたりします。<br />
<br />
<br />
<h3>
テスト準備中。。</h3>
言い訳になるので理由は言いませんがテストが今無くて準備中です。。使おうと思ってるのは Riot.js でも使われてるので karma-riot を考えてます。<br />
<br />
コンポーネント単位でのスタイル確認は Style Guide でやってます。まだ構想なのですが、今後はこの Style Guide 確認と一緒に karma のテストが書けたらなと思っています。<br />
Style Guide 自体が今 AMESTAGE 用に作られているので、しっかり外部 module 化して、オープンソースにしたりとかも出来たら良いな…とかとか(妄想)<a href="https://github.com/storybooks/react-storybook" target="_blank">React にある Storybook 的なやつ</a>がとても良さそうなので、それに近いものを…!<br />
<br />
<br />
<h2>
まとめ</h2>
ざざっと全体像を書くことになってしまったので、詳細について端折りすぎた感じが申し訳ないのでどこかで書くか発表するか、質問・リクエストくださいw<br />
<br />
これらの構成自体は全然正解ではないし、このあともどんどん改良していこうと思ってるものなので意見があれば是非ご連絡ください!選定理由や細かい実装についての相談などもどしどしお待ちしてまーす^^<br />
<br />
<br />
明日は cognitom さんの「 ES6 で書くRiot - Rollup編」です! Rollup も良さそうですよねぇ〜〜😋紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-67736148396041441972016-11-06T02:16:00.000+09:002016-11-06T02:20:42.454+09:00勉強会に登壇した話とデザインエンジニアリングについて<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVBuMM5705GWKD63jgP9biy4-ktq1yxLQNv0_M3fEgMepJqMO7z2Pzjbd8JIx5griHNtCbPbiunnCT_JbKInS_T7Ro0eDj2gJwVvrb2qeX8ZUvq5m5iZE9LurpcyHZbOkpUpQrC-MYoZo/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-11-06+1.39.06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="412" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVBuMM5705GWKD63jgP9biy4-ktq1yxLQNv0_M3fEgMepJqMO7z2Pzjbd8JIx5griHNtCbPbiunnCT_JbKInS_T7Ro0eDj2gJwVvrb2qeX8ZUvq5m5iZE9LurpcyHZbOkpUpQrC-MYoZo/s640/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-11-06+1.39.06.png" width="640" /></a></div>
<span id="goog_924026727"></span><span id="goog_924026728"></span><br />
Forkwell さんの勉強会で登壇させて頂きました!フロントエンド最前線という感じの攻めた勉強会だったのですが、話した内容の反響がとても良かったというお話です。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2f8grIduJ92T69tK8kfmiMgBe3yiJpZI52yp-cQqzp818nArIESk-x0IVkgb9HiHkYjG5LX6rYvkMcIGxSVpBo3Kw3KFNGGAT_PghJsCuOdjJTvf7KLwhC2apSg6440nq9lpx5ioPu-8/s1600/IMG_2054.JPG" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2f8grIduJ92T69tK8kfmiMgBe3yiJpZI52yp-cQqzp818nArIESk-x0IVkgb9HiHkYjG5LX6rYvkMcIGxSVpBo3Kw3KFNGGAT_PghJsCuOdjJTvf7KLwhC2apSg6440nq9lpx5ioPu-8/s640/IMG_2054.JPG" width="480" /></a><br />
撮っていただいた写真<br />
<br />
<h2>
資料について</h2>
こちらが発表した資料になります!<br />
<br />
<script async="" class="speakerdeck-embed" data-id="05753c9b57de4992a352419ec20f9aae" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
<br />
内容ですが、過去にも話した AMESTAGE で使っている Atomic Design について触れているものになります。<br />
<br />
Web Components っていうのはかなりイケていて、 Atomic Design っていうのはコンポーネント志向で Web を作っていく上でとっても良い指標なので、みんな是非取り入れてみてくださいね!ツールに振り回されずに、もっと上のレイヤーでものづくりしたらよいのでは?という内容になっております。 <br />
<br />
<h2>
フロントエンド最前線な勉強会について思ったこと</h2>
資料の中にもありますが、JavaScript 界隈の技術の移り変わりはとてつもなくて本当に忙しないというか、追いかける気が失せる人が多いのも本当にわかります。<br />
僕自身も、フロントよりもサーバーをずっとやってきて、リクエストを受けてレスポンスを返すだけの簡単なお仕事だなぁと思ってエンジニアしてきていたので、ちょっと辛かったのを覚えています。<br />
<br />
そんな中、この資料を寝そうになりながら作っていて思ったのは、フロントエンドエンジニアというかWebエンジニアというか、<b>見た目を作っていくエンジニアすべてに共通する認識として、我々はツールより、デザインについて考えることは沢山有るのではないか</b>ということです。<br />
<br />
<h2>
デザインエンジニアリング</h2>
僕はこういうものづくりについて、<b>デザインエンジニアリング</b>という考え方を持っています。デザインエンジニアリングというのは僕が今とても興味がある分野で、テクニカルクリエイターという物もCA社にはありますがそういう感じなのかなぁと思っています。<br />
<br />
エンジニアなんだけどデザインについて知らないと出来ない世界。そっちに向けてスキルを伸ばせたらみんな幸せになれるのになぁという気持ちを込めて、今回呼ばれたフロントエンド最前線という勉強会のテーマについて考えました。フロントエンドを作っていく以上、ただ依頼されて作らないと駄目なもの以外はデザインについて興味がないっていうのは致命的なエラーなんじゃないのかっていうのを最近感じています。<br />
<br />
<h2>
まとめ</h2>
そんなこと言ってますが、フロントエンドで使う技術は使いやすいイケてるモノを選び、それを選ぶセンス自体はやっぱり今回の様な勉強会や日々のデザインについて語る機会がエンジニアにも必要だなぁと思います。なので勉強会に行くのは超重要。<br />
<br />
でも見失わないでほしいのは、誰のためにいつまでに何を作っているのか?というのを常に考えて行くのがオナニーにならず、良いフロントエンドエンジニア人生なんじゃないかなと思った発表でした!ブーーーメラン!!!!!!!!!!!!!紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-37129304377894842332016-11-02T02:27:00.000+09:002016-11-02T02:36:45.893+09:00ハロウィンなのでLEDテープを使った工作をやってみました<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif; font-size: 17px;"><span style="color: white;">今年もハロウィンが終わりましたね🎃</span></span></div>
<span style="color: white;"><span style="font-family: "helvetica neue" , "arial" , "sans"; font-size: 16px;"><span style="color: white;">
</span></span>
</span><br />
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<div>
</div>
</div>
<span style="color: white;"><br /></span>
<br />
<div style="font-family: "Helvetica Neue", Arial, sans;">
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;">僕は昔は全然ハロウィンとかしなかったんですが、去年、一昨年と連続して楽しめるようになったクチです👻</span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;"><br /></span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;">仮装とかはあんまり気合いを入れていなくて、クリスマスの時に買った星の被り物がシンプルなのにキラキラしてて楽しい気持ちになれるのでお気に入りで良く被っています🌟</span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;"><br /></span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;">今回は前から使ってみたかったLEDテープを使ってこの星をバージョンアップさせ、去年よりより楽しい気持ちでハロウィンに臨むことにしました💪</span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;"><br /></span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<div>
<span style="color: white;">早速ですが完成版はこんな感じです。</span></div>
<div>
</div>
</div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-style: normal; font-variant-caps: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<div style="clear: both; font-size: 16px; font-weight: normal;">
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div>
<br /><span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyuLtx2ZkcVVGjQH8ZKqwNq9v_ohTsYkYj-M8KxK9kARp1gJLMRVbgb49CLLMJpsmpqYctMNORZj5rctczIv9Cyjh_qIBHzxlh9W5EINbdFdjTCQUUKiUVuTBY4jLwX_DqpFJS6EnILuk/s1600/FullSizeRender.jpg" imageanchor="1"><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyuLtx2ZkcVVGjQH8ZKqwNq9v_ohTsYkYj-M8KxK9kARp1gJLMRVbgb49CLLMJpsmpqYctMNORZj5rctczIv9Cyjh_qIBHzxlh9W5EINbdFdjTCQUUKiUVuTBY4jLwX_DqpFJS6EnILuk/s640/FullSizeRender.jpg" width="640" /></a></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><br /></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;">動画はこんな感じ。</span></span></div>
<div>
<blockquote class="twitter-video" data-lang="en">
<div dir="ltr" lang="ja">
今年のハロウィンは光ります🌟 <a href="https://t.co/62NOjvOJLZ">pic.twitter.com/62NOjvOJLZ</a></div>
— シチク・ジ・エンド👻 (@79yuuki) <a href="https://twitter.com/79yuuki/status/791904781203705856">October 28, 2016</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><br /></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><br /></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
</div>
<div style="clear: both; font-size: 16px; font-weight: normal;">
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;">星の周りにLEDテープを手縫いで縫い付けて、コントローラなどを星の中に安全ピンで固定しています。リモコン対応しているので、受光部を首元からこっそり出し、リモコン経由で16色と4パターンの点灯パターンに切り替える事が出来ます。</span></span></span></div>
</div>
<div style="clear: both; font-size: 16px; font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div style="clear: both; font-size: 16px; font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<h2 style="clear: both; font-size: 16px; font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;">作り方紹介</span></span></span></h2>
<div style="clear: both; font-size: 16px; font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div style="clear: both; font-size: 16px;">
<div style="font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn4CXLhwFfyZJdSzIL2I_oFHtPqTh3biRKuPS2pKFaUfDpAjDB6wzMdQPZjdC9TIewK6VRsZjbkC8bMf-j_yA14cN7jv83bJv8YPD12wQhJDUvFf9M06TTN6RICnzl0roZ3K4VESmxaO8/s1600/Evernote+Camera+Roll+20161102+013021.jpg" imageanchor="1"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn4CXLhwFfyZJdSzIL2I_oFHtPqTh3biRKuPS2pKFaUfDpAjDB6wzMdQPZjdC9TIewK6VRsZjbkC8bMf-j_yA14cN7jv83bJv8YPD12wQhJDUvFf9M06TTN6RICnzl0roZ3K4VESmxaO8/s640/Evernote+Camera+Roll+20161102+013021.jpg" width="640" /></a></span></span></span></div>
<div style="font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div style="font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;">LED周りで必要なパーツ類は以下のとおりです。</span></span></span></div>
<div style="font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div>
<ul>
<li><span style="color: white;"><b>LEDテープ</b><span style="font-weight: normal;"> :今回はカラフルにしたかったのでRGBタイプのモノで2mのを買いました。4000円ちょっとくらい。</span></span></li>
<li><span style="color: white;"><b>コントローラー</b><span style="font-weight: normal;">:リモコン付きで、12Vの電源とつなげると色の制御をしてくれます。他にも音楽連動タイプとかもあって、そっちを買っておくべきだったなとちょっと後悔しました。これも2000円くらいだったような。。</span></span></li>
<li><span style="color: white;"><b>電池ボックス</b>:今回は電源を持ち歩きたかったので12V出すために単三電池を8つ直列につなげて出力をまかないました。ちょっと重い。歩いてるときはパーカーを着てフードに入れてました。3日間ハロウィンで使ったけど夜だけつけたり消したりしてなんだかんだずっと8本だけで耐えられました。</span></li>
</ul>
</div>
<div style="font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;">電力が12V必要なのは、本来は車などでの利用を想定しているからっぽいです。タクシーのドアについてるやつとか。</span></span></span></div>
<div style="font-weight: normal;">
<span style="font-size: 17px;"><span style="color: white;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"></span></span></span></div>
</div>
<div style="clear: both; font-size: 16px; font-weight: normal;">
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4FW0F5xjwRjISuRAJGGwmJZbVEzLhpfo-rDPNLdnxkObtQLLE7u3oESqZ4B71EqSZX31EnTDI1KYMAkiUSiFFlOuu54Bkd7QQRyu4YKTqnt-uI0c40L2jxIRfiwQ7r_AUfEF6JbAfTNI/s1600/Evernote+Camera+Roll+20161102+013021+%25281%2529.jpg" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4FW0F5xjwRjISuRAJGGwmJZbVEzLhpfo-rDPNLdnxkObtQLLE7u3oESqZ4B71EqSZX31EnTDI1KYMAkiUSiFFlOuu54Bkd7QQRyu4YKTqnt-uI0c40L2jxIRfiwQ7r_AUfEF6JbAfTNI/s400/Evernote+Camera+Roll+20161102+013021+%25281%2529.jpg" width="300" /></a></span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;">LEDテープはこんな感じで等間隔でLEDが付いているのと、その間に4つ並んではんだがついている所で同じモノがつながっているだけです。</span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div>
<div style="clear: both; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px;">
<span style="color: white;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkSHyFNbNt0oilVC_moT1IUWVtajvIrCpS8t7IkSzyIhGY9NdTMuVXSsKtMqLmAlxFchQEQq3vJfFnEqyXQC-we6502z55udCPOW4bIrsKhWoIv60rOduKrz4OFz2aWoQtCQ9lC5uQUwM/s1600/Evernote+Camera+Roll+20161102+013022.jpg" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkSHyFNbNt0oilVC_moT1IUWVtajvIrCpS8t7IkSzyIhGY9NdTMuVXSsKtMqLmAlxFchQEQq3vJfFnEqyXQC-we6502z55udCPOW4bIrsKhWoIv60rOduKrz4OFz2aWoQtCQ9lC5uQUwM/s400/Evernote+Camera+Roll+20161102+013022.jpg" width="300" /></a></span></div>
<div style="clear: both;">
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;">4つのはんだが並んでいるのと同じく、LEDテープの端には4つの穴が空いた端子があります。</span></span></span></div>
</div>
</div>
<div>
<div style="clear: both; font-family: gotham, helvetica, arial, sans-serif; font-size: 14px;">
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
</div>
<div style="clear: both; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px;">
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsi9dOf_iGydgcPlOtoTVVWBlaNutg-PKSVd0MTJp8iI-0-gK96yppVia4cQxILzc7vX9kbdk42eTxopmmzFkXORUTo_Jjg5NCpNqdvxVq71xP0Ml8EZZg1d5_Dc4Ur6gT9pUskOoDx58/s1600/Evernote+Camera+Roll+20161102+013022+%25281%2529.jpg" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsi9dOf_iGydgcPlOtoTVVWBlaNutg-PKSVd0MTJp8iI-0-gK96yppVia4cQxILzc7vX9kbdk42eTxopmmzFkXORUTo_Jjg5NCpNqdvxVq71xP0Ml8EZZg1d5_Dc4Ur6gT9pUskOoDx58/s400/Evernote+Camera+Roll+20161102+013022+%25281%2529.jpg" width="300" /></a></span></span></span></div>
</div>
</div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;">電源側には同じく4本のピンがあり、先程の4つの穴に挿入できるようになっています。4本あるのはRGBへの電力供給3つと、GRDがあるからっぽいです。</span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light";"><span style="color: white;">LEDテープの反対側には同じピンがあって、間で増幅することで延長することも出来ます。</span></span></span></div>
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
</div>
<div style="clear: both; font-size: 16px; font-weight: normal;">
<div>
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigb7TuPOIhmy_etmOOv3szEI4MQybDeFtaQbVlujvPqhkC29rRLL5ZbOZCZDO5HBsfeEfnijoO6EPWSfRpxRUsdhtB3U5Wt6p2mKkiNuE-1-EweIrrSRQO0zbmc587hP3ca1P-ONW0dlQ/s1600/Evernote+Camera+Roll+20161102+013022+%25282%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigb7TuPOIhmy_etmOOv3szEI4MQybDeFtaQbVlujvPqhkC29rRLL5ZbOZCZDO5HBsfeEfnijoO6EPWSfRpxRUsdhtB3U5Wt6p2mKkiNuE-1-EweIrrSRQO0zbmc587hP3ca1P-ONW0dlQ/s320/Evernote+Camera+Roll+20161102+013022+%25282%2529.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj18Z4Nyf0K4s5hmSi_NaJDnjq-wyK8P2lSCk5SYYvWnFXoOcPCc3XNE6ZTbiXnj7upVNd0Qd62sxI_YM2ocpTQaDsk1cXK4C0tYY0YrI7q0VTzc1jiLpwokkdYQAohdAcXVGZLrFFf28g/s1600/Evernote+Camera+Roll+20161102+013023.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj18Z4Nyf0K4s5hmSi_NaJDnjq-wyK8P2lSCk5SYYvWnFXoOcPCc3XNE6ZTbiXnj7upVNd0Qd62sxI_YM2ocpTQaDsk1cXK4C0tYY0YrI7q0VTzc1jiLpwokkdYQAohdAcXVGZLrFFf28g/s320/Evernote+Camera+Roll+20161102+013023.jpg" width="240" /></a></span></div>
</div>
<div style="clear: both; font-size: 16px; font-weight: normal;">
</div>
<div style="clear: both; font-size: 16px; font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px; font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;">あとは電源がこんな感じで電線が出ているのではんだづけします。</span></span></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px; font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px; font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px; font-weight: normal;">
<span style="font-size: 17px;"><span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-weight: normal;">
<span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimIe5XDg5JOxbqvJO3o_0cN-Ia73D_PP4qAH99EA9WmEp8OL7EfJmFA1x8WgGxbj3wP6TPVPGLG7XcKfDw5Iy0DFC5hE8BJfupINZ-bQ-MGNKMryVhxHYEBmFq838FvfHekLrxoesC12g/s1600/Evernote+Camera+Roll+20161102+015720.jpg" imageanchor="1" style="font-size: 17px;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimIe5XDg5JOxbqvJO3o_0cN-Ia73D_PP4qAH99EA9WmEp8OL7EfJmFA1x8WgGxbj3wP6TPVPGLG7XcKfDw5Iy0DFC5hE8BJfupINZ-bQ-MGNKMryVhxHYEBmFq838FvfHekLrxoesC12g/s400/Evernote+Camera+Roll+20161102+015720.jpg" width="300" /></a></span></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-weight: normal;">
<span style="font-family: "helvetica neue light" , , "helvetica" , "arial" , sans-serif;"><span style="color: white;"><br /></span></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-weight: normal;">
<span style="color: white;">最後は丁寧に一縫い一縫い地道に星の周りに縫い付けて行きます。。外周2mもあったのですが、アニメを見ながら2時間位で完成しました。</span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-weight: normal;">
<span style="color: white;"><br /></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-weight: normal;">
<span style="color: white;"><br /></span></div>
<h3 style="font-family: gotham, helvetica, arial, sans-serif; font-weight: normal;">
<span style="color: white;">ハロウィンは光ると目立つ</span></h3>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px; font-weight: normal;">
<span style="color: white;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuHyXcjsWsraQve7n6lFhTGvkM6z4HmYeqgRoU3J6nWaqh0Y2090PBjeMeDDnZuv989IMLyskiZUhdF96gaZVxkY90W07eWEf4zbEhNa7H88sq0Fwq_a7pYMmLy9I3FtsMJIOZOJ8EsfM/s1600/Evernote+Camera+Roll+20161102+021153.jpg" imageanchor="1"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuHyXcjsWsraQve7n6lFhTGvkM6z4HmYeqgRoU3J6nWaqh0Y2090PBjeMeDDnZuv989IMLyskiZUhdF96gaZVxkY90W07eWEf4zbEhNa7H88sq0Fwq_a7pYMmLy9I3FtsMJIOZOJ8EsfM/s640/Evernote+Camera+Roll+20161102+021153.jpg" width="640" /></a></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px; font-weight: normal;">
<span style="color: white;">友達のゾンビメイド達とPSVRで遊ぶ人の仮装の人(PSVRの人も自作してて強い)</span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px; font-weight: normal;">
<span style="color: white;"><br /></span></div>
<div style="font-family: gotham, helvetica, arial, sans-serif; font-size: 14px; font-weight: normal;">
<span style="color: white;"><br /></span></div>
</div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;">去年一昨年と同じ星を付けて渋谷を歩いたときはちょっとシュールでただの雑な荒川アンダーザブリッジの星コスプレみたいになって生暖かい目で見られてましたが、今回は眩しいほどの光量とカラフルな発光パターンでテレビにも映ったらしいし街の反応もとても良かったみたいで良かったです。</span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;"><br /></span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;">みんな趣向を凝らした仮装が沢山あった中で、「あードンキで買ったのね。」みたいな感じになってしまっていたところを、こういった工作で少しだけグレードアップさせられたのはとても楽しかったです。</span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;"><br /></span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;">今回は使ってみたかったLEDテープの仕組みも分かったし、もっと高価なやつだとチームラボさんの展示とかでやってたみたいなプログラミング制御とかもできるみたいなので試してみたいなと思ったりしました。</span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;"><br /></span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: white;">はー色々忙しかったのにやったし酒飲みすぎて体調が悪い!しばらくはおとなしく過ごしたいと思います。。今度はクリスマスにお会いしましょう🌟</span></div>
<div style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-stroke-width: 0px; color: black; font-family: "Helvetica Neue Light", HelveticaNeue-Light, helvetica, arial, sans-serif; font-size: 17px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-size-adjust: none; text-transform: none; white-space: normal; word-spacing: 0px;">
<br /></div>
</div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-91649176702209781502016-10-09T01:25:00.000+09:002016-10-09T01:25:02.293+09:00LINE beacon で玄関に近づいたら天気教えてくれる LINE bot 作ってみた<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzj4T2O94sf0tMPvx2uHiGtlMG3idOnrYIgKeihvysy-y9XDsbYrPRS1qxjT9KwnHB5korFPdOFFa-KapqTBwpqAEPSWOfjJ1slon8-NoJ1OEUiADUexGYFD44NxzIdtl8RB0Uz6KlTnU/s1600/CuQh2lqUEAAjCQ1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzj4T2O94sf0tMPvx2uHiGtlMG3idOnrYIgKeihvysy-y9XDsbYrPRS1qxjT9KwnHB5korFPdOFFa-KapqTBwpqAEPSWOfjJ1slon8-NoJ1OEUiADUexGYFD44NxzIdtl8RB0Uz6KlTnU/s640/CuQh2lqUEAAjCQ1.jpg" width="640" /></a></div>
<br />
<br />
LINE DEVELOPER DAY 2016 で貰った beacon 使ってなんかつくってみよ〜と思ったので、なんか作ってみることに。<br />
<br />
良く家出る直前に「今日雨降るんだっけ?」と思って天気調べたりするのがめんどくさいので、玄関に置いた beacon に近づいたら LINE 通知で天気を教えてくれる bot を作ってみることにしました。<br />
<br />
<h2>
作り方</h2>
<br />
手順はこんな感じ<br />
<br />
<ol>
<li>LINE@ のアカウントを作る</li>
<li>LINE の Developer Trial に登録して Message API を使えるようにする</li>
<li>LINE@ アカウントを Bot 設定 ON にして API と連動させる</li>
<li>LINE beacon の設定 URL から Beacon を LINE@ アカウントと連動させる</li>
<li>サーバーを立ててやりたい実装しつつ、 Web hook (callback URL) を作って LINE@ に設定する</li>
<li>Beacon の電源を ON する</li>
<li>スマホの LINE 設定で beacon 利用を許可する</li>
<li>作った LINE@ と友達になる</li>
<li>Beacon に近づけてみる…!</li>
</ol>
<div>
LINE@のアカウントを作って、開発権限とって、Beaconとそれぞれを連動させて、サーバー立てて動かすって感じです。かんたん!</div>
<div>
<br /></div>
<div>
大体はこのページの「 Messaging API をはじめる」 「Developer API を始める」の2つから設定とかを探していけばイケます!(他にも探したら同じような記事あるのでわからなかったら探してみてね)</div>
<div>
<br /></div>
<div>
<a href="https://business.line.me/ja/services/bot">https://business.line.me/ja/services/bot</a></div>
<div>
<br />
(サーバーは https じゃないと駄目だったりしたので heroku で Node.js 書いて作りました。)</div>
<h2>
作った天気教えてくれる bot について</h2>
<div>
通常 Messaging API 連動した LINE@ アカウントと友だちになってメッセージを送ると "type": "text" みたいな形のデータが POST で届きます。Beacon に近づいたら届くデータの場合は "type": "beacon" になっているだけです。今回はこの beacon イベントが届いたときに OpenWeatherMap API を叩いて天気をとってきたりして返事しています。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXDQUUw8WzM0w-r6uLKEF3_SQSnij38L_I9VrmBNVIG9aIqdQs9opgLZy-jdZjDhNyl5sTeCONZH6K42beFWpSRkxhGzHojcTsLy1cUomHAOTBuNypizGPcRg8pyyCmzgmnAmideXjOY/s1600/CuQhdFyUsAAahhR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXDQUUw8WzM0w-r6uLKEF3_SQSnij38L_I9VrmBNVIG9aIqdQs9opgLZy-jdZjDhNyl5sTeCONZH6K42beFWpSRkxhGzHojcTsLy1cUomHAOTBuNypizGPcRg8pyyCmzgmnAmideXjOY/s400/CuQhdFyUsAAahhR.jpg" width="400" /></a></div>
<br /></div>
<div>
おまけなんですが、OpenWeatherMap API で返ってくるデータが全部英語で、それを日本語に翻訳したものをかんたんにモジュール化して GitHub と npm に公開したので良かったら使ったり直したりしてください^^</div>
<div>
<br /></div>
<div>
<a href="https://github.com/79yuuki/owm-code-jp">https://github.com/79yuuki/owm-code-jp</a></div>
<div>
<a href="https://www.npmjs.com/package/owm-code-jp">https://www.npmjs.com/package/owm-code-jp</a></div>
<div>
<br /></div>
<div>
<br /></div>
<h2>
LINE beacon の可能性</h2>
<div>
LINE が Beacon 事業をやるのは素晴らしいことだと思います。昔 BLE 買ってきて、連動するアプリを作ろうとしたことがあるんですが、やっぱり専用のアプリをインストールさせたりする手間などがかかったりするので残念でした。でもこれらを LINE がやるとなると話は別で、LINE は今日本人のスマホには大体インストールされているので Beacon 専用のアプリをインストールする手間がゼロになります。これがスゴイ。可能性が広がりまくりです。</div>
<div>
<br /></div>
<div>
そして LINE Beacon 自体の可能性ですが、現状<b>"近づいたら通知する"</b>という機能しかないのと(中の人いわく<b>"離れたら通知する"</b>機能も付けたいらしいけど)、それによって生まれる便利な生活のイメージはまだまだ未知数な気がしています。</div>
<div>
<br /></div>
<div>
今回作った「玄関に近づいたら今日傘がいるかどうか知る為に天気を教えてくれる」というものは、日々の生活の中で「いつも家出る直前に天気アプリ開いていて面倒だなぁ」っていう問題を解決できました。普通に天気アプリ開いたらいいじゃんってのも分かるんですが、決まった時間に通知するわけでもなく、<b>玄関に近づいたら勝手に教えてくれる</b>というのが気持ちいいわけです。</div>
<div>
<br /></div>
<div>
これからあるなぁって思うのは、ハチ公とかの待ち合わせスポットにBeacon仕込ませてもらって、待ち合わせ中の人たちに Beacon 経由で有用な情報を送りつけるとか、そういうことができるようになるんだと思います。新しい広告プラットフォームみたいな使い方。それ以外だと今回作ったみたいな生活をちょっと便利にする秘書的な、最近も発表があった Google Home みたいな使い方が増えてくるんじゃないでしょうか。</div>
<div>
<br /></div>
<h2>
まとめ</h2>
<div>
LINE で bot を初めて作ってみたんですが、大体1〜2時間くらいで完成しました(実装は雑だけど)。このブログにまとめる時間のほうがかかっていたような気がしますw それくらいかんたんな LINE bot と Beacon の設定と開発。API もシンプルだし、"何をやるか"について考える時間をもっと割くべきだなと思いました。</div>
<div>
<br /></div>
<div>
賞金1000万の <a href="https://botawards.line.me/ja/" target="_blank">LINE bot のアワード</a>もあるみたいだし、これからどんどん盛り上げて行きたいみたいなのでこのビッグウェーブに乗るのも結構いいかもしれませんね。なんか出してみようかなヽ(´ー`)ノ</div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-63643679480445585342016-07-28T00:07:00.000+09:002016-07-28T00:07:18.322+09:00Riot.js 勉強会を主催しました<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRV59XhVv6O93Wpb0FJAh4mgK7dp1Cw5EicPJU-h_jPDSXYJMPkVRCtp2FkG9vVcbzaADiiQJqeNmp85xRNFx9YAKqRLShpjeQRWU4hDIY0_uj-AvnQ2BtshBWDlCpV6jVBrRf0FdcRAc/s1600/slide_0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRV59XhVv6O93Wpb0FJAh4mgK7dp1Cw5EicPJU-h_jPDSXYJMPkVRCtp2FkG9vVcbzaADiiQJqeNmp85xRNFx9YAKqRLShpjeQRWU4hDIY0_uj-AvnQ2BtshBWDlCpV6jVBrRf0FdcRAc/s640/slide_0.jpg" width="640" /></a></div>
<div>
<br /></div>
今仕事でも使っている Riot.js 勉強会を、 「<a href="http://phiary.me/frontend-riot-js-no1/" target="_blank">フロント界隈で一番イケてるのは AngularJS でも React でもなく Riot.js だという話</a>」というブログでバズった @phi_jp さんを twitter でナンパして一緒に開催しました!<div>
<br /></div>
<div>
<a href="http://riotjs-jp.connpass.com/event/35724/" target="_blank">当日の connpass イベントのリンク</a><a href="https://www.blogger.com/(http://riotjs-jp.connpass.com/event/35724/)">(http://riotjs-jp.connpass.com/event/35724/)</a>に詳細と、発表者の資料が公開されています!<span style="font-size: x-small;">(まだ全員じゃないかも ※2016/07/27 23:35現在)</span></div>
<div>
<br /></div>
<div>
<div>
当日の僕の発表資料はコチラ↓</div>
<div>
<script async="" class="speakerdeck-embed" data-id="d6037055abf8494884bca0403befa48d" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script></div>
</div>
<div>
<br /></div>
<h3>
勉強会について</h3>
<div>
社内にも告知出そうと思ったら、いつの間にか情報公開したイベントが勝手に広まって一瞬で満席になってしまいました。かなり注目度の高い勉強会だったようで、開催できてとてもうれしいです!</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWGiMxvG7-RKvBqbJR2aA8mSfoyYWqYCpv1JQZ8ni7K8vl0TShIPkfBTDqetZsdEpXqlzObKBA5nir-XIHpNEQ79zq7CwM8O4o6bisK0lhNRykf1Zj9OkmMvDhkQFSSPyDxy6woRusHCE/s1600/CoXlRQZUMAAyoEX.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWGiMxvG7-RKvBqbJR2aA8mSfoyYWqYCpv1JQZ8ni7K8vl0TShIPkfBTDqetZsdEpXqlzObKBA5nir-XIHpNEQ79zq7CwM8O4o6bisK0lhNRykf1Zj9OkmMvDhkQFSSPyDxy6woRusHCE/s320/CoXlRQZUMAAyoEX.jpg" width="240" /></a></div>
<div>
</div>
<div>
<br /></div>
<div>
今回の開催は首都圏で初めて行われた大きな勉強会ということで、ゲストスピーカーにコアコミッターの @cognitom さんをお呼びしました。</div>
<div>
Riot.js の隅々まで知り尽くした方の基調講演レベルの発表も聞けて、とても充実した勉強会になったと思います。phiさんのハンズオンも実践的だったし、素晴らしかった。次回もやりたいなぁ。</div>
<div>
<br /></div>
<h3>
発表内容について</h3>
<div>
最近頑張って黙々と仕込んでいたサイバーエージェントの新サービス、AMESTAGE (旧アメスタ) の Web ブラウザ版を作った話です。</div>
<div>
サーバーからフロントまで、(というかフロントエンドエンジニアとしては初の仕事で) Riot.js + Web Components + Atomic Design な構成でガッツリ作ってみたよ〜という内容です。発表中のデモをやったんですが、同期のCA女子にお願いしてとても面白く出来たと思いますw</div>
<div>
<br /></div>
<h3>
Riot.js のススメ</h3>
<div>
Riot.js はこれからフロントエンド開発が収束していくべき Web Components の考えに則り、React (使いたいし素晴らしいのだけど) のようなすべてのWeb製作者が使うには難しすぎるみたいなこともなく、一番シンプルに再利用可能なコンポーネントの作成を体験させてくれるステキなライブラリです。ぜひ使ってみてください!</div>
<div>
<br /></div>
<h3>
謝辞</h3>
<div>
Riot.js を使って、Atomic Design に乗せて世に放った AMESTAGE。様々な人の助けを貰って開発できました。</div>
<div>
近況報告じゃないですが、久しぶりに楽しく仕事させて貰ってます!Riot.js を始めるキッカケをくれた takusuta の皆さん、Atomic Design を社内に広めてくれていた goto さんをはじめ、いろいろな技術的な質問に答えて頂いた AbemaTV の皆様、役員の皆様、そしてチームメンバーの皆様、今の環境に感謝してもしたりないくらいです。</div>
<div>
AMESTAGE成功させないとなぁ。。これからも頑張ります!!</div>
<div>
<br /></div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-4723963314984530042016-07-05T12:55:00.004+09:002016-07-05T12:55:45.731+09:00スマホブラウザで "アプリを開く" 的なボタンを用意する時に困ったことと対策スマホのブラウザでアプリがインストールされている時はアプリが開き、インストールされていない時はストアが開く、みたいな実装をする事になっていろいろ調べたら困ったのでメモ。<br />
<br />
<h3>
アプリで開くリンク1つだけ用意する場合</h3>
もちろん Android と iOS で違う。<br />
iOS はバージョンでも違う。<br />
iOS 8 以下だと iframe 使ってカスタムURLスキームが生きているか判別できる。iOS 9 だと Apple に対策されちゃって出来ない。<br />
<br />
Android ( <a href="http://nukokusa.hatenablog.jp/entry/2015/08/26/200000">http://nukokusa.hatenablog.jp/entry/2015/08/26/200000</a> ) と<br />
iOS 8 以下ならこの記事の内容で出し分け出来る。<a href="http://qiita.com/ooyabuh/items/388ffb0427b2772a9c66">http://qiita.com/ooyabuh/items/388ffb0427b2772a9c66</a><br />
<br />
<h3>
iOS 9 以降の対策</h3>
アプリで開く、という意味でのリンクは出し分ける方法が正式に無さそう。<br />
いろいろあるけど、無理やり感がある。<br />
<a href="http://qiita.com/makoto_kw/items/5a99e37f7172337ae4be">http://qiita.com/makoto_kw/items/5a99e37f7172337ae4be</a><br />
<br />
そこで<b>Universal Links</b>。<br />
<br />
webと同じURLで、登録されていればそもそもwebを開かずアプリを開く。<br />
<a href="http://qiita.com/mono0926/items/2bf651246714f20df626">http://qiita.com/mono0926/items/2bf651246714f20df626</a><br />
<br />
Androidにもwebと同じURLでアプリを開く仕組みがあるけど、ブラウザで開くのか、アプリで開くのかをユーザーに選択させるのでちょっとイケてない。<br />
<a href="http://qiita.com/nein37/items/3b69f85b97d0883eb1ca">http://qiita.com/nein37/items/3b69f85b97d0883eb1ca</a><br />
<br />
<br />
<h3>
結論</h3>
<b>Android : </b><br />
アプリで開くボタンを用意して、インストールされていればアプリ、されていなければストアが開く。<br />
<b><br /></b>
<b>iOS (8以下) : </b><br />
iframe でカスタムURLが生きてるかチェックして、ストアのURLを差し込んだりする。<br />
<br />
<b>iOS (9以上) :</b><br />
Universal Links を使って、アプリが入っていればそのままアプリを開く、入っていなかったらストアへのリンクを用意した Web ページを表示する。<br />
<br />
<span style="font-size: x-small;"><br /></span>
<span style="font-size: x-small;">Universal Links だと、Twitter の告知からアプリ開いた時とか計測できないんじゃないの?とか思ったけど、その辺りはどうなんだろう。。</span><br />
<span style="font-size: x-small;"><br /></span>
<div>
<br /></div>
<h4>
その他調べてて知ったやったいたほうが良いアレコレ</h4>
<div>
<span style="font-family: "Helvetica Neue"; font-size: 14px;">iOS9 の Search API に対応したら良さそう。</span></div>
<div>
<div style="font-family: 'Helvetica Neue'; font-size: 14px;">
<a href="http://qiita.com/mono0926/items/27af791065ed919255e0"></a><a href="http://qiita.com/mono0926/items/27af791065ed919255e0">http://qiita.com/mono0926/items/27af791065ed919255e0</a></div>
<div style="font-family: 'Helvetica Neue'; font-size: 14px;">
<br /></div>
<div style="font-family: 'Helvetica Neue'; font-size: 14px;">
iOSカスタムURLスキームの注意点。(iOS9から開かなくなるらしいから要確認)
</div>
<div style="font-family: 'Helvetica Neue'; font-size: 14px;">
<a href="http://qiita.com/Night___/items/60355d21951cffbef51b"></a><a href="http://qiita.com/Night___/items/60355d21951cffbef51b">http://qiita.com/Night___/items/60355d21951cffbef51b</a></div>
</div>
<div>
<br /></div>
<div>
growth link がなんか計測もディープリンク対応もあっていい感じ。</div>
<div>
<a href="http://link.growthbeat.com/">http://link.growthbeat.com/</a></div>
<div>
<br /></div>
<div>
他にも何か気をつけることとかあったら教えて下さい^v^</div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-49441779164731711392016-01-04T16:17:00.002+09:002018-07-19T19:10:25.009+09:002015年から2016年の79は何処に向かうのか<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkMxCGjSDcnFWmJf4T6BRTt7UijwxHX5OB5JUXlUl7G6xoFge8CPmSz4o1yJwmkdO1YS-TxVlTQmNLAh7Cs0acTHyi_Li_DzuO2WtTXvqogN8e1gz_D4NMmgmiKi3u3ccYqDd4L9Zii4/s1600/79cover.png" imageanchor="1"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkMxCGjSDcnFWmJf4T6BRTt7UijwxHX5OB5JUXlUl7G6xoFge8CPmSz4o1yJwmkdO1YS-TxVlTQmNLAh7Cs0acTHyi_Li_DzuO2WtTXvqogN8e1gz_D4NMmgmiKi3u3ccYqDd4L9Zii4/s640/79cover.png" width="640"></a><br>
<br>
2015年の振り返りと2016年の行動指針について。タイトルはパクリw<br>
<br>
<h2>
2015年</h2>
<h3>
パーティー元年</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3lzN0t-Ixa-uAbSQr6U5lwzm4EY8XvLwZocpR9PwjaqymvQWydyKnAVymt_kHrugK_tZeObmQTmsEGcKfRU-Iv4pRoc_OPpHRgmkoaZ2ZqgESv23VG8bkP_bCMVmakhXppDgJ4oCyW8s/s1600/12109252_10207606696987513_3574860936027153722_n.jpg" imageanchor="1"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3lzN0t-Ixa-uAbSQr6U5lwzm4EY8XvLwZocpR9PwjaqymvQWydyKnAVymt_kHrugK_tZeObmQTmsEGcKfRU-Iv4pRoc_OPpHRgmkoaZ2ZqgESv23VG8bkP_bCMVmakhXppDgJ4oCyW8s/s320/12109252_10207606696987513_3574860936027153722_n.jpg" width="320"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEganDK37Pgw_2PY8V7KL19i-7WUhISCS4U6pCphZIHj2bxjc1JdMl5mDn_UF5eAr3KprnuoGj3Jd9OmSTnLpRYqpo_lKHxDccAl8VDx7NQvZnmES_bRL_rPBrc82Fhi-RBE9SIph_-N7_4/s1600/12189511_10201078942691960_6880281967990743941_o.jpg" imageanchor="1"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEganDK37Pgw_2PY8V7KL19i-7WUhISCS4U6pCphZIHj2bxjc1JdMl5mDn_UF5eAr3KprnuoGj3Jd9OmSTnLpRYqpo_lKHxDccAl8VDx7NQvZnmES_bRL_rPBrc82Fhi-RBE9SIph_-N7_4/s320/12189511_10201078942691960_6880281967990743941_o.jpg" width="320"></a><br>
<br>
2015年は自分の中でパーティ元年。いきなり何を言ってるのか良く分からないが、パーティが好きになれた一年だった。本当によく遊んだ。変なイベントにも沢山行った。遅れてきた青春(ただの厄介)なのかもしれない。酒もたくさん飲んだし、健康診断は要精密検査が3項目あって、2月には2リットルの下剤を飲んで肛門からカメラを入れられる予定だ。<br>
<br>
アニソンDJや廃校を借りたプールサイドDJ、新宿二丁目でのDJ、結婚式二次会でのDJなど、DJ活動も月2回以上のペースでやってた気がする。<a href="https://79yuuki.amebaownd.com/" target="_blank">DJ79のOwndサイト</a>もちゃんと更新してたけど、色々やってる中で良くこなしてたと思う。<br>
<br>
<span style="font-size: x-small;">残念だけど、誰かの曲を呼ばれて流すだけだと得られるものは少ない。公募に出したり、トラックメーカーか、自主イベントをやらない限りDJというものは広がりがないのだなぁと感じた。</span><br>
<span style="font-size: x-small;">と言いつつも呼んでもらったり、普通にやってる時や友達がいる前でやるのはすごく楽しい。自分の知った人を呼んで個人的にイベントやるのは良いかもしれない。何か機会があれば企画したいと思った。今年の三十路誕生日3/13とか!</span><br>
<br>
<h3>
筋トレ</h3>
筋トレが捗った一年でもあった。大学時代の58kgから、ついに70kgまで到達できた。体脂肪のコントロールも出来るようになってきたし、30代に向けての身体作りはしっかり出来てきたと思う。<br>
<br>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0FgLGaBFXTjTFKYjntcDbah5baqxwfSXQcyo9YWyKNTQOIhke7xUTToLtrEXxc9SVRxjyNqAs34Xq2AWtgaYO2phqHTpCvVIINSHZz97J9A3AQkKJmJ2FD0dREaZ3vT8JzxONh8oC8o4/s1600/CV_r3ZuVAAAG0uG.jpg" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0FgLGaBFXTjTFKYjntcDbah5baqxwfSXQcyo9YWyKNTQOIhke7xUTToLtrEXxc9SVRxjyNqAs34Xq2AWtgaYO2phqHTpCvVIINSHZz97J9A3AQkKJmJ2FD0dREaZ3vT8JzxONh8oC8o4/s320/CV_r3ZuVAAAG0uG.jpg" width="136"></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmvm4bKzrGvr-c8aQ-8_rO5mVdlUok9B5SB84UtzOY12YkayQeWxtIuM9EqlUYPLtQSrXbXy1n8NI-zUP_eUCPFxBBB4Yzd09Si2wTtep2Wn4tevQVDJ5JNF3V_yZ8Oxb-ZipGNTPRb1U/s1600/CRgyZKWUYAAfLxo.jpg" imageanchor="1"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmvm4bKzrGvr-c8aQ-8_rO5mVdlUok9B5SB84UtzOY12YkayQeWxtIuM9EqlUYPLtQSrXbXy1n8NI-zUP_eUCPFxBBB4Yzd09Si2wTtep2Wn4tevQVDJ5JNF3V_yZ8Oxb-ZipGNTPRb1U/s320/CRgyZKWUYAAfLxo.jpg" width="320"></a><br>
こんな感じ(1枚目:大学時代、2枚目:最近)<br>
<br>
<br>
<h3>
2015年の活動と反省</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhndrgE0U6Omje47LnM_3caSACn957wRNdm1KECP3OkbJ22wPunVcrG63KlS1qmtBwtgfUtcFNVuRd7ec7b1EHHD6qgL2BgCGMpRe5abLYhcLOC-6mAnrALbM5LAOk1qU9BmfpF6ijaN08/s1600/12235014_10207819759393940_462882865249102585_n.jpg" imageanchor="1"></a><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhndrgE0U6Omje47LnM_3caSACn957wRNdm1KECP3OkbJ22wPunVcrG63KlS1qmtBwtgfUtcFNVuRd7ec7b1EHHD6qgL2BgCGMpRe5abLYhcLOC-6mAnrALbM5LAOk1qU9BmfpF6ijaN08/s320/12235014_10207819759393940_462882865249102585_n.jpg" width="320"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk3cgC7ZZO08If6VNCBCyD4XR87e7_3VqVOE7szMw2rkAZnVt7SLM9bHzMhYDRKKAA_yGK0nOeYuvJtG9KZWT0qkhFr5f66xK8EZJJaWVAQjBKIaSoEhKilkTMFRRptp5AopfhN4oWOas/s1600/11329887_10206631500848219_7407536429157983531_n.jpg" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk3cgC7ZZO08If6VNCBCyD4XR87e7_3VqVOE7szMw2rkAZnVt7SLM9bHzMhYDRKKAA_yGK0nOeYuvJtG9KZWT0qkhFr5f66xK8EZJJaWVAQjBKIaSoEhKilkTMFRRptp5AopfhN4oWOas/s320/11329887_10206631500848219_7407536429157983531_n.jpg" width="240"></a><br>
<br>
社内ISUCON的なお祭りに嫌々参加したけど上位入賞出来たし、<a href="http://purple-bamboo.blogspot.jp/2014/10/webgithub.html" target="_blank">本を書いたのをキッカケに</a>、GitHubのMeetupに呼んでもらって、社長とセルフィー撮ったりする機会もあった。<br>
BaPAの二期も始まって手伝わせて貰ったりして、色々刺激も貰えて良かった。<br>
真面目な活動といえば<a href="https://schoo.jp/course/229" target="_blank">schooでのNode.js講座</a>くらい。ブログもほとんど書いていない。デザインの仕事を受けたりしたけど、ドヤれるほどのクリエイティブな活動は全然出来ていなかった。<br>
仕事でのジョブサイズももともと出来る仕事以上のモノに携わらなかったし、デザイン仕事やったくらいしか個人的には成長実感が無い。これは反省点。<br>
<br>
<br>
<h2>
2016年何処に向かうのか</h2>
大きく分けるとこの4つ。<br>
<br>
<ul>
<li>人間性を捧げる</li>
<li>デザイン</li>
<li>英語・他プログラミング言語</li>
<li>せめて、大人らしく。</li>
</ul>
<div>
<br></div>
<br>
<h3>
人間性を捧げる</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4H_Rypl1SKTe-sgVQoBDlpHuOIo8lJAJKC9Rl2JohGw6IaCFui3GuZVIj2XaCGk4LaWsKWJBx3zB4SC7SZC0fcYqReeilQLerFipQTFEIhqeETP5d0BnZnVGCy92LvVS2W1AJY4H5VYg/s1600/10923297_10206106794690893_5343090353656037933_n.jpg" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4H_Rypl1SKTe-sgVQoBDlpHuOIo8lJAJKC9Rl2JohGw6IaCFui3GuZVIj2XaCGk4LaWsKWJBx3zB4SC7SZC0fcYqReeilQLerFipQTFEIhqeETP5d0BnZnVGCy92LvVS2W1AJY4H5VYg/s320/10923297_10206106794690893_5343090353656037933_n.jpg" width="320"></a><br>
<br>
2016年は人間性を捧げる年にしたい。これは僕の少ない友人の落合陽一がよく言っている言葉だ。<a href="http://bulk.co.jp/bloghomme/ochyai/022320418" target="_blank">年明け早々に出ていた彼のインタビュー記事</a>を見て思った。毎年一年の振り返りをブログに書いてきたけど、(今年は面倒で月毎の出来事にはまとめてない)彼の成し遂げてきたこと、これから成そうとしている事の多さに色々気付かされた。<br>
彼は天才かもしれないけど、昔から研究等にかける時間の量がとんでもなく多いのだ。もはやそれは人間のモノとは思えない。まさに人間性を捧げている状態なのだと思う。これを目指したい。<br>
<br>
<h3>
デザイン</h3>
デザインをもっとやりたい。<br>
今まではエンジニアとしてサーバーサイドを入社以来担当する事が多かったけど、サーバーサイド技術の廃れ方が小さく経験での積み上げが多いのが好きだった。<br>
見た目やUI・UXと言われるデザインも大学があるくらい、アカデミックなもので積み上げが出来る。だからやりたい。実際に勉強してても凄く奥が深い。答えが無いってのもあるけど。<br>
クライアントサイドの技術も学びたいけど、積み上げた技能が丸ごと廃れたりするので、その都度その都度旬な物を触れる瞬発力だけ養っておく程度にしたい(ネイティヴアプリ周りはめちゃくちゃやりたいけど)。<br>
<br>
サーバーサイドは、わかる。あとはデザインをしっかり理解して、作りたいものに合わせてクライアントサイドを学ぶ。そういう考えだ。<br>
<br>
<h3>
英語と他プログラミング言語</h3>
英語は去年全然上達しなかった。使う機会を持とうとあまりしなかったからだ。遊んでるだけじゃ上達しなくて、英会話やってみたり、お金を出して勉強しに行かないと自分は手を抜きがちな気がする。<br>
<br>
あとは他言語を勉強して、使いたい。Node.jsは良い。今後もサーバーサイドで個人的に何か作るなら手軽だし選んでいくと思う。<br>
ただ、仕事する上で使える機会で言うとそんなに無いんだなぁと業界全体を見渡して思った。あとはサーバーサイドやブラウザ以外の領域にも手を出さないとダメだなという危機感がある。新しい言語を沢山使いこなすっていう状態になりたい。<br>
<br>
<b>ということで1月は早速2週間ほど有給をとって、フィリピンはセブ島でScalaとかを使ったプログラミング仕事をしながら暮らしてみます。初海外仕事!!</b><br>
<br>
<h3>
せめて、大人らしく。</h3>
人間性を捧げるって書いたけど、捧げる程の人間性も今まで無かった(爆)ので人間性、というより大人らしさをもっと身に着けたいと思う。<br>
今日まで変なイメージでずっと生きてきたけど、最低限の人間性を持ち、当たり前の事を当たり前にできる、大人らしい生き方をそろそろ30歳になるのでやろうと思う。<br>
<br>
要はバランスなんですが、人間性を犠牲にしつつも子供のままじゃダメだなぁといういかにも三十路を目前に迎えた今更感たっぷりな目標でございます。<br>
<br>
<h3>
最後に</h3>
2016年は色々変わる年になると思います!昨年もお世話になりましたが、今後も皆様変わらずお付き合いいただければ幸いです!!紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-74055919313148787372015-05-25T18:44:00.002+09:002015-05-25T18:48:53.338+09:00schoo で Node.js 入門の授業をストリーミング配信します<div>
(あいさつ)</div>
久々のブログ更新です。もうちょっとちゃんと書こう。。<br />
<div>
近況ですが、DJをやったりデザインの仕事を個人で受け始めたり色んなプロジェクトをちょっとずつ始めてみるみたいなことを沢山やっていました。</div>
<div>
<br /></div>
<div>
DJカツドウはDJ79として Ameba Ownd を開設してみたりしたので、そちらも見てみてください^^</div>
<div>
<br /></div>
<div>
<a href="https://79yuuki.amebaownd.com/" target="_blank">DJ79's Ownd</a></div>
<div>
<br /></div>
<h2>
本題</h2>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0IikqXfzpaeM96LOF2rDLkM5hgJwTuvJkOqJ0r7Fqc2b-vZ2XHylS4QwiODCVY47tnSPiEh0BkYWBqVO4u9ZC9bzl1lhaQFyGx64HW9MSPzfMO9yO4D1DLIMOtPGTBEE6SAseZIZWEB0/s1600/2452.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0IikqXfzpaeM96LOF2rDLkM5hgJwTuvJkOqJ0r7Fqc2b-vZ2XHylS4QwiODCVY47tnSPiEh0BkYWBqVO4u9ZC9bzl1lhaQFyGx64HW9MSPzfMO9yO4D1DLIMOtPGTBEE6SAseZIZWEB0/s640/2452.jpg" width="640" /></a></div>
<div>
<br /></div>
<div>
Node.jsの授業をオンライン上で色んな授業が受けれるサービス <a href="https://schoo.jp/" target="_blank">schoo</a> さんでやることになりました。主にフロントエンドでJavaScriptを書いたことがあるくらいの人をターゲットにしての授業です。</div>
<div>
<br /></div>
<div>
↓こちらから視聴予約などできます!</div>
<div>
<a href="https://schoo.jp/course/229">https://schoo.jp/course/229</a></div>
<div>
<br /></div>
<h3>
コンセプトはこんな感じ</h3>
<div>
<blockquote class="twitter-tweet" lang="en">
<div dir="ltr" lang="ja">
今回先生するこの授業は、Node..jsを使って自分でもサイトが作れた!っていう成功体験をメインにしてます。ちと端折ったりするけど全体を学ぶのには丁度良い感じにしたい【コース授業】Node.js入門(全4回) <a href="https://twitter.com/schoo_inc">@schoo_inc</a> <a href="https://t.co/wtkmQdDDcc">https://t.co/wtkmQdDDcc</a></div>
— YukiShichiku.psd (@79yuuki) <a href="https://twitter.com/79yuuki/status/602752009553350656">May 25, 2015</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script><br /></div>
<div>
<div>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script></div>
</div>
<div>
<br /></div>
<div>
「サーバーって怖かったけどそんなでもない」って思ってもらうのが一番の狙いです。</div>
<div>
リクエストがあってレスポンスを返す。どうやってリクエストを受けるのか、その間になにをすればいいのか、どうやって動的なサイトが作られていくのか、そういうことがJS書ければ簡単にできるんや!っていうのを知ってもらいたいと思います。</div>
<div>
<br /></div>
<h3>
授業内容</h3>
<div>
<br />
<a href="https://schoo.jp/course/229" target="_blank">リンク先</a>にも書いてありますが全体をざっくり書くと、</div>
<div>
<ul>
<li>Node.jsの概要から静的ページを配信するサーバーを構築する</li>
<li>GET/POSTの仕組みを知りGitを使ってHerokuにサービスを公開する</li>
<li>Socket.ioを使ってリアルタイムWebアプリを作ってみる</li>
<li>redisを使ってデータベースに情報を保存してさらにWebアプリっぽくする</li>
</ul>
</div>
<div>
という感じになります。</div>
<div>
<br /></div>
<div>
コンセプトに書いた通り、<b>Node.jsで始めるサーバーサイド入門第一歩!</b>みたいな内容ですので、「サーバーサイド入門しておきたい」「本格的にやるための足がかりにしたい」っていう方にもおすすめかもしれません^^ω</div>
<div>
<br /></div>
<div>
<span style="font-size: large;">頑張りますのでよろしくお願い致します!!!!</span></div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-51151033289041776662014-12-31T06:12:00.001+09:002018-07-19T19:10:25.075+09:00俺の2014年を褒めてあげたい去年の終わりに「<a href="http://purple-bamboo.blogspot.jp/2013/12/2013.html" target="_blank">俺の2013年はやっぱり運が悪い</a>」という1年の振り返り記事を書きました。なかなかに自虐的な内容で辛い日々を綴った感じになっていたのですが、去年あんなに酷かった自分は今年何やってたの?ってことで今年も振り返ってみました。駄文ですが、お付き合いください。<br />
<br />
<h2>
1月:“交際中→独身”</h2>
良い滑り出しですねw 結構こんなこと言うのは女子的には良くないのかなと思いつつ、表に出すことで気持ちが凄く軽くなった感じがしました。実際色んな視界が一気に開けて良い状態になった気がします。<br />
この頃の仕事はプロテウスっていう社内フレームワークの新規開発のサポートなんかを名村さんとやらせて頂いていて、物凄く勉強できることが多かった。それをやっている途中から、オトギアの新規開発に入る事になった。<br />
Scrum Gathering Tokyoとかに会社のお金で行かせてもらって、社内へのJIRA導入のお手伝いができたりしてとても勉強することが多かったし、<a href="https://www.facebook.com/video.php?v=10202746756852047" target="_blank">Node勉強会を開いてなんちゃってインスタレーションを作ったり</a>、Node.jsでのアウトプットもやり始めた時期。<br />
<div>
<br /></div>
年末にやらせてもらった<a href="http://www.ohtapro.co.jp/topreed/" target="_blank">トップリードさんの四度目の正直</a>(←このサイトも素人なのに無理やり作らせてもらった)っていう単独ライブのロゴ・フライヤー制作の本番があって、最後スタッフロールにちゃんと名前載せてもらえて、それ見た瞬間に鳥肌が立った。。良かった。。<br />
今でも仲良しのスペイン人新卒のアントニオとは普段からすごく仲良く過ごしていて、この頃からアニソンのクラブイベントに行くようになっていた。<br />
<br />
<h2>
2月:WBSデビューwwww</h2>
去年から買って楽しんでいたBitcoin。数百万のBitcoinを預けていたMt.Goxが破産しそうになって、ジョナサンと一緒にMt.Goxに突撃しにいったらWBS(テレ東)とロイター通信に取材されたw<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaa8cwzduEA7tEitSYjZtNvICqWOcR4QCky956862o5fNppPtAEb6p0aghov9-Hgd8EWRM3nmr4TrnO-A85wkr3blU9LkDVr6Yiw2TIeTKaNQ1hKZCI1DoWY6tPrSa6f5RxMOPZy_sm64/s1600/1966238_10203099458669372_967362988_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaa8cwzduEA7tEitSYjZtNvICqWOcR4QCky956862o5fNppPtAEb6p0aghov9-Hgd8EWRM3nmr4TrnO-A85wkr3blU9LkDVr6Yiw2TIeTKaNQ1hKZCI1DoWY6tPrSa6f5RxMOPZy_sm64/s1600/1966238_10203099458669372_967362988_o.jpg" height="320" width="180" /></a></div>
<br />
<br />
仕事では1月の色んな活動が良かったのか部署で表彰などしていただいた。普段あまりそういうところで褒められないので嬉しかった。<br />
生活では1月の流れで強制的に引越しをした。新しい家は安定の代々木。代々木は良い街だ。。<br />
<br />
プライベートワークではクスールでのNode.jsの先生が始まった。Node.jsを教えるという経験は仕事でもすごく役に立って、生徒さんの疑問に答えるために、Node.jsがどうやって動いているのかというところから理解するように自然と勉強できてすごく良かった。<br />
この時期から発表されていたBaPAの課題をつくり始める。FITCで見たBaPA0回目の講義を観て胸が熱くなった。<br />
<br />
あと三島木の誕生日を何故か一緒にHe is gay Tで祝ってもらった。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibf9VaZte1jLPrff1UzbthIYh2tlcQj_y1BLiUIrprnHMrN9Ezfjcytxkyr_dvp7wK_A0hN3oJxwmhlCLuxsJr8labRs_QsY2M8Ns0mQWUJQylkPYzopaN31en-a65gFQ_JFbeOX32F-g/s1600/1743634_718867764800534_1440436029_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibf9VaZte1jLPrff1UzbthIYh2tlcQj_y1BLiUIrprnHMrN9Ezfjcytxkyr_dvp7wK_A0hN3oJxwmhlCLuxsJr8labRs_QsY2M8Ns0mQWUJQylkPYzopaN31en-a65gFQ_JFbeOX32F-g/s1600/1743634_718867764800534_1440436029_n.jpg" height="240" width="320" /></a></div>
<br />
<br />
<h2>
3月:BaPA合格</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl7PFzSIanUlVdb_WxU0uojpb0roAAmT8-TEtbUJFlY2IFdaaI1j2OO5IvC9ZH9W5LKTBDmAEApuvBKTFt_htXe7XWKfmEsMyDa4ERcuODMasfzHLGLDrhLm98U3PQmYyk5ESob_tD0mc/s1600/bapa1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl7PFzSIanUlVdb_WxU0uojpb0roAAmT8-TEtbUJFlY2IFdaaI1j2OO5IvC9ZH9W5LKTBDmAEApuvBKTFt_htXe7XWKfmEsMyDa4ERcuODMasfzHLGLDrhLm98U3PQmYyk5ESob_tD0mc/s1600/bapa1.jpg" height="199" width="320" /></a></div>
<br />
作った<a href="http://purple-bamboo.blogspot.jp/2014/03/bapa.html?spref=fb" target="_blank">アホみたいな課題</a>を評価してもらって、東大合格くらいの倍率をくぐり抜けてBaPAに合格した!!!受かった瞬間は本当に嬉しくて、急いで面倒見てもらっていた相良さんに電話して、嬉しすぎて泣いた。後に<a href="http://ameblo.jp/nukaragas/entry-11785691031.html" target="_blank">相良さんのブログ</a>に書かれていたことだけど、こういう結果で恩返しできて本当に良かった。<br />
授業も早速始まって、PARTY, Basculeの有名クリエイターさん達が先生として当たり前にそこにいた。感動した。<br />
<br />
仕事は順調にオトギア開発が忙しくなって来た時期だし、継続してクスールの先生もやってた。<br />
28歳誕生日を自分で秋吉予約して祝ったりもしたw いつものメンバーに加えてゲストでFuzzの對馬さんや、名村さんとかまで来て頂いたりして思いの外豪華になってすごく嬉しかったけど、女の子の参加者が1人もいなくて人望の厚さを痛感した。<br />
<br />
あとはジョナサンが会社を辞めてしまった。Bitcoin関係の仕事をやるって言っていた。うちの会社は良い会社だけど、Bitcoinは今頑張らないとダメって言っていたのが印象的でした。送別のために闇デザイナー力を発揮して、オリジナルビットコインちゃんT作ったら喜んでもらえて嬉しかった。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYXCn0cPavTal7LPRf9z7CCj7RSFQfKepX7dJmM4YO7GFscCnvraPHvJhyzmuWe2p-2m2QviWWSOhSoQs2Wq2T8dOsuwklhIrm0GDyISM2z-Tue7TZRMLbdkgVdFVZ8iaJCshyphenhyphen9JZi8os/s1600/10014531_10203314136636187_951647173_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYXCn0cPavTal7LPRf9z7CCj7RSFQfKepX7dJmM4YO7GFscCnvraPHvJhyzmuWe2p-2m2QviWWSOhSoQs2Wq2T8dOsuwklhIrm0GDyISM2z-Tue7TZRMLbdkgVdFVZ8iaJCshyphenhyphen9JZi8os/s1600/10014531_10203314136636187_951647173_n.jpg" height="320" width="240" /></a></div>
<br />
<br />
<h2>
4月:79school開校</h2>
ジョナサンが居なくなってしまって、ジョナサンがやっていた社内Node.js研修を引き継ぐことになった。同時期にクスールのNode.js講座が終わり、そこで培ったものも79schoolでも活かせてとても良かった。ここまで色々あって、昇格させてもらった。<br />
今でも79schoolはやっているし、卒業生が数えられないくらい多くなった。社内でNode.jsやって活躍してるエンジニアを何人も面倒見させてもらえてすごく嬉しいです。<br />
月末には新規開発やってたオトギアがついにリリース!!!おとぎ話×スチームパンクで可愛くてハイクオリティなイラスト・世界観のゲームをリリースできてとても嬉しかった。<br />
<br />
BaPAでは憧れのQantaさんとdotFesぶりの対面。対面というか、一方的に憧れていただけなので、こういう形で再会出来て本当に嬉しかった。ただ、仕事しながら課題を考えたり作ったりする時間を確保するのが糞大変だった。この頃から美女になりたいと思うようになる。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhATnTRaSFTYuvZ6O9QFkQkfFI3_D_sLak-Od5GwoJD71_2ytQNRTnysxCyEID393QwJ144AKFfxMAX6ceT5pRYX-h5mujY88YJ8Tg7jsuPGuNAmXNuslwuiFE9qZR3Cimy7ZuW_Ynk76s/s1600/10155120_10203349813648090_1515861854_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhATnTRaSFTYuvZ6O9QFkQkfFI3_D_sLak-Od5GwoJD71_2ytQNRTnysxCyEID393QwJ144AKFfxMAX6ceT5pRYX-h5mujY88YJ8Tg7jsuPGuNAmXNuslwuiFE9qZR3Cimy7ZuW_Ynk76s/s1600/10155120_10203349813648090_1515861854_n.jpg" height="320" width="320" /></a></div>
<br />
<br />
闇デザイナーの訓練も徐々に進めていって、会社の堀江さんからWebUIデザインについて教えてもらったり、LINEスタンプのマーケットが開いたのでオープン直後に申請してみたりした。(著作の所在が不明とかでリジェクト食らったけど、モナーみたいな猫みたいなスタンプはあってクソだと思っている)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOX3u2IUXi77rhI_GsYmEq9D2Z1RIyIpgkRcG015Scmau84b-cbvY7L9ZTt_e1Dzdn6XNaNHh485lTfXj4iU4hr1lpZMqjxWpbyWVdIGzuPxMOLHc9ZY_Sa63xF4HPAUKdPn0D6MqFWQ/s1600/1491554_10203608733960936_4374243642423742086_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOX3u2IUXi77rhI_GsYmEq9D2Z1RIyIpgkRcG015Scmau84b-cbvY7L9ZTt_e1Dzdn6XNaNHh485lTfXj4iU4hr1lpZMqjxWpbyWVdIGzuPxMOLHc9ZY_Sa63xF4HPAUKdPn0D6MqFWQ/s1600/1491554_10203608733960936_4374243642423742086_o.jpg" height="320" width="136" /></a></div>
<br />
<br />
<h2>
5月:オトギア卒業</h2>
<div>
リリースしたばかりだったけど、オトギアを卒業してプロテウスを使ってもっと幅広く新規ゲーム立ち上げをサポートする仕事をすることになった。多い時で同時に7プロジェクトくらい一気に携わったので目が回る感じ。79schoolの卒業生も活躍していてとても嬉しかった。オトギア卒業したとき、リリースパーティで名村さんにしれっと褒められたのが嬉しかった。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfBsuycQJ11z6D7VMWBjdIv1BYW7D543MTwvLNMHptrv-k2yAq5H6dzgMwZ7wPnSwLgCfIAM2nZtUZNfxYJoNDXtM_lFxTs8s6Hj-1H31JBjd9ULsood1xm5IAKrSoOsVs-rAmML3Posk/s1600/10361065_10203710265219154_2327872087219752822_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfBsuycQJ11z6D7VMWBjdIv1BYW7D543MTwvLNMHptrv-k2yAq5H6dzgMwZ7wPnSwLgCfIAM2nZtUZNfxYJoNDXtM_lFxTs8s6Hj-1H31JBjd9ULsood1xm5IAKrSoOsVs-rAmML3Posk/s1600/10361065_10203710265219154_2327872087219752822_n.jpg" height="320" width="320" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
相変わらずBaPAは進捗が悪く、企画が難航しまくっていた。作っては消え、作っては消え・・・っていうのを繰り返し、日々美女になりたい欲が高まっていた。<br />
あとは家族で下呂温泉に行ったりした。ばあちゃんの80歳くらいのお祝い?よくわからないけど泣くほど喜んでくれて嬉しかった!<br />
同期のもちこの結婚を祝ったりもしたな。今実家にいて、同級生がみんな結婚してたり子供いたりして周りから置いて行かれる感じがすごい。<br />
<br />
<h2>
6月:プライベートでの交流が増えていく</h2>
アニクラTMAという超絶アホなアニクライベントがあったので遊びに行ったら、すごく変な人が沢山いた。かわいい女装男子やアニソンDJ女将さんはこの時ちゃんと会って話して、今でもアニクラ行くときとかには一緒に遊びに行ったり、アニソンDJやらせてもらったり、ご飯を食べに行かせてもらったりしている良い関係の人たちだ。<br />
<br />
仕事では新卒がどんどん配属されてくる時期で、Node.jsやるっていう新卒を全員面倒みた。若いし優秀な子が多かったのでとても教え甲斐があったし、今も活躍してくれてるのがすごく嬉しい。<br />
<br />
BaPAも引き続き辛い。授業はとっても勉強になる話が沢山あって、周りも良いモノを作っている中この段階でもまだ企画が固まっていなかった。。<br />
<br />
<br />
<h2>
7月:BaPA卒業</h2>
佳境だった。最後の授業でPARTY伊藤直樹さんから半分諦められる感じで企画がボツにされる。<br />
残り3週間くらいで企画を何本も考えて、バードマンさんに技術的な相談しに行かせてもらったり、FacebookのMessengerでニューヨークに居るQantaさんに頼りまくらせて頂いた。。Qantaさんは俺なんかでも本当に丁寧に対応してくださって、物凄く勉強になったり楽しく脱線したりメル友になるくらい仲良くなれて本当に嬉しかった。<br />
最後の最後はホームセンターいったりオカダヤで布買ったり、自分で工房借りてミシンつかったりレーザープリンター動かしたりプログラム書いたりして卒業制作展開始30分前に実装完了するくらいのギリギリさで何とか展示できた。展示物は来場者アンケート2位になったり、後に会った人からすごく好きな作品と言ってもらえたりして達成感が半端無かったです。<a href="http://purple-bamboo.blogspot.jp/2014/07/bapa-art.html?spref=fb" target="_blank">学びがすごく多かった</a>。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5bDVy-PcpFzEumfC1CzCzVSXT86nVFSXQjGl2d8nRG7R83C6b2frNB8QlWW6ygxkjjQiI04TDUgzz0TvoT_KqS1Z6NySzZL_TBJJc8dH0RLDHICOnwyPuuQrWy7h3L59-ZF_eRI3f64/s1600/10387602_10204201019247698_3528617999660630345_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5bDVy-PcpFzEumfC1CzCzVSXT86nVFSXQjGl2d8nRG7R83C6b2frNB8QlWW6ygxkjjQiI04TDUgzz0TvoT_KqS1Z6NySzZL_TBJJc8dH0RLDHICOnwyPuuQrWy7h3L59-ZF_eRI3f64/s1600/10387602_10204201019247698_3528617999660630345_n.jpg" height="320" width="266" /></a></div>
<br />
<br />
あとQantaさんをみてやろうと思っていた「技術検証を兼ねてネタ実装する」っていうのを大事にしたくて、YOが流行ったタイミングで何か作りたいと思って忙しいのに朝8時にYOを飛ばしてくる「<a href="http://ohayoyo.herokuapp.com/" target="_blank">OHA-YO</a>」を作ったりもした。<br />
<div>
<br /></div>
プライベートでは船上アニクライベント、パイクラにて初コスプレもした。Free!の怜ちゃんをやったのだけど、メイクも何もしてなくて本当にレイヤーさんたちに失礼だったと思う。。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8SfyPOvaXF9R0RETek0ZXOStnDmre0ZwwFncJfL0pvXj2v2pFyAHZx-NAJ3sH1uivTcT_2W9TAy1TJMzStjRnOCB1jtGDQ8dhCFwT5XmkSa47a-NBxWUNVwlWVHTU-1IYHhp4vN4d-cA/s1600/10376851_10204157006267401_8149095442417534656_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8SfyPOvaXF9R0RETek0ZXOStnDmre0ZwwFncJfL0pvXj2v2pFyAHZx-NAJ3sH1uivTcT_2W9TAy1TJMzStjRnOCB1jtGDQ8dhCFwT5XmkSa47a-NBxWUNVwlWVHTU-1IYHhp4vN4d-cA/s1600/10376851_10204157006267401_8149095442417534656_n.jpg" height="320" width="320" /></a></div>
<br />
<h2>
8月:Amebaリスタートからのスクールファンファーレ</h2>
Amebaがすごい勢いで変わっていった。正直社内の組織変更とかは慣れてきていて、仕事も普段通りやれば特に問題ないな〜くらいにしか思ってなかったけど、この時は違ったので久しぶりにびっくりした。ガッツリ人が異動してしまった(辞めたわけではない)ので、しわ寄せが来る形で新規ゲームの<a href="https://lp.mg.amebagames.com/" target="_blank">スクールファンファーレ</a>(事前登録実施中!)に入ることになった。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf1NFICks-kFhQsACDU5FKMr2JNF25_tiYOTSf9sIvLLh_sq_-LJPzqMXuc34syGChXkKnOtPgCbjg4iGQgCCc0h9ae-q6baQCH2gk4qeqUwZB3JHRcuGG3wGcRqhgUquDBAjHdDzBMm8/s1600/10600540_10204287311204943_5744979863121266632_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf1NFICks-kFhQsACDU5FKMr2JNF25_tiYOTSf9sIvLLh_sq_-LJPzqMXuc34syGChXkKnOtPgCbjg4iGQgCCc0h9ae-q6baQCH2gk4qeqUwZB3JHRcuGG3wGcRqhgUquDBAjHdDzBMm8/s1600/10600540_10204287311204943_5744979863121266632_n.jpg" height="320" width="235" /></a></div>
<br />
<br />
BaPAが終わって本当に抜け殻だった。展示で声張りすぎて声が出なくなってたwBaPAのチーム打ち上げとかしてチルってた時期。展示物は後にメディア芸術祭に審査出したけど盛大にスベったらしいw<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtMxA-W_3VlkHAvkfXaDGl2PH3Kv8cFRLITy3iL05ltTYIUhhDPxD6TAjptzSKfRAJ5-UDdctHrn73XSpcQ4P8rwAefCUqjKPjdAZUQ4f3vAdN9wcISvR4zwQR9qoxtNSNcq-D5RT-Eu0/s1600/10489661_10204241475499079_4966199567191441108_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtMxA-W_3VlkHAvkfXaDGl2PH3Kv8cFRLITy3iL05ltTYIUhhDPxD6TAjptzSKfRAJ5-UDdctHrn73XSpcQ4P8rwAefCUqjKPjdAZUQ4f3vAdN9wcISvR4zwQR9qoxtNSNcq-D5RT-Eu0/s1600/10489661_10204241475499079_4966199567191441108_n.jpg" height="320" width="320" /></a></div>
<br />
<div>
</div>
<h2>
9月:東証一部上場社員になる</h2>
自分が何かしたわけじゃないし、仕事する上で全然大した変更は全くないwおめでとうございます!という感じ。<br />
この時期の仕事は普通に順調だったし、関わった新規開発のゲームもサーバサイドに関して特に目立った炎上もなくいい感じでした。<br />
この頃?ちょっとあやふやだけどアントニオがトレーニーとして仕事まで一緒にすることになったw仕事もプライベートも超仲良しなので本当に楽しい。新しい彼氏ができた気分♡<br />
<br />
それと、ジョナサンのBitcoin関連の会社でエンジニアとして未来をつくるお手伝いをしに行ったりしてすごく胸が熱くなった。自分の書いたソースコードで未来が書き換えられていく感じが本当に厨二っぽいw<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihoIrTzpBULX2o-Trf3u1TJ-Kcu9HtL9hcw0PKZn3PLo-B_rIdypDMxXVQs_NX04wyUTiMG7tPX6Rj-93LzTH03tC3gn13cY4P0C-sZ9OLEwuqbi1BIrIzC5cxPr7AosFElZQEXlagUD4/s1600/BwnA8TdCEAAn8WG.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihoIrTzpBULX2o-Trf3u1TJ-Kcu9HtL9hcw0PKZn3PLo-B_rIdypDMxXVQs_NX04wyUTiMG7tPX6Rj-93LzTH03tC3gn13cY4P0C-sZ9OLEwuqbi1BIrIzC5cxPr7AosFElZQEXlagUD4/s1600/BwnA8TdCEAAn8WG.jpg" height="220" width="320" /></a></div>
<br />
<br />
夏休みをとってパンケーキ童貞と生うに牛巻き童貞を捨てたり、UltraJapanでウェイウェイしたり、遊びも充実していた。<br />
<br />
<br />
<h2>
10月:アニソンDJデビュー</h2>
会社の堀江さんに誘ってもらって、ハロウィンイベントでアニソンDJやらせてもらった。初DJだったし身内イベントだったけど最高にアガってたし、盛り上げすぎてミラーボールが落ちてしまったらしいww<br />
会社でのハロウィンも楽しく東京グールの月山さんコスプレしてやれたし、ageHaでのハロウィンイベントも行けてとにかくパーティを楽しむっていう謎の感情が芽生え始めたのもこの辺り。今年ずっと一緒に遊びに行ってるアントニオのせいだったりもする。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHoOHlHnX8G1C2XNbSKmN4o_2cib1PhHraYsfkfLNM-rZKNWrSEFJv4Mhr-CORabx0D0mV-LiIzCRzmT5ojq9pFujQt-yVEU74l8MnyaI8k6m4lnO6a_loFjVbBRqZ3s3K-2HCfa812SM/s1600/10485817_10204969532740055_5889894859800621169_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHoOHlHnX8G1C2XNbSKmN4o_2cib1PhHraYsfkfLNM-rZKNWrSEFJv4Mhr-CORabx0D0mV-LiIzCRzmT5ojq9pFujQt-yVEU74l8MnyaI8k6m4lnO6a_loFjVbBRqZ3s3K-2HCfa812SM/s1600/10485817_10204969532740055_5889894859800621169_n.jpg" height="320" width="262" /></a></div>
<br />
プライベートの制作ではGiants Girlという巨人応援女子サイト(<a href="http://hitome-bore.com/" target="_blank">いわゆる片目惚れのヨコ展開</a>)のロゴデザインとかをやった。(もう閉じたのかな…)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmN3Ztmxt5Md9tnhi2bL7NGQd52m4GuU2atvqUa5uuU52pEYx7l0Yg9pQTz-2wpYKX4WkTr4X6rZag3WY4IMNWds4-kLNZllnL3bF2pMco_NLURw_oUILIbAQoj_AeSUuRFbRoZs9Zl_4/s1600/return_374_1943_280_165.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmN3Ztmxt5Md9tnhi2bL7NGQd52m4GuU2atvqUa5uuU52pEYx7l0Yg9pQTz-2wpYKX4WkTr4X6rZag3WY4IMNWds4-kLNZllnL3bF2pMco_NLURw_oUILIbAQoj_AeSUuRFbRoZs9Zl_4/s1600/return_374_1943_280_165.jpg" /></a></div>
<br />
他にはツイッターのフォローしてる人でしばらく発言してない人をガシガシリムーブできるTwitter断捨離ツールの<a href="http://twitterfriendscleaner.herokuapp.com/" target="_blank">TwitterFriendsCleaner</a>を自分用に作ったりした。<br />
<br />
<br />
<h2>
11月:自分の書いた本が出版される</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMPft-jbBs_qB6r58_nFC5ebRN_xlVuh_eaC47XA4Z1mZTvllRupk9og8PomqWV4xS56Y6FccfRNQmvIvT2xhQ1m0PhaOdbMYpR2XVZwRVu9OSG8MeUc_7SQfUIJAcSLQ2BTDtyjz5L2M/s1600/711ABRUd55L.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMPft-jbBs_qB6r58_nFC5ebRN_xlVuh_eaC47XA4Z1mZTvllRupk9og8PomqWV4xS56Y6FccfRNQmvIvT2xhQ1m0PhaOdbMYpR2XVZwRVu9OSG8MeUc_7SQfUIJAcSLQ2BTDtyjz5L2M/s1600/711ABRUd55L.jpg" height="320" width="250" /></a></div>
<br />
「<a href="http://www.amazon.co.jp/Web%E5%88%B6%E4%BD%9C%E8%80%85%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEGitHub%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E3%83%81%E3%83%BC%E3%83%A0%E3%81%AE%E5%8A%B9%E7%8E%87%E3%82%92%E6%9C%80%E5%A4%A7%E5%8C%96%E3%81%99%E3%82%8B%E5%85%B1%E5%90%8C%E9%96%8B%E7%99%BA%E3%83%84%E3%83%BC%E3%83%AB-%E5%A1%A9%E8%B0%B7-%E5%95%93/dp/4844337009" target="_blank">Web制作者のためのGitHubの教科書</a>」という本を共著で執筆しました。4ヶ月前くらい?からお声をかけてもらって、Web制作者向けというところでデザイナーさんでもわかるような内容になるよう、闇デザイナーとしてアサインいただけたので今までやってたデザイン業務が全然無駄にならなくてよかったと思いました。。Kindle版もあるのでぜひ買ってください!<br />
なんだかわからない内容でも本を書くことで、両親が喜んで買って丁寧にラップで包んで保管してくれたり(読んでない)、泣くほど喜んだおばあちゃんが数年ぶりに本を買う(絶対読まない)みたいなことが起こって親孝行した感じが出てすごく嬉しかったデス。<br />
<br />
闇デザイナーとしては、お話を頂いて秋葉原の広告ジャック案件をもらいました。何を言っているのかわからないと思いますが、ヲタク×デザインやりたい人ということでアサインしていただけて、作ったポスターが秋葉原アニメイトや全国のアニメイトで華を添えていたらしいです。うれしい。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNi4B1nsFgbHXt-zt7mVDYtdXCs-azOm8SG3wF5DndqNNu02wyqkmI8CN7M6gr9fJeOFL5deIrdmH8o2QTxIl4iU6o7rnxG4o8O0b8X8N0yWMMkchRuBIilc509eihfSTfEfOwDDosNV0/s1600/IMG_2866.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNi4B1nsFgbHXt-zt7mVDYtdXCs-azOm8SG3wF5DndqNNu02wyqkmI8CN7M6gr9fJeOFL5deIrdmH8o2QTxIl4iU6o7rnxG4o8O0b8X8N0yWMMkchRuBIilc509eihfSTfEfOwDDosNV0/s1600/IMG_2866.JPG" height="320" width="320" /></a></div>
<br />
<br />
仕事上ではスクールファンファーレ以外にもやっぱり仕事が多かったのでいろいろなところで横軸な仕事を任されながらやるようになってました。ネイティブゲーム開発のフロー策定みたいなやつ。<br />
しかし、突然のオトギアクローズ決定。本当に悔しい。あんなにコンテンツ力高いゲーム久しぶりにAmebaで見た。ゲーム内容が悪かったなら、ぜひリメイクして復活させてほしい。<br />
<br />
<br />
<h2>
12月:重めの仕事が降ってくる</h2>
ミリオンチェインっていう今もAppStoreやGooglePlayでダウンロードして遊べるゲームの大きめなお仕事をもらいました。今まで通りの横軸な仕事もやりながら、ひとつの重いプロジェクトを任されたり、新しい仕組みを体験するという意味ですごく成長できるチャンス!圧倒的成長!な状態です。久々に美女になりたい。<br />
<br />
堀江さんと大阪旅行に行ったり、同期と箱根旅行に行ったりして旅行が多かった月でもある。どちらも気兼ねなく楽しめるメンバーなのでとても楽しかった。楽しすぎた。<br />
広告制作系の人たちの伝統ある「ケミカル鍋」という有名な忘年会に初めてBaPA卒業生として呼んでもらえた。BaPA2期についての裏話とかも聞けたし、素敵な人達と出会えたり有名なクリエイターさん達とお話できたり、今年お世話になった方々と沢山挨拶できて本当によかった。また来年も是非参加したい。<br />
<br />
他にはインキュベイトファンドがやってるフェロープログラムに応募したりした。今は面接が終わって結果待ち。通れば色んな研究テーマに向けて新しいモノを創る環境に無理やり自分を置くことができる。受かるといいな。圧倒的成長!<br />
<br />
12月はDJ案件も3つくらいあって、DJ活動がすごく楽しくなってきた。もっとやりたいと思える良いイベントに沢山出させてもらえて、アニクラ気になってて来たことない人はぜひDJ79を見に来てやっていただきたいと思います…!<br />
<br />
来年1/24には青山のeverでJoynというイベントでアニソンDJやらえてもらえるので是非来てくださいw(下記のfacebookイベントかtwiplaで参加表明後、当日79の名前を言えばディスカウントあります!)<br />
<br />
Facebook : <a href="https://www.facebook.com/events/1395923177367925/?ref_dashboard_filter=upcoming">https://www.facebook.com/events/1395923177367925/?ref_dashboard_filter=upcoming</a><br />
Twipla : <a href="http://twipla.jp/events/124922">http://twipla.jp/events/124922</a><br />
<br />
<h2>
ふりかえり</h2>
<h3>
しゃちくとしての79</h3>
韻を踏んでいるだけです。特にしゃちくでは無いですねw<br />
社会人としての79は今年大躍進だったのではないでしょうか。本当に去年は半年くらい社内ニートとして過ごし、うだつのあがらない毎日を過ごす時間が多かったことを考えると、1月から新規開発、表彰、79school、昇格、リリース、新規ゲーム複数立ち上げ、新規開発、横軸仕事、緊急案件の火消し?wなどなど、休む暇が全くない。いやー仕事した!!<br />
<br />
<h3>
にんげんとしての79</h3>
この一年で「変な人」力がすごく上がった気がする。とにかく色々なんでもやった。フライヤーデザイン、Bitcoin消えてWBS出演、BaPA合格、アニクラ通い、コスプレデビュー、クスールでNode.js講師、LINEスタンプ作り、商業ポスター制作、Bitcoin関連会社で実装手伝い、ロゴ製作、糞アプリ制作、書籍出版、DJデビューなどなど。振り返ると本当に何やってるのかわからない人にしかならない。<br />
それでもアニクラとか通ってると女将DJとかいるし女装ゾンビメイドとかいるしアニオタスペイン人とかいるし、隣にいるだけで凡人感溢れだす状況が本当に辛い。まだまだ凡人だなぁという謎の悔しさがあって、もっと変な人になりたいなという迷走をしている状態です。<br />
<br />
<h3>
クリエイターとしての79</h3>
<div>
色んなお話を頂いて、色んな案件に触れさせてもらえた一年でした。去年はそのきっかけを相良さんにもらえて、BaPAを皮切りに色んなモノを最大化できた一年でした。まだまだ経験は浅いのですが、これからも色んなモノを創っていって楽しい世界づくりに貢献できたらなと思っています。</div>
<div>
BaPAが終わった時に起きた虚無感を埋めるためには、ものづくりが必要。来年もいろいろつくっていきたい!!やりたいことがあればお声がけさせていただきます!また、何かあれば色んな案件お待ちしています!!!</div>
<div>
<br /></div>
<h2>
まとめ</h2>
本当に楽しく、充実した一年でした。去年が嘘のようです。ギャップがすごすぎる。まだまだなのはわかってるんだけど、俺、頑張ったなぁ…。。という気持ちです。去年のクソさを知ってる方は是非褒めてやってください。。<br />
今年に入ってからは何故かすごく活動的で、やりたいことはなんでもやった気がします。DJとかはその最たるもので、なんでこんなにちゃんとやってるのか意味がわからないw本当に面白いw<br />
<br />
ここまでは書いてなかったのですが、筋トレも継続して続けて筋肉がかなり定着してきました。しかし風邪を引いて咳のしすぎで肋骨を年二回も疲労骨折するという虚弱体質が発覚したので来年は29歳になるし、健康にも気をつけたいと思います。。<br />
<br />
仕事に関してはいろいろ考えないといけない時期だと思っています。上記のような色々楽しく変なことして生きてきている中、仕事では自分が何を目指していくのか、どういう信念で働くべきなのか、やりたいことをちゃんと見据えて行かないとダメだなと思ってます。<br />
いろいろやってたくせに、何がやりたいかっていう長期的な意志がこんなになかったのかと自分が情けなくなる。そんなお年頃。<br />
<div>
<br /></div>
<h2>
ごあいさつ</h2>
今年は去年に引き続き、様々な方にお世話になりました。特に今年はBaPAから広がった広告制作業界の方々や、プライベートを楽しくしてくれたアニクラ界隈の皆さんとのご縁がものすごい勢いで広がっていきました。<br />
この一年は本当に怒涛の勢いで過ぎ去っていって、楽しく、刺激的で、過去の人生でも一番良い年だったかもしれません。<br />
<br />
同世代の友人たちがどんどん結婚し、子供が増えていく辛く苦しい状況のなか、今年一年こんなにも楽しく過ごさせていただけたのは79に関わって頂いた皆様のおかげでございます。<br />
<br />
そんな御縁に感謝しつつ、来年もこの縁を大事にしながらさらなる成長と新たな出会いに期待しながら日々精進していきたいと思います。って変なこと言うくらい良い出会いが多かったですv(^q^)v<br />
<br />
長文お付き合い頂き誠にありがとうございます。<br />
今年も一年ありがとうございました。来年も宜しくお願いいたします。<br />
<br />紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-38436575973160952002014-10-08T19:07:00.002+09:002014-10-08T19:08:02.770+09:00Web制作者のためのGitHubの教科書という本を書きました<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBMT1mHCV39Xe5JLM0Jby68oN12NheJ2szWt0yqzMhrA12l9a6CX6aAndUAb9a7ZslU18mp2I-wRL6nuX2u4pRqLSWZr619F_SkGfApBZH_5sZ6J4RGaPcqMbuCpf8d1J_ZZyZdn7zJYg/s1600/711ABRUd55L.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBMT1mHCV39Xe5JLM0Jby68oN12NheJ2szWt0yqzMhrA12l9a6CX6aAndUAb9a7ZslU18mp2I-wRL6nuX2u4pRqLSWZr619F_SkGfApBZH_5sZ6J4RGaPcqMbuCpf8d1J_ZZyZdn7zJYg/s1600/711ABRUd55L.jpg" height="400" width="312" /></a></div>
<br />
インプレス様から<b>「<a href="http://www.amazon.co.jp/gp/product/4844337009/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4844337009&linkCode=as2&tag=yuuki79-22" target="_blank">Web製作者のための GitHub の教科書</a>」</b>という本を書かせて頂きました。<br />
<br />
79一人ではなく、共著にドワンゴの塩谷さん( <a href="https://github.com/kwappa">@kwappa</a> )、サイバーエージェントの平木さん( <a href="https://github.com/Layzie">@Layzie</a> ) と原さん( <a href="https://github.com/herablog">@herablog</a> )の4人で共著で参加しています。<br />
<br />
関係者の皆様には大変ご迷惑をおかけしましたが、最終的に出版が決まって良かったです。とても貴重な経験になりました。本当にありがとうございます!!<br />
<br />
<h2>
どんな本?</h2>
「私デザイナーだけど、バージョン管理なにそれおいしいの?」<br />
「GitHub使ったらそんなに良い事あるの?」<br />
「Gitとか大げさ。ファイル名に日付つければよくね?」<br />
<br />
みたいな方にはぴったりの本だと思います!!<br />
構成を考えるときにも、よくある Git 操作にとどまらず読者に GitHub の営業をかけるくらいの推し具合で創られています。<br />
<br />
Web 製作者向けに書いているのですが、いざ GitHub を使うとなった時に、いきなり案件に使うわけにも行かないと思うので<b>「自社サイトのスマホ対応」</b>の様な実際に手が付けられそうなお題でわかりやすく<b>対話形式</b>で描いてあります。<br />
<br />
「GitHub って良く聞くけど、そんなに良いの?」という疑問を持っている方に是非読んで頂いて、GitHub の良さを知ってもらえればなぁと思います!!<br />
<b><span style="color: lime;">(※研修などでも使っていただけると思います!!)</span></b><br />
<div>
<br /></div>
<h2>
どこ書いたの?</h2>
<div>
主に本書内で取り扱うサイトのデザイン制作周りで参加させて頂いています。</div>
<div>
闇デザイナーとしての参加だったので(?)、実際にWeb制作会社様にヒアリングさせて頂き、ちゃんと現場の方でも問題ない制作フローを考えられるように意識して書いてあります!!</div>
<div>
<br /></div>
<h2>
振り返り</h2>
<div>
初めての"著書"になったわけなのですが、色々と至らないことが多くて悔しいです。。</div>
<div>
共著の方々はもの凄い人達ばかりなのでとても恐縮します(ヽ´ω`)</div>
<div>
自分の担当部分に関しても、まだわかりづらいかもしれないと心残りなところもあります。。</div>
<div>
<br /></div>
<div>
最後の最後まで間に合ったり間に合わなかったりしながら書いたので、ご購入いただいたのに分からない所などありましたら、私信で連絡いただければ全力でお答えします!(主にデザイン周り)</div>
<div>
<br /></div>
<div>
凄く良い経験を頂けて本当に良かったです!もう校了したので、あとは出版を待つのみ!</div>
<div>
楽しみ!!!!!!!!!!!</div>
<div>
<br /></div>
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://rcm-fe.amazon-adsystem.com/e/cm?t=yuuki79-22&o=9&p=8&l=as1&asins=4844337009&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="height: 240px; width: 120px;"></iframe>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-27849336719587699022014-10-08T18:17:00.000+09:002014-10-08T18:17:43.613+09:00Twitter断捨離アップデートしました<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhySvl9-UswqVhvcPRJaazUeX9YUekNU7U68B3F-Ue9U8bFMQ3XRdyUOIKXkcc4RnKerEkz1QYDWZcoXHanbjBCGs9s6tQG3dushmdrwg09CQJSo4VI33Jm7rVau2y6BsUeCRFl8zYzisk/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-10-07+19.01.25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhySvl9-UswqVhvcPRJaazUeX9YUekNU7U68B3F-Ue9U8bFMQ3XRdyUOIKXkcc4RnKerEkz1QYDWZcoXHanbjBCGs9s6tQG3dushmdrwg09CQJSo4VI33Jm7rVau2y6BsUeCRFl8zYzisk/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-10-07+19.01.25.png" height="268" width="640" /></a></div>
<div style="text-align: center;">
<a href="http://twitterfriendscleaner.herokuapp.com/" target="_blank">Twitter Friends Cleaner</a></div>
<br />
Twitter のフォローしてる人で最近 Twitter 使ってない人をどんどん消していくツールです。<br />
<br />
新たにソート機能とアイコン表示を追加しました。<br />
ソートは古い順と新しい順に対応しています。<br />
<br />
<br />
<h2>
どうやって作ってるか</h2>
せっかくなので書いておきますね。<br />
<div>
<ul>
<li>Node.js (express, ejs)</li>
<ul>
<li>サーバサイドはNode.jsです。時間かけてないのでウンコードです。チャラいWebサーバくらいならソッコーで書けて本当に良い。</li>
</ul>
<li>Redis (datastore)</li>
<ul>
<li>APIの結果を数分だけキャッシュしています。無料分しか使えないので詰め込むデータも削って入れてます。</li>
</ul>
<li>TwitterAPI</li>
<ul>
<li>言わずもがな。ログイン処理とかには <a href="http://passportjs.org/">passport.js</a> 使った。</li>
</ul>
<li>JavaScript (jQuery, moment.js) (frontend)</li>
<ul>
<li>フロントは全然凝ってません。</li>
<li>時間ソートするときに世界標準時だったのを <a href="http://momentjs.com/">moment.js</a> で簡単にformat出来ました。バックエンドでも使ってます。</li>
</ul>
<li>Heroku (RedisToGo)</li>
<ul>
<li>全部無料プランだけで事足りてます。</li>
<li>無料利用時間超えたこと無いんだけど超えるとどうなるの?</li>
</ul>
</ul>
<div>
<br /></div>
<div>
要望は GitHub の issue までどうぞ^^</div>
</div>
<div>
<a href="https://github.com/79yuuki/twitterFriendsCleaner/issues">https://github.com/79yuuki/twitterFriendsCleaner/issues</a></div>
<div>
<br /></div>
<div>
<br />
<br /></div>
<h3>
おまけ</h3>
<div>
moment.js で TwitterAPI の世界標準時を format するには</div>
<div>
<br /></div>
<div>
<div class="p1">
<span class="s1">var</span><span class="s2"> m </span><span class="s3">=</span><span class="s2"> moment</span><span class="s4">(</span><span class="s2">time</span><span class="s4">,</span><span class="s2"> </span>"ddd MMM D HH:mm:ss ZZ YYYY"<span class="s4">);</span></div>
</div>
<div>
<br /></div>
<div>
(^ω^)こうじゃ</div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-86074410135244973222014-10-07T19:08:00.001+09:002014-10-07T19:08:23.791+09:00Twitterの最近発言してない友達を表示するツールを作ったょ<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih3avh6p8bRK2m_qWARImdL50u-3IMqDXEDLW5bqzQFpn7DztYzNmxJbVily-KAq9zPM6qauWiCIZkYPauOGoFvEn07sO1w6mkryWiSGaeEIQjaRE-I13iLSguYPPh2cBpN27_L0DTzsI/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-10-07+19.01.25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih3avh6p8bRK2m_qWARImdL50u-3IMqDXEDLW5bqzQFpn7DztYzNmxJbVily-KAq9zPM6qauWiCIZkYPauOGoFvEn07sO1w6mkryWiSGaeEIQjaRE-I13iLSguYPPh2cBpN27_L0DTzsI/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-10-07+19.01.25.png" height="268" width="640" /></a></div>
<div style="text-align: center;">
<a href="http://twitterfriendscleaner.herokuapp.com/">http://twitterfriendscleaner.herokuapp.com/</a></div>
<br />
<br />
Twitterのフォロー出来る限界ってデフォルトだと2001みたいなんですが、長いこと使ってたらその上限に行ってしまったんですね。<br />
最近はTwitterを交換するような友達が増えてきたところで、いちいちフォローを外す必要があったので最近つぶやいてない人(一ヶ月くらい)の一覧がみれるツールを作ってみました。<br />
<br />
要望などありましたらTwitterでどうぞ^v^つ<a href="https://twitter.com/79yuuki" target="_blank">@79yuuki</a><br />
<br />
<blockquote class="twitter-tweet" lang="en">
</blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-48068929764278562112014-09-03T14:06:00.003+09:002014-09-03T14:06:56.846+09:00ソシャゲ提供者が意識したい艦これのキャラゲーとしての狙い<span style="font-family: Arial; font-size: 13px;">普段はソーシャルゲームを作っていたりするのでCEDECに行ってきました!</span><br /><span style="font-family: Arial; font-size: 13px;">中でも勉強になった艦これのキャラゲーとしての戦略です。</span><div>
<span style="font-family: Arial; font-size: x-small;"><br /></span><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn-k778HDLZTqfYQYjjTf7i4s2DIkZfsf29r7xUouCBy_cLLUg0AqiWjavNDrzOXkOSsvvezWgJ6wI-Agve-9GDXQbbYUWUSY5FBOFdt_HX5EroaQipIrUrfA2hxh0OHy9BsktpAgwCME/s1600/kongoukaini.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn-k778HDLZTqfYQYjjTf7i4s2DIkZfsf29r7xUouCBy_cLLUg0AqiWjavNDrzOXkOSsvvezWgJ6wI-Agve-9GDXQbbYUWUSY5FBOFdt_HX5EroaQipIrUrfA2hxh0OHy9BsktpAgwCME/s1600/kongoukaini.jpg" height="379" width="640" /></a></div>
<br />
<span style="font-family: Arial; font-size: 13px;">金剛ちゃんかわいい。</span><br />
<span style="font-family: Arial; font-size: 13px;">講演の全体的な内容は以下の記事で詳しく説明されています。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br />
<span style="color: #0f3bee; font-family: Arial; font-size: 13px;"><u><a href="http://game.watch.impress.co.jp/docs/news/20140903_664860.html" target="_blank">【CEDEC 2014】「艦これ」、プロデューサー田中氏がこれまでの軌跡を振り返る</a></u></span><br />
<span style="color: #0f3bee; font-family: Arial; font-size: 13px;"><u><a href="http://www.4gamer.net/games/205/G020591/20140902093/" target="_blank">[CEDEC 2014]「艦これ」のこれまでと現在の姿が数字によって明らかに! プロデューサーらが教える「艦これ」の秘密</a></u></span><br />
<span style="color: #0f3bee; font-family: Arial; font-size: 13px;"><u><a href="http://www.famitsu.com/news/201409/03060482.html" target="_blank">『艦これ』の過去の軌跡と未来への布石/【艦これ】に関するエトセトラ【CEDEC 2014】</a></u></span><br />
<span style="color: #0f3bee; font-family: Arial; font-size: 13px;"><u><a href="http://www.inside-games.jp/article/2014/09/02/80119.html" target="_blank">【CEDEC 2014】毎日50万人が遊ぶ『艦これ』、「艦娘」の秘密や「売れ筋アイテム」が明らかに!</a></u></span><br />
<span style="color: #0f3bee; font-family: Arial; font-size: 13px;"><u><a href="http://news.nicovideo.jp/watch/nw1217295?news_ref=top_latest_gam" target="_blank">[CEDEC 2014]「艦これ」のこれまでと現在の姿が数字によって明らかに! プロデューサーらが教える「艦これ」の秘密</a></u></span><br /><br />
<span style="font-family: Arial; font-size: 13px;">その中でもコミケに艦これのスペースが出来るくらいの規模で愛される要素になった、<b>"空間"</b>について注目してみました。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br />
<h2>
<span style="font-family: Arial; font-size: 13px;">ユーザーに愛されるための空間作り</span></h2>
<span style="font-family: Arial; font-size: 13px;">艦これは実在する戦艦などを擬人化したキャラクターで遊ぶシミュレーション風カードゲームです。</span><br />
<span style="font-family: Arial; font-size: 13px;">キャラクター自体を艦娘(かんむす)と呼び、彼女たち一人一人の設定が実際の船を意識しながらしっかりと練られています。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br />
<span style="font-family: Arial; font-size: 13px;">もちろんその練り込みはすごく深いのですが、その艦娘と関係する艦娘(姉妹艦みたいな)の"空間"、関係性を強く描いておくんだそうです。</span><br />
<span style="font-family: Arial; font-size: 13px;">大事なのはその空間からユーザーが想像し、価値を勝手に生み出してくれる。提督さんが色々妄想できるように、隙を作っておく。</span><br />
<span style="font-family: Arial; font-size: 13px;">というお話でした。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br />
<span style="font-family: Arial; font-size: 13px;">艦これの同人やpixiv内イラスト、コスプレの数はもの凄い数で増えてきました。</span><br />
<span style="font-family: Arial; font-size: 13px;">夏コミも多かったけど、今年のゲームショウではすごい数の艦娘コスが集まってくるでしょう。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br />
<span style="font-family: Arial; font-size: 13px;">ユーザーに想像させる隙を作ることで、薄い本がたくさん出ます。</span><br />
<span style="font-family: Arial; font-size: 13px;">丹精込めて産みだしたキャラクター達が乱暴されます!エロ同人みたいに!</span><br /><br /><h2>
<span style="font-family: Arial; font-size: 13px;">どうやって空間を作っているのか</span></h2>
<span style="font-family: Arial; font-size: 13px;">艦これだと、あらゆるセリフの中で他の艦娘について話していたりするので、その存在を意識せざるを得ないようになっています。</span><br />
<span style="font-family: Arial; font-size: 13px;">あとは任務とかで金剛型を組んで出撃、とか。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br />
<span style="font-family: Arial; font-size: 13px;">艦これはほとんど静的なゲームなんですが、あらゆるところで艦娘がうるさいくらいに喋って賑やかにし、ゲームに動きを作っているそうです。</span><br />
<span style="font-family: Arial; font-size: 13px;">艦これやってるとわかるんですが、滅茶苦茶よく喋る。</span><br />
<span style="font-family: Arial; font-size: 13px;">そのセリフどこでも妹の話が出てきたり、他の艦娘の話が出てきたりする。</span><br />
<span style="font-family: Arial; font-size: 13px;">一緒の艦隊組めばなんかあるのかな?と思いきや特に何も無いんだけど(任務では関係ある)</span><br />
<span style="font-family: Arial; font-size: 13px;">関係性がちゃんと個人のセリフだけで描かれてる。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br />
<span style="font-family: Arial; font-size: 13px;">それが<b>"空間を作る"</b>って言ってる所なんですね。</span><br /><br /><h2>
<span style="font-family: Arial; font-size: 13px;">その他面白いなと思ったところ</span></h2>
<h3>
<span style="font-family: Arial; font-size: 13px;">探索導線</span></h3>
<span style="font-family: Arial; font-size: 13px;">どういうこと?何?と思わせて、自分で調べて、自らの経験にさせるのがのめり込む要因になると。</span><br />
<span style="font-family: Arial; font-size: 13px;">さっき言った金剛型で出撃、とか結構投げっぱなしで金剛型ってどれだ・・・みたいになります。</span><br />
<span style="font-family: Arial; font-size: 13px;">実際は図鑑読んだりすればよかったり、絵師さんが同じだったりとかそういうところで分かるようになってる。凄い。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br /><h3>
<span style="font-family: Arial; font-size: 13px;">KPIを追わない</span></h3>
<span style="font-family: Arial; font-size: 13px;">ゲームが面白いか考えるときには邪魔な指標になる。</span><br />
<span style="font-family: Arial; font-size: 13px;">某改善案対決ミーティングでよく出る数字を上げるための指標ってのは小さいし、プレイヤーとしてどうも「アガらない」気がする。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br />
<span style="font-family: Arial; font-size: 13px;">楽しいゲームづくりがしたい。</span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br />
<span style="font-family: Arial; font-size: 13px;"></span><br /></div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-44103813049437322412014-07-28T19:38:00.000+09:002014-07-28T19:50:15.615+09:00BaPA 卒業と僕が学んだ ART&CODE の話7/26, 27 に渋谷ヒカリエで BaPA 卒業制作展が行われ、4ヶ月に渡るBaPAの成果を発表してきました。<br />
結果はアンケートの集計でユーザー投票2位!!嬉しいです^^<br />
見に来てくださった方々ありがとうございます!!<br />
<br />
<a href="http://news.mynavi.jp/news/2014/07/26/104/" target="_blank">東京都・渋谷ヒカリエで次世代クリエイター養成学校「BAPA」の卒展を開催中</a><br />
<div>
<br /></div>
BaPA卒業制作展で出したプロダクトについてと、BaPAのコンセプトであるプログラミングもデザインも両方できる人材育成、ART&CODEについて79が学んだことを書いてみます。ちょっと長いですが、お付き合い下さい。<br />
<br />
<h2>
BaPAとは</h2>
<div>
<div>
<a href="http://bapa.ac/aisatsu/">http://bapa.ac/aisatsu/</a></div>
<div>
<br /></div>
<div>
BaPA は BasculeとPARTYがはじめた ART&CODE の学校です。授業は全10回あって、テクニカルディレクションやアートディレクションみたいな座学と、卒業制作を並行して行われました。</div>
<div>
<br /></div>
<div>
閑話休題ですが、サイバーエージェントだと PARTY も Bascule も全然知名度なくて、BaPA に通ってるって言う時は毎回「ぱーてぃーとばすきゅーるっていう有名な web の広告制作会社があって...」みたいなとこから話さないといけなかったです。社内からはなんか79は色々やってるんだなぁくらいにしか見えないんだろうなと思っていました。</div>
<div>
実際PARTY知ったのもgggの展示見てからだし、僕も例外ではないのですが。</div>
</div>
<div>
<br /></div>
<h2>
つくったもの</h2>
<div>
<br /></div>
<h3>
おとしもの</h3>
<div>
おまもり型のほっこりナンパツールを作りました。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW6pyiWNkFE2j7f0EgPFFSa8AmN7IpO32Mxb6R2BbBBt4y9s0ixar1E8Hscly9cRUaxY9SqKeF0Lgaj2EKjM62cCJ3WHkbEB-98nsYE_k1xyTMhfEMKqYu9b52gwpGk1FiVPOvAgVRe2o/s1600/10393922_838429859500556_4604390877824724081_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW6pyiWNkFE2j7f0EgPFFSa8AmN7IpO32Mxb6R2BbBBt4y9s0ixar1E8Hscly9cRUaxY9SqKeF0Lgaj2EKjM62cCJ3WHkbEB-98nsYE_k1xyTMhfEMKqYu9b52gwpGk1FiVPOvAgVRe2o/s1600/10393922_838429859500556_4604390877824724081_n.jpg" height="201" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/ysYOdcbIuNA" width="560"></iframe><br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
渋谷をテーマにした作品を作る中で、我々のチームは(グループワーク形式の製作でした)</div>
<div>
<br /></div>
<div>
渋谷はナンパが多い→出会いが多い→「出会いの街、渋谷。」</div>
<div>
<br /></div>
<div>
をコンセプトにして企画を進めていました。</div>
<div>
出来たのがこの「おとしもの」で、拾ってくれた人とチャットが出来るようになっています。詳細についてはまた別に書こうと思ってます。</div>
<div>
<br /></div>
<h4>
「おとしもの」製作</h4>
<div>
製作にあたって手に入れたスキルがミシンでの裁縫と、シルクスクリーンでのプリント、レーザーカッターの操作です。BaPAって本当に成長できてすごい(白目)</div>
<div>
<br /></div>
<div>
おまもりとそれを入れる桐箱の製作過程はこんな感じです。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBUW8WVeYDG5BkD4kreuvG-cWtIInxlUwDE5HVSit5UsG3RNf5ytoqOogZ1qUq7JfujgTRTiRF9PKxb4Twt24EOBsVYtYHOdFu5ekBMZcUlQuPbMP8EUCDNCSTJgTYqJDKu7QPfz-BON4/s1600/IMG_0486.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBUW8WVeYDG5BkD4kreuvG-cWtIInxlUwDE5HVSit5UsG3RNf5ytoqOogZ1qUq7JfujgTRTiRF9PKxb4Twt24EOBsVYtYHOdFu5ekBMZcUlQuPbMP8EUCDNCSTJgTYqJDKu7QPfz-BON4/s1600/IMG_0486.JPG" height="320" width="239" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
レーザーカッターは木目によって色味が違ったりするので、</div>
<div class="separator" style="clear: both; text-align: center;">
木目によって細かく出力を調整しました</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRuwm6rT-vOGfIYnMOqihrqQqBPqGAZqEC08pSIV-GDNd5nMrMmgaiQ9CQiYNXtzjqsdkqlLuJy2VDJdfzRVdZgYEpGHCe_Xo43NlNkUt8HesfbWXLQ4noYUsLBUO69TblfUr-fcZUQEE/s1600/IMG_0499.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRuwm6rT-vOGfIYnMOqihrqQqBPqGAZqEC08pSIV-GDNd5nMrMmgaiQ9CQiYNXtzjqsdkqlLuJy2VDJdfzRVdZgYEpGHCe_Xo43NlNkUt8HesfbWXLQ4noYUsLBUO69TblfUr-fcZUQEE/s1600/IMG_0499.JPG" height="320" width="239" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
シルクスクリーンではなく、今回は版下データを布用インクジェットプリンタで印刷して一緒に印刷したトンボに合わせて裁断しました。</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI4EFknneVTcifJ-sRiGEfTQCMaK8wPV_1nznhd8jHsWzFNWABaCGP5I0zJ86IZFGRjwRv_MQZG1CuFuN9ooaboQiPuyPZwAKvmHv8Kwe7hQz11fISJt87Ves0fS8tx0J1zI5NKVgi6ds/s1600/IMG_0501.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI4EFknneVTcifJ-sRiGEfTQCMaK8wPV_1nznhd8jHsWzFNWABaCGP5I0zJ86IZFGRjwRv_MQZG1CuFuN9ooaboQiPuyPZwAKvmHv8Kwe7hQz11fISJt87Ves0fS8tx0J1zI5NKVgi6ds/s1600/IMG_0501.JPG" height="320" width="239" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
ミシンで裁断したところをロックします。</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk5AgSyL7yQCgPeoJOjLM3GNg5dIxIpHdGSAecgUbrd8NVx3dF9xNBrtcvnmRuCcqrzztxnNYFwSCe9NOKJp-3ECQNWvNTYZksCkqkRfJnCl7ccmeUNuwZWr6YyTGI39SBqrsSCJQRzqc/s1600/IMG_0506.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk5AgSyL7yQCgPeoJOjLM3GNg5dIxIpHdGSAecgUbrd8NVx3dF9xNBrtcvnmRuCcqrzztxnNYFwSCe9NOKJp-3ECQNWvNTYZksCkqkRfJnCl7ccmeUNuwZWr6YyTGI39SBqrsSCJQRzqc/s1600/IMG_0506.JPG" height="320" width="239" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
裏返して穴を空けてヒモを通す穴をあけてるところ。</div>
<div>
<br /></div>
<div>
こういうちゃんとした素材があるものは失敗できないから怖いです。デジタルは甘え。</div>
<div>
この過程を乗り越えて、何とかする力(物理)が付いてきました。<br />
<br /></div>
<h3>
途中のボツ案での過程</h3>
<div>
4ヶ月もあった BaPA ですが、「おとしもの」製作に入ったのは最後の2週間くらいです。</div>
<div>
それまでに「出会い」をコンセプトにした企画を数十個は考えていたのですが、どれもゲスい方向に行ってしまい、最後の授業で伊藤直樹さんに「女性の気持ちを全く考えられていない」と男として最低の評価を頂いてしまいました。</div>
<div>
実際配布していたビラには展示3週間前にボツにされた企画が掲載されていたりします。</div>
<div>
<br /></div>
<div>
その間も検証を兼ねて、プロトタイプで Arduino や openFrameworks、iOSアプリ開発、BLE(Bluetooth Low Energy)、その他電子工作みたいなスキルが沢山付きました。</div>
<div>
<br /></div>
<div>
<br /></div>
<h2>
ART & CODE について</h2>
<div>
ART & CODE、デザインとプログラミングをやっていく上で色々感じたことを書いていきます。</div>
<div>
<br /></div>
<h3>
企画のデザインについて</h3>
<div>
ボツ案での過程にもあるいろんな検証は技術力、コーディング力がないと出来ないものが多いです。ただ、それが出来るだけってのはあまり意味が無い。それを企画に上手くつなげるバランス、企画のデザインが大事なんです。</div>
<div>
<br /></div>
<div>
今回のグループワークでは皆が納得する企画がなかなか出ず、出たとしてもゲスすぎたり、先生方にボツにされてしまう企画が多かった。それは企画のデザインが上手く行ってないだけなんです。</div>
<div>
<br /></div>
<div>
<h3>
「アガる」モックアップ</h3>
<div>
何かを作ったり考えたらすぐにモックにして見せないとダメ。自分の感覚信じ過ぎて勝手にやりきってしまうと苦労します。何度も失敗したのでこれはガチ。</div>
<div>
<br /></div>
<div>
見られるのは大事。今人生で初めて(コスプレのために)見せるために鍛えてるけど、凄くモチベーションが高い。見せるってのはデザインでもプログラミングでも筋トレでもなんでも大事なんだなと思いますw</div>
<div>
<br /></div>
<div>
あとはディスプレイ内完結のものを作っている方が楽でした。というかその時はコーディングしてるので凄く作業してる感じがあった。</div>
<div>
物を作るには素材が必要で、マテリアルがデジタル完結しなくなる途端にプロトタイプの速度が落ちる。面白いかどうかの検証が空論になり易いのでそういう企画をするときはちゃんと時間をとらないといけない。</div>
<div>
<br /></div>
<div>
瞬発力は大事だし、凄くチカラもつく。やりたい!面白そう!と思ったらまず最初の「アガる」ところまで試してみる。</div>
<div>
モックで作ったモノがいい感じに仕上がると「アガる」ので次の発想に繋げやすいんです。</div>
</div>
<div>
<br /></div>
<h3>
チームの目線を合わせる</h3>
<div>
<div>
衝突し合うチームで方向を合わせるには誰もが納得するスーパーアイデアを出すか、実際にモノを作って立証するしかない。文句や討論では解決しないこともあるのだと思いました。</div>
<div>
だめだと思う時は、だめだと誰がみても分かるところまでプロトタイプを最速で作るのが一番コンセンサスが取りやすく成功率があがりました。特に、上手くいかなさそうなときはすぐに分かる。</div>
<div>
<br /></div>
<div>
最後の最後も実際に中途半端だと思っていた案を作ってみせて、言っただけでは伝わらなかった懸念点をもう一度洗い出しました。</div>
<div>
作る前後で反応が違う。グループワークでは、皆の感覚が短かったり遠すぎたり別の方向をみたりしてて、現物を見ないと話にならないこともある。</div>
</div>
<div>
(逆に一人でやるのは最高に気持ちいい。オナニーと一緒でぼくのかんがえた最強の○○をやればいい。自分へのネガティブチェックが緩ければよりたのしい。しかしそんなものは大抵クソだったりします。)</div>
<div>
<br /></div>
<div>
今回 BaPA ではメンバーの皆でやりきって凄く良い物が出来た。グループワークの辛さと楽しさを両方経験できて良かったです。(仲もめちゃくちゃ良いです。)</div>
<div>
<br /></div>
<h3>
PARTY 清水幹太さんから教わったデザイン</h3>
<div>
BaPA と通じてデザインの意味が凄く良く分かりました。</div>
<div>
<div>
後半は決まらない企画について、泣きつくように尊敬していたカンタさんに相談しまくっていたのですが、その時にあったデザインの話です。</div>
<div>
<br /></div>
<div>
カンタさん自身は元デザイナーでデベロッパーになってからデザインできるようになったそうです。</div>
<div>
そのデザインっていうのは根拠が必要で、なんでその手段を選んだのかというのが説明できないといけない。</div>
<div>
<br /></div>
<div>
企画を技術面やインターフェース、体験、色んな視点からデザインする。</div>
<div>
企画を狙い通りに機能させる、辻褄を調整するのもデザイン。</div>
<div>
絵を作ることだけがデザインではなく、企画を成立させる≒デザインするということなんだなぁと解釈しています。</div>
<div>
<br /></div>
<div>
ワガママ言うと「おとしもの」はもっと ART & CODE したかった。企画をデザインするチカラが弱かった。そのチカラは後半やっと出し方が分かった。少しは成長できたんだなぁと思います。</div>
<div>
<br /></div>
<h2>
BaPA を終えたその後</h2>
</div>
<div>
BaPA は凄く刺激的で、今の仕事には無い制作・モノづくりの楽しさが沢山あふれていました。</div>
<div>
今の仕事に直接活かすには難しいのですが、デザインの考え方、企画の進め方みたいなところはものすごく活きると思います。</div>
<div>
あとバスキュール朴さんが最後に言っていた、「出来る人は締め切り前の追い込みが最初から出せる」というのもちゃんと心がけたい。</div>
<div>
<br /></div>
<div>
こういう場に飛び込むのは凄く大変なことだし、やってる間は心の底から「逃げちゃダメだ」って言えたと思うし、そういう時はやはり美女になりたいと思う。週末のBBQを楽しみに生きたい。話がそれました。<br />
<br />
「おとしもの」は今後ブラッシュアップして別のところで発表できないか検討中です。<br />
どこか記事とか展示とかで扱ってくれないかなぁ。(チラッチラッ</div>
<div>
<div>
<br class="Apple-interchange-newline" />
辛くて楽しい製作の日々が終わってしまいましたが、いろんな人を巻き込んで、今後も仕事以外で色々作っていきたいと思います!</div>
</div>
<div>
面白いモノ作りたい人一緒にやりましょう^v^!!</div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com0tag:blogger.com,1999:blog-1321946784852441870.post-19830187553717095482014-07-02T12:18:00.000+09:002014-07-02T12:20:23.165+09:00Node.js で仕事をするための研修を実践してみたちょっと前から社外の学校で Node.js の授業の先生をやったり、社内でも Node.js 人材の育成で 79school という研修をやっていて、 @oranie 先生からリクエストを頂いたので内容を紹介してみます。<br />
<div>
<div>
<br /></div>
<div>
<h2>
やっていること</h2>
<h3>
1. JavaScript 基礎 (1 - 3 days)</h3>
<div>
Code School ( <a href="https://www.codeschool.com/">https://www.codeschool.com/</a> ) で自己学習。jsに触れてもらいます。<br />
<br /></div>
</div>
<h4>
Check point</h4>
<div>
Code School がそのままテストになっているので、完了することができればOK。</div>
<div>
<br /></div>
<h3>
2. JavaScript 実践 (1 day)</h3>
<div>
js を使用して簡単な web アプリ作成。デフォルトで <a href="http://todomvc.com/">TodoMVC</a> の Todo、電卓、カラーピッカー。他には Flappy Bird 、マインスイーパーの様なゲームを個人のやりたいようにやってもらいます。</div>
<div>
ここからは jsHint, editorconfig 等の静的解析ツールやコーディングツールを導入して貰います。<br />
<br /></div>
<h4>
Check point</h4>
<div>
jsHint, editorconfig の使い方が分かり、自分の作ろうとしていたモノのコア部分が完成していればOK。</div>
<div>
<br /></div>
<h3>
3. Node.js 基礎 (3 days)</h3>
<div>
Code School で自己学習。 Node.js に触れてもらいます。fs を使った非同期処理の基礎、websocket の使い方、 redis を使ったデータストアとの連携などを学びます。<br />
<br /></div>
<h4>
Check point</h4>
<div>
Code School がそのままテストになっているので、完了することができればOK。</div>
<div>
<br /></div>
<h3>
4. Node.js 実践 (5 days)</h3>
<div>
Node.js を使用して簡単な web アプリ作成。掲示板・socket.io を使ったゲーム等、規模が大きくならない程度で個人の好きなモノを作って貰います。</div>
<div>
ここでは mocha + expect.js を使ってロジック部分のテストコードを書きます。<br />
<br /></div>
<h4>
Check point </h4>
<div>
自分の作ろうとしていたモノのコア部分が実装でき、 mocha + expect.js を使ったテストを書けるようになっていたらOK (余裕があればカバレッジも見る)</div>
<div>
<br /></div>
<h3>
5. 社内フレームワーク実践 (5 days)</h3>
<div>
社内の express の middleware などをモジュール化したようなフレームワークがあって、それを使ったダミープロジェクト(稼働中プロジェクトの fork )の機能を実装する。</div>
<div>
フレームワークのコードリーディングを座学として簡単に行い、ダミープロジェクトのテストコードを残した状態で実装を削除したものを教材とする。受講者はテストコードが通るまで実装を進めて貰います。<br />
<br /></div>
<h4>
Check point</h4>
<div>
テストを100%通すことが出来、GitHub を用いた pull request レビュー時にフレームワークの機能を使った実装ができていればOK。</div>
<div>
<br /></div>
<h2>
79school の狙い</h2>
<h3>
仕事でJavaScriptを使う</h3>
<div>
JavaScript はゆるく書いても動いてしまう言語です。その分、自分のコードを厳しく管理しなければ仕事で使うコードとしては良い品質を保つことが出来ません。</div>
</div>
<div>
これは 79school の前任者、自分の元上司のジョナサンが言っててそれを引き継いでいます。</div>
<div>
<br /></div>
<div>
そのために jsHint, editorconfig みたいなツール、mocha + expect.js でのテスト、Github を使った Pull request 中心の開発フローを社内の新規プロジェクトで実践しました。</div>
<div>
この研修でも同じフローを JavaScript に慣れるのと一緒に少しずつ導入していきます。</div>
<div>
<br /></div>
<div>
好きなモノを作って行く中で jsHint に怒られながら自分の js を見直す機会を持ち、テストコードを書き、実際のチーム開発フローと同じ方法で OJT と同等のことをする。</div>
<div>
全てが終わってから配属され、卒業生は同じ開発フローの中に組み込まれることでスムーズなスタートダッシュを切ることが出来ます。<br />
<br /></div>
<h3>
コードを読む</h3>
<div>
あとはフレームワークのコードを読むことを凄くオススメというか強要してます。</div>
<div>
作ってくれたのは弊社No.1エンジニアの御方なので、良いJavaScriptのデパート状態なんです。</div>
<div>
フレームワークの使い方がわからなければ、そのモジュールのテストコードを読むことが出来るようになっているので、そのとおりに動かせば使えます。テストコードがあってよかった!→自分もテストコード書いておこうという好循環にもなると尚良い。<br />
<br /></div>
<h3>
おまけ</h3>
<div>
Code School はフル英語のサービスです。英語のビデオと教材をみて、英語の問題をコードを書いて答える。</div>
<div>
これでちょっとでも英語を読むってことに慣れてもらえれば、沢山利用している npm のREADME を頑張って読もうとも思えるし、pull request のコメント英語も書いてみようって気に少しはなってもらえるんじゃないかなと勝手に思ってますw</div>
<div>
<br /></div>
紫竹佑騎http://www.blogger.com/profile/06231447800185906658noreply@blogger.com1