際際滷

際際滷Share a Scribd company logo
ビジネスサイドが岑って
おくべき
エンジニアの叨護
についての
ビジネスサイドが岑っておくべきエンジニアの叨護についての三
ビジネスサイドとして岑っておくべきエンジニアの叨護の児Aを岑り、システムを
恬るHにエンジニアが仝採をしているか々につき、ビジネス議な斑罎らの恷詰
泙寮軆發魑辰襦
書晩のゴ`ルは
☆ 麼に アプリケ`ションのをする。弊の嶄にはもっといろいろな叨護があるが護
書晩 したいこと
ビジネスサイドとして岑っておくべきシステム中の児A岑Rについて、
麼に仝エンジニアの叨護々についてのをします
¢ エンジニアってなんで叨護が`うの
¢ サ`バ`サイド?フロントエンド?モバイルって採
¢ って採
わからないことがあればm卷|してください。匯宥りしKわった瘁にも|タイムをOけますので、そ
こで|いただいても寄嬋健です。
エンジニアってなんで叨護が
`うの
サ`バ`サイド、フロントエンドなど、エンジニアには弼?な柵び兆があります。
これらの`いは採絞伏まれたのでしょうか
g表の繁がvわる二鮫を紳糞
にgFするには
箭えば、vS宀 繁でオリンピックを二鮫するとしたら、どんなLに二鮫をMめ
ていきますか紳糞弔砲笋襪砲呂匹Δ靴泙垢
叨護蛍毅と蛍I
g表の繁がSる栽、光?の叨護を苧_にし、仝蛍I々することで、輝隼ながら
紳柄爾Mめることができるようになる。
エンジニアリングも揖に、仝蛍I々することで_k紳覆鯢呂欧襪海箸竃栖るよ
うになる。
フロントエンドエンジニアって採
が竃栖る繁なの
フロントエンドエンジニアという叨護の繁が仝蛍I々する嶄で竃てきます。泳らは
採が竃栖る繁なのでしょうか
麼に、フロントエンドを
仝毅輝々するだけの繁
謹くの栽、フロントエンドを仝毅輝々するだけであって、フロントエンド參翌のエン
ジニアリングも竃栖ることが宥械です。
とはいえ、仝叨護蛍毅々を否叟にするために、徭附の誼吭な蛍勸を苧_にし、仝フ
ロントエンド々吉に柵び兆が蛍かれているだけです。
曝蛍けはただの箸龍譴淋
¢ 謹くのプログラミング冱Zの児Aは揖じ
$ Tれていれば、ちょっとやれば麿の冱Zもける
¢ 麿圭、冱Zやフレ`ムワ`クの挫みがある
$ 挫きな蛍勸をやっていたい
$ 恷枠極にいAけるためには蛍勸をgるしかない
柵び兆の`いはあれど、コアスキルは寄餓ありません。箸龍譴累`
いに篠って柵び兆が蛍かれているに^ぎません。
サ`バ`サイド?フロントエン
ド?モバイルって採
サ`バ`サイドエンジニア、フロントエンドエンジニア、モバイルエンジニアがそ
もそも採をしているのかをh苧します。
¢ ブラウザはこの3つしか盾できず、畠ての サイト、
アプリケ`ションはこの つで恬られている
$ HTML
$ CSS
$ JavaScript
¢ で恬られるペ`ジを楚bするために、
や などのプログラムや、デ`タベ`スが贋壓
児A岑Rのおさらい
って
それぞれ採をするの
それぞれ採をしているものなのか、岑っていることをざっくり慌嗤してみましょう。
定旗
¢
$ ほとんどの が返きでかれていた繁サイトなど
¢
$ 鮫中に弼を原けたりする殻業の聞われ圭だった
¢
$ ほとんど採も聞われていなかった
それぞれ竃栖ることが富なかったのが 定旗
定旗
¢
$ プログラムで恬られることがえていった
¢
$ 燕Fできる弼 侘が俾?にえていった
¢
$ など、サ`バ`との宥佚で聞われることもえていった
それぞれの便箙譴笋錣辰討い辰燭里 定旗
定旗
¢
$ によって恬られるケ`スがえていった
¢
$ 勣殆を咾す吉の聞い圭もえていった
¢
$ デ`タを圷に をMみ羨てるようになっていった
$ や などのフレ`ムワ`クがえていった
の便箙譴寄きくレがったのが 定旗
定旗
¢
$ 伏の がそのままかれることは峻oになった
¢
$ でかれるケ`スもえていった
¢
$ だけで アプリケ`ションをgF
$ を聞わずに でやりたいことをgF
それぞれをより悲にけるようになっているのが 定旗
これらのs雰貧の篁は採絞伏
まれたの
の叨護はどんどん篁していきました。この篁は採
絞伏まれたのでしょうか
ブラウザが
Miしたから
ブラウザのMiに育い、 ブラウザ貧で竃栖ることが鯉粁にえていっ
た。それによって、 の叨護がどんどん笋錣辰討い辰拭
ブラウザのどんな何蛍がMiし
たの
定旗と 定旗で、ブラウザのどんなMiがあったがゆえに
の叨護が笋錣辰燭里、深えてみましょう。
來嬬
ブラウザの來嬬が貧がることで、 ブラウザ貧でのプログラムのg佩
 のg佩 }jな の盾がより否叟になった。そのことにより、
が喘いられることがえ、 ブラウザ貧でより}jなI尖を佩える
ようになった。
☆ gBとしてはもっと弼?笋錣辰討い襪、寄まかに鹿sすると仝來嬬々というワ`ドになる
¢ モバイル P 階互來嬬な ブラウザと彌えて措い
¢ 互來嬬が絞に、よりサクサク より弼んな並ができる
¢ 児云議な碧Mみは ブラウザを喘いる栽と笋錣蕕覆
モバイルについてのa怎
サ`バ`箸咾RubyやJavaだけでなく、
Webブラウザで咾JavaScriptやCSSの叨
護がどんどんくなった。
そのため、サ`バ`箸肇屮薀Ε箸拝杆遒
蛍けることがえた。
¢ 麼にサ`バ`箸I尖をく繁
$ や などの冱Zを聞う
¢ ブラウザで燕幣する を紳糞弔防み竃すためのI尖
を恬ったり、デ`タベ`スから函誼したデ`タを ブラウザ燕
幣するためのI尖を恬ったりする
¢ デ`タベ`スとWebブラウザの嶄gに了崔する並が謹い
サ`バ`サイドって採する繁
¢ 麼に ブラウザで咾プログラムをく繁
$ や が麼な旋喘冱Z
¢ サ`バ`サイドエンジニアの繁がデ`タベ`スから函誼したデ`
タを、 ブラウザに燕幣する何蛍のI尖をくことが謹い
¢ ブラウザ貧でのた朕を屁えるプログラムをくことも謹い
フロントエンドって採する繁
¢ フロントエンドとほぼ揖じことをモバイルで佩うだけ
¢ ブラウザとモバイルでは隠隔すべき児A岑Rが畠くなるた
め、gHの碧並坪否は寄きく`う
モバイルエンジニアって採する繁
☆ モバイルの嶄にデ`タベ`スを隠隔したりすることも謹く、サ`バ`サイド フロントエンドのような叨護になることも謹い
って採
エンジニアとすと竃てくる や というgZは採を燕しているのでしょう
か
ってそもそも採がかれ
ているの
にはどのような勣殆が根まれているか、岑っていることを慌嗤してみま
しょう。
秤 や
などのファイルへの歌孚
コンテンツのタイトル のような秤鵑世韻任覆、
といった麿のファイルへの歌孚などが根まれている。
歌孚されたファイルは ブラウザへ脅業ダウンロ`ドされる。
☆ 齢、鮫颪啝などのファイルへの歌孚もある
の の箭。弼?な や への歌孚がある。
の では、 ほどのデ`タが燕幣されている 扮泣
テキストだけが`うペ`ジを紳
議に燕幣するには
には麿ファイルへの歌孚など、g表の秤鵑かれています。とはいえ、
プロフィ`ルペ`ジなど仝テキストだけが`う々ペ`ジを燕幣したいときに畠ての
秤鵑鰌iみzみ岷すのは、掲紳覆任呂覆い任靴腓Δ
テキスト何蛍だけ秘れ紋える
畠ての何蛍をiみzみ岷すのは掲紳福そのために、云栖厚仟したい何蛍だ
けをiみzみ岷す圭隈が函られるようになった。
これが や という室gの功云にある房襦
¢ ブラウザ貧に燕幣された蒙協の のみを、サ`バ`と
宥佚して誼られた 吉で崔きQえる室g
¢ 畠てのペ`ジをiみzみ岷す駅勣がないため紳糞
¢ 麿圭、ペ`ジのw卞がk伏した栽などは、w卞枠のペ`ジをi
みzみ岷すす駅勣がある
☆ g廾によっては でw卞枠のペ`ジ畠てを崔きQえる吉も齢辛嬬だが、護
¢ を仝夛々と仝デ`タ々に蛍ける
¢ 仝夛々何蛍は畠て枠にiみzんでおき、仝デ`タ々をe余サ`
バ`から函誼する
¢ 函誼した仝デ`タ々と仝夛々を でMみ栽わせ、仝 ブ
ラウザ貧々で仝 々を伏撹する
¢ 兜指iみzみの楚はえるが、參瘁のiみzみは仝デ`タ々のみ
となるためX楚
¢ ペ`ジw卞という古廷がなくなる┐罎┐縫轡鵐哀襯擧`ジ
 
☆ g廾によっては でw卞枠のペ`ジ畠てを崔きQえる吉も齢辛嬬だが、護
いっそのこと畠何 だ
けでやったら
で を恬るのであれば、そもそもサ`バ`サイドは音勣なので
は燭覆社杆遒蛍かれているの
フロントエンドは倩を原く
ブラウザで燕幣されるデ`タは、ブラウザ貧でいくらでもシができる。そ
れゆえに、 アプリケ`ションでは仝サ`バ`箸任離丱螢禰`ション秘薦
のチェック々が駅となる。
そのため、フロントエンドだけで━F壓は撹羨しない。
蝶オ`クションペ`ジのデ`タをブラウザでシした箭
このまま澓竃栖ると寄笋覆海箸砲覆
まとめ
?エンジニアの叨護はあくまでも箸龍譴淋
?寄きな送れとして、Webブラウザ貧でのI尖の叨護がくなり、Y惚と してフ
ロントエンドという叨護が伏まれた
?宥佚楚をpらし、より紳糞弔縫擧`ジを燕幣するために、AjaxやSPAと いう古
廷が伏まれた
?JavaScriptだけで弼?竃栖るようになったが、サ`バ`箸任離丱螢禰` ショ
ンは駅
Any questions?

More Related Content

ビジネスサイドが岑っておくべきエンジニアの叨護についての三