タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Microsoft Azure入門 - Web Appsを使って簡単にWebアプリやAPIを公開してみよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）
Microsoft Azure入門 - Web Appsを使って簡単にWebアプリやAPIを公開してみよう Azureに入門するために、まずは手を動かしてみよう！数あるAzureのサービスの中からWeb Apps、Functions、SQL Databaseをチョイスし、これらを組み合わせ、簡単なWebアプリケーションやAPIのサンプルを作成・公開してみます。 Web Apps、Functions、SQL Databaseそれぞれの特徴 Web Apps／Functions／SQL Database Azureを利用するための準備をしよう 開発環境の準備／Azure サブスクリプションの作成 Webアプリケーションを作成する Web API プロジェクトの作成／APIの確認／アプリケーションのデバッグ実行／アプリケーションをホストするWeb Appsの作成 SQL Databaseと連携す
Today marks the release of iOS and iPadOS 16.4 beta 1, and with it comes support for Web Push and other features for Home Screen web apps. Today also brings the first beta of Safari 16.4. It’s a huge release, packed with over 135 features in WebKit — including RegExp lookbehind assertions, Import Maps, OffscreenCanvas, Media Queries Range Syntax, @property, font-size-adjust, Declarative Shadow DOM
Modern web apps without JavaScript bundling or transpiling
August 12, 2021 Modern web apps without JavaScript bundling or transpiling I didn't much care for vanilla JavaScript prior to ES6. Through all of the 2000s, I chased different approaches to avoid writing too much of it. First there was RJS (Ruby-to-JavaScript). Then there was CoffeeScript. Both transpiling approaches that turned more enjoyable-to-write source code into the kind of JavaScript that
PWA(Progressive Web Apps)対応サイトの作り方・実装方法まとめ・入門 － AWS上で学習したPWA導入例とLighthouse Report Viewerの使い方 - NRIネットコムBlog
小西秀和です。 現在、AWSの静的ウェブサイトホスティングで入門するAWS Amplify(Console、CLI) － 概要編などAWSのサーバーレスな静的ウェブサイトホスティングをテーマにしたブログ記事を執筆しています。 今回もAWSは関係しますが、フロントエンドに近い話題で、最近動向が本格的になってきたと感じているPWA(Progressive Web Apps)について私が自主的に学習した内容を記事にしてみました。 私の場合はAmazon S3、Amazon CloudFront、AWS Certificate Manager、Amazon Route53を使用した静的ウェブサイトに最小限のコンテンツをデプロイしてPWAの実装について学習しました。 また、Lighthouse Report ViewerというPWAなどの品質テストができるツールを使用して、PWAの基準に合格し、Pe
Progressive Web Apps（以下、PWA）は2018年ごろからホーム画面へのインストール機能やキャッシュ戦略等の技術視点でエンジニアの間で話題に挙がるようになりました。現在ではWebパフォーマンス、ユーザビリティ向上、PoC（実証実験）といったビジネス視点でも注目されており、多くのWeb実装にPWAが取り入れられています。 今回の記事では、国内のPWAの動向を振り返り、改めてPWA開発のスタンダードとこれからのPWAについてまとめます。 日本国内でのPWAの動向 2015年にPWAという名称が生まれ、Google Chromeを始めとした各ブラウザが順次PWAに対応していきます。2018年にiOSのSafariがService Workerに対応したことををきっかけに国内でもPWAが注目され始めました。筆者もその頃からPWAに興味を持ち、2019年2月に立ち上がったTechコ
Building secure web apps using Web Workers | Mercari Engineering
Security is paramount for our users, and we at mercari strive to provide a snappy and safe platform. We recently introduced an additional layer of defence by adding Web Workers to secure the access token. It now protects the users from various kinds of attacks, including token theft from Cross Site Scripting (XSS), Cross Site Request Forgery (CSRF), prototype pollution, zero-day npm package vulner
GitHub - authelia/authelia: The Single Sign-On Multi-Factor portal for web apps
Authelia is an open-source authentication and authorization server providing two-factor authentication and single sign-on (SSO) for your applications via a web portal. It acts as a companion for reverse proxies by allowing, denying, or redirecting requests. Documentation is available at https://www.authelia.com/. The following is a simple diagram of the architecture: Authelia can be installed as a
Best Practices Around Production Ready Web Apps with Docker Compose
Learn Docker With My Newest Course Dive into Docker takes you from "What is Docker?" to confidently applying Docker to your own projects. It's packed with best practices and examples. Start Learning Docker → Updated on June 1st, 2021 in #docker, #elixir, #flask, #javascript, #ruby-on-rails Best Practices Around Production Ready Web Apps with Docker ComposeHere's a few patterns I've picked up based
今回は2020年の5月に発表され、2021年5月に正式に一般公開されたばかりのホヤホヤサービスである「Azure Static Web Apps」についてご紹介します。 AzureでWebアプリをデプロイしようと思ったら真っ先に思い浮かぶのはAzure Web Appsです。 Azure Web AppsはPaaSの一種であり、.NETやJava、Node.js、PHP、Pyhton等多様な言語で書かれたWebアプリをインフラのことを気にすることなくデプロイできるのが特徴になります。 また、静的なサイトのホストティングということでは 「Azure Storageでの静的Webサイトホスティング」という方法もあります。 既にいくつかの選択肢があるなかで新たに追加された「Azure Static Web Apps」は何が特徴なのでしょうか。 1. 安価 Static Web Appsには二種類
無料で Vue.js + express で作った API を Azure Static Web Apps でホストしてみよう - Qiita
無料で Vue.js + express で作った API を Azure Static Web Apps でホストしてみようAzureTypeScriptAzureFunctionsAzureStaticWebApps Build 2020 見てたら Azure App Service Static Web Apps が公開されました。現在は public preview ですが、Azure Functions と統合されていて API も統合されているのは便利そうだなぁと思いました。控え目にいって最高！ Cosmos DB も 5GB で 400RU(性能の指標です) まで無料なのでフロントから API とデータを保存するところまで全部無料でいけるようになったのは大きいですね。 今回やりたいこと 今回は、Azure App Service Static Web Apps (長いので S
GitHub - Shopify/web-configs: Common configurations for building web apps at Shopify
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Deploy web apps anywhere
Kamal offers zero-downtime deploys, rolling restarts, asset bridging, remote builds, accessory service management, and everything else you need to deploy and manage your web app in production with Docker. Originally built for Rails apps, Kamal will work with any type of web app that can be containerized. Read the docs View the source Vision In the past decade+, there’s been an explosion in commerc
Build 2020 では App Service に関する話は非常に少なかったですが、唯一大きなリリースとしては Static Web Apps がありました。名前の通り静的コンテンツをホスティングするためのサービスですが、同じドメインで API (Azure Functions) が付いてくるのが特徴です。 詳しくは Daria の公式ブログや三宅さんの記事を読んでおいてください。このエントリではその辺りの紹介は全くしないので、知識がある前提で進めていきます。 自分は Static Web Apps がどのように構築されているのかのが気になるので、現在分かっていて触れる範囲で内部アーキテクチャを探ってみました。当然ながら非公式ですし、正しい保証はありません。 Static Web Apps でお手軽ホスティングしたい人には必要ないエントリです。普通は気にせずに GitHub からサクサ
Microsoft Build 2020 で、Azure App Service の新たなオプションとして 静的サイトのホスティング を実現する Static Web Apps が発表になりました（執筆時点で Public Preview）。JavaScript で開発する Web フロントエンドのメインストリームである SPA（Single Page Application)）や 静的サイトジェネレータを使う JAMstack の運用に最適化されているそうです。 詳細は 公式アナウンス や 公式ドキュメント: Azure Static Web Apps documentation を読んだ方がいいですが、ざっと現在わかっている機能や特徴を書いておきます。 App Service Static Web Apps の概要App Service Static Web Apps（名前が長いので以
Join our ambassador program today and unlock hands-on tech support
When writing JavaScript, it’s sometimes useful to call into Rust code. For example, there might be a complex algorithm already implemented in Rust that you want to reuse, or some Rust code might run faster and be more memory efficient than any JS implementation. This blog post introduces a new tool called wasmbuild, which simplifies the process of building and using Rust code in Deno and the brows
7 principles for rich web apps And how next.js achieves these principles
ジャムスタックチョットデキル 2023/09/09
Yew is a modern Rust framework for creating multi-threaded front-end web apps with WebAssembly.
Azure Pipelines を使った Azure Web Apps / Azure Functions (Linux) へのデプロイを試した - しばやん雑記
Run From Package に関するドキュメントを眺めていたら、Linux の Premium Plan に対して Run From Package が使えそうな記述があったので試しました。 暫く Linux の App Service を触っていなかったので、知識のアップデートを兼ねてます。 まずは Linux の App Service について簡単にまとめました。ちょっと前に Consumption Plan が GA したり、Premium Plan が Preview で使えるようになったりと、インフラ側は Windows とほぼ同じになっています。 特に Premium V2 が値下げされたので、Windows の Premium V2 よりかなり安く使えます。*1 Web Apps (Linux) App Service Plan (F1 / B1-B3 / S1-S3
Azure Static Web Apps で Puppeteer を動かしたかった - ほりひログ
はじめに 前回のエントリーでは、Azure Functions で Puppeteer を動かして、特定のページのスクリーンショットを取得する Web API を作ってみました。 uncaughtexception.hatenablog.com Web API で動作がするのは確認できましたが、Web ブラウザーのアドレスランを編集して URL クエリーに対象の URL を入れるのがやや面倒なので、Web API を使用しつつ Web ページで UI を作ってみたいと思い、 静的ページとバックエンド API を一緒にデプロイできる Azure Static Web Apps (以下 SWA、ちな Preview) で試してみました。 Azure Static Web Apps を作る クイック スタートがあるので、そのまま使います。 docs.microsoft.com ざっくりいうと、
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
GitHub - QwikDev/qwik: Instant-loading web apps, without effort
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Badging for Home Screen Web Apps
Along with the many other features for web apps on iOS and iPadOS 16.4, WebKit now includes support for the W3C’s Badging API. This straightforward API allows web developers to badge the icon of a web app. This article explores the various features of the Badging API and how to use it, and our ongoing collaboration with W3C’s Web Applications Working Group to improve the specification. Home Screen
ちょっとしたアプリの作成に最適な「Azure Static Web Apps」が一般提供開始：Microsoft Azure最新機能フォローアップ（141） Microsoftは2021年5月12日（米国時間）、「Azure Static Web Apps」の一般提供開始を発表しました。Azure Static Web Appsは、静的なコンテンツのホスティングを動的なスケールとサーバレスのAPIを通じて提供するもので、無料で利用できるFreeプランが用意されています。 Microsoft Azure最新機能フォローアップ このアプリにはちょうどいい、Azure Static Web Apps 「Azure Static Web Apps（静的Webアプリ）」（以下、Static Web Apps）が「Azure App Service」の新しいサービスとして正式に利用可能になりました。S
GitHub - Kanaries/graphic-walker: An open source alternative to Tableau. Easily embedded as a component in web apps.
English | 简体中文 | 日本語 graphic-walker Graphic Walker is an open-source alternative to Tableau. It allows data scientists to analyze data and visualize patterns with simple drag-and-drop operations. Why is it different? It is extremely easy to embed in your apps just as a React component 🎉! The original purpose of graphic-walker is not to be a heavy BI platform, but a easy to embed, lite, plugin. Ma
たぶん10分で試せる。Azure Static Web AppsにWebサイトをデプロイして独自ドメイン設定とFunctionsでAPI公開まで - Qiita
たぶん10分で試せる。Azure Static Web AppsにWebサイトをデプロイして独自ドメイン設定とFunctionsでAPI公開までJavaScriptNode.jsAzureJAMstackStaticWebApps AzureにStatic Web AppsというJAMstack向けなサービスが登場した模様で、プレビュー段階だけど試せたのでメモ残しておきます。 無料らしい（大事） 参考: Azure App Service に Static Web Apps が登場！ NetlifyやVercel同様に静的ホスティングだけじゃなく、Functionsも利用できるのが良いですね。 ドキュメントにGitHub Actionsと連携して〜みたいなことが書いててなんでだろう的なこと思ったけどそういえば買収されてましたね（忘れがち） 作るもの: 静的サイト & API AzureのS
Azure Container Apps の特徴と Azure Web Apps / Azure Functions との違い - しばやん雑記
Ignite 2021 で発表された Azure Container Apps について、実際に触って調べたのでいろいろと所感を書きます。特に Web Apps / Azure Functions との違い・使い分けについて重視しました。 名前から分かるようにコンテナーの実行に特化したサービスです。既報の通り Kubernetes 上で動作していますが Kubernetes の知識が無くても簡単に扱えるようになっています。 最新の Serverless サービスなだけあって、全体的に設計が洗練されている印象を持っています。最初からログ周りは Log Analytics ベースになっているのも好印象です。 提供される機能と App Service との違い まだプレビューなので機能は少なめですが、現時点で提供されている Container Apps の機能は以下のような感じです。カスタム V
Realtime syncfor any backend stackReplicache is a client-side sync framework for building realtime, collaborative web apps with zero-latency user interfaces. It works with most backend stacks.
GitHub - koddr/sweetconfirm.js: 👌A useful zero-dependencies, less than 434 Bytes (gzipped), pure JavaScript & CSS solution for drop an annoying pop-ups confirming the submission of form in your web apps.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ウェブの技術を使い、またウェブサイトとしてホスティングしながらも、モバイルやデスクトップのアプリとして振る舞うことができる PWA。最近では Google Play Store でも配信できるようになったり、iOS での対応強化など話題に事欠きません。 そんな PWA を簡単に高速に開発することができる Nuxt.js を紹介するとともに、今後さまざまな機能を試すためのベースアプリを作ります。 シリーズの記事 Nuxt.js で PWA(Progressive Web Apps) のベースアプリを作る(本記事)Nuxt.js PWA(Progressive Web Apps) のベースアプリをTypeScript対応する環境 本記事の開発環境は以下となります。 Windows 10 64bit + WSL Ubuntu 18.04.1 LTSVisual Studio CodeNode.j
GitHub - preactjs/wmr: 👩🚀 The tiny all-in-one development tool for modern web apps.
The tiny all-in-one development tool for modern web apps, in a single 2mb file with no dependencies. All the features you'd expect and more, from development to production: 🔨 No entry points or pages to configure - just HTML files with <script type=module> 🦦 Safely import "packages" from npm without installation 📦 Smart bundling and caching for npm dependencies ↻ Hot reloading for modul
You've built a web app, but your users stick to Excel. Spreadsheet-like DataGridXL helps you win over these users.
Azure Static Web Apps と Azureストレージの静的Webサイトホスティングを比べる | DevelopersIO
いわさです。 AzureではApp Serviceを使ってWebサイトをホストすることが出来ます。 しかし、静的コンテンツ限っていえば他にもホストオプションが用意されています。 Azure Static Web Apps – App Service | Microsoft Azure Azure Storage での静的 Web サイト ホスティング | Microsoft Docs Blobストレージでのホスティングが先に登場し、Static Web Appsは最近（2021年5月）にGAとなったサービスです。 現在静的コンテンツのホストには上記２つの方法が用意されていますがどういう違いがあるのか少し調べました。 触ってみる まずは、両サービスでホスティング設定を行い、操作性や流れを把握してみたいと思います。 通常のWeb Appsと同様にサービスを作成します。 ホスティングプランがFr
Get inspiration on productivity, design, and technology. At Superhuman, we're building the fastest email experience in the world. Get through your inbox twice as fast as before, and sustain inbox zero! As the saying goes: "If you can't measure it, you can't improve it." We therefore spend a lot of time measuring speed. And as it turns out, performance metrics are surprisingly challenging to get ri
GitHub - mljar/mercury: Convert Jupyter Notebooks to Web Apps
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Reflex · Web apps in Pure Python
[Frontend][Backend][Hosting] Web apps in pure Python. Build web apps in minutes. Deploy with a single command.
Azure Static Web Appsを使い始めるときの記録記事です。 はじめに Jamstackいいですよね。 始祖である Netlify 使っても良いですよね。 Jamstack公式サイト の Site Generatorsのページ には、 1クリックでNetlifyにデプロイできるボタンが並んでいてステキです。 GCP, AWS, AzureでもJambstackできるようになりました。 それぞれ、 Firebase Hosting, AWS Amplify Hosting, Azure Static Web Apps です。 Firebaseは、GCPとの融合というよりも、独立環境を志向している感じです。 もともと独立したスタートアップ企業を、Googleが買収したものですしね。 アプリ開発に必要なもろもろを、ワンパッケージに閉じ込めようとしている印象を受けます。 Amplif
WordPress関連の相談が増えたので Azure Web AppsでWord Press環境を構築してみた。 以下、作業のメモ Azure側での作業 1.Azureマーケットプレイス 『 WordPress 』で検索 → 先頭に出てくる『 WordPress 』を選択 2.作成を選択 3.必要情報を入力していきます。 データベースプロバイダーはMy SQL in App(データベース組み込み)に切り替えることでランニングコストを抑えられます。 App Serviceプラン/場所については作成するワードプレスの方針により方針が異なるため、次項で説明。 App Serviceプラン/場所をクリックします 4.必要情報を入力していきます。 新規作成をクリックします プラン名（わかりやすければ何でもよし）を設定して、価格レベルをクリックします。 特にこだわりがなければデフォルトのS1がベターで
iOS 17.4 won't remove Home Screen web apps in the EU after all - 9to5Mac
App Store Apple says iOS 17.4 won’t remove Home Screen web apps in the EU after all Last month, Apple confirmed that iOS 17.4 would remove support for Home Screen web apps in the European Union. At the time, Apple said this decision was due to requirements under the Digital Markets Act related to support for alternative browser engines on iPhone. Apple is now walking back that decision and says it
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Push for Web Apps on iOS and iPadOS
![[速報] IAMのMFA(多要素認証)でPasskeyが利用できるようになりました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/001a85b3d2d1df2cc863e2347b85bfa4f9bf04e6/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2024%2F06%2FIMG_3975-1.jpg)
Progressive Web Appsの振り返りとこれから | gihyo.jp
無料でも使える新サービス「Azure Static Web Apps」はここまでできる！
GitHub - basecamp/kamal: Deploy web apps anywhere.
App Service Static Web Apps の仕組みを探る（非公式） - しばやん雑記
Azure App Service に Static Web Apps が登場！
Build Web Apps with No-Code | Momen
wasmbuild - Using Rust in Deno and Web Apps
Yew Docs · Yew is a modern Rust framework for creating multi-threaded front-end web apps with WebAssembly.
Azure Static Web Apps documentation
ちょっとしたアプリの作成に最適な「Azure Static Web Apps」が一般提供開始
Replicache: Framework for local-first web apps.
Nuxt.js で PWA(Progressive Web Apps) のベースアプリを作る
DataGridXL: Excel-like Experience for Web Apps
Performance metrics for blazingly fast web apps
Azure Static Web Appsの始め方 - Qiita
【覚書】2020版 10分でAzure Web AppsでWord Press環境を構築する。 - Qiita
www.dlsite.com
www.dlsite.com
www.dlsite.com
nainaiteiyan.hatenablog.com
www.haiku-kigo-ichiran.net
bravo-m.futabanet.jp