non-creativity

最近、クリエイティブなことに全く手が動かなくなった。クリエイティブというよりは、目先のことを最低限消化するので手一杯。
今抱えているモノをすべて放り出して一旦リセットしたい。そっからまた、自分のクリエイティビティを取り戻したい。
でもそうすることができないし、しないのは、僕なりにどこかでけじめをつけたいと思っているからなんだと思う。

でもこうして積み重なったものを思い出すので、何をしていても本当に楽しくない。

 

高専本科の頃はプロコンに出たりして、曲がりなりにも高専という環境を楽しんでいたと思う。学校の勉強に関しては本当に不勉強だったけど、学生特権でまだまだやりたいことがあると思って専攻科に進学した。
non-creativityなマインドに陥ってしまったのは、専攻科に入学したときぐらいから。別に専攻科という環境が悪いとかそういうわけではなく、ただ単に自分の気力が失われただけだと思う。
プロダクトを作ってるより、YouTubeのめちゃくちゃくだらないビデオを見たり、Instagramにキラキラした写真を投稿するぐらいが楽しいと思うようになった。クリエイターとして、生産する側から消費する側に変わってしまった。
悪い意味で、同年代の普通の学生になってしまったのかもしれない。

だけど、心の奥底ではクリエイティブしなくていいの?と問いかけている自分がいて。ここ2年間は、仮想上のクリエイティブな自分と現実のnon-creativeな自分の乖離に苦しめ続けられた期間だったと思う。
心の声には逆らえなくて、企業の方からプログラム開発の仕事をいただいたり、先輩と手を組んで作品を作ったりしていたけど、自分が本気でコミットできなくて、どれも中途半端に終わってしまった。
お話を頂いたときは、元来そういうことが好きなので気持ちが高ぶって「ぜひ!」と声をあげるんだけど、ゆくゆくは積み重なったタスクの1つになる。そうしてそれが重りになって、動きがどんどん鈍くなっていったのを感じた。
今はこれにコミットするんだ、という強い意志が無いからかもしれないし、熱しやすく冷めやすい性格だからかもしれない。
こちらから連絡を途絶えさせてしまって、たち消えになった話もたくさんあった。僕のせいで迷惑かけてしまった方々には、本当に申し訳ない気持ちでいっぱいだ。時々そのことを思い出して、またネガティブになってしまうこともある。

今もたくさんのタスクが積み重なって、この文章に手を付けるのにも半年ぐらいかかった。本当に精神的に辛い時はTwitterすらできない。LINEやMessengerも返せなくなる。
タスクが積み重なると、優先順位どうこうの話じゃなくなって、どれにも手がつけられなくなるので。

これ書いてる暇あったら仕事しろよと野次が飛んできそうだが、これだけは書いておきたかった。今日は筆を執る気になったので。
いずれにせよ、このマインドから抜け出せないと、この先はないんだと思う。

フィジカルに相談に乗ってくれる人いたら、詳しく相談させてください。

node-webcamをmacOS HighSierraで使おうとしてハマった

node-webcamというパッケージをHighSierra環境で使おうとして少し躓いたのでまとめます。 

www.npmjs.com

Node.jsからWebカメラの映像をキャプチャする案件があって、いい感じのパッケージを探していたところ、こちらを発見しました。 どうやらimagesnap等の、ターミナルからWebカメラを操作できる系のコマンドをいい感じにラップしてるみたいです。

とりあえず、imagesnapのインストール。

$ brew install imagesnap

imagesnapは既にインストールされていたので、

$ npm install --save node-webcam  

でパッケージをインストール。

ひとまずbase64で画像データを取得できるかチェック。

var NodeWebcam = require('node-webcam');

NodeWebcam.capture("hoge", {callbackReturn: "base64"}, (err, data) => {
        console.log(data);
});

しかしundefinedが出力されて、一向にキャプチャされず...

imagesnapに問題あり?と思い、imagesnapのGithubを見に行くとmacOS High Sierra での不具合に関してのIssueが解決されたバージョンが新しくリリースされており、

$ brew upgrade imagesnap

imagesnap のバージョンを上げてあげるとちゃんと動きました。。。

 

 

ProcessingのSketchをTerminalから実行する

Processingのスケッチファイルを外部エディタで書きたかったので、ついでにSketchファイルを外部のターミナルから実行する方法を調べた。

手元の環境

processing-java のインストール

外部のターミナルからSketchファイルを実行するには、processing-javaというプラグインが必要になるのでインストールする。 f:id:dream_exp:20180308101624p:plain メニューバーのツール>processing-javaをインストールでインストールされる。

ターミナルから実行

実際にターミナルから実行してみる。

$ processing-java --sketch=/path/to/sketchdir --run

ポイントとしては、

  • --runオプションは必ず最後に記述すること
  • --sketchオプションで渡すパスは絶対パスである必要があり、またpdeファイルへ直接パスを通すのではなくpdeファイルが格納されているディレクトリのパスを渡す

この辺り。

その他のオプション

$ processing-java --help で確認できる。

Netlifyが最高すぎてGithubPagesから脱却できるかもしれない

高専祭ファッションショーで何か面白い企画やりたいなあと以前から思っていて,思いついたアイデア高専祭実行委員の方々とちくわ(@pavlov469)に相談したらぜひやろうということになって,今粛々と準備を進めているところである.

とりあえずリリース用のドメインを確保したので,テザーサイトでも置いておこうと思った.ホスティングサービスとしてまず検討したのはGithubPagesだったが,こちらは既にdream-exp.netを割り当てており,新たにドメインを割り当てることができない状況.そこで別のホスティングサービスを探していたところ,見つけたのが「Netlify.com」だった.

netlify.com

NetlifyはGithubPagesと同じ感じで,Githubに作成したWebサイトのリポジトリをそのまま公開できるサービスである.GithubPagesと違って公開するブランチを選べるため,今回であればテザーサイト用のブランチを切っておいて,そのブランチにPushされたタイミングでWebサイトを更新するといったことも可能である.この辺りの柔軟性はありがたい.

また,Netlifyは作成したサイトごとにドメインを割り当てることができる.先述のようにGithubPagesでは1アカウントあたり1ドメインしか割り当てられないため,いくつかのWebサイトをそれぞれ別のドメインで公開したいといった場合に非常に有効である.

標準でHTTPSにも対応しており,これだけの機能が無料で使えてしまう驚きのサービスである.簡単なWebサイトを公開したいといった時にはぜひ一度検討してみてはいかがだろうか.

ちなみに高専祭ファッションショー向けの企画テザーサイトは以下のURLで公開している.また順を追って情報を公開していく予定である.

LightSync

論文をGoogle翻訳にかける時に便利なWebApp「Shaper」を公開しました

はじめに

最近英語論文をサーベイする機会が増えてきて、Google翻訳に助けてもらいながらなんとか読んでいます。PDFで配布されている英語論文をコピペすると、行末のハイフネーションや改行が混ざっていて翻訳ミスが発生することが多くありました。翻訳ミスをなくすためにハイフネーションや改行を手作業で取り除くのはしんどいので、これを自動で取り除くWebApp「Shaper」を開発しました。

「Shaper」の使い方

f:id:dream_exp:20170722190307p:plain

まず論文から翻訳したい箇所をコピーします。

f:id:dream_exp:20170722190855p:plain

上記画像の赤枠のテキストエリアにペーストします。

f:id:dream_exp:20170722190942p:plain

ペーストした瞬間に整形後のテキストが下のテキストエリアに出力されます。
「Copy!」ボタンをクリックすると、整形後のテキストがコピーされます。
あとは、Google翻訳にペーストすれば良い感じに翻訳してくれます : )

こんな感じで使うと捗ります

Macな人はSplitViewを使ってこんな感じで画面分割して作業するのがオススメです。

f:id:dream_exp:20170722192543p:plain

 (はやくGoogle翻訳なしで論文スラスラ読めるようになりたい...)

pixivインターンが最高のUXだった件

はじめに

3/6〜3/16の間、pixiv SPRING BOOT CAMPに参加してきました!

インターンを知ったきっかけ

高専本科はこの3月で卒業となりましたが、引き続き専攻科に進み学生期間をextendしたため、春インターンを探していました。しかし、春インターンは意外と公に募集してるところ少ないんですよね...。そんな最中に人事のkamikoさんがFacebookにシェアされていたインターンの案内を見てこれしかない!と思い応募を決めました!

インターンの選考

選考はフォーム入力による書類選考と面接の2つでした。過去にpixivインターンに行かれていた方々を見ているとめっちゃハイレベルな方ばかりだったので、選考の間はビクビクしていました...

インターンでやったこと

10日間のインターン(自分は卒業式出席のため9日で撤退...)は、チームに分かれて「世界に向けた創作活動が盛り上がるサービスを作るハッカソン形式のインターンでした。クリエイター向けサービスを展開しているpixivらしさあふれるテーマです。

企画立案

初日の説明会の後からさっそく各チームに別れて企画立案が始まりました。
テーマには大きく分けて「世界に向けた」と「クリエイターに刺さる」という要素がありますが、話し合いを続ける中でこの2つがかなりトレードオフになりがちで、チーム内でもかなり意見が食い違って前に進めなくなることがありました。また、思いつくアイデアが既に存在することが何度も繰り返され、かなり精神的に参りました。

最終的に私達のチームでは「作品作りのための資料写真撮影代行サービス」という方向性で決まったのですが、今回の企画立案では「サービスを利用するモチベーションがあるのか?」というところがチーム内で大きなカギとなりました。チーム内ではサービスのモチベーションを「お金が貰える」ことで確保しようと考えていましたが、中間報告会のフィードバックでは「クリエイターを支援するファンの立場からすると、お金以外の見返りの方が魅力的」という意見をいただき、pixiv社内でのユーザのモチベーションの考え方を踏まえてアドバイスをいただきました。

イデア出しに苦しむ経験はプロコンに参加した時もありましたが、今回のインターンではpixivに携わっているビジネス職・アイデア職のメンターさんがそれぞれ付いてくださっており、詰まっているときにとても的確なアドバイスをいただけたのが幸いでした。

プロトタイプ作成

インターンの間に中間報告という形でLTが3回ありました。その都度、完成状況をプロトタイプで公開していくのですが、今回はSketchでざっくりUIを組み立て、それをProttに投げて画面遷移を行うという方法でプロトタイピングを行いました。このフローを実務で利用したのは初めてでしたが、Sketchの有能さは去ることながら、Prottの手軽さ、プレゼンに使用したときにめっちゃ便利だということ、チーム内でサービスのクリティカルな部分を共通認識できたことがとても良かったです。

ゴリゴリ実装

チームのエンジニア全員がRailsの開発経験があるということで、今回はRailsを採用することに決めました。自分はUIデザインを担当していたこともあり、フロント側の実装にまわって、ただひたすらにSassとerbを書いてました。
最初はアプリとWeb版の両方を実装する予定でしたが、残りの開発時間を考えてアプリ版を捨てたことは英断だったと思います。

pixivで2週間インターンを行ってみて

社員一人ひとりが自分のサービス、技術に誇りを持っていると感じた

インターン期間中、社員の皆さんと食事に行ったり、社内のイベントでお話を聞く機会が何度とありました。その中で、自分の携わっているサービスのことや、サービスで使われている技術について熱く語ってくださったのが印象的でした。

社内の雰囲気がめっちゃイイ

社員同士のコミュニケーションを取りやすくなるような工夫が随所になされており、社内の雰囲気がめっちゃいいなぁと感じました。水曜日には社員全員が参加する全社会というものがあり、その後に社員全員でランチを取る機会もあります。また、就業時間後に社内で鍋パが行われたり、Switch発売直後ということもあり社内の大きなモニターを使ってゼルダをやっている人がいたり、とてもフリーダムな感じでした。

技術力が半端なく高い

インターン期間中、pixiv nightという一般公開の勉強会に参加させていただいたのですが、そこではpixivにおける画像処理技術のアレコレを聞くことができました。以前、イラストレーターの友人がpixiv FACTORYというグッズ制作サービスを教えてくれたのですが、そのときにアップロードした画像がグッズになった際のプレビューがとてもリアルで感動した覚えがあります。pixiv nightではこのプレビューをどうやって制作しているかを詳しく聞くことができてめっちゃエモかったです。また、FACTORYの話以外にも画像処理系のお話をいくつか聞くことができて、画像処理は他のIT企業にないpixivならではの強みであると感じたとともに、pixivは画像処理系の研究を役に立てられる貴重な場所であるなぁと感じました。

「クリエイターファースト」の意識が大切にされている

pixivではクリエイター向けのサービスを提供していることもあり、クリエイターファーストの意識がとても大切にされていると感じました。この意識はサービスのUI/UXに反映されているだけでなく、サービスを作っている社員の皆さんも「クリエイター」として、待遇、福利厚生や社内環境といったところで意識されているのもイイなぁと思いました。

まとめ

今回のインターンでは、新規サービス立案の際に必要なことを短期間で集中的に学ぶことができたと感じます。自分はエンジニアとデザイナの立場で参加させていただきましたが、エンジニアリングもデザインも、アイデアなしには進めることができません。
そうした面で、チームの皆さんと一つのアイデアをとことん話し合い、メンターさんからアドバイスを貰いながら一つのプロダクトを完成させることができたことは、今まで自分が得意でなかった分野を伸ばすとても良い機会になったと思います。今までアイデア出しは敬遠してきた部分も多かったですが、今回のインターンで(苦労しながらでしたが...笑)「アイデア出し楽しい!」と思うことができたし、企画職もいいなぁ、と思うことができたのがとても良かったです。

お世話になった社員の皆さま、メンバーの皆さま、2週間本当にありがとうございました!!

Apple Watch から Swarm にチェックインしつつ Twitter や Facebook にシェアする方法

Swarm の Apple Watch アプリでは、ベニューへのチェックインと同時に Twitter に「I'm at ◯◯ in △△市, □□県」とつぶやいたり、Facebook にシェアするといったことができないため、サードパーティ製のアプリを使ってこれを実現する方法を紹介します。

 

1. 「Checkie」を App Store からインストールする 

 おそらく Apple Watch 側にも自動的に「Checkie」がインストールされるはずですが、インストールされない場合は iPhone 側のApple Watch App から検索してインストールしてください。

 

2. 「Checkie」を立ち上げて Swarm アカウントでログイン

ログイン画面が出てくるので Swarm アカウントでログインします。

 

3. チェックイン時の自動シェアをオンにする

f:id:dream_exp:20161220104518j:plain

下にスクロールしていくと、歯車アイコンの設定ボタンがあるのでタップします。
(設定ページへの導線がわかりづらい)

 

f:id:dream_exp:20161220104856j:plain

「Auto-post to Twitter」「Auto-post to Facebook」の横のトグルボタンを「ON」にしておくと、チェックイン時に自動的にシェアされるようになります。

 

4. あとは Apple Watch からチェックインするだけ

f:id:dream_exp:20161220105107j:plain

Apple Watch 上の Checkie からチェックインしたいベニューをタップすると...

 

こんな感じでツイートされます。

 

 

 

Apple Watch でスマートな Swarm ライフを👍