ホームページについて

date_range 2024/02/19
日々の活動日記エンジニアインターン
ホームページについて

こんにちは!

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


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

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


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

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


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


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


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


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


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


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


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


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


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


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

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


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


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

*COMMENT*

  • 黒川 かな

    黒川 かな

    更新日:2024-02-19 17:16

    *コメント*

    ホームページ制作の部分を細分化していただき、ありがとうございます。
    工程一つ一つの中に、さらに細分化された業務があり、多くの人の手によって作り上げられていると改めて再認識しました。
    どうしても自分の作業に集中しがちですが、後工程の事もしっかりと考えて業務にあたり、ロスの軽減や改善をしてさらなる生産性の向上に繋げていきたいですね。

    *コメント*

  • 中澤 めぐみ

    中澤 めぐみ

    更新日:2024-02-19 17:45

    *コメント*

    ホームページ制作工程のアウトプット、凄くわかりやすいです!
    あらためて、自分の中でも整理することが出来ました。
    通常、作業は分担して行うことが多いですが、全体をしっかり把握しているといないとでは、精度やイレギュラーへの対応力が全然違ってきますよね。

    *コメント*

  • 下川 春樹

    下川 春樹

    更新日:2024-02-19 19:58

    *コメント*

    お疲れ様です。
    ヘッダーの修正されてるのですねー。
    最近、課題を進めていてちょうどヘッダー作り始めたところですが、JSで苦戦してます><
    HP制作において、デザインやバックエンド側の事はほとんど触る事ないのですが、フロントがしっかり出来るようになったらそちらも挑戦して行きたいですー٩( ‘ω’ )و

    *コメント*

  • 水落 えり

    水落 えり

    更新日:2024-02-20 08:48

    *コメント*

    みほちゃん、ホームページ制作のプロセスをご説明いただきありがとうございます✨

    業務に集中するあまり全体像が見えなくなりがちだというご指摘は、
    私も感じることがよくあります(>_<)

    改善に向けた前向きな姿勢は見習うべきお姿です✨

    デザイン、
    フロントエンド、
    バックエンド、
    コンテンツ、
    テストと大まかに分類した上で、各工程の役割があること、勉強になります✨

    手順を説明できるレベルまで理解したいという目標設定もしっかりしていると感じました♡

    今後も継続的に学習を重ねていけば、
    みほちゃんなら確実に知識と経験が蓄積していきます♪

    みほちゃんの意欲的な取り組みを今後も期待しています✨
    頑張れみほちゃん♪

    *コメント*

  • 岡田 のりこ

    岡田 のりこ

    更新日:2024-02-20 09:19

    *コメント*

    制作に携わっていても自分の業務はほんの一部で、様々な過程を踏んでお客様にホームページを提供できているんだなと改めて思いました。普段は自分の業務に集中してしまいますが、全体の流れも視野に入れ、品質向上を目指したたいと思います。

    *コメント*

  • 阪口 純平

    阪口 純平

    更新日:2024-02-20 18:34

    *コメント*

    ホームページ制作の工程を一つ一つ文章にしていくと、
    自分がどういった工程で作業しているのかなどを再度理解でき、
    自分の足りないスキルなども見えてくるので、今一度の見直しはとても大切ですね。

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード

NEW