ユーリード福住の利用者さんってどんなお仕事をしているの？と気になっている人も多いはず。今回はホームページ制作のお仕事に携わっている利用者さんお二人にインタビューをして、ホームページ制作の仕事内容についてまとめてみました。一見派手に見えるホームページ制作のお仕事ですが、実際はどうなのか？いっしょに見ていきましょう。

ホームページ制作の基礎知識～HTMLとCSS～

ホームページはHTMLとCSSでできている、というのは私でも聞いたことがありましたが、それぞれ何のことを指しているのか、またHTMLとCSSの違いは何なのかを改めて説明しろと言われてもできません。そこで、インターネットで調べてみました。ホームページ制作に必要な基礎知識として、HTMLとCSSについて簡単に説明します。

HTMLとは「ハイパーテキスト・マークアップ・ランゲージ（Hyper Text Markup Language）」の略で、Webページを制作するためのマークアップ言語です。またマークアップ言語とは、Webページ内のテキスト情報の構成（タイトル・段落など）や役割をコンピュータが構造的に理解できるようにするための言語を意味します。

引用：HTMLとは？初心者向けに基礎知識を分かりやすく解説 – 2023/06/13 [Schoo]

CSSとはWebページの文字の色や大きさ、背景、配置といったスタイル（見た目）を設定する言語です。読み方は「シーエスエス」です。

引用：CSSとは？初心者にもわかりやすくCSSの書き方を解説！｜Udemy メディア (benesse.co.jp)

つまり、ホームページはHTMLとCSSの2つでできていて、HTMLがページの骨格を作る担当、CSSが装飾など見た目を担当しているということです。どちらもホームページには無くてはならないものであり、HTMLとCSSはセットで学ぶことが多いそうです。
また、HTMLとCSSは別々のファイルに分けて記述するのが一般的とのこと。そして、HTMLからCSSを読み込むことで、構造とスタイルを分離し、作業を効率化することができるそうです。

ホームページ制作の仕事について

ホームページ制作に関する基礎知識を頭に入れたところで、いよいよ、ホームページ制作の仕事に携わっている利用者さんお二人にインタビューをすることにしました。

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] こんにちは。よろしくお願いします。
仕事内容がホームページ制作ということですが、普段、どのようなお仕事をされているのですか？ [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] よろしくお願いします。
例えば、食品や貿易関連のホームページの修正をしたり、コラムをWordPressの形式に直してホームページへ投稿したりする仕事をしています。 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] ホームページの修正とはどのような修正ですか？ [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] 例えば、古いバージョンのホームページを新しくして、スマートフォンでも見られるように改修を行うとか・・・。その場合ページ全体をいじって修正する必要があります。タブレットだったらこの文字の大きさ、などと指定するためにタグを変更していきます。この時、修正するのは文字の大きさなど見た目のことに関してなので、HTMLではなくCSSを直していきます。 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] なるほど。修正の内容に応じていじる場所も変わってくるというわけですね。
その修正というのは、どんな頻度で依頼が来るのですか？
また、コラムの仕事はどんな作業ペースで行っていますか？ [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] ランダムなのでこれと言った決まった頻度ではないのですが、結構間隔は空きます。
コラムは月に数回頃合いを見てホームページに投稿しています。 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] ホームページ制作にはどんな知識が必要ですか？ [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] HTML、CSSの他に、JavaScript（ブラウザ上の体験を向上させる役割を持つプログラミング言語）、PHP（ウェブサーバー側でデータ処理やコンテンツ生成を行うのが主な役割のプログラミング言語）、デザインの流行り廃りなども知っておくと仕事がしやすいのでおすすめです。 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] 確かに、たくさん知識があると仕事がしやすいのは分かります。
ホームページ制作の仕事では、どんなツールを使っていますか？ [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] WordPress（ブログやホームページを作成できるソフトウェア）、Visual Studio Code（多機能なメモ帳）、FTP（サーバーとクライアント間でのファイルの送受信をするときに使う決まりごと。FTPソフトにはFFFTPやFilezillaがある）などを使用しています。 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] 仕事をしていて一番大変なことは何ですか？ [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] こうやりたいという動作があっても、実際にはなかなかその通りに動かないのが大変です。 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] この形にするにはどうしたらいいかとか、こうしたら見やすいかなとか、逆算して考えながらやっているので、すごく頭を使います。 [/chat]

ユーリード福住が気になっている人へ

最後に、ユーリード福住に興味を持ってくださっている方に向けて、お二人からメッセージをいただきました。

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] ホームページ制作の仕事は未経験でもできますか？ [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] HTMLとCSSが分かるのは必須条件です。それが分かればあとは調べながらでもできそうです。例えば、ホームページのデザインなどについては後付けの問題なので独学でも対応できると思います。 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] ホームページ制作の仕事はどんな人に向いていると思いますか？ [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] ホームページ制作と言うと一見派手で華やかに見えますが、実はそうではなく、非常に地味な作業の連続です。ですので、コツコツと地味に続けてやっていける人が向いていると考えます。 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] 最後に、ユーリード福住に興味のある人に向けてひとことお願いします。 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] 「落ち着いて働けるところなので気軽に来てください。」 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_website.webp" name="ホームページ制作チーム" align="left"] 「ユーリード福住は環境が整っているので、コツコツできる方お待ちしています。」 [/chat]

[chat face="https://sandc-sapporo.wp.dev2.favorscreation.com/wp-content/themes/s_and_c/assets/img/column/icon_column.webp" name="コラム執筆者" align="right"] ありがとうございました。 [/chat]

ホームページ制作のお仕事に携わっている利用者さんお二人にお話を伺いました。常に頭の中でホームページの理想の形を思い浮かべながら、そこに近づけるためにいろいろなやり方を駆使して日々奮闘しているお二人の姿が垣間見られたインタビューでした。
ホームページ制作は多くの知識と技術、そして根気が必要なお仕事ですが、満足のいくものができた時の喜びは計り知れません。興味のある方は、ぜひ挑戦してみてください。

ユーリード福住についての記事は他にもあります。こちらの記事でテーマごとに記事をまとめているので、ぜひご覧になってみてください。