Dockerを使わない、Remix / Next.js 14 など最新ウェブフレームワークのAWS完全サーバーレス構成と環境構築方法 | ブログ | Serverless Operations

2024/02/14 150 users Docker Remix SPA SSR 主流

Remix / Next.js 14 など最新ウェブフレームワークをAWS Lambda にデプロイして、固定費のかからない完全サーバーレスな環境を構築する方法を紹介します。Dockerを使わなくてもできます。 SPA（Single Page Application）が主流だったフロントエンド開発トレンドがSSR（Server-side rendering）とエッジコンピューティン... 続きを読む

PHPカンファレンス2022にてSPAセキュリティ超入門の話をします

2022/09/09 12 users SPAセキュリティ超入門 PHPカンファレンス2022

今年もPHPカンファレンスにてトークさせていただくことになりまして、以下のようなお話をいたします。 日時：9月25日(日) 14:40〜15:40 場所：大田区産業プラザPiO  および YouTube 費用：無料 講演タイトル：SPAセキュリティ超入門 申し込み: connpass アジェンダ: SPA(Single Page Application)の普及が一層進んでおり... 続きを読む

React SPA の技術選定で考えたこと（atama plus のケーススタディ）

2022/03/17 11 users ケーススタディ Django React React SPA

atama plus の osuzu です。 atama plus では、これから段階的に Web ベースプロダクトのフロントエンド開発に React を用いて SPA(Single Page Application) にリプレイスしていきます。 参考: 技術課題のないプロダクトなんてものはない！Django→React リプレイスの意思決定に至る atama plus 流の軌跡 この記事では S... 続きを読む

Go 1.16のembedとchiとSingle Page Application | フューチャー技術ブログ

2021/04/08 10 users Embed Chi フューチャー技術ブログ

シングルページアプリケーションは、一つのHTMLファイルであらゆるページを表現します。history APIを使ってそのようなページが実際にあるかのように振る舞います。 一方で、画面がリロードされたとき、メールでSNSでシェアされたときにその該当ページをきちんと再現するためには、サーバー側でハンドリングを行う必要が... 続きを読む

髪型別コーデ検索におけるSPAの開発 - ZOZO Technologies TECH BLOG

2020/05/22 15 users SPA WEAR ZOZOテクノロジーズ WEAR部 繁谷

こんにちは、WEAR部の繁谷です。 普段はバックエンドのエンジニアとしてWEARの開発を行っています。 ZOZOテクノロジーズは4月7日に「髪型別コーデ検索」をリリースしました。 プレスリリースは是非こちらを御覧ください。 髪型別コーデ検索のフロントエンドはSPA(Single Page Application)でつくられており、こちらの開... 続きを読む

Azure App Service に Static Web Apps が登場！ - PaaSがかりの部屋

2020/05/19 5 users メインストリーム ホスティング PaaS Apps SPA

Microsoft Build 2020 で、Azure App Service の新たなオプションとして 静的サイトのホスティング を実現する Static Web Apps が発表になりました（執筆時点で Public Preview）。JavaScript で開発する Web フロントエンドのメインストリームである SPA（Single Page Application)）や 静的サイトジェネレータを使う ... 続きを読む

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

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

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

実践！SPAでのリビジョンのズレ対策 - SMARTCAMP Engineer Blog

2019/09/06 35 users ビスケット リビジョン SPA Vue.js スマートキャンプ

スマートキャンプのエンジニア入山です。 近年、ユーザ体験（UX）の優位性からSPA（Single Page Application）を採用しているWebアプリケーションを多く目にするようになりました。 弊社が8月1日にリリースした、インサイドセールスに特化したCRM Biscuet（ビスケット） も、Vue.jsを使ったSPAで構成されたサービスです... 続きを読む

大規模Webサービスの改善に向けたR＆Dの取り組み――SPAのボイラープレート開発とFastlyの活用 (1/2)：CodeZine（コードジン）

2019/07/10 34 users CodeZine fastly SPA 本稿 焦点

本連載ではリクルートテクノロジーズにおける大規模Webサービスの改善についてお伝えしてきました。最終回となる本稿では前回までの話とは異なり、今後のリクルートのWebフロントエンド技術について紹介します。具体的には、Single Page Applicationのボイラープレート開発と、Fastlyなどに代表されるCDN導入に焦点を当... 続きを読む

弊社マッチングアプリ「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... 続きを読む

【 オープンソース】WordPressでSPAをつくる”Ionic-WP.com”を公開しました – rdlabo.inc｜リレーションデザイン研究所

2017/07/15 49 users SPA WordPress 榊原 オープンソース デモ

こんにちは、榊原です。 WordPressでSPAをつくる”Ionic-WP.com” を公開したので、それについての簡単なご紹介ブログです。 どんなもの？ WordPressのREST APIを通してデータを取得してきて表示するSPA（Single Page Application）テーマです。 デモ　 https://ionic-wpcom.netlify.com （ちなみに https://... 続きを読む

モダンなフロントエンド開発者になるための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）」について、開発に必要となる各種フレームワークの特徴や作り方の違いなどを紹介する連載。 本連載「モダンなフロントエンド開発者になるため... 続きを読む

NODE_ENVを使って環境ごとに変数を切り替えてbuildするときに他の環境の変数は見せないようにする方法 - Qiita

2016/02/08 6 users Qiita Gulp React Grunt 変数

client sideをReactのようなSingle Page Applicationで開発している場合、ソースコードは自由に閲覧できてしまうため必要ない情報は入れないようにすべきです。 開発環境と本番環境でkeyやurlを切り替え、さらに他の環境のkeyやurlはソースコードに含まれないようにしたかったので方法を調べました。 gulpやgruntは使わ... 続きを読む

クライアントサイド開発をWebとNativeから考えるエンジニアサポートCROSS2016

2016/01/25 15 users Native クライアントサイド開発 データバインディング

会場 C会場 セッション概要 Webのフロントエンドを見ると、Single Page Applicationをはじめその役割が大きくなるにつれてどんどん複雑化しています。その中で様々なライブラリの登場やそれと同時にデータバインディングやVIRTUAL DOM、Flux、リアクティブプログラミングなどのトピックについて語られるようになりました。 その一方でiOSやAndroidといったNativeア... 続きを読む

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... 続きを読む

Backbone, Chaplin, Marionette そして React - Quipper における Single Page Application 開発の変遷 - YAPC::Asia Tokyo 2015

2015/06/15 18 users Marionette YAPC React Backbone

Backbone, Chaplin, Marionette そして React - Quipper における Single Page Application 開発の変遷 Currently this talk is in PENDING state. If you would like to see this talk at the event, please consider using the... 続きを読む

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... 続きを読む

Single Page Application (SPA) を使ってみよう: MVC 4 新機能シリーズ - THE TRUTH IS OUT THERE - Site Home - MSDN Blogs

2012/02/28 16 users SPA beta MSDN Blogs フレームワーク API

ASP.NET MVC 4 Beta で新しく追加された ASP.NET Single Page Application (SPA) は、JavaScript と ASP.NET Web API をベースとしたクライアント サイド インタラクション中心の Web アプリケーションを構築するのに適したフレームワークとテンプレートです。 この Single Page Application には下記が... 続きを読む