株式会社NoSchool

■ 担当すること
- 初期スタートアップのため、Web技術を中心にフルスタックでサービス開発していただきます。
- 要件定義から、データベース設計、そして実装・テストまで通して関わっていただきます。
    - 要件定義は、主にGitHub issue上で議論しながら進めていきます。
    - 難しい要件であればデータベース設計やクラス設計の時間を取ります。
    - デザインについてはデザイナーさんに作っていただくこともありますが、簡単なものであればエンジニアがFigmaで叩きを作成して進めます。
    - SPAを採用しているのでフロントエンドとバックエンドを分けて実装します。
    - 実装が終わればソースレビューを出します。当面は、最終的にCTOがソースコードに目を通してマージします。
    - バックエンドを実装するときは必ずテストコードも一緒に出します。

■開発チーム
▼CTO
2016年新卒LIFULL入社→2019年より現職。特にフロントエンド技術が好き。

Profile: https://meijin.dev
GitHub:  https://github.com/TeXmeijin
Twitter: https://twitter.com/meijin_garden
Qiita: https://qiita.com/mejileben
Zenn:  https://zenn.dev/meijin

CTO個人の考えとしてはReactもVueもそれぞれ良いところがあると考えています。開発体制に応じて選択していきたいです。
https://zenn.dev/meijin/scraps/fc5bcd737dc397

▼Yさん
iOSアプリエンジニアを経験後、React Native製アプリを少人数体制で複数リリース経験あり。ライブラリの利用経験が多く、OSレイヤの知見も深いためアプリ開発をリードしていただいています。

▼Hさん
WebデザイナーだがVue.jsの実装経験もある。そのためマナリンクではデザインからコーディングまで一気通貫で担当。

■業務で利用しているツール
以下のようなツールを普段使っています

- GitHub, Notion, Slack, Figma, Google Drive, Zoom, Tandem
    - GitHubでIssue単位でタスク管理しています
    - Notionでテスト仕様書などのドキュメントを書いています
    - Slackで連絡や、売上金額等の通知を流したりしています

■ 開発環境、言語など
▷アプリケーション
- Nuxt.js
    - TypeScript 4.0
    - Scss
    - composition-api
    - jest
    - microCMS
- Laravel
    - PHP 7.4
    - PHPUnit
    - 設計スキルはまだまだですが、単一責任の原則をある程度守って開発しています → https://qiita.com/mejileben/items/48473a572ec07cbaf65f

- Next.js
    - linaria
- NestJS
- Firebase
    - Auth, Functions, Storage, Firestore
- QA/CI/CD
    - GitHub Actions
    - Sentry
    - AWS CodeDeploy
- 外部サービス
    - Pay.jp

▷インフラ
- AWS
    - ECS(Fargate)
    - CloudFront
    - S3
    - RDS
    - ElastiCache
- Local開発
    - Docker, docker-compose
    - Firebase Emulator

その他、アーキテクチャや実装の考え方などはこちらのnoteを見て頂けると嬉しいです。
https://note.com/noschool_dev/n/n2e4883315603

■開発に対する考え方
▷ テストコード
テストコードを書くことを大切にしています。

実装が綺麗かどうかも大事ですが、どのみちあらゆるシステムはリファクタやバージョンアップの必要があるため、テストコードを書くことを最優先で考えています。

テストコードに救われたことは枚挙に暇がありません。

最後は手動でもテストします。Notionでテスト仕様書を書きながら要件を満たしているかチェックします。

▷ユーザー起点
実際にユーザーがどのように使っているか、をベースにして開発します。

たとえば、画像をチャットに送信するテストでは、実際に本番環境でよくあるシチュエーションである、「教科書の写真を送信する」を再現するために、オフィスに置いてある青チャートの参考書の写真を撮影して送ってテストしたりします。

もちろん、ユーザーを起点にしすぎてしまうと、たとえば色盲のユーザーさんが現れて見にくいですと教えてくれるまでコントラスト比にこだわらないのかというとそれは駄目だと思うので、ある程度はバランスだと思いますが。

▷無駄なものを作らない
とりあえず作ってみるとかではなく、オンライン家庭教師の先生方やご家庭へのインタビューを通して必要だと判断した機能や、既存の機能を工夫して色々使われていることがわかって、こうしたほうがいいなと判断できたものを作ります。

また、メディア系のページのバックエンドにHeadless CMSのmicroCMSを使うなど、競争品質ではないところをSaaSやPaaSにて開発することも臨機応変に行います。

■待遇/勤務場所
採用形態：正社員（試用期間3ヶ月）
給与：年収360万円〜540万円（初期スタートアップのためストックオプションなども検討可）
勤務場所：東京都文京区本郷2丁目8番2号KTビル3階
（最寄り駅：御茶ノ水駅、徒歩5分）

※コミュニケーションを重視しているためオフィス勤務となります


Webエンジニア

東京都

オンライン家庭教師CtoCマッチングプラットフォームを運営しています。
https://manalink.jp

オンライン家庭教師のみならず、家庭教師業界では利用者と提供者の情報が事前に見えない点が多いです。（例えば、本指導になるまでどの先生が担当するかわからないなど）

それ以外にも、日々のやり取り（日程調整、スケジュール管理、宿題管理、保護者への報告...etc）と、裏側にはまだまだアナログなやり取りで不効率に行われているオペレーションがあります。

オンライン家庭教師のマッチングと聞くと、単に「先生と生徒・保護者」をマッチングさせるだけでは？」とみえるかもしれないですが、

マッチングしてからがスタートであります。我々マナリンクで目指す世界は「ただマッチングさせるだけではなく」

・指導に集中していただくためのその他の煩雑な業務の最適化
・保護者様↔先生の従来のアナログなやり取りの改善
・指導の見える化

など、「マッチング」で終わるのではなく、先生もマナリンクで指導をすると指導力が向上する・改善できるような、マンツーマンのオンライン指導でご家庭・先生が最高がマナリンク無くして他では指導できない・受けれないと言われるような世界を目指しています。

外部から資金調達済みのスタートアップのためSOも検討します。
大変なことも多いですが自分の手でプロダクトをつくる、ユーザーに届けることが好きな方、初期フェーズのスタートアップにフルコミット出来るような方に是非来ていただきたいです！

オンラインで本当に良い先生と出会える場を作るWebエンジニア募集！

■担当して頂く内容
・初期スタートアップのため、React Native×Firebaseを中心にフルスタックでサービス開発をしていただきます。
・要件定義〜デザイン〜実装〜テストまで通しで行います。
・要件定義は、GitHub issue上で議論して進めたり、必要に応じてNotionに仔細をまとめます。
・デザインはデザイナーさんに作っていただくこともありますが、簡単なものであればエンジニアがFigmaで叩きを作成して進めます。
・主な実装範囲は、React Nativeアプリコードおよび、Firebase(Auth, Functions, Firestore, Storage)になります。
・その他、エラー検知ツールとして現在はSentryを用いています。デプロイはGitHub ActionsからExpoを利用して行っており、develop/masterブランチへのマージをフックに動かしています。

■開発チーム
フルタイムの開発メンバーはCTO1名のみです。
業務委託で週数日程度、React NativeおよびFirebaseをバリバリに捌いていただいているエンジニアが1名います。

CTOがWeb畑出身で、Firebaseは扱えるしTypeScriptも好きでReactも書けるけど、React Nativeを書いた経験はなく、ネイティブの知見に乏しいです。

Web側の技術スタックについてはよろしければこちらを参照ください。
https://note.com/noschool_dev/n/n2e4883315603

アプリの事業上の重要度が上がったことを加味して、React NativeおよびFirebaseを扱えるフルタイムエンジニアを追加で募集しています。

■開発環境
扱う言語やフレームワーク
・React Native
　（react-navigation, expo, react-firebase-hooks, react-native-expo-image-cacheなど）
・Firebase
　（auth, functions, firestore, storageなど）
・TypeScript

アーキテクチャ
・React NativeはHooksを中心に構成しています。
・FirebaseはFunctionsを多く使っており、Firestoreへの書き込みフックで非同期に複数のコレクションにデータを同期することで、Read時のクエリを簡易化するような工夫で設計しています。

■業務で利用しているツール
以下のようなツールを普段使っています
- GitHub, Notion, Slack, Figma, Google Drive, Zoom, Tandem
    - GitHub Issue単位でタスク管理しています
    - Notionでテスト仕様書などのドキュメントを書いています
    - Slackで日々の連絡や、売上金額等の通知を流したりしています

■検証端末
Android3台、iPad、iPhoneを用意しています。

■開発速度と品質のトレードオフに対する姿勢
スタートアップのためスピードを重視して開発しますが、焦ってリリースしてバグ等でユーザーに迷惑をかけるわけにはいきません。機能と要件のバランスを話し合うのはもちろん、テストコードも重視していますし、SentryやGCP Log Routerを利用したエラー検知体制も整えていきます。

参考
https://zenn.dev/meijin/scraps/94d4a70eb77507

■待遇/勤務場所
採用形態：業務委託
給与：時給2,000円〜5,000円
勤務場所：東京都文京区本郷2丁目8番2号KTビル3階
（最寄り駅：御茶ノ水駅、徒歩5分）
※コミュニケーションを重視しているためオフィス勤務となります

React Nativeアプリエンジニア

大変なことも多いですが自分の手でプロダクトをつくる、ユーザーに届けることが好きな人、初期フェーズのスタートアップにフルコミット出来るような人に是非来ていただきたいです！

【週3日〜】オンライン指導を最高のものにするReact Nativeアプリエンジニア募集！

■ 担当すること
- 初期スタートアップのため、Web技術を中心にフルスタックでサービス開発していただきます。
- 要件定義から、データベース設計、そして実装・テストまで通して関わっていただきます。
    - 要件定義は、主にGitHub issue上で議論しながら進めていきます。
    - 難しい要件であればデータベース設計やクラス設計の時間を取ります。
    - デザインについてはデザイナーさんに作っていただくこともありますが、簡単なものであればエンジニアがFigmaで叩きを作成して進めます。
    - SPAを採用しているのでフロントエンドとバックエンドを分けて実装します。
    - 実装が終わればソースレビューを出します。当面は、最終的にCTOがソースコードに目を通してマージします。
    - バックエンドを実装するときは必ずテストコードも一緒に出します。

■開発チーム
フルタイムの正社員エンジニアはCTO1名のみです。他に、業務委託でReact NativeとFirebaseをゴリゴリ書いているエンジニアが1名居ます。

CTOのスキルセットの詳細については、よろしければこちらのポートフォリオサイトおよびGitHubをご覧ください。
https://meijin.dev
https://github.com/TeXmeijin

フロントエンドからバックエンドまで一通り書けますが、特に得意な分野はフロントエンドです。
好みで言うとTypeScriptとソフトウェア設計と自動テストを学ぶことが好きです。
前職はエンジニア100名程度の組織で、3年ほどSymfony/Sinatra/jQuery/AWS Hadoopなどを触っていました。

■業務で利用しているツール
以下のようなツールを普段使っています

- GitHub, Notion, Slack, Figma, Google Drive, Zoom, Tandem
    - GitHubでIssue単位でタスク管理しています
    - Notionでテスト仕様書などのドキュメントを書いています
    - Slackで連絡や、売上金額等の通知を流したりしています

■ 開発環境、言語など
▷アプリケーション
- Nuxt.js
    - TypeScript 4.0
    - Scss
    - composition-api
    - jest
    - microCMS
- Laravel
    - PHP 7.4
    - PHPUnit
    - 設計スキルはまだまだですが、単一責任の原則をある程度守って開発しています → https://qiita.com/mejileben/items/48473a572ec07cbaf65f

- Next.js
    - linaria
- NestJS
- Firebase
    - Auth, Functions, Storage, Firestore
- QA/CI/CD
    - GitHub Actions
    - Sentry
    - AWS CodeDeploy
- 外部サービス
    - Pay.jp

▷インフラ
- AWS
    - ECS(Fargate)
    - CloudFront
    - S3
    - RDS
    - ElastiCache
- Local開発
    - Docker, docker-compose
    - Firebase Emulator

その他、アーキテクチャや実装の考え方などはこちらのnoteを見て頂けると嬉しいです。
https://note.com/noschool_dev/n/n2e4883315603

■開発に対する考え方
▷ テストコード
テストコードを書くことを大切にしています。

実装が綺麗かどうかも大事ですが、どのみちあらゆるシステムはリファクタやバージョンアップの必要があるため、テストコードを書くことを最優先で考えています。

テストコードに救われたことは枚挙に暇がありません。

最後は手動でもテストします。Notionでテスト仕様書を書きながら要件を満たしているかチェックします。

▷ユーザー起点
実際にユーザーがどのように使っているか、をベースにして開発します。

たとえば、画像をチャットに送信するテストでは、実際に本番環境でよくあるシチュエーションである、「教科書の写真を送信する」を再現するために、オフィスに置いてある青チャートの参考書の写真を撮影して送ってテストしたりします。

もちろん、ユーザーを起点にしすぎてしまうと、たとえば色盲のユーザーさんが現れて見にくいですと教えてくれるまでコントラスト比にこだわらないのかというとそれは駄目だと思うので、ある程度はバランスだと思いますが。

▷無駄なものを作らない
とりあえず作ってみるとかではなく、オンライン家庭教師の先生方やご家庭へのインタビューを通して必要だと判断した機能や、既存の機能を工夫して色々使われていることがわかって、こうしたほうがいいなと判断できたものを作ります。

また、メディア系のページのバックエンドにHeadless CMSのmicroCMSを使うなど、競争品質ではないところをSaaSやPaaSにて開発することも臨機応変に行います。

■待遇/勤務場所
採用形態：業務委託
給与：時給2,000円〜5,000円
勤務場所：東京都文京区本郷2丁目8番2号KTビル3階
（最寄り駅：御茶ノ水駅、徒歩5分）
※コミュニケーションを重視しているためオフィス勤務となります

【週3日〜】オンラインで本当に良い先生と出会える場を作るWebエンジニア募集！

■担当して頂く内容
・初期スタートアップのため、React Native×Firebaseを中心にフルスタックでサービス開発をしていただきます。
・要件定義〜デザイン〜実装〜テストまで通しで行います。
・要件定義は、GitHub issue上で議論して進めたり、必要に応じてNotionに仔細をまとめます。
・デザインはデザイナーさんに作っていただくこともありますが、簡単なものであればエンジニアがFigmaで叩きを作成して進めます。
・主な実装範囲は、React Nativeアプリコードおよび、Firebase(Auth, Functions, Firestore, Storage)になります。
・その他、エラー検知ツールとして現在はSentryを用いています。デプロイはGitHub ActionsからExpoを利用して行っており、develop/masterブランチへのマージをフックに動かしています。

■開発チーム
フルタイムの開発メンバーはCTO1名のみです。
https://meijin.dev/

業務委託で週数日程度、React NativeおよびFirebaseをバリバリに捌いていただいているエンジニアが1名、およびデザイナー兼フロントエンドエンジニアが1名います

CTOがWeb畑出身で、Firebaseは扱えるしTypeScriptも好きでReactも書けるけど、React Nativeを書いた経験はなく、ネイティブの知見に乏しいです。

Web側の技術スタックについてはよろしければこちらを参照ください。
https://note.com/noschool_dev/n/n2e4883315603

アプリの事業上の重要度が上がったことを加味して、React NativeおよびFirebaseを扱えるフルタイムエンジニアを追加で募集しています。

■開発環境
扱う言語やフレームワーク
・React Native
　（react-navigation, expo, react-firebase-hooks, react-native-expo-image-cacheなど）
・Firebase
　（auth, functions, firestore, storageなど）
・TypeScript

アーキテクチャ
・React NativeはHooksを中心に構成しています。
・FirebaseはFunctionsを多く使っており、Firestoreへの書き込みフックで非同期に複数のコレクションにデータを同期することで、Read時のクエリを簡易化するような工夫で設計しています。

■業務で利用しているツール
以下のようなツールを普段使っています
- GitHub, Notion, Slack, Figma, Google Drive, Zoom, Tandem
    - GitHub Issue単位でタスク管理しています
    - Notionでテスト仕様書などのドキュメントを書いています
    - Slackで日々の連絡や、売上金額等の通知を流したりしています

■検証端末
Android3台、iPad、iPhoneを用意しています。

■開発速度と品質のトレードオフに対する姿勢
スタートアップのためスピードを重視して開発しますが、焦ってリリースしてバグ等でユーザーに迷惑をかけるわけにはいきません。機能と要件のバランスを話し合うのはもちろん、テストコードも重視していますし、SentryやGCP Log Routerを利用したエラー検知体制も整えていきます。

参考
https://zenn.dev/meijin/scraps/94d4a70eb77507

■待遇/勤務場所
採用形態：正社員（試用期間3ヶ月）
給与：年収360万円〜540万円（初期スタートアップのためストックオプションなども検討可）
勤務場所：東京都文京区本郷2丁目8番2号KTビル3階
（最寄り駅：御茶ノ水駅、徒歩5分）
※コミュニケーションを重視しているためオフィス勤務となります

オンライン家庭教師CtoCマッチングプラットフォームを運営しています。
https://manalink.jp

オンライン家庭教師のみならず、家庭教師業界では利用者と提供者の情報が事前に見えない点が多いです。（例えば、本指導になるまでどの先生が担当するかわからないなど）

それ以外にも、日々のやり取り（日程調整、スケジュール管理、宿題管理、保護者への報告...etc）と、裏側にはまだまだアナログなやり取りで不効率に行われているオペレーションがあります。

オンライン家庭教師のマッチングと聞くと、単に「先生と生徒・保護者」をマッチングさせるだけでは？」とみえるかもしれないですが、

マッチングしてからがスタートであります。我々マナリンクで目指す世界は「ただマッチングさせるだけではなく」

・指導に集中していただくためのその他の煩雑な業務の最適化
・保護者様↔先生の従来のアナログなやり取りの改善
・指導の見える化

など、「マッチング」で終わるのではなく、先生もマナリンクで指導をすると指導力が向上する・改善できるような、マンツーマンのオンライン指導でご家庭・先生が最高がマナリンク無くして他では指導できない・受けれないと言われるような世界を目指しています。

先日アプリをリリースした理由や目的について、代表がnoteにまとめましたのでご覧いただければ嬉しいです。
https://note.com/akiq/n/nca3771fe0d4a

外部から資金調達済みのスタートアップのためSOも検討します。
大変なことも多いですが自分の手でプロダクトをつくる、ユーザーに届けることが好きな人、初期フェーズのスタートアップにフルコミット出来るような人に是非来ていただきたいです！

オンライン指導を最高のものにするReact Nativeアプリエンジニア募集！

今までは、いわゆる毎回ゲストの方をお呼びして、その方の母校のリアルを語る！という感じでやっていたのですが、それがなかなか継続しづらい、、、ということが分かってきました（最初は凄い良いアイデアだと思ったのですが、いわゆるゲスト減っていく、声掛ける人いなくなる問題に直面しました）

なので、これからは少しテーマを変えて、もう少し継続性のあるものを投稿していきたいなと思っています。また、自分＋ゲストの構成でしたが、今後は自分＋○○（今回の募集）の固定メンバーでYouTubeをやっていきたいと思っています。

どういった動画を投稿するかは決めていますが詳細は具体的なお話の際にお伝えできればと思います。

お願いする業務としては以下となります。
・企画の作成
・動画出演
・動画編集＆公開

■待遇/勤務場所
採用形態：業務委託
給与：ご経験にあわせ応相談（歩合制）
勤務場所：東京都文京区本郷2丁目8番2号KTビル3階
（最寄り駅：御茶ノ水駅、徒歩5分）
※撮影時は弊社オフィスで撮影、作業はリモートでも可

その他

オンライン家庭教師を広めたい！YouTubeチャンネル運営メンバー募集！

日本全国・海外のご家庭からも日々お問い合わせが増えている状況です。
現在は代表が主に新規のお問い合わせ・先生への対応などを行っておりますが徐々に1人では回せなくなってきました。そこで将来的なインサイドセールスチームの立ち上げも見据え1人目のインサイドセールスを募集します。

主な業務としては....

・新規問い合わせの対応からクロージング
・利用方法などのオンボーディング
・既存顧客の満足度アップ/アップセルクロスセル
・新規オンライン家庭教師の対応/オンボーディング

などになります。ご家庭・先生両方の対応をお願いするポジションとなりますが、最初から全てをお任せするのではなく、少しずつ増やしていくのでその点はご安心ください。またサービスの性質上、現在は新規開拓型ではなく反響営業となります。

■待遇/勤務場所
採用形態：正社員（試用期間3ヶ月）
給与：応相談（初期スタートアップのためストックオプションなども検討可）
勤務場所：東京都文京区本郷2丁目8番2号KTビル3階
（最寄り駅：御茶ノ水駅、徒歩5分）
※コミュニケーションを重視しているためオフィス勤務となります

インサイドセールス

外部から資金調達済みのスタートアップのためSOも検討します。
大変なことも多いですが自分の手でサービスをつくる、ユーザーに届けることが好きな人、初期フェーズのスタートアップにフルコミット出来るような人に是非来ていただきたいです！

オンライン家庭教師を広めたいインサイドセールス立ち上げメンバーの募集！

【採用技術】
- TypeScript
- React, React Native
- Firebase(Auth, Firestore, Storage, Functions), Expo
- Sentry, GitHub Actions, Prettier, ESLint, Stylelint

これまでマナリンクのWeb実装はVue(Nuxt)をメインで行ってきました。

加えて、前段にFastifyを置いているため、Encapsulation機能を使って一部の機能のみをReactで開発できます（ https://www.fastify.io/docs/latest/Encapsulation )

先生のプロフィールページなどは引き続きVueで実装しつつ、アプリとの共通機能はReactに統一して開発していきます。

バックエンドはFirebase、Firestoreをメインで構築しています。Firestoreはクエリの癖が強いですが、リアルタイム通信が容易に実装できるシステムを管理不要で利用できるメリットもかなり大きいです。データは基本はFirestoreに保管し、場合によってはRDB + GraphQLなどを使い分けることも検討していきます。

【開発プロセス】

▼業務で利用しているツール

以下のようなツールを普段使っています

- GitHub, Slack, Figma, Google Drive, Zoom, Notion

【開発チーム】

▼CTO

2016年新卒LIFULL入社→2019年より現職。特にフロントエンド技術が好き。

Profile: https://meijin.dev

GitHub:  https://github.com/TeXmeijin

Twitter: https://twitter.com/meijin_garden

Qiita: https://qiita.com/mejileben

Zenn:  https://zenn.dev/meijin

CTO個人の考えとしてはReactもVueもそれぞれ良いところがあると考えています。開発体制に応じて選択していきたいです。
https://zenn.dev/meijin/scraps/fc5bcd737dc397

▼Yさん
iOSアプリエンジニアを経験後、React Native製アプリを少人数体制で複数リリース経験あり。ライブラリの利用経験が多く、OSレイヤの知見も深いためアプリ開発をリードしていただいています。
ネイティブアプリの開発経験に乏しい方でもサポートできます！

▼Hさん
WebデザイナーだがVue.jsの実装経験もある。そのためマナリンクではデザインからコーディングまで一気通貫で担当。

マナリンクでオンライン指導に関する機能を実装するときは、先生が普段利用しているWeb、そしてご家庭が利用するアプリの両方に実装していく必要があります。

WebのフロントエンドをReactで、アプリをReact Nativeで実装することで、同様のライブラリを使ったり設計手法を互いに応用しつつ実装していくことができます。

オンライン家庭教師サービスは、指導力のある先生方に指導していただけることが最も重要です。オンライン指導を便利にする機能は、先生方から見たマナリンクの魅力を高め、事業の競争優位に大きく貢献できる開発です。

【オンライン指導カレンダー】

▼目的

オンライン家庭教師の先生が使っているGoogle Calendarと連携して、マナリンク上からご家庭が指導予約を行うことができたり、試験日程など重要なイベントの登録ができる機能の開発です。

マナリンクにはオンライン家庭教師を専業で行っている社会人の先生に特化して登録していただいているため、同時に10人以上の指導を行っている先生も多くいます。

そのため、普段利用しているカレンダーアプリでの予定登録と連携して、横断的に指導に関する予定調整ができることが、日程調整の事務作業を減らす上で重要になります。

▼実装

実装する上で難易度が高い、乗り越えないといけないポイントは以下のとおりです。

- データ構造の設計
- Google Calendarとの連携・セキュリティ
- Webとアプリ双方へのカレンダーUIの構築
- 外部サービスとの連携に伴うテスト体制の整備

カレンダーは出来合いのライブラリでUIを作るか悩みどころです。Google Calendarとの連携はある程度疎結合にやっておきたいですから、設計手法も工夫ができそうです。

【映像授業】

▼目的

先生が事前に予習用の動画をアップロードして生徒に見てもらうことで、指導効果を高めます。

オンライン指導は週に1度、1時間といった頻度が多いため、貴重な指導時間の効率アップが必要です。また、先生にとっては指導動画のストックを作成していくことで、日中のスキマ時間を自分の指導力アップに有効活用ができます。

▼実装

- 動画のアップロードをどう作るか
- 特にReact Nativeアプリ内での動画再生UI。再生や一時停止など自前で組むか？

動画を自前で所有したり、再生のUIをある程度自前で組むとなると工夫のしがいがありそうです。

【生徒の学習計画立案と分析機能】

▼目的

先生が毎日○ページ問題集を進めると言った勉強計画を作成して、そのとおりに生徒さんが学習を進めているかどうかをチェックしてほしいといったニーズがあります。

計画の立案と実行のみならず、日々の勉強時間や使っている問題集などを先生が画面上で確認ができて、必要に応じてグラフにするなどの可視化を行います。

▼実装

- データ構造の設計
- 日々の利用頻度が多いため、入力が自然に行える画面遷移やUI構築
- グラフをWeb、React Nativeに描画

使う技術としては難しくないですが、基本的な入力UI、多くのデータの関連を管理すること、最後にグラフで生徒の状況を可視化するといった細かい機能が多いです。積極的にアニメーションなど細かいインタラクションにこだわると良いプロダクトになりそうです。

【テスト/問題作成】

先生が授業の確認テストなどを作成して生徒に送り、回答してもらうことができる機能です。

内製する場合は、本文の中に穴埋め部分を表示したり、入力してもらうところ、数式の表示部分などの実装が少し大変そうです。

とはいえ何かしらの問題作成、回答機能を有する外部サービスがあれば、連携してしまうのが簡単かと思います。何もかも内製するというのはコストになるだけなので効率よく開発していきたいところです。

【オンライン自習室】

▼目的

意外とニーズが有るのがこのオンライン自習室です。マナリンク上で実現するときは、1人の先生が複数人の生徒とビデオ通話または音声通話を繋ぎながら黙々と勉強し、わからないことがあれば挙手すると言った仕様になるかなと思います。

▼実装

今のご時世、ビデオ通話や音声通話はagoraやTwilio、Skywayなどを使えば造作もなく実装できますが、オンライン自習室ならではの仕様として、課金したユーザーだけ部屋に入れるであったり、先生が部屋を立ち上げると指導中の生徒にだけ通知がいくなどの細かい部分をリアルタイムで実現するように実装するのが難しいはずです。

リアルタイム通話の実装をしてみたい方はぜひチャレンジしてみてほしいです。

■待遇/勤務場所
採用形態：業務委託
給与：時給2,000円〜5,000円
勤務場所：東京都文京区本郷2丁目8番2号KTビル3階
（最寄り駅：御茶ノ水駅、徒歩5分）
※コミュニケーションを重視しているためオフィス勤務となります

React & React Nativeエンジニア

「プロを指名できるオンライン家庭教師」
オンライン家庭教師CtoCマッチングプラットフォームのマナリンクを運営しています。

■オンライン家庭教師マナリンク
https://manalink.jp

多彩なプロフィールからオンライン家庭教師を検索し、お問合せから決済までできます。

現在はNuxt.jsとLaravel、AWSを中心に開発しています。

■iOS、Androidアプリ
https://apps.apple.com/jp/app/%E3%83%9E%E3%83%8A%E3%83%AA%E3%83%B3%E3%82%AF/id1526782581

https://play.google.com/store/apps/details?id=jp.manalink.app

指導が始まった後のご家庭と先生が連絡したり、スケジュールの管理を行うアプリです。
React Native(Expo)、Firebaseで開発しています。

■マナリンクTeachers
https://for-teachers.manalink.jp

新しい仕事であるオンライン家庭教師の働き方やキャリアについて発信するメディアです。

Next.js(ISR)、microCMSを使って開発しています。

オンライン家庭教師業界には大きく2つの課題があると考えています。

- 利用者と提供者が、お互いに事前に情報を見えにくい。例えば体験指導と本指導の先生が異なっているなど、不明瞭な部分が多くある

- 指導以外のオペレーションがまだまだ非効率。先生とご家庭の間で行われる日程調整や宿題管理、計画立案といった事務作業が多く、指導そのものの改善に注力しにくい

1つ目の課題については、マナリンクのサイト上で先生一人ひとりの自己紹介動画をYouTubeで公開したり、分かりやすい価格体系で「指導コース」を作成できるようにすることに取り組んでいます。

2つ目の課題については、ご家庭に対してオンライン指導専用のアプリを提供するとともに先生向けにはWeb上に管理画面を提供し、オンライン指導に関する調整や事務作業を効率化していきます。

「指導以外のオペレーションがまだまだ非効率」という課題に対して、Web上で先生が利用する管理画面を実装し、ネイティブアプリでご家庭が利用する機能を実装していきます。

これらは共通の機能がほとんどになるため、React & React Nativeで開発していきます。
Reactが好きで、Reactを使って次々機能開発していきたい方にぜひチャレンジいただきたいです。

【週3日〜】React & React Nativeで最高のオンライン指導体験を作るエンジニアを募集

【採用技術】
- TypeScript
- React, React Native
- Firebase(Auth, Firestore, Storage, Functions), Expo
- Sentry, GitHub Actions, Prettier, ESLint, Stylelint

これまでマナリンクのWeb実装はVue(Nuxt)をメインで行ってきました。

加えて、前段にFastifyを置いているため、Encapsulation機能を使って一部の機能のみをReactで開発できます（ https://www.fastify.io/docs/latest/Encapsulation )

先生のプロフィールページなどは引き続きVueで実装しつつ、アプリとの共通機能はReactに統一して開発していきます。

バックエンドはFirebase、Firestoreをメインで構築しています。Firestoreはクエリの癖が強いですが、リアルタイム通信が容易に実装できるシステムを管理不要で利用できるメリットもかなり大きいです。データは基本はFirestoreに保管し、場合によってはRDB + GraphQLなどを使い分けることも検討していきます。

【開発プロセス】

▼業務で利用しているツール

以下のようなツールを普段使っています

- GitHub, Slack, Figma, Google Drive, Zoom, Notion

【開発チーム】

▼CTO

2016年新卒LIFULL入社→2019年より現職。特にフロントエンド技術が好き。

Profile: https://meijin.dev
GitHub:  https://github.com/TeXmeijin
Twitter: https://twitter.com/meijin_garden
Qiita: https://qiita.com/mejileben
Zenn:  https://zenn.dev/meijin

CTO個人の考えとしてはReactもVueもそれぞれ良いところがあると考えています。開発体制に応じて選択していきたいです。
https://zenn.dev/meijin/scraps/fc5bcd737dc397

▼Yさん
iOSアプリエンジニアを経験後、React Native製アプリを少人数体制で複数リリース経験あり。ライブラリの利用経験が多く、OSレイヤの知見も深いためアプリ開発をリードしていただいています。
ネイティブアプリの開発経験に乏しい方でもサポートできます！

▼Hさん
WebデザイナーだがVue.jsの実装経験もある。そのためマナリンクではデザインからコーディングまで一気通貫で担当。

マナリンクでオンライン指導に関する機能を実装するときは、先生が普段利用しているWeb、そしてご家庭が利用するアプリの両方に実装していく必要があります。

WebのフロントエンドをReactで、アプリをReact Nativeで実装することで、同様のライブラリを使ったり設計手法を互いに応用しつつ実装していくことができます。

オンライン家庭教師サービスは、指導力のある先生方に指導していただけることが最も重要です。オンライン指導を便利にする機能は、先生方から見たマナリンクの魅力を高め、事業の競争優位に大きく貢献できる開発です。

【オンライン指導カレンダー】

▼目的

オンライン家庭教師の先生が使っているGoogle Calendarと連携して、マナリンク上からご家庭が指導予約を行うことができたり、試験日程など重要なイベントの登録ができる機能の開発です。

マナリンクにはオンライン家庭教師を専業で行っている社会人の先生に特化して登録していただいているため、同時に10人以上の指導を行っている先生も多くいます。

そのため、普段利用しているカレンダーアプリでの予定登録と連携して、横断的に指導に関する予定調整ができることが、日程調整の事務作業を減らす上で重要になります。

▼実装

実装する上で難易度が高い、乗り越えないといけないポイントは以下のとおりです。

- データ構造の設計
- Google Calendarとの連携・セキュリティ
- Webとアプリ双方へのカレンダーUIの構築
- 外部サービスとの連携に伴うテスト体制の整備

カレンダーは出来合いのライブラリでUIを作るか悩みどころです。Google Calendarとの連携はある程度疎結合にやっておきたいですから、設計手法も工夫ができそうです。

【映像授業】

▼目的

先生が事前に予習用の動画をアップロードして生徒に見てもらうことで、指導効果を高めます。

オンライン指導は週に1度、1時間といった頻度が多いため、貴重な指導時間の効率アップが必要です。また、先生にとっては指導動画のストックを作成していくことで、日中のスキマ時間を自分の指導力アップに有効活用ができます。

▼実装

- 動画のアップロードをどう作るか
- 特にReact Nativeアプリ内での動画再生UI。再生や一時停止など自前で組むか？

動画を自前で所有したり、再生のUIをある程度自前で組むとなると工夫のしがいがありそうです。

【生徒の学習計画立案と分析機能】

▼目的

先生が毎日○ページ問題集を進めると言った勉強計画を作成して、そのとおりに生徒さんが学習を進めているかどうかをチェックしてほしいといったニーズがあります。

計画の立案と実行のみならず、日々の勉強時間や使っている問題集などを先生が画面上で確認ができて、必要に応じてグラフにするなどの可視化を行います。

▼実装

- データ構造の設計
- 日々の利用頻度が多いため、入力が自然に行える画面遷移やUI構築
- グラフをWeb、React Nativeに描画

使う技術としては難しくないですが、基本的な入力UI、多くのデータの関連を管理すること、最後にグラフで生徒の状況を可視化するといった細かい機能が多いです。積極的にアニメーションなど細かいインタラクションにこだわると良いプロダクトになりそうです。

【テスト/問題作成】

先生が授業の確認テストなどを作成して生徒に送り、回答してもらうことができる機能です。

内製する場合は、本文の中に穴埋め部分を表示したり、入力してもらうところ、数式の表示部分などの実装が少し大変そうです。

とはいえ何かしらの問題作成、回答機能を有する外部サービスがあれば、連携してしまうのが簡単かと思います。何もかも内製するというのはコストになるだけなので効率よく開発していきたいところです。

【オンライン自習室】

▼目的

意外とニーズが有るのがこのオンライン自習室です。マナリンク上で実現するときは、1人の先生が複数人の生徒とビデオ通話または音声通話を繋ぎながら黙々と勉強し、わからないことがあれば挙手すると言った仕様になるかなと思います。

▼実装

今のご時世、ビデオ通話や音声通話はagoraやTwilio、Skywayなどを使えば造作もなく実装できますが、オンライン自習室ならではの仕様として、課金したユーザーだけ部屋に入れるであったり、先生が部屋を立ち上げると指導中の生徒にだけ通知がいくなどの細かい部分をリアルタイムで実現するように実装するのが難しいはずです。

リアルタイム通話の実装をしてみたい方はぜひチャレンジしてみてほしいです。

■待遇/勤務場所
採用形態：正社員（試用期間3ヶ月）
給与：年収360万円〜540万円（初期スタートアップのためストックオプションなども検討可）
勤務場所：東京都文京区本郷2丁目8番2号KTビル3階
（最寄り駅：御茶ノ水駅、徒歩5分）

※コミュニケーションを重視しているためオフィス勤務となります

「プロを指名できるオンライン家庭教師」
オンライン家庭教師CtoCマッチングプラットフォームのマナリンクを運営しています。

■オンライン家庭教師マナリンク
https://manalink.jp

多彩なプロフィールからオンライン家庭教師を検索し、お問合せから決済までできます。

現在はNuxt.jsとLaravel、AWSを中心に開発しています。

■iOS、Androidアプリ
https://apps.apple.com/jp/app/%E3%83%9E%E3%83%8A%E3%83%AA%E3%83%B3%E3%82%AF/id1526782581
https://play.google.com/store/apps/details?id=jp.manalink.app

指導が始まった後のご家庭と先生が連絡したり、スケジュールの管理を行うアプリです。
React Native(Expo)、Firebaseで開発しています。

■マナリンクTeachers
https://for-teachers.manalink.jp

新しい仕事であるオンライン家庭教師の働き方やキャリアについて発信するメディアです。

Next.js(ISR)、microCMSを使って開発しています。

オンライン家庭教師業界には大きく2つの課題があると考えています。

- 利用者と提供者が、お互いに事前に情報を見えにくい。例えば体験指導と本指導の先生が異なっているなど、不明瞭な部分が多くある

- 指導以外のオペレーションがまだまだ非効率。先生とご家庭の間で行われる日程調整や宿題管理、計画立案といった事務作業が多く、指導そのものの改善に注力しにくい

1つ目の課題については、マナリンクのサイト上で先生一人ひとりの自己紹介動画をYouTubeで公開したり、分かりやすい価格体系で「指導コース」を作成できるようにすることに取り組んでいます。

2つ目の課題については、ご家庭に対してオンライン指導専用のアプリを提供するとともに先生向けにはWeb上に管理画面を提供し、オンライン指導に関する調整や事務作業を効率化していきます。

「指導以外のオペレーションがまだまだ非効率」という課題に対して、Web上で先生が利用する管理画面を実装し、ネイティブアプリでご家庭が利用する機能を実装していきます。

これらは共通の機能がほとんどになるため、React & React Nativeで開発していきます。
Reactが好きで、Reactを使って次々機能開発していきたい方にぜひチャレンジいただきたいです。