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

アプギガトップ > 実在する人気Webサービスの作り方を、動画で学習できる「Code4Startup」を試してみた!
注目記事ピックアップ
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
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...

ページトップへ戻る