投稿時間:2022-02-14 21:25:29 RSSフィード2022-02-14 21:00 分まとめ(31件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 札幌都市圏の「街の住みここち沿線」ランキング　3位「地下鉄東豊線」、2位は「札幌市電」、1位は？	https://www.itmedia.co.jp/business/articles/2202/14/news173.html	itmedia	2022-02-14 20:18:00
python	Pythonタグが付けられた新着投稿 - Qiita	文字列をwindowsでフォルダ名に使える文字列に変換するPythonプログラム	https://qiita.com/yuki_2020/items/cdab3b0ce451bc9e3179	変更する文字半角文字まず、windowsのフォルダで使用できない文字があります。	2022-02-14 20:16:39
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS App Runner に ECR をトリガーに自動デプロイをしてみた	https://qiita.com/sugimount-a/items/903c26f6eeed32014adc	AppRunnerのServiceにアクセスしてみると、正常にバージョンアップがされています。	2022-02-14 20:36:43
golang	Goタグが付けられた新着投稿 - Qiita	RaspberryPi4BにGoを入れる。	https://qiita.com/FizmimiFiz/items/322a922185d4bf59f8ea	試しにarmvl向けではなくarm向けをインストールしてみたら…通った…。	2022-02-14 20:49:05
golang	Goタグが付けられた新着投稿 - Qiita	【Go】テンプレートエンジンを使ってコンテンツを表示してみた	https://qiita.com/konyee/items/bb14b697357f026ad325		2022-02-14 20:21:18
golang	Goタグが付けられた新着投稿 - Qiita	# 【Go】一人コードリーディング会を始めます。(3回目)	https://qiita.com/endo-yuki/items/922096c6b919ec814030	」と認識していたので、osパッケージに以下のような関数があると思ってました。	2022-02-14 20:22:05
技術ブログ	Mercari Engineering Blog	【書き起こし】「お客さま体験の向上を目指して」品質向上に向けたメルペイフロントエンドチームの取り組み #mercari_frontend	https://engineering.mercari.com/blog/entry/20220214-2442ddf578/	hellip	2022-02-14 11:15:52
海外TECH	MakeUseOf	The 7 Best Monitors for Xbox Series X	https://www.makeuseof.com/best-monitors-xbox-series-x/	array	2022-02-14 11:36:32
海外TECH	MakeUseOf	What Is PayPal Key? How to Use It for Payments Anywhere	https://www.makeuseof.com/how-to-use-paypal-key/	What Is PayPal Key How to Use It for Payments AnywherePayPal Key lets you use your PayPal funds almost anywhere that accepts MasterCard If you live in the US here s how you can take advantage of it	2022-02-14 11:31:12
海外TECH	MakeUseOf	Bitcoin vs. Bitcoin Cash: What's the Difference?	https://www.makeuseof.com/bitcoin-versus-bitcoin-cash/	bitcoin	2022-02-14 11:01:12
海外TECH	DEV Community	Deep dive into React keys bugs	https://dev.to/kozlovzxc/deep-dive-into-react-keys-bugs-1351	Deep dive into React keys bugsA few days ago I was casually browsing open positions and one job application had a quick question What is wrong with this React code lt ul gt qwe asd zxc map item gt lt li gt item lt li gt lt ul gt Quick answer would be that it s missing key property but at this moment I caught myself on the feeling that I don t deeply understand what are React keys and what can go wrong if we use it incorrectly Let s figure it out together Stop here for a moment can you come up with an actual bug caused by misusing React keys Please share your example in the comments What are React keys anywayThis will be a bit of simplified explanation but it should be enough to dive into examples When we have some previous inner state and the new inner state we want to calculate the difference between them so we can update them DOM to represent the new inner state diff new state old statenew dom old dom diffLet s take a look at this example there is a list of items and we are adding new item to the bottom of the list Computing this diff won t be that hard but what happens if we shuffle the new list Computing diff over these changes suddenly isn t that easy especially when there are children down the tree We need to compare each item with each to figure out where something moved Keys for the rescue Basically with keys you are hinting to React where all items moved in this shuffle so it doesn t need to calculate it itself It can just take existing items and put them in the right place So what bad can happen if we ignore or misuse these keys Case Performance issuesHere is the simple app if you want to play with it yourself We can use a simple component which just logs if props were updated let Item FC lt any gt item gt let prevItem setPrevItem useState undefined useEffect gt console log On update item prevItem setPrevItem item item return lt div gt item title lt div gt Example Add items to the end of the list don t use keysAs you may expect there are just new components Example Add items to the start of the list don t use keysThings aren t going as expected here there are n updates on each click where n is the number of items in the list On each new item all items shift to the next component which may be a bit confusing at first Take another look at the console log here again Example amp Add items anywhere use ID as a keyIt works perfectly no unneeded updates React know exactly where each component moved Case Bugs with inputsHere is the simple app if you want to play with it yourself The issue with keys in this example is that if you don t re create DOM elements because of incorrect React keys these elements can keep user input when underlying data was changed In this example there is just a list of Items items map item gt lt Item item item onUpdate handleUpdate onDelete handleDelete gt And each item is just an input with a control button let Item item onUpdate onDelete gt return lt div gt lt input defaultValue item title placeholder Item onChange handleChange gt amp nbsp lt button onClick handleDelete gt x lt button gt lt div gt Also there is a dump of an inner state down on the page JSON stringify items null Example Create a few items and delete the first one don t use any keys Before deletion After deletion As you see inner state got unsynchronized with DOM state because inner models shifted as in the first example but view stayed the same This happens because React doesn t actually recreate an element of the same type docs but just updates the property Example Create a few items and delete the first one use ID as a key As expected everything works fine here Case Bugs with effects amp DOM manipulationsHere is the simple app if you want to play with it yourself The fun part is that React keys isn t only about lists they may be used with singe item as well Let s imagine that we have a task to show some notifications for users for seconds e g these are some Deals Some straightforward implementation when you just hide this box when timer fires We want this message to disapear in secondslet Notification message gt let ref useRef lt HTMLDivElement null gt null useEffect gt setTimeout gt if ref current null ref current style display none message return lt div ref ref gt message lt div gt Example Generate notification wait a bit generate again Nothing happens if we try to generate another notification This is because React doesn t re create the component just because of an updated property it expects the component to handle this on its own Example Generate notification wait a bit generate again but use message as a key It works Case Bugs with animationsHere is the simple app if you want to play with it yourself What if we want to somehow highlight newly created items in our fancy to do list keyframes fade from color red opacity to color inherit opacity item animation fade s Example Add new item to the end don t use any keys Looks ok to me Example Add new item to the start don t use any keys Something is off we are adding items to the start but the last item is highlighted This happens again because React shifts inner models same issue as for bug with inputs Example Add new item to the start use ID as a key Everything works perfectly Final notesSo as we figured out React keys aren t something magical they are just hinting React if we need to re create or update some component As for the initial question lt ul gt qwe asd zxc map item gt lt li gt item lt li gt lt ul gt Here is the stup where you can try all solutions Solution Do nothing In this concrete example this list should work just fine because there are just items and you don t update them but it won t be as much performant and there will be an annoying warning in the console Solution Item as a key If you are sure that this list have only unique values e g contact information you can use these values as keys lt ul gt qwe asd zxc map item gt lt li key item gt item lt li gt lt ul gt Solution Index as a key If you are sure that this list never changes by user or anyone else except by the developer you can use index as a key lt ul gt qwe asd zxc map item index gt lt li key index gt item lt li gt lt ul gt Be careful using indexes as keys because in all examples above you can set keys as indexes and all bugs will persist Solution Generated keys You also can try to generate the keys let generateKey gt console log Generating key return Math trunc Math random toString lt ul gt qwe asd zxc map item gt lt li key generateKey gt item lt li gt lt ul gt In this case you need to consider that these keys will be generated every time you update the component s state Solution Keys which are generated onceTo solve previous issue you need to move this array somewhere outside of a React component and generate keys manually let addKeysToArray array gt array map item gt key generateKey value item let array qwe asd zxc let arrayWithKeys addKeysToArray array console log arrayWithKeys References Russian p s I m looking for a remote senior frontend developer position so if you are hiring or if you can reference me please take a look on my cv	2022-02-14 11:50:22
海外TECH	DEV Community	McGregor's theory x and theory y	https://dev.to/smeetsmeister/mcgregors-theory-x-and-theory-y-38da	McGregor x s theory x and theory yThere are two managers in a company that have a different view of their employees Manager X thinks his employees are lazy and work only to get money On the other hand manager Y thinks his employees are motivated by pride and want to do the best job possible What do managers X and Y have in common They will both probably be right about their people How is this possible Let s take a look at McGregor s theory x and theory Y Theory X and Theory YDouglas McGregor wrote the book The human side of Enterprise in This book contained Theory X and theory Y McGregor states that there are two styles of management on how to motivate your employees Theory X is an authoritative style and has a negative outlook While Theory Y is a participative style and has an optimistic outlook Let s take a close look at both styles Theory XManagers that believe in theory X believe that employees are unmotivated to work As a result the employee must be persuaded or warned with punishment to effectively work The employees cannot be trusted to work on their own and will get no responsibilities Managers with this style usually need close supervision of their employees and have a dictatorial style As a result employees will have no ambition will avoid responsibility and will resist change I have several personal experiences with this type of manager They mostly go back to my time as a student and doing part time jobs For instance some examples are I was could not open the office due to security rules Every two weeks I waited paid around an hour for someone else to open the office Even if a process is flawed follow it We don t pay you to think A manager stating I know you started work minutes earlier today but if you clock out minute earlier to catch your train I will write you up for absence img alt How a Theory X manager sees his employees if he is not there lt br gt height src dev to uploads s amazonaws com uploads articles lwhwcjlgidaurxhil jpg width How a Theory X manager sees his employees if he is not there Theory YTheory Y is the opposite of Theory X Managers that believe in Theory Y believe that employees are internally motivated to work like to be challenged and can self direct amp self control As a result employees won t need close supervision to create a quality product If the job is rewarding and satisfying people will be loyal and do their best to do their jobs Some examples of my personal life with Y styled managers are Giving the team I was in the complete freedom to build a product Giving credits to the team in case of a success How can both managers be right In the introduction we stated that both managers will probably be right about their people How is this possible Theory X and Theory Y are opposites in their beliefs Employees respond to how they are managed If a manager gives them a sense of distrust micromanages them and punishes them for thinking As a result this will lead to passive behavior of the employee Which creates the image that employees are lazy and need to be directed The same concept applies to Theory Y If you give employees the freedom and trust to do their jobs Therefore you create a positive environment where that behavior is promoted You can see it as a self fulfilling prophecy Do you believe people are unmotivated and lazy They will probably turn out that way Do you believe people are motivated and give their best They will probably turn out that way too img alt lt br gt Pick your management style based on the behaviour you want to promote height src dev to uploads s amazonaws com uploads articles fhwmprqzrkl jpg width Pick your management style based on the behaviour you want to promote Practical useNow that we have a theoretical background of the theories of McGregor how can we put them into practice as an engineering leader Think about your teams how would you like them to be As we learned from the theoretical part your style as a leader can have a big impact on how your teams perform To complete the self fulfilling prophecy think about what behavior you want to see in your teams and set a good example Make sure to pay attention to not only what you express but also what your behavior indicates For instance if you tell a team you trust them to do build the right solution but micromanage them while they do it What does that really tell You tell them you do not really trust them What did you think about this post Do you like the engineering leadership series Let me know in the comments down below	2022-02-14 11:35:17
Apple	AppleInsider - Frontpage News	Apple threatens to pull out of Toronto shopping project	https://appleinsider.com/articles/22/02/14/apple-threatens-to-pull-out-of-toronto-shopping-project?utm_medium=rss	Apple threatens to pull out of Toronto shopping projectClaiming that missed deadlines mean it can cancel its contract Apple has reportedly told the developer of a Toronto mall and condo project that it may pull out of the deal The One under construction in Toronto Source Eduardo Lima The Globe and MailSince Mizrahi Developments has been constructing what it calls a condominium an storey skyscraper that includes significant shopping areas at the corner of Yonge and Bloor Then in Apple was revealed to be involved with plans for a square foot store in the complex Now however it has reportedly told the developer that it may pull out of the downtown building known as The One Read more	2022-02-14 11:05:22
海外TECH	Engadget	Volta is installing 1,000 EV fast-charging stations at Walgreens locations	https://www.engadget.com/volta-walgreens-ev-fast-charging-stations-115559815.html?src=rss	Volta is installing EV fast charging stations at Walgreens locationsMore electric vehicle drivers will soon be able to charge their car s battery when they stop by the drugstore EV charging network Volta is bringing another DC fast charging stalls to Walgreens locations This marks a significant expansion of their partnership The pair started working together in and there are currently Volta stations at Walgreens stores The companies say the latest agreement builds on Volta s plans to expand access to its DC fast charging network and aligns with Walgreens support of efforts to reduce carbon emissions quot Walgreens is an ideal match for faster forms of Volta charging given the average time a Walgreens shopper typically spends in store quot Volta founder and CEO Scott Mercer said in a statement quot The next phase of our work with Walgreens will provide people with a quick convenient and meaningful charge that is tailored to their shopping experience while bringing us another step closer to a clean energy future quot Drugstores and grocery stores are good spots for EV charging stations since drivers can top up their battery while grabbing some essentials On top of that the easier it is for folks to access fast charging stations the more likely they might be to switch to an EV This week the Biden administration announced a billion plan to improve EV charging infrastructure across the US	2022-02-14 11:55:59
海外TECH	CodeProject Latest Articles	Implement pagination in .NET Core MVC application with custom HtmlHelpers	https://www.codeproject.com/Articles/5324839/Implement-pagination-in-NET-Core-MVC-application-w	htmlhelpers	2022-02-14 11:56:00
ニュース	BBC News - Home	Petrol and diesel prices reach new record high	https://www.bbc.co.uk/news/business-60375568?at_medium=RSS&at_campaign=KARANGA	highthe	2022-02-14 11:02:12
ニュース	BBC News - Home	Post Office scandal: Public inquiry to examine wrongful convictions	https://www.bbc.co.uk/news/business-60369875?at_medium=RSS&at_campaign=KARANGA	computer	2022-02-14 11:09:28
ニュース	BBC News - Home	Sir Keir Starmer confirms he had death threats after PM's Jimmy Savile claim	https://www.bbc.co.uk/news/uk-politics-60373912?at_medium=RSS&at_campaign=KARANGA	jimmy	2022-02-14 11:49:07
ニュース	BBC News - Home	Police officer facing action over Wayne Couzens messages	https://www.bbc.co.uk/news/uk-england-london-60341306?at_medium=RSS&at_campaign=KARANGA	hearing	2022-02-14 11:36:32
ニュース	BBC News - Home	Mexico violence: Gunmen attack wake, then target funeral	https://www.bbc.co.uk/news/world-latin-america-60374881?at_medium=RSS&at_campaign=KARANGA	shoot	2022-02-14 11:31:27
ニュース	BBC News - Home	Ivan Reitman: Ghostbusters director dies aged 75	https://www.bbc.co.uk/news/entertainment-arts-60370984?at_medium=RSS&at_campaign=KARANGA	czechoslovakia	2022-02-14 11:24:59
ニュース	BBC News - Home	Kieran Trippier: Newcastle defender fractures foot	https://www.bbc.co.uk/sport/football/60375100?at_medium=RSS&at_campaign=KARANGA	aston	2022-02-14 11:42:50
ビジネス	不景気.com	常磐興産の希望退職者募集に31名が応募、想定4割下回る - 不景気.com	https://www.fukeiki.com/2022/02/joban-kosan-cut-31-job.html	希望退職	2022-02-14 11:12:42
北海道	北海道新聞	五輪開閉会式で「命を消耗」　総監督、張芸謀氏の妻が投稿	https://www.hokkaido-np.co.jp/article/645603/	北京冬季五輪	2022-02-14 20:12:00
北海道	北海道新聞	漫画海賊版対策、バカボンで啓発　「無断転載は犯罪なのだ」	https://www.hokkaido-np.co.jp/article/645602/	人気漫画	2022-02-14 20:11:00
北海道	北海道新聞	北朝鮮、仮想通貨４６０億円盗む　２１年に７回サイバー攻撃	https://www.hokkaido-np.co.jp/article/645601/	仮想通貨	2022-02-14 20:08:00
北海道	北海道新聞	新弟子検査は春場所後に　大相撲、前相撲も実施せず	https://www.hokkaido-np.co.jp/article/645600/	新弟子検査	2022-02-14 20:04:00
IT	週刊アスキー	ひと足先に「ねぷシス」を体験！『超次元ゲイム ネプテューヌ Sisters vs Sisters』で店頭体験会ならびにTwitterキャンペーンを実施	https://weekly.ascii.jp/elem/000/004/083/4083419/	ひと足先に「ねぷシス」を体験『超次元ゲイムネプテューヌSistersvsSisters』で店頭体験会ならびにTwitterキャンペーンを実施コンパイルハートは、PlayStationPlayStation用ソフト『超次元ゲイムネプテューヌSistersvsSisters』の店頭体験会ならびに「ここが気に入ったベストショットキャンペーン」を実施すると年月日に発表。	2022-02-14 20:20:00
マーケティング	AdverTimes	セブン-イレブン、ラストワンマイルMD部を廃止　販促部はマーケ部に	https://www.advertimes.com/20220214/article376944/	販促	2022-02-14 11:57:45
マーケティング	AdverTimes	電通グループ、21年度収益は15％増の1.08兆円　「B2B2S」掲げる	https://www.advertimes.com/20220214/article376936/	電通グループ	2022-02-14 11:00:43
海外TECH	reddit	仕事ができない人は、メールもチャットも一文が長過ぎる	https://www.reddit.com/r/newsokunomoral/comments/ss8503/仕事ができない人はメールもチャットも一文が長過ぎる/	ewsokunomorallinkcomments	2022-02-14 11:06:42