投稿時間:2021-12-04 20:24:46 RSSフィード2021-12-04 20:00 分まとめ(29件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	[wordpress]if文を使った条件分岐の書き方	https://teratail.com/questions/372248?rss=all		2021-12-04 19:41:10
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASで403エラーが出る場合の対処法について	https://teratail.com/questions/372247?rss=all	GASでエラーが出る場合の対処法についてGooglenbspAppsnbspScriptで、あるサイトの情報をスクレイピングで取得しようとしているのですが、Exceptionnbspnbspのリクエストに失敗しましたエラーnbsp。	2021-12-04 19:32:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	salesforceで項目レベルセキュリティの設定で参照のみにできない	https://teratail.com/questions/372246?rss=all	salesforceで項目レベルセキュリティの設定で参照のみにできないやりたいことsalesforceのAccountのNameの項目レベルセキュリティを参照のみに変更したいです。	2021-12-04 19:05:24
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【オブジェクト指向】ポリモーフィズム	https://qiita.com/kat0/items/30596c55a7f043ee56aa	【オブジェクト指向】ポリモーフィズムポリモーフィズムとは意味多相性、多態性プログラミング言語の持つ性質の一つで、ある関数やメソッドなどが、引数や返り値の数やデータ型などの異なる複数の実装を持ち、呼び出し時に使い分けるようにできること。	2021-12-04 19:37:36
AWS	AWSタグが付けられた新着投稿 - Qiita	【Elastic Beanstalk】Amazon Linux 2 Docker プラットフォームに移行した際に変更した箇所	https://qiita.com/sokusekimen/items/1a8c0c2cae00ddb2c7d3	ちなみにAmazonLinuxAMIの方はCentOSベースと言われています。	2021-12-04 19:25:23
Docker	dockerタグが付けられた新着投稿 - Qiita	【Elastic Beanstalk】Amazon Linux 2 Docker プラットフォームに移行した際に変更した箇所	https://qiita.com/sokusekimen/items/1a8c0c2cae00ddb2c7d3	ちなみにAmazonLinuxAMIの方はCentOSベースと言われています。	2021-12-04 19:25:23
Linux	CentOSタグが付けられた新着投稿 - Qiita	【Elastic Beanstalk】Amazon Linux 2 Docker プラットフォームに移行した際に変更した箇所	https://qiita.com/sokusekimen/items/1a8c0c2cae00ddb2c7d3	ちなみにAmazonLinuxAMIの方はCentOSベースと言われています。	2021-12-04 19:25:23
Git	Gitタグが付けられた新着投稿 - Qiita	【GitHubからSSHでクローンする方法】URL取得からクローンまで	https://qiita.com/mz_mz_mz/items/4510f7c4abb839f000b7	【GitHubからSSHでクローンする方法】URL取得からクローンまで環境項目内容OSmacOSBigSurG・GitHubに登録済みであること。	2021-12-04 19:33:46
Ruby	Railsタグが付けられた新着投稿 - Qiita	【オブジェクト指向】ポリモーフィズム	https://qiita.com/kat0/items/30596c55a7f043ee56aa	【オブジェクト指向】ポリモーフィズムポリモーフィズムとは意味多相性、多態性プログラミング言語の持つ性質の一つで、ある関数やメソッドなどが、引数や返り値の数やデータ型などの異なる複数の実装を持ち、呼び出し時に使い分けるようにできること。	2021-12-04 19:37:36
技術ブログ	Developers.IO	Amazon RDS Custom for SQL Serverを試してみた #reinvent	https://dev.classmethod.jp/articles/try-rds-custom-for-sql-server-202112/	amazon	2021-12-04 10:07:22
海外TECH	DEV Community	Advent of code 4; I never liked Bingo...	https://dev.to/marcoservetto/advent-of-code-4-i-never-liked-bingo-lil	Advent of code I never liked Bingo Here we are again I m starting to get tired of this advent of code I m solving them and is not failing under me but I m not that motivated to write nice ish code Here the difficulty was that more then one can win at the same round it was not very clear from the text This also makes the order of the bingos as provided in the file very relevant The code below is interesting for someone learning since it uses matrixes and lists of mutable elements Note the funky add right Numbers class method mut I List S that for s in that split S nl return for si in s split S add I string si error X unreachable input has at least one nl Board Data AddList Collection matrix I List row I col I Boards class method mut Board List S that for i in Range endless b in that split S nl S nl two new lines between each board if i I add right This board b class method mut Board S board sometimes they are padded s board replace S nl with S replace S with S Board for si in s split S add I string si the board matrix factory takes an I List Bingo Data mut I List ns mut Board List bs mut method Void round n ns left this ns removeLeft for mut b in this bs This round b b n n class method Void round mut Board b I n for var ni in b vals if ni n ni I read method I winner for i in Range this bs size read bi in bs if This win b bi return i return I class method Bool win read Board b for i in Range I allRow Match All for j in Range I add b val row i col j I if allRow return true for j in Range I allCol Match All for i in Range I add b val row i col j I if allCol return true return false class method I points read Board b var res I for ni in b if ni I res ni res MainPart fs Fs Real of input fs read input bingo Bingo ns Numbers input bs Boards input while Bool true current bingo ns left bingo round res bingo winner if res I points Bingo points b bingo bs readVal res Debug points current Break MainPart fs Fs Real of input fs read input bingo Bingo ns Numbers input bs Boards input while Bool true current bingo ns left bingo round while Bool true more then one can win in a single round res bingo winner if res I Break bi bingo bs readVal res points Bingo points b bi Debug points current it is printing all the winning ones I can just see the last one it will then goes in error when finishes the numbers P bingo bs remove res Ultimately this exercise gave me no good push into putting this giant piece of logic in a method as it should clearly be Eventually I just resorted to the trick of looking to the last printout before the program failed because of the end of the numbers	2021-12-04 10:58:39
海外TECH	DEV Community	How to Use a Loop in CSS!	https://dev.to/ziratsu/how-to-use-a-loop-in-css-418i	How to Use a Loop in CSS Hey fellow creators Learn how to use a loop in CSS with the help of the SASS preprocessor in less than a minute If you prefer to watch the video version it s right here The HTML structure Start by installing the live sass compiler extension in VS Code or download it globally via npm to use its script Then create a hundred paragraphs by using an Emmet shortcut p t Hello World Create a SCSS file Create a SCSS file and copy and paste the following code for i from through t i font size i px Then press F and look for Live Sass Watch Sass if you are using the live sass compiler extension Click on it and it ll create a style css file with all of the different font sizes growing one by one for each paragraph Check out your app and you ll see that each paragraph will grow from a small font to a bigger font steadily Come and take a look at my Youtube channel See you soon Enzo	2021-12-04 10:54:20
海外TECH	DEV Community	5 GitHub Repositories for learning developers...	https://dev.to/crater90/5-github-repositories-for-learning-developers-4kn6	GitHub Repositories for learning developers For programmers and budding developers GitHub is always the first choice to explore and learn new tech It is the home of some of the most interesting and famous open source projects It is also a great place for sharing resources of all kinds from free books to APIs from roadmaps to project ideas Having a massive collection of repositories under the hood it has always been a tedious task to find good GitHub repos In this article we will look at a few repositories that I have found useful to build improve skills in software development developer roadmapWith over k This repository is great for those looking for a career in software web development The repository focuses on Front end Back end and DevOps career tracks The repository covers all the skills and technology required for each of these paths It also provides a strategy to learn these skills in a structured manner Build your own XIf you are someone who doesn t get the theory part and always want to know what goes behind this repository is a daily stop for you It has links to the resources which help you build your own Cryptocurrency Database Bots BitTorrent Clients and many more free programming booksReading a book is still one of the best ways to learn a new topic This repository has a massive collection of free programming books useful for learning all sorts of technology Buying a book is often costly Fortunately for us there are many free books available on the internet for developers coding interview universityThis repository will help you land a job in FAANG companies curated by the software engineer at amazon this is a full preparation guide on cracking the toughest interviews It also has links to the flashcards for quickly brushing up your knowledge and stay updated system design primerThis is a great repository for developers that teaches how to design large scale systems The repo provides an organized collection of resources for this broad topic System Design is a must known topic for most of the tech interviews hence this is the perfect stop to learn system design Bonusfor JS developers javascript algorithmsIf you are in web development and want to learn DSA have a look at this amazing repository that presents JavaScript based examples of many popular algorithms and data structures Furthermore each algorithm and data structure has related explanations and YouTube video links for further reading Hope you will learn a lot Happy coding ‍	2021-12-04 10:44:36
海外TECH	DEV Community	What is a Mining Pool Familiarity with the most money-making pools in the world	https://dev.to/xtrinkal/what-is-a-mining-pool-familiarity-with-the-most-money-making-pools-in-the-world-7pa	What is a Mining Pool Familiarity with the most money making pools in the worldMining is one of the most attractive industries in the world There are many people working in this industry One of the most important issues in mining is the choice of pool Mining pool is one of the most important issues that miners need to agree on In this article we want to answer the question of what is a mining pool Stay with us What is a digital currency mining pool New blocks are formed in an online digital currency exchange or when buying and selling digital currencies These blocks are created based on complex mathematical and cryptographic equations The equations of the Bitcoin network and other digital currencies are extremely complex and difficult To solve these equations we need devices with very high processing power But this is not enough Miners combine the power of devices into a single server to increase their chances of solving the equation In this way the processing power increases and more equations can be solved in a shorter time On the other hand with the successful and timely resolution of a block by a mining pool the reward resulting from solving that block is divided among all miners based on the processing power they provide Miners the hardworking miners of the cryptocurrency worldAt each transfer in the network a new block is formed Forming a new block requires solving complex equations Miners are those who are willing to do this process The network rewards them for solving each of these blocks In a bitcoin network for example a miner depending on the difficulty of the network solves a block and receives a reward for that block to bitcoin Most cryptocurrency architectures are such that each time a new block is generated the equations become more complex and more obscure In other words every time miners solve an equation they create another difficult equation for themselves Based on the architecture of different networks it can be said that miners play a very important role in completing the process of buying bitcoins and other currencies Mining pool more chances and better rewardsThe mining industry has become one of the most lucrative industries today This situation has led powerful individuals and companies to solve equations with supercomputers Meanwhile the chances of small miners with weaker devices are very low In fact this is where the idea of ​​a mining pool came from People could connect their devices to a network using the Internet In this way the chances of solving the equation and receiving a reward increased How is the reward distributed among the miners Remuneration methods are not the same for miners Each pool distributes the rewards to members based on a pre determined agreement Pay per share partial pay point pay and pay per last n share are some of the common methods in mining pools Here s a look at some of these rewards Pay per share PPS more powerful device and more rewardsThis is the most sensible way to divide stocks In this method the computing power of each device is calculated first Rewards are also paid based on computational power Naturally a more powerful device has a greater role in solving equations So it s natural for him to get a bigger share It is interesting to know that in this method it is not necessary to solve the block In fact the pools that use this method encourage others to join them Relative payment a slight difference from payment per shareRelative payment is just like payment per share In this method the profit is divided among the miners based on the power of the devices But the condition for receiving a profit is to solve the block In this method after solving the block immediately the profit is divided among the miners based on the power of the devices and is deposited in their account Point based payment permanent activity in a poolSome pools use a point based payment method to create more loyalty for miners In this method the miner who spends more time in the pool for more time scores more points When the bonus is distributed the payment is divided among the miners based on the points earned Paying for the last N shares is the most complicated payment methodIn this way the miners first receive pre determined shares within a calculated framework After solving the equation only those who have joined the extraction process will receive a reward Dark and light pools extraction mining Coins What are the strengths and weaknesses As mentioned mining pools improve the speed reward and performance of miners People can have a better chance of solving the equation by joining a pool But on the other hand there are weaknesses For smaller currencies there is concern that large pools will exert power over them On the other hand some pools are not very transparent In other words a mining pool with a reward handling may give miners less money Also in most cases there must be the necessary technical knowledge to join and resolve unforeseen technical problems Where can we find a suitable pool If you are interested in the mining industry and mining pools it is better to remember a few points in choosing a pool Infrastructure laws are not the same everywhereThe first point in choosing a pool is to pay attention to the infrastructure Some pools do not allow any device to be connected to them On the other hand some coin mines only allow the device to be connected under certain conditions Nor should we overlook the important role of the Internet in joining a mining pool Specify your payment methodThe second point is to choose the pool with the appropriate payment method Each pool uses a special payment method Some pools offer rewards immediately Others do this at regular intervals On the other hand we should note that some pools have restrictions on withdrawals Authentic and transparent pool dive into the heart of the mining industryThe most important thing in choosing a pool is to pay attention to the validity and transparency of the pool Mining pool can easily deceive miners Therefore it is better to choose a pool that has a high reputation On the other hand the selected pool should expose the processes to the miner in a completely transparent and explicit manner Fees and other restrictions keep an eye on everythingAnother point in choosing a pool is the fee Some pools charge less and some charge more Here the miner must specify how much he is willing to pay On the other hand some pools are private and do not allow any minor to enter It should also be noted that some pools only allow access to certain devices Which pools are more prestigious According to the above criteria one pool cannot be recommended for everyone But Fpool and Poolin are some of the most famous pools in the world Antpool and ViaBTC have also been able to attract many miners Mining a money making but dangerous industryIn this article we examined the mining pool As we mentioned choosing a mining pool is just one of the steps to enter this attractive industry Mining despite all its charms can be dangerous Before entering this industry different factors should be considered together and then the decision should be made	2021-12-04 10:22:26
海外TECH	DEV Community	Creating a Restaurant Receptionist BOT from LEVEL 0 by SilvenLEAF	https://dev.to/silvenleaf/creating-a-restaurant-receptionist-bot-from-level-0-by-silvenleaf-47nf	Creating a Restaurant Receptionist BOT from LEVEL by SilvenLEAFAhoy there Let s create a fully functional Restaurant Receptionist BOT using the Botonic Framework A framework powered by React and Tensorflow We ll be going from LEVEL So as long as you know the basics for JavaScript hop on Who s excited Step Project SetupFirst let s install the botonic cli globally npm install g botonic cliNow we are ready to go Let s go create a folder called Bots and open our terminal there I m storing all my bots in this folder you can choose any folder you like Step Create a blank botType the following command to start creating the botbotonic new YourBotNameI m giving my bot name as Chihuo because in Chinese it means Foodie haha You can name whatever you want So my command will be thisbotonic new ChihuoNow it ll show us a list of available templates I m gonna choose the Blank TypeScript one but you can choose any of those be it typescript or javascript To navigate on those templates use up or down arrow and when you select your favorite template click enter to create it After selecting your favorite template click enter It ll take a while let s waitOnce done open our project in your favorite text editor Mine is VS Code so I m gonna use the following command to open it in VS Codecode ChihuoYou ll see that these files and folders were created By the way unlike react it did not init the git repo so let s init it first git initAnd also create a gitignore file and write the following content to ignore these from being trackeddistnode modulesNow you can commit the changes so far if you like Anyway let s run our Bot npm startAnd then go to this url http localhost You ll see our bot running live Click on that bottom right button to open the bot Yay Now let s get to the fun stuff Let s make the bot alive Step Creating a Simple Functional BotCurrently whatever you type bot will not understand you Because just like a new born baby our little bot is naive and innocent We have to train her to learn more and be an amazing Receptionist Open routes ts file and write the content in itimport React from react import Route Text Reply from botonic react export const routes Route path initial text hi i action gt lt gt lt Text gt Hello Nice to meet you lt Text gt lt Text gt How can I help you lt Reply payload order gt Place an order lt Reply gt lt Reply payload question gt Have a question lt Reply gt lt Text gt lt gt You now have to rename this file as routes tsx because it contains jsx and TypeScript will throw error if you not rename it as tsx Now you type Hi to your bot and see it s working Great Now we know the basic workflow to train our bot So let s jump into the more sophisticated way to continue improving our bot Step Sophisticated way to develop the botNormally we ll keep the actions and routes seperate just like how we seperate controllers and api routes in our Serverside application So inside the actions folder we ll create all those actions and importing it inside the routes ts file Look we ll not write any JSX inside the routes tsx file anymore so rename it back to routes ts Anyway let s create the FULLY FUNCTIONAL BOT Step Create the ReceptionistInside the actions folder create these filesROOT REPO├ーsrc│├ーactions it s a folder ││├ー gitkeep it was already there ││├ーWelcome tsx││├ーPlaceAnOrder tsx││├ーVegOrNonVeg tsx││├ーOrderDone tsx││├ーHaveAQuestion tsx││├ーContactDelivery tsx││└ーContactManager tsx│├ーroutes ts│└ーother stuff│├ーpackage json├ー gitignore└ーother stuffOnce that done we ll fill them up with the following content Welcome tsximport React from react import Text Reply from botonic react const Welcome gt lt gt lt Text gt Hello Nice to meet you How can I help you lt Reply payload order gt Place an order lt Reply gt lt Reply payload question gt Have a question lt Reply gt lt Text gt lt gt export default Welcome PlaceAnOrder tsximport React from react import Text Reply from botonic react const PlaceAnOrder gt lt gt lt Text gt Nice what do you want to eat today lt Reply payload hamburger gt Hamburger lt Reply gt lt Reply payload pizza gt Pizza lt Reply gt lt Reply payload sandwich gt Sandwich lt Reply gt lt Reply payload taco gt Taco lt Reply gt lt Reply payload burrito gt Burrito lt Reply gt lt Text gt lt gt export default PlaceAnOrder VegOrNonVeg tsximport React from react import Text Reply from botonic react const VegOrNonVeg gt lt gt lt Text gt Nice do you want Veg or Non veg lt Reply payload veg gt Veg lt Reply gt lt Reply payload nonveg gt Non Veg lt Reply gt lt Text gt lt gt export default VegOrNonVeg OrderDone tsximport React from react import Text Reply from botonic react const VegOrNonVeg gt lt gt lt Text gt Thanks for your order Delivery boy will knock your door within mins Here s his contact name Manash Sarma and phone lt Text gt lt Text gt For contacting our manager Here s his contact name SilvenLEAF and phone lt Reply payload contact gt Contact Delivery Boy lt Reply gt lt Reply payload contact gt Contact Manager lt Reply gt lt Text gt lt gt export default VegOrNonVeg HaveAQuestion tsximport React from react import Text Reply from botonic react const HaveAQuestion gt lt gt lt Text gt Nice what question do you have lt Reply payload order gt See the food menu lt Reply gt lt Reply payload contactDelivery gt Where is my order lt Reply gt lt Reply payload contactDelivery gt Track my order lt Reply gt lt Reply payload contactManager gt I want to contact the delivery boy lt Reply gt lt Reply payload contactManager gt I want to contact the manager lt Reply gt lt Reply payload contactDelivery gt I have a complaint lt Reply gt lt Text gt lt gt export default HaveAQuestion ContactDelivery tsximport React from react import Text Reply from botonic react const ContactDelivery gt lt gt lt Text gt I ve informed our delivery boy he ll call you back within mins If not you can contact him here Here s his contact name Manash Sarma and phone lt Text gt lt Text gt Thanks wish you a delicious day lt Reply payload mainMenu gt Go to main menu lt Reply gt lt Reply payload foodMenu gt See food menu lt Reply gt lt Text gt lt gt export default ContactDelivery ContactManager tsximport React from react import Text Reply from botonic react const ContactManager gt lt gt lt Text gt I ve informed our manager he ll call you back within mins If not you can contact him here Here s his contact name SilvenLEAF and phone lt Text gt lt Text gt Thanks wish you a delicious day lt Reply payload mainMenu gt Go to main menu lt Reply gt lt Reply payload foodMenu gt See food menu lt Reply gt lt Text gt lt gt export default ContactManager After all that done update the routes ts with this following content routes tsximport React from react import Route Text Reply from botonic react import Welcome from actions Welcome import HaveAQuestion from actions HaveAQuestion import PlaceAnOrder from actions PlaceAnOrder import VegOrNonVeg from actions VegOrNonVeg import OrderDone from actions OrderDone import ContactDelivery from actions ContactDelivery import ContactManager from actions ContactManager const vegOrNonVegRoutes Route path order done payload veg action OrderDone path order done payload nonveg action OrderDone export const routes Route path initial text hi i action Welcome childRoutes path have a question text question gi payload question action HaveAQuestion path place an order payload order action PlaceAnOrder childRoutes path veg or nonveg payload hamburger action VegOrNonVeg childRoutes vegOrNonVegRoutes path veg or nonveg payload pizza action VegOrNonVeg childRoutes vegOrNonVegRoutes path veg or nonveg payload sandwich action VegOrNonVeg childRoutes vegOrNonVegRoutes path veg or nonveg payload taco action VegOrNonVeg childRoutes vegOrNonVegRoutes path veg or nonveg payload burrito action VegOrNonVeg childRoutes vegOrNonVegRoutes path contact manager text contact manager gi payload contactManager action ContactManager path contact delivery payload contactDelivery text contact delivery where is my order track my order gi action ContactDelivery path go to main menu text main menu gi payload mainMenu redirect initial path go to food menu text what what s food menu gi payload foodMenu redirect place an order path place an order payload order text make place an order gi action PlaceAnOrder childRoutes path veg or nonveg payload hamburger action VegOrNonVeg childRoutes vegOrNonVegRoutes path veg or nonveg payload pizza action VegOrNonVeg childRoutes vegOrNonVegRoutes path veg or nonveg payload sandwich action VegOrNonVeg childRoutes vegOrNonVegRoutes path veg or nonveg payload taco action VegOrNonVeg childRoutes vegOrNonVegRoutes path veg or nonveg payload burrito action VegOrNonVeg childRoutes vegOrNonVegRoutes Yay With all that done our bot is ready to take orders Go and enjoy playing with the bot Final BOT Screenshots Step Making the bot Production LevelYou can make it dynamic and production level like this Retrive the food menu from your Backend Server and show it dynamicallyWhen the user places an order make a Backend request and handle the orderYou can ask for the user s contact information and contact himShow the prices for the orders as wellYou can integrate LUIS Language Understanding Inteligence and understand what the user is trying to say more accurately for whatever input they giveYou can integrate QnAMaker to make the bot answer any question the user asksYou can also use Botonic s own NLU Natural Language Understanding instead of LUISAnyway integrating Backend and with the unlimited power of TypeScript JavaScript you can literally do anything with your userSo have fun Did you enjoy it Let me know in the comments Also let me know if you want more of these kinds of project oriented blogs Step Where to test this bot Here is the github repo you can clone it and run or you can try using this following link to test it live Github REPO Test it LIVECurrently Botonic has a bug in their CLI and not letting us depoy it once the bug is fixed I ll deploy and update this blog LIVE Link will come here Anyway if you are curious on how to deploy it the process is like this Step How to deploy the bot From your project terminal type thisbotonic deployIt ll prompt you with thisIf you already have a HubType account select Login But I don t have it yet so let s create oneI ll select Signup After selecting Signup and clicking enter it ll ask for your email aftering entering your email it ll ask you to enter your password Then you ll see thisOnce you select your bot it ll be deployed NOTE Currently there is a bug here We can not select any bot also we can not type a bot name here You can also try this command alternativelybotonic deploy b YOUR BOT NAMENormally it should work but due to current bug it will throw this errorBot YOUR BOT NAME doesn t exist HERE is the Github issue LinkHere is the link for the bug issue that is still openBut anyway don t let this little thing stop you from exploring this amazing framework It s relatively new and still in its development stage so it s expectable But it sure is amazing You can try it yourself Wish this little bug gets resolved soon Hope you liked this Let me know in the comments Also let me know if you want more of these kinds of project oriented blogs NEXT blog is coming by December th What s NEXT More on Chatbots More on DevOps Improved AI BOT that can do anything Insane stuff with JavaScript TypeScript Debugging TypeScript with VS Code Debugger Writing Automated Tests for any Server How to create an Android APP with NO XP including apk generating	2021-12-04 10:08:33
海外TECH	DEV Community	Creating a Pac-Man themed divider in CSS	https://dev.to/dailydevtips1/creating-a-pac-man-themed-divider-in-css-50j0	Creating a Pac Man themed divider in CSSI m sure you re all aware of Pac Man the famous yellow ball that eats dots and gets chased by ghosts I wanted to try and make a cool little HTML divider that represents the feeling of this fantastic game The end result will look like this Setting up the divider structureLet s get started by setting up our basic structure A divider in HTML is often represented by a lt hr gt element Which is a thematic break Horizontal Rule and can be ideally used to divide content So for our HTML section all we need is the following code lt hr gt Now let s add some styling to it I ve decided to make my page black so the effect shows a bit better html background And for the hr we want to remove the default border and introduce a single border that will be our dots as seen in the Pac Man game hr border width height border top rem dotted yellow position relative overflow visible margin rem So far we should see the following result It might already start to look familiar right Now let s add our Pac Man character into the mix For this will use the before pseudo element hr before animation move s infinite linear position absolute top px left right bottom background image url data image svg xml Csvg xmlns height width E Cpath style fill ffcc d M A L Z E C svg E background size px background repeat no repeat background position content height px There s quite a lot going on so let s break it down a little bit more First we add an animation called move This animation runs forever and lasts seconds Then we make this before an absolute positioned element and set all sides to zero The Pac Man itself is set as the background image using an encoded SVG You can use the following site to encode SVG sAnd then we set some background properties to show the initial state correctly Small note the content is mandatory for a pseudo element to show Now we should see our Pac Man at the end of our horizontal line We ll get to the moving part Let s first introduce the ghost For this we will leverage the after pseudo element hr after animation move s s infinite linear position absolute top px left right bottom background image url data image svg xml C Fxml version encoding UTF F E Csvg version viewBox xmlns E Cg fill rule evenodd E Cpath d background size px background repeat no repeat background position content height px As you can see it s pretty much the same concept However we added a s delay to the animation causing the animation of the ghost to be a bit delayed Note I cut down the SVG for display purposes You can find the full one on the CodePen linked on topNow all that s left to do is introduce the move animation which will be as simple as this keyframes move background position And there you go a super cool yet simple Pac Man themed divider Thank you for reading and let s connect Thank you for reading my blog Feel free to subscribe to my email newsletter and connect on Facebook or Twitter	2021-12-04 10:07:24
海外TECH	DEV Community	Day 55 of 100 Days of Code & Scrum: Eighth Weekly Retrospective (RIP my streak)	https://dev.to/rammina/day-55-of-100-days-of-code-scrum-eighth-weekly-retrospective-rip-my-streak-49e3	Day of Days of Code amp Scrum Eighth Weekly Retrospective RIP my streak Happy weekend everyone This week may have been the least productive one during my entire challenge My day streak also ended this week and I took a two day break I just try not to be too hard on myself because I had personal issues getting in the way I can still somehow make up for it in the coming weeks Let s move on to my weekly retrospective Weekly Sprint Goalsfix the bugs in my company website deploy my company website after cleaning everything up after the website learn Ghost so I can use it to build my personal blog continue to learn Next js and Typescript by using concepts while I build my website or maybe just from reading documentations continue studying for Professional Scrum Master I PSM I certification continue networking but allocate less time to this coding is more important Weekly ReviewHere are the things I ve managed to do fix remaining bugs in my company website deployed my company website s homepage learned about Ghost particularly a Jamstack setup using Next js frontend deployed on Vercel and Ghost on Heroku as my headless CMS discovered various features in Next js and Vercel such as zones Image Optimization blurDataURL and monorepos continue my studies for PSM I not by much expanded my network I guess it wasn t really that bad Weekly RetrospectiveMoving on let s tackle what I ve managed to do well what my shortcomings are and what I could do better next time What Went GreatI successfully deployed my business page learn plenty regarding Ghost enhanced my knowledge in Next js and Vercel expanded my network a little bit more Some Mistakes I ve Madebroke my coding streak and lost my momentum I pretty much neglected a lot of things that had little to nothing to do with my website learned almost nothing new about Typescript and Scrum this week got distracted at times and couldn t focus much Things I Could Improve Onlearn a little bit even if it s not much on bad days should probably do just a little bit more of activities related to my secondary goals prioritize tasks that are more likely to help me meet my weekly goals I should DEFINITELY install something that blocks me from checking certain sites at a specific time Resources Recommended ReadingsContent API GhostEnvironment Variables Next jsDeployment Next jsOfficial Next js tutorialThe Typescript HandbookThe Scrum GuideMikhail Lapshin s Scrum QuizzesThank you for the support everyone Enjoy your weekend DISCLAIMERThis is not a guide it is just me sharing my experiences and learnings This post only expresses my thoughts and opinions based on my limited knowledge and is in no way a substitute for actual references If I ever make a mistake or if you disagree I would appreciate corrections in the comments Other MediaFeel free to reach out to me in other media	2021-12-04 10:06:36
海外TECH	Engadget	Tour the White House's Christmas decorations on Google Street View	https://www.engadget.com/white-house-christmas-google-street-view-103652512.html?src=rss	Tour the White House x s Christmas decorations on Google Street ViewYou can now take a tour of the White House s halls decked with Christmas trees and other decor fit for the season ーvirtually that is Google first added the official residence of the President of the United States to the places you can visit on Street View almost a decade ago But now you can take a virtual walk of its premises to see how the place has been decorated Are you ready for the holidays This year we re bringing the White House to you Come on in and explore this season s decor in °with googlemaps Street View pic twitter com MTDRQKqrjKーJill Biden FLOTUS December The press office of the First Lady previously said that the administration would launch interactive viewing experiences for the White House s decorations this year In addition to the degree Street View experience there s now a quot Holidays at the White House quot tour available on the White House Experience mobile and web apps According to The Hill tours of Pennsylvania Ave are currently not available to the public due to the COVID pandemic so these virtual experiences may be the only way you can get a glimpse of its decorations for the holidays The White House is only one of the many historic sites you can visit on Street View ーthere s also Chile s Palacio de la Moneda the Taj Mahal the Pyramids of Giza the Palace of Versailles and the Colosseum among others If you still can t or won t travel maybe a virtual trip or two would be enough to sustain you for now nbsp	2021-12-04 10:36:52
ニュース	BBC News - Home	Covid: GPs can defer some services in booster jab push	https://www.bbc.co.uk/news/uk-59528615?at_medium=RSS&at_campaign=KARANGA	booster	2021-12-04 10:04:50
ニュース	BBC News - Home	Michigan school shooting: Suspect's parents arrested in Detroit	https://www.bbc.co.uk/news/world-us-canada-59530279?at_medium=RSS&at_campaign=KARANGA	involuntary	2021-12-04 10:08:26
ニュース	BBC News - Home	Storm Arwen: Northern Powergrid sorry for power cut communication	https://www.bbc.co.uk/news/uk-england-tyne-59531590?at_medium=RSS&at_campaign=KARANGA	communicationthe	2021-12-04 10:18:37
ニュース	BBC News - Home	Ghislaine Maxwell trial: Key moments from the first week	https://www.bbc.co.uk/news/world-us-canada-59527051?at_medium=RSS&at_campaign=KARANGA	epstein	2021-12-04 10:16:21
ニュース	BBC News - Home	'Rock star' pandas - not exactly a love story	https://www.bbc.co.uk/news/uk-scotland-23856890?at_medium=RSS&at_campaign=KARANGA	endless	2021-12-04 10:05:44
ニュース	BBC News - Home	Arthur Labinjo-Hughes: What were the opportunities missed to save him?	https://www.bbc.co.uk/news/uk-59519562?at_medium=RSS&at_campaign=KARANGA	arthur	2021-12-04 10:41:11
LifeHuck	ライフハッカー［日本版］	Apple Watchを上下逆さまに付けたら何が起きたか？	https://www.lifehacker.jp/2021/12/this-simple-apple-watch-hack-will-change-your-life.html	apple	2021-12-04 20:00:00
北海道	北海道新聞	物販機能付き「マルシェバス」公開　十勝バス　５日から既存路線運行	https://www.hokkaido-np.co.jp/article/619175/	十勝バス	2021-12-04 19:17:00
北海道	北海道新聞	中村哲さん、没後２年で追悼行事　福岡、オブジェに明かりともし	https://www.hokkaido-np.co.jp/article/619174/	追悼	2021-12-04 19:17:00
北海道	北海道新聞	国際線の予約数、毎日報告を要請　水際対策、各航空会社に	https://www.hokkaido-np.co.jp/article/619168/	新型コロナウイルス	2021-12-04 19:06:00
北海道	北海道新聞	世田谷一家殺害、遺族ら追悼集会　事件発生から２１年を前に	https://www.hokkaido-np.co.jp/article/619166/	東京都世田谷区	2021-12-04 19:03:00