投稿時間:2022-02-20 02:18:08 RSSフィード2022-02-20 02:00 分まとめ(20件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	mayaの環境を構築していく　5日目	https://qiita.com/9boz/items/85ff8b02b88bc7a52afa	mirrorPositions左右jointがそろっている状態で、joint位置を揃えたいといった内容のツールを作成したいmirrorOrientsmirrorPositions骨半分いじった後に毎回削除してmirrorJointsは面倒なので。	2022-02-20 01:52:40
python	Pythonタグが付けられた新着投稿 - Qiita	CloudFunctions×CloudSchedulerでPython/Seleniumスクレイピング&メール通知を定期実行	https://qiita.com/ugkajiwara/items/c78668b4ed43411b78ff	簡単にいうと、selemiumを用いて打刻を管理しているサイトAから必要なデータを抽出し、給与計算等に使っているサイトBに、必要な処理を施したデータを保存するコードを書いたのだが、、、ターミナルでコマンドを打ってローカル環境で実行していたものをクラウドに移すことで、毎日決まった時間に前日分の処理を自動でやってくれないかなということです。	2022-02-20 01:20:11
python	Pythonタグが付けられた新着投稿 - Qiita	pythonでフロア関数を利用する場合は`//`演算子を使った方が良さそうであるという話	https://qiita.com/seigot/items/96b71eb97b8cdd1409ed	pythonでフロア関数を利用する場合は演算子を使った方が良さそうであるという話pythonでフロア関数を利用する場合はmathfloorもしくは演算子を使う方法がある使ってみたtestpyimportmathxprintprintxprintprintmathfloorxprintxyprintprintyprintprintmathflooryprinty小さな数値の場合は結果が一致するが、大きな数値の場合は実行すると微妙に結果が違うpythontestpymathfloorの仕様をみるとPythonの浮動小数点型はビット以上の精度をもたないという事で、桁を超えるような数値を扱う場合は誤差が出ると思われる。	2022-02-20 01:02:40
海外TECH	MakeUseOf	4 Online Resources To Prepare For Your Death & Digital Afterlife	https://www.makeuseof.com/tag/4-online-resources-prepare-death-digital-afterlife/	Online Resources To Prepare For Your Death amp Digital AfterlifeEnd of life planning is a terrifying thing for most people to consider We ve got a few resources that can help you get started	2022-02-19 17:00:14
海外TECH	MakeUseOf	7 Best Cybersecurity Tips for Travelers	https://www.makeuseof.com/cybersecurity-tips-travelers/	cybersecurity	2022-02-19 17:00:13
海外TECH	MakeUseOf	5 Reasons Why Linux Uses the Command Line So Much	https://www.makeuseof.com/why-linux-uses-the-command-line/	linux	2022-02-19 16:45:12
海外TECH	MakeUseOf	How to Keep Apps Always on Top and Search the Web With PowerToys	https://www.makeuseof.com/windows-powertoys-always-on-top-search/	How to Keep Apps Always on Top and Search the Web With PowerToysPowerToys can now keep apps on the top search the web and even find your mouse cursor for you Here s how to activate these features	2022-02-19 16:16:12
海外TECH	DEV Community	ReactJS Tic-Tac-Toe (💥Passed Job Interview💥)	https://dev.to/frontendengineer/reactjs-tic-tac-toe-passed-job-interview-1od8	ReactJS Tic Tac Toe Passed Job Interview Hello Everyone I wanted to share my success on my previous job interview where I was asked to code a tic tac toe game in ReactJS and was able to pull it off landing a job offer This is not the first time I was asked to code this game but on different interviews as well Other interviews was in plain vanilla JS My recommended approach to solving this challenge is list the steps of how would you solve it just like the video I have below then code those step one by one You will get credit even if you don t finish the game In case you do not finish the challenge just talk about how would you code the rest of the steps and you will most likely still be successful in the interview Here is how I did it I created two ️⃣components Square and Board Component and a Helper Function to calculate the winner Square Componentfunction Square onClick value return lt button className square onClick onClick gt value lt button gt Board Componentfunction Board const squares setSquares React useState Array fill null const isX setIsX React useState true const handleClick i gt if calculateWinner squares squares i return squares i isX X O setSquares squares setIsX isX const winner calculateWinner squares let status if winner status Winner winner else status Next player isX X O const handleRestart gt setIsX true setSquares Array fill null const renderSquare i gt return lt Square value squares i onClick gt handleClick i gt return lt div className board gt lt div className board row gt renderSquare renderSquare renderSquare lt div gt lt div className board row gt renderSquare renderSquare renderSquare lt div gt lt div className board row gt renderSquare renderSquare renderSquare lt div gt lt div className status gt status lt div gt lt button className restart onClick handleRestart gt Restart Game lt button gt lt div gt Helper Function To Calculate A Winnerfunction calculateWinner squares const winningPatterns for let i i lt winningPatterns length i const a b c winningPatterns i if squares a amp amp squares a squares b amp amp squares a squares c return squares a return null Below are some codepen links if you want to play around my solution Also a link to the exercise to avoid the setup and if you want to try it yourself Tic Tac Toe Codepen SolutionTic Tac Toe Codepen ExerciseFinal Thoughts This interview challenge is tough but can be fun It would refresh your knowledge with ReactJS concepts and fundamentals It might even help you land your dream job if you get asked to do this challenge so it is a win win and may be valuable to you Feel free to bookmark even if you don t need this for now You may need to refresh review down the road when it is time for you to look for a new role Listing a collection of my previous ReactJS post if you need some help with a potential interview with this library Common React Interview QuestionsAdvance React Interview Questions ReactJS Coding Challenge Coding Interview Prep I created a minutes video that is fast and painless to explain details step by step as I see other tutorials that is minutes to hour long which can be greatly condensed into something way smaller	2022-02-19 16:53:51
海外TECH	DEV Community	I have made a Funnel website with just HTML CSS	https://dev.to/atulcodex/i-have-made-a-funnel-website-with-just-html-css-2mii	I have made a Funnel website with just HTML CSSHello dear DEV community I am Atul currently I m working on a challenge which is responsive websites with HTML amp CSS This challenge is inspired by Florin pop s challenge which is hosted on youtube The actual goal of this challenge is to remove fear from our minds that we can make much much and much better responsive websites without using Javascript So this is th website from our challenge I have already designed other catchy websites which are as follows Fitness website with HTML CSS Atul Prajapati・Feb ・ min read todayilearned html beginners tutorial Furniture store responsive landing page with HTML CSS Atul Prajapati・Jan ・ min read webdev beginners tutorial todayilearned Headphone responsive landing page with HTML CSS Atul Prajapati・Jan ・ min read webdev beginners tutorial todayilearned I have recorded this video also to show you guys To be honest I haven t designed the UI UX of this Course funnel website I have taken design inspiration from cartflow website templates which are WordPress based website templates but I have designed them with only HTML and CSS Checkout the open source repository atulcodex Course funnel website This is a clean modern and unique HTML template that has beautiful design and unique features This will be the best suited for your educational purpose website and courses like online courses learning teacher and much more Course funnel website templateThis is a clean modern and unique HTML template that has beautiful design and unique features This will be the best suited for your educational purpose website and courses like online courses learning teacher and much more It comes with high quality funnel system inspired by Cartflows Now lets take a look on the features of this course funnel websiteHTML amp CSSNo frameworkFunnel ready designResponsive TemplateFree icons usedPixel PerfectClean amp Unique DesignEasy to customizeRetina ReadyUnlimited ColorsBoxed or Wide layoutSEO friendlySuper fast loading speed Support me and my work to see more such projects View on GitHubNow lets take a look on the features of this course funnel websiteHTML amp CSSNo frameworkFunnel ready designResponsive TemplateFree icons usedPixel PerfectClean amp Unique DesignEasy to customizeRetina ReadyUnlimited ColorsBoxed or Wide layoutSEO friendlySuper fast loading speedNow I am waiting for your feedback and responses about my work and ideas in the comment section Another projects pending on my bucket list You will get a notification for that to make sure you are already following me That s it for now I will see you in the next DEV post Cheers atul ️	2022-02-19 16:29:51
海外TECH	DEV Community	Compositions in React	https://dev.to/riley1101/what-i-learnt-about-compositions-in-react-513e	Compositions in ReactWhen I started learning React One of the main features in React that excited me is that it is a component based So today I want to talk about what is composition and why composition patterns in React make react component system more powerful Components in ReactIn earlier days the developers write more than a thousand of code for developing a single page application While following the traditional DOM structure making changes in them wasvery challenging Whether if you want to update modify some of them or even you want to fix some errors in them it is very difficult to do You have to search for them and update them manually And then the component based approach was introduced to overcome these issues The idea is to divide the application into small logical groups and reuse them in differentplaces Just like LEGO blogs you create a component for each logical group and combine them into a bigger component Consider this example Imagine you are building the above navigation The header has a logo and some navigation links to navigate around So basically there are logo and navigation components inside our header component lt Header gt lt Logo gt lt Navigation gt lt Header gt Well this looks pretty ok until your designer or project manager wants to add a search bar or Christmas wish inside the navigation As we are not in the ideal world of software development it is almost impossible for designs or features to be permanent Maybe we want to have our header have a search bar on a specific page or we want to have a Christmas wish on some pages or even we want our header to be empty in specific cases What that means is that some component cannot always know their children So how do we get the flexibility for our so called reusable component Containment in RecuseIn React we have special children props to help us solve this problem The idea is instead of creating hard coded dependencies inside our component what if we can somehow dynamically pass what is gonna be inside our component s output function LOGO return lt h gt LOGO lt h gt function Navigation return lt nav gt nav items lt nav gt function Header props return lt header gt props children lt header gt function App return lt Header gt lt LOGO gt lt Navigation gt lt Header gt Notice that if we do not use props children inside our header component we will only get a plain header in our output That makes our header componentmuch more agnostic and dependency free Let s see if we can satisfy our product manager requirements with this approach Imagine in the morning you got an assignment in your click up or Slack saying Hey I want a new year promotion banner on top of our pricing page navigation Well you can just create a component for the banner and upcoming feature announcementfunction Banner return lt div gt banner content lt div gt function Header props return lt header gt props children lt header gt function App return lt Header gt lt Banner gt lt LOGO gt lt Navigation gt lt Header gt Well that works better SpecilizationSometimes some components can possibly be a special case for other components During our previous example what if your product manager says Hey For our first clients who took our new year promotion I want them to have a text saying Hey you get a free t shirt In React this is also achieved by composition where a more “specific component renders a more “generic one and configures it with props upcoming feature announcementfunction Banner getShirt message return lt div gt getShirt amp amp lt p gt message lt p gt banner content lt div gt function Header props return lt header gt props children lt header gt function SpecialBanner props function getShirt free t shirt logic return lt Banner getShirt getShirt message Hey you get a free t shirt gt function App return lt Header gt lt SpecialBanner gt lt LOGO gt lt Navigation gt lt Header gt That s great The more I read about react the more I fall in love with it More on compositionWe also have HOC Higher Order Components to compose react components Before we talk about it let me talk about what I learned from Javascript design patterns DecoratorsA Decorator is an object which adds functionality to another object dynamically Let s say you are writing a form validator for your app When filling out a form you want to make sure your users fill up some of the essential fields You want to have a distinctive validation between essential ones and non essential ones If one field is essential in the form we would want a special function to check whether it s empty or not in our validator class Validator constructor this error this data this decoratorsList this decorators hasName validate function validator do all validation with the args here if validator name this error push code Name is required else this data push name validator name hasAge validate function validator args do all validation with the args here if validator age this error push code Age is required else this data push age validator age Here we have a validation class for our form validation library which we gonna look upon the form data we provide If anything in the form is missing it gonna add up the error message to our validator class s error property or if everything is correct it is gonna add up the data into our validator class s data property So how do we validate the form data class Validator constructor decorate name this decoratorsList push name We add a decorate method to our validator class which takes a name as an argument Now that we have a method to add decorators our dynamic form field that we want to validate we can loop through our decoratorsList and call each decorator s validate method to finally all the validations class Validator constructor validate form let i len name this form form for i len this decoratorsList length i lt len i name this decoratorsList i this decorators name validate call this form class Validator let validator new Validator validator decorate hasName validator validate console log validator error Our finalized code gonna be likeclass Validator constructor this error this data this decoratorsList this decorators hasName validate function validator do all validation with the args here if validator name this error push code Name is required else this data push name validator name hasAge validate function validator args do all validation with the args here if validator age this error push code Age is required else this data push age validator age decorate name this decoratorsList push name validate form let i len name this form form for i len this decoratorsList length i lt len i name this decoratorsList i this decorators name validate call this form let validator new Validator validator decorate hasName let formData name Riley validator validate formData console log validator data console log validator error As you can see we don t have any error on not putting the age in our form data because we haven t decorated the age decorator to our validator yet Try replacing an empty object in form data and you should see some results And this is how I got to understand what decorators are about and I hope you got the basic idea of them please check out more snippets here Higher order components in ReactHOC is usually a function that takes a component and returns a decorated or enhanced version of it In our previous example we said we need a banner with a special case for a free t shirt let Banner gt return lt div gt New year promotion is out Now lt div gt let decoratedComponent Component gt class Decorate extends React Component constructor props super props this props props render return lt SpecialWrapper gt lt Component this props gt lt SpecialWrapper gt let SpecializedBanner decoratedComponent Banner The first thing that the decoratedComponent does is render the original component that we passed in our decoratedComponent function and then we can do special decorations and modifications by wrapping or enhancing it Render props in ReactRender props are basically a function inside a render method Check out the code below let Todos children data gt return lt section gt lt h gt A list of Todos lt h gt lt ul gt data map todo i gt lt li key i gt children todo lt li gt lt ul gt lt section gt export default function App let todos setTodos React useState let handleDone gt manageing the global state let handleRemove gt manageing the global state return lt Todos data todos gt todo gt todo done lt button onClick handleRemove gt Remove todo label lt button gt lt button onClick handleDone gt Done todo label lt button gt lt Todos gt The App component has every data and logic And the TodoList has no idea about what our todo may look like and it is just an encapsulation of our HTML markup let ContentProvider render data gt return lt section gt render data lt section gt let App gt let data setData React useState return lt ContentProvider data data render data gt lt p gt data lt p gt gt And There we go	2022-02-19 16:03:36
Apple	AppleInsider - Frontpage News	France's Navigo travel card will improve Apple Pay support in 2023	https://appleinsider.com/articles/22/02/19/frances-navigo-travel-card-will-improve-apple-pay-support-in-2023?utm_medium=rss	France x s Navigo travel card will improve Apple Pay support in Riders of public transport in Paris will be able to use their iPhone or Apple Watch to handle Navigo ticket purchases without requiring the use of the physical Navigo card Apple offers large municipalities the ability to adopt Apple Pay Express Transit with their public transport networks so iPhones and the Apple Watch could be used as a digital travel pass While Paris has been slow in adopting iPhone based travel transactions it may make a major leap in Regional transport authority Ile de France Mobilites IDFM has been in negotiations with Apple for a number of years to try and reach an agreement on how to use iPhones with IDFM s Navigo card system Now the two sides have reached an accord Read more	2022-02-19 16:41:29
海外TECH	Engadget	Hitting the Books: Lab-grown meat is the future, just as Winston Churchill predicted	https://www.engadget.com/hitting-the-books-the-genesis-machine-amy-webb-andrew-hessel-publicaffairs-133024037.html?src=rss	Hitting the Books Lab grown meat is the future just as Winston Churchill predictedFrom domestication and selective breeding to synthetic insulin and CRISPR humanity has long sought understand master and exploit the genetic coding of the natural world In The Genesis Machine Our Quest to Rewrite Life in the Age of Synthetic Biology authors Amy Webb professor of strategic foresight at New York University s Stern School of Business and Andrew Hessel co founder and chairman of the Center of Excellence for Engineering Biology and the Genome Project delve into the history of the field of synthetic biology examine today s state of the art and imagine what a future might look like where life itself can be manufactured molecularly PublicAffairsExcerpted from THE GENESIS MACHINE Our Quest to Rewrite Life in the Age of Synthetic Biology by Amy Webb and Andrew Hessel Copyright Available from PublicAffairs an imprint of Hachette Book Group Inc It s plausible that by the year many societies will think it s immoral to eat traditionally produced meat and dairy products Some luminaries have long believed this was inevitable In his essay “Fifty Years Hence published in Winston Churchill argued “We shall escape the absurdity of growing a whole chicken in order to eat the breast or wing by growing these parts separately under a suitable medium That theory was tested in when the first lab grown hamburger made its debut It was grown from bovine stem cells in the lab of Dutch stem cell researcher Mark Post at Maastricht University thanks to funding from Google cofounder Sergey Brin It was fortuitous that a billionaire funded the project because the price to produce a single patty was But by the cost to produce a lab grown hamburger had plummeted to Late in Singapore approved a local competitor to the slaughterhouse a bioreactor a high tech vat for growing organisms run by US based Eat Just which produces cultured chicken nuggets In Eat Just s bioreactors cells taken from live chickens are mixed with a plant based serum and grown into an edible product Chicken nuggets produced this way are already being sold in Singapore a highly regulated country that s also one of the world s most important innovation hotspots And the rising popularity of the product could accelerate its market entry in other countries An Israel based company Supermeat has developed what it calls a “crispy cultured chicken while Finless Foods based in California is developing cultured bluefin tuna meat from the sought after species now threatened by long standing overfishing Other companies including Mosa Meat in the Netherlands Upside Foods in California formerly known as Memphis Meats and Aleph Farms in Israel are developing textured meats such as steaks that are cultivated in factory scale labs Unlike the existing plant based protein meat alternatives developed by Beyond Meat and Impossible Foods cell based meat cultivation results in muscle tissue that is molecularly beef or pork Two other California companies are also offering innovative products Clara Foods serves creamy lab grown eggs fish that never swam in water and cow s milk brewed from yeast Perfect Day makes lab grown “dairy productsーyogurt cheese and ice cream And a nonprofit grassroots project Real Vegan Cheese which began as part of the iGEM competition in is also based in California This is an open source DIY cheese derived from caseins the proteins in milk rather than harvested from animals Casein genes are added to yeast and other microflora to produce proteins which are purified and transformed using plant based fats and sugars Investors in cultured meat and dairy products include the likes of Bill Gates and Richard Branson as well as Cargill and Tyson two of the world s largest conventional meat producers Lab grown meat remains expensive today but the costs are expected to continue to drop as the technology matures Until they do some companies are creating hybrid animal plant proteins Startups in the United Kingdom are developing blended pork products including bacon created from percent cultured pork cells mixed with plant proteins Even Kentucky Fried Chicken is exploring the feasibility of selling hybrid chicken nuggets which would consist of percent cultured chicken cells and percent plants Shifting away from traditional farming would deliver an enormous positive environmental impact Scientists at the University of Oxford and the University of Amsterdam estimated that cultured meat would require between and percent less energy occupy percent less land and produce to percent fewer greenhouse gases than conventional animals farmed for consumption A synthetic biology centered agriculture also promises to shrink the distance between essential operators in the supply chain In the future large bioreactors will be situated just outside major cities where they will produce the cultured meat required by institutions such as schools government buildings and hospitals and perhaps even local restaurants and grocery stores Rather than shipping tuna from the ocean to the Midwest which requires a complicated energy intensive cold chain fish could instead be cultured in any landlocked state Imagine the world s most delicate delicious bluefin tuna sushi sourced not from the waters near Japan but from a bioreactor in Hastings Nebraska Synthetic biology will also improve the safety of the global food supply Every year roughly million people become ill from contaminated food according to World Health Organization estimates and die Romaine lettuce contaminated with E coli infected people across states in January resulting in hospitalizations In an intestinal parasite known as Cyclospora which causes what is best described as explosive diarrhea resulted in McDonald s Trader Joe s Kroger and Walgreens removing foods from their shelves Vertical farming can minimize these problems But synthetic biology can help in a different way too Often tracing the source of tainted food is difficult and the detective work can take weeks But a researcher at Harvard University has pioneered the use of genetic barcodes that can be affixed to food products before they enter the supply chain making them traceable when problems arise That researcher s team engineered strains of bacteria and yeast with unique biological barcodes embedded in spores Such spores are inert durable and harmless to humans and they can be sprayed onto a wide variety of surfaces including meat and produce The spores are still detectable months later even after being subjected to wind rain boiling deep frying and microwaving Many farmers including organic farmers already spray their crops with Bacillus thuringiensis spores to kill pests which means there s a good chance you ve already ingested some These barcodes could not only aid in contact tracing but be used to reduce food fraud and mislabeling In the mid s there was a rash of fake extra virgin olive oil on the market The Functional Materials Laboratory at ETH Zurich a public research university in Switzerland developed a solution similar to the one devised at Harvard DNA barcodes that revealed the producer and other key data about the oil	2022-02-19 16:30:24
海外TECH	Engadget	Skype can now make 911 calls in the United States	https://www.engadget.com/skype-911-calls-united-states-162112469.html?src=rss	Skype can now make calls in the United StatesMicrosoft has released Skype version and it comes with the ability to make calls if you re in the US As first noticed by XDA Developers the app s release notes list its new emergency calling support in the United States for both PC and mobile In addition to being able to dial emergency services for you the app can also automatically detect and share your location with emergency operators nbsp The company included a disclaimer in the Skype support page that the app will only share your location if you dialed for the purpose of calling emergency responders to where you are Of course you must be using a device that can share your location and you must be in a place where sharing is available for the feature to work Skype has never supported emergency calling in the past and this new ability could be especially useful if you have access to a computer but not to a mobile phone Location sharing is switched off by default though and you ll have to opt in first To do so click on your profile picture on Skype go to Privacy under Settings to toggle on emergency location sharing You can switch it off anytime you want nbsp The new emergency calling capability is now available for Skype on Windows Mac Linux the Web Android iPhone and iPad	2022-02-19 16:21:12
海外科学	NYT > Science	Who Is Behind QAnon? Linguistic Detectives Find Fingerprints	https://www.nytimes.com/2022/02/19/technology/qanon-messages-authors.html	Who Is Behind QAnon Linguistic Detectives Find FingerprintsUsing machine learning separate teams of computer scientists identified the same two men as likely authors of messages that fueled the viral movement	2022-02-19 16:39:36
ニュース	BBC News - Home	Shock of invasion of Ukraine would echo around world - PM	https://www.bbc.co.uk/news/uk-politics-60432970?at_medium=RSS&at_campaign=KARANGA	fellow	2022-02-19 16:48:28
ニュース	BBC News - Home	Storm Eunice: Huge 400-year-old oak tree falls on to house	https://www.bbc.co.uk/news/uk-england-essex-60440429?at_medium=RSS&at_campaign=KARANGA	british	2022-02-19 16:43:52
ニュース	BBC News - Home	Scotland beat Slovakia at Pinatar Cup	https://www.bbc.co.uk/sport/football/60438200?at_medium=RSS&at_campaign=KARANGA	slovakia	2022-02-19 16:26:08
北海道	北海道新聞	ノンバイナリー公表、初の演技　フィギュア冬季五輪で	https://www.hokkaido-np.co.jp/article/647871/	北京冬季五輪	2022-02-20 01:02:49
北海道	北海道新聞	独ルフトハンザがキエフ便停止　ＫＬＭオランダ航空に続き	https://www.hokkaido-np.co.jp/article/647873/	航空	2022-02-20 01:13:00
北海道	北海道新聞	男子はスロバキアが銅　アイスホッケー・１９日	https://www.hokkaido-np.co.jp/article/647872/	男子	2022-02-20 01:01:00