Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-02-22 07:37:03
30-Day Money-Back Guarantee
Development Web Development

【世界で30万人が受講】フルスタックWebエンジニア講座(2019最新版)

25 のウェブサイトやモバイルアプリを開発しながらプログラミング( HTML5, WordPress, CSS3, Javascript, Bootstrap 4,PHP, Python, MySQL) を学び、Webエンジニアになろう!
Rating: 4.2 out of 54.2 (4,175 ratings)
34,081 students
Created by 井上 博樹 (Hiroki Inoue), Rob Percival
Last updated 2/2021
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • ウェブサイトやウェブアプリが作れるようになる
  • HTMLベースのモバイルアプリを作れるようになる
  • ウェブ開発者としての仕事につける
  • フリーランスとしてウェブサイト構築プロジェクトを担当できる
  • オンラインストアを作れるようになる(WooCommerce+WordPress)
  • フロントエンド開発者になれる
  • データベースとサーバーサイド言語を扱えるようになる
Curated for the Udemy for Business collection

Course content

15 sections • 169 lectures • 17h 28m total length

  • Preview00:54
  • Preview02:56
  • Preview03:49
  • Macの学習環境構築をしよう
    08:26
  • macOSにMAMPをインストールしよう(2020年7月)
    03:14
  • Windowsの学習環境構築をしよう
    11:44
  • Windows 10へのMAMP 4.2.0インストール手順(2021年最新版)
    03:40
  • 効果的な学習方法
    05:01

  • セクション2(HTML5)のイントロ
    00:48
  • はじめてのウェブページを作成しよう
    05:52
  • 練習課題:はじめてのウェブページの作成
    00:22
  • 日本語が文字化けする場合の対応方法
    00:12
  • HTMLファイルの基本構造
    13:08
  • HTMLタグを使って、ウェブページを作成してみよう
    07:44
  • 練習課題:HTMLページの作成(解答例)
    00:01
  • ヘッダー(見出し)タグ
    06:15
  • パラグラフタグ
    04:14
  • テキストのフォーマット
    09:43
  • 番号なしリスト
    04:48
  • 番号つきリスト
    05:56
  • イメージ
    08:16
  • フォーム
    13:38
  • テーブル
    06:04
  • リンク
    10:24
  • HTMLエンティティ(実体参照)
    06:39
  • iFrame(インラインフレーム)
    06:15
  • HTMLセクションの最終課題
    00:06

  • CSS 3のイントロダクション
    00:59
  • Preview04:08
  • インラインCSS
    09:26
  • インラインCSS サンプルコード
    Processing..
  • 内部CSS
    07:56
  • 内部CSS サンプルコード
    Processing..
  • Class・id・span
    09:41
  • Class・idサンプルコード
    Processing..
  • Div要素
    06:01
  • divサンプルコード
    Processing..
  • Color属性
    07:17
  • color: サンプルコード
    Processing..
  • Floatレイアウト
    08:47
  • Floatレイアウト:サンプルコード
    Processing..
  • Position属性
    13:51
  • position: サンプルコード
    00:02
  • マージン(margin)
    06:29
  • マージン: サンプルコード
    Processing..
  • パディング(padding)
    05:02
  • パディング: サンプルコード
    Processing..
  • ボーダー(border)
    13:49
  • ボーダー(サンプルコード)
    Processing..
  • フォント(Fonts)
    08:17
  • CSSセクションの課題
    00:07
  • CSSセクション課題: サンプルコード
    00:03

  • Introduction To Javascript Section
    00:38
  • はじめてのJavascriptを使ってみよう
    06:56
  • inline JS サンプルコード
    Processing..
  • Internal Javascript
    06:05
  • 要素にアクセスする
    06:33
  • クリックでスクリプトを実行する
    06:45
  • クリックで文字列を追記してみよう
    07:12
  • スタイルを操作してみよう
    08:16
  • ミニチャレンジ(円を消す)
    09:10
  • ミニチャレンジのサンプルコード
    00:03
  • 変数
    10:22
  • 配列
    13:15
  • If文
    11:20
  • 繰り返し(forループ)
    11:49
  • While文による繰り返し
    02:51
  • 関数
    04:10
  • 外部 Javascript
    03:02

  • jQueryセクションのイントロダクション
    00:28
  • What Is jQuery?
    05:04
  • jQueryを使ってみよう
    10:59
  • Clickイベントを検知する
    10:48
  • ウェブページのコンテンツを書き換えてみよう
    08:46
  • ウェブページのスタイル属性を変更してみよう
    15:06
  • フェードイン・フェードアウト
    12:48
  • アニメーション
    06:42
  • AJAXで非同期通信
    15:15
  • Regular Expressions
    06:33
  • jQuery UIを使ってみよう!
    12:52
  • Draggablesを使ってみよう
    10:57
  • Resizableを使ってみよう
    07:50
  • Droppables
    10:31
  • Accordian
    10:47

  • Bootstrap 4セクションのイントロダクション
    00:50
  • Bootstrapとは?
    05:29
  • Bootstrapを使ってみよう
    08:12
  • グリッドシステム
    07:11
  • ナビゲーションバー
    10:51
  • フォーム
    10:36
  • Bootstrap4のコンポーネント
    14:33
  • ModalとJavaScriptによる処理の連携
    19:56
  • ScrollSpy
    01:05
  • ScrollSpy - Files
    00:03
  • Project - App Landing Page
    02:58
  • アプリのランディングページ課題の解答例
    00:02

  • WordPressのセクションの概要
    00:58
  • WordPressのセットアップ
    10:48
  • Wordpressのダッシュボード
    19:13
  • Wordpressのテーマ
    09:31
  • レクチャーで使うテーマの入手サイト
    00:13
  • Xテーマでサイトを作ろう
    17:26
  • ショッピングサイトを作る
    12:13
  • ウェブサイトを作るチャレンジ
    04:23

  • Introduction To PHP Section
    00:34
  • Introduction To PHP
    02:59
  • Hello World With PHP
    11:16
  • Variables
    09:40
  • Arrays
    10:10
  • If Statements
    07:11
  • For And For Each Loops
    12:21
  • While Loops
    04:51
  • GET Variables
    09:06
  • POST Variables
    02:29
  • Sending An Email With PHP
    04:56
  • Preview00:11

  • MySQL 5 セクションのイントロ
    01:20
  • MySQLのデータベースを追加しよう
    08:24
  • データベースに接続してみよう
    09:52
  • データベースに接続してみよう(サンプルコード)
    00:10
  • データベースから値を取得する
    15:18
  • データベースから値を取得する(サンプルコード)
    00:14
  • データの挿入と削除
    12:10
  • データの挿入と削除(サンプルコード)
    00:07
  • データのループ処理(1/3)
    11:10
  • データのループ処理 (1/3)サンプルコード
    00:01
  • データのループ処理(2/3)
    06:28
  • データのループ処理(2/3・サンプルコード)
    00:01
  • データのループ処理(3/3)
    30:30
  • データのループ処理(3/3・サンプルコード)
    00:01
  • セッション変数
    12:00
  • セッション変数: ファイル
    00:04
  • クッキー
    07:33
  • クッキー:ファイル
    00:03
  • パスワードを安全に保存する
    07:55
  • パスワードを安全に保存する:ファイル
    00:02
  • プロジェクト課題とサンプルコード
    00:15

  • Introduction To APIs Section
    01:05
  • APIの仕組み
    01:07
  • 天気情報APIを使ってみよう!(1/2)
    14:15
  • 天気情報API テンプレートファイル
    00:01
  • 天気情報APIを使ってみよう!(2/2)
    15:10
  • Weather API サンプルコード
    00:01
  • Google Maps API
    18:25
  • Google Maps Geolocation API
    06:52
  • Google Maps Geocoding API (1/2)
    07:02
  • Google Maps Geocoding API (2/2)
    15:16
  • ミニチャレンジ課題:郵便番号ファインダー
    00:15

Requirements

  • 事前知識は必要ありません。必要なのはやる気だけです。
  • PCまたはMac
  • 受講前にソフトウェアを購入する必要はありません (コース内で使用するソフトウェアはすべて無料です)
  • Google ChromeとBracketsエディターを使います。

Description

**2017年2月26日更新**

このコースは、世界でシリーズ累計30万人もの受講生が学んでいるウェブエンジニア養成コースの最新版「Complete Web Developer 2.0」の日本語版です。イギリス人のUdemyトップ講師(Rob Percival・ロブパーシバル)によるコースを日本の状況に合わせて日本語で全編収録し直しました。

プログラミングやウェブデザインが全くはじめての方でも、丁寧なチュートリアル動画や課題に取り組むことによって、ウェブデザインの基礎、サーバーサイドプログラミング、モバイルアプリ開発、APIプログラミングなどをマスターできます。

また、このコースはテクニカルな面だけではなく、ウェブエンジニアとして独立・起業するためのヒントが、豊富に盛り込まれています。

プログラミングだけではなく、WordPressを使ってポートフォリオサイトを作ったり、ショッピングサイトをクライアントのために構築したり、HTML5アプリをスマホアプリ化してアプリストアで公開する方法まで解説されています。

【カリキュラム構成】

セクション1:イントロ

セクション2:HTML5

セクション3:CSS(スタイルシート)

セクション4:JavaScript

セクション5:jQuery

セクション6:Bootstrap 4

セクション7:WordPress

セクション8:PHP7

セクション9:MySQL 5

セクション10:API

セクション11:モバイルアプリ

セクション12: HTML5(応用編)(追加中)

セクション13: Python

セクション14:Twitterクローンを作ってみよう

【このコースの特徴】

あなたはこのコースで学ぶことで、およそ6週間で最先端のウェブエンジニアの技術とトレンドをマスターできます。

ぜひ、このチャンスにウェブエンジニアとして実力を磨いて、FacebookやUberのようなイノベーションを起こすウェブサービスやプロダクト開発にチャレンジしましょう。


また、ウェブプログラミングだけではなく、このコースにはPythonやHTML5ベースのモバイルアプリ開発など、IoT(Internet of Things:モノのインターネット)や、モバイルウェブに対応するためのベースとなるレクチャーも豊富に含まれています。Pythonを学ぶことで、Ruby on RailsやSwiftなどモダンな言語にチャレンジするベースをマスターできます。JavaScriptの基礎をとことん学ぶことで、Node.jsやAngular 2, ReactJSなどの学習も加速できます。

それでは、コースで一緒に学んでいきましょう!

【講座特典】

  • 有料(300ドル相当)のBootStrapテーマを3つ入手できます。(英語サイトでの登録が必要)
  • ウェブホスティングを利用できます(ただし、英語メニューのみ提供)
    (日本語版ではローカルにApache/PHP/MySQLをインストールするMAMPパッケージで学べるようにカスタマイズしています)


【更新情報】

2017/2/26 モバイルアプリにローカルストレージ解説、チャレンジ課題を掲載しました。

2017/2/24 モバイルアプリにApp.jsの解説を追加しました。

      レクチャー11に「ソースコードを表示するショートカット」を追加しました。

2017/2/22 モバイルアプリのイントロ・最初のレクチャーを追加しました。

2017/2/12 CSSセクションの最終課題のサンプルコードを追加しました。

2017/2/8 APIセクションにGeocoding APIのレクチャー、ミニチャレンジを追加しました。(6:52, 7:02, 15:16)

2017/2/6 最終セクションの課題と、動作サンプルへのリンク、サンプルコードを掲載しました。

2017/2/5 APIセクションに「Google Maps API」のレクチャー(18:25)を追加しました。

2017/2/1 APIセクションに6本のレクチャーを追加しました。

2017/1/31 MySQLの残りのレクチャーを追加しました。

2017/1/9 Bootstrap(Scrollspy)のサンプルコードを収録しました。

2017/1/5 MySQLのレクチャーを6本追加しました。

2017/1/4 CSSセクションの課題を追加しました。

2016/12/30 MySQLのセクションを追加しました。

2016/12/14 Bootstrapのセクションに、アプリランディングページ制作課題のサンプルへのリンクを掲載しました。


【注意】

WordPressのセクションでは有料テーマを使用したサイト制作のレクチャーがあります。

レクチャーの通りに実行するにはコース内の割引クーポンを使用して有料テーマを購入する必要があります。

Who this course is for:

  • ウェブプログラミングを学びたい方
  • 起業したり、フリーランスとして仕事をしたい方
  • ウェブサイトを作りたい方
  • 新しい収入源を得たい方
  • 経済的自由を得たい方

Instructors

井上 博樹 (Hiroki Inoue)
AIエンジニア、Udemy講師
井上 博樹 (Hiroki Inoue)
  • 4.1 Instructor Rating
  • 21,885 Reviews
  • 88,026 Students
  • 34 Courses

東京大学工学部卒。富士総合研究所・国際大学GLOCOMを経て、ワシントンD.C.の教育系スタートアップ(Blackboard)にて多言語化などを担当。NASDAQ IPOを経験した後、起業。

Udemyでのべ約122,000名にAI開発・プログラミング講座を34コース提供中。

現在は、研究開発へのAI導入支援を提供し、ディープラーニングによる電力消費量予測、医療分野におけるディープラーニングによる画像分析などの研究開発の支援実績有。

また、Udemyでの教育経験を活かし、教育機関や企業などの教育研究支援、オンライン教育プラットフォーム(LMS/Moodle/Canvas/Blackboard)導入、反転授業・ブレンデッドラーニング・パーソナライズドラーニング(個別学習)の導入支援、映像授業制作、教育アプリ開発なども提供。


著書・訳書: 「インターネットの歴史と社会的インパクト(1994年 訳」「Moodle入門(2007年)」「Moodle2ガイドブック(2013年)」「反転授業マニュアル(2014年)」「動画xスマホで稼ぐ(2014)」「エンジニアのためのオンライン講座制作ガイド(2016年12月刊)」

中国語検定HSK3級, 4級(6段階の下から4段階目まで)合格。

TOEIC955点、リスニング満点.


Udemyを通じて、多くの方がAIアプリ開発・モバイルアプリ・ウェブ開発などをマスターし、イノベーションにチャレンジする応援をしたいと日々コース制作をしています。


Rob Percival
Web Developer And Teacher
Rob Percival
  • 4.5 Instructor Rating
  • 424,560 Reviews
  • 1,911,935 Students
  • 41 Courses

Hi! I'm Rob. I have a degree in Mathematics from Cambridge University and you might call me a bit of coding geek.

After building websites for friends and family for fun, I soon learned that web development was a very lucrative career choice. I gave up my successful (and sometimes stressful) job as a teacher to work part time and today, couldn't be happier.

I'm passionate about teaching kids to code, so every summer I run Code School in the beautiful city of Cambridge. I also run the popular web hosting and design service, Eco Web Hosting which leaves me free to share my secrets with people like you.

You wouldn't believe the freedom that being a web developer offers. Sign up and find out for yourself why so many people are taking and recommending this course. I genuinely believe it's the best on the market and if you don't agree, I'll happily refund your money.

Sign up to my courses and join me in this amazing adventure today.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.