Vue.js で Serverless の SSR SPA を構築する - Qiita
お正月なので何か挑戦したいと思い Vue.js と サーバレスアーキテクチャを使った SSR 構成に挑戦してみました。 構想 Vue.js の SPA(SSR対応版)を サーバレスアーキテクチャで組み上げます。 基本となるSPAサイト(主にJSやCSS)はS3経由で、SSR 的なサーバサイドの描画が必要な箇所は、Serverless Frameworkを使用して Lambda + ApiGateway で構築します。 SSR的なHTML配信と静的なAssets配信は同じオリジンで行いたいので最終的には CloudFrontで両者をマージします。 普通にVue.jsでSPAを作る まずは兎にも角にも普通に Vue.js でSPAを作って行きます。 Vue.js の開発は Vue CLI を使えば高速に始められます。 SPAのルーティングは VueRouterで簡単に実装できますが、 Rout
Vue.js Progressive Framework - Qiita
Vue.js の作者Evan氏によるVue.jsの紹介スライドで触れられていた「Progressive Framework」の概念が非常に刺さる所があったのでVue.jsの紹介と合わせて、まとめておきます。 本家資料 本稿は下記Evan氏によるスライド資料をベースに、独自解釈のもと意訳したり加筆したりして作成したものです。 Progressive Framework についての解説 2.0の流れも含めたVue.jsの紹介 道具と道具のコスト フレームワークはアプリケーションの複雑さを解決するために設計されているが、一方で道具は道具固有の複雑さを持っている。 技術選択においては、このアプリケーション固有の複雑さと、道具の複雑さとに向き合わなければならない。 複雑なアプリケーションに対して、簡素な道具を以って挑むのは効果が薄いし、簡単なアプリケーションに複雑な道具を持ち出すのは大げさに感じる。
JavascriptでGeneratorを使う - Qiita
Generator 手を付けようか迷っていた所でAsync Awaitとかも出てきたしもういいやぁ…と思ってたんですが、何かとやっぱり使いドコロはありそうだったので。 例えばp5.jsとかみたいなアニメーション関連でdrawとかがループされるようなやつ。 繰り返し処理になるので Generator が活きてくる。 const newMessage = function* (mes) { var counter = 500; while (true) { fill("#fff"); text(`${mes.user}\n${mes.text}`, counter, 200) counter = counter - 10; yield false; if (counter < 20) { break; } } yield true; }
Webpackを使ってJSでも.envしたい - Qiita
WebpackのDefinePluginが何かと便利そうだったので、node-env-fileとの活用を考えてみました。 DefinePlugin var webpack = require("webpack") var loadenv = require("node-env-file") module.exports = { "entry": "...", "output": "...", module: { // loaderの設定 }, plugins: [ new webpack.DefinePlugin({ //ココに定義を書いていく... }) ] } DefinePluginは、webpack.config.js内からモジュールに対し、設定値等の値を注入できるプラグインです。 APIのエントリURLや、各種設定値、環境値等を埋め込むことで、同一のコードを用いながらアプリケーシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bashで複数コマンドのエイリアス - Qiita
