インターネット基礎講座

@norinux インターネット基礎講座

@norinux HELLO! 技術本部長 / スタートアップスタジオ責任者佐々木喜徳仕事: 起業家の発掘、投資スタートアップ向けの開発組織の運営ガイアックスの技術戦略の策定
2 yoshinori.sasaki 2

@norinux 私とインターネットの出会い 3

@norinux 本講座で得られること今日はこれを頭の片隅に置いて参加ください 4

@norinux Photo by mrjn Photography on Unsplash 5 水ってなんですか？

@norinux 水ってなんですか？ユーザーの視点ビジネスの視点技術者の視点炊事に使う洗濯に使う。シャワーや風呂に使う飲む。水分補給お茶やコーヒーをいれる
・販売網、市場規模供給、保管方法運搬方法水質、消費期限入手方法、水源再利用・浄水技術水道管の材質や設置貯水タンクの建設蛇口の仕組み掘削、組み上げ技術・　もし、Gaiax が、「人と水をつなげる」と　水に関するビジネスに取り組んでいたとして、　何をどこまで知っている必要がありますか？ 6

@norinux Photo by John Schnobrich on Unsplash インターネットってなんですか？

@norinux 8 インターネットってなんですか？ユーザーの視点ビジネスの視点技術者の視点メールができる SNSができる ECで買い物ができる電話ができる
動画、映画が見れる・・・・情報が公開する仕組み拡散される仕組みデータを保存効率化、自動化課金の仕組み・・通信インフラ技術アプリ開発技術データベース開発プロセス運用、障害対応技術・・　ソーシャルメディア、シェアエコ事業に関わり　WEBを通して仕事をする必要があるあなたは　何をどこまで知っている必要がありますか？

@norinux インターネットの仕組みや用語を知っている状態 WEBを通して、ビジネス（仕事）をする上で 9

@norinux インターネットの基礎知識身近なサービスを例に理解してみよう 10 @norinux

@norinux ドメイン、DNS IPアドレスサーバー、クライアント HTT、アプリケーション、DB フロントエンド、バックエンドプログラミング言語、フレームワークスマートフォンアプリクラウド（AWS、BaaS） Twitter
みたいなサービスを作りたい！どんな技術が必要なんだろう？ 11

@norinux 12 ドメイン

@norinux DNSって聞いたことある？ Domain Name System 13 DNS

@norinux ドメイン 14 DNS mobile.twitter.com トップレベルドメインドメインにおける苗字 TLDによって用途がある程度決まっている。ドメイン名
登録制で、世界中で重複しないようになっている。サブドメイン役割を分割するために、自由に追加できる名称

@norinux DNSの役割 15 DNS リクエスト DNSサーバー www.gaiax.com は、 52.219.0.160 だよぅ。
www.gaiax.co.jp 52.219.0.160 ルート DNS .com DNS gaiax.com DNS

@norinux ドメインとは？　 16 DNS どこから、情報を取得するのかを指定するための世界で一つしかない名前。そのドメインに紐づいた、IPアドレスという情報の住所を示した、「数字」を得ることができる。ドメイン：
www.gaiax.co.jp 　↓ IPアドレス：52.219.0.160

@norinux 17 IPアドレス

@norinux 　あなたのIPアドレスはなんですか？ 18 IP addr ess Windows ネットワーク接続を開いて繋がっているデバイスの状態を見る
OSX システム環境設定を開いてネットワークを見る

@norinux 19 IP addr ess 　あなたのインターネット上の接続元　IPアドレスはなんですか？ https://goo.gl/7ZzA2b

@norinux 20 IP addr ess 　IPアドレスの謎を解明 PCのIPアドレス 10.1.7.176 www.gaiax.co.jp 52.219.0.160
GRIDのIPアドレス 124.35.198.10 ローカルエリアネットワークグローバルネットワーク 10.0.0.0～10.255.255.255 172.16.0.0～172.32.255.255 192.168.0.0～192.168.255.255 GRIDのIPアドレス 10.1.0.1

@norinux 21 IP addr ess 　VPNとは？インターネットトンネルパソコンのローカルネットワークと、インターネットの向こう側にありローカルネットワーク通しを暗号化したトンネルを利用して、直接つないでしまう仕組
み。離れた拠点でのオフィスやデータセンターを接続したり、リモートワークで自宅やカフェから業務ネットワークに接続するのに利用。

@norinux IPアドレスとは？　 22 情報をやりとりするための住所を指定するための「数字」。 IPアドレスに対して、リクエストを送信することで、それに従って情報をレスポンスしてもらうことができる。 IP
addr ess

@norinux 23 サーバー

@norinux サーバーとクライアント　 24 Server クライアントサービスを利用するためのコンピュータであり、複数台接続する。サーバーサービスを提供するためのコンピュータで
あり、たくさんの役割がある。一般的に役割ごとに複数台が接続しあって運用されている。サーバに接続するためにドメインがあり、 DNSを利用してIPアドレスを知り、 IPアドレスに対して接続している。

@norinux サーバーにはどのような役割（ミドルウェア）があるのか 25 Server HTTPサーバー一般的にWEBサーバーと呼ばれている。クライアントからのリクエストを受け付けており、リクエストの内容に応じて処理を振り分けて適切なレスポンスを返す。例）Apache
, Nginx ... アプリケーションサーバーサービスのビジネスロジックが実装されたプログラムを実行する。リクエストからデータを保存 /編集したり、データを取り出し処理を加えてクライアントに届ける。例）Ruby , PHP , Python... DBサーバーデータの出し入れや蓄積をしており、大量のデータ、大量の書き込み、大量の複雑な取り出しを行うための仕組みを提供している。例） MySQL , Postgres , Oracle...

@norinux サーバーとクライアントの実際 26 Server 複数の HTTP サーバー複数のアプリサーバー
複数の DB サーバー各サーバーにも、ドメインおよびIPアドレスを持っており、お互いに通信し合って役割分担を行っている。

@norinux サーバーとは？　 27 クライアントに、サービスを提供する仕組みの総称。実際には、様々なミドルウェアを役割をになっているサーバー群が複数繋がりあって、一つのサービスを提供している。 IP addr
ess

@norinux 28 プログラミング言語フレームワークフロントエンドバックエンド

@norinux フロントエンド or バックエンド 29 フロントエンドバックエンドひとつのサービスを提供する上で、サーバーが役割によって分かれているように、
プログラミング言語も役割によって分かれている。　HTML 　CSS 　Javascript 　Ruby 　PHP 　Python 　Perl 　SQL

@norinux バックエンド 30 フロントエンドバックエンドサーバー側で処理がされて、フロントエンドのインターフェースに必要なデータや実行して欲しい処理を渡す役割　インタプリタ言語（Ruby,PHP,Python,Perl….）
軽量プログラミング言語（LL）とも呼ばれており、比較的学習難易度が低く簡単で記述で処理を記述できるので、WEBプログラミングの主流となっている。　コンパイラ言語（C, Java, Go,Scala .....）事前にプログラムをコンパイル（機械語に翻訳）しておかなければ実行することのできない言語。習得する難易度が高い分、記述ミスの発見や、プログラムの処理がインタプリタ言語に比べて高速など利点もある。　SQL データベースにデータを追加したり取り出したり、編集、削除するための命令を書くための形式記述。最近だと、フレームワークで必要なSQL文を自動で実行してくれるために、直接記述する機会は少なくなってきている。

@norinux フロントエンド 31 フロントエンドバックエンドクライアントコンピューターのブラウザで、処理が実行されるプログラム　HTML HTML
(HyperText Markup Language) はウェブのもっとも基本的な構成要素で、基本レイアウトに従ってウェブページのコンテンツを記述し定義するものです。厳密にはプログラミング言語ではなくて、マークアップ言語。　CSS ウェブページのスタイルを指定するための言語です。文書のスタイルを指定する技術全般をスタイルシートといいます。 HTMLやXHTMLなどで作成されるウェブページにスタイルを適用する場合に利用されている。　Javascript ユーザー側のWebブラウザと、Webサイトまたはウェブサービスの相互間のやりとりを、円滑にするために使われており、実質的に、ブラウザで体験できることのすべてはJavaScriptの処理によるもの

@norinux フレームワーク 32 フロントエンドバックエンドプログラミング言語ごとに特定用途向けに作られたプログラミングを楽にするためのツール。

@norinux プログラミング言語フレームワーク 33 プログラミング言語インプットされたデータを元に、サービスとして価値を提供するための処理を記述するための形式記述。よく利用される記述を簡略化したり、複数人で
開発するためにルールを定めたのがフレームワーク。

@norinux フロントエンド or バックエンド 34 フロントエンドバックエンドサービスを提供する上で必要なプログラムをど
の位置で実行（解釈）するかの違い。プログラミング言語やそのフレームワークによって変わる。

@norinux スマートフォンアプリケーション 35

@norinux スマートフォンアプリ　 36 スマートフォンスマートフォンインターネットでいうクライアント、開発でいくフロントエンドが、スマートフォン独自の仕組みで実現する。サーバー
パソコン（ブラウザ）同様に、スマートフォンアプリケーションの場合でも、サーバー（バックエンド）は必要なケースが多い。

@norinux スマートフォン 37 端末の種類のよる違い開発言語：　Swift , ObjectiveC 開発環境：
　Xcode 公開方法：　App Store への申請と審査開発言語：　Kotlin , Java 開発環境：　Android Studio 公開方法：　GooglePlay への申請と審査

@norinux スマートフォン 38 共通の言語で開発する手法 Googleが開発した、Dart言語を利用したモバイルアプリケーション向けのフレームワーク。 iPhone/Androideのモバイルアプリのデザインおよび機能を共
通の言語で実装できる。 C#やUnityScriptを用いて、マルチデバイス向けのゲーム開発をできるゲームエンジン。 iPhone/Androidだけじゃなく、ブラウザやパソコン、ゲーム機など幅広く対応している。 Gaiax の開発部ではこちらを採用！

@norinux スマートフォン 39 専用のアプリを開発せずにモバイル対応をする手法 PWAとは、「Progressive Web Apps」の略称で、モバイル向け Webサイトをス
マートフォン向けアプリのように使えるようにする仕組み。パソコン向けのWEBサービスに、レスポンシブデザインや、 Push通知、キャッシュやオフラインでの利用など、実装することで利用できる。要は、フロントエンドを PWA対応のフレームワークを使うことにより、普段の WEB開発の技術の延長で、スマートフォンで利用しやすいサービスを作ることができる ※ インストール（アプリの設置）や、 iPhoneでの利用制限などあり、　完全にスマートフォンアプリの互換には至らない、

@norinux クラウド 40

@norinux そもそもクラウドではない世界 41 クラウド

@norinux クラウドの種類 42 クラウド SaaS クラウドで提供されるソフトウェアのことで、ユーザー側にソフトウェアをインストールするのではなく、ベンダー（プロバイダ）側でソフトウェアを稼働させ、ユーザーはネットワーク経由でソフトウェアの機能性を活用する。　例）Gmail , 働くDB、楽々精算
PaaS アプリケーションソフトが稼動するためのハードウェアやOSなどのプラットフォーム一式を、インターネット上のサービスとして提供する形態のことで、プログラムを設置すればすぐにサービスを公開することができる。　例）Heroku, Google App Engine BaaS BaaS（Backend as a service）とは、アプリのバックエンド機能を提供する形態の事で、主にスマートフォンアプリのサーバー側に必要な裏側を実装する事なくまとめて利用することができる。例）FIrebase IaaS サーバー機材やネットワークなどのインフラを、インターネット上のサービスとして提供する形態のことで、データセンターや回線など自社でインフラ資産を持つことなく、時間単位でリソースを利用できる。　例）さくらのクラウド、AWS EC2

@norinux クラウドの事業者 43 クラウド

@norinux クラウドとは？ 44 クラウドサーバーや、プログラムの実行環境、データベース、ソフトウェアなどを自分で用意せずにインターネットの上でリソースを提供するサービス。利用方法や、利用する規模によっては、クラウドじゃなく自前で構築した方がコストメリットが大
きくなることがある。

@norinux Twitter みたいなサービスを作りたい！どんな技術が必要なんだろう？ 45

@norinux Twitter みたいなサービスを作りたい！どんな技術が必要なんだろう？フロントエンド技術スマートフォンアプリケーション技術サーバーサイド技術クラウドドメイン
IP 46

@norinux インターネットの未来 47 @norinux

@norinux インターネットの始まりは、みなさんご存知ですか？ 48 歴史

@norinux 歴史 1969年アメリカ ARPANETの基本的な「仕様」 1. 負荷共有 2. メッセージサービス 3.
情報の共有 4. プログラム共有 5. 遠隔ログイン 4つの大学を相互接続させる実証実験から始まった。「大規模で強力な研究用コンピュータを遠隔で利用したい」引用：https://ja.wikipedia.org/wiki/ARPANET 49

@norinux インターネットエンジニアリングはどのような未来が待ち受けているのか。 50 近い将来

@norinux IPv6 現在のIPv4の個数は、42億9496万7296個しかなく、世界の人口を考えると明らかに不足しており、すでにIPアドレス枯渇問題が発生している。 IPv6だと、43億×43億×43億×43億 1人当たり 5.6穣（じょう）個（5600兆の100兆倍） 51

@norinux 52 5G 2020年以降は、5Gが登場し通信速度が100倍になり、遅延が1/10になることで、通信を利用したサービスが増え生活が変わる。

@norinux ハイプサイクルインターネットに限らず、今どのような技術が期待されているかを知るには、ガードナーの「先進テクノロジのハイプ・サイクル」が参考なる。 53

@norinux 最後にひとことだけ物申したい 54 @norinux

@norinux 55 ITベンチャーで働いてるけどインターネットことよくわからないんですって言っちゃうのカッコ悪いよね

@norinux 56 インターネット技術の活用方法を知っているそれは、この業界でビジネスマナーと同じくらい必須なスキル

@norinux ご清聴いただきありがとうございました

インターネット基礎講座

インターネット基礎講座

More Decks by norinux

Other Decks in Technology

Featured

Transcript