投稿時間:2022-04-23 01:20:41 RSSフィード2022-04-23 01:00 分まとめ(24件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 電動キックボードのルールが変わる　事故時の補償はどうなる？	https://www.itmedia.co.jp/business/articles/2204/23/news042.html	itmedia	2022-04-23 00:07:00
python	Pythonタグが付けられた新着投稿 - Qiita	MacのPython環境構築で3系にならないときの解決方法	https://qiita.com/papipupesatou/items/e9beda813dcd028ca072	解決方法	2022-04-23 00:21:37
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	[覚書]Dockerコンテナ上のUbuntuでsudoコマンドが使いたい	https://qiita.com/ardRiriy/items/aa55b5af98665890575a	hogehogesudobashsudocomma	2022-04-23 00:30:16
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Ubuntu 21.10 から 22.04 へのアップグレードの仕方	https://qiita.com/Nelson605/items/edb86892a5507059230f	tupdatesudoaptfullupgrade	2022-04-23 00:01:49
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Certified Solutions Architect - Professional(SAP)取得のための勉強方法と試験前に心がけたこと	https://qiita.com/ano_ozaking/items/72bc14651220349fc6a4	clfaws	2022-04-23 00:35:33
海外TECH	MakeUseOf	Exploring Health and Fitness Tracking Features of the Oura Ring Generation 3	https://www.makeuseof.com/health-fitness-tracking-features-oura-ring-generation-3/	Exploring Health and Fitness Tracking Features of the Oura Ring Generation The Oura Ring Generation is a super small fitness tracker with several useful features Here s how you can use it to help improve your wellness	2022-04-22 15:30:14
海外TECH	MakeUseOf	7 Ways to Check Your Local Drive Storage Space in Windows 11	https://www.makeuseof.com/windows-11-check-locak-drive-storage-space/	windows	2022-04-22 15:15:13
海外TECH	DEV Community	GitHub VS Local Git Workflow	https://dev.to/wardaliaqat01/github-vs-local-git-workflow-3d3g	GitHub VS Local Git WorkflowI have had three article on basics getting started and branches in Git amp GitHub Have a look below Git amp GitHub Best Version Control and Source Code hosting platforms respectively Get your way started towards Git amp GitHub Working with Git Branches We observe a significant difference between Local Git and GitHub workflows To illustrate my point I made a comparison Let me know what do you think about it Connect with me LinkedInInstagramTwitter	2022-04-22 15:50:25
海外TECH	DEV Community	Use cases collect from top Luos developers	https://dev.to/luos/use-cases-collect-from-top-luos-developers-2og2	Use cases collect from top Luos developersWe want to better understand what developers are doing with Luos for what project for what purpose Luos may be involved in the whole project or only in a small part In this case we want to make an inventory of projects These may be completed or in progress We will reward the owners of the best use cases with a Amazon voucher and three months of dedicated support by Luos engineers It s fast lt min and easy to participate Several projects will be selected	2022-04-22 15:36:41
海外TECH	DEV Community	🎙️Select* Podcast: For Devs & Tech Leaders	https://dev.to/margo_hdb/select-podcast-for-devs-tech-leaders-5g2c	️Select Podcast For Devs amp Tech LeadersWe re already almost halfway through season two of Select the podcast hosted by HarperDB and it seems like a good time to do a quick recap We have once again been able to get some super smart and interesting people on the show it s so fun being able to chat with them Below you ll see a summary of this season so far including a few paraphrased moments from the episodes that I really enjoyed You can find all of our episodes on the Select RSS feed on the podcast landing page on YouTube or wherever you listen to your podcasts S E TensorFlow js Building Community amp Coding for the Greater Good w Bekah HWWe started season of SELECT with BekahHW a Software Developer amp Technical Community Builder Bekah talks about how learning to code can be therapeutic what it was like building the Virtual Coffee community and more recently becoming a Technical Community Builder We also touch on what is TensorFlow js and why it s important as well as some really cool use cases for Machine Learning After spending ten years as a college English instructor bekahhw pivoted to coding and graduated from the Flatiron School Software Engineering program in May of She has spent most of her tech career specializing in front end development but has also created the developer community Virtual Coffee spoke on podcasts and at conferences and continued to mom her four kids She s excited to be joining her first DevRel team with Deepgram as their Technical Community Builder Show moments When talking about how you don t have to be an expert on a subject in order to teach it Bekah mentioned It can sometimes be hard to ask questions because we re not used to it but we re all looking up stuff all of the time It s not gonna look the same all the time tech changes too quickly so ask those questions because you will learn much more and much more quickly if you re willing to ask There s always something new to learn out there S E Life as a Front End Engineer at an Early Stage Startup w Annie LiewEpisode features Annie Liew also known as anniebombanie a Front end Engineering Lead at Pastel for a discussion on life at an early stage startup In this episode we learn a bit about Annie s journey as well as the following topics Tell us about the company you re at and their productWhat s it like working at an early stage startup Were you scared to take the plunge into the startup world Pros and cons of being on such a small team Tips for folks in a similar position What are you focusing on at the moment main goals for What technologies frameworks tools are you currently learning or really excited about right now Annie comes from a multidisciplinary design amp teaching background She s currently the Front end Engineering Lead at Pastel and is active in both the design and developer community In her free time she reads travels and makes CSS art You can see Annie s website here Show moments When talking about overcoming challenges related to being on a smaller team I was concerned about mentorship on a small team which I do have with my CTO but at Pastel me and my CTO are the only two devs So I m not able to have my decisions challenged all the time and sometimes it feels like everything is up to me What I ve done is get involved with a lot of communities so that I can get an outside perspective If you re at a very small startup and want to hear different opinions just ask an external community so you can bounce your ideas back and forth S E What Web Means for Developers w Pratham PrasoonIn this episode we chat with Pratham Prasoon a Programmer Student Developer Advocate and web super genius about what is web and what it means for developers Some additional topics covered include How do NFTs work What are potential concerns or downsides of web and NFTs What tools and technologies should people be learning who want to move towards web What are you working on next what side project are you excited about Pratham is years old Building in web and machine learning and sharing his journey Show moments I asked Pratham to define web in his point of view Typically when you re in the web world creators are putting their heart and soul into making content basically working for the platform if you think about it It s the platform that benefits and makes all the money The web world is about the creators and the users of the platform being the main ones benefiting from the system It s mostly about decentralization meaning everyone has the power to participate in the network and be a part of the platform and they can get tangible benefits out of it Side note You can also read about what web and decentralization mean for data storage in my recent blog S E Why I m Excited About Machine Learning amp Python w Patrick LoeberIn this episode we chat with Patrick Loeber a Software Engineer amp YouTuber who is teaching the community about Python and Machine Learning Topics covered include Why are you excited about machine learning why is python your framework of focus Is there a difference between AI ML deep learning how do they intersect Top tips biggest mistakes you see for folks learning python Challenges with machine learning Where do you see machine learning being used now and years from now Favorite technologies tools things you re learning now Patrick pat loeber is a Software Engineer and Developer Advocate with a passion for Machine Learning and Data Science He s the founder of and the corresponding YouTube channel where he creates programming content for over k subscribers Show moments How do AI ML deep learning intersect AI is like the big buzzword for everything Machine learning is a sub area of AI By definition Machine Learning is when the computer tries to learn something on its own based on explicit instructions You do this by showing framing data to the computer and the computer tries to learn with this data Deep learning is another sub area of Machine Learning that involves neural networks another buzzword which are inspired from human brains where you connect neurons Deep learning can figure out more complex stuff S E From Classical Musician to Software Developer w Jessica WilkinsIn this episode we chat with Jessica Wilkins a former classical musician who came across an awesome opportunity in software development through technical writing Questions we covered include What do you do now how did you get to where you are today How did you transition into tech how did platforms like FreeCodeCamp help with the transition and create strong connections in the community What was it like coming from a non technical background Were there parallels between being a classical musician and learning to code How were you able to pull from previous knowledge to assist with the learning process Other tips for folks just starting out with their dev career What technologies and or tools are you focused on right now or excited about Jessica codergirl is a classical musician turned junior developer and technical writer Prior to joining the tech industry she spent her time running her own sheet music company JDW Sheet Music as well as performing and teaching in Los Angeles CA She now enjoys working as a developer and working with React Node and Express She is also a prolific technical writer for freeCodeCamp and created the Black Excellence Music Project which is dedicated to black artists who have made significant contributions to the arts Show moments When talking about coming from a non technical background I think the pandemic made everyone really think about what they re doing and a lot of people realized they wanted to move into a different career We re starting to see much more diverse career changers that are successful developers now working in the industry If you re self taught you not only need to study the code part but you also need to study how to get a job A lot of people don t know how to get that first job and get the hiring manager s attention There s so many great resources out there like Danny Thompson s Linkedin series on Youtube also the devs series on how to get a job Not a lot of people spend that time to understand how the industry works which is especially important when you re a career changer S E Decentralized Computing w a VP Systems Engineer JoséDomingosIn this episode we chat with JoséDomingos a VP of Solutions Engineering at Ori Industries which is a unique edge orchestration and networking solution In your words define decentralized computing Why is it important Why are companies focused on it How does it tie into blockchain and web How is Ori enabling enhancing decentralized computing How are HarperDB and Ori working together What types of use cases are a fit for decentralization Are there any risks downsides to decentralized computing What s the best process to move towards this methodology Looking ahead what can we expect from Ori next What are you excited about Joséhas years experience in telecommunications and networking designing and architecting very large scale monitoring systems for global and in country networks At Ori Industries he is the VP Systems Engineering responsible for Solution Integration Joséhas been working on Edge and Cloud Native technologies for the last years and his passion is technology and science in general Joséalso loves the outdoors trekking swimming or cycling whatever gets him out in nature Show moments Why is decentralized computing important Decentralized computing is not a new concept I like to think it s like a cycle First we had highly centralized compute then mainframe then the PC which changed to more decentralized then came cloud computing The network cloudification was also in place Public cloud was effectively centralized compute again Now with this new cycle with edge computing where the computing is closer to the consumers and producers of data that s where we are with decentralization The challenge now is harnessing the ease of centralized computing but the distribution of that computing everywhere how can we make that work as an industry That s a wrap for season two so far stay tuned for more awesome episodes comin your way And before we go let s not forget the incredible guests we had throughout season one Shoutout to a few of our most popular episodes from S E Tips for Code Newbies Across the Globe w shrutikapoor amp MinaS E Leadership Advice from a Senior Netflix Engineer Jem YoungS E Building Apps in Node js amp Electron js amp the Power of Doodling w reverentgeekS E From Consulting to Sr Engineer amp Everything in Between w laurieontech Thanks for listening If you have any questions comments or feedback please comment below Interested in nominating a guest or suggesting a topic Let me know	2022-04-22 15:35:39
海外TECH	DEV Community	A Beginner's Guide to HTTP - Part 4: APIs	https://dev.to/abbeyperini/a-beginners-guide-to-http-part-4-apis-449f	A Beginner x s Guide to HTTP Part APIsNow that we ve covered how HTTP messages work and how to generate requests and responses in JavaScript let s talk about the real world applications of using HTTP in your web app This part of the series will cover evaluating APIs other people have built and getting their data on your page I ll be covering security and authentication in part Introduction and Table of ContentsThis blog assumes you ve read the first three parts of the series or are familiar with basic command line async Javascript and HTTP messages You can view all of the code for this series in the Github repository SOAP and RESTHow to Find APIsEvaluating APIsError HandlingData DiscoveryDisplaying Data SOAP and RESTYou will come across the terms SOAP and REST a lot when evaluating APIs SOAP and REST are guidelines designs architectures for building a web messaging API There are more acronyms for API designs out there but you ll see these two the most often In JavaScript web applications you ll usually be working with REST APIs Rather you ll be working with other developers implementations of REST architecture I m going to briefly describe SOAP and REST but you ll be able to interact with APIs without knowing all of these rules off the top of your head Before Microsoft proposed SOAP around the main web messaging option involved binary messaging SOAP stands for Simple Objects Access Protocol and uses XML It has a strict set of rules about how to build a web messaging service It provides it own headers Web Services Addressing providing alternatives to using a URL message structure rules encoding rules and a convention for requests and responses It is very standardized The main benefit of using SOAP is you can use it anywhere any programming language or protocol HTTP SMTP TCP UDPREST REST on the other hand is more flexible and less involved to set up While SOAP allows for any messaging protocol REST requires you to use HTTP It also supports using any media type in your HTTP messages not just XML Proposed in by Roy Fielding REST stands for REpresentational State Transfer An API built following REST is called a REST API or RESTful API There are guiding principles to follow when designing a REST API Client server design with requests made through HTTPUniform interfaceStatelessCacheableLayered SystemCode on Demand optional The client server design pattern enforces separation of concerns If the interface the user interacts with is separate from the data storage portability and scalability are increased Stateless just means nothing about the client is stored in the server after a request Cacheable requires the server to indicate if the data in the response is cacheable e g if it will continue to be accurate or expire Layered System requires that the server be designed using hierarchical components that are separated by function Code on Demand gives the option for the API to send back executable code to extend client functionality The uniform interface principle has a bit more to unpack It requires that the server sends back representations of its resources with enough information for the client to be able to process it Its resources must be able to be manipulated by the client via that representation The client should be able to use hyperlinks to find all the ways it can interact with the server How to Find APIsThere are many lists of free APIs you can use From PostmanOn GithubRapidAPIapilistYou d also be surprised how many big sites and games offer APIs Ravelry requires a login Google MapsSpotifyYahoo FinancePokéAPIIMDB APIWhen in doubt Googling free APIs and your project idea summed up in one or two words will probably yield multiple results Evaluating APIsWhen evaluating any software tool it is recommended that you consider a few things community support and documentation Community refers to the developers using the tool are they posting common questions and getting responses This comes in handy when you re troubleshooting Support means the owners of the tool are still active answering questions developing updates and security patches and more Seeing deprecated in a Github repo or the documentation means it is no longer supported Documentation is important especially when you don t own the source code or have a relationship with the person who does It is ok to take a look at the documentation see that it s bare or confusing and choose not to use the tool because of it Many a senior developer would call that wise Let s look at a few things you ll want to see when you pull up an API s documentation Do they explain all the possible endpoints Take for example Dog API s docs You can look at each endpoint and assess whether it will give you the data you ll need Is the data returned in a format you can use The Dog API returns a JSON body which we can easily use in our JavaScript app and server Do they have limits on the number of requests Check out the Shutterstock API s responses section of their docs The free tier of Shutterstock API limits a developer to requests per minute While this probably isn t a problem for a side project that won t get much use some API limits are much stricter Do they require signing up or authentication Typically if an API requires a login or the documentation references a key you ll have to go through a signup process get a key and pass that key in your headers I ll cover this process and the common types of authentication in part Do you have time to get this tool set up and working Evaluating documentation is also an opportunity to decide if there are too many requirements for you to use it in your current project If you re on a deadline or just trying to build a sample app you probably don t need to spend a ton of time getting one tool to work With so many free APIs there s almost always an alternative tool that might require less work I m not saying don t challenge yourself or abandon your idea just be nice to yourself if you re already under pressure For example figuring out the OAuth authentication for the Ravelry API took me a month of beating my head against a wall in my free time during bootcamp Luckily I figured it out just before we had a week to build the project that needed it I know plenty of people who abandoned using the Spotify API for bootcamp projects because of its learning curve You can see in the getting started guide it requires not only authenticating your app but also the user and other concepts besides If you just wanted information about songs you could use the last fm API that only requires authenticating the app instead Error HandlingUp until now we ve know what to expect so how to write our request code has been clear However unless you have access to the source code for the API you re using or they have the most beautiful detailed documentation known to man you can t always anticipate what you re going to get back from a request Furthermore HTTP has a lot of async moving parts which can lead to some very confusing troubleshooting Plus we haven t written any code to handle unexpected errors Let s discuss how to catch errors and then some of the common troubleshooting scenarios you may run into Gotta Catch em AllIn part I mentioned that in a code block like this function getRequest fetch http localhost yarn then response gt response json then data gt console log data catch error gt console log error catch is there to handle errors from the fetch function For example if I passed a string that wasn t a URL or the server isn t on to receive requests that catch would log the resulting error to the console What about errors that are in the HTTP response message We have to handle those ourselves We re looking to Prevent the app from stopping completely because of an unhandled error in the code that handles the data Provide something to display to the user if we don t get the data we need from the API There are many ways to do this You ll want your code to check the response s status code and body for an error To start you can have placeholder data displayed until you get and check the response You can also use a state variable called loading and code that displays a loading graphic when it is set to true After you get and check the response you ll set loading to false and display an error or the data If you re displaying data specific to a user like on a homepage think about what happens if they just made an account and haven t added any data yet Any way you want to go about it just be sure to anticipate an HTTP request failing and provide fallbacks Do they allow CORS CORS is most likely the first error you ll see if you re going to see it Remember you can t check this with Postman or in the browser Earlier in this series I explained CORS pre flight requests What I didn t mention is that some requests are considered simple requests and also don t trigger CORS checks A simple request must use the GET HEAD or POST method The HEAD method requests headers from the resource The request can only use four CORS safelisted headers Accept Accept Language Content Language and Content Type The body must have a MIME type of application x www form urlencoded multipart form data or text plain The request cannot have a ReadableStream object a feature of the Streams API Since we re usually using JSON in JavaScript web apps this may not be an issue but it is something to consider when testing if an API allows CORS To check if CORS is allowed I build a GET request to an API using axios in my client first When I run it I get this error in the DevTools console This means this resource doesn t allow CORS Specifically when the browser ran a pre flight request the API response didn t have an Access Control Allow Origin header so it s not accepting requests from other origins The resource will however accept requests run from outside the browser like from a server I used axios because I know I can copy and paste that request code into my Node js server So when you see a CORS error don t panic You can always build the most basic of servers like we did in part All you need is one GET route that when called requests data from the API and then sends the data it gets back in a response Do they send back an appropriate error format Remember how I mentioned earlier that you ll be interacting with another developer s interpretation of a REST API In part I also pointed out that humans are determining what error code message you get back in a response message We saw what this means in practice in part Other developers have even responded to blogs in this series making jokes about unstandardized error codes When you start building requests to endpoints in someone else s API you might start finding some interesting quirks in the errors you receive If there is no mention of errors in the documentation you can make a few assumptions In general responses can mean literally anything It could mean the server is down It could mean they didn t anticipate a request like yours so there was an unhandled error All tells you is that the server borked broke gave up on life means you re being rate limited check the documentation on how many requests are allowed especially if you selected a plan You ll probably just have to wait a couple minutes You might have to look at the number of calls your app is making per minute is easier it probably means your request URL is wrong To complicate things a bit it could also mean the route you requested information from is currently not accepting requests for several reasons The former is more likely The latter is for the owner of the server to troubleshoot and are authentication and authorization which we ll get into in part Until proven otherwise always assume you can t trust a status code Too often developers seem to think that if the HTTP request and response code work that s not an error They ll include the error message about why you didn t get the data you expected in the body That message might tell you how to fix it PromisesAsync functions return promises Our HTTP requests are typically async because the client sending a request the server processing the request and the server sending a response takes time If you are expecting returned data or a response message and instead see Promise lt pending gt that means the function hasn t received a response Once it has it ll be Promise lt fulfilled gt or Promise lt rejected gt but JavaScript won t have to tell you that It ll just give you the data or an error respectively To fix this use await or chain with then You have to tell JavaScript to wait on that that response or it s just going to treat it as synchronous give you Promise lt pending gt and move on to the next function Data DiscoveryLet s say I want to make a component in my HTTP app that will display Studio Ghibli movies using the Studio Ghibli API You can view all of the code in the Github repository Based on those docs I know I want to make my request to the films endpoint To start I make a new component file called Ghibli import it into my index js file and add this code import React from react import axios from axios function Ghibli function getRequest axios get then response gt console log response data catch error gt console log error return lt button onClick getRequest gt Get Ghibli lt button gt export default Ghibli When I run it and click the button the result looks like The Studio Ghibli API docs are great you can easily see the response format you ll receive However you ll often see documentation that only includes the endpoints So how do you go about getting data in an unknown format on the page There s a reason I ve been using console log in all of the requests in this series Often you can t slap the data in a component to be rendered on the page to get a look at its structure React screams when you try to use objects as children and if you haven t seen the response message structure you re going to want the formatting provided by the DevTools console Because I m familiar with axios and it s in the documentation I knew when writing the code my data would be in response data If I was using fetch it d be in response Still I console log response every time I use a new resource just to see what I m getting back If I don t need to check out the whole response to find the field with my data and it s just a GET request I like to make those in the browser You can get browser extensions geared towards making it easier to look at the structure of the data For working in JSON I use JSONVue Chrome extension When I navigate to in the browser the same result looks like this thanks to JSONVue You can even hover over an object or field name and it will highlight it and its value Displaying DataNow that our request is working and we have seen the structure of the returned data we re ready to format it and display it on the page Looking at the data I got back from the Studio Ghilbi API I start thinking about how I want to display each movie We ve got quite a few fields I know I ll need the id if I m displaying all the movies I got back React requires key props in lists I want to start with the title and original title in Japanese Next I m choosing the movie banner over the regular image and finally I want to include the description I can always add in more information later For one movie I m looking at JSX like this lt li key id gt lt h gt title lt h gt lt h gt original title lt h gt lt img alt title s movie banner src movie banner gt lt img gt lt p gt description lt p gt lt li gt How do we go about formatting all of them at once array map I mentioned React doesn t like objects as children but it loves arrays and using array map you can turn your data into an array of HTML elements to be displayed To start I define a films state variable using React s useState hook This creates a variable that any function in the same scope can access React also listens for updates and will re render the component when I use setFilms to update the value Then I updated the JSX in this component to return my button and a lt ul gt element The lt ul gt s children will be stored in films after my onClick handler runs const films setFilms useState null function handleOnClick axios get then response gt setFilms response data map film gt let altText film title s movie banner return lt li key film id gt lt h gt film title lt h gt lt h gt film original title lt h gt lt img alt altText src film movie banner gt lt img gt lt p gt film description lt p gt lt li gt return lt div gt lt button onClick handleOnClick gt Get Ghibli lt button gt lt ul gt films lt ul gt lt div gt When a user clicks the button my onClick handler aptly named handleOnClick gets the films data from the Studio Ghibli API runs it through a map function and then sets the films state variable to the result React then re renders the component and we see a list of movies appear on the page If this was an app I was going to deploy I d prevent the lt ul gt element from being rendered until I got the data back but that s a React tutorial for another day Broken down a little further the axios get function passes the response to then then passes the response to the anonymous function I ve written inside it That anonymous function calls setFilms and within setFilms I call response data map This is essentially films result of array map In this case the array is response data To get our new JSX wrapped data I pass response data map this anonymous function film gt let altText film title s movie banner return lt li key film id gt lt h gt film title lt h gt lt h gt film original title lt h gt lt img alt altText src film movie banner gt lt img gt lt p gt film description lt p gt lt li gt map passes my array of films in response data to this function This function says one item in this array is called film Kind of like a for loop map runs each film in films through this function and after it finishes returns a new array with all the results Since template literal strings aren t allowed in JSX I ve broken out the image alt text into a variable that I can put in our new lt li gt before it is returned Don t worry if that s confusing the next example is similar but without as many async anonymous and callback functions Object Full of ObjectsSometimes the person writing the API isn t thinking about our desire to display their data in React what if the API was returning an object full of objects instead of an array For this example I m going to make another component file called Objects and import it into my index js file First I add four movies from the data I got from Studio Ghibli but in an object not an array A very small example with most of the fields removed const films id bafd bb b efedaabe title Castle in the Sky id bafd bb b efedaabe title Grave of the Fireflies The rest of the code looks like import React from react function Objects const movies Object keys films map film gt let altText films film title s movie banner return lt li key films film id gt lt h gt films film title lt h gt lt h gt films film original title lt h gt lt img alt altText src films film movie banner gt lt img gt lt p gt films film description lt p gt lt li gt return lt ul gt movies lt ul gt export default Objects When that runs I get a shorter list of movies that looks exactly the same as the previous map example The difference here is we use Object keys to create an array of keys from films Using bracket notation we can access each film in films like films for Castle in the Sky The map function iterates through the array of keys and references the original object to get the fields we need When the Castle in the Sky key is passed as film the function uses films id to get the id and so on ConclusionThat was a lot As always let me know if you re left with questions I wanted to cover the main pitfalls I ve encountered and tricks I ve learned consuming public APIs As these topics get more advanced it s harder for me not to turn this into a React tutorial If you d like more information on a topic I covered here just let me know Up next in part I m covering security and authentication including validation and more URL parameters	2022-04-22 15:15:52
海外TECH	DEV Community	Nextless.js V2: Full-stack React SaaS Boilerplate with Serverless backend	https://dev.to/ixartz/nextlessjs-v2-full-stack-react-saas-boilerplate-with-serverless-backend-503c	Nextless js V Full stack React SaaS Boilerplate with Serverless backendIn the past I ve shared my story how I ve built my first SaaS application in months From this experience I ve learned a lot about the full stack development So I took the opportunity to build a boilerplate for a SaaS application My goal was to help other developers to build their own SaaS application faster In September I ve released the first version of Nextless js a full stack React SaaS boilerplate built with modern technologies Serverless TypeScript Tailwind CSS AWS and more Today I m happy to announce that I ve released the second version of Nextless js with team amp multi tenancy support The team support and multi tenancy took me almost two months to build and I ve almost rewrite the whole application to implement this important feature for SaaS application You can find a live demo at React SaaS Boilerplate demo to play around with the application You can also check out the official Nextless website for more information Good news Even with this massive refactoring all features are still working perfectly Email authentication with Social Login Google Facebook Amazon Apple Stripe payment integrationLanding Page and Dashboard UIDeveloper experience with linter code formatter type checking VSCode configuration etc Code example with a Todo appDocumentation ServerlessInfrastructure as CodeYou can find a demo video on YouTube Like always my goal is to help other developers to build their own SaaS application faster So they can start with the boilerplate and focus on their idea instead of losing time on boring configuration Find more information about Nextless js Full stack React SaaS	2022-04-22 15:11:23
Apple	AppleInsider - Frontpage News	How to take a screenshot on a MacBook Pro	https://appleinsider.com/articles/20/02/28/how-to-take-a-screenshot-on-a-macbook-pro?utm_medium=rss	How to take a screenshot on a MacBook ProThere may be as many ways to take a screenshot off your inch MacBook Pro as there are reasons to take them but Apple could make it a lot more obvious what s possible and how to do it Insert close up on one method of taking screenshots on a MacBook ProWhether it s just for speed as you want to capture a website page or you need to show someone what s being shown on your display taking a screenshot or grab of your MacBook Pro screen is handy Apple doesn t exactly make it clear how you do it but the company does give you an almost ridiculous number of options once you start Read more	2022-04-22 15:39:31
海外TECH	Engadget	Motorola’s endless rehashes will only make it less relevant	https://www.engadget.com/motorolas-endless-rehashes-will-only-make-it-less-relevant-153037005.html?src=rss	Motorola s endless rehashes will only make it less relevantWhile Motorola might not have the same clout in the smartphone space as Apple and Samsung the company holds an outsized influence on the US market By the numbers Motorola is the third most popular smartphone maker overall the second largest maker of prepaid phones and the biggest seller of unlocked handsets The problem is that as part of the company s attempt to gobble up more of the market following the demise of LG Mobile Motorola has been churning out too many phones too quickly while offering little in the way of long term support And even though the Moto G family of phones has earned a reputation for providing great value in recent years that legacy is starting to deteriorate as things like camera quality and support for basic features like NFC have stagnated In short Motorola needs to slow down and shape up Just look at the dizzying number of Moto G handsets that have been released in the last two years At CES Motorola launched four new phones including the second gen Moto G Stylus the revived Moto G Play the Moto G Power and the Moto One G Ace the latter of which is merely a rebranded version of the Moto G G from Then in the summer Motorola released another Moto G Stylus this time with G followed by the Moto G Pure last fall At the pace Motorola has been releasing new G series phones it s become incredibly difficult to keep track of them all and the minor differences between them Chris Velazco EngadgetMore recently in February Moto decided to update the G family with yet another version of Moto G Stylus and just this week Motorola returned to announce two more additions in the Moto G Stylus G and the Moto G G And this isn t counting stuff like the Moto G Power which was actually released in November At this point if you re confused by the vomit of new Moto G phones just rest assured you re not the only one It s like some twisted smartphone version of Cap n Crunch s Oops All Berries except that instead of tasty fruit flavored treats it s an endless string of non descript plastic handsets Meanwhile some of Motorola s most interesting phones like the Razr have been languishing waiting for an update only getting a half hearted refresh that added a slightly faster chip and support for G Quite often it feels like Moto has been releasing budget phones without G just so the company can push out a “new model six months later Even then it s typically just sub GHz G which only serves to increase customer confusion regarding current cellular standards And while Moto has been idling Samsung has dominated the foldable phone market with devices like the Galaxy Z Flip which is not only cheaper than the Razr it has a better screen and cameras too When Motorola made its first flagship phone in years with the Edge our lasting impression was that it was merely OK Chris Velazco EngadgetAnother big issue with Motorola s recent phones is paltry software support Last year Samsung announced that it would provide four years of security updates for a wide range of Galaxy devices including older phones and tablets such as the S and Tab S Then just a couple of months ago Samsung bolstered its software support again by giving four generations of Android upgrades to all of its and flagship phones And over in Pixel land Google also stepped up its efforts by promising five years of security updates for the Pixel though you ll still only get three years of OS upgrades And all of this still pales in comparison to iPhones with Apple providing at least five years of OS and security updates for its handsets Then we come to Motorola which even on its most recent flagship the Edge is only offering two major OS updates and three years of bi monthly security patches And if you move down to its more affordable handsets things get even worse The newly announced Moto G Stylus G and Moto G G for instance will only get a single OS upgrade This isn t a one off situation either because during a briefing about those phones a Motorola representative confirmed that the general policy for the entire G family typically only covers one major Android OS update Mewanwhile this year s Edge fell far short of living up to its price Sam Rutherford EngadgetEven worse is that during the same briefing a Motorola exec seemed to be making an excuse for the poor update policy by recounting a conversation they had with a car service driver The driver owned a Moto G device and lamented that their device seemed like it was constantly prompting them to install some sort of update Now I can certainly empathize sometimes it feels like everything you own constantly needs to be patched But that s not a good reason to drop support for a gadget after a year or two If an owner doesn t want to install an update for whatever reason that s their choice but they should at least have the option Perhaps my biggest concern about Motorola s direction is a general lack of innovation and support for basic features Take for example the Moto G Stylus which doesn t have NFC I mean come on it s Basically every place supports some sort of contactless payment nowadays which requires NFC But if you buy a budget Moto phone too bad And it s not just the Moto G Stylus because the Moto G G announced this week doesn t have NFC either The company also routinely fails to equip its handsets with substantial water resistance often doing just enough to protect against splashes but falling far short of the IP or IP ratings you get on competing devices nbsp Additionally when I reviewed the Moto Edge back in March I was kind of appalled with its cameras This is a phone that produces low light photos that look like they come from a phone at best I even noted in my review that it seems like Motorola is going backwards delivering a device with a lower resolution main camera than its predecessor while lacking a dedicated telephoto lens nbsp Sam Rutherford EngadgetMotorola tells me that it puts macro cams in its phones instead because of demand from customers who like taking close ups And that may be true But I also know that it costs more to put telephoto cameras on phones and I have a sneaking suspicion that may be the bigger driving force While Apple Google and Samsung are making large strides when it comes to low light performance and computational photography what I ve seen from Moto s latest pseudo flagship is second tier at best The sad thing is that it doesn t have to be like this There are a number of things I still appreciate about Moto devices They have near stock builds of Android and Moto Action gestures like double chopping to turn on a phone s flashlight are often quite handy But those small perks are easily overshadowed by the concerning trend of too many rehashes while returning too little value However it s not too late to reverse all this Sure it will take some strong leadership and willpower for the company to forgo short term sales in order to focus on long term growth and development Improving mobile photography isn t easy Just ask OnePlus Pete Lau who has been very vocal about his desire to bring the photography on the company s phones up to speed But unless Motorola wants to become the next HTC it needs to reduce the churn and concentrate on releasing a smaller number of higher quality devices with the software support its customers deserve	2022-04-22 15:30:37
Cisco	Cisco Blog	Cisco Extends Service Discovery to WAN Using Bonjour and Adds App on Cisco DNA Center	https://blogs.cisco.com/networking/cisco-extends-service-discovery-to-wan-using-bonjour-and-adds-app-on-cisco-dna-center	Cisco Extends Service Discovery to WAN Using Bonjour and Adds App on Cisco DNA CenterCisco has extended Apple s Bonjour functionality beyond single Layer broadcast domains to scale and avoid bottlenecks across services rich enterprise networks and to optimize network bandwidth in the core and access layers	2022-04-22 15:46:59
海外科学	NYT > Science	Can We Fall Out of Love?	https://www.nytimes.com/2022/04/19/style/falling-out-of-love.html	love	2022-04-22 15:18:33
金融	金融庁ホームページ	金融安定理事会によるG20財務大臣・中央銀行総裁へのレターについて掲載しました。	https://www.fsa.go.jp/inter/fsf/20220422/20220422.html	中央銀行	2022-04-22 17:00:00
金融	金融庁ホームページ	「金融商品取引業者等向けの総合的な監督指針」等の一部改正（案）について公表しました。	https://www.fsa.go.jp/news/r3/shouken/20220422-2/20220422-2.html	金融商品取引業者	2022-04-22 17:00:00
金融	金融庁ホームページ	「金融商品取引業等に関する内閣府令及び金融サービス仲介業者等に関する内閣府令の一部を改正する内閣府令（案）」等に対するパブリックコメントの結果等について公表しました。	https://www.fsa.go.jp/news/r3/shouken/20220422/20220422.html	仲介業者	2022-04-22 16:00:00
ニュース	BBC News - Home	Tyson Fury v Dillian Whyte: Champion Fury weighs in 12lb lighter than last fight	https://www.bbc.co.uk/sport/boxing/61187270?at_medium=RSS&at_campaign=KARANGA	Tyson Fury v Dillian Whyte Champion Fury weighs in lb lighter than last fightWBC champion Tyson Fury weighs in lb lighter than his previous fight for Saturday s heavyweight bout against Dillian Whyte	2022-04-22 15:33:00
ニュース	BBC News - Home	Gun deaths were the leading killer of US children in 2020	https://www.bbc.co.uk/news/world-us-canada-61192975?at_medium=RSS&at_campaign=KARANGA	crashes	2022-04-22 15:16:17
ニュース	BBC News - Home	Mike Tyson punched plane passenger 'after bottle thrown'	https://www.bbc.co.uk/news/world-us-canada-61192417?at_medium=RSS&at_campaign=KARANGA	boxer	2022-04-22 15:38:22
北海道	北海道新聞	ばん馬迫力、舞う砂ぼこり　帯広で開幕　観客は静かに応援	https://www.hokkaido-np.co.jp/article/673054/	砂ぼこり	2022-04-23 00:22:03
北海道	北海道新聞	２６日にチェルノブイリ訪問　ＩＡＥＡトップ、安全評価	https://www.hokkaido-np.co.jp/article/673075/	国際原子力機関	2022-04-23 00:10:00