analog-ni.co
Nicolai Kamenzky - "Precomposing" a SPA may become the Holy Grail to SEO
http://www.analog-ni.co/precomposing-a-spa-may-become-the-holy-grail-to-seo
Precomposing a SPA may become the Holy Grail to SEO. January 10, 2015. The state of the art of making SPAs crawlable. Is to render HTML snapshots on the server and serve them to crawlers. Being able to render those snapshots, however, adds development or service costs which are only tolerated because SEO is important and there is no better solution, yet. As I found out, this changed when the Googlebot begun executing JavaScript. Tl;dr: What is a precomposed SPA? State of the art. And run the original SPA...
github.com
GitHub - JonAbrams/synth: The first back-end framework specially designed for single-page web applications
https://github.com/JonAbrams/synth
The first back-end framework specially designed for single-page web applications. Http:/ www.synthjs.com. Use Git or checkout with SVN using the web URL. Mar 11, 2015. Failed to load latest commit information. Sep 26, 2014. Ensure preloaded html rendered as string. Nov 24, 2014. Nov 24, 2014. Use apiPrefetch.js for preloading of data. Nov 3, 2014. Add DS Store to gitignore files. Jun 28, 2014. Jun 4, 2014. Jun 4, 2014. Mar 11, 2015. Jan 6, 2014. Jun 4, 2014. Mar 11, 2015. Mar 11, 2015. Aug 29, 2014.
blog.virtual-tech.net
ぶいてく: IsomorphicとAPIファーストについて #apijp
http://blog.virtual-tech.net/2014/12/isomorphicapi-apijp.html
金曜日, 12月 05, 2014. 12300; Web API Advent Calendar 2014. つまり、フロントエンド・バックエンドを曖昧にするようなアーキテクチャである。 私は、IsomorphicはWebのアーキテクチャーに合っていないと思っていて、やはりAPIファーストで設計し、フロントエンド・バックエンドをきちんと分けるべきだと考えている。 Isomorphicな開発環境が求められる理由としては、こちらのMeteorの記事が大変わかりやすい。( リアルタイムWebアプリケーションフレームワークMeteorについて. 例えば、meteorはフロントエンドでもバックエンドでもない、"Isomorphic" なフレームワークであり、WebSocket を利用しつつ pub/sub モデルで抽象化したような形で同期を取る。 いつもいっていることだが、「分散システムでは信頼を失う」という真理に目を背けてはいけない。 サーバを意識しないのが無理なら、フロントエンド・バックエンドを区別無く隠蔽するのはむしろ開発を困難にしてしまうことにならないか。一見シ...Web系の人と組み込み系の人で意見が...
jlmonteagudo.com
Modern Web Applications Development – MEAN and AngularJS | Jose Luis Monteagudo
http://www.jlmonteagudo.com/2014/06/modern-web-applications-development-mean-and-angularjs
About me - José Luis Monteagudo. SailsJS and AngularJS Applications with generator-angular-crud. April 26, 2015. Improve your Productivity with generator-meanjs-table. March 22, 2015. June 22, 2014. REST API Development with Sails.js. June 22, 2014. API REST Development with MongoDB, NodeJS and Express. June 15, 2014. Modern Web Applications Development – MEAN and AngularJS. June 4, 2014. Realtime JavaScript Stack: nodejs express mongoose socket.io angularjs. June 10, 2013. Is a language that provides a ...
btorange.com
synth — 为 RESTful API 而生的node框架 | 冰糖橙子
http://www.btorange.com/2014/07/09/synth.html
Synth — 为 RESTful API 而生的node框架. Synth — 为 RESTful API 而生的node框架. 框架 , 这是一款node.js为API开发设计框架,特别适合现在的前后端分离项目,大概有下面几个特点. 3 提供了全套 新建项目,开发,发布 全周期工具,包括代码架子,自动watch,发布压缩合并,改名等等。 SynthApi会自动扫描resources下得所有js或coffee文件,自动生成与文件路径匹配的express路由,如果你需要定义api: api/topic. Resources topic xxx.(js coffee). Resources topic comment xxx.(js coffee). Exports.[HTTP方法名(get,put,delete,post)][动作名(可选)]. 我自己尝试synth avos cloud做了一个demo,代码 https:/ github.com/ariesjia/synth-demo. 地址 http:/ synthjs.herokuapp.com. Theme Btorange by ariesjia.
blog.virtual-tech.net
ぶいてく: 12月 2014
http://blog.virtual-tech.net/2014_12_01_archive.html
金曜日, 12月 05, 2014. 12300; Web API Advent Calendar 2014. つまり、フロントエンド・バックエンドを曖昧にするようなアーキテクチャである。 私は、IsomorphicはWebのアーキテクチャーに合っていないと思っていて、やはりAPIファーストで設計し、フロントエンド・バックエンドをきちんと分けるべきだと考えている。 Isomorphicな開発環境が求められる理由としては、こちらのMeteorの記事が大変わかりやすい。( リアルタイムWebアプリケーションフレームワークMeteorについて. 例えば、meteorはフロントエンドでもバックエンドでもない、"Isomorphic" なフレームワークであり、WebSocket を利用しつつ pub/sub モデルで抽象化したような形で同期を取る。 いつもいっていることだが、「分散システムでは信頼を失う」という真理に目を背けてはいけない。 サーバを意識しないのが無理なら、フロントエンド・バックエンドを区別無く隠蔽するのはむしろ開発を困難にしてしまうことにならないか。一見シ...Web系の人と組み込み系の人で意見が...
pchw.github.io
[Synth] Synthを試してみた - ぽっちぽちにしてやんよ
http://pchw.github.io/blog/2014/06/27/synth
Exports.get = . Exports. method optional: ActionName. Npm install -g synth. Synth new my app. Successfully created a new synth app in my app. Back front synth.json. Bowerjson css html images index.jade js misc. Back-app.js generateTweets.js package.json resources. Synth server -p 5000. Synth (in development mode) is now listening on port 5000. Exports.post = . Exports.post = function(req, res) {. Return req.db.collection('tweets').insert({. Content: req.body.content.slice(0, 140),. Created at: new Date.
pchw.github.io
[Synth] ルーティングを増やしてみる - ぽっちぽちにしてやんよ
http://pchw.github.io/blog/2014/07/04/synth-routing
Synth install -b bluebird. Cat back/resources/messages/filename you want.coffee. Promise = require 'bluebird'. Exports.getIndex = (req, res)-. Meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1'). Meta(name='viewport', content='width=device-width, initial-scale=1.0'). For cssFile in cssFiles. For jsFile in jsFiles. Script.template(type="v-template", id="template"). Routes = ['tweets', 'messages']. Path = location.hash.replace(/ #! If routes.indexOf(path) -1 then path else 'tweets'. App = new Vue.
pchw.github.io
[Synth] SynthとVue.jsを組み合わせてみた - ぽっちぽちにしてやんよ
http://pchw.github.io/blog/2014/06/28/synth-with-vuejs
Synth new my app. を使うようになっている Angular.js派ではないのでVue.js版に書き換えてみる ついでに coffee-script. Synth install -f vue. Synth install -f jquery. Synth uninstall -f angular. Name": "my app",. Vue": " 0.10.5",. Jquery": " 2.1.1". Button(v-on="click: publish()", v-attr="disabled: newTweet.length = 0") Publish. Meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1'). Meta(name='viewport', content='width=device-width, initial-scale=1.0'). For cssFile in cssFiles. For jsFile in jsFiles. Vuefilter "formatDate", (v) -.
SOCIAL ENGAGEMENT