投稿時間:2022-05-20 22:39:15 RSSフィード2022-05-20 22:00 分まとめ(39件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	Visual Studio CodeでLive ServerのGo Liveを押してもブラウザが起動しない場合の対応方法	https://qiita.com/carbo_jtc/items/eccc6c2f854f7e07a2ef	golive	2022-05-20 21:52:17
海外TECH	MakeUseOf	How to Transform Your Android Phone Into a Microsoft Phone	https://www.makeuseof.com/turn-your-android-phone-into-a-windows-phone/	experience	2022-05-20 13:00:13
海外TECH	MakeUseOf	How to Find Old Posts on Your Facebook Timeline	https://www.makeuseof.com/tag/5-tools-help-find-anything-facebook-timeline/	How to Find Old Posts on Your Facebook TimelineWhere is that post I shared on Facebook Sound familiar What many people don t realize is there s a far better alternative than endlessly scrolling down your or a friend s imeline	2022-05-20 12:39:56
海外TECH	MakeUseOf	What Is XR? 6 Examples That Demonstrate Extended Reality	https://www.makeuseof.com/what-is-xr-examples-extended-reality/	niche	2022-05-20 12:30:13
海外TECH	DEV Community	When is Web Tracking Ethical?	https://dev.to/codesphere/when-is-web-tracking-ethical-54fn	When is Web Tracking Ethical Privacy is without doubt THE issue developers are going to need to grapple with this century As web developers we have the ability to collect information to an extent that was previously unfathomable In many cases the data we collect combined with inferential statistics allow us to know our users better than we know ourselves While this new age of tracking creates sustainable business models without requiring payment from users it has also opened up a pandora s box of ethical questions that startups need to be ready for How transparent should we be with our tracking How do we anonymize our user s data What do we use their data for Of course you and your company should always be aware of and in compliance with the relevant privacy laws in the jurisdictions that you do business That being said law is only the minimal acceptable behavior that a society tolerates On top of following the law you and your team should have serious conversations about the ethics of your web tracking In this article we ll talk about different considerations that your team should be making with regards to your web tracking Sensitive DataAll the data that you collect is going to have different degrees of sensitivity Are your users going to care if you track whether or not they use dark mode Probably not Is your user going to care how you track financial and medical information Very much so How your company approaches web tracking is going to depend on the level of sensitivity of the data you are working with More sensitive data means you need to invest more into cybersecurity and be much more transparent about your tracking behavior Additionally you need to be sensitive about who you share this data with Is there a reason why your user may not want a certain piece of information tied to them Are your users living in a country where the data you track could possibly be used to persecute them TransparencyThe answer to a lot of these questions can be answered by being transparent with your users about your data practices Again you should always make sure you are in compliance with the law Of course compliance with the law is not always going to mean that your users have fully grasped what your tracking policy Making your tracking policy transparent is necessary to prevent your users from using your platform in a way that would put their personal information at risk Keeping your user s information secure is oftentimes a team sport You need to do everything in your power to protect your user s data but your user also needs to be responsible about how they use your platform Being transparent is the best way to achieve this Anonymity and SecurityIt is inevitable that you are going to store at least some user information The technicalities of how you choose to do so are extremely important Data anonymization is making it harder to identify user data with the identity of a user There are multitudes of ways to achieve this many of which being required by law This is often done through encryption and by separating sensitive information like medical or financial information from identifying information Name Email Zip Code Even if you correctly anonymize your data there is still a substantial risk of malicious actors both within and outside your team from being able to piece back together the data If you re dealing with sensitive information you should be investing in proper cyber security The Golden RuleAt the end of the day answering these questions is oftentimes going to require putting yourself in the shoes of your users What tracking policies make you uncomfortable If you told a random person on the street what your tracking policy was would they be outraged Does your userbase have a good understanding of your policy These sorts of issues are only going to continue to evolve The most important thing is that you and your team sit down to have a real conversation about it What do you think Let us know down below When you come up with a policy that you re proud of and are ready to launch your web app look no further than Codesphere the most intuitive cloud provider on the market Happy Coding	2022-05-20 12:37:25
海外TECH	DEV Community	🎬How To Create An Amazing Animated Text | Html & CSS✨	https://dev.to/robsonmuniz16/how-to-create-an-amazing-animated-text-html-css-i56	How To Create An Amazing Animated Text Html amp CSSLearn How To Create An Amazing Animated Text using Html amp CSS step by step from scratch lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt title gt Amazing Animated Text lt title gt lt link rel stylesheet href style css gt lt head gt lt body gt lt ul gt lt li class blue gt lt a href data text amp nbsp Home gt amp nbsp Home amp nbsp lt a gt lt li gt lt li class red gt lt a href data text amp nbsp About gt amp nbsp About amp nbsp lt a gt lt li gt lt li class yellow gt lt a href data text amp nbsp Services gt amp nbsp Services amp nbsp lt a gt lt li gt lt li class green gt lt a href data text amp nbsp Blog gt amp nbsp Blog amp nbsp lt a gt lt li gt lt li class pink gt lt a href data text amp nbsp Contact gt amp nbsp Contact amp nbsp lt a gt lt li gt lt ul gt lt body gt lt html gt Follow us on YouTube	2022-05-20 12:36:19
海外TECH	DEV Community	Redux explained from a beginner perspective (simplified)	https://dev.to/yvad60/redux-explained-from-a-beginner-perspective-simplified-413g	Redux explained from a beginner perspective simplified Redux is one of confusing concepts that can be very challenging for a beginner getting started using it From its fancy terminology like reducers dispatch payload to its additional packages like Redux saga Redux thunk Redux promise one may struggle even finding where to start and easily get lost with these Redux Mumbo jumbo In this guide we will explain the basics of Redux from a beginner s perspective using simple plain human language By the end of the article you will understand the basics of Redux and we will use our Redux knowledge to build a simple banking app Note This article will use the traditional way of using Redux without using redux toolkit I intentionally made it this way to focus on explaining redux concepts with less confusing code But In the following articles in this series we will integrate redux toolkit in our code and see precisely problems that the redux toolkit was created to solve PrerequisitesWe will be building everything from scratch you only need VS code and node installed in your machine Let s start by explaining some of the Redux terminologies What exactly is ReduxWhen you visit the official Redux Website you see this simple definition gt Redux A Predictable State Container for JS Apps But what does this even mean How did they manage to make words so difficult to understand First what is the application state Generally the state of your application is the situation or environment that your app is running in and this state usually changes For example suppose you have a website like Facebook when you just land on the website we can say that the application is in the state where no user is logged in but as soon as you log in the state changes and now the app is the state where someone is logged in Let s take another example where someone visit a website and decide to use the dark mode by clicking it s button as soon as they switch mode everything will change on that page and we can say that the app was in state of light mode and is now in the state of dark mode In applications those changes are our state thing like is the user logged in is the page loading letters you are writing determines the state of our app and We need to track these changes if this state changes right For example Facebook needs to know that someone is logged in so that they can be presented with their messages and that s where Redux comes in as a container of application state Basically the state of our application is a long object containing all these information that changes it can look likelet state userLoggedIn true mode dark Like now we can see that the user is logged in and chose to use the dark mode This object will be managed by Redux and track all changes of our app state we can access the state from Redux whenever we want so the definition that Redux is A Predictable State Container for JS Apps means that Redux is so good at managing your application state that whenever the state in your JS application expect that it is recorded by Redux Redux actionsIn Redux actions are much similar real life actions they describe how to do something like the way you can have an action of Reading a book that s the same with Redux except that in Redux we are dealing with application state As we saw that we constantly need to change our application state we need a way to tell Redux how to change the state and that s where we use actions In Redux simply actions are JavaScript objects that explains the action to do on our state for example an action will look like thisconst action type DO SOMETHING Redux actions will always have a field of type which describe what to do and this field is compulsory note that by convention actions type is written in capital letter separated with underscores Redux action can also have a field of payload which can be anything that give more detail about how to do the action but this field is optional Let s use an example Let s say in real life you want to go to Simba supermarket to buy red apples we can describe this as a Redux action like the Followingconst action type BUY APPLES payload shop Simba supermarket type red number In this example our action is just an object containing the type describing that we want to buy apples and in our case the payload is another object containing additional information of where to buy apples which type and how much to buyfor a more practical example let s in a TODO app you want to create an action that will add a new TODO to the state of TODOS list in our application the action could be likeconst action type ADD TODO payload My first ToDo Note how the payload can also be just a string as I don t have additional information to explain this action Redux action creatorsIn Redux as the name says action creators are functions that create actions but you may say that we already created action in the previous why would we need to use action creators let s take the apples example mentioned above what if we wanted to buy green apples from a different shop the action is still the same we don t need create a new one we can just use a function that take input and return appropriate action we can use something likeconst createAction shopName appleType appleNumber gt return type BUY APPLES payload shop shopName type appleType number appleNumber action creators are function that just return the action whenever we want this action we can call that function customize those parameters and the action will be created for us Redux Reducers So we have a state and we have an action we want to do to the state how exactly do we tell redux to do the action and change the state that s where reducers come in Redux use fancy names so what in the world is a reducer By definition A Reducer is a pure function that takes the state of an application and action as arguments and returns a new statePure functions Pure functions are functions that will always return the same output whenever they are given the same arguments but isn t that what all function do returning same results well not reallyconsider these functionsconst functionA number gt const sum number return sum let x const functionB number gt const sum number x return sum these two functions may look like they are doing the same but functionA is a pure function while functionB is an impure function This is because functionA will always return the sum when a same number is passed but functionB is depending on variable x and if this value is changed functionB will return a different sum There is more to pure functions I recommend that you read these to articles to understand article article Back to the definition of a Reducer A Reducer is a pure function that takes the state of an application and action as arguments and returns a new stateA reducer is just a function that will take the initial state and the action we want to do and return a new changed state so a typical reducer will look something likeconst reducer state action gt do action return newState let use an example of counter where can start from zero and increment or decrement the number by one we can have our initial state of as valueconst state value we can have our actions likeconst incrementAction type INCREMENT const decrementAction type INCREMENT Let s now create a reducer that will take a state and an action to return a new state when we pass the increment action we will increase the current current state by and when we pass decrement action we decrement it by we will use switch statements to check which action we haveconst reducer state action gt switch action type case INCREMENT const newState state newState value state value return newState case DECREMENT const newState state newState value state value return newState Let s break this line by line const reducer state action We are creating a reducer function that take initial state and action object as the definition of a reducer saysswitch action type As we have two actions we are using the switch statement to check the type of the action You can also use if else statements if you want toconst newState state this is the most important part a reducer is a pure function and will NEVER mutate the state passed to it as argument instead we create a new object and copy the previous state using spread operator we are just creating a new object and copy everything from the state this means that newState and state are different objects newState value state value We are changing the value field of newState to be the previous state value incremented or decremented by one according to the action typereturn newState we are returning new state as a reducer should return new statethe above code can be simplified to beconst reducer state action gt switch action type case INCREMENT return state value state value case DECREMENT return state value state value Redux storeNow we have a state we have actions that describes what to do with the state we have a reducer function that implement our action and return the new state It looks like we have everything we need we just need a better management of all of these code Basically we want that when we call the reducer function and return the new state this new state should replace the old state and be our current state so the next time we do something we have a track of how the state changed in our app To achieve this we need to have everything in the same place which is where the Redux store comes in The Redux store is like a real life store that holds records of how the state had changed in your application for example when a user login the state changes when they log out the state will change again Redux store will keep a track of these changes so if anything go wrong we can see exactly what happened and where it happened in Redux to access the store we need to create it first the store is created using the function createStore and this function provide us functions that we will use to access and manipulate the state In this guide we will be focusing on it s two functiongetState and dispatch getState when you run this function the store will return the current state dispatch In Redux you don t really call the reducer and pass the action directly as we did before instead you pass the action to this dispatch function of the store and the store will will have your reducer and the sate and do everything for you this means that you don t need to worry about what s in the state you just dispatch send an action to the store the store will call the reducer and pass the state and the action you dispatched the reducer will do it s work as we saw earlier and when it returns the new state the store will automatically update the state to this new state It s like the way you go to the bank and you have an action of depositing money to your account the cashier will take your money do her work and add new amount to your account With no effort done on your endDon t worry if you don t understand all we said about Redux store let s see all in action as we build our simple banking appPUTTING EVERYTHING TOGETHER SIMPLE BANKING APPLet s use what we learned to build a simple banking app where someone create accounts view their balance deposit or withdraw money from their account follow these steps Create a projectcreate a folder and open it in VS Code initialize a node project by runningnpm init yin the package json add a type field and set it value to module as we will be using imports and export later Install Reduxinstall Redux by running the following commandnpm install redux using yarnyarn add redux Create a redux storecreate a folder called redux and that s where our redux code will be in the redux folder create a file and name it store js this where we will configure our Redux storein the store js file add the following codeimport legacy createStore as createStore from redux const store createStore we are importing createStore from redux and we are creating a new store by invoking that function the createStore function Create a initial stateLet s have the initial state of our application let s say someone just created a new bank account and their basic information will be our object in the store js right before we create the store variable we will add a variable of the initial state and will pass our initial state into the store so that it will store it for us the store js should look likeimport legacy createStore as createStore from redux const initialState accountOwner John Doe address Miami balance const store createStore initialState we are creating an initial state that includes basic information of the owner and their balance is as they just created a new account and they don t have money yet Create action using action creatorRemember the actions and action creators we talked about earlier right actions are object and action creators are function that return these objectsin the redux folder create file called actions js and we will add our action creators let s create an action for Depositing money withdrawing money and changing addressin your actions js add the following codeconst depositAction amount gt return type DEPOSIT payload amount const withdrawAction amount gt return type DEPOSIT payload amount const changeAdressAction newAdress gt return type CHANGE ADRESS payload newAdress we are creating action creator functions that just return action with type and the payload the value we passed in for instance the depositAction will return an action with type DEPOSIT and a payload of the amount you passed in Create a reducerin the redux folder create a reducer js file which will contain our reducerin the reducer js add the following codeconst reducer state action gt switch action type case DEPOSIT return state balance state balance action payload case WITHDRAW return state balance state balance action payload case CHANGE ADRESS return state address action payload default return state As always it s important that the reducer doesn t mutate the state passed We create a new object and copy everything in the previous state and change the field we want to changein this case when the action is DEPOSIT we will change the balance to add amount in the payload to previous balance the same thing with WITHDRAW instead we subtract amount in the payload from previous balancewhen the action is CHANGE ADRESS we will only change the address field to the new address from the payloadIf the action is not known by default we will do nothing we just return previous state unchanged Pass the reducer to the storeRemember that we don t have to do anything ourselves the redux store will do everything for us therefore we need to provide the reducer to the store back to the store js import the reducer function and pass it to the createStore function import legacy createStore as createStore from redux import reducer from reducer js const initialState accountOwner John Doe address Miami balance const store createStore reducer initialState export default store we are importing reducer function from reducer js and pass it to the createStore function along with the initial state we had before Note that the reducer should be passed first as createStore function expects the reducer to be the first argumentThat s all configurations we need now lets test how everything works Testingin the root folder create an index js file and import the store and actions from redux folder in the index js add the following codeimport changeAdressAction depositAction withdrawAction from redux actions js import store from redux store js console log initialState console log store getState store dispatch depositAction console log New state after deposit console log store getState store dispatch changeAdressAction Paris console log New state after change address console log store getState store dispatch withdrawAction console log New state after withdraw console log store getState to test everything we are just consoling the state by using store getState remember that getState returns our current statewe are dispatching actions by using store dispatch and we pass in the function we want to dispatch after dispatching an action we are consoling the state again to see changes Run node index js in the terminal and you should see the following outputyou can see that after dispatching an action redux did updated our state There you have it you now understands the basics of Redux In the following article in this series we will look into how to use Redux toolkit to write cleaner code and integrate Redux in a real redux app that is more interactive	2022-05-20 12:27:19
海外TECH	DEV Community	Navigating a new code base	https://dev.to/virtualcoffee/navigating-a-new-code-base-94d	Navigating a new code baseHow do you navigate a new code base This can vary depending on your experience level but we d love to hear from all of you Tell us all your tips and tricks Photo by Thought Catalog on Unsplash	2022-05-20 12:26:16
海外TECH	DEV Community	Cloud Functions Using the New Java Runtime	https://dev.to/appwrite/cloud-functions-using-the-new-java-runtime-39j0	Cloud Functions Using the New Java RuntimeOne of the highlights of Appwrite s latest release is the addition of four new Cloud Function runtimes Java Kotlin NET and C are now a part of our ever growing list of runtimes In this article we ll take a look at writing Cloud Functions using the Java runtime If you re an Android developer you could essentially build your app and write any necessary Cloud Functions without the need to learn any new language New to Appwrite Appwrite is open source backend as a service that abstracts all the complexity involved in building a modern application by providing you with a set of REST APIs for your core backend needs Appwrite handles user authentication and authorization realtime databases file storage cloud functions webhooks and much more If there is anything missing you can extend Appwrite using your favorite backend language PrerequisitesBefore we get started there are a couple of prerequisites If you have the prerequisites setup already you can skip to the following section In order to follow along you ll need a few things beforehand An Appwrite instanceIf you haven t set up an Appwrite instance yet you can follow the getting started guides to get up and running quickly You can choose between One click installations on DigitalOcean or Manual installations with Docker TL DR It s just a single command to install Appwritedocker run it rm volume var run docker sock var run docker sock volume pwd appwrite usr src code appwrite rw entrypoint install appwrite appwrite Once your server is up and running head over to the Appwrite Dashboard on your server s public IP address or localhost if you installed locally and create a new user account ‍The Appwrite CLIWe ll use the Appwrite CLI during this exercise as it makes the process super simple If you have Node js installed the installation command is a simplenpm install g appwrite cliIf npm is not your thing we have numerous installation options you can find in the getting started guide for the CLI Getting StartedWith everything set up we can now begin Login to the Appwrite CLI using the following command and use the credentials we used when setting up the Appwrite server to login appwrite login Enter your email test test com Enter your password ✓SuccessNext we need to create a new Appwrite project to work with We can use the following command to set it upappwrite init project How would you like to start Create a new Appwrite project What would you like to name your project My Awesome Project✓SuccessYou can give your project any name of your choice I m going to stick to the defaults in this case You ll notice a new appwrite json file in the current directory which stores all the information about your project It s time to start writing our function But wait we don t need to start from scratch The CLI can setup all the boilerplate for us using the following commandappwrite init function What would you like to name your function java example What runtime would you like to use Java java ✓Success Give your function a name and choose the Java runtime This will create a new Appwrite Function in your project and set up all the boilerplate code necessary Feel free to examine the files created in the functions java example directory You ll find the CLI created a simple Java function that returns a very important JSON message areDevelopersAwesome true Before we go ahead and modify the function let s deploy it to get a feel of the end to end workflow from initializing the function to deploying it appwrite deploy function Which functions would you like to deploy java example fafee Info Deploying function java example fafee Info Ignoring files using configuration from appwrite json✓Success Deployed java example fafee The appwrite deploy function command packages your source code uploads it to the Appwrite server and initiates the build process During this time all the function s dependencies are installed and a jar file is generated for your function You can head over to your Appwrite Dashboard to track the progress of your deployment Once the deployment completes you can execute your function by clicking the Execute Now button The first execution results in what we call a Cold Start Essentially this is the first time a runtime is created so it takes a bit longer As you can see the first execution took about ms and subsequent executions were around ms Now that we have an idea of the complete workflow we can start tinkering with the code and write some cool functions Answering the Most Fundamental Question in MathematicsAs the title suggests we re going to write a cloud function to answer one of the most fundamental questions in Mathematics Is the given number odd or even I know what you re thinking…It s so easy Why do I need a Cloud Function for it I could just writeclass Main public static void main String args int x System out println x true System out println x x true System out println x amp true System out println x gt gt lt lt x true But wait We re taking this to the next level We re going to decide if our number is even or odd using one of the most sophisticated and well written APIs out there The isEven API Jokes aside this example aims to illustrate how you can make API calls from your Cloud Function which will enable you to build anything you d like Firstly open the java example folder in your favorite IDE Let s start with a blank canvas and clean up our src Index java file toimport java util Map import java util HashMap public RuntimeResponse main RuntimeRequest req RuntimeResponse res throws Exception Map lt String Object gt data new HashMap lt gt data put message Hello World return res json data In order to deal with JSON objects more easily we ll make use of the popular gson library Include the following dependency in the deps gradle file dependencies implementation com google code gson gson Next let s write some code to read and parse a number sent as an argument to this function import java util Map import java util HashMap import com google gson Gson final Gson gson new Gson public RuntimeResponse main RuntimeRequest req RuntimeResponse res throws Exception String payloadString req getPayload null req getPayload isEmpty req getPayload Map lt String Object gt payload gson fromJson payloadString Map class String number if payload containsKey number amp amp payload get number null number payload get number toString Map lt String Object gt data new HashMap lt gt data put message Hello World return res json data Let s go over the code we just wrote From the functions documentation we see that the payload is available through the request object and is a JSON string that needs to be converted to a JSON object to parse further If the payload is empty we replace it with an empty JSON object We then retrieve the number that was passed to the function and default to the number in case it s empty We also import the gson library and create an instance of it Next let s make the call to the API using the native HTTP client import java util Map import java util HashMap import java net HttpURLConnection import java net URL import java io BufferedReader import java io InputStreamReader import com google gson Gson final Gson gson new Gson public RuntimeResponse main RuntimeRequest req RuntimeResponse res throws Exception String payloadString req getPayload null req getPayload isEmpty req getPayload Map lt String Object gt payload gson fromJson payloadString Map class String number if payload containsKey number amp amp payload get number null number payload get number toString URL url new URL number HttpURLConnection con HttpURLConnection url openConnection con setRequestMethod GET con getResponseCode BufferedReader in new BufferedReader new InputStreamReader con getInputStream String inputLine StringBuilder responseString new StringBuilder while inputLine in readLine null responseString append inputLine in close con disconnect Map lt String Object gt response gson fromJson responseString toString Map class return res json response Awesome We re all set to test our function If you remember the drill all we need to do is deploy our function appwrite deploy function Which functions would you like to deploy java example fafee Info Deploying function java example fafee Info Ignoring files using configuration from appwrite json✓Success Deployed java example fafee You can now head over to the Appwrite console and execute the function with the following payload Head over to the Logs tab to check the status and response from the function Perfect Looks like we ve managed to solve one of the most pressing problems in Mathematics after all Not to mention the API also comes with a host of quirky Ads And that brings us to the end of this tutorial Feel free to modify the function to your liking and play around with the API If you re stuck or need any help we re always here to help Simply head over to the support channels on our Discord Server ResourcesHere are some handy links for more informationAppwrite Contribution GuideAppwrite GithubFunctions DocumentationCloud Function Examples	2022-05-20 12:21:02
海外TECH	DEV Community	Pitch me on C#	https://dev.to/ben/pitch-me-on-c-56n5	Pitch me on C Continuing the series Feel welcome to dip in and weigh in on a past question Let s say I ve never used C C Sharp before Can anyone give the run down of what the language does and why you prefer it Feel free to touch on drawbacks as well	2022-05-20 12:10:14
海外TECH	DEV Community	Resumão de Python para iniciantes com aulas! [PT-BR]	https://dev.to/llxd/resumao-de-python-para-iniciantes-com-aulas-pt-br-1lmm	Resumão de Python para iniciantes com aulas PT BR EPTA Forge PythonAqui vai ficar o resumão do curso Links Aula Aula Aula Replit Compilador OnlineDownload PythonRepositório GitHub Declaração de Variáveis e Tipos Para declarar uma variável basta colocar o nome dela seguido por um seguido pelo valor que vocêquer atribuir a ela minha variavel Existem vários tipos de variáveis alguns deles são int Números Inteiros str String Texto char Caractére float Números decimais boolean Verdadeiro ou Falso Operações Matemáticas Básicas Podemos fazer várias operações matemáticas com o Python as mais básicas e que provavelmente mais vão ser usadas são Adição gt Símbolo Subtração gt Símbolo Multiplicação gt Símbolo Exponenciação gt Símbolo Divisão gt Símbolo Divisão Inteira gt Símbolo Módulo Resto da Divisão gt Booleanos e operadores comparativosBooleanos são valores que podem ser apenas True ou False verdadeiro ou falso Nós também temos no Python vários operadores comparativos e eles sempre vão retornar booleanos Maior que gt Símbolo gt Menor que gt Símbolo lt Maior igual à gt Símbolo gt Menor igual à gt Símbolo lt Diferente de gt Símbolo Lógica CondicionalA lógica condicional permite a nós programadores executar trechos de código somente se uma condição inicial for verdadeira Sua estrutura éda seguinte forma if CONDICAO coisas que precisam ser feitas caso seja verdade elif OUTRA CONDICAO caso não entre na primeira condição e uma segunda condição for verdadeira else caso não entre em nenhuma das condições Exercício Cálculo do IMC Enunciado Nosso programa deve fazer o cálculo do IMC de um usuárioIMCFÓRMULA PESO ALTURA² POSSÍVEIS RESULTADOS lt MAGREZA gt E lt NORMAL gt E lt SOBREPESO gt OBESIDADEAviso de Spoiler da Respostaaltura float input Digite sua altura peso float input Digite seu peso imc peso altura if imc lt print magreza elif imc gt and imc lt print normal elif imc gt and imc lt print sobrepeso else print obesidade ListasA lista ou array éuma estrutura de dados show para armazenarmos vários valores em sequência Temos vários métodos que podem nos ajudar no dia a dia com listas eles são append gt Adiciona ao final da listaremove gt Remove um item da listainsert gt Insere em uma posição especificadasort gt Ordena a listaExemplos com lista lista de numeros lista de numeros remove lista de compras banana maca leite biscoito lista de compras append cebola lista de compras sort print lista de compras Laços de Repetição Para podermos executar o mesmo código várias vezes utilizamos os laços de repetição Esses são for e while Exemplos com for e while For lista de compras banana maca leite biscoito for compra in lista de compras print compra for contador in range print contador for compra in lista de compras if compra leite print encontrei o leite continue print compra for compra in lista de compras if compra leite print encontrei o leite break print compra Atenção com as palavras reservadas break e continue While contador while contador lt contador contador print contador contador while True contador contador print contador if contador gt break Cuidado com os loops infinitos hein Funções Para podermos encapsular nosso código e nos organizarmos melhor podemos separar blocos de código em funçõesExemplos de funções def ola print Ola def ola com parametros nome print Ola nome ola ola com parametros Lucas Exercício Encapsular o código de cálculo de IMC em uma funçãoA ideia desse exercício ésimplesmente encapsular toda a lógica do exercício de IMC em uma função para que possamos deixar nosso código mais organizado Aviso de Spoiler da Respostaaltura float input Digite sua altura peso float input Digite seu peso def calcula imc peso altura imc peso altura if imc lt print magreza elif imc gt and imc lt print normal elif imc gt and imc lt print sobrepeso else print obesidade return imcvalor final calcula imc peso altura print valor final Funções RecursivasFunções recursivas são funções que chamam elas mesmas em seu interior Éum conceito complexo e leva tempo pra digerir e entender direitinho Vocês podem ler mais aqui O importante élembrarmos da condição de parada também chamada de caso base que éum caso da nossa função que vai ser o momento de retorno onde a função acaba para não acabarmos com um loop infinito Exemplo de função recursiva def fatorial numero print numero if numero lt CASO BASE return else return numero fatorial numero fatorial Bibliotecas Interessantes e módulos legais DNessa seção vou apresentar alguns módulos e coisas legais que o python fornece pra gente trabalhar São sóalguns exemplos de coisas que o Python pode fazer mas num geral existem muitas coisas além disso Vocês podem conferir algumas coisas aqui AleatoriedadePara aleatoriedade normalmente utilizamos o módulo random import random random dado lados random randint print dado lados Testes UnitáriosÉimportante mantermos testes do nosso código automatizados garantindo que o nosso código de fato produza o resultado desejado sem termos que verificar manualmente para isso podemos usar o módulo unittest import randomimport unittest unittest dado lados random randint print dado lados def teste unitario dado dado assert dado lt O valor do dado obtido foi maior que print O dado tem o valor lt D print Todos os testes passaram teste unitario dado dado lados Normalmente os testes ficam em outro arquivo que pode ser executado separadamente via terminal Além disso existe um método de desenvolvimento de software guiado por testes chamado TDD que vocês podem saber mais sobre aqui Matemática científicaO Python éshow com matemática e dápra utilizar o módulo math a lib numpy e a lib matplotlib pra gerarmos muito conteúdo científico em termos de matemática Seguem alguns exemplos import math math matplotlib numpy math gt Alguns cálculos mais complicadosprint math sqrt print math sin math pi print math cos math radians numpy matemática mais avançada e funções auxiliares show matplotlib plotagem de gráficosimport matplotlib pyplot as pltimport numpy as npplt style use mpl gallery make datax np linspace y np sin x plotfig ax plt subplots ax plot x y linewidth ax set xlim xticks np arange ylim yticks np arange plt show plt savefig matplotlib png Programação Orientada a Objetos POO Nesse paradigma utilizamos a ideia de classe para criarmos novos tipos de estruturas de dados que podem nos auxiliar na construção de uma aplicação O método init échamado de contrutor POO émuito extensa e essa seção ésóuma ideia pra aflorar na cabeça de vocês POO émuito utilizada em jogos e aplicações mais robustas justamente pela sua maior facilidade em deixar código grande organizado e com uma certa facilidade em termos de manutenção Quando criamos uma nova variável com base em uma classe que criamos chamamos esse processo de instanciar um objeto da classe Exemplos class Pessoa def init self nome str idade int self nome nome self idade idade def ola self print Ola eu sou self nome e tenho str self idade anos lucas Pessoa nome Lucas idade lt lucas éuma instancia de pessoaprint lucas idade lucas ola class Retangulo def init self altura float largura float self altura altura self largura largura def area self return self altura self largura def perimetro self return self altura self largura meu primeiro retangulo Retangulo altura largura lt meu primeiro retangulo éuma instancia de Retangulomeu segundo retangulo Retangulo altura largura lt meu segundo retangulo éuma outra instancia de Retanguloprint meu primeiro retangulo area print meu segundo retangulo area Obrigado por ler o resumão atéaqui Planejo traduzir esse material pra inglês e refazer esse post futuramente Recomendo também assistir as aulas em PT br que consigo abordar de forma mais extensa os assuntos Thanks for reading there s an English version of this material coming up and I m also going to post it on here	2022-05-20 12:04:26
海外TECH	DEV Community	Cloud Functions Using the New Kotlin Runtime	https://dev.to/appwrite/cloud-functions-using-the-new-kotlin-runtime-3ejo	Cloud Functions Using the New Kotlin RuntimeOne of the highlights of Appwrite s latest release is the addition of four new Cloud Function runtimes Java Kotlin NET and C are now a part of our ever growing list of runtimes In this article we ll take a look at writing Cloud Functions using the Kotlin runtime If you re an Android developer you could essentially build your app and write any necessary Cloud Functions without the need to learn any new language New to Appwrite Appwrite is open source backend as a service that abstracts all the complexity involved in building a modern application by providing you with a set of REST APIs for your core backend needs Appwrite handles user authentication and authorization realtime databases file storage cloud functions webhooks and much more If there is anything missing you can extend Appwrite using your favorite backend language PrerequisitesBefore we get started there are a couple of prerequisites If you have the prerequisites setup already you can skip to the following section In order to follow along you ll need a few things beforehand An Appwrite instanceIf you haven t set up an Appwrite instance yet you can follow the getting started guides to get up and running quickly You can choose between One click installations on DigitalOcean or Manual installations with Docker TL DR It s just a single command to install Appwritedocker run it rm volume var run docker sock var run docker sock volume pwd appwrite usr src code appwrite rw entrypoint install appwrite appwrite Once your server is up and running head over to the Appwrite Dashboard on your server s public IP address or localhost if you installed locally and create a new user account ‍The Appwrite CLIWe ll use the Appwrite CLI during this exercise as it makes the process super simple If you have Node js installed the installation command is a simplenpm install g appwrite cliIf npm is not your thing we have numerous installation options you can find in the getting started guide for the CLI Getting StartedWith everything set up we can now begin Login to the Appwrite CLI using the following command and use the credentials we used when setting up the Appwrite server to login appwrite login Enter your email test test com Enter your password ✓SuccessNext we need to create a new Appwrite project to work with We can use the following command to set it upappwrite init project How would you like to start Create a new Appwrite project What would you like to name your project My Awesome Project✓SuccessYou can give your project any name of your choice I m going to stick to the defaults in this case You ll notice a new appwrite json file in the current directory which stores all the information about your project It s time to start writing our function But wait we don t need to start from scratch The CLI can setup all the boilerplate for us using the following commandappwrite init function What would you like to name your function kotlin example What runtime would you like to use Kotlin kotlin ✓SuccessGive your function a name and choose the Kotlin runtime This will create a new Appwrite Function in your project and set up all the boilerplate code necessary Feel free to examine the files created in the functions kotlin example directory You ll find the CLI created a simple Kotlin function that returns a very important JSON message areDevelopersAwesome true Before we go ahead and modify the function let s deploy it to get a feel of the end to end workflow from initializing the function to deploying it appwrite deploy function Which functions would you like to deploy kotlin example adaffca Info Deploying function kotlin example adaffca Info Ignoring files using configuration from appwrite json✓Success Deployed kotlin example adaffca The appwrite deploy function command packages your source code uploads it to the Appwrite server and initiates the build process During this time all the function s dependencies are installed and a jar file is generated for your function You can head over to your Appwrite Dashboard to track the progress of your deployment Once the deployment completes you can execute your function by clicking the Execute Now button The first execution results in what we call a Cold Start Essentially this is the first time a runtime is created so it takes a bit longer As you can see the first execution took about ms and subsequent executions were around ms Now that we have an idea of the complete workflow we can start tinkering with the code and write some cool functions Answering the Most Fundamental Question in MathematicsAs the title suggests we re going to write a cloud function to answer one of the most fundamental questions in Mathematics Is the given number odd or even I know what you re thinking…It s so easy Why do I need a Cloud Function for it I could just writefun main val x println x true println x x true println x and true println x shr shl x true But wait We re taking this to the next level We re going to decide if our number is even or odd using one of the most sophisticated and well written APIs out there The isEven API Jokes aside this example aims to illustrate how you can make API calls from your Cloud Function which will enable you to build anything you d like Firstly open the kotlin example folder in your favorite IDE Let s start with a blank canvas and clean up our src Index kt file to Throws Exception class fun main req RuntimeRequest res RuntimeResponse RuntimeResponse return res json mapOf message to Hello World In order to deal with JSON objects more easily we ll make use of the popular gson library Include the following dependency in the deps gradle file dependencies implementation com google code gson gson Next let s write some code to read and parse a number sent as an argument to this function import com google gson Gsonprivate val gson Gson Throws Exception class fun main req RuntimeRequest res RuntimeResponse RuntimeResponse val payload gson fromJson lt Map lt String Any gt gt req payload ifEmpty MutableMap class java val number payload number return res json mapOf message to Hello World Let s go over the code we just wrote From the functions documentation we see that the payload is available through the request object and is a JSON string that needs to be converted to a JSON object to parse further If the payload is empty we replace it with an empty JSON object We then retrieve the number that was passed to the function and default to the number in case it s empty We also import the gson library and create an instance of it Next let s make the call to the API using the native HTTP client import com google gson Gsonimport java io BufferedReaderimport java io InputStreamReaderimport java net HttpURLConnectionimport java net URLprivate val gson Gson Throws Exception class fun main req RuntimeRequest res RuntimeResponse RuntimeResponse val payload gson fromJson lt Map lt String Any gt gt req payload ifEmpty MutableMap class java val number payload number val url URL number val con url openConnection as HttpURLConnection apply requestMethod GET responseCode val responseString buildString BufferedReader InputStreamReader con inputStream useLines lines gt lines forEach append it con disconnect val response gson fromJson lt Map lt String Any gt gt responseString MutableMap class java return res json response Awesome We re all set to test our function If you remember the drill all we need to do is deploy our function appwrite deploy function Which functions would you like to deploy kotlin example adaffca Info Deploying function kotlin example adaffca Info Ignoring files using configuration from appwrite json✓Success Deployed kotlin example adaffca You can now head over to the Appwrite console and execute the function with the following payload Head over to the Logs tab to check the status and response from the function Perfect Looks like we ve managed to solve one of the most pressing problems in Mathematics after all Not to mention the API also comes with a host of quirky Ads Like this one to purchase old people And that brings us to the end of this tutorial Feel free to modify the function to your liking and play around with the API If you re stuck or need any help we re always here to help Simply head over to the support channels on our Discord Server ResourcesHere are some handy links for more informationAppwrite Contribution GuideAppwrite GithubFunctions DocumentationCloud Function Examples	2022-05-20 12:02:18
海外TECH	DEV Community	How to Logout of Multiple Tabs | React Web App	https://dev.to/demawo/how-to-logout-of-multiple-tabs-react-web-app-2egf	How to Logout of Multiple Tabs React Web AppIn a real world scenario you would want users who visit your site to have a great user experience Security on the other hand is of prime importance to users and a secure web app improves user trust which has a positive effect towards “good business A common use behavior of users on websites that require authentication is opening of multiple tabs as they browse or make transactions In such a situation you would like users to be able to sign in and sign out successfully without worrying about whether they are logged out of all tabs or not One of the ways to improve user experience in such a scenario is to make sure that when a user signs out of any tab of your website they are logged out of all other tabs once Thereafter sensitive data should be removed from the screen by redirecting the user to a public page and possibly clearing JWT tokens from local Storage I have implemented a simple beginner friendly example of this kind of feature Let us go ahead and see how I did it Go on this link and download or clone the starter project into a directory of your choice on your local machine After cloning the starter project you should have a structure as below Run npm install to install the dependencies Go ahead in your terminal a install this dependency npm i broadcast channelTo learn more about Broadcast Channel API I encourage you to go on the following links Once you are done installing the broadcast channel dependency run npm start in your terminal to start your application Your application should now be running on port or any port you may have configured Go ahead and click the sign in button and you will directed to the dashboard As a test duplicate the current tab into or for tabs then go back to the first tab and click sign out As you can see you are directed to the sign in page on this first tab but the other tabs are still logged in not good user experience right To solve this issue we will add a few lines of code into the auth js file inside the auth folder Replace the existing code in your auth js file with the below code and save import history from history browser import BroadcastChannel from broadcast channel const logoutChannel new BroadcastChannel logout export const login gt localStorage setItem token this is a demo token history push app dashboard export const checkToken gt const token localStorage getItem token this is a demo token if token return alert You are not logged in return token export const logout gt logoutChannel postMessage Logout localStorage removeItem token this is a demo token window location href window location origin export const logoutAllTabs gt logoutChannel onmessage gt logout logoutChannel close So what we did here was to import the broadcast channel module and we created an instance logoutChannel and it logout Whenever we sign out a message Logout is sent to other tabs on the same host and port host is your local machine and port Furthermore replace the existing code in your App js file with the code below and save import React useEffect from react import logoutAllTabs from auth auth import Router from routes function App useEffect gt logoutAllTabs return lt gt lt Router gt lt gt export default App Now lets start again close all the other tabs and leave one on the sign in page click sign in and get directed to the dashboard Duplicate the current tab into more tabs At this stage if you sign out from one of the pages all other open tabs should be logged out as well at the same time That s all folks You are now able to implement this in your own React application as well If you find the tutorial useful please kindly give me a star on GitHub or follow me on twitter	2022-05-20 12:01:46
Apple	AppleInsider - Frontpage News	New legislation aimed at online advertising exchanges will hit most of big tech - including Apple	https://appleinsider.com/articles/22/05/20/new-legislation-aimed-at-online-advertising-exchanges-will-hit-most-of-big-tech---including-apple?utm_medium=rss	New legislation aimed at online advertising exchanges will hit most of big tech including AppleUS senators are proposing legislation that would break up the advertising side of big tech firms such as Google and will also affect Apple s growing ad business U S Capitol Building Credit Alejandro Barba UnsplashSenator Mike Lee who previously sat on a Big Tech judiciary committee has introduced a bill that would prevent firms from operating as both buyer and seller of advertising Together with Senators Amy Klobuchar Ted Cruz and Richard Blumenthal Lee s bill targets Google but wants to avoid replacing one abusive monopolist with another Read more	2022-05-20 12:42:27
海外TECH	Engadget	Solo Stove's fire pits are up to $350 off in its Memorial Day sale	https://www.engadget.com/solo-stoves-fire-pits-are-up-to-350-off-in-its-memorial-day-sale-124014314.html?src=rss	Solo Stove x s fire pits are up to off in its Memorial Day saleIf you re looking forward to the unofficial kickoff of summer on Memorial Day you can prep your backyard ahead of time by picking up one of Solo Stove s fire pits for less right now The company s sale to mark the holiday has begun and it knocks up to percent off its fire pits plus up to percent off accessories and more You ll find the biggest savings on the Yukon Solo Stove s largest fire pit which is more than off and down to That s slightly cheaper than we saw in the company s previous sale at the end of April Also the midrange Bonfire is down to while the compact Ranger has been discounted to Buy Yukon at Solo Stove Buy Bonfire at Solo Stove Buy Ranger at Solo Stove You may think of using a fire pit like the ones from Solo Stove mostly in the fall but it s a great gadget to have all year round And with Sol Stove s models you re getting a fire pit that actively channels smoke away from you while you re using it They have a double walled design that pulls through vent holes and back into the fire keeping the flames hot while creating fine ashes and reducing smoke We also appreciate that all of Solo Stove gadgets have one piece stainless steel designs making them easy to set up and depending on the model you choose fairly simple to transport That said if you plan on moving the fire pit around your yard or taking it with you on a long weekend away the pound Ranger or the pound Bonfire are your best options The Yukon weighs in at pounds so while you could move it it s probably better to find a permanent place for it And if you want to keep the fire pit protected from the elements you can pick up a quot backyard bundle quot which includes a weather resistant shelter bag and a shield that protects you from pops and embers Follow EngadgetDeals on Twitter for the latest tech deals and buying advice	2022-05-20 12:40:14
海外TECH	Engadget	Engadget Podcast: The crypto crash explained	https://www.engadget.com/engadget-podcast-crypto-crash-love-death-robots-123008884.html?src=rss	Engadget Podcast The crypto crash explainedWhat the heck is going on in the land of cryptocurrency and NFTs This week Devindra and Engadget UK Bureau Chief Mat Smith chat with Manda Farough co host and producer of the Virtual Economy podcast about the massive crypto crash They discuss how the fall of the Luna cryptocurrency and its sibling TerraUSD sent shockwaves through the industry nbsp Also they dive into ICE s surprisingly robust and scary surveillance system as well the DHS s stalled misinformation board Stay tuned for the end of the show for our chat with Tim Miller and Jennifer Yuh Nelson the co creator and animation director for Netflix s Love Death amp Robots Engadget ·The crypto crash explained Love Death amp Robots interviewListen above or subscribe on your podcast app of choice If you ve got suggestions or topics you d like covered on the show be sure to email us or drop a note in the comments And be sure to check out our other podcasts the Morning After and Engadget News Subscribe iTunesSpotifyPocket CastsStitcherGoogle PodcastsRSSTopicsTerra Luna and the recent Crypto crash Acer s glasses free D laptop nbsp Report outs U S s ICE as breeching data privacy has facial recognition data on Americans Homeland Security “pauses disinformation board There is once again a rumor about USB C on iPhone Working on Pop culture picks Interview with Love Death amp Robots co creator Time Miller and animation director Jennifer Yuh Nelson CreditsHosts Devindra Hardawar and Mat SmithGuest Manda FaroughProducer Ben EllmanMusic Dale North and Terrence O Brien	2022-05-20 12:30:08
海外TECH	Engadget	Qualcomm's Snapdragon 8+ Gen 1 delivers faster, longer-lasting Android flagships	https://www.engadget.com/qualcomm-snapdragon-8-plus-gen-1-120047819.html?src=rss	Qualcomm x s Snapdragon Gen delivers faster longer lasting Android flagshipsQualcomm is keeping up its habit of releasing speed bumped chips in the middle of the year albeit with a couple of twists The company has introduced a Snapdragon Gen system on chip that delivers both the usual performance boost and importantly battery life Qualcomm claims a percent processing speed increase and percent higher performance per Watt for AI but it s also boasting a percent power reduction ーin theory you ll wring an extra hour of gameplay out of your flagship class Android handset There won t be a shortage of device partners Qualcomm expects products to begin arriving in the third quarter summer from big name brands like ASUS Honor Motorola OnePlus Oppo and Xiaomi These are more likely to be subtle revisions than major overhauls but that still means you ll be getting top of the line processing power A second announcement is more of a pleasant surprise for budget buyers Qualcomm has unveiled the Snapdragon Gen a sequel to the G aimed at upper mid range Android hardware An upgraded Adreno GPU should be about percent faster while AI processing is about percent quicker There are a few firsts for the series too You can shoot simultaneously from three cameras take advantage of on chip data security upgrades and share in the audio upgrades from the Gen The first Snapdragon Gen phones are due by the end of the second quarter no later than June from brands like Honor Oppo and Xiaomi You might not see many of these products in the US then Still they could make a big difference in a category where price is often as important as features and gaming frame rates	2022-05-20 12:00:47
ニュース	@日本経済新聞 電子版	うつ病発症に疲労蓄積によって増殖するウイルスが関係していることがわかってきました。この時期陥りやすい五月病は疲労蓄積のサイン。うつ病予防には心身を休めることが大切です。 https://t.co/CgYLHcWYOs	https://twitter.com/nikkei/statuses/1527635293347667969	うつ病発症に疲労蓄積によって増殖するウイルスが関係していることがわかってきました。	2022-05-20 13:00:10
ニュース	@日本経済新聞 電子版	［社説］記事表示の対価は欧州参考に https://t.co/IllQzT6neS	https://twitter.com/nikkei/statuses/1527635161743257600	記事	2022-05-20 12:59:39
ニュース	@日本経済新聞 電子版	国内コロナ感染、新たに3万7438人　累計856万1023人 https://t.co/NbUQPrSwZd	https://twitter.com/nikkei/statuses/1527634295614939137	累計	2022-05-20 12:56:12
ニュース	@日本経済新聞 電子版	ロシアの侵攻開始から間もなく3カ月。ウクライナ軍は果敢に抵抗を続け、東部など一部地域では巻き返す動きも。善戦の背景には装備増強などハード面の新たな展開に加え、ソフト面での積み重ねがあります。 https://t.co/omNq1Sbusg	https://twitter.com/nikkei/statuses/1527630246412963841	ロシアの侵攻開始から間もなくカ月。	2022-05-20 12:40:07
ニュース	@日本経済新聞 電子版	気の持ちようは不思議なことに目に、顔に出てしまう。自分に対する厳しい目は持っていた方がいいが、一方で自信をもって事にあたるには「その気になる」ことも必要だと三浦知良さんは語ります。 https://t.co/fL2AMxgj94	https://twitter.com/nikkei/statuses/1527625226778976259	気の持ちようは不思議なことに目に、顔に出てしまう。	2022-05-20 12:20:10
ニュース	@日本経済新聞 電子版	バイデン氏「価値観共有する国と供給網」　脱中国依存へ https://t.co/Nf2K1PXfBW	https://twitter.com/nikkei/statuses/1527625120554315776	中国依存	2022-05-20 12:19:45
ニュース	BBC News - Home	Russia halts gas supplies to Finland	https://www.bbc.co.uk/news/world-europe-61524933?at_medium=RSS&at_campaign=KARANGA	finlandfinland	2022-05-20 12:30:34
ニュース	BBC News - Home	Sue Gray planning to name No 10 Covid rule-breakers	https://www.bbc.co.uk/news/uk-politics-61520212?at_medium=RSS&at_campaign=KARANGA	downing	2022-05-20 12:12:28
ニュース	BBC News - Home	Street harassment law being blocked, adviser Nimco Ali says	https://www.bbc.co.uk/news/uk-politics-61511890?at_medium=RSS&at_campaign=KARANGA	fines	2022-05-20 12:43:03
ニュース	BBC News - Home	Seven treated for breathing problems at Birmingham Sainsbury's	https://www.bbc.co.uk/news/uk-england-birmingham-61523773?at_medium=RSS&at_campaign=KARANGA	longbridge	2022-05-20 12:25:39
ニュース	BBC News - Home	John Shuttleworth cave concert abandoned due to cliff rescue	https://www.bbc.co.uk/news/uk-england-derbyshire-61511494?at_medium=RSS&at_campaign=KARANGA	entrance	2022-05-20 12:08:40
ニュース	BBC News - Home	Vangelis: Chariots of Fire and Blade Runner composer dies at 79	https://www.bbc.co.uk/news/entertainment-arts-61514850?at_medium=RSS&at_campaign=KARANGA	landscape	2022-05-20 12:30:21
ニュース	BBC News - Home	Pitch invasions & violence: Jurgen Klopp & Eddie Howe 'worried' about safety	https://www.bbc.co.uk/sport/football/61518907?at_medium=RSS&at_campaign=KARANGA	Pitch invasions amp violence Jurgen Klopp amp Eddie Howe x worried x about safetyBBC Sport recaps a week of pitch invasions and violence in football as managers express concerns for safety	2022-05-20 12:10:10
ニュース	BBC News - Home	Formula 1: Red Bull accuse Aston Martin of copying car design	https://www.bbc.co.uk/sport/formula1/61525597?at_medium=RSS&at_campaign=KARANGA	intellectual	2022-05-20 12:08:47
ニュース	BBC News - Home	Ukraine war in maps: Tracking the Russian invasion	https://www.bbc.co.uk/news/world-europe-60506682?at_medium=RSS&at_campaign=KARANGA	firepower	2022-05-20 12:15:07
北海道	北海道新聞	日５―３西（２０日）　日ハム、逆転で連勝　伊藤５勝目	https://www.hokkaido-np.co.jp/article/683460/	内野ゴロ	2022-05-20 21:18:00
北海道	北海道新聞	署名偽造疑いで刑事告発、徳島　内藤市長リコール巡り選管	https://www.hokkaido-np.co.jp/article/683458/	刑事告発	2022-05-20 21:17:00
北海道	北海道新聞	東京のリバウンド警戒期間終了へ　都「医療状況が改善」	https://www.hokkaido-np.co.jp/article/683456/	新型コロナウイルス	2022-05-20 21:14:00
北海道	北海道新聞	Ｄ３―１ヤ（２０日）　ＤｅＮＡが３連勝	https://www.hokkaido-np.co.jp/article/683455/	適時	2022-05-20 21:14:00
北海道	北海道新聞	ロ、フィンランドにガス供給停止　２１日、ＮＡＴＯ申請の報復か	https://www.hokkaido-np.co.jp/article/683452/	申請	2022-05-20 21:08:00
北海道	北海道新聞	胆振管内２２４人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/683451/	新型コロナウイルス	2022-05-20 21:06:00
北海道	北海道新聞	４０代男性が８８０万円だまし取られる　宗谷管内	https://www.hokkaido-np.co.jp/article/683450/	宗谷管内	2022-05-20 21:04:00