バンクーバーのスタートアップが使うVueの開発環境

はじめましての方はじめまして。
それ以外の方、こんにちは、こんばんは、おはようございます。

 
俺だ！
 

すみません、Frog Advent Calendar 2018の23日目担当のMasaです。
ジョブオファーをもらい仕事が始まった後はブログはご無沙汰でしたが、今年もAdvent Calendarへの参加をお願いされた事もあり、テーマに沿って自分の勤める会社のVue周りの開発環境でも語っていこうかと思います。

 

とりあえず自分個人の開発環境などなど

  • 会社支給のMacbook Pro 13インチ 2017年モデル + 24インチディスプレイ 2台
  • RubyMine（バックエンドがRoRなので) -> 周りに合わせる為にVSCodeに移行
  • Typescript
  • もちろんVue
  • みんな大好き Slack
  • XCode ( Cordova & iOSテスト用 )
  • Sketch, Photoshop
  • iPad mini (個人所有) 主にワイヤーを手書きしたりするのに利用。

 

どんな会社？

カナダらしいアイスホッケー関連のアプリを作ってる、自分を含め合計７人しか小さい会社です。仕事柄自分以外全員ホッケープレイヤー。なんで採用されたか分からん。
開発チームはバックエンド二人、フロントが自分含め二人の計４人です。
分からない事があればSlackを使う事もありますが、お互いに近い距離にいるのでそのまま直接聞いてしまう事も多々あります。

 

会社の開発環境

体制

スクラムを用いたアジャイルでの開発です。
月曜の朝イチでお互いの週末の過ごし方をゆるく話した後、先週の進捗と今週の作業の確認をし、水曜にクイックスクラムとしてざっくりとした共有、金曜に今週行った作業の共有を軽く行います。ヘルプの必要があったり何か共有事項があればその際に行います。これは開発チームだけでなく社内のメンバー全員で行っています。まだ規模が小さいので。

 

社内共通・開発チーム共通

プロジェクト・タスクマネージャーとしてMondayを使っています。
ミーティングやその他スケジュールの共有はGoogleカレンダーにぶっ込む感じです。
たまにSlackだけで連絡が来たりもします。
それとパスワード管理にLastPassを使っています。個人用と社内共有用があります。

開発チームは自分以外全員VSCode使いだったので、最近それに合わせるために自分もRubyMineからVSCodeに乗り換えました。プライベートではJetBrains製品を愛用しています。やっぱJetBrainsのが使いやすいし便利！
コードフォーマットの部分の理由が大きいので、そのうち解決して戻りたい…
あと、自分はMacBookで開発していますが、他のメンバー３人はUbuntuを使っています。

バックエンド

バックエンドはスタートアップあるあるのRuby on Rails、サーバーはAWSかGCPに移行を検討中みたいです。
タスクなどのチケット管理も基本Github上でやってるみたいです。他は自分は触る事がないので詳細は分かりません。

フロントエンド

自分のメインフィールドフロントエンド！ 今ではVueを使った開発がメインとなってはいますが、以前はAngularjs (v1.x系)で開発されており、自分が面接に行った１週間前（６月頭くらい）からAngularの保守コスト、パフォーマンスの問題から移行を始め、今でも少しずつ移行作業を新機能の開発と共に進めています。UIはVuetifyを使ったMaterial Designで構成されています。

ローカル開発環境はVue-Cliが賢いので基本おまかせです。たまにCTOがプラグインをフォークし、魔改造して使ってたりします。Typescriptを用いて開発を行っているため、vue-class-component, vue-property-decorator, vuex-classは必須です。@ktsnさんにはお世話になりすぎてめっちゃ尊敬してます。笑

他に最近はSSRにしようかとの話も出てきており、Nuxtを試しに使用したりもしています。

モバイルアプリ

モバイルアプリは専門で開発はしておらず、Cordovaを用いてリリースしています。
基本的にPC向けのアプリをそのままCordovaからリリース出来る形になっているので特に意識する事はありません。
Nuxtと同じように最近はFlutterどうかな？と言った話も出てきており、この先ハイブリッドアプリに転向する可能性もありそうな感じはしています。個人的にも興味があり勉強中です。

デザイン

メインのデザイナーはSketchをメインに使い、Photoshopも使うよくあるパターンです。あとInVisionも使ってたような…？
自分がUIに携わる時もSketchを使っていますが、ワイヤーは紙とペンよりもiPadとAdonitのスタイラスペンでゴリゴリ手書きする派です。デザインは本当に未熟なのでもっと勉強したい！

まとめ

ざっくりとですが自分の会社の開発環境はこんな感じです。
意外とFrog界隈では仕事でVue使ってるよ！って人が少ない（いない？）のでちょっとでも参考になれば幸いです。

告知

来月の1月19日に、11月3日に日本で行われたVueFesJapanのレビューと初心者向けVue講座を行う予定です。
よかったらご参加くださいー。詳細は後ほどFrogから告知があるかとです。