SCROLL
開発・テストでは、要件定義書をもとに開発環境を構築し、WebサイトのコーディングやWordPress開発を行います。
開発後はテストを実施し、表示速度や動作の確認を行います。
1. 開発準備・環境構築
3. WordPress開発
4. 移行処理の検討
Webサイトの開発プロセスにおいて、まず重要なのは要件定義書の確認です。
この文書には顧客の要望やニーズ、プロジェクトのスコープ、機能要件などが記載されています。
内容を理解し、不明点や疑問点をあらかじめ解消することで、テスト環境におけるWebサイト開発のバグやエラー等が生じにくくなり、スムーズ
にプロジェクトを進行できます。
担当者：コーダー、フロントエンドエンジニア
工数：2h
お客様側で発生するタスク：なし
コーディングはWebサイト制作の中核を成す重要なフェーズです。
Webサイトのデザインに基づいてHTML、CSS、JavaScriptなどの言語を使用してコードを書きます。
コーディングの際には、クロスブラウザ対応やレスポンシブデザインに配慮しながら、高いパフォーマンスを有したサイトを構築します。
また、SEOにも配慮したコーディングを心掛けることが重要です。適切なHTML構造や適度なキーワードの使用、アクセシビリティの確保などは、
検索エンジンにサイトの評価を高めてもらうための重要な要素となります。
Webサイトの中で最も重要なページであるトップページのコーディングは、ユーザーにとっての第一印象を左右する要素です。
デザインとのシームレスな連携を図りながら、効果的なレイアウトやアニメーションを盛り込み、サイトの特徴や価値を明確に伝えるコードを実装します。
担当者：コーダー
工数：16h
お客様側で発生するタスク：なし
WordPress開発は、オープンソースのコンテンツ管理システム「WordPress」を使用してウェブサイトやブログを構築・カスタマイズすることを指します。
テーマやプラグインを活用してデザインや機能を拡張でき、非常に柔軟で使いやすい特徴があります。
PHPやMySQLをベースにしており、多くのユーザーが利用しているため、カスタマイズの知識やコミュニティのサポートが豊富です。
ビジネスサイトやブログからECサイトまで、様々なウェブプロジェクトに利用されています。
WordPressテーマの作成は、デザインからHTML/CSSコードへの変換と、WordPressのテンプレートファイルを活用したテーマの構築を含みます。
クライアントのブランドイメージや要件に応じたカスタムテーマを制作し、デザインの統一性と拡張性を確保します。
WordPressの柔軟性を活かすために、カスタムフィールドや記事セットを利用します。
これにより、クライアントがコンテンツを簡単に編集・管理できるようになります。
カスタムフィールドや記事セットの作成は、サイトのメンテナンス性を高める重要な作業です。
担当者：フロントエンドエンジニア
工数：20h
お客様側で発生するタスク：なし
「カスタムフィールド・記事セットの作成」とは、WordPressなどのシステム開発において、既存のコンテンツ（記事やページ）に、追加の情報を持たせるための仕組みを作成する作業です。
カスタムフィールドを利用して、任意のデータフィールドをコンテンツに追加し、記事の詳細や特定の情報を管理できます。
また、複数のフィールドをまとめて「記事セット」として保存し、再利用や一括編集ができるようにします。
これにより、柔軟で拡張性のあるコンテンツ管理を実現します。
担当者：フロントエンドエンジニア
工数：8h
お客様側で発生するタスク：なし
共通部分や再利用頻度の高い要素については、「common」や「テンプレート」などのテーマファイルを作成します。
これにより、複数のページで同じレイアウトや機能を効率的に適用でき、開発効率と一貫性を確保します。
担当者：フロントエンドエンジニア
工数：8h
お客様側で発生するタスク：なし
WordPressテーマでは、各ページに対応する個別テンプレートを作成します。
個別ページの作成では、カスタムフィールドや記事セットを活用して、クライアントの要望に合わせたページを実装します。
担当者：フロントエンドエンジニア
工数：5h*ページ数
お客様側で発生するタスク：なし
必要に応じて、WordPressプラグインを活用して機能を拡張します。
プラグインの選定やカスタマイズは、サイトの機能追加や性能向上に寄与します。
適切なプラグインの導入により、クライアントの要件を満たす高機能なサイトを構築します。
担当者：フロントエンドエンジニア
工数：3h*導入プラグイン数
お客様側で発生するタスク：なし
イレギュラー登録は、通常の登録フローには含まれないデータを取り扱う場合を指します。
例えば、システムの制約を超えるデータの登録や異常値の処理、特殊なパターンの処理が該当します。
イレギュラー調整は、通常の処理では考慮されない変更や修正を行うことです。
例えば、システムのメンテナンス中に予期せぬ問題が発生した場合、運用中のデータに対して特別な修正が必要になることがあります。
プロとしては、こうしたイレギュラーな要件を適切に理解し、安定したシステム運用を確保するために適切な解決策を提供する必要があります。
また、十分なテストやドキュメント作成を行い、後続の保守や改善作業にも対応することが重要です。
担当者：フロントエンドエンジニア
工数：10h
お客様側で発生するタスク：なし
モンキーテストは、ソフトウェアやアプリケーションの安定性や品質を確認するためのテスト手法です。
名前の由来は、無秩序に行動する「モンキー」のように、ランダムに入力や操作を行い、システムの応答を評価することからきています。
テスト実行時には、ランダムな入力データやイベントを生成し、アプリケーションが予期せぬ挙動を示す可能性をテストします。
これにより、不具合やクラッシュの発見、システムの耐久性やセキュリティの確認を行います。
モンキーテストは自動化されており、テストケースを作成する手間を削減し、広範なシナリオをカバーすることができます。
担当者：Webディレクター、コーダー、フロントエンドエンジニア
工数：1h
お客様側で発生するタスク：なし
「移行処理の検討」とは、システム開発において既存のシステムから新しいシステムへのデータや機能を移行する方法を評価・計画する作業です。
データベースの移行やファイルの転送、APIの変更など、さまざまな要素を考慮してシステムの安定性とデータの整合性を確保します。
リスクの特定と軽減策の検討、テストプランの作成なども含まれ、スムーズなシステム移行を実現するために重要なプロセスです。
「移行対象ページの整理」とは、システム開発において新しいシステムへの移行準備として、既存のウェブページやアプリケーションを対象に整理・分類する作業です。
これにより、移行に必要なページや機能を洗い出し、新システムへの移行計画を立てることが可能になります。
また、不要なページの削除や情報の保管を行うことで、新システムの軽量化や効率的な運用が可能となります。
プロとしては、利用者の視点やビジネス要件を考慮し、スムーズな移行を実現するために適切なページの整理を行うことが重要です。
担当者：Webディレクター、SEO担当、フロントエンドエンジニア
工数：5h
お客様側で発生するタスク：なし
「移行URL、metaの整理」とは、ウェブサイトやアプリケーションのシステム開発において、既存システムから新しいシステムへの移行に伴い、URLやmeta情報を整理・更新する作業を指します。
古いURLを新しいシステムに適切にリダイレクトさせることで、ユーザーエクスペリエンスを損なわずに既存の検索エンジンの評価を引き継ぎます。
また、meta情報（タイトル、説明文など）も最適化し、検索エンジンでの表示やSEOに配慮します。プロとしては、正確なマッピングとトラフィックの影響評価を行い、移行後のシステム安定稼働を確保します。
担当者：Webディレクター、SEO担当、フロントエンドエンジニア
工数：8h
お客様側で発生するタスク：なし
「リダイレクト方針の確認」とは、ウェブサイトやアプリケーションのシステム開発において、新旧システム間のURLの変更や整理に伴い、適切なリダイレクトの方針を決定する作業です。
古いURLを新しいURLに適切に転送することで、ユーザーや検索エンジンが正しいページにアクセスできるようにします。
また、適切なステータスコードを返すことでSEOへの影響を最小限に抑えます。
既存のURL構造と新システムのURL設計を綿密に比較し、リダイレクトルールを確実に設定し、ユーザーエクスペリエンスとSEOを損なわないようにします。
担当者：Webディレクター、SEO担当、フロントエンドエンジニア
工数：3h
お客様側で発生するタスク：なし
テストとは、開発したソフトウェアやアプリケーションが要件を満たし、正しく動作するかを確認するための作業です。
機能や性能、セキュリティなど、さまざまな側面を対象に実施されます。
テストによりバグや欠陥を早期に発見・修正し、高品質な製品を提供します。
ユニットテストや結合テスト、システムテストなどの段階を経て、最終的にはユーザーが使いやすい優れたシステムを完成させるための不可欠なプロセスです。
ウェブサイトの表示速度が遅いと、ユーザー体験が低下し、SEOの順位にも悪影響を及ぼす可能性があります。
表示速度を改善するために、画像やスクリプトの最適化、ブラウザキャッシュの利用などの手法を用いてパフォーマンスを最適化します。
また、モバイルデバイスでの表示速度も特に重要であり、レスポンシブデザインや軽量化などを通じて、多様なデバイスに対応した高速なサイトに仕上げていきます。
担当者：Webディレクター、SEO担当者、フロントエンドエンジニア
工数：4h
お客様側で発生するタスク：なし
完成したウェブサイトの動作を検証し、問題を修正する作業を行なっていきます。
ブラウザやデバイスごとに動作を確認し、レスポンシブデザインやクロスブラウザ互換性を確保します。
リンクの動作やフォームの送信、メディアの再生など、各機能の正常な動作を保証します。ユーザーがスムーズにサイトを操作できるよう、バグ修正やUI/UXの改善を行い、品質の高い成果物を提供します。
担当者：Webディレクター、SEO担当者、フロントエンドエンジニア
工数：4h
お客様側で発生するタスク：なし
開発環境において、Webサイトが閲覧できるようになりましたら、ミーティングを開催させていただきます。
ミーティングでは、完成したWebサイトの中身を確認していただき、フィードバックをいただきます。
フィードバック後の修正については一度のみ対応させていただきます。
修正項目については、ひとまとめにしてからお伝えいただけますと幸いです。
担当者：Webディレクター
工数：1h
お客様側で発生するタスク：MTGへの参加とWebサイトの確認、フィードバック内容の整理（目安：5h）
〒530-0015
大阪府大阪市北区中崎西1-8-24
アインズビル梅田313
