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

アプギガトップ > Webサービス > 実在する人気Webサービスの作り方を、動画で学習できる「Code4Startup」を試してみた!
注目記事ピックアップ
冗談のようで、実は天才的なアイデアを持ったWebサービスをまとめてみた!
share507
冗談のようで、実は天才的なアイデアを持ったWebサービスをまとめてみた!
iPhoneだけで「ゲーム実況動画」を作成・配信できるサービス6選を一挙公開!
share62
iPhoneだけで「ゲーム実況動画」を作成・配信できるサービス6選を一挙公開!
KickStarterで成功した「快眠グッズ」たちが、物欲を掻き立てるのでまとめてみた!
share22
KickStarterで成功した「快眠グッズ」たちが、物欲を掻き立てるのでまとめてみた!
プログラミング学習の「Codecademy」が、いつの間にかFlipBoardのサイト作りまで学べるように進化!
share921
プログラミング学習の「Codecademy」が、いつの間にかFlipBoardのサイト作りまで学べるように進化!
あらゆるWebサービスを、ネット上の仮想部屋にまとめてしまう「myWebRoom」に驚愕!
share597
あらゆるWebサービスを、ネット上の仮想部屋にまとめてしまう「myWebRoom」に驚愕!
鉄壁の「中国ネット規制」を無効化する、最強ブラウザ「BlueSurface」を使ってみた!
share205
鉄壁の「中国ネット規制」を無効化する、最強ブラウザ「BlueSurface」を使ってみた!
GitHubにソースコード公開中の「時間泥棒確定ゲーム10選」の猛者たちがスゴすぎ!
share1039
GitHubにソースコード公開中の「時間泥棒確定ゲーム10選」の猛者たちがスゴすぎ!
Web上に実装された「3DCGプログラミング」事例10選が、もはや神の領域!
share1296
Web上に実装された「3DCGプログラミング」事例10選が、もはや神の領域!
フォトショ、イラレなどの使い方を本気で教える「Adobe Pinch In」の充実度がヤバイ!
share3083
フォトショ、イラレなどの使い方を本気で教える「Adobe Pinch In」の充実度がヤバイ!
Googleドライブ上に「Web開発環境」を構築できる「Editey」は、ホスティングも無料!
share2612
Googleドライブ上に「Web開発環境」を構築できる「Editey」は、ホスティングも無料!
プロ並みサイトが作れるStrikinglyが、ついに「ブログ機能」を実装したので使ってみた!
share447
プロ並みサイトが作れるStrikinglyが、ついに「ブログ機能」を実装したので使ってみた!
「QRコード」で世界中の偽装問題を一網打尽にする「Q-revo TM」とは!
share41
「QRコード」で世界中の偽装問題を一網打尽にする「Q-revo TM」とは!
GitHubサービスを、大幅に機能拡張するWebサービス7選で新しい使い方が可能に!
share1287
GitHubサービスを、大幅に機能拡張するWebサービス7選で新しい使い方が可能に!
2015年中に医療革命が起きそうな、脅威の「スマホ連携ガジェット」11選はコレ!
share1150
2015年中に医療革命が起きそうな、脅威の「スマホ連携ガジェット」11選はコレ!
IT系のWeb学習サービスだけを世界中から探し出せる「SkilledUp」が海外で大絶賛!
share934
IT系のWeb学習サービスだけを世界中から探し出せる「SkilledUp」が海外で大絶賛!
画像だけで動くプロトタイプを実現する「Prott」で、スマホ・PC・Apple Watch用アプリを作ってみた!
share547
画像だけで動くプロトタイプを実現する「Prott」で、スマホ・PC・Apple Watch用アプリを作ってみた!
Google先生より詳しい、超ニッチな情報系Webサービスを一挙公開!
share864
Google先生より詳しい、超ニッチな情報系Webサービスを一挙公開!
ユニオンバトルで盛り上がれ!本格スマホRPG『幻獣契約クリプトラクト』プレイレビュー!
share28
ユニオンバトルで盛り上がれ!本格スマホRPG『幻獣契約クリプトラクト』プレイレビュー!
本気過ぎて鳥肌モノ! Webで公開中の「タイムスリップ!堀部安兵衛」の映像にハマる人続出!
share193
本気過ぎて鳥肌モノ! Webで公開中の「タイムスリップ!堀部安兵衛」の映像にハマる人続出!
天才的猛者が作る「Vimeo映像作品」だけを集めた「Short of the Week」が楽し過ぎる!
share18
天才的猛者が作る「Vimeo映像作品」だけを集めた「Short of the Week」が楽し過ぎる!
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...

ページトップへ戻る