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 Personal Development Mindfulness Meditation Personal Transformation 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 Marketing Strategy Google Ads (AdWords) Certification 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
30-Day Money-Back Guarantee
Development Web Development JavaScript

実例でわかる JavaScript 初心者講座

プログラミングの基礎から学び、JavaScriptでWebアプリ(ブラウザ上で動くアプリ)を作ろう!
Rating: 4.2 out of 54.2 (1,007 ratings)
7,274 students
Created by 柳井 政和
Last updated 5/2020
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • JavaScriptの基本の習得。
  • 変数、条件分岐、ループ処理、配列など、プログラミングの基本の理解。
  • HTML、CSS、JavaScriptを利用した、ブラウザ上で動くアプリケーションの作成。
  • HTML5の機能を利用した、画像処理や音声、動画の再生。

Course content

19 sections • 180 lectures • 8h 26m total length

  • Preview01:47

  • Preview01:10
  • Web の技術
    00:51
  • Web のクライアントサイドの技術
    01:51
  • HTML5 以前の世界、以降の世界
    01:44
  • JavaScript でプログラミングするのに必要なもの
    02:53
  • Google Chrome の導入
    01:50
  • 要素を検証
    01:42
  • デバイスモード
    01:14
  • コンソール
    00:35

  • Preview01:32
  • 丸括弧の利用
    02:56
  • 文字列とは
    02:47
  • 文字列の連結、文字列と数値の足し算
    02:50
  • 文字列の長さを知る
    01:02
  • 文字列の置換
    02:59
  • エンコードとデコード
    05:56
  • 特殊な数値計算 Math
    04:08
  • MDN で調べる
    02:14
  • 変数に値を格納する
    05:40
  • コンソールで複数行のプログラムを書く
    03:30

  • ソースコードのダウンロード
    00:11
  • UTF-8 で書く
    01:41
  • Preview04:29
  • CSS を HTML ファイルに書く
    04:26
  • CSS を外部のテキストファイルに書く
    02:46
  • 絶対 URL と 相対 URL
    05:38
  • CSS の調べ方
    01:25
  • JavaScript を HTML ファイルに書く
    03:38
  • JavaScript を外部のテキストファイルに書く
    02:31
  • コンソールに出力されるファイル名と行
    01:45
  • コンソールのエラーの見方
    01:35
  • コメント
    02:36
  • テンプレートを用意する
    08:12

  • Preview00:53
  • ソースコードのダウンロード
    00:11
  • Preview02:09
  • Preview04:34
  • DOM と要素
    02:20
  • jQuery を使った処理の開始
    04:12
  • jQuery の DOM 操作の基本
    04:27
  • 数値と文字列
    01:52
  • ボタンに機能を追加する
    02:58
  • 「税込み計算 Web アプリ」を作る
    04:34

  • 本セクションで作るアプリ「アンケートっぽい何か」
    02:06
  • ソースコードのダウンロード
    00:11
  • チェックボックスの情報取得と変更
    05:24
  • 真偽値
    01:44
  • ラジオボタンの情報取得と変更
    02:33
  • リストの情報取得と変更
    02:47
  • 値の変更で処理をおこなう
    02:09
  • 送信前に処理をおこなう1
    04:32
  • 送信前に処理をおこなう2
    06:31
  • 「アンケートっぽい何か」を作る
    03:52

  • 本セクションで作るアプリ「アウトライン メモ」
    00:51
  • ソースコードのダウンロード
    00:11
  • 要素内の文字の取得、書き換え
    01:10
  • 要素内の HTML の取得、書き換え
    02:49
  • 要素の属性の取得、書き換え
    01:12
  • 要素の CSS の取得、書き換え
    01:00
  • Web ページのタイトルを取得、書き換え
    01:07
  • jQuery で要素を作り、末尾に追加
    02:09
  • 要素の絞りこみ
    01:04
  • 子要素を探す
    02:27
  • 親要素を探す
    01:45
  • 「アウトライン メモ」を作る1
    03:24
  • 「アウトライン メモ」を作る2
    04:11

  • 本セクションで作るアプリ「三択問題 Web アプリ」
    00:43
  • ソースコードのダウンロード
    00:11
  • if 文1
    02:30
  • if 文2
    01:43
  • if 文3
    01:43
  • 波括弧の省略
    01:31
  • チェックボックスで、表示を切り替え
    02:46
  • 比較演算子1
    03:32
  • 比較演算子2
    01:10
  • switch case 文
    02:49
  • 「三択問題 Web アプリ」を作る
    06:59

  • 本セクションで作るアプリ「字典 Web アプリ」
    00:37
  • ソースコードのダウンロード
    00:11
  • 処理をまとめる
    03:17
  • 変数のスコープ1
    04:17
  • 変数のスコープ2
    02:06
  • 引数を取る
    02:09
  • 戻り値を持つ
    03:27
  • 関数の基本構造
    03:16
  • 「字典 Web アプリ」を作る1
    04:17
  • 「字典 Web アプリ」を作る2
    03:31

  • 本セクションで作るアプリ「テーブル ソート Web アプリ」
    00:54
  • ソースコードのダウンロード
    00:11
  • 配列とは
    01:14
  • 配列の作り方1 Array
    04:59
  • 配列の作り方2 角括弧、split
    01:49
  • ソート
    06:14
  • 「テーブル ソート Web アプリ」を作る1
    05:41
  • 「テーブル ソート Web アプリ」を作る2
    06:16

Requirements

  • 事前の準備は特に必要ありません。
  • 表示確認用のWebブラウザとして、Google Chromeを使います。

Description

 このコースは、実際にブラウザ上で動くアプリケーションを作りながら、プログラミングの基礎から学習し、JavaScriptでプログラムを書けるようになります。

 このコースを習得すれば、次のような事ができるようになります。

- プログラミングの基礎の習得。

- ブラウザ上で動くアプリケーションの作成。

- 最新のHTML5の機能の利用(作図、画像フィルター処理、音声や動画の再生、Web APIの使用)

 コースで紹介されるコードは、サンプルコードとして、全てダウンロードすることができます。

 このコースでは、基礎から学んでいき、最終的に最新のHTML5の機能を利用した、アプリの作成までを行います。

‥‥‥‥‥‥‥‥‥‥

 各セクションでは、以下のようなアプリを作ります。ほとんどのアプリは、ソースコードが100行以内で、容易に理解、改造が行えます。

  • 税込み計算アプリ(入力欄から数値を得て計算結果を表示)
  • アウトライン メモ(アウトライン エディタ風に、ネストしたリストを追加)
  • 三択問題アプリ(ユーザーの解答に応じて、結果表示を分岐)
  • 字典アプリ(マウスオーバーで、説明表示を切り替え)
  • テーブル ソート(テーブルを、名前順や数値順で、自在にソート)
  • 連続計算アプリ(複数行入力欄の数式を、行ごとに計算して結果表示)
  • メモ アプリ(Webブラウザに情報を記録したり、取り出したり)
  • HTML自動リンク アプリ(文字列からURLを探し出して、自動でタグを付加)
  • 角丸四角画像生成アプリ(角丸四角のパスを作り、画像を動的に生成)
  • 画像切り抜きアプリ(画像を丸く切り抜いたPNG画像を生成)
  • セピア調アプリ(画像の画素を処理して、セピア調に変換)
  • 音声再生アプリ(音声を読み込み、再生)
  • 動画再生アプリ(動画を読み込み、再生)
  • ストップウォッチ(経過時間を取得して、定期的に表示を更新)
  • 人気Webページ表示(Web APIを利用して情報を得て、リンクボタンを自動生成)


 JavaScript
は、Webブラウザとテキストエディタがあれば、すぐにプログラムを始められます。この簡単なプログラミング言語で、プログラムとJavaScriptをマスターしましょう!

※ 本講座の解説で出てくる「Webアプリ」とは、ブラウザ上で動くアプリケーションのことです。電卓やメモ帳のような、パソコンのローカルアプリを、ブラウザ上で再現したものになります。複雑なものでは、PhotoshopのようなWebアプリもあります。本講座では、初心者でも作れるものを中心に、作成していきます。

Who this course is for:

  • プログラミング未経験者や初心者。
  • 過去にプログラミングの勉強をしたことがあるが挫折した人。
  • JavaScriptについて知識がない人。
  • 手軽にアプリを作ってみたい人。

Instructor

柳井 政和
ゲーム、アプリケーション開発、書籍の執筆、JavaScript、Java
柳井 政和
  • 4.3 Instructor Rating
  • 1,986 Reviews
  • 12,464 Students
  • 6 Courses

2002年にクロノス・クラウン合同会社を設立。代表社員。ゲームやアプリケーションの開発、書籍や記事の執筆をおこなう。

秀和システムより「マンガでわかるJavaScript」「マンガでわかるAndroidプログラミング」「マンガでわかるJavaプログラミング」他、技術評論社より「JavaScript 仕事の現場でサッと使える! デザイン教科書」「プログラマのためのコードパズル」を出版。

2001年度のオンラインソフトウェア大賞に「めもりーくりーなー」で入賞。

2016年に第23回松本清張賞の最終候補となり、文藝春秋より「裏切りのプログラム」で小説家デビュー。

  • 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.