タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
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
AWS、ノーコードでAmazon S3を操作するWebアプリが作れる「AWS Transfer Family web apps」発表
AWSは、Amazon S3に対してファイルのブラウズやアップロード、ダウンロードなどが行えるWebアプリケーションをノーコードで簡単に作れる新サービス「AWS Transfer Family web apps」を発表しました。 「AWS Transfer Family web apps」は、同時に発表されたプログラマ向けのUIコンポーネント「Storage Browser for S3」を用いてAWSが開発したWebアプリケーションがベースとなっています。 そのため、できることは基本的にAWS Transfer Family web appsと同じく、Amazon S3のデータに対してブラウズ、アップロード、ダウンロード、コピー、削除などです。 それをユーザーがノーコードでカスタマイズできるようになっているため、プログラマでなくともAmazon S3のデータをダウンロードしたり、アップロ
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
Best Practices Around Production Ready Web Apps with Docker Compose — Nick Janetakis
Learn Docker With My Newest CourseDive 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 1, 2021 in #docker, #elixir, #flask, #javascript, #ruby-on-rails Best Practices Around Production Ready Web Apps with Docker Compose Here's a few patterns I've picked up based o
今回は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には二種類
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
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
AWS Transfer Family web apps を使ってノーコードでS3のWebUIを作成する - Taste of Tech Topics
はじめに こんにちは、一史です。 暖かくなりベランダに出している金木犀が新芽を出してきました、春ですね。 さて、ストレージサービス間でファイル転送を実現するサービス、AWS Transfer Familyの新機能として、web appsというものがあります。 aws.amazon.com この機能を使うことで、S3のWebUIをノーコードで作成することができるようになりました。 今回はこの新機能を用いて実際にWebUIを作成し、ユーザー単位のアクセス制御が行えるかを試していきます。 はじめに AWS Transfer Family web apps とは AWS Transfer Family web appsを用いてS3 WebUI作成する WebUIの完成像 WebUIの作成 ユーザーの作成・割り当て ユーザーのファイルへのアクセス権限の設定 作成したS3 WebUIの操作 ユーザーご
Momen is #1 Product of the Day! Huge thanks to our supporters! 🫶
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
Everything about Google Translate crashing React (and other web apps) by Martijn Hols
Everything about Google Translate crashing React (and other web apps)Google Translate, the built-in extension of Google Chrome, is a machine translator that provides users with an easy way of translating webpages from within their browser tab. This allows webpages to be used by users from all over the world, regardless of their native language. But this convenience comes at a cost, as it interfere
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 ざっくりいうと、
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
Softr | No-Code App Builder | No Code Application Development for Portals and Web Apps
Give your clients a self-serve portal to access information securely.
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
GitHub - preactjs/wmr: 👩🚀 The tiny all-in-one development tool for modern 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
Declarative Syntax Go-app uses a declarative syntax so you can write reusable component-based UI elements just by using the Go programming language. // A component that displays a Hello world by composing with HTML elements, // conditions, and binding. type hello struct { app.Compo name string } func (h *hello) Render() app.UI { return app.Div().Body( app.H1().Body( app.Text("Hello, "), app.If(h.n
GitHub - mljar/mercury: Convert Jupyter Notebooks to Web Apps
Mercury allows you to add interactive widgets in Python notebooks, so you can share notebooks as web applications. Forget about rewriting notebooks to web frameworks just to share your results. Mercury offers a set of widgets with simple re-execution of cells. You can build with Mercury: Turn your notebook into beautiful Web Apps, Create interactive Presentations with widgets, you can recompute sl
Azure Static Web Apps とは
Azure Static Web Apps は、フル スタックの Web アプリをコード リポジトリから Azure に自動的にデプロイするサービスです。 Azure Static Web Apps のワークフローは、開発者の日常のワークフローに合わせて調整されています。 アプリは、コードの変更に基づいてビルドおよびデプロイされます。 静的 Web アプリを作成すると、Azure は GitHub または Azure DevOps と直接やり取りして、選択されたブランチを監視します。 コミットをプッシュするたび、または監視対象のブランチへの pull request を受け入れるたびに、ビルドが自動的に実行されて、自分のアプリと API が Azure にデプロイされます。 通常、静的 Web アプリは、Angular、React、Svelte、Vue、Blazor など、サーバー側のレン
Reflex · Web apps in Pure Python
Create your whole app in a single language. Don't worry about writing APIs to connect your frontend and backend.
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となったサービスです。 現在静的コンテンツのホストには上記２つの方法が用意されていますがどういう違いがあるのか少し調べました。 触ってみる まずは、両サービスでホスティング設定を行い、操作性や流れを把握してみたいと思います。 Azure Static Web Apps 通常のWeb Appsと同様にサー
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
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Azure Static Web Appsを使い始めるときの記録記事です。 はじめに Jamstackいいですよね。 始祖である Netlify 使っても良いですよね。 Jamstack公式サイト の Site Generatorsのページ には、 1クリックでNetlifyにデプロイできるボタンが並んでいてステキです。 GCP, AWS, AzureでもJambstackできるようになりました。 それぞれ、 Firebase Hosting, AWS Amplify Hosting, Azure Static Web Apps です。
Executive summary 🔗 With macOS Sonoma, Apple goes all-in on the concept of installable web apps. They're highly integrated in the overall macOS experience and don't give away their web roots by not showing any Safari UI at all. Testing environment 🔗 Tested on macOS Sonoma 14.0 Beta (23A5257q) with Safari version 17.0 (19616.1.14.11.11). It probably doesn't matter, but the testing device was a 13
GitHub - lowdefy/lowdefy: The config web stack for business apps - build internal tools, client portals, web apps, admin panels, dashboards, web sites, and CRUD apps with YAML or JSON.
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
GitHub - reflex-dev/reflex: 🕸️ Web apps in pure Python 🐍
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
GitHub - lowlighter/matcha: 🍵 Drop-in semantic styling library in pure CSS. Highly customizable and perfect for simple websites and prototyping 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
GitHub - nolanlawson/fuite: A tool for finding memory leaks in 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
GitHub - radix-ui/primitives: Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
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
ChromeのIsolated Web AppsでTCPソケットをリッスンする - ASnoKaze blog
以前紹介したように、ブラウザでTCPソケットを扱う『Direct Sockets API』という仕様があります。 asnokaze.hatenablog.com 前回紹介したときから時間はたち、Isolated Web Appsでの利用に限定されたり、TCPサーバソケットをリッスンできるようになったりしている。 Isolated Web Apps Isolated Web Appsは、Web技術を用いて作られたアプリケーションを独立した環境で動作させる仕組みです。現在、フラグ付きでChromeを起動することで動作させることが出来ます。 github.com アプリケーションの例として、Telnetクライアントを動作させる Isolated Web Apps が公開されています。 github.com Webアプリケーションに署名し、サーバを起動させた、フラグ付きで起動したChromeで動作
How Web Apps Work
Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson
Introducing fuite: a tool for finding memory leaks in web apps
17 Dec Introducing fuite: a tool for finding memory leaks in web apps Posted December 17, 2021 by Nolan Lawson in performance, Web. Tagged: memory, performance. 18 Comments Debugging memory leaks in web apps is hard. The tooling exists, but it’s complicated, cumbersome, and often doesn’t answer the simple question: Why is my app leaking memory? Because of this, I’d wager that most web developers a
2021年5月に正式リリースされたばかりのAzure Static Web Apps（SWA）は無料で商用利用も可能な夢に溢れるサービスです。 一方で、やはりネックなのはその名の通り静的なサイトしか扱えないということです。 せっかく個人でも試しやすい料金設定なのに、静的なサイトを一から作るのは大変ですよね。 そこで今回は、個人でサイトを作りたいと思ったときにお世話になる可能性が高いWordPressで作成したサイトをSWA上に乗っけることを目標にしたいと思います。 前提条件 ・GitHubのアカウントを持っている ・Azureのアカウントを持っている ・ウェブフロント系に多少の理解がある or WordPressを扱ったことがある WordPressとは？ ブログやウェブサイトを作ることができるオープンソースソフトウェアです。 PHPで開発されており、一般的にはユーザーがウェブページにアク
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[入門] PythonでuvとPEP 723を使うと開発体験が10倍向上する理由 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1ea55a631431d1d8342b7d69012ac5eee022bb7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkYzNTIxNTczJTJGMTUxZWYzYTNiNGRiNDcwNTU1ODM1MDZlZjExODNiM2M4YzQyOGJhMSUyRnhfbGFyZ2UucG5nJTNGMTc1MTE0NzI1Nz9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz1jOWM0MTA5Njc3MjNlMTVkODc1NGY2OWIxMDI2MThlNw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D90c04cd81ffbe8678870c7fd7b85f70f%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU1JTg1JUE1JUU5JTk2JTgwJTVEJTIwUHl0aG9uJUUzJTgxJUE3dXYlRTMlODElQThQRVAlMjA3MjMlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElODYlRTMlODElQTglRTklOTYlOEIlRTclOTklQkElRTQlQkQlOTMlRTklQTglOTMlRTMlODElOEMxMCVFNSU4MCU4RCVFNSU5MCU5MSVFNCVCOCU4QSVFMyU4MSU5OSVFMyU4MiU4QiVFNyU5MCU4NiVFNyU5NCVCMSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTcyMzhhOTQ1N2ZkNWExYWQwYmY3YzExODVhOTlhYjEw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBTaGlnZW1vcmlNYXNhdG8mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz01NWYyMTRhNGU0YmFjYTk5NGNmOWVkZTUyYzI2YzM5Zg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D91cd96b75717d09b91b53993026f3258)
Web Push for Web Apps on iOS and iPadOS
Progressive Web Appsの振り返りとこれから | gihyo.jp
無料でも使える新サービス「Azure Static Web Apps」はここまでできる！
GitHub - basecamp/kamal: Deploy web apps anywhere.
Build Web Apps with No-Code | Momen
wasmbuild - Using Rust in Deno and Web Apps
ちょっとしたアプリの作成に最適な「Azure Static Web Apps」が一般提供開始
A Go package for building Progressive Web Apps
Azure Static Web Appsの始め方 - Qiita
Web Apps on macOS Sonoma 14 Beta
Azure Static Web AppsにWordPressで作成したサイトを配置する
diamond.jp
sakarabo.blog.jp
www.aiaoko.com
news.yahoo.co.jp
eeyannka.hatenablog.com
ameblo.jp/557771111