投稿時間:2023-08-15 01:22:29 RSSフィード2023-08-15 01:00 分まとめ(29件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS - Webinar Channel	Boost your Primary Database Performance with Amazon ElastiCache - AWS Databases in 15	https://www.youtube.com/watch?v=6qiU_R-TN0k	Boost your Primary Database Performance with Amazon ElastiCache AWS Databases in Amazon ElastiCache is a fully managed Redis and Memcached compatible service delivering real time cost optimized performance for modern applications ElastiCache scales to hundreds of millions of operations per second with microsecond response time and offers enterprise grade security and reliability Amazon Web Services AWS makes it easy to deploy and operate an in memory data store and eliminates the need to perform time consuming management tasks such as hardware provisioning monitoring and patching Did you know you can save up to in cost and gain up to x faster read performance using ElastiCache with RDS for MySQL vs RDS for MySQL alone In this session we ll discuss how to use ElastiCache to boost performance of your primary database when to add a cache to your primary database and demonstrate the data access code changes needed to add ElastiCache Learning Objectives Objective Learn about the benefits of adding a cache to your primary database Objective Learn how to boost your read queries and reduce pressure from your primary database by pairing it with ElastiCache Objective Watch a demo on adding ElastiCache to your primary database and the data access code changes required To learn more about the services featured in this talk please visit To download a copy of the slide deck from this webinar visit Subscribe to AWS Online Tech Talks On AWS AWSOnlineTechTalks sub confirmation Follow Amazon Web Services Official Website Twitch Twitter Facebook Instagram ️AWS Online Tech Talks cover a wide range of topics and expertise levels through technical deep dives demos customer examples and live Q amp A with AWS experts Builders can choose from bite sized minute sessions insightful fireside chats immersive virtual workshops interactive office hours or watch on demand tech talks at your own pace Join us to fuel your learning journey with AWS AWS	2023-08-14 15:15:00
AWS	AWSタグが付けられた新着投稿 - Qiita	「Amazon QuickSight」を触ってみた	https://qiita.com/hiro_10/items/83df56695d5a912c71c2	amazonquicksight	2023-08-15 00:21:28
Docker	dockerタグが付けられた新着投稿 - Qiita	DockerでVueの開発環境を構築する	https://qiita.com/ReAL1341/items/6d5f1bdf986205c1fbe2	docker	2023-08-15 00:21:39
Docker	dockerタグが付けられた新着投稿 - Qiita	[備忘録]Github actionsでDockerビルドするときにプライベートレポジトリからyarn installする方法	https://qiita.com/kixixixixi/items/e0420021980ed7a5d3dc	kubernet	2023-08-15 00:10:49
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure ストレージアカウントのファイル共有を オンプレミスADにドメイン参加する	https://qiita.com/carol0226/items/942dc353dd27f541b74c	azure	2023-08-15 00:45:20
海外TECH	Ars Technica	Rockstar Games acquires modding team that it previously banned	https://arstechnica.com/?p=1960623	rockstar	2023-08-14 15:16:32
海外TECH	MakeUseOf	The Pros and Cons of PCI-e Wireless Network Adapters vs. USB Wireless Solutions	https://www.makeuseof.com/tag/pros-cons-pci-e-wireless-adapter-vs-usb-wireless-solution/	The Pros and Cons of PCI e Wireless Network Adapters vs USB Wireless SolutionsNeed to add wireless networking to your computer You ve got two options PCI e network adapters or USB wireless solutions Let s take a look at the pros and cons of each	2023-08-14 15:30:22
海外TECH	MakeUseOf	OysterVPN Review: Fast, Secure, and Budget-Friendly	https://www.makeuseof.com/oystervpn-review-fast-secure-budget-friendly/	budget	2023-08-14 15:15:21
海外TECH	MakeUseOf	How to Troubleshoot Windows Problems Using Event Viewer Logs	https://www.makeuseof.com/how-troubleshoot-windows-event-viewer-logs/	problem	2023-08-14 15:15:21
海外TECH	DEV Community	Circle-rectangle Transformation	https://dev.to/dimple031/circle-rectangle-transformation-3mif	transformation	2023-08-14 15:39:46
海外TECH	DEV Community	Top 10 CLI Tools for DevOps Teams	https://dev.to/globalping/top-10-cli-tools-for-devops-teams-4fok	Top CLI Tools for DevOps TeamsFor many DevOps teams CLI tools have become indispensable helpers to automate tasks manage infrastructure and collaborate like a well oiled machine In this blog post we ll share our top CLI tools for DevOps teams that you ll enjoy integrating into your workflows Dive Explore Docker imagesWhether you work with Docker regularly or even create your own Docker containers Dive is a great tool for streamlining image sizes potentially helping you save storage costs and speed up deployments With the Dive CLI tool you can dive into the layers of an image see their size and content and potentially uncover wasted space For example it lets you view the files and directories in each layer to find those that are unnecessarily bloating the image This enables you to take the necessary steps to reduce the image size by for example updating your dockerignore file to omit the identified unnecessary resources HTTPie CLI Test and debug APIsHTTPie CLI is something like a modern alternative to the curl command allowing you to interact with and test APIs HTTP servers and web services Its developers have designed it to be powerful yet easy to use thanks to its intuitive syntax and color coded terminal output for better clarity  The tool has numerous functions that allow you to perform a wide range of HTTP requests  For example a command to make a PUT request to an API endpoint with HTTP header data and some JSON data might look like this http PUT myapi com enpoint X API Token username pete AWS CLI Manage AWS ServicesThe AWS CLI is a must have tool if your team relies on Amazon Web Services It lets you effortlessly interact with AWS services orchestrate resource management and automate tasks from the comfort of your terminal Once you get used to the tool you ll notice how convenient and quick it is to fit into your processes especially compared to going through AWS s web based user interface  If you don t use AWS you can usually find CLI tools for other major cloud infrastructure services such as Azure CLI or gcloud CLI Ks Manage Kubernetes ClustersKs is an open source terminal based UI for interacting with your Kubernetes clusters making navigating observing and managing your apps easier If you use Kubectl but wish it was easier and faster to use Ks might be just what you re looking for Ks visual approach makes viewing and managing pods deployments and services more straightforward If you like to customize it Ks skins let you define your preferred look and feel Additionally you can add more features by creating plugins or choosing from plugins provided by the community Here s an example of Ks pod overview Updatecli Create custom update strategiesUpdatecli is a useful tool for fine tuning update strategies in DevOps As you ve probably experienced manual updates often result in outdated specs because figuring out what can be updated is tricky  Updatecli lets you define custom strategies so that each application run detects whether a value needs to be updated and then applies the changes according to the strategy We particularly like Updatecli s plugin based approach to adapting to different workflows which keeps you flexible and independent of underlying dependencies JQ and YQ JSON and YAML parsing and processingJQ and YQ are handy CLI tools for anyone working with JSON or YAML in their shell scripts and terminal  With JQ you can cut filter map and transform JSON like with the sed awk or grep commands YQ is more or less the same but is tailored to process YAML Using these two tools you can streamline data driven tasks like testing API responses managing configuration files or handling Kubernetes manifests While JQ and YQ are not identical in use they share many similarities Here is a simple example of how to read a value from a JSON and a YAML file jq name file jsonyq name file yaml Terragrunt Amplify terraform capabilitiesIf your team works with Terraform you should definitely try Terragrunt and obviously its CLI tool It s an Infrastructure as Code IaC tool that acts as a wrapper for Terraform and simplifies dealing with multiple Terraform modules in different environments  Other benefits of Terragrunt include modular code organization common standards and efficient versioning with Git that improve collaboration It also simplifies state file management and managing states across multiple environments Globalping troubleshoot and test networks globallyGlobalping is a global network testing tool with an extensive probe network that allows you to make measurement requests like ping traceroute mtr dig or curl from almost anywhere in the world  Using the Globalping CLI tool you can quickly and easily test and troubleshoot APIs DSN resolution or your servers For example it allows you to look at network issues from the user s perspective by running commands from their location without actually having physical access  When defining a location from which to run a command you can simply enter something that makes sense to you and the tool will do its best to select the appropriate probes Valid location inputs include countries continents cities US states regions Western Europe ASNs ISP names and cloud region names us east Here s an example where we used the Globalping CLI to ping a website from two probes in Athens and South America fzf Command line fuzzy finderfzf is a fuzzy finder for the command line that is a great help in handling and navigating through data lists It offers an intuitive user interface that allows you to quickly search select and filter through various items whether they re files directories command histories or other text based inputs In addition fzf has a real time search function a preview of file contents and an auto complete feature that minimizes the need for manual typing Once you get used to fzf to increase productivity and reduce errors you won t want to return to a life without it urfave cli Build custom CLI toolsWhen it comes to finding the right CLI tools for a task it often turns out that you need something tailored to your specific challenge or use case That s when urfave cli comes in handy a Go package that provides a framework for creating your own Go command line applications  Its developers have designed it to be easy to understand and use and provide thorough documentation to help you get started and beyond So even if you don t find the perfect CLI tool in this list you can leverage urfave cli to create it yourself and share it with your team ConclusionWe hope you found one or two CLI tools in our list that you would like to try out to improve your DevOps team efficiency collaboration and infrastructure management  Like what you ve read Check out our other blog posts for more DevOps and network testing insights	2023-08-14 15:34:16
海外TECH	DEV Community	Building a Highly Available EC2 Infrastructure with Terraform	https://dev.to/aws-builders/building-a-highly-available-ec2-infrastructure-with-terraform-m36	Building a Highly Available EC Infrastructure with TerraformThis is a getting started guide that extends Terraform s Infrastructure as Code IaC Build Tutorial to building a CD Continuous Delivery pipeline in order to update an infrastructure based on updates to the IaC code I will go through the same tutorial in order for the reader to follow through without having to go back and forth across both guides I will also be using an AMI Amazon Machine Image that was created as an output of the blog on the first part of this series The following infrastructure will be built based on this guide PrerequisitesTerraform is installedAWS CLI is installedAWS Account and credentials that has access to create AWS resourcesI previously wrote about the setup steps of these prerequisites here Basics of TerraformTerraform is a tool for creating Infrastructure as Code IaC IaC as a concept helps manage infrastructure with configuration files instead of using the AWS dashboard The benefits of using IaC in managing your infrastructure are the following Consistent infrastructure across environmentsVersioning of changesReusable and shareable Infrastructure modulesA comprehensive getting started guide for using Terraform with AWS can be found here Terraform CommandsIn using Terraform the four basic commands to keep in mind are the following Initialize will install plugins that Terraform needs to manage the infrastructure code Plan previews the changes that Terraform will make to match your configuration Apply make the planned changes Destroy destroy all infrastructure defined in code Building the Terraform Code and Getting Familiar with Terraform CommandsFirst create a main tf file with the following contents provider aws region var aws region terraform backend s bucket bitscollective region us east key awsEC tfstate From above code we are defining aws as the provider and defining a terraform state file named awsEC tfstate that will be stored in the s bucket bitscollective Then create a vars tf file with the following contents variable aws region type string default us east This simply creates a variable aws region that can be referenced from this context Now let s initialize the code Terraform Initkayea JARVIS MINGW workspace aws terrraform ecapp main terraform initInitializing the backend Successfully configured the backend s Terraform will automaticallyuse this backend unless the backend configuration changes Initializing provider plugins Finding latest version of hashicorp aws Installing hashicorp aws v Installed hashicorp aws v signed by HashiCorp Terraform has created a lock file terraform lock hcl to record the providerselections it made above Include this file in your version control repositoryso that Terraform can guarantee to make the same selections by default whenyou run terraform init in the future Terraform has been successfully initialized You may now begin working with Terraform Try running terraform plan to seeany changes that are required for your infrastructure All Terraform commandsshould now work If you ever set or change modules or backend configuration for Terraform rerun this command to reinitialize your working directory If you forget othercommands will detect it and remind you to do so if necessary Terraform PlanFrom here you ll notice that a terraform directory is created with a terraform tfstate file A providers folder with a terraform executable is also downloaded to the folder Now let s add more code to the main tf file resource aws instance app server ami ami ce instance type t micro tags Name ExampleAppServerInstance Then from the command line run terraform plankayea JARVIS MINGW workspace aws terrraform ecapp main terraform planTerraform used the selected providers to generate the following execution plan Resource actions are indicated with the following symbols createTerraform will perform the following actions aws instance app server will be created resource aws instance app server ami ami ce arn known after apply associate public ip address known after apply availability zone known after apply cpu core count known after apply cpu threads per core known after apply disable api stop known after apply disable api termination known after apply ebs optimized known after apply get password data false host id known after apply host resource group arn known after apply iam instance profile known after apply id known after apply instance initiated shutdown behavior known after apply instance lifecycle known after apply instance state known after apply instance type t micro ipv address count known after apply ipv addresses known after apply key name known after apply monitoring known after apply outpost arn known after apply password data known after apply placement group known after apply placement partition number known after apply primary network interface id known after apply private dns known after apply private ip known after apply public dns known after apply public ip known after apply secondary private ips known after apply security groups known after apply source dest check true spot instance request id known after apply subnet id known after apply tags Name ExampleAppServerInstance tags all Name ExampleAppServerInstance tenancy known after apply user data known after apply user data base known after apply user data replace on change false vpc security group ids known after apply Plan to add to change to destroy ーNote You didn t use the out option to save this plan so Terraform can tguarantee to take exactly these actions if you run terraform apply now Terraform ApplyThis will show that the code is attempting to add a new resource Now run terraform apply Plan to add to change to destroy Do you want to perform these actions Terraform will perform the actions described above Only yes will be accepted to approve Enter a value Enter a value of yesaws instance app server Creating aws instance app server Still creating s elapsed aws instance app server Still creating s elapsed aws instance app server Still creating s elapsed aws instance app server Creation complete after s id i addf Apply complete Resources added changed destroyed Go to EC in the AWS dashboard and the created instance should now show up here In S you will see that the state file have been created This file will keep track of any changes done to the code Keeping this file in a remote location such as S ensures that any remote server will follow a single source of truth for any updates to the infrastructure code Terraform DestroyTo destroy all created resources you can run terraform destroy Terraform destroy command ensures that all created resources are removed Plan to add to change to destroy Do you really want to destroy all resources Terraform will destroy all your managed infrastructure as shown above There is no undo Only yes will be accepted to confirm Terraform destroy command ensures that all created resources are removed Enter a value yesaws instance app server Destroying id i addf aws instance app server Still destroying id i addf s elapsed aws instance app server Still destroying id i addf s elapsed aws instance app server Still destroying id i addf s elapsed aws instance app server Still destroying id i addf s elapsed aws instance app server Destruction complete after sDestroy complete Resources destroyed Note that destroying the infrastructure does not remove the created terraform state file in the s bucket Terraform ModulesLet s continue with building the rest of the infrastructure with an introduction to Terraform modules Terraform modules are nothing but putting together infrastructure code into logical reusable groups to allow re use on other parts of the code Download the rest of the project from github Here you ll see that I grouped the infrastructure code under one folder named ha application Ultimately I wanted to be able to re use this module when deploying the same infrastructure code across multiple environments dev qa staging prod Under this folder there s a vars tf file that would have default values but can be overwritten when calling the module so that the values can be updated when deploying across environments Going back to the main code I m invoking the module and passing the required variables which is also referenced in the main code s vars tf file module application source modules ha application aws region var aws region imageid var imageid availability zones var availability zones vpc id var vpc id Deploying the codeSince the code have significantly changed and would require new plugins we need to re run terraform init again After this we can go directly to terraform apply to check out the resources being created kayea JARVIS MINGW Workspace aws terrraform ecapp main terraform applyTerraform used the selected providers to generate the following execution plan Resource actions are indicated with the following symbols createTerraform will perform the following actions module application aws alb application lb will be created resource aws alb application lb arn known after apply arn suffix known after apply desync mitigation mode defensive dns name known after apply drop invalid header fields false enable deletion protection false enable http true enable tls version and cipher suite headers false enable waf fail open false enable xff client port false id known after apply idle timeout internal known after apply ip address type known after apply load balancer type application name application lb preserve host header false security groups sg cacfd sg aba subnets subnet ec subnet dcdf tags all known after apply vpc id known after apply xff header processing mode append zone id known after apply module application aws alb listener http listener will be created resource aws alb listener http listener arn known after apply id known after apply load balancer arn known after apply port protocol HTTP ssl policy known after apply tags all known after apply default action order known after apply target group arn known after apply type forward module application aws alb target group http will be created resource aws alb target group http arn known after apply arn suffix known after apply connection termination false deregistration delay id known after apply ip address type known after apply lambda multi value headers enabled false load balancing algorithm type known after apply load balancing cross zone enabled known after apply name application tg port preserve client ip known after apply protocol HTTP protocol version known after apply proxy protocol v false slow start tags all known after apply target type instance vpc id vpc cfbb health check enabled true healthy threshold interval matcher path port protocol HTTP timeout unhealthy threshold module application aws autoscaling group application asg will be created resource aws autoscaling group application asg arn known after apply availability zones us east a us east d default cooldown known after apply desired capacity force delete false force delete warm pool false health check grace period health check type known after apply id known after apply ignore failed scaling activities false load balancers known after apply max size metrics granularity Minute min size name application asg name prefix known after apply predicted capacity known after apply protect from scale in false service linked role arn known after apply target group arns known after apply vpc zone identifier known after apply wait for capacity timeout m warm pool size known after apply launch template id known after apply name known after apply version Latest module application aws launch template application template will be created resource aws launch template application template arn known after apply default version known after apply id known after apply image id ami deee instance type t micro latest version known after apply name application template name prefix known after apply tags all known after apply update default version true vpc security group ids sg cacfd Plan to add to change to destroy Do you want to perform these actions Terraform will perform the actions described above Only yes will be accepted to approve Enter a value yesAfter this let s checkout the resources created Launch Template contains the EC configuration and references the ami we created previously Target Groups contains a reference to the EC instances were traffic will be forwarded to Auto scaling Group contains the scaling configurations for high availabilityThe Load Balancer will be forwarding traffic to the target defined Also notice that the application load balancer will have a DNS endpoint which we can now load in the browser application lb us east elb amazonaws com A better architecture will use https and have an SSL certificate As always destroy the infrastructure after testing to ensure you are not being charged unnecessarily And that s it Stay tuned for my next update where I ll be creating a pipeline in Github to run the Terraform commands on a runner instead of my machine	2023-08-14 15:31:15
海外TECH	DEV Community	The Power of Writing for Developers: More Than Just Code	https://dev.to/inovak/the-power-of-writing-for-developers-more-than-just-code-2j2n	The Power of Writing for Developers More Than Just CodeWriting is the secret sauce that not only amplifies your skills but also the external knowledge of your skills It clarifies your thinking lights the path for your team and bridges the gap between engineering and business Writing can do more than create code it can persuade inform encourage and inspire It s worth practicing in its own right Clarify Your ThoughtsEver been stuck in a mental maze trying to wrangle a problem like an uncooperative octopus Yeah we ve all been there Coding can feel like an endless loop of confusion at times However writing can be your trusty problem solving sidekick  Think of writing as a kind of dialogue you re having with yourself like rubber ducking but on paper or screen It s a way for your brain to untangle the neurons and make sense of the chaos  Writing forces you to slow down take a breath and really think through your ideas It s like parking your racing thoughts in neat little garages It helps you spot inconsistencies gaps and dead ends in your thinking You ever re read something you ve written and thought What was I even trying to say here Yup That s the point Writing down your thoughts crystallizes them making them more tangible and manageable It s like turning fog into ice cubes You can handle them rearrange them even toss them out if they re not doing you any good A Lifeline for TeammatesIn complex code comments serve as lighthouses guiding fellow devs through the intricacies of the implemented logic These written notes explain the why behind certain code choices offer context for future developers and sometimes serve as warnings against potential pitfalls Well written and maintained documentation code and comments reduce the learning curve for new team members and ensure that the code s original intent is preserved even as the codebase evolves Sigh remember the telephone game Sitting in a circle each person whispers the message to the next and by the time it reaches the last person the message no longer even remotely resembles the original The same can happen with code Sure good code is self documenting But when there s an opportunity to add clarity we should take it Writing docs and commenting code is like planting trees Sure you might not enjoy the shade but someone else surely will The trouble with this analogy is in the forest of code the trees grow quickly and the next developer who revisits the code could be you revisiting your own code in six months wondering what on earth you were thinking For yourself and your team always leave a note Bridge the Engineering Business GapWriting has the power to break down the walls between the engineering world often viewed as a cryptic land of code and the business domain which thrives on clear concise communication  For developers the ability to articulate complex ideas through writing can be a game changer You might be a pro at creating elegant solutions but if you can t convey that elegance in a way that everyone from the project manager to the sales team can understand your skills might not get the recognition they deserve   The single biggest problem in communication is the illusion that it has taken place   George Bernard ShawShaw got it right Communication is key But how can you as a developer use writing to bridge this gap We need to be able to articulate technical constraints to stakeholders propose solutions to business teams or explain the implications of certain technological decisions Imagine how useful it would be for a developer to craft concise jargon free and persuasive documents They d be able to seamlessly connect the worlds of engineering and business ensuring that both sides are aligned in their goals Persuade Inform Encourage InspireOutside the confines of code developers have stories to tell experiences to share and knowledge to convey Whether it s writing a tech blog penning an op ed about ethical tech or drafting a proposal for a new project the act of writing amplifies a developer s voice Well written content can persuade stakeholders inform the community encourage peers and inspire the next generation of coders In essence through writing developers can transcend their immediate roles and make meaningful contributions to the broader tech community What are you waiting for	2023-08-14 15:30:00
海外TECH	DEV Community	Where to Find Open Source Projects for Contribution?	https://dev.to/ashutoshmishra/where-to-find-open-source-projects-for-contribution-1ek	Where to Find Open Source Projects for Contribution Note This article was originally written on January th Contributing to open source can be both rewarding and satisfying It helps you improve your skills build meaningful connections and also build your career But having that first contribution can be a daunting task to you as a developer who has never contributed to open source before I ve compiled a list of some great platforms that will help you find some cool projects and issues to make their first contribution Platforms to Find Open Source Projects for Beginners Open Source GuidesBefore starting open source it s always good to know how to contribute to an open source project Open Source Guides is like a for open source This website has guides on list below was taken directly from their website how to contribute to open sourcestarting an open source projectfinding users for your projectbuilding welcoming communitiesbest practices for maintainersleadership and governancegetting paid for open source workyour code of conductopen source metricsthe legal side of open sourceI will highly encourage you to give it a read before making your first pull request It ll enlighten you on Open Source and various other elements involved in it Up For GrabsUp For Grabs maintains a “list of open source projects which have curated tasks specifically for new contributors Source Up For Grabs Filter the projects by labels and tags and check the projects which you find interesting Ovio ProjectsOvio is a community platform striving to make the open source ecosystem more collaborative and accessible by empowering developers to contribute Source Ovio It gives you access to the curated lists of projects and issues that match your skills and interests You have to first create your account and fill your profile to let Ovio know about your skills and interests based on which they will auto match you with projects and issues CodeTriageCodeTriage helps you contribute to open source by “picking a handful of open issues and delivering them directly to your inbox Source CodeTriage After you sign up for CodeTriage you pick the repos you want to help with and they will periodically send you issues They have already helped developers contribute to Open Source projects to date First ContributionsFirst Contributions helps you make your first open source contribution in five minutes To get started you have to clone their repository locally and then add your name to their Contributors md file and then push the changes to GitHub Once you have done that you can check their extensive list of projects and choose the ones which match your skills and interests CodetributeCodetribute is a site that guides contributors to their first contribution It helps new contributors find a project they want to work with learn about that project and then find a task that is suitable to their skills and interests and not already assigned to someone else Source Codetribute GitHub You can browse projects and their issues and can also filter issues based on your preferred programming languages The other good thing about Codetribute is that it lets you find issues with good first bugs tag unlike other resources in this article Hacktoberfest ProjectsHacktoberfest Projects is a website that lets you find eligible projects for Hacktoberfest Though this website is specifically designed to find Hacktoberfest projects there s no rule that you cannot contribute to those projects in other months apart from October So check out this site and you may find some great projects here Good First IssueGood First Issue website curates the issues with good first issue tag from various open source projects and displays them with a nice and clean UI It s a great way to find good first issues on GitHub which would manually take you a long long time to find If you re a beginner I would encourage you more to visit and check this website First Pull RequestTo be honest this website might not find you open source projects for contribution but it ll tell you what was the first open source contribution of your favorite programmers First Pull Request as the name suggest asks you the GitHub username of your favorite programmers and in return displays their first pull request It s a great website for you to know how many giant programmers you know of started with small contributions AviyelAviyel is a community driven monetization platform for open source projects They work with open source creators to build and incentivise active communities achieve financial independence and increase adoption of their projects Aviyel is building a knowledge sharing platform that offers seamless and guaranteed exchange of knowledge support and content around open source projects between the open source community and the businesses and developers who build great products using them Source The Aviyel Manifesto Currently they have onboarded five projects Docz Typesense Mobile Security Framework MobSF Chatwoot and Hoppscotch you can check them at Aviyel s website Check out the platform and these projects and you may find something interesting Parting ThoughtsIf you are reading up to this point chances are you are really serious about getting involved in open source I wish you good luck with your open source journey Reach out to me on X formerly Twitter if any of these platforms now or in the future help you make your first open source contribution I would love to hear about your journey Happy Coding	2023-08-14 15:23:24
海外TECH	DEV Community	How to Implement User Registration and Email Verification in React	https://dev.to/sammychris/how-to-implement-user-registration-and-email-verification-in-react-1map	How to Implement User Registration and Email Verification in React Introduction to Email Verification in React Frontend ApplicationsAudience This tutorial is intended for web developers using React to build applications requiring user registration and email verification functionalities This article will guide you through the process of implementing user registration and email verification in a React frontend application Email verification is an essential step in ensuring the authenticity of user accounts and preventing spam or fraudulent registrations In this tutorial we will cover the following topics Designing the email verification user interface in ReactSending email verification links in React using a backend serviceHandling email verification token validation in ReactImplementing email verification success and error messages in ReactIntegrating email verification with user registration in ReactLet s get started Designing the Email Verification User Interface in ReactBefore we dive into the implementation details let s design the user interface UI for the email verification process In this example we ll assume a simple UI with an email input field and a Verify button Here s a basic example of the email verification component in React import React useState from react const EmailVerification gt const email setEmail useState const handleEmailChange event gt setEmail event target value const handleVerifyClick gt TODO Implement email verification logic return lt div gt lt input type email value email onChange handleEmailChange placeholder Enter your email gt lt button onClick handleVerifyClick gt Verify lt button gt lt div gt export default EmailVerification In this code snippet we define a functional component EmailVerification that manages the state of the email input field using the useState hook When the user enters an email address and clicks the Verify button we will implement the email verification logic Sending Email Verification Links in React Using a Backend ServiceTo send email verification links we need a backend service that handles the email sending process For the sake of simplicity let s assume we have a REST API endpoint api send verification email that accepts a POST request with the user s email address and sends an email with a verification link Here s an example of how to send the email verification request from the frontend in React import axios from axios const handleVerifyClick async gt try const response await axios post api send verification email email console log Email sent successfully response data catch error console error Failed to send email error In this code snippet we use the axios library to make an asynchronous POST request to the api send verification email endpoint with the user s email address If the request is successful we log a success message to the console Otherwise we log an error message Make sure to replace api send verification email with the actual URL of your backend service Handling Email Verification Token Validation in ReactOnce the user receives the email verification link and clicks on it they will be redirected to your React application At this point we need to handle the validation of the email verification token to confirm the user s email address To handle the token validation we can extract the token from the URL and send a request to a backend endpoint to verify its validity Again for simplicity let s assume we have a backend endpoint api verify email that accepts a GET request with the email verification token Here s an example of how to handle the email verification token validation in React import useEffect from react import useHistory useLocation from react router dom import axios from axios const EmailVerificationSuccess gt const history useHistory const location useLocation useEffect gt const token new URLSearchParams location search get token const verifyEmail async gt try const response await axios get api verify email params token console log Email verified successfully response data Redirect the user to a success page or perform other actions history push verification success catch error console error Failed to verify email error Redirect the user to an error page or perform other actions history push verification error if token verifyEmail else console error Email verification token not found history push verification error history location search return null or display a loading spinner export default EmailVerificationSuccess In this code snippet we use the useHistory and useLocation hooks from React Router to access the current URL and navigate the user to different pages We extract the email verification token from the URL parameters and send a GET request to the api verify email endpoint If the token is valid we log a success message and redirect the user to a success page Otherwise we log an error message and redirect the user to an error page Make sure to replace api verify email with the actual URL of your backend endpoint Implementing Email Verification Success and Error Messages in ReactTo provide feedback to the user regarding the email verification process we can display success and error messages based on the response received from the backend Here s an example of how to implement email verification success and error messages in React import useState from react import axios from axios const EmailVerification gt const email setEmail useState const verificationStatus setVerificationStatus useState null const handleEmailChange event gt setEmail event target value const handleVerifyClick async gt try const response await axios post api send verification email email setVerificationStatus success console log Email sent successfully response data catch error setVerificationStatus error console error Failed to send email error let statusMessage null if verificationStatus success statusMessage lt div gt Email sent successfully lt div gt else if verificationStatus error statusMessage lt div gt Failed to send email Please try again lt div gt return lt div gt lt input type email value email onChange handleEmailChange placeholder Enter your email gt lt button onClick handleVerifyClick gt Verify lt button gt statusMessage lt div gt export default EmailVerification In this code snippet we introduce a new state variable verificationStatus to keep track of the email verification status After sending the verification email we update the status accordingly success or error and display the corresponding message below the input field Integrating Email Verification with User Registration in ReactNow that we have implemented the email verification process we can integrate it with the user registration flow in React When a user registers with their email and other required information we should send them a verification email before considering their registration complete Here s an example of integrating email verification with user registration in React jsxCopy codeimport useState from react import axios from axios const UserRegistration gt const email setEmail useState const password setPassword useState const registrationStatus setRegistrationStatus useState null const handleEmailChange event gt setEmail event target value const handlePasswordChange event gt setPassword event target value const handleRegisterClick async gt try const response await axios post api register email password setRegistrationStatus success console log Registration successful response data catch error setRegistrationStatus error console error Failed to register error let statusMessage null if registrationStatus success statusMessage lt div gt Registration successful Please check your email to verify your account lt div gt else if registrationStatus error statusMessage lt div gt Failed to register Please try again lt div gt return lt div gt lt input type email value email onChange handleEmailChange placeholder Enter your email gt lt input type password value password onChange handlePasswordChange placeholder Enter your password gt lt button onClick handleRegisterClick gt Register lt button gt statusMessage lt div gt export default UserRegistration In this code snippet we add a password input field to the registration form After successful registration we update the registrationStatus state to success and display a message instructing the user to check their email for verification ConclusionCongratulations You have successfully implemented user registration and email verification in a React frontend application By following this guide you learned how to design the email verification user interface send email verification links using a backend service handle email verification token validation implement email verification success and error messages and integrate email verification with user registration Remember email verification is an important step in ensuring the security and authenticity of user accounts Feel free to customize and enhance this implementation based on your application s requirements and specific backend services Happy coding	2023-08-14 15:04:18
Apple	AppleInsider - Frontpage News	How to use iPad as a portable screen for your Nintendo Switch	https://appleinsider.com/inside/ipados-17/tips/how-to-use-ipad-as-a-portable-monitor-for-your-nintendo-switch?utm_medium=rss	How to use iPad as a portable screen for your Nintendo SwitchA feature in iPadOS enables iPads to work with USB C capture cards Here s how to use the feature to make your large screen iPad work as an external monitor for your Nintendo Switch Use iPad as a monitorApple briefly mentioned external webcam support when it revealed iPadOS during WWDC This support uses a system that brings video recorded from a device into a compatible camera app which coincidentally applies to devices like capture cards Read more	2023-08-14 15:23:16
海外TECH	ReadWriteWeb	Construction Management: Full Guide, Statistics	https://readwrite.com/construction-management-full-guide-statistics/	Construction Management Full Guide StatisticsConstruction management refers to planning coordinating and supervising a construction project from its beginning to completion It involves controlling the The post Construction Management Full Guide Statistics appeared first on ReadWrite	2023-08-14 15:04:56
海外TECH	ReadWriteWeb	Boom Lifts: Everything You Need to Know	https://readwrite.com/boom-lifts-everything-you-need-to-know/	Boom Lifts Everything You Need to KnowA boom lift also known as a cherry picker or man lift is a type of aerial work platform that The post Boom Lifts Everything You Need to Know appeared first on ReadWrite	2023-08-14 15:02:53
海外TECH	Engadget	Amazon's latest smart speaker sale includes the Echo Studio for $160	https://www.engadget.com/amazons-latest-smart-speaker-sale-includes-the-echo-studio-for-160-151937377.html?src=rss	Amazon x s latest smart speaker sale includes the Echo Studio for Many of Amazon s Echo smart speakers are on sale right now including the biggest of the bunch the Echo Studio It s down to which is percent off and just more than it sold for during Prime Day last month That discount was only for Prime members but anyone can take advantage of this deal The Echo Dot and the standard Echo are also on sale for and respectively Neither matches its Prime Day low but these are still to percent discounts nbsp We mention the Echo Studio in our guide to the best smart speakers as an alternative to the Sonos Era for those who already rely on Alexa It s the largest smart speaker Amazon makes weighing in at pounds and it uses that heft to deliver better audio quality than any other Echo We gave it an in our review and noted the quality hi res sound that does justice to HD and lossless music ーbut also makes regular old Spotify tracks sound pretty good nbsp The second best deal in the sale is on Amazon s flagship Echo which is instead of its usual after a percent discount That s about more than it went for during Prime Day but again this price is open to anyone not just people who pay for a Prime membership We should note that it went for even less during Black Friday last year and may do so again But if you need another or your first Alexa speaker right now this is a decent savings nbsp Amazon s most popular speaker the Echo Dot is currently which we named our favorite smart speaker under The price is more than during July s sale when it was half price The diminutive sphere puts out better audio than you d think for its size and like every Echo device gives you access to Alexa s skills jokes and smart home controls nbsp Follow EngadgetDeals on Twitter and subscribe to the Engadget Deals newsletter for the latest tech deals and buying advice This article originally appeared on Engadget at	2023-08-14 15:19:37
海外TECH	WIRED	TikTok Has Started to Let People Think For Themselves	https://www.wired.com/story/tiktok-has-started-to-let-people-think-for-themselves/	TikTok Has Started to Let People Think For ThemselvesTikTok is making its infamous algorithm optional for users in the European Union But more legal and design changes are necessary to protect people s right to cognitive liberty	2023-08-14 15:25:47
金融	◇◇　保険デイリーニュース　◇◇（損保担当者必携！）	保険デイリーニュース(08/15)	http://www.yanaharu.com/ins/?p=5306	金融庁	2023-08-14 15:12:14
ニュース	BBC News - Home	Girl, 10, was alone in house when found dead	https://www.bbc.co.uk/news/uk-england-surrey-66503514?at_medium=RSS&at_campaign=KARANGA	surrey	2023-08-14 15:39:19
ニュース	BBC News - Home	Clapham stabbing: Two men injured in homophobic attack	https://www.bbc.co.uk/news/uk-england-london-66500712?at_medium=RSS&at_campaign=KARANGA	london	2023-08-14 15:46:01
ニュース	BBC News - Home	Wethersfield: Priti Patel accuses government of being 'secretive' over asylum housing plan	https://www.bbc.co.uk/news/uk-politics-66502375?at_medium=RSS&at_campaign=KARANGA	essex	2023-08-14 15:10:18
ニュース	BBC News - Home	Clarence Avant: Music industry legend known as the 'Black Godfather' dies aged 92	https://www.bbc.co.uk/news/entertainment-arts-66502121?at_medium=RSS&at_campaign=KARANGA	jackson	2023-08-14 15:33:34
ニュース	BBC News - Home	Man dies after becoming unwell at Bloodstock festival	https://www.bbc.co.uk/news/uk-england-derbyshire-66499527?at_medium=RSS&at_campaign=KARANGA	death	2023-08-14 15:31:40
ニュース	BBC News - Home	Petrol prices: Why are they going back up?	https://www.bbc.co.uk/news/business-52188448?at_medium=RSS&at_campaign=KARANGA	businesses	2023-08-14 15:29:37
ニュース	BBC News - Home	Bibby Stockholm: No-one harmed over discovery of Legionella on barge - health secretary	https://www.bbc.co.uk/news/uk-66495308?at_medium=RSS&at_campaign=KARANGA	bibby	2023-08-14 15:33:21
ニュース	BBC News - Home	The Hundred 2023: Welsh Fire's Tammy Beaumont hits first century in women's competition	https://www.bbc.co.uk/sport/cricket/66503534?at_medium=RSS&at_campaign=KARANGA	The Hundred Welsh Fire x s Tammy Beaumont hits first century in women x s competitionTammy Beaumont becomes the first women s batter to hit a century in The Hundred with a spectacular for Welsh Fire against Trent Rockets	2023-08-14 15:52:27