#REST + MVC しか知らない人は model クラスがない ＝ controller に手続き的に書くという想像をしてしまうようだが、そもそも controller という層が存在しなくても（ API のレスポンスに責務を持つ層がバリデーション含めたロジックを宣言的に表現できるなら ）良いと考えられるし、それが GraphQL なら resolver なんだとなる。GraphQL はエンドポイント1個しかないんだから controller もへったくれもあるわけないよね！ 極論 Prisma をキレイに使いたければ、サーバーサイド ＝ REST + MVC という無意識の前提が邪魔ということになる（ いわゆる node.js でサーバーサイドをやるのがつらいという話って、結局の所 express で MVC がつらいって話にすぎなくないですか？ ）。ORM を使うこととアーキテクチ
はじめに RailsはMVCフレームワークとしてよく使われていますが、昨今はRailsをAPIモードで利用して、フロントはReactなりVueなりで書くことが多いかと思います。 とはいえその流れはここ数年で、少し前まではRailsデフォルトの方法としてフロント側もerbファイルで書いているプロジェクトがほとんどだったと思います。 そのまま流れで、運用しているプロジェクトもたくさんあると思いますが、パフォーマンスや保守性のため分離したいと考えている人も多いかと思います。 本記事ではなるべく低工数でフロントエンドとバックエンドを分離する方法を考えました。 色々試行錯誤してこういう結論に達したというだけなので、アドバイスあれば是非お願いします！ 結論 先に結論だけ書いておくと、「Get系はGraphQL、他はRestAPIで書く」です。 前提条件 MVCで書かれているので、基本的にAPI仕様書は
小規模案件のデスクトップアプリをMVCで設計する 開発委託でのリスク 最近、客先の受託開発の案件で、「既存の流用ソフトウエアを開発した後に、新規機能を付けたデスクトップアプリケーションを開発したい」と要望があった。 客先からしてみれば、開発委託案件であるから、当然ソフトウエアは他社に外注して全ての品質を担保して作ることが大前提である。 ところが、それは大体IT企業として商売をしているところなどの常識であり、委託側に設計能力がない場合、仕様すら決まらないときが結構あるのだ。 そういうチームでは、割とこういうことが起きる。 すると、そのソースコードを読んだりして必死に仕様に解読するんだけど、ドキュメントない、設計書ない、テスト仕様もない状況になり、結局そういうことが出来る専門家を探すということで外注を始める。 もちろん、そういう案件があること自体は構わない。しかし、ここでの設計を全任してしまう
Spring MVCからSpring WebFluxへ
[！] この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 みなさんはリアクティブプログラミングという言葉を聞いたことがあるでしょうか？ リアクティブプログラミングは、リアルタイムに発生するストリームデータを非同期に処理するプログラミングパラダイムです。リアクティブプログラミングでアプリケーションを開発できるライブラリにはAkka ⧉やSpring WebFlux ⧉、ReactiveX ⧉などがあります。 この記事では、その中のSpring WebFluxについて説明し、実際にアプリケーションを開発して学んだことを紹介します。なお、Spring Frameworkの仕組みに関する詳細な説明は行いませんのでご了承ください。 Spring WebFluxの紹介 Spring WebFluxは、リアクティブプログラミングによってノンブロッキングで非
MVCフレームワークを初心者向けに丁寧に解説！
MVCは機能のことではなく、アプリケーションを作成する時にコードを綺麗に保って管理するための考え方のことです。 Ruby on Railsは、プログラミング言語であるRubyで書かれたWebアプリケーションフレームワークですが、MVCというデザインパターンが取り入れられたMVCフレームワークでもあります。 補足説明 デザインパターンとは、コードを綺麗に保ったり、あるパターンに当てはめてコードを管理しやすくする為のテンプレートのようなものです。 MVCとは、「Model, View, Controller」の3つの頭文字をとったものです。
Wevoxでエンジニアをしているタガミと申します。Wevoxのフロントエンドエンジニアをやっています。 早速ですが、エンジニアやデザイナーの皆さん。毎日バグ対応と闘っていますか？ 日頃プロダクト開発をしていると、バグ対応や軽微なデザインの修正などに関して、ユーザーから直接問い合わせがあったり、あるいは社内の営業メンバーなどを介してだったり、はたまたエンジニアが自ら発見してコミュニケーションをとることもあります。「プロダクトは作ったら終わり！」というプロダクトはいまや少なくなり、新規開発を進めつつ、同時にバグ対応もする、そんなことが当たり前になっているのではないでしょうか。 さらにこうしたバグ対応を複雑化させる要因として、「コミュニケーションツールの多様化」も挙げられると思います。例えば弊社では主にSlackを使っていますが、お客様からはメールや電話で連絡がきます。さらに、zendeskやi
ExpressをシンプルなMVCの書き方に変えて、Docker+VSCodeでデバッグもできるようにしてみました - Qiita
ExpressをシンプルなMVCの書き方に変えて、Docker+VSCodeでデバッグもできるようにしてみましたNode.jsExpressDockerdocker-composeVSCode 意外と検索したら出てきそうなのに、蓋を開けたら「なんでこんな難しい書き方してるの？」「わかるけど今のNode.jsならもう少し綺麗に書ける気がする」という感じだったので、今回自分で最新の公式ドキュメントだけ見て書いたコードをまとめてみました。 ざっくりやっていることは express-generatorで生成されたファイルをMVCの書き方にする シンプルかつ2021年最新の書き方にしてみる あらゆる環境を仮想化して誰のパソコンでも再現できるようにする となります。 Expressというフレームワークが非常に最小限の構成となっているので「Laravelのように機能の多いフレームワークだとかえってどこで
Spring Web MVCのViewでPDFを生成して返す
Spring Web MVCのドキュメントを読んでいた所、ViewとしてPDFが使用できるらしい記述を見つけました。 これまでにPDFを動的生成したいと思うことが度々あったため、これを機に試してみました。 Spring Web MVC 公式リファレンス Spring Web MVCの公式ドキュメントにおいて、PDF Viewについてはこちらに記載されています。 必要なライブラリ OpenPDFのライブラリを使用するため、pom.xmlに以下のように記載します。 Maven Repositoryはこちらです。 <dependency> <groupId>com.github.librepdf</groupId> <artifactId>openpdf</artifactId> <version>1.3.11</version> </dependency> なおiTextも使用できるようですが
はじめに 最近、「App Routerで開発すること多いけど、RSCを最大限活用できていないのでは？」と思ったので、MVCアーキテクチャからRSCにかけてのレンダリングの変遷を調べ、どのようにしたら、RSCにおける良い実装ができるかを学習したので、その内容をまとめたいと思います。 本記事では、MVC〜RSCの変遷を記述しているのですが、具体的には、以下の順で解説しています。 1.MVC 2.SPA 3.SSR 4.RSC これらのレンダリングの変遷を見ていき、RSCでどのように実装したら、よりパフォーマンスの良いフロントエンドを開発できるかを解説しようと思います。 MVCアーキテクチャ まず、MVCではどのようにレンダリングしていたかを解説します。 図にすると以下のようになるかと思います。 MVCでは以下の順で処理を行っていました。 1.クライアントからリクエスト 2.Routingに基づ
Supporting Micro-frontends with ASP.NET Core MVC - Developer Support
In this post, App Dev Manager John Abele explores micro-frontend design with ASP.NET Core and MVC. Many development teams have spent the last few years organizing and empowering cross-functional teams, building independently managed microservices, and implementing DevOps pipelines to go faster than ever! These industry shifts, critical for organizations to plan less and react more, solved old prob
未読スルーされてしまった… 何をどうすれば良いかわからない… 大好きな人に未読スルーされると、パニックになってしまいますよね。 「このままずっと未読スルーされたままなんじゃ…」「もう脈なし？付き合いたかったけど無理なのかな？」 不安で不安で仕方...
ページ遷移をクライアントサイドで行う。Ajaxを使用して必要な時に必要な部分だけデータを取得してViewを表示するため、オーバーヘッドが軽減される 従来型のWebアプリケーションよりも、より高速なUIの動作を実現でき、ネイティブアプリのような、より滑らかなユーザー体験を提供できる。現在では多くのWebアプリケーションがSPAで実装されている。 また、SPAの流行に合わせてサーバーサイドの実装も変化しています。SPA以前はJavaのStrutsや、Ruby on RailsなどのサーバーサイドのMVCフレームワークが備えているビューの機能によってUIを実装するのが一般的でした。この形式では、サーバーサイドがビュー（HTMLの生成）までを担当し、都度HTMLをクライアントサイドに渡していた。 SPAの登場によりJSON形式のAPIがサーバーサイドとフロントエンドのつなぎを担うという設計が普及し
このコンテンツは eBook の「ASP.NET Core および Azure での最新の Web アプリケーションの設計」からの抜粋です。.NET Docs で閲覧できるほか、PDF として無料ダウンロードすると、オンラインで閲覧できます。 "あなたが製品の単体テストを好まないと、あなたの顧客もテストを望まないでしょう。" _- 作者不明- 変更に対応するとき、複雑なソフトウェアには予想外のエラーが発生することがあります。 そのため、ほとんどの些細な (少なくとも重要性が最も低い) アプリケーションを除くすべてのアプリケーションで変更後のテストが必須となります。 手動テストはソフトウェアのテスト方法として最も遅く、信頼性がなく、高額です。 残念ながら、アプリケーションがテスト可能であるように設計されていない場合は、これが実行可能な唯一のテストの手段となる可能性があります。 第 4 章に記
今日では、アーキテクチャデザインパターンに関して多くのオプションがあります。Model-View-ViewModel（MVVM）、Model-View-Presenter（MVP）、およびModel-View-Controller（MVC）を使用して多くのアプリを開発した後、私はついにそれらの違いについて話す資格があると感じました。わかりやすくするために、BookSearchアプリで本を検索する画面を作成するなどの簡単な例を使用できます。 今から始めましょう…！ MV（X）の必需品 まず、MVC、MVP、およびMVVMアーキテクチャを簡単に理解してから、それらに飛び込む必要があります。 なぜModel-View-（CまたはPまたはVM）なのですか？ これらのアーキテクチャの目的は、UIアプリケーションの視覚化、処理、およびデータ管理の責任を分離することです。 彼らの目標は増加することです。
<% Article.where(status: 1).order(likes_count: :desc).limit(10).each do |article| %> <%= article.title %> <% end %> この例では「表示処理を行う」ことを責務としたビュー上で、データの呼び出しに関する複雑な処理が書かれています。 このような複雑な処理は、「データ処理を行う」ことを責務としたモデルに記載します。なぜかというとビューファイルに複雑な記述があると、コードの視認性が悪くなります。また、モデルに記述すると、様々なアクションで用いることができます。 また、モデルに定義した処理を行った上で、コントローラでインスタンス変数として定義します。 model class Article < ActiveRecord::Base scope :popular, -> { order(li
[Node.js]Node.js+ExpressでMVCっぽく書いてみる|blog(スワブロ) | スワローインキュベート
こんにちは千田です。 さて、今回はタイトルの通り「Node.js+ExpressでMVCっぽく」書いてみようと思います。 初めてExpressに触れた時、ほとんどのコードをrouterに直接書いてしまっていて、もう少しうまく書けないかなーと思った事がきっかけです。 そもそもMVCモデルとは アプリケーションをM（Model）V(View)C(Controller)の3つに分割して構築するお作法の事です。 以下、 Wikipediaより ・Model：アプリケーションデータ、ビジネスルール、ロジック、関数 ・View：グラフや図などの任意の情報表現 ・Controller：入力を受け取りmodelとviewへの命令に変換する Expressとは 公式サイトより Express は、Web アプリケーションとモバイル・アプリケーション向けの一連の堅固な機能を提供する最小限で柔軟な Node.j
![[Node.js]Node.js+ExpressでMVCっぽく書いてみる|blog(スワブロ) | スワローインキュベート](https://cdn-ak-scissors.b.st-hatena.com/image/square/81886824c4086e07955ead447a840505d0ed8a47/height=288;version=1;width=512/https%3A%2F%2Fswallow-incubate.com%2Fsw_wp%2Fwp-content%2Fuploads%2F2019%2F03%2Fnodeexpess.png)
RailsでのMVCのポイント - Qiita
まず大前提 まずMVCとは、Modal-View-Controllerの頭文字をとったもので、これを理解すると、Railsアプリケーションの全体的な仕組みを知っておくと役に立ちます。 今回のバージョンはRails 6.0.3を使っていきます。 Modal モデルとは一言で言うと、データベースとの通信をしているRubyのオブジェクトです。 /app/modelsというところに、保存されているので確認してみてください。 View モデルを通して取得したデータを受け渡し用の変数にいれ、ビューを呼び出し、ビューは変数を介して渡されたデータを使ってHTMLを作成しコントローラへ返します。つまり、使っている人が見える部分を作るところです。 /app/viewsというところに、保存されているので確認してみてください。 Controller 使っている人がブラウザを通してリクエストを送ると、どのコントロー
LaravelとMVC
タグ： Laravel 養成読本にも書きましたが、ブームしたLaravel3の頃からモデルに関しては何が含まれ、どうすればよいのか意見が分かれていました。もう少し細かく説明しようと思います。 他のフレームワークでは公式ドキュメントでMVCに軽く触れるのが一般的なようです。ところが、MVCの派生パターンはたくさんあり、意見も様々ですから、「これだ」と書かずにぼやかす傾向があります。特にモデルはビジネスロジック全般のことだと匂わせておいて、ORMのサンプルになったりします。 結局、初心者にはよくわからず、ベテランの方々はなんとなく理解できる内容になっています。初心者目線で見ると、結局ORMがモデルのように見えてしまい、ビジネスロジックを書く場所がないため、コントローラに書くファットコントローラを助長します。そして、コミュニティレベルで情報の解説が行われます。 実際、状況はLaravelでも同じ
MVCの基礎の"き" - Qiita
MVCとは？ MVC（Model View Controller モデル・ビュー・コントローラ）は、ユーザーインタフェースをもつアプリケーションソフトウェアを実装するためのデザインパターンである。 アプリケーションソフトウェアの内部データを、ユーザーが直接参照・編集する情報から分離する。そのためにアプリケーションソフトウェアを以下の3つの部分に分割する。 (wikipeiaより) MVCそれぞれのざっくりとした役割 M:Model ■そのアプリケーションが扱う領域のデータと手続き ■SQLとのやりとりなど実際の処理 ■編集マン・技術（TV業界でいうところの） V:View ■モデルのデータを取り出してユーザが見るのに適した形で表示する。 ■画面に表示される顔。HTMLやJavaScriptを記述する。 ■営業or代理店（TV業界でいうところの） C:Controller ■ユーザからの入力
Spring BootでWebアプリケーションを作ろうとすると、「組み込みTomcat(サーブレットエンジン)」×「Spring MVC」の組み合わせでアプリケーションを作る事も多いと思います。その際に・・・自分が思っている通りに動かない時皆さんはどうしているでしょうか？ Spring BootやSpring MVCに詳しい方はフレームワークのクラスに適当にブレークポイントを指定して、どこまで処理が想定通りに動いているか確認する！！という強者も中にはいるかも！？しれませんが・・・Spring Boot(Spring MVC)初心者の方は、何が起きているのかわからず・・・エラー解析に多くの（無駄な）時間をかけてしまうことがあるのではないかと思います。 どうすればよい？ エラーの内容によって対処は変わりますが、ここでは・・・アプリケーション自体は起動したけど、自前で用意したController
Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams Collectives™ on Stack Overflow Find centralized, trusted content and collaborate around the technologies you use most. Learn more about Collectives
電脳麻将におけるMVCの実装 - koba::blog
電脳麻将 は HTML5 + CSS3 + JavaScript で動作する SPA です。こういったアプリを実装する場合、現在は React や Vue を使って宣言的に書くのがあたりまえで、jQueryはオワコン といわれています。ですが電脳麻将はあえて jQuery を使って MVC に基づいて実装しています。その理由は jQueryでないと美しく実装できない と考えるからです。 シナリオ MVCを担当するクラス ツモの際の処理の流れ 打牌の際の処理の流れ React で実装できるのか 結論 シナリオ 電脳麻将はどのように実装されているのか、以下の場面で具体的に説明します。 東家が二萬をツモる 六筒を打牌する MVCを担当するクラス このシナリオにおいて MVC それぞれを担当するのは以下のクラスです。 クラス 説明 M Majiang.Shoupai 手牌を表現するクラス Maji
ASP.NET MVC アプリケーションでの リポジトリ パターンおよび Unit of Work パターンの実装 (9/10)
著者: Tom Dykstra Contoso University のサンプル Web アプリケーションでは、Entity Framework 5 Code First と Visual Studio 2012 を使用して ASP.NET MVC 4 アプリケーションを作成する方法を示します。 チュートリアル シリーズについては、シリーズの最初のチュートリアルを参照してください。 前のチュートリアルでは、継承を使用して、Student エンティティ クラスと Instructor エンティティ クラスの冗長コードを減らしました。 このチュートリアルでは、CRUD 操作に リポジトリ パターンおよび Unit of Work パターンを使用するいくつかの方法について説明します。 前のチュートリアルと同様に、このチュートリアルでは、新しいページを作成するのではなく、既に作成したページでのコー
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prisma を綺麗に使いたければ MVC という発想を忘れるのが良いのでは - fsubal
既存MVCのRailsプロジェクトを最速でフロントとバックエンドに分離する方法 - Qiita
WinFormsの仕事をMVCアーキテクチャ的にして作業分担する - Qiita
早めにやっておきたい"MVC"で整理するバグ対応フロー - Atrae Tech Blog
【Next.js】RSCから見るレンダリングの変遷（MVC〜RSC）
復縁MVC | 復縁経験者の行動心理士が教える！あなたの復縁を成就させる方法
フロントエンド開発の変遷③ SPAの登場とMVC/MVVMフレームワーク - Qiita
ASP.NET Core MVC アプリのテスト - .NET
MVC vs MVP vs MVVM
MVCのリファクタリング - Qiita
Spring BootでSpring MVC関連のログを制す - Qiita
What is the difference between MVC and MVVM?