9/29(Tue)

今日の生放送

ブラウザだけで学ぶWebアプリ開発【デザイン編】

ブラウザだけで学ぶWebアプリ開発【デザイン編】

2014年1月30日公開

120min

ブラウザだけで学ぶWebアプリ開発【デザイン編】

おためし受講する(5分)

コース概要

これまでWebアプリの開発をやってみようと思ったものの、
色々な難関をくぐりぬけられず実は始めることができなかったという方が多くいると思います。

Webアプリの開発をするには多くの知識が必要です。
HTMLやCSS、Javascriptにプログラム言語。
さらに、フレームワークやデータベース。そして、それらを実行するための環境の整備……。

この授業ではWebアプリの開発を実際に一緒に行い、サービスが使える状態になるまでのプロセスを体験して頂きます。まずは、準備から公開までの全ての作業を知ることが、成長に一番効果があります。

この授業はこれまで全国で高校生から70歳の方まで受講され、Webアプリの開発をみんな体感することができた講座を初のオンラインで行おうというものです。

言語を知らなくても、フレームワークを知らなくても、講師と一緒に真似をすることでまずは全体像を掴みましょう。全体像が掴めれば、あとは実践あるのみ!その後の勉強を進めるための情報提供も行います。

ブラウザとパソコンで確認できるメールアドレスさえあれば、Webアプリの開発は始められる時代になりました。是非これまで挫折した方、これからやってみようと思っていた方はご参加下さい。あなたのやる気を必ずデプロイしてご覧に入れます。

お話すること

・Webアプリ開発の全体像
・まずは一緒に開発を体験
・コマンドを使えればここまでできる!
・カスタマイズしてみよう
・他の人にも使ってもらえるようにしよう

必要なもの

・授業中にパソコンから確認が可能なメールアドレス。
(GmailやYahooなど。iPhoneや携帯のみで確認できるものは不可)
・Google Chromeを事前にインストールしておいてください。

担当の先生

参加したい受講生 : 765

カテゴリー

タグ

月額980円で、4,600本以上の授業が見放題

授業リスト

ブラウザだけで学ぶWebアプリ開発【デザイン編】

2014年1月30日公開

120min.

これまでWebアプリの開発をやってみようと思ったものの、
色々な難関をくぐりぬけられず実は始めることができなかったという方が多くいると思います。

Webアプリの開発をするには多くの知識が必要です。
HTMLやCSS、Javascriptにプログラム言語。
さらに、フレームワークやデータベース。そして、それらを実行するための環境の整備……。

この授業ではWebアプリの開発を実際に一緒に行い、サービスが使える状態になるまでのプロセスを体験して頂きます。まずは、準備から公開までの全ての作業を知ることが、成長に一番効果があります。

この授業はこれまで全国で高校生から70歳の方まで受講され、Webアプリの開発をみんな体感することができた講座を初のオンラインで行おうというものです。

言語を知らなくても、フレームワークを知らなくても、講師と一緒に真似をすることでまずは全体像を掴みましょう。全体像が掴めれば、あとは実践あるのみ!その後の勉強を進めるための情報提供も行います。

ブラウザとパソコンで確認できるメールアドレスさえあれば、Webアプリの開発は始められる時代になりました。是非これまで挫折した方、これからやってみようと思っていた方はご参加下さい。あなたのやる気を必ずデプロイしてご覧に入れます。

お話すること

・Webアプリ開発の全体像
・まずは一緒に開発を体験
・コマンドを使えればここまでできる!
・カスタマイズしてみよう
・他の人にも使ってもらえるようにしよう

必要なもの

・授業中にパソコンから確認が可能なメールアドレス。
(GmailやYahooなど。iPhoneや携帯のみで確認できるものは不可)
・Google Chromeを事前にインストールしておいてください。

  • 自己紹介&アジェンダ
  • 03:07
  • 前回の復習
  • 07:13
  • なんでデザイナーがWebアプリ開発?
  • 16:27
  • HTMLを変更する
  • 05:14
  • 実践:書籍一覧のHTMLを変更してみよう
  • 29:11
  • 書籍編集と書籍登録の共通部分
  • 07:15
  • 実践:ヘッダを追加してみよう
  • 05:26
  • CSSを変更する
  • 02:32
  • 実践:Railsにデザインを入れる準備
  • 03:22
  • 実践:ヘッダ用のscssファイルを追加してみよう
  • 05:20
  • 実践:books用のscssを編集してみよう
  • 07:07
  • 実践:ここまで作業したものを本番環境に送る
  • 08:16
  • Q:BEM以外のマークアップは、どのようなものがありますか?
  • 01:27
  • Q:既存のreset.cssとかを読み込むことって出来るのですか?
  • 01:26
  • Q:Herokuに送れなかった時は、最初から「Herokuに送る」を再度すればいいですか?
  • 01:05
  • Q:前回と今回の配布資料を電子書籍化してほしいです。
  • 01:07
  • Q:データベースはどのように移しますか?
  • 01:18
  • Q:最後のgit push heroku masterまでは先生と一緒になったのですが、heroku info でURLが出ません。
  • 02:16
  • Q:Nitrousで入力した10冊分の本データが、Herokuには反映されませんでした。
  • 01:40
  • Q:iPhoneアプリを開発したい場合、rails on Rubyでアプリ開発した後、Herokuに送った後にapp storeに上げるんですか?
  • Q:今後サイトを改造する時に、ページを追加したい場合は、Viewsの中のbooksフォルダ内にhtmlを追加したら良いでしょうか?
  • 52:54
  • 課題発表

スライド資料

プレミアム生放送

関連授業

人気の生放送授業

もっと見る

新着の生放送授業

もっと見る

アクティビティ