スタジオディテイルズのエンジニアは、Webを中心としたオンスクリーン領域の体験設計・実装を担います。 定義された仕様を実装するだけに留まらず、クライアントのブランドが持つ文脈や背景を深く理解し、戦略からデザイン・エンジニアリングを横断した広い視野を持ちます。上流フェーズではクライアントやディレクターのパートナーとして、エンジニアの視点から議論を重ね、仮説と検証を繰り返し、プロジェクトの意思決定をリードします。 実装のスペシャリストとしての枠を超え、技術的な選択肢をプロトタイプで可視化することで意思決定を可能にし、ブランド価値向上に繋がる体験設計・実装を行うことがミッションです。 【このポジションで得られるもの】 - 技術視点による戦略・デザイン領域への介在 従来のエンジニア領域概念にとらわれず、戦略・デザイン領域の議論に入り込み、プロジェクトの本質を左右するような介在価値を発揮することができます。 - 意思決定フェーズへの介在による判断力 「何をつくるか」が決まる前の段階から入り、技術的な視点で判断材料をつくります。プロトタイプや検証を通じて抽象的なコンセプトを具体化し、意思決定を動かす経験が積めます。 - 技術的な越境と挑戦の裁量 生成AIや新技術の導入がブランド価値を最大化する「最適な体験・構造」を生み出すためのクリエイティビティの拡張となるなら、生成AIや新技術の導入を自ら提案・実践することが可能です。新しいアプローチを柔軟に検証できる自由度があります。 - エンジニアとしての領域拡張への挑戦 オンスクリーンの体験構築を起点に、空間・プロダクト・運用・サービス構造へと技術的な関与領域を拡張し、技術・スキル・経験の幅を広げていくことが可能です。 【業務内容】 「何をつくるか」が決まる前の段階からプロジェクトに参加します。 ディレクターと共にクライアントへヒアリングを行い、課題や依頼背景を踏まえて技術的な選択肢を複数用意し、プロトタイプで可視化します。 「どうやって実現するか」の判断材料をつくることで議論を前に進め、プロジェクトの意思決定に関与し、要件を固め、設計・実装・ローンチまでを推進します。 # 事例 ⚫︎企業の節目を「記念」で終わらせず「体験」に変えるためのエンジニアリング 全社員が参加する創業50周年式典で、組織の一体感と「未来を一緒につくる」感覚をどう生み出すか。「個人の熱量や行動が1,000人規模の組織を動かし、自分も50年の歴史の一員である」ことを実感できる構造を技術で具現化し、プロジェクトを推進。 - 他社事例や技術的なアイデアをもとに、カメラでリアルタイムデータを取得し、参加者の動きがビジュアルとして反映される演出を提案 - デザイナー・ディレクターと共に表現の方向性をデザイン - プロトタイプを作成し技術検証を行い、実現可能性を確認 - 要件確定後、具体的なスケジュールに落とし込み実装を推進 ⚫︎行動指針を「掲げるもの」から「使われるもの」へ変えるシステム設計 「グラフィックで行動指針を浸透させたい」という依頼に対し、視覚的な共有を超えて、日常的に行動指針が参照され実践されるための仕組みが必要だと再定義。システム設計・プロトタイプングを通じて組織文化という目に見えにくい領域に技術で介入。 - 「グラフィック表現」という依頼の背後にある「行動変容」という本質的な目的を整理し、日常的に参照・実践される仕組みが必要だと再定義 - 理解→内省→実践のサイクルを生む構造を技術視点から提案し、コンセプトをプロトタイプによって具体化 - デザイナーのビジュアル表現と統合し、クライアントへ提示 - 要件整理・スケジュール策定を行い、実現可能性と共に提案 - 提案が通った後は設計から実装まで推進 【作業環境／技術スタック】 プロジェクトの性質・規模・運用体制に応じて最適な構成、技術を選択します。 【Languages】Node.js / TypeScript 【Frameworks】Astro / Next.js 【Infrastructure】Cloudflare / GCP / AWS 【CMS】microCMS / WordPress 【Collaboration】GitHub / Slack / Notion 【Design】Figma / Adobe Creative Cloud 【必須スキル】 - Webプロダクト / Webサイト開発の実務経験 3年以上 - プロジェクト内で技術的な意思決定をした経験 - インフラ・運用を含めた俯瞰的な設計経験 - 技術的な選択肢を非エンジニアに対して構造的に説明した経験