MEAN(MongoDB, Express, AngularJS, Node.js)スタックが優れている理由 - Mozilla Open Web Day in Tokyoを終えて - albatrosary's blog
MEANとは、LAMP(Linux, Apache, MySQL, PHP)に変わる技術としてじわじわと注目されはじめているアーキテクチャです。このアーキテクチャMEAN(MongoDB, Express, AngularJS, Node.js)は、シンプルでかつ強力なアーキテクチャで、現在のJavaを利用したアプリケーション開発とは一線を画すところです。HTML5開発にとってJavaの役割が殆どなくなるというのも注目すべき点だと考えます。MEANで一般的に言われる注目すべき事項は次のところです： JavaScriptフルスタックである データモデルとしてクライアントからデータベースに至までJSON そして、この記事を書こうと思ったきっかけですが、2014/10/5(日) Mozilla Open Web Day in Tokyo | Mozilla Japan でのMEAN解説展示で、様
Single-page Application(SPA)でeasymock or stubbyを使ってJSON簡単開発 - albatrosary's blog
Single-page Application(SPA)によりフロント開発にかかる手間が膨大になっています。SPAの開発をするときに通信部分（JSONやJSONPなど）をどうすればいいのかが問題になります。解答としてはスタブAPIサーバを作成し対応します。 画面開発するためにアプリケーションサーバを構築するのは時間の無駄ですのでgruntタスクにモックサーバを構築し簡単実装を行いましょう。 「本物の」APIサーバを使う場合は向きを変えることで簡単に結合テストできますし、CIを使うときはもちろんモックサーバでのテストになりますのでモックAPIサーバは活用するのが良いと考えます。 モックAPIサーバ gruntでモック用APIサーバを立ち上げるためのプラグインとして有名なものとして２つ存在します。 grunt-easymock grunt-stubby easymockはnode-easymo
フロントエンドだけじゃない! サーバサイドの開発も手助けしてくれる grunt-connect-proxy を紹介するよ - Qiita
フロントエンドだけじゃない! サーバサイドの開発も手助けしてくれる grunt-connect-proxy を紹介するよPHPJavaScriptgrunt grunt-connect-proxy grunt でプロキシサーバをたてることが出来るプラグインです。 npm i -D grunt-connect-proxy 特徴 もう単純にリバースプロキシするだけです。はい。 でもそれだけだと利点が分かりませんです。はい。 なので以下利点を2つ。 クロスドメイン問題の回避 開発サーバで 複数ポート / 複数FQDN を 同一ドメイン下で リクエストハンドリング出来るようになります。 例えば 本番環境ではAPI実装とアプリ実装が同一なのに、easymock などの APIモックサーバと開発サーバが別立ての場合、クロスドメイン制約があったりして色々と面倒です。 それらを grunt-connect
『Yeomanでフロントエンドとバックエンドサーバを一緒に開発する』 を yo angular でやってみたら『Cannot GET /』とかなった場合のメモ - 牌語備忘録 -pygo
問題 前回やった方法だとapiサーバ、フロントエンドサーバ、プロキシサーバを立ち上げてとかちょっと面倒。 『YeomanでフロントエンドとREST APIサーバーを同時に開発する方法』 を yo angular でやってみたメモ - 牌語備忘録 - pygo 前回の参考サイトの追記にあるこの grunt task を使う方法のが良さげ。 Yeomanでフロントエンドとバックエンドサーバを一緒に開発する なのだが grunt server を立ち上げてブラウザで確認すると『Cannot GET /』となってしまう。 対処 stackoverflow で対処法発見 gruntjs - Can't implement grunt-connect-proxy - Stack Overflow 前回のを修正してみる （server/proxyServer.js は使わないので削除） インストール $
OptiPNGでPNG形式の画像をロスレス圧縮・軽量化する - 技ログ
OptiPNGでPNG形式の画像を劣化なく圧縮し軽量化する。 OptiPNG公式 CentOSならyumでもインストール可能だが、バージョンが少し古いので、 ソースからインストールした。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 $ yum info optipng Name : optipng Arch : x86_64 Version : 0.6.4 Release : 1.el6 Size : 82 k Repo : epel Summary : PNG optimizer and converter URL : http://optipng.sourceforge.net/ License : zlib Description : OptiPNG is a PNG optimizer that recompresses image files to a sm
Yeoman: フロントエンド開発のワークフローを提供するツール | DriftwoodJP
Node.js も Grunt もさっぱりだったので、分からないことが多すぎて保留していたときのメモ。 時系列的には Grunt よりも先にさわっていたんですが、プロジェクトが現在進行形のようでいろいろ変わっているよう。 いまだに保留中。 東京Node学園祭 2013にスタッフ兼スピーカーとして参加しました。 – from scratchYeoman Grunt Bower // Speaker Deck YeomanYeoman – Modern workflows for modern webappsなぜ Yeoman か。 gruntはJavascript/Web開発に関しては非常に万能で強力なんだけど、設定ファイルは書くのが結構大変で、プロジェクトのディレクトリ構成などによってはどうしても他の人が書いたものそのままでは困ることがある。 そこである程度、標準的なディレクトリ構成などの
Yeomanを使ったAngularJSアプリをチームで共同開発して公開するまで - Qiita
Yeomanって何？ フロントの開発に必要なツール郡です。主な機能として、 プロジェクトの雛形の作成 (yo) 依存するライブラリの管理 (bower) altJSのコンパイル、css/jsファイルのminify、画像の圧縮などタスク実行(grunt) が行えます。詳しくは下記サイトの「Yeoman(ヨーマン)とは」がとても参考になると思います。 参照：[Grunt]Yeomanで開発ワークフローを楽にしよう[bower] ｜ Developers.IO node.jsのインストール Yeomanはnpmからインストールするため、node.jsをあらかじめインストールしておく必要があります。 mac macでのインストールはhomebrewがおすすめです。 MacOSX 10.9にhomebrewをインストールする場合、下記の記事を参考にしてください。 参照：Python - MacOSX
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yeoman環境構築関連のメモ - Qiita