狠狠撸

ビジネスサイドが知って
おくべき
システムの話

ビジネスサイドが知っておくべきシステムの话

今日のゴールは？
ビジネスサイドとして知っておくべきシステム面の知識の基礎を知り、システム面
のことを調べる際のあたりがつけられるようになる。

今日話したいこと
ビジネスサイドとして知っておくべきシステム面の基礎知識について、
主に「何を作っているか」についての話をします
● アプリケーションってそもそも何？
● ライブラリやフレームワークって何？
● データベースって何？
わからないことがあれば適宜質問してください。一通り話し終わった後にも質問タイムを設けますので、そ
こで質問いただいても大丈夫です。

アプリケーションって
そもそも何？
アプリケーションと静的サイトの違いなど、システム（アプリケーション）につ
いて考えるための基礎をお伝えします。

アプリケーションとサ
イトって何が違う？
サイトとアプリケーション（サービス）って何が違うか考えてみま
しょう。

アプリケーションって何？
● サイト
○ データをそのまま表示する（静的）
○ テキストデータとして書かれたデータをそのまま表示
● アプリケーション
○ データをプログラムで加工して表示するもの（動的）
あくまでも主体となるのはデータ。
プログラムは、データをいい感じに加工して動的に表示するためにあ
る。

モバイルアプリって何？
● アプリケーション
○ データをブラウザで表示するもの
● モバイルアプリケーション
○ データをモバイル端末向けに構築されたアプリケーション上
で表示するもの（ブラウザではない）
これらは、データをどこで表示するかで区別されているだけ。

動的静的表示場所
● 静的ブラウザ：静的サイト
● 動的ブラウザ：アプリケーション
● 動的モバイル端末：モバイルアプリケーション
などなど、データがどのようにして作られるか、そしてどこに表示される
かで分けられている。

全てはデータが中心
中心となる「データ」をどう取得し、どう加工し、どう表示するか。
その部分をより効率化させるためにプログラムがあり、より適切な状態で表示す
るために表示箇所が選ばれている。

● ブラウザはこの３つしか解釈できない
○
○
○
● つまり、すべてのサイトアプリケーションはと
とだけが表示されている
ブラウザは、データを解釈した上で最適な表示を生み出すために
存在している、いわば翻訳係のようなもの。
どんなデータが表示されるの？
※ 正確には少し異なりますが、雰囲気だけ。。

ブラウザは、ととしか読み取れません。
では、やがアプリケーションを作るときに使われてる、、、と聞い
たことがあるかも知れませんが、これらのプログラミング言語はどこで使われて
いるのでしょう？
ところで、とかってど
こで使われてるの？

● 何百ページもあるサイトの場合はどうする？
○ 全部手でを書く？
○ ヘッダやフッタは共通部分が多いけどどうする？
ページだけであれば全てのを手で書いても問題ない。
とはいえページ数が多い場合はそれを簡略化したい。
ここでプログラミングが利用される。
そのデータ、全部手で作るの？

データを簡単に生成するためにプロ
グラムが使われる
つまり、アプリケーションに利用されるやなどのプログラミング言
語は、や、をより簡単に生成するために使われる。

● アプリ
○ 等のプログラム→中間言語→ が解釈→表示
● アプリ
○ 等のプログラム→中間言語→ が解釈→表示
のようなわかりやすいものはない。
機械がプログラムを中間言語に翻訳し、それらを各モバイルが解
釈して表示している。
（参考）モバイルアプリの場合
※ 正確には少し異なりますが、雰囲気だけ。。

ライブラリやフレームワークっ
て何？
ライブラリやフレームワークってそもそも何なんでしょう？

エンジニアと話すと話題に出てくるやなど、これらは何のためにあるのでしょう？

例えば毎年恒例のキャンペーンなど、過去の施策と似た施策をやる場合、どう
すれば効率よく施策を実行できますか？
過去の施策と似た施策をやると
き、どうします？

过去にやった施策を「テンプレ化」

● 過去に作ったプログラムをテンプレとして再利用可能な形にしたも
のがライブラリ
○ ライブラリを使うことで、より効率的に開発できる
● ライブラリは一般公開されているものもある
○ 一般公開されたライブラリを使うことで、自分でゼロから何か
を作らなくとも開発できるようになる
再利用可能なライブラリを使うことで、より高速な開発が可能となる。
ライブラリ＝テンプレ

● 特定の何かを作るときに一般的に利用されるテンプレをまとめた
もの
○ ライブラリのすごい版ライブラリをまとめたもの
○ これがや
● フレームワークを使うことで、より高速に開発が出来るようになる
などのアプリケーションフレームワークは、アプリに特
化したよく使われる処理をまとめたもの。
フレームワークって？

巨人の肩に乗る
ライブラリやフレームワークは、多くの開発者の努力の結晶のようなものです。こ
れらを「利用させて頂く」ことで、より効率的に開発を行うことが出来ます。
そしてこれらの行為を総称して「巨人の肩に乗る」と表現します。

データベースって何？
アプリケーションにおいてデータベースがどの様に使われるかを理解する。

例えばプロフィールページなど、見た目のガワは全部同じだが、内容が異なる
ページがページあった場合、どうやれば効率的に作れますか？
他のページと似たようなページを
作りたいとき、どうやる？

● テンプレートにデータを流し込むことで、ガワは同じだが中身が違
うページを量産することが出来る
○ 例）食べログの店舗ページ
● 流し込むためのデータが「データベース」に保存されている
データベースに保存されたデータをプログラムを使ってテンプレートに
流し込むことで、似たようなページを量産することが出来るようになる。
テンプレートとデータベース

データベースとテンプレートのイメージ
name prefecture genre evaluation
店舗A 東京都和食 4
店舗B 東京都中華 5
店舗Aのページ
住所：東京都
ジャンル：和食
評価：4
店舗Bのページ
住所：東京都
ジャンル：中華
評価：５
＜テンプレート＞
{{ name }}のページ
住所：{{ prefecture }}
ジャンル：{{ genre }}
評価：{{ evaluation }}

まとめ
?すべての中心はデータ
?データを解釈して表示するのがブラウザやモバイル端末
?データを効率的に作るためにプログラムが使われる
?プログラムをより簡単に作るために、
　ライブラリやフレームワークが使われる
?データをより効率的に作るために、
　テンプレートとデータベースと
　プログラム（ライブラリ、フレームワーク）が使われる

狠狠撸

ビジネスサイドが知っておくべきシステムの话

More Related Content

ビジネスサイドが知っておくべきシステムの话