学習状況の管理、レッスンのソースコード閲覧には 無料ユーザー登録 が必要です。

STEP #0

最初にドットインストールの使い方を学びましょう。

ドットインストールの基礎 (全1回)

ドットインストールの使い方を動画でまとめました。

ドットインストールのさまざまな機能を上の動画で学ぶことができます。初めての方はぜひご覧下さい。

STEP #1

まずはすべての基礎となるHTMLとCSSを学びましょう。

HTMLの基礎 (全22回)

ウェブサイトを作るのに必須となる、もっとも基本的な言語の基礎...

CSSの基礎 (全20回)

ウェブサイトの見た目を制御するための言語の基礎を学びます。文...

STEP #2

次はブラウザとテキストエディタだけで始められるJavaScriptを勉強しよう!

JavaScriptの基礎 (全25回)

ブラウザ内の要素を操作して動的なウェブサイトを作ることができ...

JavaScriptのTips集 (全21回)

JavaScriptの便利なTips(ちょっと便利な小技)をまとめました。なお、...

HTML/CSS、JavaScriptまで終了すれば、 JavaScriptを使ったミニプログラム に挑戦することができます。

STEP #3

かっこいいウェブサイトを作ろう!

Twitter Bootstrap (v... (全28回)

ツイッター社が提供する、今風のウェブサイトを構築するための言...

STEP #4

JavaScriptがもっと便利になるjQueryを使ってみよう!

jQueryの基礎 (全17回)

JavaScriptをより簡単に扱うために必要となる言語です。さまざまなプラグイ...

jQuery Mobileの基礎 (全21回)

JavaScriptを使ってスマートフォン向けのサイトを作ることができる言語です...

さらにjQueryを学習すれば、 より高度なミニプログラムに挑戦することができます。

STEP #5

GoogleのAPIを使って地図やグラフを描いてみよう!

Google Maps APIの基礎 (全19回)

Google Maps APIを使ってさまざまな地図を表示、操作する方法を学びま...

Google Chart Toolsの基... (全12回)

GoogleのChart Tools APIを使い、JavaScriptでインタラクティブ...

STEP #6

ゲームプログラミングに挑戦してみよう!

enchant.jsの基礎 (全17回)

HTML5、JavaScriptを使ってゲームを作る方法を学びます。Webやスマ...

STEP #7

自分だけの開発環境を作ろう!

ローカル開発環境の構築 (全22回)

PHPやMySQLを動かすためのサーバーを自分のPC上で構築する方法を学びます。

UNIXコマンドの基礎 ... (全16回)

UNIX系OSで使える基本的なコマンドを紹介していきます。

STEP #8

データベースを勉強しよう!

MySQLの基礎 (全36回)

さまざまなデータを格納、検索するためのデータベースのうち、も...

SQLiteの基礎 (全18回)

スマートフォンやブラウザなどで採用されている、軽量データベー...

STEP #9

本格的なウェブサービスを作ることができる言語を勉強しよう!

PHPの基礎 (全60回)

本格的なウェブサイトを構築する際に幅広く使われている言語です...

PHPのTips集 (全8回)

PHPの便利なTips(ちょっと便利な小技)をまとめました。...

Rubyの基礎 (全32回)

洗練されたオブジェクト指向型言語で定評のあるRubyの基礎を...

 

Pythonの基礎 (全31回)

Googleなどで採用されている、シンプルで習得がしやすいオ...

PHPやMySQLまで学習すれば さらに本格的なミニプログラム に挑戦することができます。

STEP #10

さらに便利なライブラリや言語、ツールを使ってみよう!

LESSの基礎 (全10回)

ダイナミックな構文でCSSを書くことができるLESSについて...

正規表現の基礎 (全14回)

文字列のマッチングや抽出をするためのパターンを表現する正規表...

vimの基礎 (全18回)

UNIX系のOSで使える高機能なエディター、vimの使い方を...

 

Zen-codingの基礎 (全11回)

HTMLを効率的に記述することができるエディター用のプラグイ...

CoffeeScriptの基礎 (全13回)

JavaScriptをよりわかりやすく、簡潔に記述するための...

Google Chrome拡張の基礎 (全23回)

Googleが提供するブラウザ「Google Chrome」...

STEP #11

スマホアプリを作ってみよう!

iOSプログラミングの基礎 (全24回)

iOSの統合開発環境、Xcode 4.2.1の使い方を解説し...

Titanium Mobileの基礎 (全28回)

AndroidやiPhoneなどのスマートフォンアプリを、J...

STEP #12

Webアプリケーションフレームワークを使ってみよう!

Ruby on Railsの基礎 (全46回)

代表的なWebアプリケーションフレームワークであるRuby ...

番外編

プログラミング学習用言語のScratchを使ってみよう!

Scratchの基礎 (全22回)

MITが開発したプログラミング学習用の言語です。初心者や子供...

Titanium Mobileで作る... (全4回)

Titanium Mobileを使ってiPhone用のおみくじアプリを作ってみま...

Titanium Mobileで作る... (全4回)

Titanium Mobileを使ってiPhone用の暗記カードアプリを作ってみ...

JavaScriptで作る「パスワー... (全4回)

JavaScriptを使ってランダムな文字列を生成するパスワードジェネレータを作...

「このページの先頭へ」を実装する (全4回)

ドットインストールでも実装されている「このページの先頭へ」を組み込む方法を解説し...

JavaScriptで作る「間違い探... (全10回)

見たような漢字の中にひとつ混じった別の漢字を見つけていくゲームです。マルチレベル...

JavaScriptで作る「キャラ診... (全7回)

JavaScriptとjQueryを使って「キャラ診断」プログラムを作ってみます...

JavaScriptで作る残り文字数... (全3回)

SNSなどでよく見る、「入力可能な残り文字数」をリアルタイムにチェックするプログ...

JavaScriptで作るストップウ... (全3回)

定番ですが、JavaScriptでストップウォッチを作ってみます。

JavaScriptで作るスロットマ... (全3回)

JavaScriptで簡単なスロットマシーンを作ってみます。

二次元バーコードジェネレータ (全4回)

GoogleのAPIとjQueryを使って、二次元バーコードのジェネレータを作っ...

PHPで作る「ビンゴシート」 (全6回)

PHPを使ってビンゴシートを作ってみます。再読み込みするとランダムに数値が切り替...

PHPで実装する「もっと読む」 (全8回)

PHPとjQueryのAjaxを使って、サーバーから追加のコンテンツを読み込む機...

JavaScriptで作る「割り勘電... (全5回)

支払い金額と人数から100円単位で割り勘をするための計算をしてみます。

JavaScriptで作る「王様ゲー... (全6回)

その場にいる人数を入れると、ランダムに王様の命令がくだるプログラムを書いてみます...

JavaScriptで作る「5秒でキ... (全4回)

スタートボタンを押してからきっかり5秒後にストップボタンを押すゲームを作ってみま...

HTML5で作る「シンプルメモ帳」 (全8回)

HTML5のlocalStorageを使ってシンプルなメモ帳を作ってみます。自動...

くまを捕まえろ!ミニゲーム (全7回)

enchant.jsを使って、制限時間内にたくさんのくまを捕まえるゲームを作って...

PHPで作る「シンプルカレンダー」 (全9回)

PHPを使ってシンプルなカレンダーを作ってみます。前月や翌月へのリンク、曜日によ...

PHPで作る「簡単サイコロ」 (全1回)

PHPを使って簡単なサイコロを作ってみます。超初心者向けです。

JavaScriptで作る「簡単おみ... (全3回)

JavaScriptを使って簡単なおみくじを作ってみます。超初心者向けです。

PHPで作る「簡易掲示版」 (全10回)

PHPを使って簡単な掲示版を作っていきます。シンプルなものから初めて徐々に機能を...

JavaScriptで作る「あなたの... (全5回)

ユーザーに誕生日を入力してもらい、それに応じたさまざまな結果を計算、表示してみま...

JavaScriptで作る「神経衰弱... (全10回)

JavaScriptで神経衰弱ゲームを作ってみます。解くまでにかかった時間をカウ...

JavaScriptで作る「数字タッ... (全9回)

JavaScriptを使って「小さい数字からタッチしていくゲーム」を作ってみます...

PHPで作る「簡単おみくじ」 (全1回)

PHPを使って簡単なおみくじを作ってみます。超初心者向けです。

PHPで作る「簡単クイズ」 (全4回)

PHPを使って簡単なクイズを作ってみましょう。選択肢をシャッフルして毎回違う順番...

GoogleでログインするWebサー... (全17回)

Googleアカウントでログインできる簡単なウェブサービスの作り方を解説していき...

PHPで作る「ページング機能」 (全14回)

大量のデータを提示するときによく使われるインターフェースである、「ページング機能...

PHPで作る投票システム (全18回)

PHPとMySQLを使って投票ツールを作ります。結果はグラフで表示され、1日1票...

PHPで作る「画像掲示板」 (全18回)

PHPを使って画像掲示板を作っていきます。画像アップロード時のエラー処理、縮小画...

FacebookでログインするWeb... (全22回)

Facebookでログインが出来るWebサービスの作り方を解説していきます。

ツイッターでログインするWebサービ... (全19回)

ツイッターでログインするWebサービスを作り方を解説していきます。また、簡単なタ...

ユーザー管理をするWebサービスの基... (全28回)

ユーザー管理をするWebサービスの基本的な作り方を学びます。新規登録、ログイン、...

PHP/jQueryで作るToDoア... (全39回)

PHPとjQueryを使ってToDoを管理するためのWebアプリを作ってみます。...

お問い合わせ管理システムを構築する (全28回)

お問い合わせフォームを作り、そこに格納されたデータを管理する簡単なシステムを作っ...

ツイッターボットを作る (全10回)

毎日決まった時間にツイッターでつぶやくボットを作ってみます。時間帯によってつぶや...

【旧版】Twitter Bootstra... (全22回)

ツイッター社が提供する、今風のウェブサイトを構築するための言...