~OSSから学ぶ~ MVCフレームワークの保守性がモリモリ上がるクラス設計 - dely engineering blog

2019/12/24 24 users OSS dely engineering blog 保守性

こんにちは、delyコマース事業部エンジニアの小川です。 先月11月に入社し、エキサイティングな毎日を過ごしています。 この記事はdely Advent Calendar 2019 - Qiitaの24日目の記事です。 昨日はSREの松嶋さんが「AWS RunCommandを使ってEC2上に監視ダッシュボードをサクッと作る（Ansible+Terraform+Grafana編）」とい... 続きを読む

私がMVCフレームワークをもはや使わない理由

2016/06/30 738 users 原文 レスポンス API フォーマット 会話

原文(投稿日：2016/2/3)へのリンク 最近の私の最悪の仕事のひとつはフロントエンド開発者向けのAPIを設計することです。それは次のような会話になります。 開発者 – この画面にはxとyとzの要素がある。… だから{x: , y:, z: }というフォーマットのレスポンスを返すAPIを作ってくれないかな。 Me – はい。 もうこれ以上議論したくありません。プロジェクトは最終的には頻繁に変わる... 続きを読む

MEANスタックで始めるWebアプリ開発入門（5）：いまさら聞けないMongoDBの基礎知識とインストール、CRUD操作の基本、モデリングツールMongooseの使い方 (1/3) - ＠IT

2015/07/13 48 users MongoDB MEANスタック Express 連載目次

「MEANスタックで始めるWebアプリ開発入門」連載目次 前回の、『Node.jsのMVCフレームワーク「Express」における静的ファイル、ルーティング定義、セッション管理、エラー処理』では、サーバ側のMVCフレームワーク「Express」のいろいろな機能について紹介しました。 今回は、MEANスタックの「M」の部分、MongoDBについての概要と、Node.jsからMongoDBへアクセスす... 続きを読む

MEANスタックで始めるWebアプリ開発入門（4）：Node.jsのMVCフレームワーク「Express」における静的ファイル、ルーティング定義、セッション管理、エラー処理 (1/2) - ＠IT

2015/05/18 53 users MEANスタック Express ルーティング定義 CSS

Node.jsのMVCフレームワーク「Express」における静的ファイル、ルーティング定義、セッション管理、エラー処理 (1/2) MEANスタックを用いたWebアプリの開発方法について紹介していく連載。今回は、Expressを使ったWebアプリ開発に必要な4つの機能として、HTMLやCSS、JavaScriptなどの静的ファイルの使い方、HTTPメソッドや正規表現を使ったルーティング定義、Me... 続きを読む

AngularJSのDOMイベント処理と注意すべきディレクティブを知り、HTMLテンプレートを使いこなそう （1/3）：CodeZine

2015/05/07 42 users CodeZine AngularJS ディレクティブ 本連載

本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。今回はHTMLのDOMイベントとこれまでのディレクティブ紹介から紹介しきれなかった、知っておくと便利なディレクティブや注意したいディレクティブを紹介します。DOMイベントにはよく利用するイベントが、あらかじめAngularJSでも用意されています。また、AngularJSを使っているとちょっと... 続きを読む

MEANスタックで始めるWebアプリ開発入門（3）：Node.jsのMVCフレームワーク「Express」の基礎知識とインストール (1/3) - ＠IT

2015/03/04 120 users Gulp MEANスタック npm Express 連載目次

連載目次 前回の「いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール」において、サーバーサイドJavaScript実行環境であるNode.jsについて基本的な説明を行いました。また、その周辺ツールであるnpm、Gulpを含めた環境のセッティングも行い、Node.jsを用いてMEANスタックアプリ開発ができる状態になったと思います。 本記事では上記環境を用いて説明していくので、... 続きを読む

AngularJSのサービス開発とユニットテスト ～テストの流れを把握して保守性の高いコードにしよう （1/2）：CodeZine

2015/02/06 46 users ユニットテスト CodeZine AngularJS テスト

本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回で完成したタスク管理をするサンプルアプリを使って、データ管理をサーバ（PHPで実装）で行うように変更します。そして、後半はユニットテストの方法を紹介します。AngularJSのDI機能はテストを行いやすい構造にすることができますので、テストの流れを把握した上でコードを記述するとよりメンテナ... 続きを読む

JavaScriptの2014年

2015/01/09 39 users JavaScript Gulp TypeScript YUI

2014年はJavaScriptとウェブにとって印象的な年だった。MVCフレームワークからちいさな特殊なライブラリまで、私たちInfoQはたくさんの記事を書いた。 多くの開発者がJavaScriptにTypeScriptやFlowを使って型システムを導入しようとした。Yahooは8年開発し続けたYUIを捨てた。Gulpという新しいビルドシステムがGruntの地位を奪った。Node.jsは年の始めに... 続きを読む

GoでCRUDでMVCなWEBアプリケーションを書く - Qiita

2014/12/28 77 users Qiita CRUD SQLite Goji バリデーション

Goの勉強を兼ねて、基本的なCURDを満たす、MVCなWEBアプリケーションを作りたいと思います。 データベース DBはSQLiteを使ってるサンプルが多いですが、せっかくなので今回はMySQL5.6を使うことにします。 ライブラリ GoでMVCフレームワークを作る場合、goji、gormあたりが定番のようなので、これらを使います。 バリデーションだとこれが定番、というのが見つからなかったので、今... 続きを読む

【JavaScript】AngularJSを触ってみた【MVCフレームワーク】 | ホームページ制作│大阪│株式会社ユニオンネット

2014/09/19 22 users AngularJS 山尾 Vue JavaScript スーツ

こんにちわ。 以前のスーツが入らなくなり落ち込んでいる山尾です。 今日は話題のJavascriptのMVCフレームワークAngularJSを触ったので少し紹介します。 少し前にVue.jsを触ったことがあったのですがAngularJSも触ってみようと思い手を出したのですが・・ Vueよりいい！！ 何がいいってドキュメントやサンプルが豊富！ これは僕みたいな未熟者が学習するにあたってデカいことですよ... 続きを読む

Node.jsのWebフレームワーク「Sails」を使ってpub/subアプリを作ってみる （1/5）：CodeZine

2014/04/01 299 users CodeZine pub Tech-Sketch 加筆 コレ

本連載ではTIS株式会社が提供している技術ブログ「Tech-Sketch」から「コレは！」というテーマをピックアップし、加筆修正して皆様にお届けしています。今回はNode.js上で利用できるMVCフレームワークであるSailsについて取り上げたいと思います。 Sailsとは　Sailsは米国オースティンにあるBalderdash社のMike McNeilさんを中心として作成されているMVCフレーム... 続きを読む

AngularJS、次バージョンとなるAngularJS 2.0の開発がスタート － Publickey

2014/03/20 27 users Publickey AngularJS フレームワーク 始ま

Googleがオープンソースで開発しているJavaScript用のMVCフレームワーク「AngularJS」は、テンプレートエンジンの機能やアニメーション機能、フォームバリデーション、ローカライゼーション機能、依存性注入（DI）など、非常にリッチなフレームワークになっています。 AngularJSの現行バージョンは1.2ですが、メジャーバージョンアップのAngularJS 2.0に向けて作業が始ま... 続きを読む

JavaScript MVCフレームワーク「AngularJS 1.2」リリース。要望の多かったアニメーション機能が追加、脆弱なコードを制限するモードも － Publickey

2013/11/10 269 users Publickey AngularJS Ember.js

JavaScript MVCフレームワーク「AngularJS 1.2」リリース。要望の多かったアニメーション機能が追加、脆弱なコードを制限するモードも JavaScriptのMVCフレームワークはBackbone.jsやEmber.jsなど多くの種類が登場していますが、Backbone.jsやEmber.jsなどが比較的シンプルなフレームワークを指向しているのに対して、AngularJSの特徴は... 続きを読む

JavaScript MVCフレームワークの「Ember 1.0」正式リリース － Publickey

2013/09/01 139 users Publickey テンプレートエンジン Ember ビュー

JavaScript MVCフレームワークの1つとして知られる「Ember」が、長く続いたβ版の期間を終えて正式版の「Ember 1.0」として公開されました。 EmberはBackbone.jsやAngularJSなどとともにJavaScript用のMVCフレームワークとして知られています。特徴は、テンプレートエンジンのHandlebarsを利用して、データを変更すると動的にビューの部分、つまり... 続きを読む

Ember.js はじめました ｜ Developers.IO

2013/08/29 56 users Ember.js クライアントサイド 淘汰 渡辺 流行

こんにちは、渡辺です。テスト系のエントリーやAWS系のエントリーも書きたいのですが、なぜかクライアントMVCのエントリーを投下することになりました。 ここ数年、多くのクライアントサイドのMVCフレームワークがリリースされています。ひとつの流行ではあると思いますが、ある程度の淘汰も進み、ひとつの実装パターンとして認知されているでしょう。そこで、最近になって注目している人も多い、Ember.jsについ... 続きを読む

Node.js MVCフレームワーク Sails.js が良さげなので少し試してみた | Re* Programming

2013/04/29 181 users Programming Rails フレームワーク 環境 少し

Sails.js はNode.jsのフルスタックMVCフレームワークです。 Railsを意識しているフレームワークのようで、Node.js環境において非常に簡単にWebアプリを構成できそうです。 記事作成時の環境です。 Node.js v0.10.1 npm npm v1.2.15 インストール では早速導入 globalインストールでSails.jsをインストールします。 $ npm insta... 続きを読む

MVCフレームワークのBackbone.jsが正式版1.0に到達。jQuery互換のモバイル向け「Zepto」も1.0に － Publickey

2013/03/21 134 users Publickey Zepto MVC jQuery互換 到達

JavaScriptのMVCフレームワークとして、おそらくもっとも知名度が高いと思われるBackbone.jsが、ついに正式版となるバージョン1.0としてリリースされました。 Backbone.jsは、わずか1500行程度のとても軽いフレームワークなのが最大の特徴です。昨年末には翻訳コミュニティのenja-ossによってコメントをすべて日本語訳したソースコードが公開されています。 MVCを実現する... 続きを読む

JavaScriptにおける、MVCフレームワーク以外の選択肢 － Publickey

2012/11/25 340 users Publickey MVCアーキテクチャ フレームワーク

JavaScriptではさまざまなフレームワークが登場していますが、最近注目を集めているのがMVCアーキテクチャの実現を容易にするMVCフレームワークです。Publickeyでも以下の記事などで紹介してきました。 JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ JavaScript MVC座談会。遅くならない？ それぞれの特徴は？ サーバとの通信は？（... 続きを読む

Appcelerator製。Titamium用MVCフレームワーク「alloy」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/06/23 49 users MOONGIFT Alloy Titanium iOS 自由度

JavaScriptを使ってiOSもAndroidアプリも作れるのが魅力のTitaniumですが、大型なアプリを作るには仕組みの自由度が高過ぎに感じる人も多いのではないでしょうか。そこで使ってみたいのがAppcelerator社自らが開発するMVCフレームワークのalloyです。 0 続きを読む

Rails連携型Webアプリケーションフレームワーク「Joosy」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/06/16 22 users MOONGIFT サーバサイド jQuery Rails

コントローラ部の実装です。 ビューはHAMLで記述します。 JoosyはRailsの中にJavaScriptを使ったMVCフレームワークを組み込みます。肝になるのはCoffeeScript、jQuery、HAMLそしてSuger.jsとなっています。そしてデータをAjaxでサーバサイドとやり取りし、その結果をレンダリングするのみで画面を再描画することなく表示できるようになっています。独自の仕組みを... 続きを読む

Java開発で泣かないためのPlay frameworkの基礎 - キーストーン

2012/06/10 8 users MVC Scala サーバサイドJava フレームワーク 多田

第1回 株式会社ビーブレイクシステムズ 多田 丈晃 2012/4/9 「Play framework」は、サーバサイドJavaとScalaのためのMVCフレームワークです。この連載では、主にJavaのフレームワークとしてのPlay frameworkを紹介していきます。でも「Javaで、Web向けで、MVCで……」なんて、ありふれた感じですよね。それなら「Scalaで、どう作るのか」という話の方が... 続きを読む

Titanium Mobile用のMVCフレームワーク、”TiMVC”を試す | (mshk) blog

2012/03/11 33 users mshk フレームワーク Titanium mobile

はじめに アプリケーションを開発する際に、コード全体の構成をどのように行うかはいつも頭の痛い問題です。ウェブの世界では、Ruby on Railsなどのフレームワークが多く使われています。Titanium Mobileにも、いくつかのフレームワークがありますが、今回はTitanium Market Placeでダウンロード可能な「TiMVC」を試してみました。 ダウンロード Titanium Ma... 続きを読む

JavaScriptのMVCフレームワークたち ｜ Classmethod.dev()

2012/01/06 681 users Classmethod.dev フレームワーク 欲求 開発

JavaScriptでイイ感じに開発をしたいという欲求が高まってきたため、自分でフレームワークを作らずに世界の賢者たちから学びたいと思います。今回は、JavaScriptでMVCフレームワーク等を実現しているフレームワークたちをご紹介します。 Backbone.js Spine.js JavaScriptMVC AngularJS SproutCore Ember.js YUI App Frame... 続きを読む

Backbone.js -JavaScriptのMVCフレームワーク- ｜ Classmethod.dev()

2012/01/03 190 users Classmethod.dev データバインディング

Backbone.jsとは？ Backbone.jsは、JavaScriptによる大規模なアプリケーション開発を行う際に力を発揮するMVCフレームワークです。データバインディングとカスタムイベントを備えたModel、配列情報を表すCollection、イベントをハンドリングするView、サーバーサイドのアプリケーションと連携するためのRESTful JSONなどをフレームワークとして備えています。... 続きを読む

PHP5でMVCフレームワークを自作するためのチュートリアル:phpspot開発日誌

2011/12/10 68 users デファクトスタンダード チュートリアル 沢山 PHP5 速度

12 Tutorials for creating PHP5 MVC Framework PHP5でMVCフレームワークを自作するためのチュートリアル PHPフレームワークは沢山ありますが、速度や機能面において、これといってデファクトスタンダードが決まっているわけではないという状況です。 なんか機能が便利そうだなとおもって使うと速度が全くでなくて規模の比較的大きなサイトだと使いものにならなかったり... 続きを読む