世界で４万８千人、日本で1,000人が受講中！アイディアを形にするプログラミング講座

「誰でも作りたいものが作れるようになる」そんな世界を目指して作った講座です。

講師 Masaaki Hatano

コースの料金

Course Price

19,800 円

受講する

先生に質問OK
30日間返金保証
受講期間制限なし

クーポンを使う

クーポンコードを入力してください。
気になる
先生に会いたい(5)

キーワード

Keyword

こんな方向け

Target

初めてプログラミングをする方
起業家の方
仕事で開発者とのコミュニケーションが必要な方
将来フリーで仕事がしたい方

受講にあたって必要なもの

SPEC

必要なものはインターネットに繋がるPCだけです。

コースの概要

Course Summary

アイディアを形にする為のプログラミング講座（日本語吹き替え版）

"XHTML / CSS / JavaScript / MySQL / PHP / JSON / AJAX / JQUERY / HTML5 / CSS3"

面白いアイディアを思いついた！でも、どうやったら作れるんだろう。。。？
なかなか技術者の人と話が噛み合ない、、、
自分で何かサービスを作ってみたい！

でも、何から始めたら良いか解らない。。。そんな方の為に作ったコースです。

（本コースは全米ベストセラーの"Become a Web Developer From Scratch"の日本語吹き替え版です）。

本コースでは出来るだけ簡単に、web開発に必要な基本的知識の全てをビデオを使って説明していきます。もちろん解らない時にはいつでも質問でき、日本人インストラクターから直接返信が日本語で貰えるようになっています。

一個一個のビデオは5分〜10分程なので無理無く始められ、一通りやることで自分で考えたアイディアを簡単に形に出来ます。

まずはローコストでwebの事を勉強したいという方は是非お試し下さい。

（受講される前に以下の注意事項、用語集、リンク集をご確認下さい）

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

注意事項：

＊頂いた質問への返答に関して＊

頂いた質問には出来るだけ24時間以内に返答出来るよう心がけておりますが都合により多少遅れる事も御座います。また3日経っても返事が無い場合は確認が出来ていない場合がありますのでお手数ですが再度ご質問頂ければ幸いです。

＊修正、訂正に関して＊

本コースは技術やテクノロジートレンドに合わせて日々更新していきます。また、不明確な部分や間違いのある部分はご指摘の多い順に修正させて頂きます。皆様の声を元に随時更新しより良いものを作って行きたいと思いますので宜しくお願いします。

＊用語集、リンク集＊

用語に関して、吹き替え版の為、英語よりの表現を使っている事もあります。以下添付ファイルにて日本語表現の用語集を用意しましたのでそちらと照らし合わせる事で両方の表現を覚えてみてください。

本コースでは多くのリンクを推奨しております。以下添付ファイルのリンク集にまとまっていますので参照してください。

＊なお、本コースの内容及び、料金体制等は予告無く変更される事があります事を予めご了承下さい。

すべて表示

コースの内容

Course Curriculum

レッスン
1
無料視聴コースプロモーション
00:02:23

全225レッスン 215本の動画（約37:02:21） 10本のPDF

コースの評価

Course Review

16人の評価

未公開

非推奨のものを使っていたり情報が古い

未公開

まずはHTMLやCSS、そしてjavascriptなど、それぞれのチャプターにおけるレッスン数の豊富さに驚きました！

また、一つ一つの動画はそれほど長くないので少し手のあいたときに学ぶことが出来るのもmanebiの特徴だと思います。
短い動画の中でも重要な点にフォーカスして解説されており、今まで理解できなかった部分が理解できました！

基礎的な所から応用まで幅広く対応しているので、ちょっとやってみようかなという人でもしっかりとステップアップできると思います！
これからもお世話になるサービスになりそうです。

未公開

説明がわかりやすく、講座自体が良かったです。

今まで何冊も専門書を購入しましたが、どの本でもつまづき挫折したのに、最後まで受講することができました。

そして映像と音声とで非常にわかりやすかったです。
※書籍ではわかりにくい箇所もスムーズに理解できたと思います。

そしてレッスンが進むと、より難しいことにチャレンジしたくなりましたが、
その際には講師の方に質問することができて、本当に良かったです。

これから、もっと難しい表現にチャレンジしようと思います。

未公開

はじめまして。

webを学ぶ良い機会と思い受講させて頂いております。

チャプターがかなり細かく１コマ１コマで７－１０分なのも飽きずに見れるのでよいと思います。
それと区切ってあることによって
「あ。これどうやってやるんだっけ？」と思ったときにタイトルを見て頭出ししやすいのがよいです。
全部を1本にすると見たいところだけを
出すのが難しいですので。

受講する前に、ざっとタイトルを見た感じだとあまりの多さで最初に無理かも。。と思う人がいるかもしれません。

実際私もそう思いました。

が受けてみると時間がそれほど長くないので飽きたりすることが軽減されそうな気がします。
私は赤ちゃんがいるので、セミナー等に行きたくてもなかなかいく時間を作るのが難しいのでこういったwebを介しての講座はとてもありがたいと思いました。

私のようなまだ小さい子供がいる人や、何かの理由があって会社へ出向いての作業が出来ない人を雇用する場合には良いシステムかもしれませんね。

あと、タイトルに専門用語がずらりとならんでいるので、できればコースの紹介の箇所にイメージのわきやすいように最終的に習得するとこれぐらいまで出来るようになる。といったような最終目標があると挫折しにくいのかな。。ともおもいました。　

shotaro.yamazaki.33

実際の画面を見ながらの解説であり、かつ解説を話す速さもちょうどいいのでスムーズに理解することができました。

未公開

ほぼ初心者でしたが、すごくわかりやすく基礎から学べるので、レッスンが進めば進むほど、自分でもサイトを作ったりできるという希望がわきました！
チャプターが細かく分かれているので、ちょっとした時間でも勉強する気持ちが起きますし、復習もやりやすいです。
コツコツ続けていきたいです。

未公開

WEBディレクターとして、基本的なHTMLまでは、勉強していたが、どうしても、勉強の優先順位のさがっていた、JavascriptやPHPの学習も、がんばってやれそうです。

本での学習はしていましたが、
画面みながらが、ここまで学習しやすいとは、もっと早く気づけばよかったと思いました。

ちょっとわからなくなったら戻せばいいし、一度はじめたら、そのコマまでは最後までやろうと思えるし。

ただ、こういったのは、女性の声のがいいのかなーと思ったりもしました。

未公開

独学の場合、全てを自分で学習・判断しなければならないので、全体像を把握しづらかったり、正しい内容で理解出来ているのか、不安になってしまい挫折してしまう方も多いのではないかと思います。
かくいう私もその一人です。

その点、本レッスンでは講師の方がいる為、自分ではなく第三者のペースに沿って勉強を進めていくことが出来ます。また、各レッスンが短い時間に区切られているので、継続的に勉強しやすい環境が整えられています。

内容の難易度よりも漠然とした不安感が勉強を継続・再開する障害となっていた方には、十分試してみる価値があるのではないかと思います。
以前に購入し、本棚に眠っていた参考書も本レッスン受講後には何のストレスも無く読み進めることが出来ました。

halca221

本で学ぼうと試みて3日坊主だった私ですが、この動画は実際の操作中の画面を見ながらなのでわかりやすいし、飽きずにすいすい進める事が出来ました！また、量は多いですが1つ1つは短いので忙しい人でも続けられると思います！

未公開

1回の講座が10分程度なのでスキマ時間に受けることもできるし、通勤時にも有効活用させていただきました！HTMLを一度だけ触ったことがあるくらいの初心者でしたが、動画なのでとてもわかり易かったです。また最新のHTML5やCSS3などの内容も入っていてとても充実した講座内容だと思いました！また復習しようと思います。

tetsui.okada

わかりやすいだけでなく、この分量はすごい。。

パット見はドットインストールと何が違うのかわからなかったのですが、もっとWebに焦点を絞って詳しく解説してくれそうな印象です。

じっくり取り組みたいと思います！

未公開

この分野についてはほぼ知識がなかったですが、一からわかりやすく説明してくださって非常にためになりました！
初心者の方にはとてもオススメです！

未公開

本当にドがつく素人の場合、多少用語がわからなかったりするが、HTMLなどに興味があって始める人にはわかりやすい内容になっている。
逆に、多少経験のある人の場合、最初の方は少々退屈かもしれないのでチャプターやレッスンタイトルを見ながら、自分のレベルに合った講座から始めると良いと思う。
いずれにせよ、専門知識のあるプロの方の講義なので基本から学び直せる内容で、イチから始める人でも学び直そうという人でも理解しやすいと思う。

utacano

会社の研修用にまずは自分で学習させて頂きました。

基礎のHTMLとCSSから、jQueryをはじめとしたJavaScriptや、いま流行りのHTML5まで、かなり実践で使えるテクニックが学べます。

・これからHTMLを学ぶ人
・HTMLは分かるけどJavaScriptなどプログラムが分からない人
・フォームの作り方が分からない人
・HTML5など最新のコードが分からない人

など、その人のスキルに合わせて受講が出来るので、社内の研修に使う講座としてベストなコースだと感じました。（もちろん個人で学びたい方にもオススメです！）

また、一つのチャプターが10分前後でダラダラしない点も素晴らしいです。

HTMLやJSなどは、本やネットで調べて、いざ実践しようとしても、書き方一つでエラーになってしまい、なかなか前に進まないケースが多いと思いますが、動画で丁寧に説明を受けながら実装ができるので、非常に便利です！

未公開

ウェブサイトを作るに当たっての基本が学べます。
本でももちろん同様のことが学べるとは思いますが、やはり画面で実際作られていく様子を見れるのは大きいです。
細かな勘違いで起こりうる「あれ…出来ない…」、「詰まった…」はなく、また余談として＋αで知識を付けていけるのでとてもストレスなく勉強していけます。
移動中のスマホでの受講ですと実際に自分もやってみて…が出来ませんが、その分覚えてあとで復習のつもりで作ってみるというのが自分には合っていました。

ゼロからある程度までの知識を学びたい、本だとちょっと詰まった時のモチベーションが…という方にはとてもオススメです！

石井＠数学コンサル

実際の画面を見ながら、説明を聞いて、自分も別画面で操作確認ができるのでとても学びやすいです。また1Lessonあたりの時間もコンパクトでありがたいです。残業が多い身としては大変助かります。ついつい止まらなくなってしまいそうですが、夜更かししないように気を付けながらコツコツ進めて行こうと思います。

その他13人の評価を表示▼

184名が受講中

先生について

About Teacher

Masaaki Hatano

日本 / 男性
5コースの先生

インドネシア生まれ、オーストラリア育ち

外資系コンサル→起業→売却→楽天→起業。

海外の多くの優秀な起業家の方ににあうなかで今後のキャリアにはプログラミング、デザイン、プレゼンテーション、エクセルが欠かせないと感じたためコースを作成することにしました。基本的にどのコースも完全な未経験者でもある程度仕事で使えるレベルになることがゴールとなっています。

【受講者へのメッセージ】初めまして、本講座の講師をしておりますMasaaki Hatanoと申します。まずは本講座を見ていただきありがとうございます。本講座は完全な初心者の方でも無理なく知識を身につけ、自分である程のものが作れるようになる事を目的としています。

新い事を覚えるので最初は大変ですが慣れてくれば誰でも仕事で必要なレベルまで技術の習得が出来ますので是非共に頑張っていきましょう。よろしくお願いします。

すべて表示

同じ分野のコース

初心者のためのJavascriptプログラミング
- Takahashi
- (0)
  
  1Kviews
- 1,500円

もっと見る＞

世界で４万８千人、日本で1,000人が受講中！アイディアを形にするプログラミング講座

コースの料金

キーワード

こんな方向け

受講にあたって必要なもの

コースの概要

コースの内容

無料視聴 コースプロモーション

チャプター 1 WEBの入口：XHTMLとCSS

無料視聴 1: XHTMLとCSSってそもそもなんだろう？

無料視聴 2: XHTMLを使って最初のページを作ってみよう！

無料視聴 3: ヘッダー、パラグラフ、ラインブレイクってどう使うの？

4: Bold（太字）、Italic（斜体）、コメントも使ってみよう。

5: リンクについて勉強しよう。

6: 画像を表示してみよう。

7: テーブルを作ってみよう。

8: セルパディング、セルスペーシングを学ぼう。

9: ドックタイプとリストについて。

10: いよいよCSSを勉強しよう。

11: もっとCSSをやってみよう。

12: CSSで画像に手を加えてみよう。

13: ボーダーを使って枠組みを作ってみよう。

14: 幅と高さを変えてみよう。

15: リンクステートを勉強しよう。

16: CSSでテーブルをスタイルしてみよう。

17: CSSでリストをスタイルしてみよう。

18: DIVってなんだろう？

19: クラスとIDを使ってみよう。

20: 外部CSSを使ってみよう。

21: ポジションについて勉強しょう。

22: フォームを作ってみよう。

23: ドロップダウンリストを作ってみよう。

24: ホスティングについて知っておこう。

日本語版用補足：ホスティングに関して

HTML Final 1

HTML.final.2

HTML.final.3

HTML.final.4

HTML.final.5

HTML.final.6

HTML.final.7

Final Project Source Code

チャプター 2 JAVASCRIPTを覚えてみよう

1: JAVASCRIPTの基礎を勉強しょう。

2: まずは初めてのコードを書いてみよう。

3: バリアブルを覚えよう。

4: プロンプト(prompt)を使ってみよう。

5: アレー(array)を覚えよう。

6: IFを使ってみよう。

7: IF Else を使ってみよう。

8: Else IF を覚えてみよう。

9: For Loopを使えると便利！

10: While Loopもやってみよう。

11: ブレークとコンティニューも大事。

12: ファンクションについて勉強しよう。

13: メソッドとプロパティってなんだろう？

14: いろんなメソッドを見てみよう。

15: Math オブジェクトをやってみよう。

16: イベントハンドラーを使ってみよう。

17: オブジェクトを作ってみよう。

18: オブジェクトイニシュアライザーを使ってみよう。

19: 基礎的なログイン機能を作ってみよう。

20: OOP （オブジェクト オリエンテッド プログラミング）

21: DOMの概念を理解しておこう。

Final 1: 簡単なフォームを作ってみょう。

Final 2: 簡単なフォームを作ってみょう。

Final 3: 簡単なフォームを作ってみょう。

Final 4: 簡単なフォームを作ってみょう。

Final 5: 簡単なフォームを作ってみょう。

資料：Javascript ファイナルソースコード

資料：Javascriptで主に使われるメソッド

資料：主なDOMのメソッド一覧

チャプター 3 PHPとMYSQLについて

1: 初めてのPHP。

2: まずは準備から、xamppをDLしよう。

3: データのタイプを知っておこう。

4: バリアブルとアレー。

5: Multi dimensional array (多次元アレー）について。

6: リソースとナルとはなんでしょう？

7: 変数（variable)とスコープとは？

無料視聴コースプロモーション

19: クラスとIDを使ってみよう。　

20: OOP （オブジェクト　オリエンテッド　プログラミング）

41:　ログインシステムその２