投稿時間:2022-02-03 05:35:42 RSSフィード2022-02-03 05:00 分まとめ(43件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Architecture Blog	Optimizing Your IoT Devices for Environmental Sustainability	https://aws.amazon.com/blogs/architecture/optimizing-your-iot-devices-for-environmental-sustainability/	Optimizing Your IoT Devices for Environmental SustainabilityTo become more environmentally sustainable customers commonly introduce Internet of Things IoT devices These connected devices collect and analyze data from commercial buildings factories homes cars and other locations to measure understand and improve operational efficiency There will be an estimated billion active IoT devices by according to Transforma Insights IoT devices offer …	2022-02-02 19:13:24
AWS	AWS	PAOK TV Streaming on AWS | Customer Success Story | Amazon Web Services	https://www.youtube.com/watch?v=tDNHfGAen-I	PAOK TV Streaming on AWS Customer Success Story Amazon Web ServicesPAOK FC is one of the biggest and the most successful football clubs in Greece with years of history over million fanbase around employees and euros yearly budget It has developed its own streaming platform PAOK TV which is all in in Amazon Web Services AWS Migration to AWS helped PAOK to increase scalability because the biggest challenge for the company was to prepare for the huge and sudden traffic PAOK now uses services like MediaConvert MediaLive MediaPackage Lambda Elastic services Cloudfront and a lot of others to keep its systems scalable redundant and secure while delivering a quality product to the end users Learn more about AWS at Subscribe 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-02-02 19:14:46
AWS	AWS	BEAT on AWS | Customer Success Story | Amazon Web Services	https://www.youtube.com/watch?v=IqUC5-VYEd4	BEAT on AWS Customer Success Story Amazon Web ServicesBEAT is a technology company and ride hailing application It creates an amazing transportation experience by connecting thousands of passengers with nearby drivers in real time available The company was founded in in Athens Greece and is part of the FREE NOW group the ride hailing joint venture of BMW and Daimler global leader in the booming ride hailing industry Since its launch BEAT has run on Amazon Web Services AWS This allowed the company to keep the Infrastructure Operations team very lean and leverage the managed services in the AWS portfolio to enhance automation in the Infrastructure and promote a DevOps culture BEAT leverages the Amazon EC AWS SQL Amazon DynamoDB Amazon S and Amazon ElasticCache that allowed to reduce of compute and maintenance costs Learn more about AWS at Subscribe 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 AWSGreece AmazonWebServices CloudComputing	2022-02-02 19:14:33
AWS	AWS	Qivos on AWS | Customer Success Story | Amazon Web Services	https://www.youtube.com/watch?v=F8wj_bulYjg	Qivos on AWS Customer Success Story Amazon Web ServicesQivos is a marketing technology agency which operates for more than years and has an international presence in more than countries Qivos creates brand loyalty through customer data intelligence and machine learning delivering measurable results to its clients Qivos Cloud is a flagship product that was born in the cloud and was offered as SaaS from the very beginning Qivos Cloud is all in on Amazon Web Services AWS Qivos considers AWS as a reliable partner who helped it scale up the business and expand portfolio It runs core Qivos Cloud workloads on Amazon EC instances with Amazon RDS as its primary database The platform also uses extensively Amazon S Amazon Athena for analytics queries Learn more about AWS at Subscribe 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 AWSGreece AmazonWebServices CloudComputing	2022-02-02 19:14:21
AWS	AWS	DeepSea.ai on AWS | Customer Success Story | Amazon Web Services	https://www.youtube.com/watch?v=j2U58w7f7z0	DeepSea ai on AWS Customer Success Story Amazon Web ServicesDeepSea ai uses deep learning to help the maritime industry understand and optimize the performance and environmental impact of their vessels With Amazon Web Services AWS DeepSea ai has been able to rapidly scale and respond the needs of accelerated growth The migration to AWS helped the customer to automate away time consuming and intensive tasks unlock seamless scalability and assure security More than of DeepSea ai s infrastructure is in AWS It performs data processing and machine learning workloads using Java and python on ECs It also uses RDS and S for storage MSK to run steam processing with Kafka and many more Learn more about AWS at Subscribe 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 AWSGreece AmazonWebServices CloudComputing	2022-02-02 19:14:05
AWS	AWS	WIND Hellas on AWS | Customer Success Story | Amazon Web Services	https://www.youtube.com/watch?v=o8yOD8b7PoA	WIND Hellas on AWS Customer Success Story Amazon Web ServicesWIND Hellas is the fastest growing telecom operator in Europe and runs its PayTV service on Amazon Web Services AWS It has customers daily average service calls and with sharply increasing requests during live events TV With AWS WIND Hellas has had a uptime so far WIND Hellas is the third largest telecommunications and ICT provider in Greece providing G and G mobile services fiber connections as well as additional IT services to Greek consumers businesses and the public sector serving more than million customers and having more than Million Euros in revenues Usage of AWS allows WIND Hellas to get scalability reliability and security in all its web application WIND Hellas leverages over services from AWS including Amazon EC Amazon Dynamo DB and Amazon IoT for mission critical applications Learn more about AWS at Subscribe 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 AWSGreece AmazonWebServices CloudComputing	2022-02-02 19:13:53
海外TECH	Ars Technica	Windows PCs prioritized over Chromebooks in components shortage	https://arstechnica.com/?p=1831259	components	2022-02-02 19:32:43
海外TECH	Ars Technica	NSO tried to buy access to cell networks for “bags of cash,“ whistleblower says	https://arstechnica.com/?p=1831276	networks	2022-02-02 19:18:19
海外TECH	MakeUseOf	How to Use the EDATE Function in Google Sheets	https://www.makeuseof.com/how-to-use-edate-function-google-sheets/	number	2022-02-02 19:45:12
海外TECH	MakeUseOf	3 DIY Helmet Cameras You Can Build for Recording Videos as You Travel	https://www.makeuseof.com/diy-helmet-cameras-you-can-build/	camera	2022-02-02 19:30:23
海外TECH	MakeUseOf	How to Open Terminal on a Mac	https://www.makeuseof.com/open-terminal-on-mac/	different	2022-02-02 19:15:12
海外TECH	MakeUseOf	What Are the Differences Between Electric Vehicle Chargers?	https://www.makeuseof.com/what-are-the-differences-between-electric-vehicle-chargers/	charger	2022-02-02 19:15:12
海外TECH	DEV Community	Neat, Easy Way to Run Node.js Functions from the Command Line	https://dev.to/stevepepple/neat-easy-way-to-run-nodejs-functions-from-the-command-line-4pep	Neat Easy Way to Run Node js Functions from the Command LineToday I learned a quick trick for running and testing Node scripts from the command line It s as simple as this with NPX npx run func your file js functionNameNPX will prompt you to install run func You can also add any optional or required argument after the function name What s particularly nice is that NPX will handle any dependency imports The same thing can be accomplished with this node script but it won t handle tab complete as nicely node e require dist your file js yourFunction Of course you can also use the Node REPL Read eval print loop interpreter by typing node in terminal and then requiring and running any methods in your script or module Nice for interactive programming but I found the output isn t as friendly	2022-02-02 19:37:47
海外TECH	DEV Community	How to dump and restore a PostgreSQL database	https://dev.to/rodrigocnascimento/how-to-dump-and-restore-a-postgresql-database-3da	How to dump and restore a PostgreSQL databasepg dump h HOST p PORT U USER dbname gt dbname sqlTo restorepsql h HOST p PORT U USER dbname lt dbname sql	2022-02-02 19:37:46
海外TECH	DEV Community	Media Queries in CSS	https://dev.to/therajatg/media-queries-in-css-19ln	Media Queries in CSSMDN definition of media query Media queries are useful when you want to modify your site or app depending on a device s general type such as print vs screen or specific characteristics and parameters such as screen resolution or browser viewport width Now let s understand what MDN said with an example lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Document lt title gt lt style gt body display flex height vh justify content center align items center h color green font size px media screen and max width px h color blueviolet lt style gt lt head gt lt body gt lt h gt This is Awesome lt h gt lt body gt lt html gt In the above example we could see that as the screen width goes below px the font color changes from green to blueviolet Hence we now know that the style inside the media block will only be executed when the condition provided will be true There are different approaches that people use while building websites some use mobile first approach while applying media query to set different properties when the same website is opened on a desktop and some use desktop first approach I don t follow any of these approaches and believe in building as per the use case Mainly there are types of media queries although there are many more screen when u want to make changes as per view port size as shown in the above example print when you want your printer to print different color of text or any other property then what is shown on the screen All these types come after the media keyword Although if we neither use print nor use screen in the media query then by default it will be set for all Hence for the above example we could have used only media media max width px h color blueviolet We can use or and and operator between or more media queries In order to separate two or more different conditions using the and logic we have to use the “and keyword between the conditions Here our style in the media block will execute only when all the conditions are true that is both page orientation and the max width condition have to be met in order for the h to turn blueviolet media orientation landscape and max width px h color blueviolet In order to separate two or more different conditions using the or logic we have to use the “ comma keyword between the conditions Here our style in the media block will execute when any one of the condition is true media orientation landscape max width px h color blueviolet Now we ll see how powerful media query is for responsive design by changing the web layout as we ll move from mobile to desktop lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Document lt title gt lt style gt body display grid height rem grid template areas header header header sidebar content content sidebar content content sidebar content content footer footer footer media min width px body display grid height rem grid template areas header sidebar content footer header sidebar content footer header sidebar content footer header sidebar content footer header sidebar content footer div color white background color blueviolet display grid justify content center align items center font size px font weight bolder div nth child background color red grid area header div nth child background color yellow grid area sidebar div nth child background color green grid area content div nth child background color blue grid area footer lt style gt lt head gt lt body gt lt div class header gt Header lt div gt lt div class sidebar gt Sidebar lt div gt lt div class content gt Content lt div gt lt div class footer gt Footer lt div gt lt body gt lt html gt In the above example the view port width of px is the threshold above which the layout of our website changes If you have any doubt ask me in the comments section and I ll try to answer as soon as possible I write one article every day related to web development yes every single f cking day Follow me here if you are learning the same my twitter handle therajatgIf you are the linkedin type let s connect Have an awesome day ahead	2022-02-02 19:30:41
海外TECH	DEV Community	How to build a JamStack app with Angular Scully and Prisma	https://dev.to/jefiozie/how-to-build-a-jamstack-app-with-angular-scully-and-prisma-4bkk	How to build a JamStack app with Angular Scully and Prisma TLDR By using Angular Scully and Prisma we have a powerful ecosystem where we can leverage full type safety and easily connect to a database that contains data that will be injected into the components by Scully After the Scully process we can upload our app to a CDN and have a fully working SEO friendly Angular app What is Prisma Prisma is an open source ORM it consists of three parts Prisma Client Auto generated and type safe query builder for Node js amp TypeScriptPrisma Migrate Migration systemPrisma Studio GUI to view and edit data in your databasePrisma Client can be used in any Node js supported versions environment The power of Prisma is that they have a good and powerful type safety solution when using it with Typescript and by default supports a set of Easy to use querIes What is ScullyScully is the static site generator for Angular projects looking to embrace the Jamstack It will use your application and will create a static index html for each of your pages routes Every index html will have the content already there and this will make your application show instantly for the user Also this will make your application very SEO friendly On top of this your SPA will still function as it did before How to set up an Angular app with Scully In this article we are not going very deep into the setup of Angular and Scully For a good reference you can have a look at the repo Below are the steps you can follow along First let s set up a new Angular appnpx ng new ng scully minimalSecond let s add Scully to the Angular applicationng add scullyio initScully schematics will do the following Add Scully dependencies to package json and install itImport ScullyLibModule to AppModuleAdd  zone js dist task tracking  to polyfills tsAdd scully lt project name gt config ts to the root directory This is Scully configuration file that we will utilize to configure Scully Now we have a setup that works with Angular but we need to take one step more for this demo ng generate scullyio init blogThe above command adds the blog modules routes to the Angular application In addition it creates a blog folder for the blog s markdown files How to use Prisma with Scully I ve made the choice to use postgress as my database in combination with docker Below I m showing you my docker compose file version services postgres image postgres ports restart always environment POSTGRES USER prisma POSTGRES PASSWORD prisma volumes postgres var lib postgresql datavolumes postgres Now we only need to run it so that Prisma can connect to it docker compose up dNow we can continue with Prisma first we need to install Prismanpm install prisma save devAfter installation we will run the init command as shown below npx prisma initThis init command will setup Prisma with the required files in the directory After this we need to change the env file with our database connection DATABASE URL postgresql prisma prisma localhost mydb schema public Setup Prisma configurationTo use Prisma with Scully we first need to add the setup for Prisma As Prisma is an ORM for a database we need to tell Prisma what tables and or database it is connected to This information is placed in the schema prisma file This is your Prisma schema file generator client provider prisma client js datasource db provider postgresql url env DATABASE URL model Post id Int id default autoincrement title String content String published Boolean default false author User relation fields authorId references id authorId Int model User id Int id default autoincrement name String email String unique createdAt DateTime default now map name created at updatedAt DateTime updatedAt map name updated at posts Post map name users Note You re occasionally using mapand mapto to transform some field and model names to different column and table names in the underlying database This Prisma schema defines two models each of which will map to a table in the underlying database User and Post Notice that there s also a relation one to many between the two models via the author field on Post and the posts field on User Now that we have our schema defined we need to create our tables in our database This can be done by running the following CLI command npx prisma db pushYou should see the following output Environment variables loaded from envPrisma schema loaded from prisma schema prismaDatasource db PostgreSQL database mydb schema public at localhost The database is already in sync with the Prisma schema Generated Prisma Client library to node modules prisma client inmsAs our database is ready to be used let s add some data We are going to use Prisma Studio this is an easy way to explore and manipulate the data You can open up Prisma Studio by runningnpx prisma studio Create a Prisma Scully PluginAs we now have an operating database and an ORM library Prisma we now can use all these parts to receive the data and use it in Scully Let s start by creating the first basis for our custom plugin import PrismaClient from prisma client import HandledRoute logError registerPlugin RouteConfig from scullyio scully import convertAndInjectContent from scullyio scully src lib renderPlugins content render utils convertAndInjectContent export const prismaPlugin prismaPlugin const prisma new PrismaClient const routerPlugin async route string config RouteConfig gt here we are looking up all posts const data await prisma post findMany where the published property is true where published true and we include the author include author and we only want the author s name select name true return Promise resolve let s loop over all posts data map post gt and return a new route for each post const id title published author content post return config route blog id data id title published author author name content as HandledRoute registerPlugin router prismaPlugin routerPlugin async function prismaDomPlugin dom any route HandledRoute undefined if route return dom try try here we use the power of scully and use the filehandler to convert the content to html return convertAndInjectContent dom route data content md route catch e logError Error during contentText rendering console error e return dom catch e registerPlugin postProcessByDom prismaPlugin prismaDomPlugin Let s break this code down from the top import PrismaClient from prisma client import logError registerPlugin RouteConfig from scullyio scully define our plugin nameexport const prismaPlugin prismaPlugin setup our PrismaClientconst prisma new PrismaClient our router pluginconst routerPlugin async route string config RouteConfig gt Now we are going to retrieve the posts with the Prisma client When all the data is gathered we will return new routes that will be used on our post render step const prisma new PrismaClient const routerPlugin async route string config RouteConfig gt here we are looking up all posts const data await prisma post findMany where the published property is true where published true and we include the author include author and we only want the author s name select name true return Promise resolve let s loop over all posts data map post gt and return a new route for each post const id title published author content post return config route blog id data id title published author author name content as HandledRoute The post process plugin is used to transform the render HTML In our custom plugin we make use of the Scully system the converAndInjectContent function will look at the fileHandler plugins and if it finds an extension of a file type In our case it will look for the fileHandler for markdown files This plugin will transform our data coming from the database from markdown to HTML async function prismaDomPlugin dom any route HandledRoute undefined if route return dom try try here we use the power of scully and use the filehandler to convert the content to html return convertAndInjectContent dom route data content md route catch e logError Error during contentText rendering console error e return dom catch e Now that we have set up our plugin we need to make one new change to our Scully configuration We need to change the original blog route to use our custom plugin first we need to import our custom pluginimport prismaPlugin from scully plugins plugin Then we need to define our router and post process plugin to being used in our blog route routes blog slug type prismaPlugin Finally we are ready to run our Scully system to scan for new routes run npx scully scan npx scully scan new Angular build files imported Starting servers for project asp example Started Angular distribution server on http localhost Started Scully static server on http localhost Scully Development Server is up and running Puppeteer is being launched Successfully scanned Angular app for routes Successfully added routes created from routePlugins Route list created in files src assets scully routes json dist static assets scully routes json dist asp example assets scully routes json Route blog rendered into dist static blog index html Route home rendered into dist static home index html Route rendered into dist static index html Route blog rendered into dist static blog index html Total time used seconds pages have been created Rendering the pages took seconds That is pages per second or milliseconds for each page Finding routes in the angular app took seconds Pulling in route data took millisecondsWe now have our first page rendered with Angular Scully and Prisma ConclusionWith Prisma we have a powerful type of safety solution to connect to a database combine this with the power of Scully we cn easily create static pages from an Angular application and upload it to a CDN B	2022-02-02 19:29:35
海外TECH	DEV Community	Supa-Fast API (Supabase FastAPI) : Deploying on DETA	https://dev.to/aunicorndev/supa-fast-api-supabase-fastapi-deploying-on-deta-4cjd	Supa Fast API Supabase FastAPI Deploying on DETAIn this last part of the tutorial of the series we will be looking at deploying the FastAPI that we build in the last tutorial We have our Supa Fast API working on our local system But will we be able to deploy it easily To my surprise DETA has made it relatively easy to deploy the API I hit some roadblocks while deploying OBVIOUSLYYYY and shared a trick that might work for you like it did for me About DetaAs stated on their official website docs Deta is a free cloud crafted with the developer and user experience at heart What about Pricing It s FREE FOREVER Yes their motto statesWe want anyone at any age from anywhere in the world to experiment and build their ideas without worrying about limits of credit cards Prepare your Local EnvironmentIf you have been following the previous tutorials we have been using virtualenv and have only a limited dependencies in our virtualenvTo get the list of installed dependencies for the project go to the api directory and run the commandpip freeze gt requirements txtThis will create a requirements txt file in the api directory requirements txtanyio asgiref atomicwrites attrs certifi chardet charset normalizer click colorama dataclasses deprecation fastapi gotrue h httpcore httptools httpx idna importlib metadata iniconfig packaging pluggy postgrest py py pydantic pyparsing pytest python dateutil python dotenv PyYAML realtime py requests rfc six sniffio starlette supabase toml typing extensions urllib uvicorn watchgod websockets zipp Make sure you have the env file with the environment variables as the API won t get deployed in case you missed that step in the last tutorial Working with DETATo start install the DETA CLI in powershell and login into deta using the following commands The below command for install is for Windowsiwr useb iex deta loginTo get the list of available commands run deta helpWe ll create a new deta micro for the supafast api after navigating to the api folder from the last tutorialdeta new Response on running deta new commandSuccessfully created a new micro name api id XXXX XXXXX XXXXX XXXX XXXX XXXX project XXXXXXX runtime python endpoint XXXXXXXXXX region XXXXXXXX visor enabled http auth disabled The above command will install the dependencies listed in the requirements txt on our new micro and will be visible on the Deta web interface In the previous tutorial we added a env file for the local environment but for this created Deta instance we don t have any environment variable defined To solve that run the following command while in the api directory deta update e envAnd our API is available at to check out Your API url can be found on the DETA Dashboard as above If you want to open up the endpoint to public run the commanddeta auth disable Response from CLISuccessfully disabled http auth Not Getting Any OUTPUT If you face an error like me on running your API in the browser with a response Bad GatewayThe micro ran into an error while processing the request If you are the owner of the micro please check your logs If the response took around s it might be due to the time out limit Run deta logs and try if you can find any error in the logs For example this is the error I got in my logs ERROR AttributeError module typing has no attribute ClassVar Traceback most recent call last   File var lang lib python importlib init py line in import module    return bootstrap gcd import name level package level   File lt frozen importlib bootstrap gt line in gcd import  File lt frozen importlib bootstrap gt line in find and load  File lt frozen importlib bootstrap gt line in find and load unlocked  File lt frozen importlib bootstrap gt line in load unlocked  File lt frozen importlib bootstrap external gt line in exec module  File lt frozen importlib bootstrap gt line in call with frames removed  File var task entry py line in lt module gt     from detalib handler import handle  File opt python detalib handler py line in lt module gt     from import handlers  File opt python detalib handlers py line in lt module gt     from adapters asgi import Asgi  File opt python detalib adapters asgi init py line in lt module gt     from adapter import Asgi noqa  File opt python detalib adapters asgi adapter py line in lt module gt     from lifespan import Lifespan  File opt python detalib adapters asgi lifespan py line in lt module gt     class Lifespan   File opt python dataclasses py line in dataclass    return wrap cls   File opt python dataclasses py line in wrap    return process class cls init repr eq order unsafe hash frozen   File opt python dataclasses py line in process class    cls fields get field cls name type   File opt python dataclasses py line in lt listcomp gt     cls fields get field cls name type   File opt python dataclasses py line in get field    if is classvar a type typing   File opt python dataclasses py line in is classvar    return type a type is typing ClassVar T Unknown application error occurredFor this particular error the problem is with the dataclasses package in the requirements and we will remove it to get the correct output For that run the following commandspip uninstall dataclassespip freeze gt requirements txt run this in powershelldeta deployNow on running the Deta Micro with the URL data id created at T monsterTheme demo theme monsterThemeBg id created at T monsterTheme demo theme monsterThemeBg id created at T monsterTheme demo theme monsterThemeBg id created at T monsterTheme demo theme monsterThemeBg id created at T monsterTheme demo theme monsterThemeBg status code For more interactive output of the API Documentation use the URL which is provided by Swagger UI And as Francesco says NOT DEPLOY on FRIDAY ConclusionWith the API deployed this series comes to an end In case you have any doubts or suggestions regarding the article s feel free to contact me on my email aunicorndeveloper gmail com or on Twitter at aUnicornDev The API built in this series is used in the tabsMonster project Everyone is more than welcome to checkout and contribute in this Open Source Project aUnicornDev tabsMonster A Chrome extension to keep a tab on your Browser Tabs Important LinksBelow are the links for docs and products if you are more interesed Deta also has an active community to reach out Deta Slack Thank you for Reading	2022-02-02 19:22:59
海外TECH	DEV Community	Celebrate the .NET 20th Anniversary with the Community!	https://dev.to/dotnet/celebrate-the-net-20th-anniversary-with-the-community-47e3	Celebrate the NET th Anniversary with the Community Did you know that this month marks NET s th anniversary That s right NET launched years ago on February th alongside Visual Studio NET We are celebrating all month long and you can get join in on the fun th Anniversary Celebration The NET team is throwing a huge celebration on February th at AM Pacific This minute event will feature Interviews with luminaries amp Microsoft alumniStories from customers and developers building amazing thingsMemories of building NET with Scott Hunter Scott Hanselman and special guests…and so much from OSS contributors MVPs and NET team membersHead over to for more information about the event but it is never too early to start celebrating And while you are there checkout new homepage redesign and the awesome NET timeline Digital Swag wallpapers cake designs and more The NET design team has put together an awesome array of digital goodies for you to celebrate including wallpapers Teams backgrounds cake designs e mail signature images and a whole lot more They are high res and customizable with SVGs here is my current wallpaper on my ultra wide Head over to to grab all of the goodies and start celebrating Mod the dotnet botThe dotnet bot is the mascot for the NET community Create your coding companion by modding the dotnet bot and then share your creation with the world Celebrate on socialCelebrate with the community throughout the month of February on social media Have a fond memory Still have that PDC conference badge Did you build something amazing Share your stories memorabilia favorite features etc in picture or video form on Twitter using the hashtag dotNETLovesMe Microsoft the NET Foundation and ecosystem partners are joining the celebration with digital swag trivia games and more Don t forget to add the th anniversary event to your calendar over at	2022-02-02 19:18:32
海外TECH	DEV Community	HTML Basics #1: Elements and Attributes	https://dev.to/ericnanhu/html-basics-1-elements-and-attributes-1995	HTML Basics Elements and AttributesYou can download the source code for this tutorial here Download the Source Code What is HTMLThe HyperText Markup Language HTML is the most fundamental component of the web It defines the structure and content of every web page Generally other technologies are used alongside CSS for example can be used to describe the page s appearance and JS can be used to define the web page s behavior and make it more interactive with the user We will talk about these technologies in detail later Here is an example of a typical HTML file lt DOCTYPE html gt lt html gt lt head gt lt meta charset utf gt lt title gt My HTML page lt title gt lt head gt lt body gt lt h gt This is a heading lt h gt lt p gt This is a paragraph lt p gt lt body gt lt html gt ElementsElements are the basic building blocks of an HTML file An HTML element is usually defined by a start tag and an end tag and with some content in between like this lt tag gt Some content lt tag gt However there are some exceptions lt hr gt for example does not need content nor an end tag It defines a horizontal rule on the web page which usually indicates a thematic change between content The HTML elements are usually in a nested structure which means one element can contain other elements like this lt body gt      lt h gt This is a Heading lt h gt      lt p gt This is a paragraph lt p gt      lt div gt          lt p gt This is also a paragraph lt p gt      lt div gt lt body gt The lt body gt has three elements inside a heading lt h gt a paragraph lt p gt and a lt div gt And the lt div gt element has another paragraph lt p gt inside The plot on the right side is how the structure tree looks like and there is no limit on how long or how complex this tree could be This is related to a very important concept in frontend development called the document object model DOM With the DOM we will be able to find and change any element in an HTML file We will talk about this in detail later One other important note is that you should never escape the end tag if it needs one Sometimes the elements will display correctly but you should never rely on that It can cause unexpected consequences AttributesAttributes provide additional information to the HTML elements They are always specified in the start tag and they usually come in name value pairs like this lt tag name value gt An Example lt tag gt There are some important things you should notice before I give you some examples First the attributes should always be in lower case It is not a requirement but it is highly recommended XHTML the strict version of HTML actually demands that Second the value of the attributes should always be in quotes It doesn t matter if you use single or double quotes but they should always match ExamplesNext let s take a look at some examples Please note that this is not a full list of all elements for HTML That would make this article long and tedious However here is a full tutorial on HTML from wschools Headings and ParagraphsHeadings define hierarchy and structure of the web page HTML offers six different levels of heading from lt h gt to lt h gt lt h gt is the most important heading and it should summarize your entire page content Which is why there should only be one lt h gt heading in the HTML file lt body gt      lt h gt Heading level lt h gt      lt h gt Heading level lt h gt lt h gt Heading level lt h gt lt h gt Heading level lt h gt lt h gt Heading level lt h gt lt h gt Heading level lt h gt lt body gt The output should look like this Paragraphs on the other hand are defined like this lt p gt This is a paragraph lt p gt lt p gt This is also a paragraph lt p gt For HTML you cannot change how the paragraphs are displayed in the browser by adding extra spaces for extra lines in the code They will be automatically removed by the browser For instance the following two paragraphs are exactly the same lt p gt This is a paragraph lt p gt lt p gt This is aparagraph lt p gt However now we have a problem what happens if we do want a line break The answer is simple we use a lt br gt element lt p gt This is a lt br gt paragraph lt p gt The output is Formatting ElementsThe formatting elements are a special collection of elements that give texts special meaning and appearance lt b gt   Bold text lt strong gt   Important text lt i gt   Italic text lt em gt   Emphasized text lt mark gt   Marked text lt small gt   Smaller text lt del gt   Deleted text lt ins gt   Inserted text lt sub gt   Subscript text lt sup gt   Superscript textLet s see how each of them look like in the browser lt p gt Lorem ipsum dolor sit amet  consectetur adipiscing elit   lt b gt Vestibulum volutpat pretium turpis  sodales facilisis metus    porta a lt b gt  Morbi condimentum porta massa  eu mattis turpis cursus sit amet   lt strong gt cursus ut tellus a convallis  In nec    nisl nisl lt strong gt  Mauris a ligula et ligula malesuada luctus   lt i gt Fusce placerat id tortor at tristique lt i gt  Quisque non vulputate    eros   lt em gt Pellentesque malesuada interdum ligula  et dignissim arcu vestibulum tincidunt lt em gt lt p gt lt p gt lt mark gt Aliquam imperdiet volutpat lorem  in viverra lorem ultricies sed lt mark gt  Integer bibendum velit sit amet hendrerit    venenatis   lt small gt Suspendisse interdum ornare molestie lt small gt  Nulla porttitor venenatis purus eu sollicitudin   lt del gt In quis aliquet    ipsum  Curabitur eu feugiat sem lt del gt  Etiam rhoncus lectus eget dolor cursus  a viverra tellus faucibus   lt ins gt Nam aliquam    rhoncus urna lt ins gt  Vivamus pulvinar eleifend nibh quis semper   lt sub gt Sed finibus neque in lt sub gt  sollicitudin cursus   lt sup gt Curabitur ut ex     lt sup gt egestas  suscipit lectus a  auctor ante lt p gt LinksLinks are found on nearly all web pages They allow users to click their way from page to page When you click on a link it takes you to another HTML file and this simple action forms the foundation of the internet The links are defined as follows lt a href gt link text lt a gt By default the browser will display an underlined text link text and when you click on it it will take you to The target AttributeBy default when you click on a link the target shows up in the same browser window tab You can change this with the target attribute self  Default Opens the document in the same window tab as it was clicked blank  Opens the document in a new window or tab parent  Opens the document in the parent frame top  Opens the document in the full body of the windowFor example the following link will take you to a new tab lt a href  target blank gt link text lt a gt Tables and ListsIn HTML tables are defined using the lt table gt tag Each row is defined with a lt tr gt tag and each data cell is defined with a lt td gt tag If you want a header for the table you need to use the lt th gt tag By default the text in  lt td gt  elements are regular and left aligned and the text in  lt th gt  elements are bold and centered Here is an example lt table gt    lt tr gt      lt th gt Firstname lt th gt      lt th gt Lastname lt th gt      lt th gt Age lt th gt    lt tr gt    lt tr gt     lt td gt Jill lt td gt      lt td gt Smith lt td gt      lt td gt lt td gt    lt tr gt    lt tr gt      lt td gt Eve lt td gt      lt td gt Jackson lt td gt      lt td gt lt td gt    lt tr gt lt table gt This may look a little strange to you since this table is borderless To add a border to this table we need a technology called the Cascading Style Sheets CSS like this lt style gt     table     th     td          border  px solid black      lt style gt lt table gt      lt tr gt          lt th gt Firstname lt th gt          lt th gt Lastname lt th gt          lt th gt Age lt th gt      lt tr gt      lt tr gt          lt td gt Jill lt td gt          lt td gt Smith lt td gt          lt td gt lt td gt      lt tr gt      lt tr gt          lt td gt Eve lt td gt          lt td gt Jackson lt td gt          lt td gt lt td gt      lt tr gt      lt tr gt          lt td gt John lt td gt          lt td gt Doe lt td gt          lt td gt lt td gt      lt tr gt lt table gt We ll talk about CSS in the future Lists are also commonly used in web pages They are defined with a lt ul gt tag and each element in the list is defined with a lt li gt tag lt ul gt    lt li gt Coffee lt li gt    lt li gt Tea lt li gt    lt li gt Milk lt li gt lt ul gt IDs and ClassesThe IDs and classes are not HTML elements They are two attributes that require our special attention ID is unique it can only be used to identify one element in an HTML file Class does not have to be unique it is used to identify a group of elements in an HTML file One element can have both a class and an ID lt h id myHeader gt Cities lt h gt lt div class city gt      lt h id city  class city title gt London lt h gt      lt p gt London is the capital of England lt p gt lt div gt lt div class city gt      lt h id city  class city title gt Paris lt h gt      lt p gt Paris is the capital of France lt p gt lt div gt lt div class city gt      lt h id city  class city title gt Tokyo lt h gt      lt p gt Tokyo is the capital of Japan lt p gt lt div gt When combined with technologies like CSS and JavaScript these IDs and classes allow us to change the appearance and behavior of any part of our web page And we will talk about both of them in detail in the future In the next article we are going to talk about the basic file structure for a typical HTML document	2022-02-02 19:18:29
海外TECH	DEV Community	Modern authentication with Azure AD for WinForms (native) apps - Question to Christos	https://dev.to/alexander248365/modern-authentication-with-azure-ad-for-winforms-native-apps-question-to-christos-5e07	Modern authentication with Azure AD for WinForms native apps Question to ChristosHi Christos You published a great tutorial on accessing Azure through MSAL authentication It would be great if you could clarify additional two points Is there an option to store user ID pwd and to access Azure Graph in Windows Forms Desktop applicatin I tried to follow up steps that you ve posted and got an issue FirstAccount is null even though accounts is not null AuthenticationResult authResult null var accounts await Program PublicClientApp GetAccountsAsync AW accounts null was always true if accounts null label Text GetAccountsAsync passed else label Text PublicClientApp GetAccountsAsync returned an empty list var firstAccount accounts FirstOrDefault AW firstAccount is NULL if firstAccount null label Text firstAccount Username else label Text firstAccount is null This NULL shows before the login screen to MS shows up Any ideas on what could go wrong Thank you Alexander	2022-02-02 19:05:52
海外TECH	DEV Community	tsParticles 1.39.3 Released	https://dev.to/matteobruni/tsparticles-1393-released-191o	tsParticles Released tsParticles Changelog Bug FixesSolved performance drop issue after the refresh closes Changesupdated fps limit default value to updated all presets to have the fps limit of Chrome supports that also in Mac Pro Motion displays Safari for now is still limited to matteobruni tsparticles tsParticles Easily create highly customizable particles animations and use them as animated backgrounds for your website Ready to use components available for React js Vue js x and x Angular Svelte jQuery Preact Inferno Solid Riot and Web Components tsParticles TypeScript ParticlesA lightweight TypeScript library for creating particles Dependency free browser ready and compatible withReact js Vue js x and x Angular Svelte jQuery Preact Inferno Riot js Solid js and Web Components Table of ContentsUse for your websiteLibrary installationOfficial components for some of the most used frameworksAngularInfernojQueryPreactReactJSRiotJSSolidJSSvelteVueJS xVueJS xWeb ComponentsWordPressPresetsBig CirclesBubblesConfettiFireFireflyFireworksFountainLinksSea AnemoneSnowStarsTrianglesTemplates and ResourcesDemo GeneratorCharacters as particlesMouse hover connectionsPolygon maskAnimated starsNyan cat flying on scrolling starsBackground Mask particlesMigrating from Particles jsPlugins CustomizationsDo you want to use it on your website Documentation and Development references here This library is available on the two most popular CDNs and it s easy and ready to use if you were using particles jsit s even… View on GitHub	2022-02-02 19:04:44
海外TECH	DEV Community	What is learning path I should take to transition from manual to automation testing?	https://dev.to/mfaisalkhatri/what-is-learning-path-i-should-take-to-transition-from-manual-to-automation-testing-5gff	What is learning path I should take to transition from manual to automation testing I have been getting a lot of messages from people who want to transition from manual to automation testing and they have been asking me to recommend the learning path to get the transition done successfully hence I thought of writing a blog and share my experience This blog also has links of the FREE courses which I had taken to upgrade myself and I would recommend those to others as well Transition from manual to automation testing	2022-02-02 19:01:10
Apple	AppleInsider - Frontpage News	Apple TV+ has a TikTok and its first challenge promotes 'The Afterparty'	https://appleinsider.com/articles/22/02/02/apple-tv-has-a-tiktok-and-its-first-challenge-promotes-the-afterparty?utm_medium=rss	Apple TV has a TikTok and its first challenge promotes x The Afterparty x Apple TV is embracing TikTok with a marketing campaign to promote The Afterparty by asking users to duet to the fictional hit single Do Wet The sponsored hashtag has over million views and counting A real EP in Apple Music made by a fictional character in The Afterparty Apple TV has been pushing its latest show The Afterparty across several social media platforms at an increasing rate The murder mystery comedy centers around the death of a pop star named Xavier which is the center of Apple s promotional campaign Read more	2022-02-02 19:06:08
Apple	AppleInsider - Frontpage News	Best deals Feb. 2: $100 off every AirPods Max color, $400 off Vizio 65-inch 4K 120Hz AirPlay TV, more!	https://appleinsider.com/articles/22/02/02/best-deals-feb-2-100-off-every-airpods-max-color-400-off-vizio-65-inch-4k-120hz-airplay-tv-more?utm_medium=rss	Best deals Feb off every AirPods Max color off Vizio inch K Hz AirPlay TV more In addition to the AirPods Max deal Wednesday s best deals include off a Philips Hue A color bulb a discount on a Serta office chair and off an electric standing desk Best deals February As we do every day we ve collected some of the best deals we could find on Apple products tech accessories and other items for the AppleInsider audience If an item is out of stock it may still be able to be ordered for delivery at a later date Read more	2022-02-02 19:34:57
海外TECH	Engadget	Purdue University sues Google over mobile power management tech	https://www.engadget.com/purdue-patent-lawsuit-google-193639790.html?src=rss	Purdue University sues Google over mobile power management techGoogle is once again facing claims it copied others code in Android Purdue University has sued Google over allegations the company is knowingly violating a patent for detecting power management bugs in code The internet giant purportedly saw an article about Professor Y Charlie Hu s research on the subject in and incorporated related infringing code into Android Lint an error catching tool in what would become the Android Studio development kit The USPTO granted the patent in August Purdue said it notified Google of the claimed violation in August but that Google had continued to incorporate the disputed code in Android Studio as recently as this month The school is asking for unspecified quot past and future quot damages from Google In a statement Google told Engadget it was still examining the lawsuit but that it would quot vigorously defend quot itself and quot independently develop s quot products We ve asked Purdue for comment but the university already told Reuters it believed Google violated more patents and would add them to the lawsuit if the company didn t negotiate licenses School technology patent lawsuits aren t new Apple for instance was asked more than once to pay the University of Wisconsin over claimed infringements This case may be more serious than some however Android Studio is a staple of Android app development ーif Purdue can prove a violation in the first place it could argue that a significant chunk of Android s app ecosystem is built around copied technology	2022-02-02 19:36:39
海外TECH	Engadget	FCC proposal would prevent spam callers from leaving ringless voicemails on your cellphone	https://www.engadget.com/fcc-ringless-voicemail-proposal-190626636.html?src=rss	FCC proposal would prevent spam callers from leaving ringless voicemails on your cellphoneThe Federal Communications Commission could soon make it more difficult for telemarketers to leave ringless voicemails on your cellphone On Wednesday Chairwoman Jessica Rosenworcel shared a proposal that seeks to force callers to obtain your consent before they can leave a message directly in your voicemail box The proposal would effectively extend the protections of the Telephone Consumer Protection Act to cover ringless voicemails The law prohibits telemarketers and other groups from using automated systems to make non emergency calls to your mobile phone without first obtaining your consent In March a company called All About the Message asked the FCC to rule that the TCPA did not cover ringless voicemails Rosenworcel s proposal would deny that petition “Ringless voicemail can be annoying invasive and can lead to fraud like other robocallsーso it should face the same consumer protection rules said Rosenworcel “No one wants to wade through voicemail spam or miss important messages because their mailbox is full This FCC action would continue to empower consumers to choose which parties they give permission to contact them The FCC didn t say when it plans to hold a full commission vote on the proposal The agency s next open meeting is scheduled for February th but addressing ringless voicemails isn t listed on the day s agenda There s no guarantee the FCC will approve the proposal but compared to a topic like net neutrality combating spam callers is something most Americans want more action on from the government	2022-02-02 19:06:26
ニュース	BBC News - Home	Boris Johnson facing further calls to resign amid parties row	https://www.bbc.co.uk/news/uk-politics-60227531?at_medium=RSS&at_campaign=KARANGA	boris	2022-02-02 19:12:02
ニュース	BBC News - Home	NI Protocol: Irish Sea border checks ordered to end at midnight	https://www.bbc.co.uk/news/uk-northern-ireland-60236169?at_medium=RSS&at_campaign=KARANGA	advice	2022-02-02 19:37:38
ニュース	BBC News - Home	Ukraine: Boris Johnson warns Putin of tragic miscalculation	https://www.bbc.co.uk/news/uk-60235824?at_medium=RSS&at_campaign=KARANGA	ukraine	2022-02-02 19:45:14
ニュース	BBC News - Home	CNN's Jeff Zucker resigns over undisclosed relationship	https://www.bbc.co.uk/news/world-us-canada-60236190?at_medium=RSS&at_campaign=KARANGA	consensual	2022-02-02 19:07:20
ニュース	BBC News - Home	Giles stands down as England managing director after 4-0 Ashes defeat	https://www.bbc.co.uk/sport/cricket/60237871?at_medium=RSS&at_campaign=KARANGA	australia	2022-02-02 19:51:47
ビジネス	ダイヤモンド・オンライン - 新着記事	面白い文章に絶対欠かせないある要素、文才なくても「連想ゲーム」で突破 - 最強の文章術	https://diamond.jp/articles/-/294255	連想ゲーム	2022-02-03 04:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【茨城・栃木・群馬】22信金信組「勝ち残り」ランキング！3信金が「ROAマイナス」の苦境 - 銀行信金信組勝ち残りランキング	https://diamond.jp/articles/-/292491	信用組合	2022-02-03 04:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	緊迫のウクライナ情勢、「ロシア侵攻」の本気度 - 田岡俊次の戦略目からウロコ	https://diamond.jp/articles/-/295075	田岡俊次	2022-02-03 04:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	伊藤忠商事の「戦後の成長」を支えた、知られざる元エリート軍人とは - 伊藤忠 財閥系を凌駕した野武士集団	https://diamond.jp/articles/-/285832	伊藤忠商事	2022-02-03 04:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	物流トラックはEVに移行するのか、中小企業に迫る経営判断の時 - 物流専門紙カーゴニュース発	https://diamond.jp/articles/-/293937		2022-02-03 04:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	中外製薬の新研究所めぐり行政訴訟、周辺氾濫で「反SDGs」レッテルのリスク - 医薬経済ONLINE	https://diamond.jp/articles/-/293621	中外製薬の新研究所めぐり行政訴訟、周辺氾濫で「反SDGs」レッテルのリスク医薬経済ONLINE中外製薬にとって正念場かもしれない。	2022-02-03 04:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【クイズ】突然の陣痛によりタクシーで病院へ、高速代は医療費控除の対象になる？ - 「お金の達人」養成クイズ	https://diamond.jp/articles/-/295080	医療費控除	2022-02-03 04:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	漫画『二月の勝者』に学ぶ、「中学受験の学校選びは結婚と同じ」理由 - 『二月の勝者』になる！乱世の中学受験術	https://diamond.jp/articles/-/293956	中学受験	2022-02-03 04:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	消費者庁の露骨な「クレベリン潰し」、背景に片山さつき氏の影がチラつく空間除菌連合？ - 情報戦の裏側	https://diamond.jp/articles/-/295115	消費者庁の露骨な「クレベリン潰し」、背景に片山さつき氏の影がチラつく空間除菌連合情報戦の裏側消費者庁が、大幸薬品の空間除菌剤「クレベリン」を露骨に潰しにかかっている。	2022-02-03 04:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ユニクロ失速「真の要因」とZARAやH＆Mなど欧米ブランドを打ち破る“秘策” - News&Analysis	https://diamond.jp/articles/-/295063	newsampampanalysis	2022-02-03 04:05:00
ビジネス	東洋経済オンライン	FRBはゼロ成長下で利上げに着手することになる 経済のオーバーキル懸念が強まり後半は修正か | 市場観測 | 東洋経済オンライン	https://toyokeizai.net/articles/-/508614?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-02-03 04:50:00
ビジネス	東洋経済オンライン	北京｢2度の五輪｣で鉄道網はどれだけ進化したか 新しい高速鉄道は一般観客なしで力発揮できず | 海外 | 東洋経済オンライン	https://toyokeizai.net/articles/-/508118?utm_source=rss&utm_medium=http&utm_campaign=link_back	北京冬季オリンピック	2022-02-03 04:30:00