こんにちは、フロントエンドエンジニアのてりーです。 僕の詳しいプロフィールはこちら Reactを仕事で使いこなしたい人、Reactの知識に不安がある人に向けて、具体的な勉強方法のロードマップをまとめました。 はじめに これはReact Hooksの入門者向けの記事で、今回はuseStateを扱っています。 前半部分でReact HooksやuseStateの解説を行い、後半部分で関数コンポーネントを使った買い物リストの実装をチュートリアル形式で行っています。 チュートリアルではfreeCodeCampに掲載されていたHow to Build a Shopping List Using React Hooks (w/ Starter Code and Video Walkthrough)を実例として進めていきながら、解説を織り交ぜています。 React学習の参考になれば幸いです。 このチュー
For the past year, we've been working hard on the v10 release of Hyperdrive. After a long period of beta testing, we're excited to announce that it's ready for general use! Hyperdrive is a peer-to-peer filesystem that's designed to help you share files quickly and safely, directly from your computer. Hyperdrive v9, along with many other modules prefixed by 'hyper', has served as the backbone for D
pipx
pipx — Install and Run Python Applications in Isolated Environments Documentation: https://pypa.github.io/pipx/ Source Code: https://github.com/pypa/pipx For comparison to other tools including pipsi, see Comparison to Other Tools. Install pipx On macOS brew install pipx pipx ensurepath Upgrade pipx with brew update && brew upgrade pipx. On Linux, install via pip (requires pip 19.0 or later) pytho
Build a serverless event-driven workflow with AWS Glue and Amazon EventBridge | Amazon Web Services
AWS Big Data Blog Build a serverless event-driven workflow with AWS Glue and Amazon EventBridge Customers are adopting event-driven-architectures to improve the agility and resiliency of their applications. As a result, data engineers are increasingly looking for simple-to-use yet powerful and feature-rich data processing tools to build pipelines that enrich data, move data in and out of their dat
How to model one-to-many relationships in DynamoDB | DeBrie Advisory
DynamoDB is sometimes considered just a simple key-value store, but nothing could be further from the truth. DynamoDB can handle complex access patterns, from highly-relational data models to time series data or even geospatial data. In this post, we'll see how to model one-to-many relationships in DynamoDB. One-to-many relationships are at the core of nearly all applications. In DynamoDB, you hav
OAuth2.0 Providerを実装したく、OSSを色々と巡ってみて bshaffer/oauth2-server-phpが使いやすそうだったので触ってみましたー。 今回はAuthorization Code Grantのフローを実装してみました。 構成は以下のとおり。 Platform： heroku Database： postgres(Heroku Postgres) Language： php(5.6.11) Web server： Apache(2.4.10) 参考URL→Step-By-Step Walkthrough インストール composer.jsonにbshaffer/oauth2-server-phpを追加 { "require": { "bshaffer/oauth2-server-php": "~1.7" } } で、インストール。 $ composer i
What's New in PA-API 5.0 · Product Advertising API 5.0
A Guide to What's New in Product Advertising API 5.0 This guide gives a high level walkthrough of how Product Advertising API 5.0 differs from 4.0 and what all new features it offers. Features Following are the new features in PA-API 5.0 on a high level: Supports more secure and extensible HTTPS POST/RPC(JSON) over previously supported HTTP(s) GET/REST,SOAP Requests are signed with the more secure
A Lisp REPL as my main shell
If you enjoy this article and would like to help me keep writing, consider chipping in, every little bit helps to keep me going :) Thank you! Update: As of 2021-02-07, not all the code and configurations used in this presentation have been published. Should happen in the coming days, stay tuned! Introduction video The concepts I’m going to present in this article were featured in a presentation at
Some of our favorite Bose headphones and earbuds are back to all-time low prices
Virus scan S3 buckets with a serverless ClamAV based CDK construct | Amazon Web Services
AWS Developer Tools Blog Virus scan S3 buckets with a serverless ClamAV based CDK construct Edit: March 10th 2022 – Updated post to use AWS Cloud Development Kit (CDK) v2. Protecting systems from malware is an essential part of a systems protection strategy. It is important to both scan binaries and other files before introducing them into your system boundary and appropriately respond to potentia
概要 custom metrics による HPAについて調べる過程で Operator や Adapter に関する知見を得ましたので共有します。 CloudNative Days Kansai 2019 MeetupでLTした際のスライドもご参照ください。 以下について記載しています。 Pod Autoscaler VPAとHPA CPU使用率によるHPA custom metricsによるHPA Operatorとは Adapterとは Pod Autoscaler VPAとHPAがあります。 VPA( Vertical Pod Autoscaler ) resources requestsを増減してくれます。 HPA( Horizontal Pod Autoscaler ) pod数を増減してくれます。 本記事はHPAに関するお話です。 CPU使用率によるHPA 公式ドキュメント(
Managing AWS Organizations accounts using AWS Config and AWS CloudFormation StackSets | Amazon Web Services
AWS Cloud Operations & Migrations Blog Managing AWS Organizations accounts using AWS Config and AWS CloudFormation StackSets AWS Organizations enables you to consolidate multiple AWS accounts into an organization that you create and centrally manage. Organizations includes consolidated billing and account management capabilities that enable you to better meet your business’s budgetary, security, a
Announcing the New Foundational C# Certification with freeCodeCamp - .NET Blog
Announcing the New Foundational C# Certification with freeCodeCamp Hello Students and Developers! We are excited to announce the release of the new Foundational C# Certification in collaboration with freeCodeCamp. freeCodeCamp is a charity that creates free learning resources for math, programming, and computer science. The Foundational C# Certification is completely free, globally available, and
For conversations that matter: Struct is a radical new chat platform designed around threads, feeds and AI to 2x your productivity. For conversations that matter: Struct is a radical new chat platform designed around threads, feeds and AI to 2x your productivity. For conversations that matter: Struct is a radical new chat platform designed around threads, feeds and AI to 2x your productivity. Endl
I made a full-stack and type-safe personal site using the t3-stack (Next.js)!
I made a full-stack and type-safe personal site using the t3-stack (Next.js)! Intro First of all, thanks a lot for 1000+ followers on Dev.to, I really can’t believe we’ve come this far. I hadn’t even thought that I would make it this far. Thank you so much to all my followers and everyone who reads my content, love you all! A portfolio site or a personal site is something that you have to build at
LogRocket’s Galileo AI watches every session, surfacing impactful user struggle and key behavior patterns. React Storybook is a user interface development environment and playground for UI components. It allows developers to develop their components and showcase them interactively in an isolated environment. Storybook also allows the developer to provide code examples of component usage which may,
Get started with WebView2 in Win32 apps - Microsoft Edge Developer documentation
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. In this article, you set up your development tools (if not done already), learn how to add WebView2 code to a Win32 app project, and learn about WebView2 concepts along the way. This tutorial starts by opening an existing Win32 app project that has WebVi
Using Amazon CloudFront with AWS Lambda as origin to accelerate your web applications | Amazon Web Services
Networking & Content Delivery Using Amazon CloudFront with AWS Lambda as origin to accelerate your web applications In this blog, you will learn how to use the Lambda Function URL feature to define a AWS Lambda Function as origin for Amazon CloudFront. Lambda Function URL capability provides a dedicated HTTPS endpoint for your Lambda function deployed in an AWS Region. Function URLs are a great fi
The WebAssembly (Wasm) ecosystem is transforming. Developers can look forward to a modular, virtualizable, and robust environment for building applications, libraries, and services. We are excited to be working towards this with implementations for WASI-Preview 2. This roadmap reflects changes occurring in standards within the WebAssembly Community Group (CG) and the WASI Subgroup within the W3C.
It’s been two decades since Rails changed the way we build web apps. As the demand for richer and richer UIs grew, teams came up with different frontends to deliver on those expectations. Client-side frameworks such as Angular, Ember, and React emerged as popular choices. One of Rails’ strengths has always been to empower individual programmers to not just contribute to, but to ship entire full st
Introducing Spot Blueprints, a template generator for frameworks like Kubernetes and Apache Spark | Amazon Web Services
AWS Compute Blog Introducing Spot Blueprints, a template generator for frameworks like Kubernetes and Apache Spark This post is authored by Deepthi Chelupati, Senior Product Manager for Amazon EC2 Spot Instances, and Chad Schmutzer, Principal Developer Advocate for Amazon EC2 Customers have been using EC2 Spot Instances to save money and scale workloads to new levels for over a decade. Launched in
Set up continuous deployment and hosting for a monorepo with AWS Amplify Console | Amazon Web Services
Front-End Web & Mobile Set up continuous deployment and hosting for a monorepo with AWS Amplify Console This article was written by Nikhil Swaminathan, Sr. Product Manager Technical, AWS. Amplify Console recently launched monorepo support, providing developers with mono-repositories a better experience connecting apps to the Amplify Console. A mono-repository is a repository that contains more tha
Using container image support for AWS Lambda with AWS SAM | Amazon Web Services
AWS Compute Blog Using container image support for AWS Lambda with AWS SAM At AWS re:Invent 2020, AWS Lambda released Container Image Support for Lambda functions. This new feature allows developers to package and deploy Lambda functions as container images of up to 10 GB in size. With this release, AWS SAM also added support to manage, build, and deploy Lambda functions using container images. In
Automating Hyperledger Fabric chaincode deployment on Amazon Managed Blockchain using AWS CodePipeline | Amazon Web Services
AWS Database Blog Automating Hyperledger Fabric chaincode deployment on Amazon Managed Blockchain using AWS CodePipeline Amazon Managed Blockchain is a fully managed service that makes it easy to create and manage blockchain networks using the open-source blockchain framework Hyperledger Fabric. In this post, we explore how to use AWS CodePipeline and related services to automate the deployment of
Amazon SageMaker Pipelines がどんなことをしているか図解しながら進めてみた | DevelopersIO
はじめに 皆さんおはようございます。 SageMaker してますか？ re:Invent2020 に怒涛の新機能を発表していましたが、本稿では下記の弊社ブログでも速報されていた Amason SageMaker Pipelines (以下、Pipelines) のチュートリアルを図解してやってみました。 【速報】機械学習にもCI/CDの波が。Amazon SageMaker Pipelines 登場！ #reinvent | Developers.IO 対象読者としては、 SageMaker における CI/CD に興味がある方になります。 Amason SageMaker Pipelines を理解して使いこなしている方には不要です。 本稿の背景として、公式ドキュメントである SageMaker MLOps Project Walkthrough および AWSブログ 新機能 — Am
Using the AWS Parameter and Secrets Lambda extension to cache parameters and secrets | Amazon Web Services
AWS Compute Blog Using the AWS Parameter and Secrets Lambda extension to cache parameters and secrets This post is written by Pal Patel, Solutions Architect, and Saud ul Khalid, Sr. Cloud Support Engineer. Serverless applications often rely on AWS Systems Manager Parameter Store or AWS Secrets Manager to store configuration data, encrypted passwords, or connection details for a database or API ser
Version 1.88 is now available! Read about the new features and fixes from March. September 2022 (version 1.72) Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Update 1.72.1: The update addresses these security issues. Update 1.72.2: The update addresses these issues. Welcome to the September 2022 release of Visual Studio Code. There are many updates i
Stay Aligned Keep everyone on the team - development, product, security, devops, and business - aligned with a shared understanding of your systems. Ground discussions with a shared visual model to shorten meetings and avoid costly misunderstandings. View a sample diagram Onboard, Learn, Refresh Interactive diagrams empower team members to explore systems at their own pace. On-board new team membe
Amazon CloudWatch Metric Streams、AWS Cost and Usage Reports、Amazon Athena を使用した AWS でのコスト最適化 | Amazon Web Services
Amazon Web Services ブログ Amazon CloudWatch Metric Streams、AWS Cost and Usage Reports、Amazon Athena を使用した AWS でのコスト最適化 Amazon CloudWatch Metric Streams を使用して、設定した宛先に Amazon CloudWatch メトリクスのほぼリアルタイムなストリームを作成できます。Metric Streams は Amazon Kinesis Data Firehose を使用して、CloudWatch メトリクスを一般的なサードパーティーサービスプロバイダーの HTTP エンドポイントに送信することを容易にします。最新の情報を含んだ CloudWatch メトリクスから継続的でスケーラブルなストリームを作成することで、正確でタイムリーなメトリクスデータ
本記事は 執筆デビューWeek 3日目の記事です。 ✨ 2日目 ▶▶ 本記事 ▶▶ 4日目 🔰 はじめまして。新卒１年目の堤と申します。 8 月からクラウド事業推進部に配属となり現在は AWS を中心としたシステムの運用や構築を行っています。 まだまだAWSは触りたてでドキュメントを参照する機会が多いのですが日本語訳されていないサイトも多く、訳されていても機械翻訳のため意味が分かりづらいことが多々あります。今回はドキュメントを英語で効率よく最短で読めるようになるため、AWS Documentationからテキストデータを収集し、AWS Documentationに特化した英単語帳を作ってみました。 データ収集 URL の取得 スクレイピング 前処理 1. 基礎的な英単語の除外 2. サービス名に使用されている単語の除外 3. 活用形や複数形の除外 ランキング Top 10 Top 300
フルトン回収システム - Wikipedia
The Fulton system in use The Fulton system in use from below フルトン回収システム（Fulton surface-to-air recovery system, 略称 STARS）は、CIA、アメリカ空軍及び海軍により用いられた、地上の人間を航空機によって回収するためのシステムである。別名スカイフック。 回収にはMC-130E コンバット・タロン IやB-17といった航空機が用いられた。このシステムはオーバーオールに取り付けられたハーネスと引き上げ用のロープに設置された自分で膨らませる気球で構成されている。MC-130Eは、引き上げ用ロープをV字型フックに捕らえ、人間を機上まで巻き上げる。 引き上げ用ロープに取り付けられた赤い旗は、昼間の回収の際にパイロットへの目印となる（夜間はロープに取り付けられたライトが目印となる）。尚このシ
この記事は R Advent Calendar 202211日目の記事です。 10日目の記事にはしょこさんの記事ですね。 Twitterでは個人的に「動くグラフ」をたくさん作っているすごい人、という認識でいるのですが、今回は rtweet パッケージを使ってTwitterの画像を集めて、 それをアニメーションにしているようです。すごい。 まだ読んでいない？ぜひ行ってきてください。この記事はとても長いので。 お久しぶりです 結局月1投稿すらままならなかったですが、元気にやっています。 アドカレの記事でいうこともないのですが、以下のご報告をします。 結婚しました PC買いました 統計検定はダメでした CTF始めました 転職します 来年もよろしくお願いします 内容 仕事と個人的な道楽を兼ねて一時期勉強していたMarketing Mixed Modelについて、 そのコンセプトとMeta社の実装で
Host the Whisper Model on Amazon SageMaker: exploring inference options | Amazon Web Services
AWS Machine Learning Blog Host the Whisper Model on Amazon SageMaker: exploring inference options OpenAI Whisper is an advanced automatic speech recognition (ASR) model with an MIT license. ASR technology finds utility in transcription services, voice assistants, and enhancing accessibility for individuals with hearing impairments. This state-of-the-art model is trained on a vast and diverse datas
Balance deployment speed and stability with DORA metrics | Amazon Web Services
AWS DevOps Blog Balance deployment speed and stability with DORA metrics Development teams adopt DevOps practices to increase the speed and quality of their software delivery. The DevOps Research and Assessment (DORA) metrics provide a popular method to measure progress towards that outcome. Using four key metrics, senior leaders can assess the current state of team maturity and address areas of o
ETL and ELT design patterns for lake house architecture using Amazon Redshift: Part 1 | Amazon Web Services
AWS Big Data Blog ETL and ELT design patterns for lake house architecture using Amazon Redshift: Part 1 New: Read Amazon Redshift continues its price-performance leadership to learn what analytic workload trends we’re seeing from Amazon Redshift customers, new capabilities we have launched to improve Redshift’s price-performance, and the results from the latest benchmarks. Part 1 of this multi-pos
Connecting Networks with Overlapping IP Ranges | Amazon Web Services
Networking & Content Delivery Connecting Networks with Overlapping IP Ranges A common situation we see in customer networks is when there are resources with overlapping IP address ranges that must communicate with each other. Frequently this occurs when companies are acquired and have used the same private (RFC1918) address ranges. However, it can also occur when a service provider with a unique I
Integrating AWS CloudFormation Guard into CI/CD pipelines | Amazon Web Services
AWS DevOps Blog Integrating AWS CloudFormation Guard into CI/CD pipelines In this post, we discuss and build a managed continuous integration and continuous deployment (CI/CD) pipeline that uses AWS CloudFormation Guard to automate and simplify pre-deployment compliance checks of your AWS CloudFormation templates. This enables your teams to define a single source of truth for what constitutes vali
Version 1.88 is now available! Read about the new features and fixes from March. April 2021 (version 1.56) Update 1.56.1: The update addresses these security issues. Update 1.56.2: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the April 2021 release of Visual Studio Code. The VS Code team has been busy t
Building serverless multi-Region WebSocket APIs | Amazon Web Services
AWS Compute Blog Building serverless multi-Region WebSocket APIs This post is written by Ben Freiberg, Senior Solutions Architect, and Marcus Ziller, Senior Solutions Architect. Many modern web applications use the WebSocket protocol for bidirectional communication between frontend clients and backends. The fastest way to get started with WebSockets on AWS is to use WebSocket APIs powered by Amazo
[レポート]AWS Verified Accessの詳細が分かる！re:Inventの最新セッションを紹介 #reinvent | DevelopersIO
はじめに CX事業本部の佐藤智樹です。 今回はre:Invent期間中に発表されたサービス、AWS Verified Accessの詳細を話すセッションが公開されたためこちらについてご紹介いたします。まずは大雑把にできることなど確認したい場合は、以下のブログをご確認お願いいたします。 セッションタイトル Introducing AWS Verified Access: Secure Connections to your applications 登壇者 Shovan Das氏 Product Manager EC2 VPC Jess Szmajda氏 GM VPN タイトル アジェンダ 本編 このプレゼンテーションでは、なぜ私たちがAWS Verified Accessを作るのか？このサービスの機能について話します。そしてVerified Accessのポリシー機能やアクセスポリシーの詳
![[レポート]AWS Verified Accessの詳細が分かる！re:Inventの最新セッションを紹介 #reinvent | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/7fee36677e7512f1c68bcfe30d484a5033aecc91/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2022%2F11%2Feyecatch_reinvent2022_session-report.png)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【React Hooks入門】useStateを使って買い物リストを作るチュートリアル - Qiita
Announcing Hyperdrive v10
oauth2-server-phpでOAuth2.0 Providerを実装してみた。
Engadget | Technology News & Reviews
custom metrics による HPAに学ぶ Operator と Adapter - Qiita
Introducing Struct: a feed-centric chat platform - Struct
Alternatives to React Storybook - LogRocket Blog
WebAssembly: An Updated Roadmap for Developers
Building Basecamp project stacks with Hotwire
Visual Studio Code September 2022
Ilograph Interactive System Architecture Diagrams
AWS Documentationに特化した英単語帳を作ってみた - NRIネットコムBlog
Marketing Mixed ModelとRobyn with R - と。
Visual Studio Code April 2021