Webエンジニア講座とは
プログラミングが初めての方はここから！
あらゆる言語の土台となる、 HTMLやCSS、JavaScriptの技術を習得できる講座です。
こんな方におすすめ！
- ・Webブラウザで表示されるページの文書を作成できるようになりたい
- ・Webブラウザで表示されるページのデザインやレイアウトを変えたい
- ・Webブラウザで動く「メールサービス」や「地図サービス」のような動的なページを構築したい
学習のプロセス
ITパスポート講座
システム開発の基礎はもちろん、 IT事業やDX経営の基礎を習得
基本情報技術者講座
エンジニアポジションの システム開発知識を習得
Webエンジニア基礎講座
STEP❶ HTML基礎
Webブラウザで表示されるものはHTMLで構成されています。
HTMLで書かれたプログラムをWebブラウザが解析して表示するという仕組みです。HTMLを理解するとホームページが作成できるようになるだけでなく、JavaやPHPやJavaScriptなどの他言語と連携し、Webアプリケーションにも対応できるようになります。
STEP❷ CSS基礎
Webブラウザで表示されるものはHTMLで構成されていますが、デザインやレイアウトはCSSで行われています。HTMLは文書構成、CSSはデザインやレイアウトを担当するわけです。CSSを利用すると、HTML文書は同じでもメディアによってデザインやレイアウトを変えることもできます。また、CSSを理解することでJavaScriptなどと連携し、Webアプリケーションにも対応できるようになります。
STEP❸ JavaScript基礎
JavaScriptは、「メールサービス」や「地図サービス」のような動的なWebページを構築する際に利用されています。
また、JavaScriptを用いると、ユーザーにとって使い勝手のよいインターフェースを構築することができます。
JavaScriptを理解することでホームページを作成するだけでなく、JavaやPHPなどの他言語と連携し、Webアプリケーションにも対応できるようになります。
PHPエンジニア基礎講座
Webサイトや Webアプリケーションの開発
Javaエンジニア基礎講座
Web上の直接ユーザーが 目に触れて操作する部分の作成から、 サーバーサイドの開発や構築まで
わたしはどんなキャリア・学習を進めればいい？
- DXに強いビジネスパーソン
ITパスポート
システム開発からDX経営まで、あらゆる人に欠かせないITの基礎知識はこれでOK
Webエンジニア講座
エンジニアと踏み込んだ会話をするための、プログラミングの初歩を習得
- フロントエンドエンジニア
基本情報技術者
ベンダーニュートラルで、エンジニアポジションの偏りのないシステム開発の知識を習得
Webエンジニア講座
Webサイト開発に最低限必要な、HTML・CSS・JavaScriptを習得
PHPエンジニア講座
1歩進んで、データベースと連携しながらWebサイトを動的に見せる技術を取得
- バックエンドエンジニア
基本情報技術者
ベンダーニュートラルで、エンジニアポジションの偏りのないシステム開発の知識を習得
Webエンジニア講座
いきなり難易度の高いステップに進む前に、あらゆる言語の土台となる技術を習得
Javaエンジニア基礎講座
汎用性が高く、さまざまな開発に用いられる、定番言語の技術を習得
AWS講座
クラウドサービスでインフラを構築する知識を習得
- フルスタックエンジニア
基本情報技術者
これまでの経験の棚卸しのためにも、知識やスキルの抜けがないか確認する
PHPエンジニア基礎講座
フロント・バック、どちらのキャリアを進むにせよ、PHPもしっかりと習得しておくべき
Javaエンジニア基礎講座
本格的にキャリアを積んでいくには、実務のなかで学んできたスキルをしっかりと再習得
AWS講座
クラウドサービスでインフラを構築する知識を習得
プログラミング講座 Webエンジニア基礎のメリット
動画を見ながらご自身のパソコンでプログラミング
講師がプログラミングの画面を見せながら解説します。ご自身のパソコンで簡単に再現できるため、動くプログラミングをすぐに実践できます。 また、すべての動画内容についてサンプルファイルをお渡ししておりますので、うまく再現できないコードはサンプルをご利用ください。
段階ごとの細かく別れた講座動画でわかりやすい＆学びやすい
パソコンだけでなくスマホにも完全対応！ 動画はプログラミングの段階ごとに細かく分かれているため、忙しい方も、 スキマ時間で＆スマホで学ぶことが可能です。
問題演習で知識とスキルの習得を確認できる
動画で学んだこと、実践したことが身についているか問題演習で確認できます。 クイズ感覚で解けるため「動画でインプット→演習でアウトプット」を繰り返しながら進めていきましょう。
進捗が一目でわかる学習管理機能
進み具合を自己管理できる学習システムが搭載されています。 問題演習でどれくらい正解できているか、全体のうちどこまで到達したかを確認し、モチベーションアップにつなげることができます。
Shikaku Passの学習内容
動画で各言語の使用環境を構築
動画を見ながら、講座で学習する言語を使用するための環境を整えていく。
コードを打つ前に、スマホで文法を習得
実践に入る前に、コードの文法や「オブジェクト指向とは」といった概念的な知識の習得が可能。 スマホを使って、スキマ時間でも学習がサクサク進められる！
講師のコードをパソコンで再現、わからない場合はサンプルを活用
講師が動画で示したコードを、自身で考えながら、パソコンで入力して再現。 わからない場合はサンプルファイルを確認しながら進めてOK！
Shikaku Passの学習システム
Shikaku Passが提供する学習システムの特徴をご紹介します。
Shikaku Passのシステムを使えばスキマ時間を有効活用し、効率的に学習を進めることができます。
Shikaku Passの学習サイクル
Shikaku Passは過去問演習や模試に対して解説動画を用意しています。図のようなサイクルで学習いただくことで理解を深めていけるシステムとなっています。
自己管理ができるシステム
学習進捗管理機能もあり、ご自身がどのくらいまで過去問演習で正解が取れているか、また学習がどこまで進めているかなど確認できる仕組みが入っています。
すべての機能を利用できる7日間の無料体験を実施中！
購入までの流れ
- STEP1
ご注文の確認
- STEP2
ログイン
- STEP3
お支払い
- STEP4
お申し込み完了
- STEP5
受講開始
注意事項
- Shikaku Passのご利用にはGakkenID・LINE・Googleのいずれかのアカウントが必要になります。
- GakkenIDをお持ちでない場合、Shikaku Passの会員登録の中でGakkenIDのご登録もしていただきます。
講師について
荒川栄一郎（あらかわ・えいいちろう）先生
IT 関連の研修やコンテンツ制作、システム開発などを行う IT 研究所株式会社代表。IT パスポート、基本情報技術者試験、OCJ-P Silver SE11、Android アプリケーション技術者など、多数の資格や認定を取得。
開発歴 10 年、講師歴 20 年の経験から Java、PHP、Python、C#、Linux などの実務研修や新入社員研修を担当。「遊びながら、楽しみながら習得できる」内容として高い評価を得ている。また、動画コンテンツを複数製作しており、「動画でプログラミングの技術や開発の知識を学ぶ」にあたってのノウハウも豊富。
- ※本講座の動画・問題文・解説文の著作権は、アテイン（株）に帰属します。
- ※動画・問題文・解説文を含む、本講座の内容を不正に利用することを禁じます。
- ※本講座の内容を学習するにあたっての推奨環境は下記のとおりです。
- ・Web：Windows10／XAMPP8（実行環境）
- ・Java基礎：Windows10／Eclipse2024（実行環境）
- ・PHP基礎：Windows10／XAMPP8（実行環境）
- ※本講座の内容に関するお問い合わせは、アテイン（株）ではなく、（株）Gakken LEAPへお願いいたします。
すべての機能を利用できる7日間の無料体験を実施中！
無料体験の申し込み
7日間すべての機能を体験してください！
登録は30秒で完結！決済情報の入力も不要！
Shikaku Passの無料体験では、有料購入と同等の機能をすべてお試しいただくことができます。
あなたの興味のある講座を１つ選択して、無料体験にお進みください。