SlideShare a Scribd company logo
MVCフレームワークとの付き合い方
柴田 和祈 / @shibe97
クリエイター大新年 presented by HTML5minutes
柴田 和祈
@shibe97
Web Designer / Frontend Engineer
Model(データ)
View(見た目)
Controller(その他もろもろ)
次々に出てくるMVCフレームワーク
覚えることがたくさんあって
大変だよね
大変?
あれ、そもそも何のために
MVCフレームワークを
使ってるんだっけ…?
• サービス運用の効率アップ
• 複数人での開発をスムーズに
• コードの見通しを良くする
• レビューのしやすさ
• アプリケーションを強くする
• etc…
楽するため
わざわざ大変な思いをしていたら
意味が無い
どのフレームワークも
極めればそこまで大差はない
と、大胆なことを言ってみる。
フレームワークの能力
フレームワークの能力
+実装力(Aさん)
フレームワークの能力
+実装力(Bさん)
• しっくりくるフレームワーク
• しっくりこないフレームワーク
• 誰でもAngularを使えば最強?
• 誰でもReact使えば最強?
それはその人次第
だから無理にネットの情報に踊らされる必要はない
極めるまでが大変
4~6ヶ月くらい?
業務だと、リファクタするのも一苦労なので1年くらい?
1. 概念/思想の理解
2. 使い方の理解
3. 使いこなす
極めるまでのステップ
1. 概念/思想の理解
2. 使い方の理解
3. 使いこなす
極めるまでのステップ
人間は成長する
俺的なベストプラクティスができた!と思っても、

1ヶ月後にはクズコードになったり。
新フレームワーク
が出てくる期間
1つを極める時間 >
全てを極めるのは無理
※一部の神様を除く
まずひとつ極めましょう
愛着が湧きます
ちなみに僕は
Backbone + Marionetteが好き
おれのさいきょうの○○
ベストプラクティスを

探していくことこそが楽しい!
フレームワークの争いとか
やめましょう
自分の推しフレームワークを
とことん愛しましょう!

More Related Content

PDF
( ゚∀゚)o彡° Flux! Flux!
KEY
塹壕よりLivetとMVVM
PDF
React.js + Flux
PDF
JS初心者だけど3ヶ月でこんだけ書けるようになりました
PPTX
Visual Studio 2017 事はじめ
PDF
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
PPTX
Reactつかってみた
ODP
MVC の Model を考える
( ゚∀゚)o彡° Flux! Flux!
塹壕よりLivetとMVVM
React.js + Flux
JS初心者だけど3ヶ月でこんだけ書けるようになりました
Visual Studio 2017 事はじめ
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Reactつかってみた
MVC の Model を考える

What's hot (20)

PPTX
JavaScriptを使った開発を始めるなら!TypeScriptをはじめよう ~ ステップアップ
PPTX
Azure上でec cubeを運用するポイント
PDF
モダンJavaScriptフレームワークで技術的負債を作らないために
PDF
プロ用CMSフレームワークテーマ「echo」のご紹介
PDF
WordPress ユーザーのための a-blog cms 入門
PPTX
勉強会vol.16 Instapage
PDF
svelte と tailwind で始めるフロントエンド開発
KEY
やはりお前らのMVCは間違っている
PDF
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
PDF
ASP.NET MVC で Bootstrap
PDF
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
PDF
Windows 8 UX Guidelines
PDF
インブラウザデザインのすすめ
PDF
MvcのFatモデルに立ち向かう
PDF
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
PDF
20120826 ec cube-handson
PDF
ブラック企業から学ぶMVCモデル
PDF
HTML5-20100626
PDF
PHPerでもわかる!実践Webアクセシビリティ
PDF
インブラウザデザインについて(考察)
JavaScriptを使った開発を始めるなら!TypeScriptをはじめよう ~ ステップアップ
Azure上でec cubeを運用するポイント
モダンJavaScriptフレームワークで技術的負債を作らないために
プロ用CMSフレームワークテーマ「echo」のご紹介
WordPress ユーザーのための a-blog cms 入門
勉強会vol.16 Instapage
svelte と tailwind で始めるフロントエンド開発
やはりお前らのMVCは間違っている
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
ASP.NET MVC で Bootstrap
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
Windows 8 UX Guidelines
インブラウザデザインのすすめ
MvcのFatモデルに立ち向かう
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
20120826 ec cube-handson
ブラック企業から学ぶMVCモデル
HTML5-20100626
PHPerでもわかる!実践Webアクセシビリティ
インブラウザデザインについて(考察)
Ad

Viewers also liked (16)

PDF
オープンアーキテクチャ,オープンソースソフトウェア時代の標準化フレームワークを使用したプロジェクトマネジメント
PDF
【学習メモ#1st】12ステップで作る組込みOS自作入門
PPSX
Solving the rubik’s cube
PDF
Mullor, much more than facility services
PDF
CONFERENCE PROGRAMME 2010
PPTX
Открытка к 9 мая
PPTX
Pecha kucha bornem
PPTX
The Cybersecurity Kill Chan - myth or threat
PPTX
Digitecture pop150316
PDF
CONFERENCE PROGRAMME 2012
DOCX
Chris Stumpf lbmo afm nanolithography report
PPT
The museum de sergio.g
PPTX
Environment campaign framework
PPTX
ISBarcamp
PDF
CONFERENCE PROGRAMME 2014
PDF
Diah Eka Ratna
オープンアーキテクチャ,オープンソースソフトウェア時代の標準化フレームワークを使用したプロジェクトマネジメント
【学習メモ#1st】12ステップで作る組込みOS自作入門
Solving the rubik’s cube
Mullor, much more than facility services
CONFERENCE PROGRAMME 2010
Открытка к 9 мая
Pecha kucha bornem
The Cybersecurity Kill Chan - myth or threat
Digitecture pop150316
CONFERENCE PROGRAMME 2012
Chris Stumpf lbmo afm nanolithography report
The museum de sergio.g
Environment campaign framework
ISBarcamp
CONFERENCE PROGRAMME 2014
Diah Eka Ratna
Ad

Similar to MVCフレームワークとの付き合い方 (20)

PPTX
いまさら学ぶMVVMパターン
PPT
T35 ASP.NET MVCを使ったTDD入門
PDF
090821 Ruby Sapporo Night Ruby Cocoa
PPTX
Team Foundation Server / Visual Studio Online を利用したチーム開発の実践
PPTX
Silverlightと業務アプリ
PDF
LightSwitch で遊んでみた Rev. 2
PDF
SpringBoot開発の基本
PPTX
エンジニア力底辺のデザイナーが Vue.jsチャレンジ 
PPTX
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure 活用方法
PDF
軽量ASP.NETフレームワークNancy
PDF
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
PDF
サイドプロジェクトで使う Azure DevOps
PPTX
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
PPTX
20130316 mix cpp-yuo
PDF
HTML5 Web Design Workflow
PDF
なぜ Enterprise は Sencha を選ぶのか?
PDF
LightSwitchで遊んでみた
PDF
Eight meets AWS
PDF
人が作るソフトウェア 〜今組織パターンを読む意味〜
PPTX
Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4
いまさら学ぶMVVMパターン
T35 ASP.NET MVCを使ったTDD入門
090821 Ruby Sapporo Night Ruby Cocoa
Team Foundation Server / Visual Studio Online を利用したチーム開発の実践
Silverlightと業務アプリ
LightSwitch で遊んでみた Rev. 2
SpringBoot開発の基本
エンジニア力底辺のデザイナーが Vue.jsチャレンジ 
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure 活用方法
軽量ASP.NETフレームワークNancy
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
サイドプロジェクトで使う Azure DevOps
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
20130316 mix cpp-yuo
HTML5 Web Design Workflow
なぜ Enterprise は Sencha を選ぶのか?
LightSwitchで遊んでみた
Eight meets AWS
人が作るソフトウェア 〜今組織パターンを読む意味〜
Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4

MVCフレームワークとの付き合い方