SlideShare a Scribd company logo
1 of 28
Download to read offline
ビジネスサイドが知って
おくべき
システム の話
今日のゴールは?
ビジネスサイドとして知っておくべきシステム面の知識の基礎を知り、システム面
のことを調べる際のあたりがつけられるようになる。
今日 話したいこと
ビジネスサイドとして知っておくべきシステム面の基礎知識について、
主に「何を作っているか」についての話をします
● アプリケーションってそもそも何?
● ライブラリやフレームワークって何?
● データベースって何?
わからないことがあれば適宜質問してください。一通り話し終わった後にも質問タイムを設けますので、そ
こで質問いただいても大丈夫です。
アプリケーションって
そもそも何?
アプリケーションと静的サイトの違いなど、システム(アプリケーション)につ
いて考えるための基礎をお伝えします。
アプリケーションと サ
イトって何が違う?
サイトと アプリケーション( サービス)って何が違うか考えてみま
しょう。
アプリケーションって何?
● サイト
○ データをそのまま表示する(静的)
○ テキストデータとして書かれたデータをそのまま表示
● アプリケーション
○ データをプログラムで加工して表示するもの(動的)
あくまでも主体となるのはデータ。
プログラムは、データをいい感じに加工して動的に表示するためにあ
る。
モバイルアプリって何?
● アプリケーション
○ データを ブラウザで表示するもの
● モバイルアプリケーション
○ データをモバイル端末向けに構築されたアプリケーション上
で表示するもの(ブラウザではない)
これらは、データをどこで表示するかで区別されているだけ。
動的 静的 表示場所
● 静的 ブラウザ:静的サイト
● 動的 ブラウザ: アプリケーション
● 動的 モバイル端末:モバイルアプリケーション
などなど、データがどのようにして作られるか、そしてどこに表示される
かで分けられている。
全てはデータが中心
中心となる「データ」をどう取得し、どう加工し、どう表示するか。
その部分をより効率化させるためにプログラムがあり、より適切な状態で表示す
るために表示箇所が選ばれている。
● ブラウザはこの3つしか解釈できない
○
○
○
● つまり、すべての サイト アプリケーションは と
と だけが表示されている
ブラウザは、データを解釈した上で最適な表示を生み出すために
存在している、いわば翻訳係のようなもの。
どんなデータが表示されるの?
※ 正確には少し異なりますが、雰囲気だけ。。
ブラウザは、 と と しか読み取れません。
では、 や が アプリケーションを作るときに使われてる、、、と聞い
たことがあるかも知れませんが、これらのプログラミング言語はどこで使われて
いるのでしょう?
ところで、 とか ってど
こで使われてるの?
● 何百ページもあるサイトの場合はどうする?
○ 全部手で を書く?
○ ヘッダやフッタは共通部分が多いけどどうする?
ページだけであれば全ての を手で書いても問題ない。
とはいえページ数が多い場合はそれを簡略化したい。
ここでプログラミングが利用される。
そのデータ、全部手で作るの?
データを簡単に生成するためにプロ
グラムが使われる
つまり、 アプリケーションに利用される や などのプログラミング言
語は、 や 、 をより簡単に生成するために使われる。
● アプリ
○ 等のプログラム→中間言語→ が解釈→表示
● アプリ
○ 等のプログラム→中間言語→ が解釈→表示
のようなわかりやすいものはない。
機械がプログラムを中間言語に翻訳し、それらを各モバイル が解
釈して表示している。
(参考)モバイルアプリの場合
※ 正確には少し異なりますが、雰囲気だけ。。
ライブラリやフレームワークっ
て何?
ライブラリやフレームワークってそもそも何なんでしょう?
エンジニアと話すと話題に出てくる や など、これらは何のためにあるのでしょう?
例えば毎年恒例のキャンペーンなど、過去の施策と似た施策をやる場合、どう
すれば効率よく施策を実行できますか?
過去の施策と似た施策をやると
き、どうします?
過去にやった施策を「テンプレ化」
● 過去に作ったプログラムをテンプレとして再利用可能な形にしたも
のがライブラリ
○ ライブラリを使うことで、より効率的に開発できる
● ライブラリは一般公開されているものもある
○ 一般公開されたライブラリを使うことで、自分でゼロから何か
を作らなくとも開発できるようになる
再利用可能なライブラリを使うことで、より高速な開発が可能となる。
ライブラリ=テンプレ
● 特定の何かを作るときに一般的に利用されるテンプレをまとめた
もの
○ ライブラリのすごい版 ライブラリをまとめたもの
○ これが や
● フレームワークを使うことで、より高速に開発が出来るようになる
などの アプリケーションフレームワークは、 アプリに特
化したよく使われる処理をまとめたもの。
フレームワークって?
巨人の肩に乗る
ライブラリやフレームワークは、多くの開発者の努力の結晶のようなものです。こ
れらを「利用させて頂く」ことで、より効率的に開発を行うことが出来ます。
そしてこれらの行為を総称して「巨人の肩に乗る」と表現します。
データベースって何?
アプリケーションにおいてデータベースがどの様に使われるかを理解する。
例えばプロフィールページなど、見た目のガワは全部同じだが、内容が異なる
ページが ページあった場合、どうやれば効率的に作れますか?
他のページと似たようなページを
作りたいとき、どうやる?
● テンプレートにデータを流し込むことで、ガワは同じだが中身が違
うページを量産することが出来る
○ 例)食べログの店舗ページ
● 流し込むためのデータが「データベース」に保存されている
データベースに保存されたデータをプログラムを使ってテンプレートに
流し込むことで、似たようなページを量産することが出来るようになる。
テンプレートとデータベース
データベースとテンプレートのイメージ
name prefecture genre evaluation
店舗A 東京都 和食 4
店舗B 東京都 中華 5
店舗Aのページ
住所:東京都
ジャンル:和食
評価:4
店舗Bのページ
住所:東京都
ジャンル:中華
評価:5
<テンプレート>
{{ name }}のページ
住所:{{ prefecture }}
ジャンル:{{ genre }}
評価:{{ evaluation }}
まとめ
・すべての中心はデータ
・データを解釈して表示するのがブラウザやモバイル端末
・データを効率的に作るためにプログラムが使われる
・プログラムをより簡単に作るために、
 ライブラリやフレームワークが使われる
・データをより効率的に作るために、
 テンプレートとデータベースと
 プログラム(ライブラリ、フレームワーク)が使われる
Any questions?

More Related Content

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

ビジネスサイドが知っておくべきエンジニアの役割についての話
ビジネスサイドが知っておくべきエンジニアの役割についての話ビジネスサイドが知っておくべきエンジニアの役割についての話
ビジネスサイドが知っておくべきエンジニアの役割についての話Koyo 松本
 
ローカルExcelとSharePointの連携
ローカルExcelとSharePointの連携ローカルExcelとSharePointの連携
ローカルExcelとSharePointの連携NaokiRyukei
 
20180809_機械学習を使った「ビジネスになる」アプリケーションの作り方
20180809_機械学習を使った「ビジネスになる」アプリケーションの作り方20180809_機械学習を使った「ビジネスになる」アプリケーションの作り方
20180809_機械学習を使った「ビジネスになる」アプリケーションの作り方Shunsuke Nakamura
 
Web AppsとApplication Insightsで始めるPaaSの一歩
Web AppsとApplication Insightsで始めるPaaSの一歩Web AppsとApplication Insightsで始めるPaaSの一歩
Web AppsとApplication Insightsで始めるPaaSの一歩Masateru Suzuki
 
プログラムの大海に溺れないために
プログラムの大海に溺れないためにプログラムの大海に溺れないために
プログラムの大海に溺れないためにZenji Kanzaki
 
データベース入門1
データベース入門1データベース入門1
データベース入門1tadaaki hayashi
 
システム構築の基礎
システム構築の基礎システム構築の基礎
システム構築の基礎Masanobu Takagi
 
これからのOpenShiftの話をしよう
これからのOpenShiftの話をしようこれからのOpenShiftの話をしよう
これからのOpenShiftの話をしようKazuto Kusama
 
Janog31 bof-pattern-sasaki-01
Janog31 bof-pattern-sasaki-01Janog31 bof-pattern-sasaki-01
Janog31 bof-pattern-sasaki-01Ken SASAKI
 
動的なILの生成と編集
動的なILの生成と編集動的なILの生成と編集
動的なILの生成と編集terurou
 
課題発表 HPに到達するまでの仕組み
課題発表 HPに到達するまでの仕組み課題発表 HPに到達するまでの仕組み
課題発表 HPに到達するまでの仕組みryota_suganuma
 
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)A A
 
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)A A
 
DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃Teruo Adachi
 
開発を俯瞰してみたら、いろいろな事にきづいた
開発を俯瞰してみたら、いろいろな事にきづいた開発を俯瞰してみたら、いろいろな事にきづいた
開発を俯瞰してみたら、いろいろな事にきづいたssuser110d4d
 
ビジネスマネージャとデータ分析
ビジネスマネージャとデータ分析ビジネスマネージャとデータ分析
ビジネスマネージャとデータ分析TOSHI STATS Co.,Ltd.
 
DDD読書会 アナリシスパターン
DDD読書会 アナリシスパターンDDD読書会 アナリシスパターン
DDD読書会 アナリシスパターンMasaki Yamamoto
 

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

ビジネスサイドが知っておくべきエンジニアの役割についての話
ビジネスサイドが知っておくべきエンジニアの役割についての話ビジネスサイドが知っておくべきエンジニアの役割についての話
ビジネスサイドが知っておくべきエンジニアの役割についての話
 
ローカルExcelとSharePointの連携
ローカルExcelとSharePointの連携ローカルExcelとSharePointの連携
ローカルExcelとSharePointの連携
 
情報共有ツールの 投資対効果を考える
情報共有ツールの投資対効果を考える情報共有ツールの投資対効果を考える
情報共有ツールの 投資対効果を考える
 
20180809_機械学習を使った「ビジネスになる」アプリケーションの作り方
20180809_機械学習を使った「ビジネスになる」アプリケーションの作り方20180809_機械学習を使った「ビジネスになる」アプリケーションの作り方
20180809_機械学習を使った「ビジネスになる」アプリケーションの作り方
 
Web AppsとApplication Insightsで始めるPaaSの一歩
Web AppsとApplication Insightsで始めるPaaSの一歩Web AppsとApplication Insightsで始めるPaaSの一歩
Web AppsとApplication Insightsで始めるPaaSの一歩
 
プログラムの大海に溺れないために
プログラムの大海に溺れないためにプログラムの大海に溺れないために
プログラムの大海に溺れないために
 
SharePoint で始める情報共有とそのアプローチ
SharePoint で始める情報共有とそのアプローチSharePoint で始める情報共有とそのアプローチ
SharePoint で始める情報共有とそのアプローチ
 
データベース入門1
データベース入門1データベース入門1
データベース入門1
 
システム構築の基礎
システム構築の基礎システム構築の基礎
システム構築の基礎
 
20061007.saas
20061007.saas20061007.saas
20061007.saas
 
これからのOpenShiftの話をしよう
これからのOpenShiftの話をしようこれからのOpenShiftの話をしよう
これからのOpenShiftの話をしよう
 
Janog31 bof-pattern-sasaki-01
Janog31 bof-pattern-sasaki-01Janog31 bof-pattern-sasaki-01
Janog31 bof-pattern-sasaki-01
 
動的なILの生成と編集
動的なILの生成と編集動的なILの生成と編集
動的なILの生成と編集
 
課題発表 HPに到達するまでの仕組み
課題発表 HPに到達するまでの仕組み課題発表 HPに到達するまでの仕組み
課題発表 HPに到達するまでの仕組み
 
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
 
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
サイト全体におけるシステム関連含むSeo施策コンサルティング資料(サンプル)
 
DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃
 
開発を俯瞰してみたら、いろいろな事にきづいた
開発を俯瞰してみたら、いろいろな事にきづいた開発を俯瞰してみたら、いろいろな事にきづいた
開発を俯瞰してみたら、いろいろな事にきづいた
 
ビジネスマネージャとデータ分析
ビジネスマネージャとデータ分析ビジネスマネージャとデータ分析
ビジネスマネージャとデータ分析
 
DDD読書会 アナリシスパターン
DDD読書会 アナリシスパターンDDD読書会 アナリシスパターン
DDD読書会 アナリシスパターン
 

Recently uploaded

答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料Jun Chiba
 
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------ssusercbaf23
 
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店ssuserfb441f
 
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社hmoriyama
 
chouhou_obuse_reiwa6nenn_4_2404slide.pdf
chouhou_obuse_reiwa6nenn_4_2404slide.pdfchouhou_obuse_reiwa6nenn_4_2404slide.pdf
chouhou_obuse_reiwa6nenn_4_2404slide.pdfssuser31dbd1
 
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパンYusuke Katsuma
 
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続Yusuke Katsuma
 

Recently uploaded (9)

company profile
company profilecompany profile
company profile
 
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
 
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------
 
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
 
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社
 
KestrelPro Flyer Japan IT Week 2024 (Japanese)
KestrelPro Flyer Japan IT Week 2024 (Japanese)KestrelPro Flyer Japan IT Week 2024 (Japanese)
KestrelPro Flyer Japan IT Week 2024 (Japanese)
 
chouhou_obuse_reiwa6nenn_4_2404slide.pdf
chouhou_obuse_reiwa6nenn_4_2404slide.pdfchouhou_obuse_reiwa6nenn_4_2404slide.pdf
chouhou_obuse_reiwa6nenn_4_2404slide.pdf
 
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン
 
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続
 

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