タグ Single Page Application
人気順 10 users 50 users 100 users 500 users 1000 usersPHPカンファレンス2022にてSPAセキュリティ超入門の話をします
今年もPHPカンファレンスにてトークさせていただくことになりまして、以下のようなお話をいたします。 日時:9月25日(日) 14:40〜15:40 場所:大田区産業プラザPiO および YouTube 費用:無料 講演タイトル:SPAセキュリティ超入門 申し込み: connpass アジェンダ: SPA(Single Page Application)の普及が一層進んでおり... 続きを読む
React SPA の技術選定で考えたこと(atama plus のケーススタディ)
atama plus の osuzu です。 atama plus では、これから段階的に Web ベースプロダクトのフロントエンド開発に React を用いて SPA(Single Page Application) にリプレイスしていきます。 参考: 技術課題のないプロダクトなんてものはない!Django→React リプレイスの意思決定に至る atama plus 流の軌跡 この記事では S... 続きを読む
Go 1.16のembedとchiとSingle Page Application | フューチャー技術ブログ
シングルページアプリケーションは、一つのHTMLファイルであらゆるページを表現します。history APIを使ってそのようなページが実際にあるかのように振る舞います。 一方で、画面がリロードされたとき、メールでSNSでシェアされたときにその該当ページをきちんと再現するためには、サーバー側でハンドリングを行う必要が... 続きを読む
髪型別コーデ検索におけるSPAの開発 - ZOZO Technologies TECH BLOG
こんにちは、WEAR部の繁谷です。 普段はバックエンドのエンジニアとしてWEARの開発を行っています。 ZOZOテクノロジーズは4月7日に「髪型別コーデ検索」をリリースしました。 プレスリリースは是非こちらを御覧ください。 髪型別コーデ検索のフロントエンドはSPA(Single Page Application)でつくられており、こちらの開... 続きを読む
Azure App Service に Static Web Apps が登場! - PaaSがかりの部屋
Microsoft Build 2020 で、Azure App Service の新たなオプションとして 静的サイトのホスティング を実現する Static Web Apps が発表になりました(執筆時点で Public Preview)。JavaScript で開発する Web フロントエンドのメインストリームである SPA(Single Page Application))や 静的サイトジェネレータを使う ... 続きを読む
東京都の新型コロナ対策サイトはなぜNuxtJSだったのか? ─ シビックテックのベストプラクティス - エンジニアHub|若手Webエンジニアのキャリアを考える!
東京都が2020年3月3日深夜に公開した新型コロナウイルス感染症対策サイトは、都内の感染動向が見やすく整理されているだけでなく、NuxtJSベースのSSR(Server Side Rendering)で静的ホスティングにNetlifyを採用したサーバレスなSPA(Single Page Application)というモダンな技術選定がWebエンジニアの間で注目を集め... 続きを読む
実践!SPAでのリビジョンのズレ対策 - SMARTCAMP Engineer Blog
スマートキャンプのエンジニア入山です。 近年、ユーザ体験(UX)の優位性からSPA(Single Page Application)を採用しているWebアプリケーションを多く目にするようになりました。 弊社が8月1日にリリースした、インサイドセールスに特化したCRM Biscuet(ビスケット) も、Vue.jsを使ったSPAで構成されたサービスです... 続きを読む
大規模Webサービスの改善に向けたR&Dの取り組み――SPAのボイラープレート開発とFastlyの活用 (1/2):CodeZine(コードジン)
本連載ではリクルートテクノロジーズにおける大規模Webサービスの改善についてお伝えしてきました。最終回となる本稿では前回までの話とは異なり、今後のリクルートのWebフロントエンド技術について紹介します。具体的には、Single Page Applicationのボイラープレート開発と、Fastlyなどに代表されるCDN導入に焦点を当... 続きを読む
弊社マッチングアプリ「CoupLink」をVue.jsでSPA化しました | LINKBAL Engineer's Blog
はじめまして、リンクバルエンジニアの北村尚之です。 弊社が運営するマッチングアプリ「CoupLink」ですが、今年の夏にソースコードの全面的なリプレイスを行いました。 具体的には、Vue.jsというライブラリを用いてフロントエンドをSingle Page Application(以下SPA)化しました。 また、HTMLを提供していたバックエンド... 続きを読む
AWSサーバレスアーキテクチャでSPAを実装する(1)~SSLを経由してブラウザからLambda APIへアクセスするまでの下準備 (1/9):CodeZine(コードジン)
本連載では、AWSを利用したSPA(Single Page Application)の開発を通じて、サーバレスアーキテクチャの考え方を知っていただき、Webアプリケーションとして作成していく際にどのような構成を取ればよいのか、開発環境やテストなどはどのように行えばよいか、実際のコードを交えながら解説していきます。今回からは、JavaScriptのブラウザ向けフレームワークにAngularを使い、A... 続きを読む
【 オープンソース】WordPressでSPAをつくる”Ionic-WP.com”を公開しました – rdlabo.inc|リレーションデザイン研究所
こんにちは、榊原です。 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
モダンなフロントエンド開発者になるためのSPA超入門(1): ゼロから学ぶ! Single Page Applicationの特徴と主なフレームワーク5選 (1/2) フロントエンド開発のアーキテクチャである「SPA(Single Page Application)」について、開発に必要となる各種フレームワークの特徴や作り方の違いなどを紹介する連載。 本連載「モダンなフロントエンド開発者になるため... 続きを読む
NODE_ENVを使って環境ごとに変数を切り替えてbuildするときに他の環境の変数は見せないようにする方法 - Qiita
client sideをReactのようなSingle Page Applicationで開発している場合、ソースコードは自由に閲覧できてしまうため必要ない情報は入れないようにすべきです。 開発環境と本番環境でkeyやurlを切り替え、さらに他の環境のkeyやurlはソースコードに含まれないようにしたかったので方法を調べました。 gulpやgruntは使わ... 続きを読む
クライアントサイド開発をWebとNativeから考えるエンジニアサポートCROSS2016
会場 C会場 セッション概要 Webのフロントエンドを見ると、Single Page Applicationをはじめその役割が大きくなるにつれてどんどん複雑化しています。その中で様々なライブラリの登場やそれと同時にデータバインディングやVIRTUAL DOM、Flux、リアクティブプログラミングなどのトピックについて語られるようになりました。 その一方でiOSやAndroidといったNativeア... 続きを読む
CSS - そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita
帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 ... 続きを読む
Markdown で記述した API ドキュメントからお手軽にドキュメントサーバーとモックサーバーを生成する – Gulp で作る Web フロントエンド開発環境 #7 | NET BIZ DIV. TECH BLOG
Markdown で記述した API ドキュメントからお手軽にドキュメントサーバーとモックサーバーを生成する – Gulp で作る Web フロントエンド開発環境 #7 SPA 開発によるサーバーサイドとフロントエンドの完全分業化 Single Page Application ( 以下、SPA ) は従来のサーバーサイドレンダリングを基とした Web アプリケーションと異なり、iOS アプリや ... 続きを読む
やさしい AJAX on Rails という資料を作りました - satococoa's blog
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
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 を書いた。
Wikipedia CC AA3.0 SPA (Single Page Application) を書いていると、いちいちブラウザを再起動するのが面倒で、かつ js を minify してページをリロードするといった面倒な手間を出来れば何も設定せずにやりたい(もしくは微量な設定だけでやりたい)、という思いから goemon というツールを書きました。 mattn/goemon - GitHub h... 続きを読む
【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
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
Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか? - @kyanny's blog Backbone.Routerは基本的にhistory APIやhashchangeを使ったSPAのためのルーティングをしてくれるものなので、SPAじゃない場合に使うのはあんまりオススメできない。 方法は色々だと思うけど、自分の場合はそ... 続きを読む
Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか? - @kyanny's blog
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
ASP.NET MVC 4 Beta で新しく追加された ASP.NET Single Page Application (SPA) は、JavaScript と ASP.NET Web API をベースとしたクライアント サイド インタラクション中心の Web アプリケーションを構築するのに適したフレームワークとテンプレートです。 この Single Page Application には下記が... 続きを読む