Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

初めてのWebプログラミング講座

44 views

Published on

2017年11月3日開催

Published in: Education
  • Be the first to comment

  • Be the first to like this

初めてのWebプログラミング講座

  1. 1. 初めてのWebプログラミング講座 - 浜松市IT人材育成・支援事業/[主催]浜松市 - 2017年11月3日(金) 株式会社Dive into Code 代表取締役 野呂浩良 Tel 03-5459-1808 https://diveintocode.jp/
  2. 2. 2Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 構成 前半:1時間 1. 自己紹介 2. IT業界と構造 3. 生き方はビジネスモデルに依存する 4. 未経験からの学び方 5. 浜松市のIT企業 6. Q&A 後半:3時間 7. できるようになること 8. 開発に必要な初期知識 9. ワークショップ 10. まとめ 11. Appendix
  3. 3. 3Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 自己紹介 MBAエンジニア講師。静岡の「すみや」の販売員からキャリアをス タート。29歳ではじめてプログラミングを経験。 1980年 誕生 2003年 東京農業大学 農学部農学科(学士)卒業 「昆虫生態学研究室」 2003年 株式会社すみや 「接客販売」 2006年 株式会社リクルート 「法人営業」 2009年 株式会社ワークスアプリケーションズ 「コンサル」 2013年 株式会社プロスタンダード 「研修講師」 2014年 グロービス経営大学院大学 経営管理科(修士)卒業 2015年 株式会社Dive into Code 創業 キャリアの軸は、未経験分野への挑戦
  4. 4. 4Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 自己紹介 プログラミングスクール DIVE INTO CODEを運営。ビジョンは「テク ノロジー教育のエコシステムを構築する」こと。 フルタイム就業 正社員 / フリーランス 実課題を元にした研究 リモートワークで アルバイト / 副業 政府と組み 地方&海外IT人材育成 卒業後も学び続ける 永続 勉強会 スクールで本気で学習 プログラミング初体験
  5. 5. 5Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 自己紹介 プログラミング学習セミナーを日本全国で開催。スクーや RubyWorld Conference 2016 にて講演。 Ruby経験ゼロから 3年で 3,000人 に直接講義
  6. 6. 6Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 自己紹介 海外の英語圏でも開催。アジアはベトナム。アフリカはルワンダで 同じ内容を英語で講演。学びたい人は世界中にいる! ベトナム社会主義共和国 ルワンダ共和国 英語 & ベトナム語 英語
  7. 7. 7Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. IT業界は、第3次産業革命時代の寵児。テクノロジーの進化によ り、蒸気から電気へ。電気からコンピュータへ。 IT業界と構造 第1次 第2次 第3次 第4次 18世紀 20世紀(前) 20世紀(後) 21世紀 蒸気機関 @木綿工業 電気エネルギー @重化学工業 コンピュータ @IT業 AI、ビッグデータ @製造、広告業 等 機械化 大量生産 自動化 自律化 今や第4次産業革命で AI の時代が始まっている
  8. 8. 8Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. IT業界と構造 経済産業省の調査では、IT業界(情報サービス業)は日本の基幹 産業であり、最多の従業員数となっている。 (出所)JISA WEB サイト:経済産業省「特定サービス産業実態調査」「工業統計調査」 http://www.jisa.or.jp/explain/tabid/756/Default.aspx
  9. 9. 9Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. IT業界のエンジニアとして携われる主な業界は、SI系とWeb系と ゲーム系の3つがある。 IT業界と構造 SI系 Web系 ゲーム系 PM SE PG 新卒の6割が文系 Java 等 国 金 企 未経験者には大きな参入障壁 PHP Ruby Python 等 未経験者には大きな参入障壁 C# 等 本講座では、Web系を中心に解説する
  10. 10. 10Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. IT業界と構造 Web系は、Webブラウザで動作するWebアプリケーションを開発す ることを生業としている企業。 AirBnB GitHub クックパッド https://www.airbnb.jp/ https://github.com/ https://cookpad.com/ 民泊検索・予約 ソーシャルコーディング レシピ共有
  11. 11. 11Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. IT業界と構造 Web系では、システムの開発を主にデザイン、コーディング、プロ グラミングの3つに分業して行なっている。 デザイン コーディング プログラミング デザイナー PhotoShop, Illustrator フロントエンド・エンジニア HTML, CSS, JavaScript バックエンド・エンジニア Ruby(Python, Java) ヘッダー フッター サイ ド バー ページごとの内容 メインビジュアル ヘッダー フッター サ イ ド バ ー ページごとの 内容 メインビジュアル <html> <head> </hed> <body> ・・・ </body> </html> head { } div { } class BlogsConroller def index @blogs = Blog.all end end 開発環境構築
  12. 12. 12Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. IT業界と構造 IT利活用の高度化、多様化の進展により IT人材の不足が加速す る予想。求人に対して慢性的に求職者が不足。 経済産業省:IT人材の最新動向と将来推計に関する調査結果「参考図1. IT人材の需給に関する推計結果の概要」より 2016年 17.1万人不足 ↓ 2020年 36.9万人不足 ↓ 2030年 78.9万人不足 テクノロジーの進化に適応できれば手に職を持てる!
  13. 13. 13Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 生き方はビジネスモデルに依存する SI系は、大規模システムを要件通りに開発する必要があるため、 エビデンスや担保を大切にする。人数=売上になる。 国 金 企 確実性 関係者調整 PM SE PG 新卒の6割が文系 時間 売上 新人人月 Java 等
  14. 14. 14Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 生き方はビジネスモデルに依存する Web系は、新しいサービスを創造するため、新たな技術を使い実 装することが重視される。実現機能 ≒ 売上となる。 未経験者には大きな参入障壁 創造性 コード 時間 売上 実現機能 PHP Ruby Python 等
  15. 15. 15Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 生き方はビジネスモデルに依存する ゲーム系は、一気に売り切る必要があるため不具合改修を短期 間に実装することが重視される。スピード ≒ 売上となる。 時間 売上 未経験者には大きな参入障壁 コード スピード スピード C# 等
  16. 16. 16Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 未経験からの学び方 新たなスキルを手に入れる3つの方法 独学 通学 転職
  17. 17. 17Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 未経験からの学び方 独学は、お金は節約できるが、質疑応答に付き合ってくれる人が いないため時間ばかりがすぎてゆく メリット デメリット 一人で学ぶモチベーションがあれば、良し!
  18. 18. 18Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 未経験からの学び方 リアル対面 等 独学でスキルを得るオススメの方法。 インターネット 日本国内: - CodePrep - ドットインストール - Progate - Paiza - Railsチュートリアル 海外: - Udacity - Codecademy 勉強会、セミナー: - DoorKeeper - ATND - connpass - Peatix (特定のテーマ名で検索しましょう) 書籍: (書店に行って探しましょう)
  19. 19. 19Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 未経験からの学び方 メリット 通学は、いつでも質疑応答ができる環境があるが、学ぶためのお 金と時間を自己投資する必要がある。 デメリット 共に学び、羽ばたく仲間ができる場所を選ぼう!
  20. 20. 20Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 未経験からの学び方 海外: - Udacity 通学で新時代を生きるためのスキルを得るオススメの方法。 リアル対面 インターネット 民間: - DIVE INTO CODE Webアプリケーション開発 AI(機械学習、深層学習) 学校法人: - 東京大学 Deep Learning応用講座 その他スクール、セミナー:
  21. 21. 21Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 未経験からの就業は、ご縁。ご縁は確率では測れない。 未経験からの学び方 メリット 転職は、働きながら新たなスキルを身につけることができるが、そ の分野で「実務経験」がないといけないことが多い。 デメリット 実務経験 ありますか?
  22. 22. 22Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 未経験からの学び方 リアル対面 転職でスキルも仕事も得るオススメの方法。 インターネット DODA パソナキャリア プロコミット マイナビエージェント クラウドワーキング リクルートエージェント エンエージェント エンワールド ベネッセi-キャリア ジェイエイシー @type 等 リクナビ マイナビ エン転職 Greeen Wantedly Indeed 等
  23. 23. 23Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 浜松市のIT企業 世界中の求人を検索できる「Indeed(インディード)」を使えば、一 瞬で求人企業数を把握することができる。 2017年11月2日時点:求人検索結果 62 件 https://jp.indeed.com/%E6%B1%82%E4%BA%BA?q=HTML&l=%E9%9D%99%E5%B2%A1%E7 %9C%8C+%E6%B5%9C%E6%9D%BE%E5%B8%82 https://jp.indeed.com/%E6%B1%82%E4%BA%BA?q=Ruby&l=%E9%9D%99%E5%B2%A1%E7 %9C%8C+%E6%B5%9C%E6%9D%BE%E5%B8%82 2017年11月2日時点:求人検索結果 30 件
  24. 24. 24Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. Q&A なんでもご質問ください。 :D
  25. 25. 25Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. できるようになること 本講座のゴール 1. 経験ゼロからの学習のコツを掴むことができている 2. Webアプリケーション開発の素養が身についている 3. モチベーションがグッと向上している
  26. 26. 26Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. できるようになること クックパッド
  27. 27. 27Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. できるようになること クラウドワークス
  28. 28. 28Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. できるようになること Misoca(ミソカ)
  29. 29. 29Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. できるようになること AirBnB(エアービーアンドビー)
  30. 30. 30Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. できるようになること GitHub(ギットハブ)
  31. 31. 31Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. できるようになること ワークショップにて簡易なWebアプリケーションを開発します。 http://dive-into-code.herokuapp.com/
  32. 32. 32Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 システム開発の流れから、実作業のやり方まで幅広い知識が求 められる。 システム開発の流れ 開発作業の流れ 開発環境とは 開発言語とは Ruby on Railsとは 作業方法の基礎
  33. 33. 33Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 開発の流れは、現実で実現したい仕組みをコンピュータの仕組み に近づけて設計・開発作業・テストする。 何が必要か? 要件定義 全体の構成は? 基本設計 画面の内容は? 詳細設計 開発作業 部分ごとに検証 単体テスト 構造ごとに検証 結合テスト できたもの検証 システムテスト ※リーンスタートアップではテ ストは重視しない本講座 現実世界コンピュータ内
  34. 34. 34Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 開発作業は6つに分かれる。 開発作業の内訳 本講座で使用するもの 1.開発環境の構築  ※初回のみ ■Cloud9 ★ □PCにVagrant + CentOSをインストール □PCに直接インストール 等 2.開発言語で内部構造をつくる  (コーディング) ■Ruby (Ruby on Rails) ★ □PHP (CakePHP) □Java 等 3.データを入れる箱をつくる  (コーディング) ■PostgreSQL ★ □MySQL □MongoDB 等 4.ブラウザ上のUIを描く  (コーディング) ■CSS ■HTML □jQuery 等 5.開発したソースコードを管理 ■Git ★  (チーム開発用) □Bitbucket  (チーム開発用) □Github 等 6.インターネット上に公開 ■heroku ★ □レンタルサーバ契約 等
  35. 35. 35Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 2つのクラウドサービス「Cloud9」と「Heroku」を活用すれば、無料で インターネット公開までできる。 開発環境の構築 コーディング 開発したソース コードを管理 インターネット上に 公開 Cloud9 Git Heroku ソースコード
  36. 36. 36Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 開発環境とは、開発作業に必要な場所と道具のこと。 開発言語フレームワークWebサーバ データベース管 理システム バージョン管理 ツール Puma or Webrick
  37. 37. 37Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 従来は PC を用意して複雑なインストール作業が必要だった が、今やボタンひとつで可能に。 従来 本講座 ・ボタン1つでOK わずか1分で完了! Cloud9 ・インストールするPCを用意 ↓ ・開発言語をインストール ↓ ・フレームワークをインストール ↓ ・データベース管理システムをインストール ↓ ・バージョン管理システムをインストール 等 初めての時は3日はかかる…。
  38. 38. 38Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 Cloud9内には言語やツールが用意されているため、ブラウ ザで開いて使うだけ。 フォルダビューワ ファイルビューワ ターミナル
  39. 39. 39Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 人間にもコンピュータにもわかるコトバで、プログラムを構築 しコンピュータを動かすことができるもの。 Ruby PHP
  40. 40. 40Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 開発言語は60年前に生まれ、時代の潮流と共に様々な言語 が生まれた。Rubyは1995年に誕生。
  41. 41. 41Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 世界中にある開発言語のうち、Rubyが唯一の日本人(まつも とゆきひろ氏)がつくった開発言語。
  42. 42. 42Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 Rubyは開発言語。Ruby on RailsはRubyで開発する際の「型」とな るフレームワーク。
  43. 43. 43Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 デンマーク人エンジニア「David HeinemeierHansson」氏によって、 無駄な時間を減らすために作られた。 DRY (Don't repeat yourself) CoC (Convention over Configuration) “ぼくがやろうとしていることは、自分の 時間を浪費する時間を減らそうっていう こと。どうでもいいことに時間を費やす のを減らす。” 「同じことを繰り返さない」 「設定よりも規約」
  44. 44. 44Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 Ruby on Rails で作られたWebアプリケーションの例 「AirBnB」
  45. 45. 45Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. インターネット ブラウザを通して通信が流れる。通信先のコンピュータから処理結 果が返る。ブラウザ上に画面が表示される。 リクエスト GET, POST … レスポンス HTML, images … URL Webブラウザ HTTP通信 サーバ 開発に必要な初期知識
  46. 46. 46Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. Ruby on Rails Webブラウザから送られたHTTP通信をサーバが受け取り役割に 応じて処理が順番に流れ、レスポンスが返る。 HTTPServer Controller View Model データベース管 理システム内 Database リクエスト レスポンス Router URL ① ② ③ ④ ⑤ ⑥⑦⑧⑨10 開発に必要な初期知識
  47. 47. 47Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 店舗オフィス 経験したことに例えて理解する。Railsの処理の流れは、銀行のオ ペレーションの流れと一緒。 特別な場所 自動ドア 窓口担当 通帳 明細 出納係 金庫 入る 出る 案内役 ○○銀行 ××支店 開発に必要な初期知識
  48. 48. 48Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. Ruby on Rails 開発に必要な初期知識 Ruby on Rails を理解する第一歩は、http リクエストからレスポン スまでの流れを理解すること。 HTTPServer Controller View Model データベース管 理システム内 Database リクエスト レスポンス Router URL ① ② ③ ④ ⑤ ⑥⑦⑧⑨10
  49. 49. 49Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 各役割は所定のフォルダ内にファイルとして存在。その中に開発 言語 Ruby が書かれている。 httpServer Controller View Model データベース 管理システム Router 役割別のフォルダ構造。 ファイル内に Ruby が書か れている。 Cloud9内概念図
  50. 50. 50Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 処理の流れを具体的に読み解くことができるようになると、自力で 開発ができるようになる。 httpServer def index @blogs = Blog.all end <% @blogs.each do |blog| %> <% end %> class Blog < ActiveRecord::Base end /config /routes.rb URL /blogs http GET blogs#index /controllers/blogs_c ontroller.rb /models/ blog.rb PostgreSQL blogsテーブル /views/ blogs/index.html.erb h1 { } /assets/stylesheets/ blogs.css.scss “O/Rマッパー” Blog.all ↓ RubyからSQLに変換 ↓ SELECT * FROM blogs;
  51. 51. 51Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 Ruby on Railsはリクエストからレスポンスまでの流れをつくる。そ の中にHTML、CSS、JavaScript、Ruby等を実装する。 httpServer /config /routes.rb URL /blogs http GET blogs#inde x /controllers/blogs_c ontroller.rb /models/ blog.rb PostgreSQL blogsテーブル /views/ blogs/index.html.erb /assets/stylesheets/ blogs.css.scss
  52. 52. 52Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 キーボードを使いターミナルを操作する。ターミナルは、文字でコ ンピュータを操作するための窓口。 ターミナル
  53. 53. 53Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 ターミナルは、コンピュータに対して一行(プロンプト)につき一回だ け命令ができる。 プロンプト 現在いるディレクトリ(=フォルダ) コンピュータをキーボードで操作することに慣れましょう。
  54. 54. 54Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 コマンドを入力してエンターで実行する。一度に複数の命令 はできず、一行ずつ進める。 コマンド「cd achieve」で、achieveフォルダ に移動
  55. 55. 55Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 コマンドを入力してエンターで実行する。一度に複数の命令 はできず、一行ずつ進める。 コマンド「cd ..」で、achieveフォルダの上の 階層のcodeフォルダに移動 ※マウスで画面操作してフォルダを開くのと同様の意味合い
  56. 56. 56Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 コマンドを入力してエンターで実行する。一度に複数の命令 はできず、一行ずつ進める。 元のcodeフォルダに戻った ※マウスで画面操作してフォルダを開くのと同様の意味合い
  57. 57. 57Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 ターミナル操作の2つの注意点。 注意点① 半角文字で操作する 注意点② どこのフォルダ上にいるかを把握する
  58. 58. 58Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. 開発に必要な初期知識 マニュアルを見る。コマンドをコピーする。ターミナルに入力する。 エンターで実行する。 ①マニュアルを見る ②コマンドを作成する ③ターミナルに入力する コピー&ペースト 編集してコマンドを完成 ※メモ帳では半角”や’が全角に自動 変換されることがあるため 使用禁止
  59. 59. 59Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved.Copyright © 2015 TimeShift Corp. All Rights Reserved. ワークショップ
  60. 60. 60Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. ワークショップ オンライン学習サービス「DIVER」にアクセス! https://diver.diveintocode.jp/
  61. 61. 61Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. ワークショップ 3ステップで、Webアプリケーションをネット公開! 【STEP0】Cloud9で開発環境を構築 https://diver.diveintocode.jp/seminar_documents/rails00 【STEP1】お試しアプリケーションの開発 https://diver.diveintocode.jp/seminar_documents/rails01 【STEP2】Gitでバージョン管理 https://diver.diveintocode.jp/seminar_documents/rails02 【STEP3】Herokuでネット公開(初回) https://diver.diveintocode.jp/seminar_documents/rails03 1 2 3 0
  62. 62. 62Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. ワークショップ 【図解】3ステップ 0 Cloud9 C V M DB HerokuHTTPServer C V M DB Git内(ファイル)に記録 C V M 1 2 3 HTTPServer
  63. 63. 63Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. ワークショップ Cloud9で開発環境を構築 Cloud9を使う3つのメリット 1. 開発用コンピュータを無料で一台ゲットできる 2. 開発言語やツールのインストールが一瞬でできる 3. ネットがつながればどこからでも作業ができる 0
  64. 64. 64Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. Cloud9で開発環境を構築 ワークショップ 0 Cloud9 1ワークスペース インストール:Ruby, PostgreSQL, Git, Heroku Toolbelt … ワークスペースの新規作成 アカウント登録 インストール:Ruby on Rails 5 PostgreSQLを起動
  65. 65. 65Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. ワークショップ Cloud9でお試しアプリケーションの開発 “Railsの魔法“を使いアッと言う間に開発する ・「rails new 名前」でアプリケーションの“骨組み”、”電気信号の流れ”を 一瞬でつくることができる ・「rails g scaffold 画面名」で指定のURLでアクセスできる画面一式を一 瞬でつくることができる 1
  66. 66. 66Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. ワークショップ Cloud9でお試しアプリケーションの開発1 Cloud9 HTTP Server C V M DB rails new achieve -d postgresql rails g scaffold Blog title:string content:text rake db:create db:migrate rails s -b $IP -p $PORT cd achieve
  67. 67. 67Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. ワークショップ Cloud9でGitでバージョン管理 Gitを使う2つのメリット 1. フォルダやファイル、その内容を全て覚えさせることがで きる 2. 覚えた内容をコマンドひとつでHerokuへ送信できる 2
  68. 68. 68Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. Cloud9 ワークショップ Cloud9でGitでバージョン管理2 HTTPServer C V M DB Git内(ファイル)に記録 フォルダ、ファイル C V M git add . git commit –m “メッセージ” git init git config –global 〜 git loggit status
  69. 69. 69Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. ワークショップ Cloud9でHerokuでネット公開(初回) Herokuを使う3つのメリット 1. アプリケーションをインターネット上に公開できる 2. いくつでも無料でアプリケーションを公開できる 3. インストール作業は一切不要 3
  70. 70. 70Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. Cloud9 Git Heroku 新規ユーザ登録 ワークショップ Cloud9でHerokuでネット公開(初回)3 heroku login HTTP Server C V M DB C V M 1APP Git git push heroku master HTTP Server C V M DB C V M heroku create heroku run rake db:migrate RAILS_ENV=production
  71. 71. 71Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. ワークショップ 着陸!!(完了)
  72. 72. 72Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. まとめ 3つの状態に到達することができましたか。 1. 経験ゼロからの学習のコツを掴むことができている 2. Webアプリケーション開発の素養が身についている 3. モチベーションがグッと向上している
  73. 73. 73Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. まとめ プログラミング学習の三原則 1. “習うより慣れる” 手を動かさないと絶対に身につかない。 2. “時間制限を設ける” 30分以上つまづいたら抱え込まずに質問する。 3. “守破離の守からはじめる” 書籍や教材の写経(しゃきょう)をする。
  74. 74. 74Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. Appendix 「3時間でアプリ公開!ゼロからのプログラミングRails講座」3,000 名が受講したRailsの登竜門講座を無料公開中! https://www.facebook.com/diveintocode.jp/videos/861168880688236/ https://www.slideshare.net/norotime/rubyonrails-42709667資料 動画
  75. 75. 75Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. Appendix 「ゼロから稼げるエンジニアになる3つのステップ」RubyWorld Conference 2016 講演資料と動画を公開中! https://youtu.be/bZ4Y1lNbI1o http://2016.rubyworld-conf.org/files/program/B-3.pdf資料 動画
  76. 76. 76Copyright © 2015-2017 Dive into Code Corp. All Rights Reserved. Appendix 長期インターンシップ、副業アルバイト大歓迎 https://diveintocode.recruitment.jp/

×