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

アプギガトップ > 実在する人気Webサービスの作り方を、動画で学習できる「Code4Startup」を試してみた!
注目記事ピックアップ
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
プログラミング
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...

ページトップへ戻る