IT業界の仕事とは/Webサイトの見た目を作る人

知っているようで、意外と知らないITの世界。
どんな分野があって、具体的にどんな仕事をしているのでしょうか。

おおまかな分野はこちらに書いてみましたので、
なんとなくご覧いただくと、この先が分かりやすいかもしれません。

そもそもIT業界とはどんな世界？

IT＝情報技術です！...なんて言われたところで、具体的なイメージはなかなか湧きませんね。 なんか多分、パソコン使ってお仕事してるんでしょ？かっこいいよね！っていう…

アットテック株式会社

業界初心者が同じ目線でIT業界の職業をレポートしていくシリーズです。

Web上の見た目を作る仕事

上記のページに書きました分類で言えば、
Web業界→Web制作系
にあたるかと思います。

今ご覧いただいているようなサイトの見た目を一から作っていくお仕事で、
”フロントエンド開発者”と呼ばれていたりします。

フロントの反対でバックエンド開発というのもありますが、
それは別の機会に。

意味づけしてデザインする

Webに表示される文章そのものやレイアウトなど、見た目に関する部分を制作します。

使われる技術は、基礎としてHTML(エイチティーエムエル)や
CSS(シーエスエス)などのマークアップ言語。

HTMLやCSSは、何か条件に応じて動くようなプログラムではなく、
意味づけや見た目の表現をするのに使います。

例えば、ここで改行します、とか、ここは見出しですよ、
この部分は引用です、この語句は重要です、
ここからここまででひとつの話題です、
...のように、見る人には伝わらない部分も
表示するブラウザ側に認識してもらうためにマークをつけるのがHTMLです。

もちろん他のページやそのページ内の別の場所に飛べるリンクを貼ったり、
画像を挿入したり、といったこともできます。

CSSは、文字の大きさや色、ページの色、コンテンツ間の余白などを
小さい単位から細かく設定できたり、
どこに何を配置する、といった全体的なレイアウトも作れます。

ですが、残念ながらこの段階では、スマホ版のWebページの
ハンバーガーメニュー(横線３つ並んでるやつ)すら設置できません。

動きのあるページを作る

よく見るようなダイナミックなサイトを作りたいと思ったら、また別の知識が要ります。

我々ユーザーの操作によって動くようなサイトを作るなら、
Javascript(ジャバスクリプト)とかTypescript(タイプスクリプト)といったプログラミング言語や、
それをキットのように使いやすくしたjQueryなどが必要になります。

例えば、何かネットで買おうと思って、
住所や名前をフォームに入力、確定送信しようとしたとします。
その時に、メールアドレス入力の欄に間違ったものを入力したりすると、
”メールアドレスを入力してください”のようなメッセージを見たことはありませんか？

また、送信するときに「本当に送信してもよろしいですか」と
確認もしくは警告するメッセージがぽんっと現れたり。

スクロールしたらすっと画像が登場したり、
クリック(タップ)したらアイコンが変わったり...
そういったこともJavascriptが分かると作れるようになります。

また、どんな人向けのサイトかにもよりますが、
Java(ジャバ)、PHP(ピーエイチピー)、Ruby(ルビー)、Swift(スウィフト)
などの言語が使える人お願いします、っていうこともあるようです。

使えないといけない、というよりは、
できたらもっと複雑で面白いもの作れるんだ、
いろんなことができて活躍の場や機会が増えるんだ、
と思っておくといいかなと思います。

JavaはTwitterやオンラインショップなどのWebアプリに使われていたり、
PHPはお問合せフォームや会員登録、投稿編集機能を作れたり、
RubyもSNSやスマホアプリが作れたり、
SwiftはApple製品系のアプリやWebアプリも作れる...
といった具合です。

夢が広がりますね！

周辺技術

より開発しやすくなるとか、ユーザー側が快適に使えるようにするために
使えた方がいいものもあります。

Javascriptで開発するなら、
vue.js(ビュージェイエス)やNode.js(ノードジェイエス)、
React(リアクト)やAngular(アンギュラー)
などといったものがあるようです。

これらは、アプリケーションを開発する土台になるようなもので、
効率的に開発できるようになったり、処理が高速になったり、
のちのち変更や追加が必要になっても簡単に対応できたり...と
いろいろメリットがある模様。

求人にも、言語と合わせてこういったものについても
知識がある人来てくださいっていうケースが多いです。

また、この世界は技術の盛衰が激しい一面もありますから、
話題の言語や知識、周辺技術は常にキャッチして
取り込み続けることが重要なようですよ。

時代の最先端にいられるのはわくわくしますね＾＾

---

Webサイトは、今や一切触れることがない人はかなり稀なのではというくらい
身近なものですから、イメージしやすかったのではないでしょうか。

言語などなどに関してはかなり大雑把に書きましたので、
物足りない方は詳しく調べてみてくださいねb

Webサイトは、情報発信する人と、
その発信内容を伝えたい多くの人とを結ぶもの。

さらに直接目に触れるものです。

人間、情報の収集には五感のうち８割くらいは
目に頼っているといいます。

そこに直接アプローチできるものですから、
ちゃんと伝わるように考慮していくことで
発信の内容も伝わりやすくなり、誰かを感動させたり、
前に進む後押しをしたりと、
大きな役割を果たせることでしょう。

ということで、今回のレポートは以上です。
それではまた！

参考にさせていただいた書籍(敬称略)

情報処理エンジニア職業ガイド
豊沢 聡　/　大間 哲　◎共著

---