東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/05/19 274 users ベストプラクティス Netlify シビックテック SSR

東京都が2020年3月3日深夜に公開した新型コロナウイルス感染症対策サイトは、都内の感染動向が見やすく整理されているだけでなく、NuxtJSベースのSSR（Server Side Rendering）で静的ホスティングにNetlifyを採用したサーバレスなSPA（Single Page Application）というモダンな技術選定がWebエンジニアの間で注目を集め... 続きを読む

弊社マッチングアプリ「CoupLink」をVue.jsでSPA化しました | LINKBAL Engineer's Blog

2018/11/20 61 users リプレイス LINKBAL Engineer ライブラリ

はじめまして、リンクバルエンジニアの北村尚之です。 弊社が運営するマッチングアプリ「CoupLink」ですが、今年の夏にソースコードの全面的なリプレイスを行いました。 具体的には、Vue.jsというライブラリを用いてフロントエンドをSingle Page Application(以下SPA)化しました。 また、HTMLを提供していたバックエンド... 続きを読む

AWSサーバレスアーキテクチャでSPAを実装する（1）～SSLを経由してブラウザからLambda APIへアクセスするまでの下準備 (1/9)：CodeZine（コードジン）

2017/10/11 50 users CodeZine angular サーバレスアーキテクチャ

本連載では、AWSを利用したSPA（Single Page Application）の開発を通じて、サーバレスアーキテクチャの考え方を知っていただき、Webアプリケーションとして作成していく際にどのような構成を取ればよいのか、開発環境やテストなどはどのように行えばよいか、実際のコードを交えながら解説していきます。今回からは、JavaScriptのブラウザ向けフレームワークにAngularを使い、A... 続きを読む

モダンなフロントエンド開発者になるためのSPA超入門（1）：ゼロから学ぶ！　Single Page Applicationの特徴と主なフレームワーク5選 (1/2) - ＠IT

2017/02/21 97 users フロントエンド開発者 SPA 特徴 各種フレームワーク 連載

モダンなフロントエンド開発者になるためのSPA超入門（1）： ゼロから学ぶ！　Single Page Applicationの特徴と主なフレームワーク5選 (1/2) フロントエンド開発のアーキテクチャである「SPA（Single Page Application）」について、開発に必要となる各種フレームワークの特徴や作り方の違いなどを紹介する連載。 本連載「モダンなフロントエンド開発者になるため... 続きを読む

CSS - そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita

2015/10/05 883 users SPA page 台頭 Qiita モダンブラウザ

帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 ... 続きを読む

Markdown で記述した API ドキュメントからお手軽にドキュメントサーバーとモックサーバーを生成する – Gulp で作る Web フロントエンド開発環境 #7 | NET BIZ DIV. TECH BLOG

2015/08/31 235 users Gulp iOS Markdown サーバーサイド SPA

Markdown で記述した API ドキュメントからお手軽にドキュメントサーバーとモックサーバーを生成する – Gulp で作る Web フロントエンド開発環境 #7 SPA 開発によるサーバーサイドとフロントエンドの完全分業化 Single Page Application ( 以下、SPA ) は従来のサーバーサイドレンダリングを基とした Web アプリケーションと異なり、iOS アプリや ... 続きを読む

やさしい AJAX on Rails という資料を作りました - satococoa's blog

2015/08/22 161 users satococoa's blog 資料 Flux Rails

2015-08-22 やさしい AJAX on Rails という資料を作りました rails 最近 SPA (Single Page Application) についての議論が盛んで、Angular とか React とか Flux とか Mithril とかの名前をよく聞くようになりました。 でも必ずしも全ての Web アプリにおいて SPA は必須ではありません。 むしろ枯れた jQuery... 続きを読む

Big Sky :: 開発速度を加速するツール、goemon を書いた。

2015/02/23 184 users mattn minify 微量 Big Sky 手間

Wikipedia CC AA3.0 SPA (Single Page Application) を書いていると、いちいちブラウザを再起動するのが面倒で、かつ js を minify してページをリロードするといった面倒な手間を出来れば何も設定せずにやりたい(もしくは微量な設定だけでやりたい)、という思いから goemon というツールを書きました。 mattn/goemon - GitHub h... 続きを読む

【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch

2014/11/14 716 users from Scratch 翻訳 原則 Webアプリケーション

2014-11-14 【翻訳】リッチなWebアプリケーションのための7つの原則 翻訳 javascript はじめに この話はGuillermo Rauch氏が書いた7 Principles of Rich Web Applications | という記事の翻訳です。許可を得て翻訳しています。ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPD... 続きを読む

Re: Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか？ - Webtech Walker

2014/03/31 68 users エントリポイント ルーティング SPA 方法 自分

Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか？ - @kyanny's blog Backbone.Routerは基本的にhistory APIやhashchangeを使ったSPAのためのルーティングをしてくれるものなので、SPAじゃない場合に使うのはあんまりオススメできない。 方法は色々だと思うけど、自分の場合はそ... 続きを読む

Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか？ - @kyanny's blog

2014/03/30 110 users エントリポイント テンプレートファイル assets App

2014-03-31 Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか？ 仕事で中規模程度の Rails アプリケーションのコードベースをいじっている。このアプリはもともと app/assets/javascripts 以下に必要に応じて JavaScript ファイルを置き、適当なテンプレートファイルから直接 Java... 続きを読む