投稿時間:2022-12-11 16:10:56 RSSフィード2022-12-11 16:00 分まとめ(13件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS	AWS DeepRacer Army vs. Navy	https://www.youtube.com/watch?v=m7FeQaKAH5I	AWS DeepRacer Army vs NavySubscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster AWS AmazonWebServices CloudComputing	2022-12-11 06:00:37
python	Pythonタグが付けられた新着投稿 - Qiita	【下書き】blender pythonでのあそび	https://qiita.com/ilain/items/5244989e5b5aad733e6c	blender	2022-12-11 15:49:30
python	Pythonタグが付けられた新着投稿 - Qiita	GPIO実験ボード (Sunhayato AS-E405) を使ったラズパイGPIO学習	https://qiita.com/sin1917/items/e3b68c3b15ca7536f863	sunhayatoase	2022-12-11 15:26:47
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[Ruby] hash の配列を、その1要素を key にした hash にする	https://qiita.com/Takayuki_Nakano/items/7d049a1a342f6399d6fe	bfdaeedebcbbdidnamebbbuse	2022-12-11 15:20:26
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS EC2インスタンスからSlackに通知を送る方法	https://qiita.com/sam_eng3336/items/f1f5fa455e7d6f598d81	adventcalendar	2022-12-11 15:05:09
技術ブログ	Developers.IO	[レポート] 動物の管理を変える衛生を使った耳タグについてのセッションに参加しました #reinvent #AER201	https://dev.classmethod.jp/articles/reinvent2022-satellite_ear_tag-aer201/	inthissessio	2022-12-11 06:55:35
技術ブログ	Developers.IO	Let us know all about Autify	https://dev.classmethod.jp/articles/let-us-know-all-about-autify/	Let us know all about AutifyHi I am Charu from Classmethod In this blog I will be writing about all you need to know in order to get st	2022-12-11 06:36:23
海外TECH	DEV Community	NGINX: Advanced Load Balancer, Web Server, & Reverse Proxy	https://dev.to/lovepreetsingh/nginx-advanced-load-balancer-web-server-reverse-proxy-4i23	NGINX Advanced Load Balancer Web Server amp Reverse Proxy ConcurrencyWhen it comes to making a request to the server it usually happens that multiple users will be making requests And Server needs to handle all the requests This is where the important points to consider come into play like Is your server concurrentIs your backend architecture well designed Monolithic Microservices etc Is your server performing Performance Testing well in different network load Load Balancing One of the methods to distribute the load is to use software load balancers This is where Nginx comes into play In general Nginx is mainly used as a load balancer Though Nginx can be used as a mail proxy reverse proxy HTTP cache etc But what exactly the Nginx and How do we use it NginxNginx is a web server that is capable of handling k concurrent users or network load per second It became the fastest available web server followed by Apache Image Reference Intellipath How to setup Load Balancing with NGINXNote Follow for more Because we ll see the implementation of load balancers Proxy etc in our NodeJS app in our future blogs With Nginx we can use Simple Round Robin Weighted and Least connections load balancing Steps that we ll follow Will use simple Node APIs and will run in two EC instances EC instances are nothing but virtual servers or machines that can run our backend code Then we ll run Nginx in the third EC instance or a third machineThen we ll set up load balancing between the two EC servers running our Node App Note Don t worry follow along you ll get the most out of it Create an AWS account Don t worry you can use it for free until you do not exceed free limitsNow Go to the Amazon EC Service from the Homepage and Create an EC instance Launch an EC instance Select the OS and Name of the serverSelect the key pair as pem file and save the file on your local machine Here you can see I have created two EC instances to run two Servers Our NodeJS app Note Here Public IP is the one that we will need to SSH your EC machine from our local machine Basically in layman s words SSH means you can control the EC virtual server from your local machine s Terminal Now go to the directory that is having your pem file Enter a command likessh i Server pem ubuntu where Server pem is the pem file that you saved while creating the instance and ubuntu public ip contains the public IP of your instance Note Before running the above command do change the previlige of the pem file by entering chmod Server pem and chmod Server pemNow Connect to your EC instance server and Deploy your NodeJS app on that server I have deployed NodeJS apps on Server and Server as NodeJS APIs code that is deployed for load balancing Note In case your server is listening in the EC instance but you are not able to connect to the server from the local machine terminal then follow these In your SSH terminal of EC instance type kill nodeChange the port of your server js file to Add HTTP security Group from this LinkNow here both servers are running server js and server js as Now we ll setup Nginx Webserver As a load balancer on the third ec instanceLaunch New EC instance and install Nginx in your ubuntu EcNow in this new EC instance after installing Nginx go to etc nginx conf d directory and create a file named lb configEnter Content in the file as Here endpoint is the name that you can give and the same name should be present in the location block Servers here are the Private IPs of our Ec instances entered This is the simple load balancing Round Robin means the first request will route to server and the second will to server and so on Now you can access Nginx EC instance public IP from browser URL and It will make requests like the first request will route to server and the second will to server and so on I hope you guys have enjoyed the Load balancing using Nginx Follow for more practical tutorialsMore Quality content will be coming on the core topics	2022-12-11 06:17:49
海外TECH	DEV Community	Battle of the Giants: GitHub Copilot vs ChatGPT ⚔️⚔️	https://dev.to/ruppysuppy/battle-of-the-giants-github-copilot-vs-chatgpt-4oac	Battle of the Giants GitHub Copilot vs ChatGPT ️️The release of ChatGPT sent ripples through the programming community as it could come up with incredible code snippets How does it compare to GitHub Copilot released last year Is AI coming after your job Let s find out If you haven t read my previous article on GitHub Copilot you can check it out here Testing ChatGPTLet s briefly go through the same tests we put GitHub Copilot through Test Stock Price FetchSadly the first time it generated incorrect code The function wasn t defined as async and the promises weren t handled properly The next attempt was betterWeirdly it works without the API key as long the query params contain the apikey key with any random value Result GitHub Copilot leaves ChatGPT in the dust Test BFS TraversalThis time ChatGPT nailed it in one go sadly it was so long that a screenshot didn t fit in the screen so here is the generated code class Node def init self value self value value self left None self right Noneclass BinarySearchTree def init self self root None def insert self value new node Node value if self root is None self root new node return current node self root while True if value lt current node value if current node left is None current node left new node return current node current node left else if current node right is None current node right new node return current node current node right def inorder traversal self node numbers if node is None return self inorder traversal node left numbers numbers append node value self inorder traversal node right numbers def get numbers self numbers self inorder traversal self root numbers return numbersbst BinarySearchTree bst insert bst insert bst insert bst insert bst insert bst insert bst insert numbers bst get numbers print numbers The entire code was generated by ChatGPT along with comments on how it works Result ChatGPT wins this one Test Array of onesChatGPT generated multiple suggestions for this oneWhen GitHub Copilot was launched it generated a bit wonky suggestion but now it generates the same code as ChatGPT Result Tie depending on which version of the software you compare Creating a complete TODO projectTo push the tests further I decided to create a complete TODO project using both the software ChatGPTHow to create a TODO project The steps mentioned by ChatGPT are quite comprehensiveHow to create a React project Create a Todo componentThis is the part I didn t like The generated code was using the legacy Class Component syntax It wasn t handling the addition of todos eitherOptimize the Todo component to handle the addition and deletion of todos as well as mark them as done Here is the code it generated too long for a screenshot import React from react TodoItem componentconst TodoItem item onDelete onComplete gt lt li gt item text lt button onClick onDelete gt Delete lt button gt lt button onClick onComplete gt item isComplete Undo Complete lt button gt lt li gt TodoApp componentclass TodoApp extends React Component Define the initial state of the component state todoItems Method to handle adding new items to the todo list addTodo text gt Add the new item to the todo list this setState todoItems this state todoItems text isComplete false Method to handle deleting items from the todo list deleteTodo index gt Delete the item at the given index this setState todoItems this state todoItems filter i gt i index Method to handle completing undoing a todo item completeTodo index gt Update the isComplete property of the item at the given index this setState state gt const todoItems state todoItems todoItems index isComplete todoItems index isComplete return todoItems Method to render the component render return lt div gt Form to add new items to the todo list lt form gt lt input type text placeholder Add a todo item gt lt button type submit gt Add lt button gt lt form gt List of todo items lt ul gt this state todoItems map item index gt lt TodoItem key index item item onDelete gt this deleteTodo index onComplete gt this completeTodo index gt lt ul gt lt div gt The generated code was a bit better this time with code splitting amp handling marking todos as done It was still using the legacy Class Component amp didn t handle the addition of todos even after specifically asking for it Last try by mentioning to create Functional Components and to handle addition deletion amp completion of todos import React from react TodoItem componentconst TodoItem item onDelete onComplete gt lt li gt item text lt button onClick onDelete gt Delete lt button gt lt button onClick onComplete gt item isComplete Undo Complete lt button gt lt li gt TodoApp componentconst TodoApp gt Define the initial state of the component const todoItems setTodoItems React useState Method to handle adding new items to the todo list const addTodo text gt Add the new item to the todo list setTodoItems todoItems text isComplete false Method to handle deleting items from the todo list const deleteTodo index gt Delete the item at the given index setTodoItems todoItems filter i gt i index Method to handle completing undoing a todo item const completeTodo index gt Update the isComplete property of the item at the given index setTodoItems state gt const todoItems state todoItems index isComplete todoItems index isComplete return todoItems Return the component return lt div gt Form to add new items to the todo list lt form gt lt input type text placeholder Add a todo item gt lt button type submit gt Add lt button gt lt form gt List of todo items lt ul gt todoItems map item index gt lt TodoItem key index item item onDelete gt deleteTodo index onComplete gt completeTodo index gt lt ul gt lt div gt Even this time the addition wasn t handled On the bright side Functional Components were used GitHub CopilotSadly Copilot cannot generate a React project It can only suggest code snippets in a given context so let s start by creating a react app ourselfCreate a React projectnpx create react app react copilotRemove the redundant files amp create TodoApp js TodoItem jsFinally it s time for Copilot to work its magic while we sit back and sip a mojito A comment was added at the top of the file on the task to be doneTodo Item Functional TodoItem component which takes onDelete onComplete and item todo string completed boolean as propsTodo App Functional TodoApp component which handles addition deletion amp completion of todos The TodoItem component is used to render each todo itemGenerated TodoItemexport default function TodoItem onDelete onComplete item return lt div gt lt input type checkbox checked item completed onChange gt onComplete item gt lt span style textDecoration item completed line through none gt item todo lt span gt lt button onClick gt onDelete item gt Delete lt button gt lt div gt The generated code used Functional Components and visual indicators for the completed todos with additional styling it also used a checkbox which was a personal preference of mine Generated TodoAppimport React useState from react import TodoItem from TodoItem export default function TodoApp const todos setTodos useState const todo setTodo useState const addTodo gt setTodos todos todo completed false setTodo const deleteTodo item gt setTodos todos filter todo gt todo item const completeTodo item gt setTodos todos map todo gt todo item todo completed todo completed todo return lt div gt lt h gt Todo App lt h gt lt input type text value todo onChange e gt setTodo e target value gt lt button onClick addTodo gt Add lt button gt todos map item index gt lt TodoItem key index onDelete deleteTodo onComplete completeTodo item item gt lt div gt ResultsEven though we were required to do additional work to set up the project Copilot was able to generate better code for the Todo App compared to ChatGPT At the end of the day Copilot is supposed to be a tool to help developers write code faster while ChatGPT is a general purpose chatbot yet it still can streamline the development process but GitHub Copilot wins hands down when the task is coding focused This brings us to the question Who will take your job In your mind Developers of the AI evil laugh Before you take out your pitchforks to burn down GitHub HQ let s take a step back and look at the bigger picture These are tools to streamline the development process and they are NOT meant to replace developers We still need developers to write the code Sure these tools can help us code faster but without human input they still can t come up with everything on their own The news of layoffs spreading like wildfire due to the recession might sound extremely scary but as long as you keep updating amp polishing your skills you ll be fine Take a chill pill and happy upskilling Thanks for readingNeed a Top Rated Front End Development Freelancer to chop away your development woes Contact me on UpworkWant to see what I am working on Check out my Personal Website and GitHubWant to connect Reach out to me on LinkedInI am a Digital Nomad and occasionally travel Follow me on Instagram to check out what I am up to Follow my blogs for bi weekly new tidbits on DevFAQThese are a few commonly asked questions I get So I hope this FAQ section solves your issues I am a beginner how should I learn Front End Web Dev Look into the following articles Front End Development RoadmapFront End Project IdeasWould you mentor me Sorry I am already under a lot of workload and would not have the time to mentor anyone	2022-12-11 06:14:00
ニュース	BBC News - Home	Searches into the night after deadly blast on Jersey	https://www.bbc.co.uk/news/world-europe-jersey-63930916?at_medium=RSS&at_campaign=KARANGA	helier	2022-12-11 06:33:24
ニュース	BBC News - Home	Cost of Living: Christmas takes toll on young parents	https://www.bbc.co.uk/news/uk-wales-63910732?at_medium=RSS&at_campaign=KARANGA	times	2022-12-11 06:48:50
ニュース	BBC News - Home	UFC 282: Paddy Pimblett outpoints Jared Gordon in co-main event	https://www.bbc.co.uk/sport/mixed-martial-arts/63932933?at_medium=RSS&at_campaign=KARANGA	decision	2022-12-11 06:46:17
ニュース	BBC News - Home	England fans despair at World Cup loss	https://www.bbc.co.uk/news/world-63932511?at_medium=RSS&at_campaign=KARANGA	france	2022-12-11 06:56:33