スパイスな人生

素敵な人生をおくるためのスパイスを届けていきたい、そんな想いで仕事をするspice lifeメンバーブログ

spicelifeのエンジニアは、どんな開発環境で仕事をしているの?

f:id:yu_suke1994:20160616144237j:plain

お久しぶりです。TMIXが主な活動拠点のうなすけです。

エンジニアの皆さんは、先輩の作業を見ていて「えっ、何だ今のコマンド?!」となった経験はありますか?また、ペアプログラミングなどをしていて、ちょっと相手のPCを借りて操作するときに「自分の環境と違いすぎて操作ができない……」となった経験はありませんか?僕はあります。

そんな千差万別と言える開発環境ですが、自分に対して最適化していくものとはいえ、他人の環境も気になってしまうものです。そこで、弊社開発部の開発環境を調査してみました。

五十嵐

  • 担当 CTO
  • 使用PC Macbook Pro 15inch JIS配列
  • ターミナル iTerm2とzsh
  • エディタ Emacs
  • よく使うalias
    • pbc
      • pbcopy
    • reload
      • source ~/.zshrc
    • ghb
      • hub brouse
    • ec
      • emacsclient -n
    • pwdc
      • pwd | pbcopy

f:id:yu_suke1994:20160616135758j:plain

雑談

五十嵐 : railsの各種コマンド、bin/railsやbin/rspecなどへのaliasは、railsのバージョンが変わるごとに変化していったのを覚えています。

うなすけ : 僕はrailsの3からしか知らないので、そこまで大きく変わったと感じることはないのですが、確かにrails 5に代わるとrakeコマンドがなくなるのでみんなaliasの更新をすることになりそうですね。五十嵐さんはコマンドのaliasよりキーバインドの設定のほうをよく使われますよね?

五十嵐 : そうですね、そちらの使用頻度が多いかもしれないです。僕はalfredのworkflows内に、hotkeyでchromeemacsをOptionキーとの組み合わせて起動できるように設定しています。Optionキーとの組み合わせなのは、windowsにこのキーがなく、windowsを使っている時に押してしまうことがないからです。

うなすけ : alfredは便利そうですね。僕はspotlightでアプリ名を入力して起動しています……

ゆーけー

  • 担当 開発部副部長、STEERS
  • 使用PC Macbook Pro 15inch US配列
  • 外部キーボード Kinesis Advantage
  • ターミナル iTerm2でfishとtmux
  • エディタ vim
  • よく使うalias
    • gclean
      • git fetch; and git branch --merged origin/master | grep -v "^\s*master" | grep -v "^*" | xargs git branch -D'
  • dotfile ukstudio/dotfiles

f:id:yu_suke1994:20160616140200j:plain

雑談

ゆーけー : おすすめの設定と言われても、変わったことをしないので特に紹介できるものが…… やりたいことがあったら、Rubyでscriptをパパッと書いて、pathの通っているところに置いておく、という事が多いです。最近書いたのは、gitのmasterとdeploy branchとの差分からマージされてるpull requestを取得する、といったものです。
他には、tile window managerとしてianyh/Amethystを使っていますね。

うなすけ : kinesisを使っておられますが、Ergoboxに移行する予定とかはないんですか?

ゆーけー : Ergoboxねぇ……気になってはいるんだけど……

ゆーけー : なんでalias使わなくなったんだろう……年をとったのかな……

あそなす

  • 担当 TMIXリードエンジニア
  • 使用PC iMac 5K & Macbook Pro 15inch US配列
  • 外部キーボード HHKB Type-S
  • ターミナル iTerm2 zsh tmux
  • エディタ atom(vim-mode) macvim
  • よく使うalias
    • s
      • ~/.ssh/configのHostNameを grepしてそれをpecoに渡しsshするコマンド
    • o
    • t
      • ghiを使ってGitHubのIssuesの一覧をpecoに渡して開けるコマンド
    • be
      • bundle exec
    • a
      • git add
  • dotfile asonas/dotfiles

f:id:yu_suke1994:20160616140257j:plain

雑談

うなすけ : あそなすさんのMacbookはよく光ってますよね

あそなす : あれはLightningKeyboardですね。かっこいいんですが、カンファレンスなど暗い場所で使うと非常に迷惑ですね。

うなすけ : terminalでよく使うコマンドってなんですか?

あそなす : rupa/zというコマンドがあり、よく行くディレクトリの中から引数で検索してcdしてくれるのでよく使います。
他だと、vimではspaceの2連打を:wにしていたり、space+qspace+Qをそれぞれ:q:q!に割り当てたりしています。

うなすけ : 僕のdotfileもあそなすさんの設定を拝借したものがいくつかありますが、spaceから始まる設定が多いですよね?

あそなす : あれは、なるべくホームポジションから手を話したくないからですね。

雲藤 : それだと、commandキーは使わないんですか?

あそなす : commandキーを使わないのは、macじゃない環境、例えばserver上で作業するときはcommandキーが使えないからですね。

うなすけ : 他によく使う設定があればお願いします。

あそなす : chrome extensionだとWhatFontや、r7kamura/github-streamをよく使います。それ以外だと、alfredの設定でCtrl+gESCにしたり、Ctrl+tでfinderが、Ctrl+-atomが起動するようにしたりしていますし、iTerm2のHotkeyをCtrl+=に割り当てています。

うなすけ : そういえばasonas/rails5baseは便利だと思うので説明お願いできますか?

あそなす : asonas/rails5baseというのは、自分がrailsでアプリを作るときに雛形として使えるようになっているものです。どのようなアプリを作ることになっても必ず使うgemが入っていますし、deppbotで常に最新のgemを使うようにしています。

下山

  • 担当 TMIXの画像周りの処理、工場発注画面開発
  • 使用PC Macbook Pro 15inch JIS配列
  • ターミナル iTerm2 zsh
  • エディタ Emacs
  • よく使うalias
    • bi
      • bundle install
    • bu
      • bundle update
    • be
      • bundle exec
    • gitmergedd
      • gitでmerge済みのbranchを選択して削除

雑談

うなすけ : 下山さんはメインブラウザがfirefoxだったり、エディタがemacsだったりと社内では少数派に属していますね。

下山 : firefoxはタブを縦に並べることができるので使っています。emacsも特に設定をいじったりはしていなくて、emacs-jp/init-loaderを導入しているくらいです。あとはtmuxを覚えたいなーと思いつつも手を出せていない感じですかね。

うなすけ : あとは……下山さんは机がただの荷物置き場みたいになってますよね?

下山 : 僕は椅子に座るよりも床に座って作業したいタイプなので、もっぱら土足禁止エリアで作業しています。

栗原

  • 担当 主にTMIXの画像周りの処理
  • 使用PC Macbook Pro 15inch US配列
  • ターミナル iTerm2 zsh
  • エディタ atom vim
  • よく使うalias
    • dc
      • cd
    • l
      • ls
    • aliasはあまりつかわない 検索の方をよく使うとのこと
  • dotfile ksss/dotfiles

雑談

うなすけ : 栗原さんはとにかく自作ツールが多い印象があるのですが、それらを紹介していただけますか?

栗原 : ksss/l2dというのがあり、これは、「batchを回していて、進捗があるのを確認したいけど出力は別にいらないな……」という時に使います。1行の出力が1ドットになります。あと、keynoteを作るときによく使うのがksss/faで、これはfontawesomeの文字コードをコピーできます。
最近作ったのだと、ksss/esa-cliですね。これはesacliから見られるようにするツールなのですが、imgcatに依存しているのでiTerm2 version3以降でしか使えないです。

栗原 : あとは、膝の上にMacbookを乗せて作業するのが僕のスタイルですね。外部キーボードも使いませんし、モニタも頭の処理が追いつかなくなるので使いません。

うなすけ : でもこれからの季節、膝に乗せて作業するとMacbookが熱くなってきて嫌じゃないですか?そういう時に僕はキーボードだけ膝の上に、Macbookは机の上に置いて作業するのですが。

栗原 : その場合、トラックパッドはどうするんですか?

うなすけ : 気合でトラックパッドまで手を伸ばします。

南谷

  • 担当 TMIXの工場発注画面開発
  • 使用PC Macbook Pro 15inch JIS配列
  • 外部キーボード 東プレREALFORCE 91UBK-S
  • ターミナル iTermでzsh(oh-my-zsh)
  • エディタ atom
  • よく使うalias
    • gl
      • git pull
    • gco
      • git checkout

f:id:yu_suke1994:20160616140500j:plain

雑談

うなすけ : これは人によって評価が別れるところだと思うのですが、oh-my-zshは使いやすいですか?

南谷 : 使いやすいですよ?aliasが豊富にありますし。よく使うaliasもoh-my-zshが設定してくれているものですね。むしろ僕は、oh-my-zshのaliasから学ぶことも多くて助かります。gitでmerge済のbranchをすべて消すaliasとかですね。

うなすけ : 今覗いてみましたけど、確かにかゆいところに手が届く系のaliasが多いですね…… oh-my-zsh plugins/git/git.plugin.zsh atomのThemeは、これはなんですか?

南谷 : atomのThemeはjesseweed/seti-uiを使っています。atomといえば、僕は工場さんとのやり取りが多く、その時にCSVを編集することが少なくないです。その場合にabe33/atom-tablrがとても便利です。

うなすけ : あっ、これを使うとatom上でCSVExcelみたいに表示できてとても見やすいですね!?

じぐそう

f:id:yu_suke1994:20160616140545j:plain

雑談

うなすけ : なんかオススメの設定とか……

じぐそう : terminal上ではCtrl+o+fでカレントディレクトリをfinderで開くようにしています。Ctrl+o+aだとatomになりますね。 自分でつくったchrome extensionでよく使うのがe-jigsaw/universal-tab-switcherで、これはchromeで開いているタブをキー入力で絞込み、移動することのできるextensionです。他にもe-jigsaw/universal-url-modifieramazontwitterの画像のURLを短縮したりオリジナルの画像を表示してくれたりして便利です。

じぐそう : GitHubを見るときには、検索の補完をしてくれるGitHub Awesome Autocompleteと、表示領域の横方向の拡大をしてくれるgithub.expandinizrが便利ですね。

じぐそう : 開発の上でよく使用するのは、React Developer ToolsJSON Formatterです。 それと、自分はcolor schemeを全環境でMonokaiに統一しているのですが、chromeのdeveloper toolのcolor schemeを変更するためにDevTools Authorを入れています。 あとは……タブを開きすぎた時などにOneTabはよく使いますね。

うなすけ : めちゃめちゃ出てきましたね

やまま

  • 担当 STEERSのアプリケーション開発と、社内全体のインフラ管理
  • 使用PC Macbook Pro 15inch US配列
  • 外部キーボード HHKB Professional2 無刻印 墨(2年目)
  • ターミナル iTerm2でbashでtmux
  • エディタ vim
  • よく使うalias
    • g
      • git
  • dotfiles kirikiriyamama/dotfiles

f:id:yu_suke1994:20160616140625j:plain

雑談

うなすけ : Shellはbashなんですが?zshを使っていると思っていたのですが。

やまま : Shellは、少し前まではzshを使っていました。でもconfigがものすごく大きくなっていって、管理の面でも大変になってきました。なので一度全部消して、チーム内で話題になったfish shellを使い始めてみたんです。ただ、自分の場合はサーバー上での作業も多く、結果的によく使うshellは素のbashになっていると思います。

うなすけ : おすすめの設定とか、これがないとつらいという設定はありますか?僕が覚えているのでは、ターミナルで空enterを打ち込むとlsとgit statusを表示するというのが印象的ですが。

やまま : あれはzshの頃の設定なので今は使っていないです。やはりよく使うのは mirakui/ec2sshpeco/pecoを組み合わせて、ssh先のsc2インスタンスを絞り込むものですね。shell関係だとpecoはよく使います。vimだと、tpope/vim-surroundはないと生きていけないです。

雲藤

  • 担当 TMIXのアプリケーション開発(新卒!!)
  • 使用PC Macbook Pro 13inch JIS配列
  • 外部キーボード 特に無し
  • ターミナル iTerm2でbash
  • エディタ atom
  • よく使うalias
    • g
      • git
    • be
      • bundle exec

f:id:yu_suke1994:20160616140713j:plain

雑談

うなすけ : 雲藤さんの作業環境を見ていて思うのは、ターミナルやエディタのウィンドウを最大化せずに使っていますよね。僕は広くしないとダメなのですが、見づらくはないのですか?

雲藤 : 私が中学生の頃、先生が「ノートに長い文章を書くと、目で追わなければならない」とのことで、ノートを4分割して使うようにと指導されたことがあります。その頃から、「このウィンドウはこのサイズ!」と決めて、広い範囲を使わないようにしています。

うなすけ : そういう話は始めて聞きました。確かにそれはそれで理に適っているのかもしれないですね。あとは、雲藤さんはマウス派ですよね?そのマウスにはこだわりとかはあるのですか?

雲藤 : いえ、特にこだわってはいないのですが、トラックパッドよりはマウスを使いたいですね。家でもペンタブがあるのですが、それとマウスを併用しています。

うなすけ

  • 担当 TMIXのアプリケーション開発
  • 使用PC Macbook Pro 15inch US配列
  • 外部キーボード 使ったり使わなかったり(いろいろ買って試している途中)
  • ターミナル iTerm2でzshでtmux
  • エディタ vim
  • よく使うalias
    • g
      • git
    • be
      • bundle exec
    • la
      • ls -alGh
  • dotfile unasuke/dotfiles

f:id:yu_suke1994:20160616140750j:plain

僕はこれまで聞いて回った先輩方、特にあそなすさんとやままさんのdotfileを参考にした設定が多いです。それ以外だと、esaやidobataを使うときにCopy as Markdownはよく使います。もちろん、この記事を書くときにも使いました。

他には、githubmarkdownを書くときにesareaが便利です。 あとは、macが勝手にsleepにならないようnewmarcel/KeepingYouAwakeを入れています。

まとめ

あらためて開発部のみなさんの開発環境を調査してみると、思いがけない発見があるものです。ukさんのタイルウィンドウマネージャーだったり、じぐそうさんの自作chrome extensionsだったりは、入社して以来初めて知りました。 1年くらいの間をあけて、定期的に開発環境を調査していくと、新しいツールの発掘や、仕事の内容の変化があったりして面白そうですね。

みなさんは、「これインストールしてみよう!」となったり、「いやいや俺のこの設定のほうがもっと便利だ」というような自慢が生まれたりしたでしょうか?

もしもそうであれば、あなたの開発環境エントリーが公開されるのをお待ちしています!

追記

2016-06-16 17時27分 人物名の一部変更、また敬称の削除を行いました。

2016-06-17 9時14分 誤字脱字の修正を行いました。

TMIXの2015年”オリジナルTシャツ”売上ランキングTOP10

こんにちは、ヨシカワです。

 

本日、TMIX(ティーミックス)の2015年の1年間の売上ランキングTOP10を発表しました。

 

全45商品の中から2015年に最も売れた商品は一体どれだったのでしょうか?

早速見ていきましょう。

 

【2015年年間売り上げランキングTOP10】

[1位] 定番Tシャツ

[2位] ドライメッシュTシャツ

[3位] 即日Tシャツ 

[4位] お手頃Tシャツ

[5位] ヘビーウェイトTシャツ

[6位] エコバッグ

[7位] 定番ポロシャツ 

[8位] キャンバスポーチ

[9位] 即日スポーツTシャツ  

[10位] 即日ジップパーカー 

 

ランキング1位は定番Tシャツ

f:id:tmix:20160212121735p:plain

1位は定番Tシャツでした。2009年のTMIXの開始時からある商品で全体の60%が定番Tシャツという結果。売上のほぼ3分の2と圧倒的です。

12種類のサイズ、36種類のカラーから選ぶことができ、 普段着からイベントまで多様に使え、多くのお客様に選ばれています。

 

キャンバスポーチがランクイン

f:id:tmix:20160212121822p:plain

2015年9月に追加された「キャンバスポーチ」がいきなり8位にランクイン。3ヶ月強しか販売期間がないなか大健闘。しかも12月には生産が追いつかず一時販売停止となっていました(現在は1月25日より販売再開してます)。男女問わず人気商品となりました。

 

 

いかがでしたでしょうか?

オリジナルグッズを作る際に是非参考にしてみていただければと思います。

2015年TMIXがスポンサードした技術イベント

CTOの五十嵐です。イベントでよく作られるスタッフTシャツはオリジナルのTシャツが活躍する場面。オリジナルTシャツプリントのTMIXは今年もさまざまなイベントのスポンサーとしてスタッフTシャツを作って提供させていただきました。

地域Ruby会議は全国各地の開催を応援し、神奈川Ruby会議01、とちぎRuby会議06、関西Ruby会議06、TokyuRuby会議09、松江Ruby会議07、大江戸Ruby会議05のスポンサーになりました。特にTokyuRuby会議09は03から使っていただいていて、今回で7回目です。

f:id:iga_k:20151229102857j:plain

RubyKaigi2015 ではシルバースポンサーになったほか、参加者のみなさんへ配るノベルティTシャツを製作させていただきました。みんな大好き寿司をデザインした素敵デザイン。今年はご発注いただいての製作でしたが、TMIXを大きくしていつかは参加者全員分のTシャツスポンサーになれるようにがんばります!

f:id:iga_k:20151229102923j:plain

RailsGirlsは京都、塩尻、東京、福岡、松江、神戸、岡山での開催でスポンサーさせていただきました。塩尻はTMIXのTシャツの一大産地で、そこでのイベントを応援できたのは嬉しいことでした。また、松江ではRailsGilrs FounderのLindaさんも講演されて、Tシャツをお渡しできました。

f:id:iga_k:20151229103055j:plain

そのほか、肉の日リリースが恒例のGroongaの Groonga Meatup 2015 では素敵な肉Tシャツが!

そのほか、スポンサーではなくてプレゼントさせていただいたのは島根R-turnイベントで池澤あやかさんほか登壇者のみなさんへ。私も司会をさせていただきました。

f:id:iga_k:20151229103329j:plain

RubyKaigiではRuby2.3のぼっち演算子 &. が話題に。matzさんと公式素材であるよしおりさんへLonely Operator Tシャツをプレゼントしたところ、その場で着てくださいました。

f:id:iga_k:20151229104116j:plain

ほか、全ては紹介しきれませんでしたが、いろんなイベントでTMIXでスタッフTシャツを作っていただきました。私のもその中のいくつかのイベントへスタッフとして参加し、素敵なデザインのお揃いのTシャツをみんなで着るのはとてもたのしい時間でした。

TMIXでは来年も技術イベントの応援をしていきたいと思いますので、興味のある方いらっしゃいましたら気軽に五十嵐までお声かけください。

TMIXのRailsを4.2.5にアップデートしました。

f:id:yu_suke1994:20151222143828p:plain

TMIXエンジニアのうなすけです。ここ半年間、TMIXで作ったオリジナルTシャツやパーカーを着ていない日はないのではないかという生活をしています。先日も、とあるイベントのスタッフパーカー(TMIX製)の下に自分のTwitterアイコンを配置したTシャツ(TMIX製)を着て参加しました。

Rails 4.2.5

さて、すっかりTMIXRailsアップデート担当と化している僕ですが、やっぱりTMIXRails 4.2.5アップデートも僕が行いました。 Rails 4.2.5のリリースは2015年11月12日です。だいたいその辺りから作業を始めました。途中で合宿を挟んだりして出すタイミングを見失っていましたが、年内にアップデートできて嬉しい気持ちです。

アップグレード手順

今までのアップグレードはsynvertに頼っていました。

blog.spicelife.jp

blog.spicelife.jp

しかし、4.1系から4.2系へのアップデートは、synvertは対応していません。僕はこれを機能の不足とは思っていないので、 本家へのPull Requestも作成しませんでした。いつまでもsynvertには頼っていられません。自立の精神です。

読むべきはリリースノート

そう、Railsアップデート時に、真に読むべきはリリースノートです。

A Guide for Upgrading Ruby on Rails — Ruby on Rails Guides

railsguides.jp

僕は英語の方の記事を読みつつ、「はーわからんぞ」となった時は英語と日本語訳を交互に読み比べていく、というようにしてリリースノートを読み、アップデート作業を進めていきました。

とは言え、具体的に行った作業としては*_filter系を*_actionに置き換えたくらいで、大規模な修正は行う必要がありませんでした。

github.com

アップデートを終えて

やっと最新のRailsに追いついたと思ったら、12月18日にはなんとRails 5.0.0.beta1が登場しました。

Riding Rails: Rails 5.0.0.beta1: Action Cable, API mode, Rails command

それに、もうすぐやってくるクリスマスではRuby 2.3のリリースが予定されています。(Perl 6もね)

前へ前へと走り続けていきましょう!!

湯河原温泉「おんやど恵」の足湯フログラミングは開発合宿の新しいスタンダードになる

ある日、オフィスでメンバーとTMIXの新機能について議論していたところ、 「これは結構な大きさの機能だね」 「そうだね、真剣に議論する必要がある」 「じゃあ合宿いっとく?」 「いっとく?」 ということで、「開発合宿を実施する!(ででーん)」と高らかに宣言して勢いで合宿へ行きました。(ちゃんと稟議は通しました。)

開発合宿をやるにあたり、WiFiはじめ環境が超重要。いろんなブログを読んだり、行った人からの情報を収集したのですが、

  • WiFiは必須
  • 議論が盛り上がるとうるさくなるので、他の人の迷惑になりたくない
  • 長時間なので椅子に座って開発したい
  • 温泉は欲しいよね
  • ごはんがおいしいとさらにいいよね

の条件を満たすところがなかなかみつからず。そしていろいろ探して見つけました!湯河原温泉の旅館「おんやど恵」。

www.onyadomegumi.co.jp

ちゃんと開発合宿を歓迎してくれてる感があって安心感あります。masuidriveさんに聞いたらお勧めとのことで風呂にも期待が持てます。

話題の開発合宿温泉宿に「風呂グラマー」増井雄一郎氏と行ってみた - エンジニアtype

宿に電話で予約して、JRの切符も確保!品川から特急踊り子号で約1時間と楽にいけるのもありがたいです。

f:id:iga_k:20151217222028j:plain

合宿当日、天気晴れ、12月なのに暖かい日。湯河原駅から宿まではタクシーで1000円でした。予定時刻より早かったのですが会議室を使わせてくれました。会議室は7人だとかなり広くて、窓も大きくて明るく、良い環境。机と椅子にホワイトボード、さらにお茶やお水、おしぼりも用意してあって快適。珈琲も注文すると入れてくれます。あと、売店に駄菓子が売られてるのもポイント高い。ヤングドーナツmgmg。コンビニは10分くらい歩くとあります。ちなみにWiFiは会議室だけですが、会議室は24時間使えるのでいつでも使えます。速度は雑に計測して下り7Mbps、上り25Mbpsでした。特につながらない時間もなく快適でした。

f:id:iga_k:20151217222047j:plain

温泉は広い!弱アルカリ性の肌がすべすべする感じ。露天風呂もあってこりゃええわいです。いつでも入れるのも嬉しい!

そして素晴らしいのがお風呂へ続く道の中庭にある足湯!これがライフチェンジングな素晴らしさ。(※特殊な訓練を受けて撮影しております。水没にはくれぐれもご注意ください!)

f:id:iga_k:20151217222544j:plain

みんなで議論するも良し、1人で集中するも良し、アイスを食べるも良し。

f:id:iga_k:20151217222923j:plain

開発はたのしくて、メインの作業のほかに、ノリで小さな機能をみんなで作ったり。きゃっきゃいいながら作るたのしい時間でした。これの成果は追ってTMIXでお見せできると思います。

みっちり開発して、たのしみのごはんの時間。豪華!おいしゅうございました。

f:id:iga_k:20151217222626j:plain

f:id:iga_k:20151217222509j:plain

まとめると、開発合宿の宿としてとても素晴らしい環境でした。WiFiが安定していて、宿のスタッフのみなさんも開発合宿に理解があり優しく対応してくれ、個室で椅子で開発でき、温泉がいつでも入れ、足湯で集中でき、東京から電車で1時間で行ける。値段もリーズナブルで開発合宿プランは1人1泊2色付きで約10000円、会議室は1部屋1日約2万円。私たちはさらにモニタープランで割引きしてもらいました。

おんやど恵さん、素晴らしいので開発合宿の定宿にしたいです!ありがとうございました!

f:id:iga_k:20151217223231j:plain

良い天気に恵まれた良い合宿でした。弊社asonas撮影の空の動画。

FacebookCEOザッカーバーグもイクメンに

この前の週末にFacebookCEOザッカーバーグが2ヶ月の育児休暇を取るという記事が出ていました。

www.itmedia.co.jp

www.huffingtonpost.jp

 

実はスパイスライフも育児休暇としてではありませんが、リモートワークの仕組みでイクメン支援しています。

 

11/18にはエンジニアtypeにも掲載していただきました。

engineer.typemag.jp

 

日本のイクメン支援の現状と課題

厚生労働省の統計調査によると、平成25年10月1日までに育児休業を開始した者(育児休業の申出をしている者を含む。)の割合は 2.03%とのこと。

また、多くの男性が育児をしたくても育児休暇を取らずそのまま仕事をし続けることを選んでいます。その理由は、

  1. 経済的に負担となる
  2. 社内に代替要員がいない
  3. 出世にひびく
  4. 復帰後も復帰前と同じ環境で働けるか不安

などが挙げられていました。

 

多くの企業で育児したくても家計の状況や将来のことを考えて仕事を優先させている男性が多いようです。

 

このような現状を知り、スパイスライフではいまのところエンジニア職などのリモートワーク適用職のみですが、自宅で仕事をしながら育児参加できるようにすることで、イクメン支援しています。

 

新米パパ(イクメン)の実際の感想

実際にリモートワーク制度を利用している新米パパ(イクメン)に感想を聞いてみました。

「自宅にいながら仕事が行えるから、出社時間や帰宅時間を気にする事なく、妻と子供の状況を見ながら仕事ができる。

子供の初めて発した単語や寝返りした瞬間など一生で一度しか見れない子供の初めての成長を妻と一緒に見れるのは本当に幸せに感じる。

仕事についても他の社員とは無料のビデオ電話を通じてMTGができたり、チャットツールでコミュニケーションが毎日取れる。

ただ会社か自宅かの違いだけで、 普段と変わらずパフォーマンスを下げずに行える。 時には仕事しながら寝かしつけたり、ミルクをあげながらメールのチェックをしたりもしている。

世間のお父さんの中には、勤務内に仕事が終わらない→家に持ち帰る→子供を寝かしつける→また仕事→寝不足になる場合があると聞いた事がある。 体調なども考えるとリモートワークはありがたい。」

 

 

スパイスライフは、"育児か仕事か"ではなく"育児も仕事も"できるようにして社員の生活を支えることを通して働き方の多様化、少子化問題などに少しでも貢献したいと思っています。

引き続き社会価値と経済価値の双方を追求する企業として進んでいきます。

 

というわけで、spice life代表のヨシカワでした〜。

ネットサービスもブランディングが当たり前に?ニューヨークのECスタートアップに学んだこと

TMIX新ロゴ

こんにちは。spice life代表のヨシカワです。

 

オリジナルTシャツTMIX (ティーミックス)は11月5日にブランドイメージを一新しました。

今回はそのことについて書こうと思います。

 

TMIXは2009年1月19日に、

  • 商品はTシャツ1種類
  • カラーは5色
  • 前側のみプリント可能

というとても小さな形でローンチしました。

 2015年11月のいまでは、

  • 商品は45種類に
  • 商品×カラーバリエーションとなると400種以上
  • 前側だけでなく後ろ側もプリント可能
  • スマホからもデザイン可能
  • ショールームオープン

と大きく変わっています。

 

このように7年弱にわたって運営していますが、サイトデザインの変更などは定期的にやっていたものの、大きくブランドイメージを変えずにここまでやってきています。もっと言えば、始めてからこれまで、TMIXのブランドイメージそのものについてあまり考えずに続けてきたのです。

 

なぜいまブランドイメージを一新したのか?

きっかけは去年の2014年9月になります。なのでそこから考えると1年以上の時間をかけてきたことになります。

2014年9月、ニューヨークとサンフランシスコ(シリコンバレー)にビジネス視察に行っています。

そのうち、ニューヨークではECスタートアップが多いこともありアメリカのECスタートアップが取り組んでいることをテーマにして視察をしていました。

アメリカのECスタートアップの多数が取り組んでいることなら我々も取り組むべきではないかと考えたからです。

 

warby parkerワービーパーカーのオフィス併設ショールームとショップの様子

ニューヨークの代表的なECスタートアップのWARBY PARKER、BONOBOSなど視察する中で、ここが進んでいる、我々も取り組むべきかなと感じたことが3つありました。それは、

  1. ショールーム型ストア
  2. ブランディング
  3. 社会・地域貢献活動

です。

 

1.ショールーム型ストアについてはすでに今年の3月にオフィス併設型としてオープンしています(ブログ参照)。

 

そしてショールーム型ストアをオープンした際、ネットとリアルで統一されたイメージを作ることの難しさを感じ、TMIXは1つ1つの施策をバラバラに進めてきたために、1つ1つとしては成り立っているが全体としては統一されていない状態であると気づきました。まさにブランディングが必要であり、取り組むべきかな、から、取り組まなければならない、に変わったのです。

 

ただ、9月に行った時に感じたとはいえ、ブランディングが必要という視点ではなかったためボンヤリしていてどうしたら良いかわかりません。

そこで、ニューヨークに2015年6月に再度視察に行くことにしました。

この時は、事前に他のECスタートアップも調べ、効率よく回れるようにし、夜はその日見た感じたことをメンバーと共有、場合によっては翌日以降に同じ場所を再訪して確かめるなどとにかく現地でしか体験できないことを重視し深掘りしました。

 

そうした結果、やはり早急にブランディングに取り組むべきであると結論、エッセンスは収集できた、具体的な進め方は帰ってから考えよう、ということになったのです。

 

ちなみにですが、この時に行ったECスタートアップはWARBY PARKER、BONOBOS、HARRY'S、Casper、Rent the Runway、TRUNK CLUB、JACK ERWIN、normalなどです。

左はTRUNK CLUB、右上がnormal、右下がCasper。ショールームストアでの写真

 

ブランディングについて

ブランディングとは、”ケラーの戦略的ブランディング”という本によれば、

ブランディングは精神的な構造を創り出すこと、消費者が意思決定を単純化できるように、製品・サービスについての知識を整理すること」

ケビン・レーン・ケラー(著)

 

Wikipediaでは

ブランディング - Wikipedia 

 時代の流れやトレンドによる顧客ニーズの変化、また競合品・代替品の出現など刻々と変わる状況に対応するためブランドも新陳代謝を繰り返す。しかしそのどの場面においても焦点は『 顧客の頭の中に形成されるイメージ 』に合わせられており、時を経て蓄積されたそれら無形資産が消失・分散されることのないよう、注意深く計画・管理される。 ユーザーは様々な機会やメディア等を通じ商品情報と接触し、また店頭で目にし手に取り、実際に利用することでその品質を体感する。これら一連の中にユーザーの期待を裏切らない満足(価値)がある時、その商品はユーザーエクスペリエンス(新鮮で快適な良い体験)をもたらす商品として記憶され、さらなる注意が向けられるようになり情報収集と利用を繰り返すという循環が生まれる。このように商品とユーザーの間にできた体験を伴う良い関係が、商品に対する共感や信頼を育てユーザーの顧客化が起こり、徐々に顧客の頭の中に『 ブランドイメージ 』という行動を決定する力を持つ『 概念上の価値 』が構築されていく。

 

とあります。

 

つまり、

どこから知っても、TMIXのコンセプトや理念と提供するサービス・商品の価値がズレなくイメージが統一されている状態であり、いついかなる場合でも信頼を裏切らず顧客との関係を築く、と伝えていくことだと思います。

 

今までこのような考え方で運営できていたかというとそんなこともなかったのです。

はっきり言えば、機能追加や新商品の販売など1つ1つをスピード重視の考え方でやってきていて、ブランドとして統一されたイメージを持ってもらえるように考えてはいませんでした。顧客の頭のなかに形成されるイメージ、つまりどういったイメージを持ってもらいたいのかを真剣に考えたことはなかったのです。

 

しかしアメリカで見たECスタートアップは、比較的初期からブランディングの考えを取り入れ実行しています。

ブランディング - Wikipedia

顧客の視点から発想したコンセプトや理念を基に、常に顧客の期待や信頼に応えるよう行動し、良質な商品の供給を継続することでユーザーをはじめとしたステークホルダーの共感や支持を獲得・拡大していくこと、またそれに関連する一連の活動のことである。  

 を当たり前のように行っているのです。

 

TMIXのブランドイメージ

2015年6月の視察後、TMIXブランディングを進めると決めましたが、いままでやったこともなく社内のリソースも限られており、アメリカのECスタートアップのブランディングの考え方や取り組みを理解しなおかつチームと共有しながらスケジュールに落として具現化していくキーパーソンが必要でした。

そこで、NYCのスタートアップを独自で取材しトレンドを詳しく理解している江原理恵さんにお願いしました。

 

江原さんはスマートニュース株式会社のオフィスデザインのディレクションをしたり(参照:仕事する身体−−スマートニュースのオフィス移転物語 | スマートニュース株式会社)、ボタニカルデザイナーとして活躍されてる方で、NYCの視察も同行していただいたおかげで何倍も深い知識を得ることができたのです。

 

まず言われたことは、顧客にとってTMIXは一体なんなのか、我々の想いを具体的に言語化すべき、でした。

今まで言語化したことはありませんでした。

 

そこで、ミッション、キャッチフレーズをまずは言語化しようと、ホワイトボードに思いつくことを書き出したり、日を変え場所を変え何度も話をし、TMIXチームのメンバーと昔の話をしたりしながら浮かんでくることを書き溜めていきました。

 

 

ホワイトボードに書き出した様子

 

ミッション、キャッチフレーズを考えだしてから実際に決定するまでには1ヶ月以上かかりました。決まってみると、伝えたい事がストレートに伝わる文になりましたが、かなり試行錯誤しました。想いについて話すことはそれまでもしていましたが、それを1つの短い文章で伝えるとなると言葉がすっきり伝わらなかったり、スッと読めなかったり、ちょっと言葉を変えるだけで全体の印象が変わりイマイチになったりするのです。良くなったのか悪くなったのか考え続けすぎると判断が鈍るので数日寝かせたりしながら決めました。

 

TMIXのミッション、キャッチフレーズは以下に決まりました。

TMIXミッション 

世界中のあらゆる人々に、カスタマイズを通して、喜びや楽しみを提供する

 

TMIXキャッチフレーズ

Print Your Heart

 

 

他にも新しいロゴの作成やTMIXのカラーの選定などブランディングにはいろいろな要素があり苦労話もありますが、その話はまた別の機会にでも。

とにかくリリースしてみると周りの評判やユーザーの満足度が高く、本当にやってよかったと思ってます。

タイトなスケジュールのなか作り上げてくれたチームのみんなには本当に感謝です。

 

これからのTMIX

最後にこれからのTMIXについて少し話して終わりにします。

 

TMIXをローンチする前はフォトショやイラレがないとオリジナルTシャツが作れない、という時代でした。もちろん1枚から安価でオリジナルTシャツを作ることができる、ということもその頃ほとんど知られてなかったように思います。

2000年代の前半にTシャツプリント用のインクジェットプリンタが工場向けに多く出回り、1枚からフルカラーで安価で作れるようになっていたものの、それが一般の人に伝わってはいませんでした。

TMIXはインクジェットプリンタを生産している日本企業と協業しながらオリジナルTシャツを一般の人に気軽に作ってもらえるように、ウェブでデザインできるツールを用意することで、ウェブでカンタンに1枚から作れる、ことを日本で進めてきました。

 

ローンチ後から今までを、ウェブでデザインし作れる時代、とするならば、これからのTMIXは、

  • デザインしたことない人でも思い通りのデザインができる時代
  • デザインしていないのにデザインができる時代

に進んでいきたいと考えています。

このことについても、いつかまた話をできればと思います。

  

グーグルはミッションとして「世界中の情報を整理しアクセスして使えるようにする」ということを掲げています。

同じように、TMIXはTシャツデザインの情報を整理しデザインをしていないのにデザインが出来、利用もアレンジもできるようなサービスへと進化、カスタマイズを通して喜びや楽しみを提供できるような未来を描いています。

 

これからもTMIXチームは一歩一歩前に進んでいきます。