自分のアイデアが形になって、多くの人に利用されたり誰かの役に立っていたりすると、なんともいえない達成感を感じます。そのアイデアを実現するための技術をぜひ習得していただきたいところ。はいってもWebプログラミング自体がよく分からないという方に、Webプログラミングについて知っておくとよいことを、あとで調べると役に立つ用語を交えながらお伝えします。No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアですCodeCampとは?(受講生体験記)「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。目次WebプログラミングとはIT業界は人材不足Webプログラミングに必要なことWebの仕組みを知るHTML/CSSは必須さまざまなプログラミング言語データベースについての知識Webアプリケーションフレームワークもその他まとめWebプログラミングとはWebプログラミングとは、Webで使われるWebアプリケーションやWebサービスの開発(Web開発)を指します。※プログラミング自体を指す場合もありますが、ここではWeb開発全般についてお伝えしていますWebアプリケーションはそのWebサイトにアクセスした人に提供するさまざまな機能のことで、Webサービス、Webシステムなどとも呼ばれます。Web開発に関わる人はWebプログラマー、Webエンジニア、Web開発者などの名称で呼ばれていますが、会社やプロジェクトによっては複数の業務を兼務している場合もあり、明確な線引きはありません。よるIT人材の最新動向と将来推計に関する調査結果によると、ITに関わる全ての人材は2020年には36.9万人、2030年には78.9万人が不足すると見込まれています。(※Web系だけでなく、IT業界全般の話です)今も求人数は多く、この売り手市場は当面続くでしょう。就職・転職を考えている人には、今が学習の好機といえます。Webプログラミングに必要なことWebプログラミングは、覚えることがたくさんあります。Webの仕組みを知る画像出典:HTML初心者必見!Webページの仕組みをわかりやすく説明!Webサイトを閲覧するときには、クライアントとサーバーのやり取りが起こっています。クライアントとは、ユーザーが使うデバイス(パソコン、スマートフォンなど)と、デバイス上で実行しているソフトウェア(主にWebブラウザ)のことです。サービスを受ける側です。サーバーとは、Webページやデータを保存するコンピュータのことで、サービスを提供する側です。クライアント側のプログラムがサーバーに対してリクエストを送信し、サーバーのプログラムが処理をしてクライアント側へデータを送信することで、Webサイトの閲覧やサービスの利用が可能になります。ショッピングサイトで商品を購入~決済したときはこのような流れです。1クライアントが商品をカートに入れ、購入手続きのボタンを押す。この要求がクライアントからサーバーへ送られる2サーバーは顧客情報の取得や合計金額の計算などの処理を行い、クライアントへ”確認”ページを送る3クライアントが”確認”ページを閲覧し、購入決定ボタンを押す4サーバーが決済処理や該当店舗への連絡等を行う。処理が完了すればクライアントへ”処理完了”ページを送る※ほかにもDNSなどさまざまな処理が進行していますが、ここでは省略します。詳しく知りたい方はこちら→HTML初心者必見!Webページの仕組みをわかりやすく説明!この流れには、Webページを表示するHTML/CSS、処理を行うプログラム、データを管理するデータベースなどが関係しています。HTML/CSSは必須Webページを構成するマークアップ言語がHTML、Webページの見た目を司るのがCSSです。Webプログラマーのみならず、WebデザイナーやWebマーケターなどの職種においてもHTML/CSSの知識は必須です。さまざまなプログラミング言語Webで使われている主な言語をご紹介します。JavaScriptHTMLで作られたWebページに動きをつけるための言語です。JavaScriptのライブラリの一つにjQueryがあります。jQueryを使用することでJavaScriptのコードがシンプルになり、望む機能が比較的簡単に実現できるようになります。PHPサーバー側のプログラムのための言語。HTMLに埋め込むことができる仕組みを持ちます。HTMLを勉強済みの初心者なら理解しやすく、さらに関数が豊富なので望む機能を実現しやすい点が特長です。RubyPythonやPerl、JavaなどのあらゆるWeb系プログラミング言語の特徴を取り入れながらもシンプルなコーディングができる言語です。RailsというWebアプリケーションフレームワークが有名です。Python文法がシンプルで少ないコード数でプログラムを書くことができ、コードが読みやすいのが特徴。データ分析・解析に役立つライブラリを有しており、機械学習や統計解析の分野でも活用されています。近年さまざまなプログラミング言語ランキングで上位に位置することが多くなっています。Java長くIT業界をけん引してきたオブジェクト指向言語。どこででも動作するという特徴があるので、Web業界だけでなく、組み込みシステムやスーパーコンピューター、モバイル用のアプリケーションまで、様々な分野で使用されています。データベースについての知識データベースとは、情報を検索しやすいように整理し収めた、情報の集まりのことです。データベースを管理するソフトウェアのことをデータベース管理システム(DBMS)と呼び、データベースの操作はSQLという言語で行います。ショッピングサイトでいえば、顧客情報や商品情報はデータベースに保存されており、プログラムがこのデータベースにアクセスして情報を取得したり、情報を登録したりしています。代表的なDBMSをご紹介します。OracleOracle社が開発したデータベース。リレーショナルモデル(関係モデル)と呼ばれる概念に基づいてデータを管理・操作する「リレーショナルデータベース」の代表格です。MySQLオープンソースのリレーショナルデータベースです。現在はOracle社が管理しています。ServerMicrosoft社のデータベースです。その規模に応じた複数の種類があり、機能や性能が異なります。Webアプリケーションフレームワークも効率的な開発のために作られたツールもいくつかあります。フレームワークとはよく使う機能が集められたアプリケーションの土台のこと。必要な機能が既に存在するので、1から作るよりも短期間でアプリケーションを作ることができます。JavaやRuby・PHPなどのWebフレームワークも開発によく利用されており、これらを使いこなせればスキルのひとつとなります。各言語の代表的なWebフレームワークは下記の通りです。RailsRubyのフレームワークです。Rubyといえばコレ、という知名度を誇ります。CakePHPPHPの歴史あるフレームワーク。「ケーキを焼くみたいに簡単に」が名前の由来です。DjangoPythonのフレームワークです。FrameworkJavaのフレームワークです。多くの機能が搭載されています。その他Git、GitHubGitとは、プログラムのバージョン管理を行うツール。Gitをオンライン上で管理するサービスがGitHubです。プログラムは一度作ったら終わりではありません。自分だけでなく複数の人の手によって改修がなされていくので、プログラムが今どの状態か、万一不具合が起こってプログラムを戻すときにどれを選ぶのか等、バージョン管理は適切に行う必要があります。GitHubはそのバージョン管理に優れたツールです。知りたい方はこちら→【決定版!】Git入門者に役立つ学習方法とおすすめ書籍&サイト集CodeCamp提供のWebマスターコース当メディアを運営しているCodeCampではWebマスターコースを現役エンジニアのマンツーマンレッスンという形で提供しています。実際にWebサービスをを開発するのでポートフォリオとしても使用できる無料レッスン受講後の申し込みで10,000円クーポンをプレゼントしています!ぜひお試しください。\Webサイト担当者としてのスキルが身に付く/CodeCampの無料体験はこちら▶︎無料体験レッスンの申し込みはスマフォで1分で完了!まとめ覚えることは多いですし、これから先も最新情報のキャッチアップをする必要があります。市場が拡大していくと見込まれるIT業界、そしてIT関係の職種が求められる人材であることは、自分の将来を考えるにあたって大きな安心材料となることでしょう。家事も仕事もプログラミングも。【2020年版】社会人でも通いやすいプログラミング教室5選|選び方の基準も解説プログラミング学習プログラミングスクール・サービス「エンジニアは女性のキャリアとして魅力的」モノづくり好き理系女子がWebエンジニアへ転職するまで受講生インタビュープログラミング未経験で介護師からエンジニアへ。家事も仕事もプログラミングも。受講生インタビュープログラミング習得後、フリーランスに転身。受講生インタビューフリーランス塾講師からエンジニアへ26才で転職。先生の支えがあって成長できました。学習ガイドtwitterLINE。