ホームページについて | 活動日記 | ガーディアン 長期有給インターン生の日常 | 成果を上げるサブスク型ホームページ制作|日本屈指5万サイトの実績|東京のガーディアン

こんにちは！

クリエイティブプロダクト部 クオリティコントロール班インターン生の老沼みほです！

• 最近業務として、ヘッダーの修正業務を行わせていただいています。

そこで、ふと思ったのですが、ホームページを作るにはどのような作業が必要になってくるのだろうと思いました。

業務として関わらせていただくことも多いので、ホームページ制作についてなんとなくは分かっているつもりではあるのですが、ホームページについて、1から説明してくださいと言われても、私にはなかなか説明が出来ないと思います。なので、改めて自分の確認を込めて今回の日記を記述したいと思います。

私は、一つの業務に集中して取り組んでると、全体についての理解をを見落としがちだなと思うので改善もしていきたいと思います。

ホームページ制作（ヒアリングなどを飛ばした制作部分だけの説明になります）

デザイン
フロントエンド
バックエンド
コンテンツ追加
テスト、修正

制作過程だけでもホームページを作るにはこのような項目があります。

それぞれの説明を簡単にしていくと、

デザイン
ワイヤーフレームやプロトタイプをもとに、ホームページのビジュアルデザインを作成
カラースキーム、フォント、画像の選定

フロントエンド
デザインをもとに、HTML、CSS、JavaScriptなどを使用して実際のウェブページを構築

バックエンド
必要に応じて、バックエンドのシステムを構築
データベースの設計、サーバー側のプログラミング言語（例: PHP、Python、Node.jsなど）を用いた機能の実装

コンテンツ追加
テキスト、画像、動画などのコンテンツをホームページに追加
コンテンツの整形や編集

テスト、修正
完成したホームページに対して、テストが行われ、問題点や修正すべき箇所が特定
必要に応じた修正

ホームページ制作はこのように行われています。

これらの工程を通して1つのホームページが完成します。
少し調べながら記述したのですが、間違っている部分がありましたら教えていただけると嬉しいです。

感想
今回再確認した、ホームページ制作の作業手順。
分かっているつもりではいたものの、手順として示すと多く感じました。
しかし、上に書かれた手順は、大きく分けたときであるのでホームページによってはもっと手順が細分化されることも当たり前にあると思います。
今後も、この分野には関わっていくので勉強は引き続き行い、自分が人に説明をきちんと行えるくらいの理解を進めていきたいと思います。

--------------------------------------------------------------------------------------------------------------------
フロントエンドエンジニアコースのインターン：https://guardian.jpn.com/recruit/intern/frontendengineer/
メンバー紹介ページ：https://guardian.jpn.com/member/miho_oinuma/
--------------------------------------------------------------------------------------------------------------------