APIサーバを Rails、フロントエンドを AngularJS で開発する [その①] - Qiita
[2014/08/25追記] 続編を書きました。 その②：環境構築編 [2014/08/26追記] 続編を書きました。 その③：実装編 今回は その①：考察編 です。 ちょっとややこしいのですが、Railsアプリケーションの View で AngularJS を利用するということではなく、JavaScriptベースのフロントエンドアプリケーションとして AnuglarJS を利用し、サーバ側のデータを操作する為のバックエンドAPIを Rails で構築する、ということです。（まだややこしいかな..） シチュエーション的には、UIリッチなフロントエンドアプリケーションを構築するが、サーバにもデータを保持する必要がある、というもの。 （例えばシングルページアプリケーション構成や、１画面=１データモデルとはならないもの。） かつ、フロントエンドの開発は本格的にやるので、Grunt や Bower
![APIサーバを Rails、フロントエンドを AngularJS で開発する [その①] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7223268118dab200372784aa546a86890c006b71/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9QVBJJUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgyJTkyJTIwUmFpbHMlRTMlODAlODElRTMlODMlOTUlRTMlODMlQUQlRTMlODMlQjMlRTMlODMlODglRTMlODIlQTglRTMlODMlQjMlRTMlODMlODklRTMlODIlOTIlMjBBbmd1bGFySlMlMjAlRTMlODElQTclRTklOTYlOEIlRTclOTklQkElRTMlODElOTklRTMlODIlOEIlMjAlNUIlRTMlODElOUQlRTMlODElQUUlRTIlOTElQTAlNUQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTgwMWNjOWNmYjdlM2JjZjFmNWRmYzA3OWI0ZGU2ZDEx%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGt1c3UmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTgzODlkZjUwMzQyMTYxZTIxNzkwY2ZmOGViMjg4M2Fh%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D7c2821dfee59d5035e6f0cace43b7ab8)
GRUNT AND GULP TASKS FOR PERFORMANCE OPTIMIZATION
Delays in performance have the potential to impact user engagement, experience and revenue. Thankfully, Google’s ‘Make The Web Faster’ team recommend a set of best-practice rules for keeping your pages lean, fast and smooth. These include minifying resources like CSS and JavaScript, optimizing images, inlining and removing unused styles and so on. If you have complete control over your server, an
[JavaScript] Gruntの後発のフロントエンドビルドツール、gulpに入門 - YoheiM .NET
こんにちは、@yoheiMuneです。 gulpというフロントエンドのビルドツールが気になってました。 それについて試したり調べたりしてだいぶ理解できたので、今日はその内容をブログに書きたいと思います。 目次 gulpとは gulpとは、JavaScriptのMinifyやCSSプリプロセッサのコンパイルなどを行うことができるフロントエンドのビルドツールです。 フロントエンドのビルドツールには有名なGrunt.jsがありますが、その後発のビルドツールのようです。 Grunt.jsと何が違うの？ 実現できることはぶっちゃけ同じで、その実現方法や思想が異なるのだと思います。 gulpのサイト(英語)からいくつか主張を拝借してみました。 gulp's use of streams and code-over-configuration makes for a simpler and more i
![[JavaScript] Gruntの後発のフロントエンドビルドツール、gulpに入門 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/c9458bbaf8523aa2072e6548e170dd047c0f5e2d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F333.jpg)
「チーム開発に役立つstubcell」ってタイトルでCodeGrid 2周年パーティでLTしてきた。 - from scratch
CodeGrid 2周年パーティでLTしてきました。 2周年おめでとうございます！！ TL;DR stubcellというjsonを返すことに特化したstubサーバーを作りました 内部的にjson5を使うことで定義ファイルにコメントを書くことができ、開発者間のコミュニケーションの補助になる grunt, gulpからstubサーバーを使うことができるため、フロントエンドタスクランナーと相性が良い 発表資料 stubcell 概要 いわゆるJSONを返すことに特化したstubサーバーです。 チームで開発する時に、APIサーバー、クライアントサイド、websocketサーバーといった感じに複数の役割を複数の人数で請け負って同時並行開発することが多く、APIのエンドポイントがなくてもクライアントサイドやwebsocketでも開発できるようにするためにstubcellを作りました*1。 また複数人で
Typescript + Grunt で幸せ javascript 開発 - yokonamihuygens's blog
2013-11-03 Typescript + Grunt で幸せ javascript 開発 システム開発 概要 TypeScriptという物があります。 JavaScript の代わりに書いて、コンパイルすると JavaScript ができるよ、というもので、静的型付けやクラスベースオブジェクト指向など Java エンジニアにとって親しみやすい特徴を持っています。 alterJS と呼ばれるこの手の言語の中では、 TypeScript が JavaScript のスーパーセットである点や、出力される JavaScript が可読で、かつコメントを残すことができる点のおかげで、入りやすくロックインされないためよさそうに思えます。 今回は Grunt で、.ts ファイルの変更を監視して、自動で変換をしたり、変換後の JavaScript に jshint をかけたりする手順を書いていきま
Open-Source Projects | Filament Group, Inc., Boston, MA
Our (archived) open-source code We're no longer maintaining the 100+ projects we've published, but will keep them online as archived Github repositories. Responsive images & media Grunticon A grunt-based tool to make it easy to use SVG graphics with fallbacks for older browsers. Demo Code Article Issues Grumpicon Grunticon in the browser, for those not comfortable with command line. Project site C
A workflow for responsive emails using Ink and Grunt
Recently I’ve been having to deal with creating HTML email templates much more than I had in the past. Most of my previous experience wouldn’t go much further than creating simple transactional emails consisting of a simple table enclosing a bunch of text, nothing too fancy. Unfortunately, when it comes to producing something of a higher standard, such as an appealing newsletter aimed to attract u
気軽にAngularJSを試してその成果をGitHub Pagesで公開しちゃおう☆ - Qiita
この記事は以下の読者を対象としています。 AngularJSを使ってみたいけど何から始めていいのかわからない Gruntが便利なことは知ってるけど何をどう設定すればいいの？ AngularJSを試してみよう AngularJSを体験するために今回はyeomanというツールを使うよ。これでAngularJSを使ったアプリを簡単に試せるんだ。まずはインストールから始めよう。 諸々のツールをインストールする npm みんなのパソコンにはnpmは入ってるかな？yeomanを使うには必須のツールだよ！コマンドラインを開いて以下のコマンドを実行して、バージョン番号っぽい数字が表示されればOKだよ。 入ってなかったキミは、node.jsをmacにさくっと入れてみる【n番煎じ】を参考にインストールしてみてね！MacでもLinuxでも大丈夫だよ！ gruntとbower npmが入ったらgruntとbowe
通信帯域を調整できるgruntプラグインを紹介するよ - Qiita
スマートフォン向けのサービスなどを開発しているとき、3G回線の様な低速な環境での振る舞いを確認しなければならないときがあります。 白ロムでWifiしか使えない場合や、パブリックなとこに置けないために実機での確認に一手間かけなければならないときもあると思います。 有名な方法としてはCharlesのようなローカルプロキシでスロットリングを行う方法があります。 ただCharlesは有料なので開発している全員の環境に入れられるかと言えば少し難しいです。トライアルもありますが常用するには厳しいと思います。 もっと手軽にやりたい。。 grunt-throttle そこで登場するのがgrunt-throttle！ tjgq / grunt-throttle 使い方も超簡単 インストール
【個人メモ】bespoke.jsを使ってプレゼン資料を作成する - Qiita
なんだこのプレゼンは？ と思ったプレゼンをネット上で見かけた。 Build Warsへのリンク JavaScriptのプロダクトをうまい具合にビルドするためのツール、 Gruntとglupを比較したプレゼンだ。 gifアニメが多用されてるし、オサレでカッコイイ。 何使ってこのプレゼン作ってるんだ！？と思って調べてみたら、 このプレゼンの作者が自分で作っていた。 bespoke.jsというアプリだった。 bespoke.jsというプレゼンアプリを早速使ってみたい。 セットアップや、プレゼンのスケルトン作成って めんどくさいのかなと思ったんだけど、yeomanを利用して テンプレを作成する形になってて、 プレゼン作成準備に必要な手間は少ししかなかった。 bespoke.jsを使うまで bespoke.jsをセットアップするのに必要なツールは以下の通り。 node.js yeoman Mac O
yeomanを用いてWeb開発を楽にする | 株式会社G-gen（旧 株式会社トップゲート）
削除する Google Service TGカルチャー アプリケーション開発 コンサルティング セミナー テックブログ デザイン デジタルプロダクト開発 開発実績 ニュース 2025年の崖(1) 5G(1) AI(39) AI Hub(1) AI Platform(1) AlloyDB(12) AlloyDB for PostgreSQL(6) AlphaZero(1) Analytics HUB(1) Android(11) Android アプリ(1) Anthos(6) API(12) API エコノミー(1) APP(2) App Engine(2) App Maker(2) AppServer(1) AppSheet(3) arduino(1) Authentication(1) AutoML(4) AWS(12) AWS (Amazon Web Services)(1) AWS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Why I switched to only NodeJS + npm and stopped using Grunt | Cezary Tomczyk
GitHub - gruntjs/grunt-cli: Grunt's command line interface.
GitHub - yeoman/grunt-bower-requirejs: [DEPRECATED] Grunt task - Automagically wire-up installed Bower components into your RequireJS config![GitHub - yeoman/grunt-bower-requirejs: [DEPRECATED] Grunt task - Automagically wire-up installed Bower components into your RequireJS config](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a71afa98946607e11a40ce50ac2a839a80d407a/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F868a9da4157f86a3f0dea703ca068cb2421ac195bea86c5cd3431c046394736c%2Fyeoman%2Fgrunt-bower-requirejs)
grunt-csswring
GitHub - vojtajina/grunt-bump: Grunt.js plugin - Increment package version.
re-dzine.net situs togel online toto 2023 -
GitHub - shootaroo/jit-grunt: JIT(Just In Time) plugin loader for Grunt.
https://qiita.com/watilde/items/75cf7697755717f8d8dd
GitHub - power-assert-js/grunt-espower: Grunt task for power-assert
