新サービスを立ち上げる際、エンジニアとしてやって良かった 9個の事

エンジニアの渋谷です。

マネーフォワードは3月30日に【給与計算ソフト – MFクラウド給与】という新サービスをローンチさせていただきました。

マネーフォワード、クラウド型給与計算ソフト『MFクラウド給与』(β版)を無料提供開始~法改正や税制改正にも自動対応。企業の給与計算・労務をもっとスマートに~

クラウド給与計算ソフト マネーフォワード

クラウド上で完結する本格的な給与計算サービスとして、リアルタイム給与計算機能や料率自動反映などを備えております。
また、今後は弊社の【家計簿アプリ・マネーフォワード】との連携も視野に、給与担当者も従業員も嬉しいサービスにしていく予定です。

本サービスの企画自体は、昨年年末に3人でスタートし、年明けから様々な方にお手伝いいただきながら、約3ヶ月の開発期間でローンチしました。

今回は、新サービスをゼロから作り上げるにあたり、エンジニアとしてやって良かった、と思えた事を9つばかり紹介させていただきます。

1:リリース前確認シート

企画がスタートした時に、【ビジョン】【ミッション】【ステートメント】といった事をチーム内で議論しましたが、それと同時に【リリース前確認シート】という物も作成しました。

続きを読む

ReactとReactNativeでFluxなTODOを実装してみた話

流行り言葉ばかりのタイトルになりました。フロントエンドエンジニアの平山です。
先に言っておきますと、マネーフォワードでは流行り言葉を使いこなすフロントエンドエンジニアを募集しています!!!

とりあえず押してからでも遅くはない!
マネーフォワード 採用情報 https://recruit.moneyforward.com/

というわけで、タイトルの通り、ReactとReactNativeで同じ動作をするTODOリストを作ってみました。
 

デモ

React-flux-todo デモ
ReactNative-flux-todo.png

※ React(ウェブ)です。ReactNative編はお手数ですが、READMEを参考に実行をお願いします。

続きを読む

遅すぎるfeatureテストに対して試したこと

Railsエンジニアの越川です。

よく、テストでRails.cacheを使ったテストをしたいけれども、テストの度に念のため消しておきたいという事情でspec/rails_helper.rb

  config.before(:each) do
    Rails.cache.clear
  end

このように書いていたりします。

このRails.cache.clearですが、cacheをdefaultのFileStoreにしていると、tmp/cacheの中身を消すようです。

この時、sassなどを使っているプロジェクトの場合、tmp/cache/assets/配下も一緒に消されてしまいます。これに気づかないとfeature specを実行するたびにsassのコンパイルが走ってしまい何故かfeature specがべらぼうに遅い!という自体が起きてしまいます。本格的にsassを使っているほど顕著です。

続きを読む

【レポート】MF Geeks Night (2015年3月)

10499602_10202622512164195_8664578642403293770_o

エンジニアの越川です。
今回は、3/19(木)夜に開催したマネーフォワードのエンジニアイベント「MF Geeks Night 2015-03」をご紹介します。

ざっくりとしたテーマは「最近挑戦していること」でしたが、それ以外のテーマの発表もありました。

最近挑戦していること

越川から「最近挑戦していること」について

10649651_946532708732477_4000421280423230681_n

  • githubの芝生を育てる活動について
  • 脱deviseのために最近作っているnyauthというRails Engineの話

続きを読む

Ansible galaxyを使って銀河の彼方からJenkinsおじさんを召喚する

こんにちは。マネーフォワードエンジニアの鈴木です。

最近ではCIもすっかり定着し、みなさんの職場にもJenkinsサーバないし何かしらのCIが稼動していることかと思います。

YumAPTなどのパッケージ管理ツールでインストールすることも多いかと思われますが、最近では様々な仮想化ソフトウェアの台頭もあって、Ansibleのようなプロビジョニングツールがよく使われるようになりました。
セットアップ手順をコード化することには以下のようなメリットがあります。

  • 手順を明確にしオープンにすることで、属人性をなくせる
  • 仮想環境への構築が容易になるので、serverspecなどでテストしやすくなる
  • 管理コストを削減できる

Ansibleには、Ansible galaxyというrole(ノードの役割設定)を共有できるhubサービスがあり、世界中のユーザが作成したroleを利用することができます。

今回はAnsible galaxyを使ってJenkinsをセットアップする手順をご紹介します。

続きを読む

【番外編】マネーフォワードっぽいホワイトデーを考えてみた

こんにちは。マネーフォワードCTOの浅野です。

明日はホワイトデー、そして今日はホワイトデー前の最終営業日です。

世の男たちが対応に悩むイベントの1つですね。
バレンタインに職場の女子からプレゼントを貰っている場合、今年一年の職場での立場が決まると言っても過言ではないイベントです。
「バレンタインにチョコを渡すなんて、欧米ではやってねーよ!」なんて口にしてはいけません!

来年以降の参考になるよう、マネーフォワード男子達の今年の奮闘記をご紹介します。
 

(参考)バレンタインデーに頂いたもの

valentines2015

上記のマネーフォワードロゴ入りチョコに加えて、一人ひとりにメッセージカード(それぞれ複数人からの寄せ書き形式)も貰いました!
メッセージカードは特に手間がかかってそうです。

マネフォ男子に襲いかかるプレッシャー。。。
普通のお菓子を返すだけでは、姐さん達にシバかれるのは必至!
(いえ、、、マネフォ女子は優しいですよ、、、)
 

男子チャットにて相談会が開催される

続きを読む

SassやCSSでチェックボックスやラジオボタンをカスタマイズする方法

マネーフォワードでフロントエンドの開発をしています頼本です。

前回の「Haml、Sassを使って効率よくコーディングする方法(基礎編)」に引き続き、
今回は、初級編として、マネーフォワードがどのようにHaml、Sassを使っているのか、実戦で使える内容を例にご紹介いたします。
 

SassやCSSでチェックボックスやラジオボタンをカスタマイズする方法

デフォルトのチェックボックス・ラジオボタンは小さい・・・デザイン的にイケてないので見た目を変更したい・・・そんな要望は多くあると思います。
そこで、今回はinput+labelとSassやCSSで簡単にチェックボックス・ラジオボタンをカスタマイズする方法をご紹介します。
 

チェックボックス・ラジオボタンのデザインをカスタマイズした時の見た目

チェックボックスのカスタマイズ

ラジオボタンのカスタマイズ

続きを読む

なぜ、マネーフォワードのエンジニアとデザイナーは仲が良いのか

マネーフォワードでデザイナーをしています大橋です。

使い勝手のよいサービス作りには、エンジニアとデザイナー間の「コミュニケーション」が重要な要素であると私は考えています。

そこで今日は、技術ネタからチョット離れまして、マネーフォワードでエンジニアとデザイナーがどうして仲が良く、どのようにコミュニケーションをとっているか紹介します。
 

一般的にありがちな、エンジニアとデザイナーのお互いの印象

エンジニア「デザイナーって、、、なんかめんどくさい」
デザイナー「エンジニアって、、、話しかけにくい(話しかけちゃイケない雰囲気)」

これ、よく分かります(笑)

デザイナーから見ても、デザイナーってなんかめんどくさい人々なのです。

そして、私(デザイナー)から見るエンジニアは「あんまり喋りかけては、いけない人達(笑)」です。
理由としては、黒い画面を見ながらよくわからない文字列をひたすら打っていて、すごい頭つかってるんだろうなと思ってるからです。

でも、マネーフォワードにJoinして、エンジニアに対する印象が変わりました。
(エンジニアからも、デザイナーのイメージが変わったという声も!)

続きを読む