シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > 実在する人気Webサービスの作り方を、動画で学習できる「Code4Startup」を試してみた!
注目記事ピックアップ
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
海外のニッチな情報収集に特化したWebサービス7選が、Google先生より詳しいと話題に!
share0
海外のニッチな情報収集に特化したWebサービス7選が、Google先生より詳しいと話題に!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
share0
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
share0
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
share0
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた!
share0
「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた!
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
share0
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
share0
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
share0
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
スタートアップや企業Webサイトの作成に必要な機能全部入りの「uKit」が無料公開中!
share0
スタートアップや企業Webサイトの作成に必要な機能全部入りの「uKit」が無料公開中!
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
share0
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
プログラミング
2015/04/21 21:50

実在する人気Webサービスの作り方を、動画で学習できる「Code4Startup」を試してみた!

code4startup_01 どうも、まさとらん(@0310lan)です!

プログラミングの学習はしているけど「なかなか独自のWebサービスが作れない…。」
そんな悩みを1発解消できる、学習系Webサービスが公開されています。

【 Code4Startup 】
code4startup_02 すでに、ネット上では話題になっていますが、実際にどんな学習ができるのかを試してみたのでご紹介しようと思います!


どうやって使うの?
まずは、無料の「ユーザー登録」をしてから、好きな学習コースを選択します!
code4startup_03 ひとまず、基本となる「ランディングページ制作コース」を選んでみました。


あとは、「Start this Project」ボタンをクリック!
code4startup_04

すると、コースの詳細が表示されます.
code4startup_05

「Code4Startup」の学習は、基本的に「動画」ですべての解説をしてくれるのが特徴です。
code4startup_06 画面を見ながら、その通りに作業を進めるだけでWebサービスが作れるようになっていくのが面白いところ…。

また、単純なプログラミング学習ではなく、便利なサービスを複数組み合わせることで、自分だけの「Webサービス」を作って公開できるようになる点が最大の醍醐味となります。


例えば、ランディングページの制作も、スタートアップ向けのWebサイトテンプレートを無償公開するWebサービス「Start Bootstrap」を使っていきます。
code4startup_07 これにより、カッコイイWebページが爆速開発できるわけです。


さらに、メールの配信や受信に関しては、効率よく一括管理できる「MailChimp」というサービスを学びます。
code4startup_08

アクセス解析は有名な「Googleアナリティクス」を使い、具体的な活用方法まで教えてくれます。
code4startup_09

ソーシャルマーケティングに関しては、「ShareThis」を使って解析する方法を学んでいきます。
code4startup_10

また、先ほどの「MailChimp」と「Wufoo」を組み合わせて、サービスの成長を加速させる効果的なキャンペーン施策の作り方も学習!
code4startup_11

最後に、「GitHub Pages」を使い、今まで作ってきたWebサービスを世界中に公開する手順まで詳しく教えてくれるのです。
code4startup_12 (独自ドメインの設定方法も紹介してくれます…)

このように、複数のWebサービスを組み合わせる方法を学習することで、誰でも簡単に自分だけのWebサービスを開発して公開できるようになるのです!

ちなみに、コース内で紹介されているサービスは、いずれも海外で高い人気を誇っているモノばかりで、Web開発のトレンドも一緒に学べるのは魅力的ですね。


実在するWebサービスも作れてしまう!?
多彩なサービスの「組み合わせ方」「使い方」を学ぶことで、自分だけのWebサービスを開発していけるのが「Code4Startup」の面白いところです。

しかし、実はもっとうれしいメリットがあるんです。

それは、実在する有名なWebサービスを、同じように動画で学習しながら自分で作っていける点です!


例えば、ちょっとした作業を誰かにお願いできるサービス「TaskRabbit」を題材にしたコースがあります。
code4startup_13

このコースでは、人気のフレームワーク「AngularJS」と、不特定多数のコミュニケーションを実現する「Firebase」を使って、「TaskRabbit」を再現する手法を学習できます。
code4startup_14 こちらもゼロから構築を始めて、「Zapier」などを組み合わせて最終的に作ったサービスを公開するまでを網羅してくれているので貴重です!


また、今回ご紹介している「Code4Startup」のような、オンラインビデオ学習サービスの作り方を学べるコースもあります。
code4startup_15

こちらは、Rubyの人気フレームワーク「Rails」を使い、動画配信サービスの「Wistia」とサービス公開用に「Heroku」を組み合わせています。
code4startup_16 動画による学習サービスは、今後も伸びるジャンルなので自分の得意分野を活かしたコースを作ってみると面白いと思います。


他にも、学習できるコースは続々と予定されています!
code4startup_17 RailsとAngularJSを組み合わせて「Udemy」を再現したり、HTML5/CSS3/jQueryという基本的な技術だけで「Airbnb」を作ったりするコースもあります。

基本的に、すべて無料で受講できるコースがメインとなっていますが、より高度なノウハウが学べる有料コースも随時追加していく予定とのことです。


おまけ
最後に、自分だけのWebサービスを作るうえで、役立ちそうな情報を合わせてご紹介しておきます!

【自分だけの検索エンジンが作れる「Python入門」のWeb授業が完全無料化!】
code4startup_18 Googleの自動クローラーみたいに、自分だけのクローラーを作り、必要な情報を自動収集できるエンジンを開発できる「動画学習コース」を紹介しています。

まったくのゼロから丁寧に解説しており、ミニクイズやWebエディタを使って作りながら学習できます。(日本語字幕付き)


【最近のWebアプリ開発に使う「API」7選が、スゴ過ぎて革命が起きそうなレベル!】
code4startup_19 自分のWebサービスに組み込める「API」を提供しているサービスをご紹介。

例えば、自分だけのSiriを作れたり、高度な画像認識を簡単に使えるようにするモノや、テキスト要約などの機能を組み込めるようになります!


【300種を超える人気Webサービス紹介サイト「Startup Stash」という神サービス現る!】
code4startup_20 Webサービスのアイデアを出すところから、公開・運営する段階までサポートしてくれる良質なWebサービス紹介サイト。

ネーミングの方法、プロトタイプ作り、ビデオ制作、プロジェクト管理、決済機能、マーケティング手法などが学べるのでオススメです!


まとめ
数多くあるIT系学習サービスの中でも、「Code4Startup」は具体的な開発作品を作って公開するところまで学べる貴重な存在となっています。

ある程度、基礎的なプログラミング知識を身に付けたら、すぐにでも試して実際にカタチにしてみると良い経験ができるはずです!

今までWebサービスを挫折していた人も、もう一度「Code4Startup」で自分だけのサービス開発に挑戦してみてはいかがでしょうか。


<参考>
「Code4Startup」公式サイト



wirtten by まさとらん




まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る