フロントエンド開発

Front end development

DEVELOPMENT RECORD 開発実績

株式会社 日本経済新聞社様 株式銘柄の発見サービス

株価ランキングなど株式投資に役立つ情報を配信。
高ROE、売られすぎ/買われすぎ、各種テーマに関連する企業など他には無い切り口で銘柄を探せます。

SSRと各種キャッシュを絡めた高速配信を実現。
サーバサイドとクライアントサイドがより一体となって記述可能なNext.jsを用い、さらなる開発効率化を実現。

株式会社 日本経済新聞社様 NIKKEI SEEKS

  • TypeScript
  • React
  • Redux
  • express
  • AWS CDK
  • ECS Fargate
  • Docker
  • CircleCI

発注者とエキスパート(受注者)によるスキルシェア・マッチングサービスシステムを開発。

  • 情報設計から参画し、詳細設計、開発、保守/運用を担当
  • プロジェクトの登録/審査からマッチング、相互評価完了までの複雑なステータス変化に対応させるためドメイン駆動設計を採用し大規模でありながら拡張性、保守性のあるシステムを実現
  • マネーフォワード ケッサイ API連携、TRUSTDOCK API連携

ランディングページ

PC画面

スマートフォン画面

株式会社 オンワードパーソナルスタイル様 iPad用受注システム

  • React
  • Redux
  • Redux-Observable
  • TypeScript

react+reduxで実装した、オーダースーツのiPad用受注システム。

店舗スタッフがお客様を接客しながら、生地やオプションを選択、採寸結果を入力し、決済までの一連のフローをiPad上で完結。
導入前は要望や採寸は紙ベースで記録しており、かつ営業時間外に別の受注システムに再度入力しており、二度手間になっていました。
本システムの導入により、多くの店舗スタッフが営業時間外業務から解放され、オペレーションの合理化に成功しました。

また、随時確定していく要件に関数型とテスト駆動によるアジャイル型開発で対応し、redux-observerbleを採用したことで、実装前に設計の合意を得ることが容易になり、より高品質なシステム開発手法が確立出来ました。

ログイン画面

製品タイプ選択画面

デザイン・オプション選択画面

自社製品 wtimer

社内の技術者がどのタスクにどれぐらい時間を使ったかを入力するWebアプリケーションを開発。
元々、スプレッドシートで入力しておりましたが、不便で多くの技術者が不満を感じていました。
作業時間の集計画面を作成したことで、技術者の不満を解消するだけでなく、作業時間の"見える化"も実現しました。

クライアントはReact+Redux、サーバーはNode+expressで構築しております。

プロジェクト選択画面プロジェクト選択画面

ページのトップへ