タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
vuetify+vue/cliによるフロントエンドと、pythonのresponder+sqlite3によるAPIで、SPA（single-page application）のウェブサイトを実装してみたり - Qiita
vuetify+vue/cliによるフロントエンドと、pythonのresponder+sqlite3によるAPIで、SPA（single-page application）のウェブサイトを実装してみたりPythonSQLite3Vue.jsVuetifyresponder はじめに この前responderとSQLiteとの組み合わせで簡単なウェブサイトを作る例をしました。 今回はresponderとSQLに加えて、SQLデータベースと接続してデータの閲覧や追加や更新や削除したりできるSPA（single-page application）のウェブサイトにします。 フロントエンドは最近とても人気のjavascriptフレームワークであるvuetifyを使います。 vuetifyのコンポーネントは特に設定しなくてもレスポンシブデザインになっているというところは便利です。 pythonの方で
Go 1.16のembedとchiとSingle Page Application | フューチャー技術ブログ
シングルページアプリケーションは、一つのHTMLファイルであらゆるページを表現します。history APIを使ってそのようなページが実際にあるかのように振る舞います。 一方で、画面がリロードされたとき、メールでSNSでシェアされたときにその該当ページをきちんと再現するためには、サーバー側でハンドリングを行う必要があります。具体的には、存在しないページがリクエストされたら、アプリケーションのルートとなるHTMLファイルの内容をそのURLから配信するというものです。 https://angular.jp/guide/deployment#server-configuration それにより、どのURLでもJavaScriptが動作し、そのURLで表示すべきコンテンツが表示されます。もし想定していないパスの場合は、ウェブサーバーではなく、JavaScriptがエラーを出します。 Goでウェブサ
【前編】Vue CLI + Laravel によるMSPA (Multi-Single Page Application) - CYDAS Developer's Blog
大阪からこんにちは、福山健（@kenfdev）です！ 最近はLaravelとVueを触ることが多く、開発のしやすい仕組みづくりについて考えてます。Laravelは最初からフロントエンドの開発がしやすいように Laravel Mix の仕組みが用意されています。これを使うとさくっとVueやReactなどのSPAのパイプラインもLaravelに組み込むことができます。 とはいえ、 バックエンドにLaravelを使い続けるかわからない フロントエンドエンジニアにLaravelを極力意識させたくない Vue CLIをそのまま使いたい Vue CLIの中でも pages 機能を使ってMSPA（Multi-Single Page Application）を作りたい というような思いがある人も一定数いるのではないでしょうか？ 上記をふまえて、VueCLIを使ってフロントエンドを作り、バックエンドをLar
GitHub - WICG/navigation-api: The new navigation API provides a new interface for navigations and session history, with a focus on single-page application navigations.
Formerly known as the app history API The web's existing history API is problematic for a number of reasons, which makes it hard to use for web applications. This proposal introduces a new API encompassing navigation and history traversal, which is more directly usable by web application developers. Its scope is: initiating navigations, intercepting navigations, and history introspection and mutat
Single Page ApplicationにGoogle Analyticsを設定してみた | DevelopersIO
こんにちは。さかいです。 Google Analyticsのタグを設定する際に、HTMLのヘッダーにタグを仕込めばいいかなぁと思っていたのですが、Single Page Application(以下 SPA)かぁ。 あれっ！？最初にページを読み込んだ後ってページ遷移しなくない！？その時のページビューって、正しく計測できるの！？… などの疑問が生まれましたので、実際に設定してみようと思います。 やってみること Vue.jsで構築したSPAで、 ページビュー数 イベント(クリックイベント） を測定する。 事前準備 Google Analyticsで測定するには、トラッキングIDが必要ですので、Googleアカウントにて取得・設定しておいてください。 利用ライブラリについて ウェブサイトで測定するには、gtag.jsまたはanalytics.jsが利用できそうです。 また、Vue.jsからGoo
Single Page Applicationで静的コンテンツの配信にCloudFrontの署名付きCookieを利用してみた | DevelopersIO
こんにちは。さかいです。 Single Page Application(以下 SPA)で画像ファイルなどの静的コンテンツを配信をどのように実装してますか？ パブリックに公開するのであれば、あまり迷わなくて済むのですが、 コンテンツの配信は認証済みユーザのみアクセスできるようにしたい サイズが大きいコンテンツやコンテンツ数も多いので大容量保存できるようにしたい 特定のオブジェクトは特定のユーザだけがアクセスできるようにしたい … などの要件があると、どのように実装できるだろうか？と迷うこともあるかと思います。 そんな時の実装案の１つとして、S3 + CloudFrontで署名付きCookieを利用してコンテンツの配信をやってみます。 構成イメージ 今回作成するイメージは以下の通りとなります。 構成図 SPAからAPIを叩いてデータをやり取りするようなアプリケーションとなります。SPAは適切
1. 2010～2020年にかけて、WebシステムはSPAで作るのが主流 近年、WebシステムはJavascript(Typescript）を用いたSPA(Single Page Application）を作ることが主流になっている。 とはいえ、本当に、一つのHTMLファイルだけで、全画面をJavascriptで描画するSPAがどれだけあるかは分からないが、少なくとも、SPAで"作ろう"とはしている。 （2010年はSPAの黎明期で、Backbone.jsやknockout.jsが生まれた年） (1) SPAの構成要素 "Single Page"に着眼するならば、SPAは、以下を特徴とする。 ページの基本となるHTMLファイルを1回のリクエストで取得し、その後の画面描画に関しては、大半を初回に取得したブラウザ上のリソースで行う。そして、適宜、必要なデータのみAPIへの問合せで取得する。 そ
SPA(Single Page Application) のリビジョンのズレに対応してみた | DevelopersIO
はじめに プロフィールビューアーサービス Proflly（プロフリー）では、SPA(Single Page Application)を採用しています。 SPA の仕組み上、フロントエンドをリリースした際に、クライアント側（ブラウザ）とサーバー側でリビジョンがズレた状態となることがあります。リリースする内容によっては、意図していない不具合が発生することがあります。 今回は、リビジョンがズレた状態を解消するための対策を実装してみたので紹介します。 実装方法の検討 Profllyでは、ホスティングおよび CI/CD に Amplify Console を採用しており、NuxtJS で実装した SPA をホスティングしています。 リリース時は、環境ブランチ(例えば production)に push することで、デプロイが自動で実行されるように設定しています。 このアーキテクチャに組み込む方法を検
Learn to Build Android, iOS and Rails Apps using Hotwire
Building a single-page application with Next.js and React Router
Building a single-page application with Next.js and React Router Update 2023 — Updated for Next.js 13, React Router 6, and React 18. Update 2022 — Next.js 13 now supports nested routes via the /app directory. However, it requires a server to render React Server Components, and thus doesn't qualify as a "single-page application" as defined in this post. I recently set out to implement a single-page
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SPA(Single Page Application) を採用するメリット再考(2020年） - Qiita
In Defence of the Single Page Application
ameblo.jp/allinonegel4050
jetstream.blog
social-lending.online
tamafish.hatenablog.com
courrier.jp
ryoko0.nm.bex.jp