投稿時間:2022-05-20 20:38:37 RSSフィード2022-05-20 20:00 分まとめ(50件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	Javascriptでタグの属性（classやstyle）を指定して削除する方法	https://qiita.com/H-Toshi/items/132d2c16fddc5af11b0a	class	2022-05-20 19:25:36
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】正規表現で数値を取得し、変数代入する	https://qiita.com/penpen22/items/648ac34b48df00e854fa	consttex	2022-05-20 19:18:55
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rails 7.xをHerokuにデプロイする	https://qiita.com/bts0819/items/7763a9bd28eb96971487	heroku	2022-05-20 19:28:34
Docker	dockerタグが付けられた新着投稿 - Qiita	AWS本番環境のdockerで rails assets:precompile がimageに反映されずハマった件	https://qiita.com/kogache/items/06096a0b9485b60d9e86	railsasset	2022-05-20 19:29:36
Azure	Azureタグが付けられた新着投稿 - Qiita	AzureDevOpsパイプラインで、AppServiceのスロットをスワップする	https://qiita.com/Annoske/items/b96b3856b8084d64eb8f	appservice	2022-05-20 19:34:01
Azure	Azureタグが付けられた新着投稿 - Qiita	AzureDevOpsパイプラインで、npmライブラリの脆弱性チェックを定期的に実施する	https://qiita.com/Annoske/items/3845adf82cfd65123a2b	azure	2022-05-20 19:08:10
Git	Gitタグが付けられた新着投稿 - Qiita	rebase備忘録	https://qiita.com/asada_potato/items/f3259def2598df9c990a	merge	2022-05-20 19:56:15
Git	Gitタグが付けられた新着投稿 - Qiita	Rails 7.xをHerokuにデプロイする	https://qiita.com/bts0819/items/7763a9bd28eb96971487	heroku	2022-05-20 19:28:34
Ruby	Railsタグが付けられた新着投稿 - Qiita	AWS本番環境のdockerで rails assets:precompile がimageに反映されずハマった件	https://qiita.com/kogache/items/06096a0b9485b60d9e86	railsasset	2022-05-20 19:29:36
Ruby	Railsタグが付けられた新着投稿 - Qiita	Rails 7.xをHerokuにデプロイする	https://qiita.com/bts0819/items/7763a9bd28eb96971487	heroku	2022-05-20 19:28:34
海外TECH	MakeUseOf	Grubhub Spent $6 Million Feeding New Yorkers: What Can We Learn From Its Massive Failure?	https://www.makeuseof.com/grubhub-deal-fiasco-what-can-we-learn/	feeding	2022-05-20 10:25:13
海外TECH	MakeUseOf	Emoticon vs. Emoji: The Key Differences Explained	https://www.makeuseof.com/tag/emoticon-vs-emoji-differences/	thought	2022-05-20 10:05:14
海外TECH	DEV Community	Internationalization	https://dev.to/goodboyks/internationalization-2ca3	InternationalizationPrepare your designs for different languages and writing modes The World Wide Web is available to everyone in the worldーit s right there in the name That means that your website is potentially available to anyone who has access to the internet regardless of where they are what device they re using or what languages they speak The goal of responsive design is to make your content available to everyone Applying that same philosophy to human languages is the driving force behind internationalizationーpreparing your content and designs for an international audience Logical propertiesEnglish is written from left to right and top to bottom but not all languages are written this way Some languages like Arabic and Hebrew read from right to left and some Japanese typefaces read vertically instead of horizontally To accommodate these writing modes logical properties were introduced in CSS If you write CSS you may have used directional keywords like left right top and bottom Those keywords refer to the physical layout of the user s device Logical properties on the other hand refer to the edges of a box as they relate to the flow of content If the writing mode changes CSS written with logical properties will update accordingly That s not the case with directional properties Whereas the directional property margin left always refers to the margin on the left side of a content box the logical property margin inline start refers to the margin on the left side of a content box in a left to right language and the margin on the right side of a content box in a right to left language In order for your designs to adapt to different writing modes avoid directional properties Use logical properties instead Don t byline text align right Do byline text align end When CSS has a specific directional value like left or right there s a corresponding logical property Where once we had margin left now we also have margin inline start In a language like English where text flows from left to right inline start corresponds to left and inline end corresponds to right Likewise in a language like English where the text is written from top to bottom block start corresponds to top and block end corresponds to bottom Latin Hebrew and Japanese are shown rendering placeholder text within a device frame Arrows and colors follow the text to help associate the directions of block and inline If you use logical properties in your CSS you can use the same stylesheet for translations of your pages Even if your pages are translated into languages written from right to left or bottom to top your design will adjust accordingly You don t need to make separate designs for each language By using logical properties your design will respond to every writing mode That means your design can reach more people without you having to spend time making separate designs for every language Modern CSS layout techniques like grid and flexbox use logical properties by default If you think in terms of inline start and block start instead of left and top then you ll find these modern techniques easier to understand Take a common pattern like an icon next to some text or a label next to a form field Instead of thinking the label should have a margin on the right think the label should have a margin on the end of its inline axis Don tlabel margin right em Dolabel margin inline end em If that page is translated into a right to left language the styles won t need to be updated You can mimic the effect of seeing your pages in a right to left language by using the dir attribute on your html element A value of ltr means left to right A value of rtl means right to left If you d like to experiment with all the permutations of document directions the block axis and writing modes the inline axis here s an interactive demonstration Identify page languageIt s a good idea to identify the language of your page by using the lang attribute on the html element lt html lang en gt That example is for a page in English You can be even more specific Here s how you declare that a page is using US English lt html lang en us gt Declaring the language of your document is useful for search engines It s also useful for assistive technologies like screen readers and voice assistants By providing language metadata you re helping these kinds of speech synthesizers pronounce your content correctly The lang attribute can go on any HTML element not just html If you switch languages in your web page indicate that change In this case one word is in German lt p gt I felt some lt span lang de gt schadenfreude lt span gt lt p gt Identify a linked document s languageThere s another attribute called hreflang which you can use on links The hreflang takes the same language code notation as the lang attribute and describes the linked document s language If there s a translation of your entire page available in German link to it like this lt a href path to german version hreflang de gt German version lt a gt If you use text in German to describe the link to the German version use both hreflang and lang Here the text Deutsche Version is marked up as being in the German language and the destination link is also marked up as being in German lt a href path to german version hreflang de lang de gt Deutsche Version lt a gt You can also use the hreflang attribute on the link element This goes in the head of your document lt link href path to german version rel alternate hreflang de gt But unlike the lang attribute which can go on any element hreflang can only be applied to a and link elements Consider internationalization in your designWhen you re designing websites that will be translated into other languages and writing modes think about these factors Some languages like German have long words in common usage Your interface needs to adapt to these words so avoid designing narrow columns You can also use CSS to introduce hyphens Make sure your line height values can accommodate characters like accents and other diacritics Lines of text that look fine in English might overlap in a different language If you re using a web font make sure it has a range of characters broad enough to cover the languages you ll be translating into Don t create images that have text in them If you do you ll have to create separate images for each language Instead separate the text and the image and use CSS to overlay the text on the image Think internationallyAttributes like lang and hreflang make your HTML more meaningful for internationalization Likewise logical properties make your CSS more adaptable If you re used to thinking in terms of top bottom left and right it might be hard to start thinking of block start block end inline start and inline end instead But it s worth it Logical properties are key to creating truly responsive layouts	2022-05-20 10:44:47
海外TECH	DEV Community	Make your VSCode Look Clean!	https://dev.to/official_fire/make-your-vscode-look-clean-ao6	Make your VSCode Look Clean Let me tell you a thing when i downloaded vscode i was satisfied by it but then it became boring so i started discovering new themes new vscode icons etc but nothing really satisfied me and i bet this happened to you too most of you but one dayyy i finally got a perfect vscode theme icons combo and here it is Font Cascadia Code ThemeThe theme is Vitesse theme made Anthony FuTheme Github Theme Link File IconsThe File Icons i am using is vscode icons made by vscode teamFile Icons Github File Icons Link Product IconsProduct icons are these icons on the left sideThe Product Icons i am using is Carbon Product icons made by Anthony Fu tooProduct Icons Github Product Icons Link ImportantMake sure to use this settings to have the best experienceSettings personal I hope you loved it please like this post and follow me for morealso subscribe to my youtube channel for great content	2022-05-20 10:42:09
海外TECH	DEV Community	Taking Your App Offline with the Salesforce Mobile SDK	https://dev.to/johnjvester/taking-your-app-offline-with-the-salesforce-mobile-sdk-gdg	Taking Your App Offline with the Salesforce Mobile SDKLast year my wife and I gained the first time experience of building a brand new home The process was fun and exciting but we also experienced the unexpected internet service interruptions that often accompany new home subdivisions While these outages impacted my family s ability to stream services such as Amazon Prime Hulu and Netflix I continued working on my current project due to the intentional design of being able to work in an isolated or offline state This has always been helpful during airline travel when I work from Nevada and Florida during the year This made me wonder why more mobile apps are not designed to continue working during internet service interruptions In this publication I will demonstrate just how easy it is to make your mobile app usable in offline mode Since I recently spent time with the Salesforce Mobile SDK I wanted to continue exploring that mobile app option Working Offline with Salesforce Mobile SDKBefore we get into writing code let s touch briefly on how offline functionality works with the Salesforce Mobile SDK The left side of the illustration presents the traditional manner in which the Salesforce application is utilized The right side provides a high level overview of the Salesforce Mobile SDK Native applications that run on Android or iOS devices can be written in Android Studio Xcode or React Native Those applications include the user interface some level of business logic and model objects representing elements that ultimately live in Salesforce The Salesforce Mobile SDK includes a SmartStore aspect which makes data available when the mobile application cannot access the Salesforce service The model layer can be easily designed to leverage the SmartStore when offline mode is required or preferred but ready to synchronize all changes with Salesforce when online status is available If you want to read more about this design check out “Using SmartStore to Securely Store Offline Data Adding Offline ability to Finny s FoodsEarlier this year I explored the Salesforce Mobile SDK and created a fictional app called Finny s Foods I created the app three times using Android iOS and React Native I thought I would start from the publication that used the iOS xCode Swift version of the Salesforce Mobile SDK then build upon it to provide offline functionality The GitLab repository for the original article is listed below The first step is to establish the Meal c object in the userstore json file that is used by the SmartStore functionality soups soupName Meal c indexes path Id type string path Name type string path Rating c type integer path local type string Next update the usersyncs json file to make the current list of meals available offline syncs syncName syncDownMeals syncType syncDown soupName Meal c target type soql query SELECT Id Name Rating c FROM Meal c ORDER BY Name ASC options fieldlist Id Name Rating c LastModifiedDate mergeMode LEAVE IF CHANGED You can read all about the SmartStore sync configuration in “Registering Soups with Configuration Files With the SmartStore configuration in place I refactored the MealsListModel swift class as shown below class MealsListModel ObservableObject Published var meals Meal var store SmartStore var syncManager SyncManager private var syncTaskCancellable AnyCancellable private var storeTaskCancellable AnyCancellable init store SmartStore shared withName SmartStore defaultStoreName syncManager SyncManager sharedInstance store store func fetchMeals syncTaskCancellable syncManager publisher for syncDownMeals receive on RunLoop main sink receiveCompletion in receiveValue in self loadFromSmartStore self loadFromSmartStore private func loadFromSmartStore storeTaskCancellable self store publisher for select Meal c Id Meal c Name Meal c Rating c from Meal c receive on RunLoop main tryMap map row gt Meal in let r row as String return Meal id r Name r Rating c r as NSString doubleValue catch error gt Just lt Meal gt in print error return Just Meal assign to MealsListModel meals on self I updated the fetchMeals function to interact with the SmartStore by default calling Salesforce when needed but allowing data stored in the application to be used if the device is in offline mode Believe it or not that s all that is required Finny s Foods in Offline ActionAfter launching Finny s Foods from XCode and an iPhone emulator we see the following screen displayed as it did in the original publication Now if I disconnect my device from the internet and reload the application the following logs appear in XCode FinnysFoodsIOS MobileSync CLASS SFSyncDownTask runSync failed cause Server call for sync down failed errorError Domain NSURLErrorDomain Code The Internet connection appears to be offline However the application still loads and provides the data from the SmartStore In fact without looking at the logs in XCode I would have had no idea that I was working with a local version of the data For offline applications which allow data to be added or updated the SmartStore has the ability to merge offline and online data with a Sync Manager See the Syncing Data documentation for additional information ConclusionAlthough internet connectivity continues to improve a reliable connection is not guaranteed Forward thinking feature developers should consider taking the appropriate steps to allow their apps to continue working when an internet connection is not available Ask yourself How can my app be better when working in a disconnected state Since I have been trying to live by the following mission statement which I feel can apply to any IT professional “Focus your time on delivering features functionality which extends the value of your intellectual property Leverage frameworks products and services for everything else J VesterIn this article I provided an example of how easy it is to implement offline functionality using the Salesforce Mobile SDK Salesforce engineering designed the integration point at the model layer and that s the best place to determine if live data can be retrieved or if SmartStore data should be returned Clearly Salesforce adheres to my personal mission statement by offering a design that is easy to employ without a great deal of boilerplate code If you are interested in the source code for this article you can find it on GitLab here Have a really great day	2022-05-20 10:41:45
海外TECH	DEV Community	How to perform a security audit of your AWS account in AWS CloudShell	https://dev.to/aws-builders/how-to-perform-a-security-audit-of-your-aws-account-in-aws-cloudshell-2jn1	How to perform a security audit of your AWS account in AWS CloudShellAWS CloudShell makes it easy to spin up a terminal right in your AWS account Since CloudShell is just like any other terminal you have the ability to bootstrap other tools without the need to spin up an instance In my last post I showed how to install Steampipe and use it to instantly query your AWS APIs using SQL right in AWS CloudShell For example here s a query that uses the Steampipe AWS plugin to query which AWS IAM users have MFA enabled select title create date mfa enabledfrom aws iam user title create date mfa enabled pam beesly false creed bratton true stanley hudson false michael scott false dwight schrute true You can simply query your environment for these type of security configuration questions using SQL There s thousands of examples you can leverage to get you started and a wealth of possibilities to uncover details about your AWS configurations Running Security and Compliance ChecksWhile you can explore your AWS configurations running queries Steampipe also provides modules which are collections of related dashboards benchmarks queries and controls Steampipe mods and mod resources are defined in HCL wrapping your SQL queries to create a benchmark There are many published mod examples to get you started with thousands of controls readily available for security compliance tagging and cost controls Published modules can be found on the Steampipe Hub and custom mods may be shared with others from any public git repository For example the AWS Compliance Mod layers benchmarks and controls covering compliance standards including CIS HIPAA NIST PCI FedRAMP SOC and more Each benchmark includes a set of pass fail controls Each control tests for a compliance recommendation such as EC instances should be managed by AWS Systems Manager and reports OK or Alarm Here s how to run the NIST benchmark If you ve already completed steps skip to step Install Steampipesudo bin sh c curl fsSL Install the AWS pluginsteampipe plugin install aws Install the AWS Compliance Modgit clone cd steampipe mod aws compliance Run the NIST benchmark steampipe check benchmark nist rev There are over controls in that benchmark so the command produces many screenfuls of output here s the last one Export and Review the FindingsThe summary is helpful but you may want to digest the full report in varying formats You can export to CSV Markdown HTML Example of an HTML format steampipe check benchmark nist rev export output htmlUsing Files gt Download File in AWS CloudShell s Actions menu you can download your output file steampipe mod aws compliance output html and work with it locally Here s what the HTML report looks like AWS Compliance Quick StartWe put together a quick start script to bootstrap the flow above and prompt the user to select from the available compliance benchmarks To get started with the quick start spin up a new CloudShell and install Steampipe sudo bin sh c curl fsSL Then bring down the Steampipe AWS Compliance Quick Start script to install the AWS Plugin AWS Compliance Mod and receive the selection prompt asking which benchmark to run bin sh c curl fsSL See it in action You can always run the last command again and it will skip the setup steps and prompt you for another compliance benchmark to run Note This last script was just a fun sample generally you should stick to the official AWS Compliance Mod Controls to evaluate the controls definitions and up to date information on available benchmarks Final ThoughtsI really enjoy using AWS CloudShell for these type of quick win use cases within an AWS account It s remarkably easy to install your CLI tools like Steampipe with no configuration required and instant gratification Let me know how you use AWS CloudShell with your favorite CLI tools in the comments below	2022-05-20 10:41:25
海外TECH	DEV Community	How to Train a Scalable Classifier with FastAPI and SerpApi ?	https://dev.to/serpapi/how-to-train-a-scalable-classifier-with-fastapi-and-serpapi--3a8p	How to Train a Scalable Classifier with FastAPI and SerpApi This is a part of the series of blog posts related to Artificial Intelligence Implementation If you are interested in the background of the story or how it goes Previous blog post linksHow to scrape Google Local Results with Artificial IntelligenceReal World Example of Machine Learning on RailsAI Training Tips and ComparisonsMachine Learning in Scraping with RailsImplementing ONNX models in RailsHow ML Hybrid Parser Beats Traditional ParserHow to Benchmark ML Implementations on RailsInvestigating Machine Learning Techniques to Improve Spec TestsInvestigating Machine Learning Techniques to Improve Spec Tests IIInvestigating Machine Learning Techniques to Improve Spec Tests IIIInvestigating Machine Learning Techniques to Improve Spec Tests IV Failed Investigating Machine Learning Techniques to Improve Spec Tests VThis week we will explore the combined capabilities of SerpApi s powerful Google Images Results Scraper API on top of FastAPI s fast to build web framework We will start by creating a simple image database creator with sync method and build up from there What is meant by Scalable Classifier The term refers to scalability in expanding image database to be used in Machine Learning training process and expansion or retraining of the model in scale with minimal effort In simple terms if you have a model that differentiates between a cat and a dog you should be able to expand it easily by automatically collecting monkey images and retraining or expanding the existing classifier Minimal FastAPI Folder Structure with Explanations datasets This folder will be where we will store the images we will download store the old download history and split the test database into train database datasets gt test This folder will contain different folders within itself with names of the queries Each folder with the name of a query will contain the images we will use datasets gt train Not in scope of this week But it will be a replica of the test folder in terms of structure However it will have less number of images in each folder than test folder for training purposes datasets gt previous images json This file will contain previous links that has already been downloaded to avoid redownloading the same image add py This file will be responsible for collecting unique links from SerpApi s Google Images Results Scraper API and then downloading the images into their corresponding places main py Main file for running server and defining routes requirements txt Libraries we use in running Serpapi You need to download them via pip Requirements Here are the required libraries we need to add into requirements txt file App Configuration FastApi as the name suggests allows for a rapid development process with minimal effort We will add two routes in main py for now one which greets the user another one that accepts the Query object from an endpoint Query class will contain the pydantic base model object which contains the parameters to use for getting different results from SerpApi s Google Images Scraper API Download class will oversee the entire process As for the background process of add endpoint let s import necessary libraries in add py from multiprocessing dummy import Array It s an automatically added library for multiprocessing purposesfrom serpapi import GoogleSearch It s SerpApi s library for using various engines SerpApi supports You may find more information on its Github Repo Simply install it via pip install google search results command from pydantic import BaseModel Pydantic allows us to create object models with ease import mimetypes Mimetypes is useful for guessing the extension of the downloaded element before you write it into an image It allows us to guess jpg png etc extensions of files import requests Python s HTTP requests library with the coolest logo ever made for a library import json For reading and writing JSON files It will be useful for storing old links of images we have already downloaded import os For writing images in local storage of the server or creating folders for different queries Let s see how to contain queries we make to the add endpoint In this Pydantic model q and api key parameters must be given However as I stated in the comment you can hardcode your api key with the given method so that you won t have to enter it at each attempt The api key in question refers to the SerpApi API key You can register to a free or paid account via our register link here Your unique API key could be found in Manage API Key page SerpApi serves cached results for free It means if the search for Apple is cached you will get it for free But if you queried Monkey and it is not in our cache or the cache you have created it will consume one credit from your account google domain Which domain of Google Images will be scraped num Number of results for the given query It is defaulted to which is the maximum value ijn Refers to the page number Defaults to The results will start from ijn x num and end in ijn x num num These formulas are for ideal scenarios Google might not have serve that much of data for some queries Starting result index will be by default since default ijn is q Refers to the query you want to make to expand the image database api key Refers to SerpApi API Key Downloading ImagesLet s declare the class we will download images self query Where we store the query made in a Class Objectself results Where we store all image links found in a Google Image Search self previous results Previous downloaded or skipped will explain below image links to avoid redownloading self unique results Unique links we gathered from the query we must download to expand the image database self new results Combination of previous results and unique results to be written in a JSON file Let s define the function responsible for making queries to SerpApi As you can see some parameters such as engine and tbm are predefined These parameters are responsible for scraping SerpApi s Google Images Scraper API When you make the following query to SerpApi it will return a JSON containing different parts of the SERP result google domain google com amp ijn amp num amp q Apple This is what essentially the SerpApi Python Library does The result will be like the following Here s the raw HTML file SerpApi can make sense and serve it as JSON You can also head to the SerpApi Playground for more visual experience and ability to tweak Simply change the search in the link to playground google domain google com amp ijn amp num amp q AppleWe are interested in original keys of the images results since they are a direct link to download original sized images For further information on the Engine you may head to the Documentation for SerpApi s Google Images Scraper API and explore further options Let s explore how to check for older downloaded links and separate unique results We read the previous images json file and look for previous key within it Then the last line determines the unique results Let s break down this function in several steps First we want to define a path to download But we also need to check if such path exists For example if our query is Apple we need a folder like datasets test apple to exist If it doesn t exist we create one Let s look at name selection for the downloaded image We will give numbers to images to keep the names unique If there isn t any file downloaded yet the name will be If there is then the name will be maximum number incremented by Let s take a look at guessing extension and downloading the image to its proper path We use the link to get the image as bytes then guess the image extension Mimetype guesses webp images as html So we make a safeguard for this situation and write the image using the path and extension we have generated before Now let s take a look at how to update the JSON file we store for making unique downloads in the future Since every function is ready let s look at the function that encompasses overall process we call from the add endpoint We put a little try and except block there to make sure there are no unexpected errors in the requesting process Running the App with UvicornFastApi can be deployed on your local machine using the command from the path of your app uvicorn main app host port You ll see the following prompt ‌INFO Started server process INFO Waiting for application startup INFO Application startup complete INFO Uvicorn running on Press CTRL C to quit This means that your server is running without a problem If you head to localhost on your local machine you will be greeted with such a structure Hello World This is the main page of the app This will be shaped in upcoming blog posts Let s head to localhost docs FastApi allows for automatic documentation and playground for the app This is useful for us to test our endpoints manually This is useful for us to manually create a post request to the add endpoint Simply click on the button with Create Query Next click on Try it out button Change the api key parameter to your API key and change the q to the query you desire to expand the database with Before we press execute let s take a look at the folder structure As you can see the datasets gt test folder is empty and upon execution it will be filled with images Let s press the Execute button in our browser and see the changes You will automatically see changes in the browser and in the terminal Upon completion you can observe the response in your browser You can also head to your folder to see that the images have been updated Full Codemain py add py requirements txt datasets previous images json ConclusionI apologize to the readers for being one day late in publishing and thank them for their attention This week we have covered how to create a scalable image database maker with SerpApi and FastApi and run the app on Uvicorn Two weeks later we will explore how to add async process implement Pytorch I am grateful to the brilliant people of SerpApi for this chance Originally published at on May	2022-05-20 10:39:32
海外TECH	DEV Community	How I (organically) grew a Twitter bot account from 0 to 750 followers in 20 days.	https://dev.to/dhravya/how-i-organically-grew-a-twitter-bot-account-from-0-to-750-followers-in-20-days-5d1e	How I organically grew a Twitter bot account from to followers in days On th April I published this blog challenging myself to grow a twitter bot account to followers in days Well I HUGELY underestimated the possibilities I managed to get to followers in just days Can a twitter bot get followers in days A challenge to myself and this community Dhravya・Apr ・ min read discuss watercooler Beautify This is a simple twitter bot that takes beautiful screenshots of tweets To use it all I had to do is mention poet this screenshot under any tweet and it will reply Earlier the bot was powered by And it was a selenium script that was really really inefficient and super costly to host So I created my own custom image generator to do the same Since I did it using Python Image Library it was quite challenging and I had to come up with interesting algorithms to for example vertically extend the tweet template based on the number of lines of the tweet itself Now I had reasonable hosting costs and a good enough script to be made into a twitter bot But why I ve been growing my own twitter account since almost a year now created it years ago In all these years I got amazing followers friends and stories to tell But well you know that s kinda a small number isn t it It is extremely difficult to grow a twitter account or is it I thought I don t know I just wanted a challenge where I manage to do something I thought was impossible Jumping in I had no idea how to do this I mean I knew that more the people use it the more publicity it will get But how to spread the word This was also the time when I was super super burnt out I didn t have any motivation to code and I really had nothing to do I don t watch movies TV shows I don t go out with friends How Here s a timeline of how it went Day to followers It was just me using the bot everywhere on twitter People noticed people followed But I was behind my goal The growth started to drastically slow down I almost gave up But on day I used the bot on an Elon Musk s Tweet Luckily it was literally seconds after he posted the tweet i genuinely wanted a screenshot to share to friends lol And HOLY SHIT followers followers by the end of the day I already had followers I had a trick now Just turn on the notifications for Elon musk and lmao use the bot like anyone else would This was amazing to spread visibility The bot got many many loyal users now Users who would use the bot on every one of their posts by the th day I already had about followers I was now confident that I can probably hit the mark in days So I changed the about me of the bot to growth started slowing down again and I though is a more realistic number at this point by the th day I had about followers Now I don t know what the hell happened maybe someone else used the bot on a very popular tweet but people started supporting the challenge a LOT I got emails DMs and what not soon enough I woke up to followers on about the th day Since then every single day the bot has been getting almost followers Today is the th day It just hit followers and almost gonna hit Help me get to followers in DAYS twitter com ChallengesI also faced a ton of challenges Like the high usage meant that hosting costs also went up Since the bot is image generation a lot of image generation I have to shut it down for some time to save costs Whenever I m on the laptop watching videos or relaxing I turned on the notifications for twitter and listened to pings And then used the IMGEN script on my own computer and manually sent the result image Yeah Whenever someone used the bot in a wrong way I manually send them messages on the correct usage or sometimes just sent the screenshot manually Twitter flagged and muted many of the bot tweets even though it s a good bot and has the automated tag But it s understandable How you can help First of all give a follow this will help it reach followers in less than days You can also financially support me so I don t have to ask my parents to pay for the hosting Also the bot is open source The API however isn t open source yet Still working on the API where the actual image generation happens and it has a lot of bugs Leave a Dhravya beautify this bot A twitter bot that simply replies with a beautiful screenshot of the tweet powered by beautify dhravya dev Poet this Replies with a beautiful screenshot of the tweet powered by beautify dhravya devInstallationgit clone cd poet thispip install r requirements txtUsagepython src main pyLicenseThis project is licensed under the MIT licenseShow your supportLeave a if you like this projectReadme made with using README Generator by Dhravya Shah View on GitHub	2022-05-20 10:34:24
海外TECH	DEV Community	I made a VSCode extension	https://dev.to/virejdasani/i-made-a-vscode-extension-4i0e	I made a VSCode extensionLast week I asked you guys to give me stupid app ideas to make bennycode gave me an amazing idea for a VSCode extension and I made it In Your Face shows you Doom Ouch Faces that correlate to the number of errors in your code I published the extension on the Visual Studio Marketplace ➤Download In Your Face ➤In Your Face on Github Github Consider giving the video a Like and Subscribe	2022-05-20 10:34:00
海外TECH	DEV Community	Learn how React Context API works by Building a Minimal Ecommerce Shopping App	https://dev.to/israelmitolu/learn-how-react-context-api-works-by-building-a-minimal-ecommerce-shopping-app-2479	Learn how React Context API works by Building a Minimal Ecommerce Shopping AppSo this is a project that has been on my mind for a while but I didn t put much thought or effort into building it Then Hashnode s Writeathon came up and I thought this is the perfect opportunity to write this article that will both help me improve my React knowledge and also help other developers who are learning about it for the first time or want to brush up on their knowledge of the subject Win win situation In this article you ll learn about the React Context API how it solves prop drilling and how I built this simple shopping app with the following features Store current itemsUpdate the context when the user clicks on the Add to Cart buttonDisplay the cart count in the Navigation barAdd and remove items from the CartSave cart items to local storageBelow is a screenshot of what we ll be building If that looks good let s get started PrerequisitesThis article assumes that you have A basic knowledge of HTML CSS JavaScript and React Node and npm installed on your local development machine Code Editor VS Code Overview of React Context What is React Context React Context is a method used to pass data and functions from parent to child component s by storing the data in a store similar to Redux from where you can easily access and import the data into whatever components you choose This is a better alternative to prop drilling which is the term used to describe the passing of data through several layers of components even if those components have no actual need for the data When to use Context Context is designed to share data that can be considered global to the whole app An example would be the currently authenticated user a theme or user preferences for example language or locale Context is primarily used when some data needs to be accessible by many components at different nesting levels Apply it sparingly because it makes component reuse more difficult Source Official Docs Building the eCommerce Web app IllustrationsBefore we get into the code let s look at the component hierarchy to better understand the relationship between the components of the app The illustration below shows how data will be passed down from the root component level App to the component rendering what is to be displayed items However what we ll be using in our app is what Context solves As you can see the Context is like a store in your application And once it is set up you can simply import it into whatever component needs that data Now that we have gone through a basic overview of React Context let s jump right into the project Here is the live demo of what we ll be building and if you also want to see the code it s available on Github Project Set upLet s start by creating a new React project I will be using Vite in this tutorial If you haven t heard about it do well to check out my previous article on it Of course feel free to use your bundler of choice Vite or CRA vitenpm init vite latest react shopping cart template react create react appnpx create react app react shopping cartOnce it is finished run cd react shopping cartnpm installDependencies we ll be using React Routernpm install react router dom Styled componentsnpm install save styled componentsNote We won t be covering the styling to keep our code minimal this is just to explain how the app works Also I have included some comments in the code so that you understand their purpose Context SetupIn complex applications where the need for context is usually necessary there can be multiple contexts with each having its data and functions relating to the set of components that requires those data and functions For example there can be a ProductContext for handling the components which use product related data and another ProfileContext for handling data related to authentication and user data However for the sake of keeping things as simple as possible we ll use just one context instance In the src directory create three folders Context components and pages Inside the Context folder create another folder Cart Navigate to the Cart folder and add the following to a new file CartTypes js src Context Cart CartTypes js export const ADD TO CART ADD TO CART export const REMOVE ITEM REMOVE ITEM export const INCREASE INCREASE export const DECREASE DECREASE export const CHECKOUT CHECKOUT export const CLEAR CLEAR Here we are defining the action types that our Context should have and exporting them to be used within the Context Next add the following to a new file CartContext jsx in the same directory to create the context import createContext from react const CartContext createContext export default CartContext Next create a new file CartState jsx inside the Cart folder Add the following code import useReducer from react import CartContext from CartContext import CartReducer from CartReducer import sumItems from CartReducer const CartState children gt Initial State of the cart const initialState cartItems checkout false Set up the reducer const state dispatch useReducer CartReducer initialState Function to handle when an item is added from the store into the Cart const addToCart payload gt dispatch type ADD TO CART payload Function to handle when an item that is in the cart is added again const increase payload gt dispatch type INCREASE payload Function to handle when an item is removed from the cart const decrease payload gt dispatch type DECREASE payload Function to remove an item from the cart const removeFromCart payload gt dispatch type REMOVE ITEM payload Function to clear the cart const clearCart gt dispatch type CLEAR Function to handle when the user clicks the checkout button const handleCheckout gt dispatch type CHECKOUT return Add the functions that have been defined above into the Context provider and pass on to the children lt CartContext Provider value showCart state showCart cartItems state cartItems addToCart removeFromCart increase decrease handleCheckout clearCart state gt children lt CartContext Provider gt export default CartState Let s break the above code into bits First the useReducer hook that is imported accepts a reducer of type state dispatch gt newState which then returns the current state We also import the context files CartContext and CartReducer Second the initialItems is an array that defines the initial state of the cart when the page is loaded Third in the CartContext Provider will render all of the props passed into it and will pass it through its children How the provider works is that the current context value is determined by the value prop of the nearest lt CartContext Provider gt and when it updates the useContext hook will trigger a rerender with the latest context value passed to the CartContext provider Next create a new file CartReducer jsx and add the following code src Context Cart CartReducer jsx Import the Action typesimport REMOVE ITEM ADD TO CART INCREASE DECREASE CHECKOUT CLEAR from CartTypes js Export function to calculate the total price of the cart and the total quantity of the cartexport const sumItems cartItems gt Storage cartItems let itemCount cartItems reduce total product gt total product quantity let total cartItems reduce total product gt total product price product quantity toFixed return itemCount total The reducer is listening for an action which is the type that we defined in the CartTypes js fileconst CartReducer state action gt The switch statement is checking the type of action that is being passed in switch action type If the action type is ADD TO CART we want to add the item to the cartItems array case ADD TO CART if state cartItems find item gt item id action payload id state cartItems push action payload quantity return state sumItems state cartItems cartItems state cartItems If the action type is REMOVE ITEM we want to remove the item from the cartItems array case REMOVE ITEM return state sumItems state cartItems filter item gt item id action payload id cartItems state cartItems filter item gt item id action payload id If the action type is INCREASE we want to increase the quantity of the particular item in the cartItems array case INCREASE state cartItems state cartItems findIndex item gt item id action payload id quantity return state sumItems state cartItems cartItems state cartItems If the action type is DECREASE we want to decrease the quantity of the particular item in the cartItems array case DECREASE state cartItems state cartItems findIndex item gt item id action payload id quantity return state sumItems state cartItems cartItems state cartItems If the action type is CHECKOUT we want to clear the cartItems array and set the checkout to true case CHECKOUT return cartItems checkout true sumItems If the action type is CLEAR we want to clear the cartItems array case CLEAR return cartItems sumItems Return the state if the action type is not found default return state export default CartReducer Now that we re done setting up the context the next thing will be to wrap the App inside the Context To do that navigate to the main jsx Vite or index js CRA in the root directory Add the following code import React from react import ReactDOM from react dom client import App from App import index css import CartState from Context Cart CartState ReactDOM createRoot document getElementById root render lt React StrictMode gt lt CartState gt lt App gt lt CartState gt lt React StrictMode gt So now our entire app has access to the Context Building out the ComponentsFor the App jsx we ll add the code that handles the application s navigation import Navbar from components Navbar import Store from pages Store import About from pages About import BrowserRouter Routes Route from react router dom import Cart from pages Cart function App return lt gt lt BrowserRouter gt lt Navbar gt lt Routes gt lt Route path element lt Store gt gt lt Route exact path about element lt About gt gt lt Route exact path cart element lt Cart gt gt lt Routes gt lt BrowserRouter gt lt gt export default App Now let s create the components we ll need for our app s basic navigation to function properly Create a new file Navbar jsx inside the components folder and add the following Generalimport useState useEffect from react import Link NavLink from react router dom import CartIcon from assets icons cart svg import styled from styled components import CartContext from Context Cart CartContext import useContext from react const Navbar gt const toggle setToggle useState false const innerWidth setInnerWidth useState window innerWidth Get Screen Size useEffect gt const changeWidth gt setInnerWidth window innerWidth window addEventListener resize changeWidth return gt window removeEventListener resize changeWidth Extract itemscount from CartContext const cartItems useContext CartContext return lt Nav gt lt NavContainer gt lt Left gt lt Link to gt FASHION lt Link gt lt Left gt lt Right gt lt NavRightContainer style transform innerWidth lt toggle amp amp translateY vh translateY gt lt NavList gt lt NavItem gt lt NavLink to onClick gt setToggle toggle gt Store lt NavLink gt lt NavItem gt lt NavItem gt lt NavLink to about onClick gt setToggle toggle gt About lt NavLink gt lt NavItem gt lt NavItem gt lt a href target blank gt Contact lt a gt lt NavItem gt lt NavItem gt lt Link to cart onClick gt setToggle toggle gt lt p gt Cart lt p gt lt NavCartItem gt lt img src CartIcon alt Shopping cart gt If the number of cartItems is greater than display the number of items in the cart cartItems length gt amp amp lt CartCircle gt cartItems length lt CartCircle gt lt NavCartItem gt lt Link gt lt NavItem gt lt NavList gt lt NavRightContainer gt lt MenuBtn onClick gt setToggle toggle gt lt span gt lt span gt lt span gt lt span gt lt span gt lt span gt lt MenuBtn gt lt Right gt lt NavContainer gt lt Nav gt The above code sets up the Navigation bar which will look like this In the pages folder which is in the src directory create Store jsx Cart jsx and About jsx For the Store jsx import products from data import styled from styled components import ProductCard from components ProductCard const Store gt return lt gt lt Heading gt lt h gt Browse the Store lt h gt lt p gt New Arrivals for you Check out our selection of products lt p gt lt Heading gt lt ProductsContainer gt products map product gt lt ProductCard key product id product product gt lt ProductsContainer gt lt gt export default Store The Store contains the Product Cards which are generated dynamically by mapping through the available products array which is exported from the data js file export const products id name Cerveza Modelo price image assets img png id name Diesel Life price image assets img png id name Indian Cricket Team jersey price image assets img png id name One Punch man OK price image assets img png id name Hiking jacket price image assets img png id name Real Heart price image assets img png id name Fredd Black and White price image assets img png id name Star Wars The Last price image assets img png id name Yellow Blouse price image assets img png id name Rick and Morty Supreme price image assets img png The ProductCard component shows the product details for each product Note that we would import useContext and CartContext in all the components where we need the data that is stored in the context The onClick events in the buttons handle the addToCart and increase functions which we have extracted from the CartContext import styled from styled components import Link from react router dom import formatCurrency from utils import CartContext from Context Cart CartContext import useContext from react const ProductCard product gt Extract these functions from the CartContext const addToCart increase cartItems sumItems itemCount useContext CartContext Check whether the product is in the cart or not const isInCart product gt return cartItems find item gt item id product id return lt CardWrapper gt lt ProductImage src product image v product id alt product name gt lt ProductName gt product name lt ProductName gt lt ProductCardPrice gt formatCurrency product price lt ProductCardPrice gt lt ProductCardButtons gt isInCart product amp amp lt ButtonAddMore onClick gt increase product className btn gt Add More lt ButtonAddMore gt isInCart product amp amp lt Button onClick gt addToCart product gt Add to Cart lt Button gt lt ProductCardButtons gt lt CardWrapper gt For the code below we will extract the state and functions that we need for the Cart component which are cartItems checkout and clearCart Then if there are any items in the cartItems array render the items as CartItem components to the page import CartItem from components CartItem import useContext from react import CartContext from Context Cart CartContext import styled from styled components import Checkout from components Checkout import Link from react router dom const Cart gt Extract the functions from the Context const cartItems checkout clearCart useContext CartContext return lt gt lt Heading gt lt h gt Shopping Cart lt span gt cartItems length lt span gt lt h gt lt Heading gt Show the checkout message when the Checkout Button has been clicked checkout amp amp lt CheckoutMsg gt lt h gt Thank you for your purchase lt h gt lt p gt Your order has been placed and will be delivered to you within hours lt p gt lt Link to gt lt ShopBtn onClick clearCart gt Continue Shopping lt ShopBtn gt lt Link gt lt CheckoutMsg gt lt Layout gt lt div gt lt CartItemWrapper gt If cart is empty display message and if not display each cart Item in cart cartItems length cartItems length lt h style gt Cart is empty lt h gt lt ul gt cartItems map product gt lt CartItem key product id product product gt lt ul gt lt CartItemWrapper gt lt div gt lt div gt Checkout component cartItems length gt amp amp lt Checkout gt lt div gt lt Layout gt lt gt The CartItem component contains the items that are present in the current state And we ll extract some functions from the CartContext namely removeFromCart increase and decrease import useContext from react import CartContext from Context Cart CartContext import styled from styled components import formatCurrency from utils import TrashIcon from assets icons trash outline svg import Plus from assets icons add circle outline svg import Minus from assets icons remove circle outline svg const CartItem product gt const removeFromCart increase decrease useContext CartContext return lt SingleCartItem gt lt CartImage src product image alt product name gt lt div gt lt h gt product name lt h gt lt p gt formatCurrency product price lt p gt lt div gt Buttons lt BtnContainer gt lt button onClick gt increase product className btn btn primary btn sm mr mb gt lt Icon src Plus alt gt lt button gt lt div gt lt p gt Qty product quantity lt p gt lt div gt Display a minus icon or trash delete icon based on the quantity of a particular product is in the cart product quantity gt amp amp lt button onClick gt decrease product className btn gt lt Icon src Minus alt gt lt button gt product quantity amp amp lt button onClick gt removeFromCart product className btn gt lt Icon src TrashIcon alt gt lt button gt lt BtnContainer gt lt SingleCartItem gt Adding Cart ManagementNow that we can add remove and display products the final thing to do is implement our cart management We have already initialised the cart as an empty array in CartState jsx meaning that once we restart the app it will revert to being empty Now what we will do is make sure that we load the existing cart from the local storage on component load Update the initialState method in CartState jsx as follows const initialState cartItems storage sumItems storage checkout false Next we need to define the storage also in the CartContext jsx Local Storageconst storage localStorage getItem cartItems JSON parse localStorage getItem cartItems Finally in the CartReducer jsx we will define Storage const Storage cartItems gt localStorage setItem cartItems JSON stringify cartItems length gt cartItems And export the function to calculate the total price of the cart and the total quantity of the cartexport const sumItems cartItems gt Storage cartItems let itemCount cartItems reduce total product gt total product quantity let total cartItems reduce total product gt total product price product quantity toFixed return itemCount total With this we ve successfully completed the implementation of the Shopping App Check out the live demo and the code repository on Github ConclusionAnd we re done In the course of this article we discussed Context and its use and used React to scaffold the interface of a minimal shopping app We also used context to move data and methods between multiple components and added its functionality using useReducer and dispatch If you found this post useful and I m sure you did do well to share this resource with your friends and co workers and follow me for more content If you have a question or find an error or typo kindly leave your feedback in the comments section Thanks for reading and happy coding	2022-05-20 10:14:00
海外TECH	DEV Community	Breaking out a nested loop in Python	https://dev.to/bascodes/breaking-out-a-nested-loop-in-python-5hhf	Breaking out a nested loop in PythonLet s have a look at nested loops in Python How can we break out of both loops with code on the inner loop for i in range for j in range if j break But please also break the outer loop print i j else blockOne solution with an 𝚎𝚕𝚜𝚎block If we are not stopped by any 𝚋𝚛𝚎𝚊𝚔in the inner loop that s what 𝚎𝚕𝚜𝚎means the rest of the outer loop will not be executed 𝚌𝚘𝚗𝚝𝚒𝚗𝚞𝚎 If we are the outer loop is terminated 𝚋𝚛𝚎𝚊𝚔 toofor i in range for j in range print i j if j break else continue break itertoolsThat doesn t look very pretty and anyone who sees that code has to think twice about it So here is a more elegant solution using 𝚒𝚝𝚎𝚛𝚝𝚘𝚘𝚕𝚜The 𝚙𝚛𝚘𝚍𝚞𝚌𝚝method boils down our two loops into one import itertoolsfor i j in itertools product range range print i j if j break A custom generator functionUsing a generator function we can replicate the behaviour of 𝚒𝚝𝚎𝚛𝚝𝚘𝚘𝚕𝚜 𝚙𝚛𝚘𝚍𝚞𝚌𝚝method The 𝚢𝚒𝚎𝚕𝚍keyword makes the result of your function a generator def generator outer iterable inner iterable for i in outer iterable for j in inner iterable yield i j for i j in generator range range print i j if j break Follow the discussion on Twitter Bas codes bascodes Let s have a look at nested loops in Python How can we break out of both loops with code on the inner loop Let s have a look AM May	2022-05-20 10:11:24
海外TECH	DEV Community	What is your go to coding playlist/youtube video?	https://dev.to/charliesay/what-is-your-go-to-coding-playlistyoutube-video-3o7l	What is your go to coding playlist youtube video Some people love it some people do not However I am a fan of listening to music while coding For me it really makes my brain work better So drop your go to Spotify playlist Apple Music playlist Youtube video website etc and let s get our brains working Here s what I normally switch between Credit to Lofi Ghostie for the cover image	2022-05-20 10:09:24
海外TECH	DEV Community	Scheduling and delaying queue messages	https://dev.to/evanhameed99/scheduling-and-delaying-queue-messages-5254	Scheduling and delaying queue messagesThis article mostly talks about different approaches to scheduling and delaying queue messages and their pros and cons with examples and code Recently I have been using Amazon SQS as a queue to produce and consume messages as follows Now everything seems to be perfect until when we need to delay messages dynamically on a specific queue Now certainly when you end up delaying most of the messages inside all queues apparently using a queue in the first place is not the ideal technique in this situation But sometimes in some odd circumstances we need to delay some specific messages and hide them from the consumer ScenarioSuppose you have an ordering and logistics system You order a burger from your favorite restaurant The restaurant accepts the order After accepting the order a driver should get assigned to deliver the order to the customer Now let s imagine this process happening over microservices that are listening to respective queues What happens is that the restaurant acts as a producer of the message when accepting an order A logistics microservice that is responsible for assigning orders will consume the produced message immediately What s wrong with that What if the restaurant takes minutes to prepare the burger In such a case assigning a driver to this order will be a bad decision because the driver will be wrongly utilized by going to the restaurant immediately and waiting for the burger to be prepared Therefore in this case we want to delay a message for x mins until it reaches y time and then execute the operation Different Approaches to apply this delayUnfortunately AWS SQS allows to delay messages up to mins But what if we need to delay it a bit more by x mins dynamically Simplest solution that might come to our minds is just to set an in memory timeout function If using javascript then setTimeout In the producer we calculate how much we need to delay a specific message and we put it as the interval of the setTimeout function Cons The function inside the timeout might be blocked by other operations that need to be executed If the server restarts for any reason the delay and timeout will be flushed For example pushing a piece of code might cause the server to restart and boot again Another solution might be sending a timestamp in the producer in which when the message should get consumed In the consumer we check if the timestamp reached what we need If yes consume the message If not push the message back to the queue and don t consume it Again this is a bad practice because there will be a loop in the consumer and some messages will be pushed back to the queue multiple times Step functions and state machines Now what if we forward the messages to a state machine instead of the queue immediately state machines have waiting states and we can specify either the timestamp or duration of how much a message should wait in a state machine A simple state machine can achieve the following Get a message from the producer Wait for x duration forward messages to specified queues Amazon has a tool called step functions where we can create state machines Create a State machine in amazon step functions Add a wait state and specify the waiting time by adding a fixed interval or dynamic one Step functions allow to trigger other AWS services In this case SQS so we add another state that defines how to trigger the SQS by providing the queue URL After this step we will have a working State machine that gets messages keeping them in a waiting state then forwards them to SQS A JSON definition of this state machine would look something like the following Comment A description of my state machine StartAt Wait States Wait Type Wait Next SQS SendMessage Seconds SQS SendMessage Type Task Resource arn aws states sqs sendMessage Parameters MessageBody End true The interval can be put dynamic by changing the Seconds param in the waiting state to SecondsPath Now we can pass it a dynamic variable from the message we send Wait Type Wait SecondsPath expiryInterval dynamic variable we pass in the message Next SQS SendMessage Triggering Step functions from node js application const express require express const AWS require aws sdk const app express app listen gt console log first server is running on port AWS config update region eu central accessKeyId process env ACCESS KEY ID secretAccessKey process env SECRET ACCESS KEY const params stateMachineArn process env STATE MACHINE ARN input JSON stringify input evan testing expiryInterval const stepfunctions new AWS StepFunctions stepfunctions startExecution params err data gt if err console log err err stack else console log data ConclusionQueues are not meant to schedule events and actions in the first place But sometimes such behavior is needed The easiest and most efficient way that I found is using amazon state machines	2022-05-20 10:07:21
海外TECH	DEV Community	How to install Flarum on Ubuntu 20.04	https://dev.to/harrymadgwick/how-to-install-flarum-on-ubuntu-2004-4j8g	flarum	2022-05-20 10:01:11
Apple	AppleInsider - Frontpage News	BOE may lose millions of iPhone 14 orders after unauthorized screen changes	https://appleinsider.com/articles/22/05/20/boe-may-lose-millions-of-iphone-14-orders-after-unauthorized-screen-changes?utm_medium=rss	BOE may lose millions of iPhone orders after unauthorized screen changesApple is reportedly looking to move up to million orders for iPhone OLED screen orders away from BOE following the company s changes to Apple specifications BOE is alleged to have changed the circuit width of the thin film transistors TFT on its iPhone and was caught by Apple in February Apple halted production and now BOE is reportedly at risk of losing all the orders it was due to get for the iPhone According to The Elec unspecified sources say that BOE sent a C level executive ーso possibly the Chief Technology Officer or perhaps even the Chief Executive Officer ーto Apple s headquarters He or she plus an unknown number of employees presented their case for why they had changed the design Read more	2022-05-20 10:37:05
海外TECH	Engadget	Pokémon Go's Remote Raid Passes will no longer appear in cheap weekly bundles	https://www.engadget.com/pokemon-go-remote-raid-passes-cheap-weekly-bundles-102048391.html?src=rss	Pokémon Go x s Remote Raid Passes will no longer appear in cheap weekly bundlesIf you want to continue raiding remotely on Pokémon Go you ll have to get used to paying full price for passes Niantic has announced that going forward it s no longer selling them as part of its weekly one Pokécoin bundle like it s been doing the past couple of years The company introduced its cheap weekly bundle offering in the early days of the pandemic when COVID restrictions prohibited people from going out Shortly after that it launched Remote Raid Passes allowing people to play shared raids in their area without having to leave their homes and having to congregate in groups nbsp Niantic used to regularly include Remote Raid Passes in its one Pokécoin bundles but now it ll cost you Pokécoins for a single pass To earn coins you ll have to take down or defend a gym or to pay real money for them Pokémon Go live game director Michael Steranka told Polygon that the company is hoping to quot shift the balance back towards the fun of raiding together in person again quot Niantic has even increased the rewards for in person raids in an effort to entice you to go out with your friends and play the game like you used to nbsp In addition the company has revealed that it s adding new social features to the game in the coming months Niantic has been testing community features on a standalone application for Ingress players over the past few months allowing them to communicate with each other for raids and other purposes and to find communities in app The developer is expected to reveal more details about the capability s arrival on Pokémon Go at its Lightship conference next week	2022-05-20 10:20:48
金融	RSS FILE - 日本証券業協会	外国投信の運用成績一覧表	https://www.jsda.or.jp/shiryoshitsu/toukei/foreign/index.html	運用	2022-05-20 10:30:00
金融	金融庁ホームページ	入札公告等を更新しました。	https://www.fsa.go.jp/choutatu/choutatu_j/nyusatu_menu.html	公告	2022-05-20 11:00:00
海外ニュース	Japan Times latest articles	Japan’s latest COVID guidelines: Masks OK to come off outside when not chatting	https://www.japantimes.co.jp/news/2022/05/20/national/japan-outdoor-mask-advice/	Japan s latest COVID guidelines Masks OK to come off outside when not chattingIn a bid to quell public confusion over outdoor mask wearing the government has released a set of guidelines on mask use	2022-05-20 19:02:43
海外ニュース	Japan Times latest articles	Takanosho falls into tie with Terunofuji and Sadanoumi for lead at Summer Basho	https://www.japantimes.co.jp/sports/2022/05/20/sumo/basho-reports/summer-basho-three-way-tie/	wakatakakage	2022-05-20 19:17:39
海外ニュース	Japan Times latest articles	Stuttgart’s Hiroki Ito gets first call-up as Japan reveals squad for upcoming matches	https://www.japantimes.co.jp/sports/2022/05/20/soccer/japan-names-squad/	Stuttgart s Hiroki Ito gets first call up as Japan reveals squad for upcoming matchesNew Europa League winner Daichi Kamada of Eintracht Frankfurt gets a recall alongside AZ Alkmaar defender Yukinari Sugawara and Sanfrecce Hiroshima goalkeeper Keisuke Osako	2022-05-20 19:03:06
ニュース	BBC News - Home	Platinum Jubilee: Eight towns to be made cities for Platinum Jubilee	https://www.bbc.co.uk/news/uk-61505857?at_medium=RSS&at_campaign=KARANGA	wrexham	2022-05-20 10:37:33
ニュース	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 10:29:33
ニュース	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 10:55:09
ニュース	BBC News - Home	Sunday Times Rich List: Rishi Sunak and Akshata Murty among UK's wealthiest	https://www.bbc.co.uk/news/uk-61490481?at_medium=RSS&at_campaign=KARANGA	fortune	2022-05-20 10:50:07
ニュース	BBC News - Home	What is monkeypox and how do you catch it?	https://www.bbc.co.uk/news/health-45665821?at_medium=RSS&at_campaign=KARANGA	cases	2022-05-20 10:22:03
ニュース	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 10:42:43
ニュース	BBC News - Home	Spanish Grand Prix: Fernando Alonso accuses FIA of 'incompetence' and lacking race knowledge	https://www.bbc.co.uk/sport/formula1/61523371?at_medium=RSS&at_campaign=KARANGA	Spanish Grand Prix Fernando Alonso accuses FIA of x incompetence x and lacking race knowledgeFernando Alonso accuses Formula s governing body of incompetence and lacking knowledge of racing	2022-05-20 10:45:02
ニュース	BBC News - Home	Patrick Vieira: Police & FA investigating after Crystal Palace boss involved in altercation with fan	https://www.bbc.co.uk/sport/football/61517333?at_medium=RSS&at_campaign=KARANGA	Patrick Vieira Police amp FA investigating after Crystal Palace boss involved in altercation with fanPolice and the Football Association are investigating after Crystal Palace boss Patrick Vieira was involved in an altercation with a fan following their Premier League defeat at Everton	2022-05-20 10:23:53
北海道	北海道新聞	６０代女性が３５０万円だまし取られる　網走	https://www.hokkaido-np.co.jp/article/683394/	介護保険	2022-05-20 19:11:39
北海道	北海道新聞	厚労省、無会話で屋外マスク不要　考え方発表	https://www.hokkaido-np.co.jp/article/683400/	厚生労働省	2022-05-20 19:15:00
北海道	北海道新聞	ウクライナ、２３集落を奪還　ロシア軍、ハリコフで苦戦	https://www.hokkaido-np.co.jp/article/683399/	参謀本部	2022-05-20 19:14:00
北海道	北海道新聞	卓球、張本「王座奪還を」　Ｔリーグ男子、琉球入団会見	https://www.hokkaido-np.co.jp/article/683397/	入団会見	2022-05-20 19:12:00
北海道	北海道新聞	財政再建、自民に路線対立　岸田陣営、参院選前に安倍氏と溝	https://www.hokkaido-np.co.jp/article/683396/	岸田文雄	2022-05-20 19:12:00
北海道	北海道新聞	日本、ＡＳＥＡＮと防衛会合へ　６月で調整、海洋秩序維持	https://www.hokkaido-np.co.jp/article/683395/	asean	2022-05-20 19:12:00
北海道	北海道新聞	＜シリーズ評論・ウクライナ侵攻⑱＞ＮＡＴＯ拡大「プーチン氏の失策」　北欧２カ国申請、変わるバルト海安保　東大大学院教授 遠藤乾氏	https://www.hokkaido-np.co.jp/article/683307/	遠藤乾	2022-05-20 19:10:00
北海道	北海道新聞	コーワホープが「一番時計」　新馬の能力検査初日に最速タイム	https://www.hokkaido-np.co.jp/article/683393/	適性	2022-05-20 19:09:00
北海道	北海道新聞	パッキャオ氏、井上尚弥を称賛　世界最強の可能性にも言及	https://www.hokkaido-np.co.jp/article/683391/	政治活動	2022-05-20 19:04:00
北海道	北海道新聞	三井住友銀で一時障害　パソコンから利用できず	https://www.hokkaido-np.co.jp/article/683390/	三井住友	2022-05-20 19:03:00
北海道	北海道新聞	大船、垣ノ島の縄文遺跡が切手シートに　世界遺産登録記念し発売	https://www.hokkaido-np.co.jp/article/683389/	世界遺産登録	2022-05-20 19:01:00