Webアプリエンジニア

このページはソフトウェアエンジニア向けの記事です。

こんなことをするお仕事です

ロイロノート・スクールのWebアプリ版( https://loilonote.app/ )を開発するお仕事です。

ロイロノート・スクールはiOS版とWeb版があり、それぞれ別々に開発しています。

GIGAスクール構想で数多く導入されたChromebookをはじめ、Windows、AndroidなどでもWeb版が利用されています。

https://gyazo.com/c066232b3b94c36d7fe120fdf75b49d8

必要なスキルや経験

現代のWebアプリはネイティブアプリに匹敵する機能を持ち、その開発も高度に複雑化しています。

ロイロノート・スクールのWeb版（Chrome/Edge/Safari）は最新のWeb技術を用いて開発されています。

そのため、一般的なWebサイト制作では馴染みのないような高度なブラウザ機能を駆使することも多数あります。

本項の「Webアプリエンジニア」とはロイロでのWeb開発におけるフルサイクルエンジニアの呼称です。

開発においては、サーバー/クライアントの境なくJavaScriptを用いた総合的な開発能力が求められます。

必要になるスキル

一般的な技術については、以下のような技術と知識が用いられています。

サーバーサイド: Node.js/TypeScript/Docker

クライアントサイド: React/Canvas/TypeScript

また、ロイロノートはマルチメディア技術によって支えられているため、既存のライブラリでは対応できない機能を実装することが沢山あります。

上記のような一般的な技術加えて、以下のような抽象的なソフトウェア開発技術が役に立つかもしれません。

2Dグラフィック・プログラミング

Canvas APIを用いてプリミティブな図形やアニメーションを実装すること。

3D2Dグラフィック・プログラミング

WebGL/WebGPU APIを用いて2D図形を3D的に描画する技術など。

リッチテキストエディタ・プログラミング

リッチテキストの編集を行うためのUIのプログラミング技法、データの管理方法など。

テキストレイアウト・プログラミング

フォントファイルの情報を用いて、テキストを任意の組版でレイアウトする技術など。

ペイントツール・プログラミング

ストローク、塗りつぶし、消しゴムなどの一般的なペイントツールを支える技術など。

サウンド・プログラミング

録音・ミキシング・波形分析などの音声プログラミング全般の技術。

動画のエンコーディング技術

WebMコンテナおよびVP8/VP9/AV1コーデックを用いて動画をエンコードする技術。

WebSocketを用いたリアルタイム双方向通信（共同編集・ゲームなど）

複数人で同じドキュメントの図形や文字などを問題なく編集するための解決技術。

インタラクティブなUIコンポーネントの実装

世の中に存在しないUIをReactなどを用いて実装する技術

PDF/SVGプログラミング

PDF/SVGファイルのデータ構造を解析し、変形させたり作成したりする技術。

必要になる経験

ソフトウェアエンジニア行動規範を遵守できること

Github/Gitを用いたチーム開発

Slack/Google Meetなどを用いた、マルチタイムゾーン・リモートワーク

一つのアプリのサーバーサイド・クライアントサイドを統合的な開発経験

JavaScript（Node.js/Deno/Web）プラットフォームの開発経験

Reactや類似技術（Vue/Angularなど）のアプリ開発経験

こういった人が向いていると思います

GUIについて高い興味を抱いていて、自分でも様々なUIの仕組みや作り方に興味がある

Web/JavaScript技術に精通していて、ブラウザの提供する新しい機能に興味がある

メディアを問わず、エディター/オーサリング系ソフトウェアの開発に興味がある

多くの教育現場で使われているソフトウェアの開発に興味がある

雇用条件

スーパーフレックス制

給与の目安 700万円～1000万円

勤務形態

フルリモート、ハーフリモート、オフィス勤務から選べます

地方在住のまま働きたいエンジニアの方も大歓迎です！

社員紹介

hr.icon