非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
•
631 likes•99,779 views
本スライドはTECH::CAMP主催で2015年4月11日、4月19日に200名以上を動員して開催された「非エンジニアカンファレンス」の勉強会資料です。 ※本資料は説明のため簡易に表現している箇所があります。 TECH::CAMP: https://tech-camp.in/
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
- 3. 自己紹介＆プロローグ
- 4. 自己紹介 真子 就有 (まこ ゆきなり) 株式会社we-b 代表取締役 TECH::CAMP Founder
- 14. なぜ壁ができてしまうのか？
- 15. 言語の壁と まったく同じ
- 16. 言語の壁 ＝ 文化の壁 ＝ 心の壁
- 18. エンジニア側も歩み寄りが必要です
- 22. さっそく勉強を始めていきましょう
- 25. 目次 1. リクエストとレスポンス 2. サーバーとは何か 3. ウェブサイトの仕組み 4. サーバーサイドスクリプトとデータベース
- 26. 目次 1. リクエストとレスポンス 2. サーバーとは何か 3. ウェブサイトの仕組み 4. サーバーサイドスクリプトとデータベース
- 30. ちなみに情報を要求する側は、クライアントサイド 情報を返す側をサーバーサイドと呼ばれます 「いろいろ要求するのはお客さん（クライアント）」 と覚えてしまいましょう。 クライアントサイド サーバーサイド
- 39. どうやって名前解決しているのか？
- 40. DNS(ドメインネームシステム) インターネット上のドメイン名を管理するシステム。 複数のDNSサーバーによって成り立っている。 facebook.com? 54.248.81.201 DNSサーバー
- 45. 目次 1. リクエストとレスポンス 2. サーバーとは何か 3. ウェブサイトの仕組み 4. サーバーサイドスクリプトとデータベース
- 48. こんなごついイメージですか？
- 55. デスクトップOSの世界では 未だwindowsのシェアが圧倒的です。 Linux 2% Mac 7% Windows 92% 2015年2月デスクトップOSシェア/円グラフ - Net Applications報告 OSシェア：デスクトップ
- 56. ちなみにモバイルOSだとiOSとAndroidが二強です。 このあたりはご存知の方も多いと思います。 その他 11% Android 36% iOS 53% OSシェア：モバイル／タブレット 全体 - NetMarketShare 2014年２月 OSシェア：モバイル／タブレット
- 75. 復習：サーバーとは何か • サーバーは特定のリクエストに対してレスポンスを 返す電源ネットつけっぱのコンピューター • サーバーのOSはLinuxが使われていることが多い • 直感的にマウス等で操作ができるGUIに対し、開発 はコマンド操作のみのCUIが中心である
- 76. 目次 1. リクエストとレスポンス 2. サーバーとは何か 3. ウェブサイトの仕組み 4. サーバーサイドスクリプトとデータベース
- 91. 復習：ウェブサイトの仕組み • HTMLはウェブページを制作するための言語で、文 章の構造を決めることができる。 • CSSは、ウェブページのスタイル(見た目)を指定す ることができる • レスポンスでHTMLとCSSを返すことでウェブペー ジを表示することができる
- 92. 目次 1. リクエストとレスポンス 2. サーバーとは何か 3. ウェブサイトの仕組み 4. サーバーサイドスクリプトとデータベース
- 105. データベース データを保存するシステム。通常エクセルのような 表形式で保存され、１つの表をテーブルと呼ぶ。 id 名前 性別 年齢 住所 1 真子 男性 25 東京 2 木村 女性 21 神奈 3 鈴木 男性 22 栃木 4 小林 男性 23 群馬 ユーザーテーブル id 本文 日時 投稿者id 1 おはよう 14/1/1 1 2 こんにちは 14/1/2 2 3 おやすみ 14/1/3 3 4 さよなら 14/1/4 4 投稿テーブル
- 107. SQL（エスキューエル） データベースを操作するための言語。 テーブルの読み出し、追加、更新などの操作ができる id 名前 性別 年齢 住所 1 真子 男性 25 東京 2 木村 女性 21 神奈 3 鈴木 男性 22 栃木 SELECT * FROM USERS WHERE ID = 1; 例:ユーザーテーブルからIDが１のレコード(列)を取り出す
- 112. サーバーサイドスクリプトは、必要に応じて SQLを用いてデータベースから情報を取得します サーバーサイドスクリプト (Ruby/Java/PHP) データベース SELECT * FROM USERS WHERE ID = 1;
- 113. サーバーサイドサイドスクリプトは、データベースから 取得したデータを利用して HTML/CSS を生成します。 サーバーサイドスクリプト ( Ruby / Java / PHP ) データベースから取得したデータ
- 117. 復習： サーバーサイドスクリプトと データベース • データベースは、データの保存するシステムで テーブルとよばれる表形式で保存される • SQLはデータベースを操作するための言語 • サーバーサイドスクリプト(Ruby、Java、PHP等)は ウェブサービスのロジックを担当する • サーバーサイドスクリプトは、データベースから必要な データを取得する
- 122. オリジナル学習システム TECH::MASTER Ruby HTML・CSS Ruby on Rails わかりやすさにこだわり抜き、既に９００回以上の アップデートを重ねています。用語集や練習問題も 充実、他に教材を用意する必要はありません
- 124. 学習コース①：WEBアプリケーションコース 124 Ruby on Rails を中心に、Webアプリケーションを つくるために必要な技術力を身につけます。 Ruby & Ruby on Rails Rubyは近年で最も伸びている プログラミング言語の１つです。 世界的なフレームワークRuby On Railsを使いWEBアプリケー ション開発を学びます。 ソースコード管理Git Gitはプログラマーにとって 必須のソースコード管理ツール です。Gitを使いチーム開発を どのように行っていくかも 学んで頂きます。 HTML5 & CSS3 SQL Webブラウザの表示で必要な マークアップ言語の基礎です。 モバイル、タブレッドあらゆる デバイスでも美しくに描画できる コーディング技術を身につけます。 SQLはデータベースを扱うため の言語で、データベースを 絡めたアプリケーションを 構築するには必須の知識です。
- 126. 実施予定と参加要項 ■次回実施 5/30 ∼ 6/30 ※締め切り5月24日(日)18時 5/30(土)夕方にキックオフ会を予定 ■参加要項 • 期間内に合計100時間以上、学習時間を確保できる方 (受講期間は1ヶ月か2ヶ月をお選びいただけます。) • Mac(PC)を持参できる方 ※月額5000円(税抜)でMacのレンタルを行っています • キャンプ終了後も継続的に学習を続け、技術を活かして活躍してい く意志のある方
- 127. 復習テスト！！
- 134. 本日はありがとうございました。