2023.1.1
WEBページとWEBシステムの違い、勉強方法を解説【プログラミング初学者向け】
1.はじめに
こんにちは、かじです。
本日はWEBページとWEBページの違いについて解説します。
昨今副業で稼ごう、副業にはweb制作がいいですよと言われ、少しプログラミングを触ってみようかなと思っている社会人やプログラミングスキルを獲得して、将来はエンジニアになろうという方もいらっしゃるかと思います。
ただ、一口にプログラミングで稼ぐと言っても、WEBページ制作とWEBシステム開発で稼ぐ2通りがあります。しかし、具体的にこのWEBページ制作とWEBシステム開発の違いが分からないという方も多いのではないでしょうか。
WEBページ制作とWEBシステム開発、どちらも同じようにプログラミングスキルを必要としますが、二つの用語は近いようですが、どちらをやりたいかによって勉強の方法が少し異なります。
サッカーと野球の関係のように同じスポーツというジャンルではあるけれど、競技のルールが異なるようなイメージです。両競技をしている人はランニングのような基礎体力を上げるトレーニングが共通で必要ではありますが、サッカー選手が素振りをしたり、野球選手がシュート練習をしないようにそれぞれ、必要とする技術が別になります。
この記事では、まずはWEBページとWEBシステムを説明した後、勉強方法の違いを解説していきたいと思います。
2.WEBページとWEBシステムの違い
2-1.WEBページとは
WEBページといえば、企業用ホームページなどのホームページを指しているイメージがあるかと思います。
WEBページとは、ユーザー情報によってサイト内で表示する情報が変わらない静的なWEBサイトのことを指します。ユーザーに何か情報を表示する上で、ページ遷移以外に操作はなく、どのユーザーがページを表示しても閲覧内容は変わらないというものを指します。
例として、企業サイトの情報が挙げられます。企業サイトは、誰が見ても、掲載されている事業内容や求人情報などの情報が同じです。
そういった静的なWEBサイトを総じてWEBページと呼び、スキル的にはプログラミングは勿論ですが、デザインやマーケティングのような要素も求められてきます。
2-2.WEBシステムとは
WEBシステムとは、WEB上に構築されたシステムを指し、ユーザーや操作によって表示される内容が異なるWEBサイトのことを指します。
多くの方が利用されているInstagramを例に挙げてみましょう。
まずユーザーはログインを行います。ログインすることによってフォローしているユーザーの投稿がタイムラインに表示されます。このタイムラインはユーザーがフォローしている人によって表示される内容が異なります。これがWEBシステムになります。
サービスとして提供されているWEBシステムをWEBサービスと呼びます。
3.WEBページ制作、WEBシステムの勉強方法
3-1.WEBページ制作の勉強方法
続いて勉強方法について考えていきたいと思います。
WEBページ制作を目指したいという方がすべきプログラミング勉強は、HTML、CSSのマークアップ言語とWEBページに動きを持たせるためにフロントエンド言語のJavaScriptの、またWordPressを使用する場合は、サーバサイド言語であるPHPを少し勉強する必要があります。
また、JavaScriptフレームワークやライブラリーを勉強する必要が出てくることもありますが、トレンドの言語や技術を深く勉強するというよりは、ユーザーやデザイナーから上がってきたデザイン部分をプログラムに落とし込むかということが重要なポイントになります。
3-2.WEBシステム開発の勉強方法
WEBシステム開発を目指したいという方は、HTML、CSS、JavaScriptはWEBページ制作と同じですが、サーバーサイド言語を最低でも一つ、データベースを操作する言語のSQL、またサーバーやネットワークなどインフラ関係、APIや認証などWEBの仕組みや技術、サーバーサイドフレームワークなどを勉強する必要があります。
そのシステムの仕組みを実現するためにどういう処理ロジックを実装するかということが重要なポイントになります。
しかしそれらを全て一人が担う必要はなく、多くの会社ではフロントエンド、サーバーサイド、インフラというように分業していきます。最初の一歩としては、全ての技術を高レベルにということは考える必要がないかと思いますが、それぞれの知識を広く持つ必要があります。
4.まとめ
このように同じプログラミングと言っても、WEBサイト制作とWEBシステムと言っても、勉強するポイントが異なります。
どちらを目指しているかということを意識しながら勉強を始めていってください。
本日はここまでとなります。最後まで読んでくださり、ありがとうございました。
おすすめ記事
〜WEB開発について学習したいあなたへ〜
〜どのプログラミング言語から勉強したらいいか分からないあなたへ〜
〜プログラミング勉強を始めたいけど何から始めたらいいか分からないあなたへ〜
-画像出典元-
Web illustrations by Storyset
