製品仕様の開発プロセス

開発準備

製品と設計を理解する

要件、対話、ビジョン会議に参加して、製品設計とプロジェクトメンバーを理解します。

製品が設計されているデバイスとプラットフォームを理解します。

製品の互換性要件やレスポンシブデザインを採用するかどうかなどを理解します。

製品で使用されているテクノロジー (WEB テクノロジー、デスクトップ テクノロジー、APP テクノロジー、テンプレート言語、混合モードなど) を理解します。

質問や洞察をする

技術要件と合わせて、インタラクティブまたはビジュアル セッションで質問や洞察を尋ねます。

考えられる問題 (技術的な実装の問題、パフォーマンスの問題など) を提起し、解決策 (グレースフル デグラデーションなど) について交渉し、合意に達します。

製品の革新を支援するために、製品における既存の新技術の可能な適用シナリオを提案します。

技術調査とトレーニング

技術調査が必要かどうか、および考えられるリスクを提案します。

技術調査を実施し、技術デモを作成し、デモを表示し、研究結果についてのフィードバックを提供します。

まず、技術的な調査内容について、経験豊富なフロントエンド エンジニアまたはフロントエンド テクノロジー チームに相談できます。

未経験者や新入社員でも研修に応募できます。

難しい技術的な問題を NEC に提出することができ、NEC が問題の解決をお手伝いします。

NEC、特にコード仕様と技術デモを理解します。

予算の人員と時間

プロジェクトの時間要件と作業量に基づいて予算の人員と時間を設定します。

予算開発サイクルと段階的な成果。

プロジェクト管理プラットフォームでプロジェクトを作成し、プロジェクトメンバーを追加し、SVNを作成し、メンバーの権限を設定するように要求側に通知します。

開発プロセス

責任とタスク

ページ開発作業全体の全体的な計画、配布、調整およびその他の管理作業と主な開発責任を担当するページエンジニア担当者を決定します。

開発作業を開始する前に、インタラクションのプロトタイプや視覚効果が完成していることを確認してください。

パラレルモードが採用されている場合（ビジュアルデザインとページ開発が同時に実行される）、インタラクティブプロトタイプが完成し（視覚効果が完成したら、ページエンジニアが詳細を追加します）、割り当てが開始されます。

ページタイプごとに割り当てられ、同じタイプのページは同じ人に割り当てられます。

全員がページの共通要素 (複数のページの同じまたは類似した部分) を理解する必要があります。共通要素は 1 人にのみ割り当てられ、自分のページを完成させることができます。 「分類方法」の仕様を理解する必要があります。

SVNを使用して画像をマージしたり競合を解決したりすることはできないため、切り取った画像を全体として割り当てる必要があります。

プロジェクト管理プラットフォームで細分化された開発タスクを作成し、タスクの内容と時間を記入し、タスク間に関連性がある場合は関連付けや所属を設定します。

ページ開発

「ページ開発」ディレクトリ (js、css、html、img など) と「抽出とストリッピング」ディレクトリ (デモなど) を含むフロントエンド ディレクトリを作成します。

NEC フレームワークを使用して、css/*.css、html/*.html、demo/grid.html、demo/module.html、demo/unit.html などのフロントエンド ファイルを作成します。

NECコードライブラリとプラグインを使用して効率的にページを開発します。

インタラクション、ビジュアル、その他のフロントエンド エンジニアまたはバックエンド エンジニアと良好なコミュニケーションを維持します。

質問や提案に対する迅速なフィードバック: 効果の疑いの確認、欠落しているステータスの補足、グレースフル デグラデーションの提案、動作構造の説明など。

パラレルモードが採用されている場合 (ページ開発と JS 開発が同時に実行される)、JS 開発エンジニアはビジネスロジック層を並行して開発し、ページの後に UI 層を埋め込むことができます。開発が完了しました。

抽出とストリッピング

ページの開発中に、レイアウト (グリッド)、モジュール (モジュール)、コンポーネント (ユニット) を対応する HTML ファイルに抽出します。

作業の重複を避け、ページ要素を明確に表示してください。要素を追加するときは、まずこのディレクトリに移動して、要素が実装されているか、拡張のみが必要な同様の実装があるかを確認します。

「抽出と除去」ディレクトリ内の HTML ファイルと「ページ開発」ディレクトリ内の HTML ファイルは同期的に維持される必要があります。

開発出力

セルフテストと共同デバッグ

更新、マージ、競合の解決、送信。

独自のコードの包括的なマルチデバイス テストと互換性テスト。

セルフテスト中に他の人が書いたコードに問題を見つけた場合は、タイムリーにフィードバックを提供してください。

承認のために送信

段階的な出力がある場合、ページ エンジニアはエフェクトの承認のためにページをデザイナーに送信します。

効果の受け入れでは、主に視覚効果の適合性（サイズ、位置、色、カッティングなど）をチェックします。

必要に応じて、経験豊富なフロントエンド エンジニアまたはフロントエンド テクノロジー チームにコードを提出して、同時にコードの承認を得ることができます。

コードアクセプタンスでは主に互換性、HTML仕様、CSS仕様をチェックします。

引き継ぎ手順

受付が完了したら、テンプレート層の開発や動作ロジックの開発を行う後続の開発エンジニアに通知して引き継ぎ、ページエンジニアは注意が必要な部分やコードの説明を説明する必要があります。 。

あなたの仕事を他の人に引き継ぐ必要がある場合は、全体的なアーキテクチャの展開とコードの説明を明確に説明する必要もあります。

概要の共有

共有コンテンツには、アーキテクチャのアイデア、コラボレーションの経験、NEC の使用経験、機器の機能の紹介、新技術の応用、研究とデモンストレーション、遭遇した問題と解決策などが含まれます。

オブジェクトの共有は、インタラクション、ビジュアル、フロントエンド、および関心のあるすべての人々に限定されません。

要約内の技術デモを NEC に提出していただくと、NEC がコードベースに公開して、これらの技術を蓄積し、他の人と共有するのに役立ちます。

変更メンテナンス

原則として、要件の変更や設計の変更がない限り、直接の開発変更は許可されません。

変更を行う前に変更の理由を理解し、変更後はフォローアップの開発エンジニアにタイムリーに通知する必要があります。

静的リソースのバージョン番号が自動的に更新されない場合は、バージョン番号を手動で更新する必要がある場合があります。

変更とメンテナンスでは、この仕様のすべてのプロセスが使用されます。つまり、以前のプロセスの一部を繰り返す必要がある場合があります。