こんにちは、よしこです。 この記事は 2020年に立ち上げたWebフロントエンド構成の振り返り の「Applicationのアーキテクチャ」項の詳細記事です。単体でも読めますが、よければ元記事もあわせてどうぞ！ この記事では、わたしの所属する株式会社ナレッジワークで開発・運用しているWebアプリケーションのドメインロジックやAPI通信部分のアーキテクチャについてご紹介していきます。いわゆるフロントエンドの中でも裏側の部分。 一番設計っぽい話になると思いますが、そのぶん「△△ライブラリの便利な使い方」「◯◯のベストプラクティス」というような具体的で汎用的な話とは異なり、うちではこうやってますという事例の共有以上の何物でもないです。 社内資料を社外にも公開するぐらいのイメージで共有していきます！ 前提:アプリケーションの構成要素の4分類 前段として、大元の思想から話します。 まず、フロントエン
After three years of around-the-clock tracking of COVID-19 data from... What is the JHU CRC Now?The Johns Hopkins Coronavirus Resource Center established a new standard for infectious disease tracking by publicly providing pandemic data in near real time. It began Jan. 22, 2020 as the COVID-19 Dashboard, operated by the Center for Systems Science and Engineering and the Applied Physics Laboratory.
Textures 18 Dollar Textures (Updated) 100+ Blood Textures 100 Splatter Textures 220+ Smoke Textures 200 Gold Textures 200 Spider Web Textures 300 Marble Textures 250 Fireworks Textures 200 Brick Wall Textures 100 Transparent Tape Textures 100 Fire Flame Textures 50 Ziplock Plastic Bag Textures 300 Graffiti Backgrounds 100+ Lip Print Textures 100 Shadow Overlays 100 Chalkboard Textures 100 Lightnin
A Pure HTTP/3 Alternative to MQTT-over-QUIC in Resource-Constrained IoT の備忘録 - neko--suki’s blog
HTTP3 でpub-subとMQTT-over-QUICの比較をIoTの観点から行った論文の備忘録です。 IoTという文脈で、ネットワークエミュレータに遅延と帯域を設定して、性能（最初のデータが到達するまでの時間、通信終了までの時間やスループット）、ネットワークへのオーバーヘッド（バイト量とパケット数）、リソースの使用状況（CPU使用率、RAM使用量）、の3つを比較しています。 性能面では、H3 pub-subのほうが優れた結果が得られていますが、ネットワークのオーバーヘッドやリソースの使用状況はHTTP3 pub-subのほうが MQTT-over-QUICよりも多くのリソースを使用する結果となったようです。 これらの結果から、IoTという文脈を考えた場合、トレードオフが存在しているということを示唆しています。 元論文は下で読めます。 arxiv.org 実装について H3 pub-s
COVID-19 Map - Johns Hopkins Coronavirus Resource Center
After three years of around-the-clock tracking of COVID-19 data from... Johns Hopkins experts in global public health, infectious disease, and emergency preparedness have been at the forefront of the international response to COVID-19. This website is a resource to help advance the understanding of the virus, inform the public, and brief policymakers in order to guide a response, improve care, and
ecspresso v2とTerraform null_resourceで一発構築 - KAYAC engineers' blog
SREチームの藤原です。 この記事はTech KAYAC Advent Calendar 2022 5日目の記事です。 この記事では筆者が開発しているAmazon ECSデプロイツール ecspresso (v2)と、Terraformのnull_resourceを組み合わせて、 TerraformによるECS関連リソース作成とecspressoによるECSサービスのデプロイを一発で実行する手法について説明します。 ecspresso とは github.com ecspressoは筆者(fujiwara)が開発している、Amazon ECS用のデプロイツール(OSS)です。ECSにタスク定義とサービスをデプロイするツールはAWSが作っているものを含めて世の中に多々ありますが、ecspressoは次のような特徴を持っています。 Go 言語で書かれた OSS (MIT LICENSE) です
[アップデート] EC2 インスタンスの状態をいい感じにマップ表示！CloudWatch Resource Health が追加されました | DevelopersIO
コンバンハ、千葉（幸）です。 CloudWatchの新機能、Resource Health が発表されました。 まずは以下を見てください。なんかめっちゃいい感じで EC2 インスタンスの CPU 使用率を表示してくれています。 （Introducing CloudWatch Resource Health to monitor your EC2 hosts | AWS Management & Governance Blogより） とてもワクワクしますね。 で、 Resource Health でできるとことはおおむね以上ですべてです。 AWS マネジメントコンソールで以下を実現できる新たなコンソールが提供された、と考えるとわかりやすいかもしれません。 いくつかの観点でインスタンスを一覧表示（マップ、リスト）できる インスタンスの詳細画面で、関連づく以下リソースのメトリクスも一緒に表示でき
![[アップデート] EC2 インスタンスの状態をいい感じにマップ表示！CloudWatch Resource Health が追加されました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/2cd56545af48138769ce47d03f22d7baac20b923/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F05%2Famazon-cloudwatch.png)
Argo CD Resource Hookを活用したKubernetes環境での負荷試験自動化の取り組み - ZOZO TECH BLOG
はじめに こんにちは、計測プラットフォーム開発本部SREブロックの渡辺です。普段はZOZOMATやZOZOGLASSなどの計測技術に関わるシステムの開発、運用に携わっています。 先日私達のチームでは、リリースフローにステージング環境での負荷試験を自動化する取り組みを行いました。今回説明する「負荷試験の自動化」が何を表すのかを定義すると、ここではステージング環境のアプリケーションバージョンを変更した際に、人の手を介さずに負荷試験が行われることを指します。 Kubernetes環境における負荷試験の自動化を検討している方は是非参考にしてください。 目次 はじめに 目次 負荷試験を自動化する前の課題 負荷試験のシナリオ設計 目的設定 現状調査 目標値設定 シナリオ設計 負荷試験を自動化する取り組み 構成 処理の流れ シナリオに沿ったリクエストを送る 実行結果をS3に保存してSlackに通知する
Introducing AWS Resource Explorer – Quickly Find Resources in Your AWS Account | Amazon Web Services
AWS News Blog Introducing AWS Resource Explorer – Quickly Find Resources in Your AWS Account Looking for a specific Amazon Elastic Compute Cloud (Amazon EC2) instance, Amazon Elastic Container Service (Amazon ECS) task, or Amazon CloudWatch log group can take some time, especially if you have many resources and use multiple AWS Regions. Today, we’re making that easier. Using the new AWS Resource E
GitHub - aristocratos/bashtop: Linux/OSX/FreeBSD resource monitor
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
Resource inlining in JavaScript frameworks | Aurora | Chrome for Developers
As part of project Aurora, Google has been working with popular web frameworks to ensure they perform well according to Core Web Vitals. Angular and Next.js have already landed font inlining, which is explained in the first part of this article. The second optimization we will cover is critical CSS inlining which is now enabled by default in Angular CLI and has a work in progress implementation in
第1回目の今回は、Podのリソース割り当ての推奨値を提案する「KRR(Kubernetes Resource Recommender)」について紹介します。 はじめに こんにちは。3-shakeで技術顧問を勤めている青山真也(@amsy810)です。 3-shakeでは、CloudNative技術などを用いたSREの推進などを行っており、Kubernetesに関連した各種ソフトウェアへのキャッチアップなども積極的に行っています。 そこで、本連載では「OSS Insight」で公開されているソフトウェアや、最近話題になっているが、まだ詳細についてまとめられていないようなKubernetesに関連するツール・ソフトウェアを検証し、3-shakeのメンバーで紹介していきます。 第1回の今回は、Podのリソース割り当ての推奨値を提案する「KRR(Kubernetes Resource Recomm
Kubernetes Pod Resource Limitations and Quality of Service
Keep your workloads running efficiently in Kubernetes by correctly setting the request and limits on your deployments as well as the appropriate Quality of Service classes for your pods. Related posts Best Practices for Designing and Building Containers for Kubernetes As mentioned in a prior post, Kubernetes is at its best when managing single process containers. Nevertheless, Kubernetes aims to a
TypeScript5.2 で追加された using Declarations and Explicit Resource Management をテストで活用する - ドワンゴ教育サービス開発者ブログ
こんにちは。N予備校 Webフロントエンド開発チームの堀です。 先日 TypeScript@5.2 が正式リリースされました。 TypeScript@5.2 で新しく追加された using Declarations and Explicit Resource Management (using 構文と明示的リソース管理)によって、N予備校のフロントエンドのテストでの本質的でない処理をカプセル化し、コード上のノイズを削減することができました。 この記事では、using 構文の活用方法や利用するまでの手順、調査した using 構文の挙動について紹介します。 N予備校のPCブラウザ向けフロントエンドの紹介 N予備校のPCブラウザ向けUIのテストについて テストの種類 UIコンポーネントの単体テストについて リクエスト内容のテスト 課題: 本質的でない処理が afterEach に漏れ出ている
[新機能] リージョン・サービスを横断してリソースを検索できる AWS Resource Explorer が使えるようになっていました | DevelopersIO
コンバンハ、千葉（幸）です。 何か見慣れないサービスが使えるようになっていました！！！ ちなみにドキュメントはこちら。 What is AWS Resource Explorer? - AWS Resource Explorer 2022/11/7 にドキュメントがリリースされたようで、ホヤホヤです。速報性重視で触ってみます。 2022/11/9 追記 アップデートのアナウンスが出ました。 Announcing AWS Resource Explorer AWS Blog にもなっていますね。 AWS Resource Explorer の有効化 冒頭の画面からオンを押下すると、セットアップの画面に移ります。 高速セットアップか高度なセットアップが選択できますが、今回は高速セットアップを選択します。 「アグリゲータインデックス」をどのリージョンに作成するかを選択します。「アグリゲータインデ
![[新機能] リージョン・サービスを横断してリソースを検索できる AWS Resource Explorer が使えるようになっていました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/46ad933779d759146e85686aa64fe5635983d564/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2022%2F08%2Faws-management-console.png)
CloudFormation Resource ImportによるRDSバージョンアップ時の定義差分を解消する一手法 - ZOZO TECH BLOG
こんにちは。ZOZOテクノロジーズSRE部の西郷です。普段はAWSを用いてマルチサイズプラットフォーム事業（以降MSPと記載します）のシステム構築や運用に携わっています。 このMSPのシステムではRDBにAmazon Aurora PostgreSQLを採用しています。DBを含むネットワークは全てCloudFormationで管理しており、変更は原則テンプレート修正にて行っています。 さて、このAmazon Auroraは定期的なバージョンアップが発生します。この対応についてもテンプレートを更新して行うのですが、組み合わせの悪い部分があり、都度対応を検討してきました。 その問題について、CloudFormationのResource Importを用いることできれいに解決できたため、事例としてご紹介します。 MSPとその生産を支えるインフラ まずはMSPについて少し触れておきます。MSPは
AWS SDK for Python (Boto3) の “Client API” と “Resource API” の違いについて調べてみた | DevelopersIO
みなさん、こんにちは！ AWS事業本部の青柳＠福岡オフィスです。 AWS SDK for Python (Boto3) の特徴の一つとして挙げられることに、AWSのリソースを操作するAPIとして "Client API" と "Resource API" の2種類が用意されているという点があります。 (AWS SDK for Python (Boto3) トップページ の冒頭に書かれているほどです) これらの違いについてあまり分かっていなかったので、今回調べてみました。 なお、本ブログエントリは、以下の記事を読んでAWS SDK for Python (Boto3) に入門した方、入門しようとしている方のレベルを想定しています。 コードでAWSをさわってみよう！プログラミング初心者向けAWS SDK（Boto3）の使い方 ｜ Developers.IO 2023/01/19 追記：「Res
Below: a time travelling resource monitoring tool
In this blog post we introduce below, an Apache 2.0 licensed resource monitor for modern Linux systems. below was designed and developed by the resource control team at Facebook to view and record historical Linux system data. The resource control team, as the name suggests, is responsible for resource management of Linux systems at scale. Background One of the kernel’s primary responsibilities is
自殺対策を推進するために メディア関係者に知ってもらいたい 基礎知識 2017年 最新版 Preventing suicide: a resource for media professionals, update 2017 PS: A resource for media professionals (translated)
World Health Organization (WHO) 訳 自殺総合対策推進センター 自殺対策を推進するために メディア関係者に知ってもらいたい 基礎知識 2017年 最新版 Preventing suicide: a resource for media professionals, update 2017 自殺対策を推進するために メディア関係者に知ってもらいたい 基礎知識 2017年 最新版 Preventing suicide A resource for media professionals Update 2017 日本語版序文 新聞やテレビなどのメディアによる自殺報道の後に自殺が増加する危険性（模倣自殺と呼ばれるこ とがあります）は以前から知られていましたが、有名人の自殺報道などではセンセーショナルな報 道になる可能性がいまだに払拭されていません。さらにインターネット
GitHub - BuilderIO/partytown: Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉
Introducing Partytown: Run Third-Party Scripts From a Web Worker How Partytown's Sync Communication Works How we cut 99% of our JavaScript with Qwik + Partytown Partytown is now in Beta A fun location for your third-party scripts to hang out Partytown is a lazy-loaded library to help relocate resource intensive scripts into a web worker, and off of the main thread. Its goal is to help speed up sit
PodのResource設定(spec.containers.resources)はこうあるべき、みたいなふんわりとしたイメージが自分の中であるのですが言語化できていないのでしていきたいと思います。 なお、この記事の内容は運用するKubernetes上には自分たちが運用するサービスに関するコンテナのみが載っている前提です。 不特定多数のユーザーのコンテナが載る際はまた別の考えになると思います。 あとこの記事の内容は僕個人の考えです。 TL;DR CPU requests 必要。コンテナを動かすために必要な値を設定してね。低すぎちゃだめよ。 limits 不要。でも場合によっては必要だよ。 Memory requests 必要。コンテナを動かすために必要な値より少し余裕を持って設定してね。 limits 必要。requestsと同じ値にしてね。 1. CPU 1-1. requests 必ず
Webページのサブリソースを一つにまとめる Resource bundles (Bundle preloading) とは - ASnoKaze blog
Webページのサブリソースを1つにまとめる 「Resource bundles」 という仕組みが検討されている。 [目次] はじめに 2行で説明すると 例 利用例 rbnファイルの取得 rbnファイルの中身 その他(標準化やツールについて) おわりに はじめに JavaScript, CSS, 画像といったWebページを表示するのに必要なリソースを一つのファイルにまとめるというのは、今でも行われておりwebpack、rollup、Parcel、esbuildといったツールが利用されている。 「Resource bundles」の目的を読むと、既存のバンドラーは、個々別にリソースをフェッチするのに比べいくつかのデメリットが有ると述べている。 リソース個別のフェッチであれば、MIMEタイプによってはフェッチしながらそのデータの処理を進められるが、それができない リソース個別のフェッチであれば、
CloudFormation Update – CLI + Third-Party Resource Support + Registry | Amazon Web Services
AWS News Blog CloudFormation Update – CLI + Third-Party Resource Support + Registry CloudFormation was launched in 2011 (AWS CloudFormation – Create Your AWS Stack From a Recipe) and has become an indispensable tool for many AWS customers. They love the fact that they can define a template once and then use it to reliably provision their AWS resources. They also make frequent use of Change Sets, a
GitHub - flutter/gallery: Flutter Gallery was a resource to help developers evaluate and use Flutter
NOTE: The Flutter Gallery is now deprecated, and no longer being active maintained. Flutter Gallery was a resource to help developers evaluate and use Flutter. It is now being used primarily for testing. For posterity, the web version remains hosted here. We recommend Flutter developers check out the following resources: Wonderous (web demo, App Store, Google Play, source code): A Flutter app that
Social media photos have proven to be an invaluable resource for natural exploration.
Social media photos have proven to be an invaluable resource for natural exploration. The use of materials from social media, in particular from Instagram, Flickr and Panoramio, has enabled researchers at the University of North Carolina to collect a wealth of valuable information to form models in the field of land use, environmental planning and other equally important areas. According to one of
ACADEMIC RESOURCE GUIDE（ARG）
ACADEMIC RESOURCE GUIDE（ARG）（1998年創刊）は、 アカデミック・リソース・ガイド株式会社（arg）の公式メールマガジンです。
Find the best free design resources Trending Categories Trending Categories Text Effects T-Shirt Mockups Stationery Mockups Club Flyers Sunny Billboard Mockup in 2 Showcases by Mockups Design in Billboard Mockups 5 Showcases of Transparent Candle Glass with Packaging Mockup by Mockupnest in Candle Mockups 3 Showcases of A4 Trifold Brochure Mockup by Mockupnest in Trifold Brochure Mockups DL Envelo
Deploy Any Resource with the Kubernetes Provider for Terraform
Sign up for freeGet started in minutes with our cloud products TerraformInfrastructure as code provisioning
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
When I started working with kubernetes at scale I began encountering something that didn’t happen when I was just running experiments on it: occasionally a pod would get stuck in pending status because no node had sufficient cpu or ram available to run it. You can’t add cpu or ram to a node, so how do you un-stick the pod? The simplest fix is to add another node, and I admit resorting to this answ
コンテナは便利イコール運用も簡単。とはならず、むしろ仕組みの理解や設定調整は、旧来のシステム構成よりもしっかり取り組まなければいけないイメージがよろしいかと思います。 適当に運用がうまくいくのは小規模までで、それ以降はおそらく偶然上手くいってるだけか、突然の死を向かえるかの二択になる気がしています。特に今回のリソース周りは旧来のシステムとはけっこう感覚が異なるので、脳みそのアップデートが必要なくらい大事な部分だと感じています。 Resource の requests / limits と CPU / Memory リンク集 この辺はちゃんと読んでおいたほうがよいです。 Managing Compute Resources for Containers – Kubernetes KubernetesのResource RequestsとResource Limitsについて – Qiita
Colorsinspo - All in one resource for finding everything about colors
Thousands of beautiful color palettes you can use it directly by one click.
Amazon DynamoDB now supports resource-based policies to help you simplify access control for your DynamoDB resources. With resource-based policies, you can specify the Identity and Access Management (IAM) principals that have access to a resource and what actions they can perform on it. You can attach a resource-based policy to a DynamoDB table or a stream. The resource-based policy that you attac
AWS Configを用いたマルチアカウント・マルチリージョンでのリソース把握とコンプライアンス維持への取り組みについて / Using AWS Config for Multi-Account, Multi-Region Resource Understanding and Maintaining Compliance
Title AWS Configを用いたマルチアカウント・マルチリージョンでのリソース把握とコンプライアンス維持への取り組みについて Speaker 光野 達朗 Tatsuro Mitsuno （技術開発本部 SRE部 テックリード） 2020/09/08 第一回 AWSマルチアカウント事例祭り https://zozotech-inc.connpass.com/event/185894/ #ama_fes01 https://youtu.be/OV7r1xWuvSg
All Things AI - The Complete Resource Of Artificial Intelligence Tools & Services
Discover the best tools, services and resources at the forefront of AI.
CI / CD してますか？ 2019年初頭、Tekton プロジェクトが公開されました。本投稿では、Tekton の基本的な概念と、簡単な使い方をご紹介します。 Tekton ?Tekton は、Kubernetes-native pipeline resource と表現される通り、k8s 上で CI/CD パイプラインを構築するためのフレームワークです。元々は、Knative プロジェクトの中で始まったプロジェクトで、現在は、Continuous Delivery Foundation でホストされています。 Tekton は “k8s-native” が表す通り、GKE は勿論、ローカルの k8s クラスターを含む、様々な k8s 環境で動作します。また、パイプラインをYAML形式で宣言的に記述でき、後述する Tekton の概念により、組み合わせ可能かつ再利用性が高いという特徴が
Today, AWS announces AWS Resource Explorer, a managed capability that simplifies the search and discovery of resources, such as Amazon Elastic Compute Cloud (Amazon EC2) instances, Amazon Kinesis streams, and Amazon DynamoDB tables, across AWS Regions in your AWS account. AWS Resource Explorer is available at no additional charge to you. Start your resource search in the AWS Resource Explorer cons
Spring Security 5.3.3で Resource Server を構成する | DevelopersIO
はじめに Spring Boot + Spring Security を利用して OAuth 2.0 の Token Introspection を利用した Resource Server を構成してみます。 環境 Java: openjdk 11.0.6 2020-01-14 LTS SpringBoot: 2.3.1.RELEASE SpringSecurity: 5.3.3.RELEASE 目的 「Spring Bootで単純なWebアプリケーションを作成し、/health エンドポイント以外すべて TokenIntrospection による AccessToken のチェックを入れて保護する」ことが目的です。それのための最小構成です。 SpringSecurity Current Reference Spring Bootアプリケーションを構成 ごくありふれたサンプルを作成します
What is CORS (cross-origin resource sharing)? Tutorial & Examples | Web Security Academy
Cross-origin resource sharing (CORS) In this section, we will explain what cross-origin resource sharing (CORS) is, describe some common examples of cross-origin resource sharing based attacks, and discuss how to protect against these attacks. This topic was written in collaboration with PortSwigger Research, who popularized this attack class with the presentation Exploiting CORS misconfigurations
GitHub - facebookincubator/below: A time traveling resource monitor for modern Linux systems
below is an interactive tool to view and record historical system data. It has support for: information regarding hardware resource utilization viewing the cgroup hierarchy cgroup and process information pressure stall information (PSI) record mode to record system data replay mode to replay historical system data live mode to view live system data dump subcommand to report script-friendly informa
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドアーキテクチャの話: Resource Setの紹介
Home - Johns Hopkins Coronavirus Resource Center
Free Textures for 2024 [High Resolution] - Resource Boy
Podのリソース割り当ての推奨値を提案するKRR(Kubernetes Resource Recommender)
KubernetesのPodのResource設定の考え方 - Qiita
Free Design Resources | Resource Boy
Protecting against resource-heavy ads in Chrome
Understanding resource limits in kubernetes: memory
EKS Kubernetes Resource の取り扱い | 外道父の匠
Amazon DynamoDB now supports resource-based policies
Tekton ~ Kubernetes native pipeline resource ~
Announcing AWS Resource Explorer