Webサイト構築の要件定義を纏めています。ma-san web designが提供するデフォルトの要件定義になります。
Webサイトを構築する上で要件定義を作成する場合、基本項目として纏めている項目を紹介します。
Webサイト制作における開発技術要件の基本要素を以下のように規定する。
| HTML規格 | HTML5 |
|---|---|
| 文字コード/言語 | UTF-8/日本語（ja） |
| 改行コード | CR+LF |
| 文字コード指定方法 | <meta charset="UTF-8"> |
| HTML拡張子 | .html ※htmは使用しない。 |
| DOCTYPE宣言 | <!DOCTYPE html> |
| フォント形式 | Windows、Macなど各種デバイスに存在するフォントを使用する。 |
| 文字規格 | 半角カタカナ、機種依存文字は使用しない。 |
| インデント | インデントは半角スペース2個を1インデントとして挿入する |
| 画像形式 | 写真（jpg/png）イラスト（gif/png）アイコン（gif/png/svg） |
Webサイトにおけるディレクトリ構成を以下のように規定する。
| 種別 | ディレクトリ名称 | 格納例 |
|---|---|---|
| CSS | ドメイン/assets/css/ファイル | /assets/css/common.css |
| JavaScript | ドメイン/assets/js/ファイル | /assets/js/common.js |
| 画像 | ドメイン/assets/images/ファイル | /assets/images/photo.jpg |
| 共通読込 | ドメイン/assets/inc/ファイル | /assets/inc/header.inc |
各ページ（カテゴリ）に使用するファイルのディレクトリ構成を以下のように規定する
| 種別 | ディレクトリ名称 | 格納例 |
|---|---|---|
| CSS | ドメイン/各ページ名（カテゴリ）/assets/css/ファイル | /category/assets/css/common.css |
| JavaScript | ドメイン/各ページ名（カテゴリ）/assets/js/ファイル | /category/assets/js/common.js |
| 画像 | ドメイン/各ページ名（カテゴリ）/assets/images/ファイル | /category/assets/images/photo.jpg |
| 共通読込 | インクルードファイルは可能な限り使用しない | /category/assets/inc/header.inc |
リンクの設定について定義。
| 種別 | 記述方法 | 設定例 |
|---|---|---|
| 同ドメインへのリンク | ルートパスで記述 | <a href=”/category/page01.html”> |
| http ↔ httpsへのリンク | 絶対パスで記述（フォームのみSSL化してる等） | <a href=”https://ドメイン/category/page01.html”> |
| 外部サイトへのリンク | 絶対パスで記述 | <a href=”https://ドメイン/” target=”_blank” rel=”noopener noreferrer”> |
| indexファイルへのリンク | ルートパスで記述（※ファイル名は不要） | <a href=”/”> |
CSSにおける基本要素を以下のように規定する。
| CSS規格 | CSS3 |
|---|---|
| 文字コード/言語 | UTF-8/日本語（ja） |
| 改行コード | CR+LF |
| インデント | インデントは半角スペース2個を1インデントとして挿入する |
JavaScriptにおける基本要素を以下のように規定する。
| JavaScriptバージョン | ECMAScript(ES6) |
|---|---|
| 使用ライブラリ/jQueryバージョン | jQuary3.6 |
| 文字コード/言語 | UTF-8/日本語（ja） |
| 改行コード | CR+LF |
| インデント | インデントは半角スペース2個を1インデントとして挿入する |
印刷機能はブラウザの標準機能を使用し、推奨されているブラウザ以外での印刷対応はしないものとする。
以下の端末、ブラウザ、OSを検証対象／推奨環境として定義する。
| 推奨環境基本方針 |
|
|---|
| Windows | |
|---|---|
| Chrome最新版 | 実機重点環境 |
| Firefox最新版 | 実機 |
| IE11以下 | 非推奨環境 |
| Edge | 実機準重点環境 |
| Mac | |
| Safari最新版 | 実機重点環境 |
| Chrome最新版 | 実機 |
| Firefox最新版 | 実機 |
| iOS（iPhone） | |
| Chrome最新版 | エミュレーター |
| Safari最新版 | 実機 |
| Android | |
| Chrome最新版 | エミュレーター |
各環境による表示の担保については下記の方針とする。
お世話になっている地域、住んできた地域を中心に貢献。
お仕事・当サイトへ興味を持っていただいた方
お問い合わせを頂く際はご確認ください
「ma-san web
design」の管理者。東京都・千葉県（千葉市・四街道市・浦安市・佐倉市）・宮城県（仙台市）を中心に企業のWebデザイン／マーケティング／IT戦略のプランニングからWebサイト構築・運用をしています。
「Webアクセシビリティ」を中心に、「変わりゆくWebと共にサービス・サイトを改善していくこと」を重視します。
当サイトではお仕事のご相談からナレッジシェアを中心に活動していきます。
Webアクセシビリティの重要性について 当サイトが最も注力したい「Webアクセシビリティ」について、ぜひ多様な方々と共に学びながら充実化させ、普及活動に勤しみたいと考えています。
初めて依頼を検討している方 初めてWebサイト制作を依頼する方へ。Webサイトを作りたいと思ったときに参考にしていただけると幸いです。
Webサイトの基本 サーバーの準備からドメイン契約。Webサイトに必要なデータや情報を一通り纏めることで初めてWebサイト制作に携わる方々の学習の一助になれば幸いです。
不明な点やご相談したいことがありましたら、気軽にお問い合わせください。
お問い合わせはこちら