Thomas Delissenシニアフロントエンドエンジニアエージェント時代に、Webインターフェースをつくる。

シニアフロントエンドエンジニアとして、2010年からインターフェースの設計と開発を手がけています。リアルタイムの交通データ、マーケットデータ、LLMパイプラインといった複雑なシステムを、穏やかで高速、誰にとっても使いやすいプロダクトへと仕上げます。

制作実績

企画から実装まで、一貫して手がけたプロダクト。

データパイプラインやAI要約から、電子ペーパー画面のピクセルまで。紙のようなディスプレイにはノイズの入る余地がありません。だからこそ、すべてのディテールに意味を持たせています。

スタンドに置かれたEkiBoardの電子ペーパー画面。次の列車の発車時刻が表示されている

01 / ekiboard.com

EkiBoard

あなたの駅の発車標を、自宅に。

  • TypeScript
  • Next.js
  • React
  • Node.js
  • Terminus
  • E Ink

日本の駅の発車標そのままのフォーマットで次の列車を表示する、コネクテッド電子ペーパーデバイス。Webアプリ、Node.jsのバックエンドとリアルタイムのデータパイプライン、デバイスのソフトウェア、3Dプリントの筐体まで、プロダクト全体を設計・開発しました。

ポイント

  • 日本とフランスの16,000以上の路線・系統に対応。数十におよぶ交通事業者のAPIを、ひとつの統一されたパイプラインに集約。
  • 駅までの徒歩時間を考慮し、間に合う列車だけをリアルタイムの遅延情報とともに表示。
  • ペアリング、ファームウェア、バッテリー状態、画面のリモート管理を行うフリート管理画面。
  • 英語・日本語・フランス語に対応し、1回の充電で最大6か月駆動。
担当
プロダクトデザイン、フロントエンド、バックエンド、組み込み、ハードウェア
壁掛けの電子ペーパー画面に表示されたIntelSlateのダッシュボード。株価、チャート、AIによるニュース要約が並んでいる

02 / github.com/delalys

IntelSlate

電子ペーパーのための、マーケットインテリジェンス。

  • Next.js
  • React
  • TypeScript
  • Prisma
  • PostgreSQL
  • Claude API
  • Tailwind CSS
  • Vitest

AIが生成するニュースブリーフィングを備えた株式ポートフォリオダッシュボード。TRMNLの電子ペーパー端末向けに最適化しています。市場データを毎時取得し、大きな値動きのあった銘柄を抽出、関連ニュースを集めて、毎朝LLMが要約します。

ポイント

  • 完全なサーバーサイドレンダリングとキャッシュにより、端末は1秒以内に起動・画面取得・スリープを完了。
  • スケジュール実行のパイプライン。株価は毎時、ニュースとAI要約は朝の通勤前に更新。
  • 電子ペーパー向けに調整したレトロインクテーマを含む、2つのテーマを用意。
  • Zodスキーマによるエンドツーエンドの型安全、多言語対応、Vitestによるテスト。
担当
プロダクトデザイン、フルスタック開発、AIインテグレーション

お問い合わせ

次のプロダクトを、一緒につくりましょう。

シニアフロントエンドのポジションでの採用をご検討中の方、洗練されたインターフェースが必要なプロダクトをお持ちの方は、お気軽にご連絡ください。

その他のリンク

メッセージを送る

いただいた情報は、ご返信のためだけに使用します。