chevron_left

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

PREMIUM

スライド資料

会員登録して、全てのスライドを見よう

1 / 223

授業の概要

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

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

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

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

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

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

お話すること

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

必要なもの

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

チャプター

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