こんにちは。エンジニアのrisacanです。去年末から年始にかけて、SmartHRの開発チーム内でRailsのOJTをしていただきました。その内容を紹介します! 😊

Rails OJT

今回のRails OJTは12月に入社したエンジニア2名を対象に実施されました。まるまる15日間、他の業務はせずOJTのみを行いました。2人ともソフトウェア開発の経験はありますがRailsは未経験で、Rails Tutorialを1周やり終えた状態からのスタートでした。

お題

今回のOJTは、1人1つずつ、お題に沿ったアプリを一から作るような内容となっています。以下のような内容です。

# 研修の内容

以下の要件を満たす「経費精算アプリ」を作ってください

- 事業所アカウントを新規登録してログインできること
- 事業所アカウントには複数のユーザが紐づくこと
- ユーザには管理者権限と従業員権限があること
- 管理者権限では以下の操作ができること
    - 従業員からの申請管理
        - 承認・却下を行う
        - その際、コメントをつけられること
    - 月ごとの申請管理
        - 合計金額表示
        - 申請種別ごとの数を出す
        - その他気がきく機能
- 従業員権限では以下の操作ができること
    - 経費精算の申請
    - 申請の取り消し
        - 申請の修正は不可とする
    - 申請した経費精算の確認
- 申請には以下のステータスを持たせること
    - 承認待ち
    - 承認済み
    - 却下

指定されたGemを使いつつ、これらの要件を満たすアプリを作ることがOJTのゴールとなります！

進め方

アプリの設計

まずは、要件からモデルと画面を設計するところから始めました。モデルはKibela上にUMLで描画し、プロトタイプはSketchとHTMLを書き出すプラグイン( markhorgan/click-thru-prototype )を利用して作成しました。

Pull Requestでのやりとり

コードの管理はGitHubを使い、レビューもPull Requestで行いました。

ペアプログラミング

つまったところは随時ペアプログラミングをしてもらいました。ペアプログラミングにはAtomのTeletype for Atomを利用しました。Teletypeを使うと、複数人がそれぞれのラップトップから1つのファイルを同時に編集できます。今回は、私のローカルのファイルをチューターと同時に編集しました。タイピングを見てもらえたり、自分の手が追いつかない箇所は代わりに記述してもらってさっと次の課題に進めるため、とてもおすすめです。

ペアプログラミングで、デバッグの方法や、よく使われるイディオムなどを次々と教えてもらいました！

フィードバック会

研修終了日から2日前に、OJTをうけている2人とチューター2人でフィードバック会を開きました。改めて新規登録〜経費登録までの流れを触ってみて、統一感のなさ、ミスリーディングなUI、不親切なページングなどの指摘を受けました。 1人で開発していると個々の機能の実装に集中してしまい全体的な使いやすさ・デザインが後回しになっていたため、とても貴重なフィードバックでした。また、最終日まで時間がないなかでのフィードバックだったので、どの部分を優先的に実装するか判断する練習にもなりました。