投稿時間:2021-08-19 20:26:41 RSSフィード2021-08-19 20:00 分まとめ(34件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	お札を折らず、コンパクトに収納。「ミニマムな長財布」picoro―ピコロ―	https://japanese.engadget.com/picoro-wallet-103514158.html	中身を入れても膨らみ過ぎない、洗練されたフォルムが大人の上質感を醸し出してくれます。	2021-08-19 10:35:14
TECH	Engadget Japanese	軽～中等度の難聴を支援。Jabraが補聴器兼用無線イヤホンJabra Enhance Plusを米国発表	https://japanese.engadget.com/jabra-enhance-plus-103050900.html	gnaudio	2021-08-19 10:30:50
TECH	Engadget Japanese	米軍の顔認証データをタリバンが押収、現地協力者に報復リスク。「Face IDが役立つかも」と人権団体が助言	https://japanese.engadget.com/us-face-recognition-taliban-faceid-100034221.html	faceid	2021-08-19 10:00:34
ROBOT	ロボスタ	【連載マンガ ロボクン vol.199】ついていくノダ	https://robotstart.info/2021/08/19/robokun-199.html	yascorn	2021-08-19 10:38:26
TECH	Techable（テッカブル）	楽天、「Rakuten Optimism 2021」を10月に開催。2年ぶりの開催はオンラインで	https://techable.jp/archives/160170	rakutenoptimism	2021-08-19 10:00:06
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonではじめる機械学習 part4	https://qiita.com/yuto_suzuki/items/97f158451990dca1bb58	また、前記事で予測評価の重要性について触れたが、今回実践的に踏み込めてより理解が進んだように思う。	2021-08-19 19:16:55
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】appendChildの使い方	https://qiita.com/tkshiiiir/items/b16f120b192b74c283dd	以前にappendChildを使用して画面にフォームを追加するコードを書いていましたが、しっかり理解して使っているわけではなかったので備忘録としてもJavaScriptでHTMLの要素を追加するappendChildの使い方について書いていきます。	2021-08-19 19:14:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ダウンロードしたフォントを使うことができない	https://teratail.com/questions/355144?rss=all		2021-08-19 19:57:32
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	条件にaを複数回使用は何故できないのか分かりません。	https://teratail.com/questions/355143?rss=all	条件にaを複数回使用は何故できないのか分かりません。	2021-08-19 19:54:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	TensorFlow1.*のプログラムをTensorFlow2.*で動かしたいです。	https://teratail.com/questions/355142?rss=all	TensorFlowのプログラムをTensorFlowで動かしたいです。	2021-08-19 19:08:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	UNITY EventSystemのドラッグ時のdeltaの値を利用したい	https://teratail.com/questions/355141?rss=all	UNITYEventSystemのドラッグ時のdeltaの値を利用したい前提・実現したいことEventSystemのドラッグ時のdeltaの値をDゲームのカメラの移動に使用しようと考えました。	2021-08-19 19:08:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【rails】メモリ断片化の対処法を知りたい	https://teratail.com/questions/355140?rss=all	【rails】メモリ断片化の対処法を知りたいAWSnbspEC上で、railsをpumaで本番稼働しています。	2021-08-19 19:03:21
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[Ruby] AtCoder 過去問　B - 1%	https://qiita.com/minhee/items/0ee56de8f0b2eed2d07d	また、このあとwhile文で使う繰り返した回数を数えてくれる変数を用意してを代入しておきます。	2021-08-19 19:47:58
AWS	AWSタグが付けられた新着投稿 - Qiita	EC2の暗号化設定について	https://qiita.com/chanmuuuu20/items/7f78e1002a53b936f135	設定方法該当のECのAMIを取得取得したAMIをコピーし、コピーする際にEBSの暗号化にチェックを入れる。	2021-08-19 19:00:37
海外TECH	DEV Community	| PURE CSS TEXT TYPOGRAPHY EFFECT	https://dev.to/youssefcharrouf/pure-css-text-typography-effect-4cfn	effect	2021-08-19 10:51:52
海外TECH	DEV Community	A library for creating themable applications with Next.js	https://dev.to/bmstefanski/a-library-for-creating-themable-applications-with-next-js-2fca	A library for creating themable applications with Next jsFeatures Non flickering Accessible supports prefers color scheme Dynamic theme values No additional dependencies Agnostic to the way you style your appRead more here	2021-08-19 10:39:54
海外TECH	DEV Community	| PURE CSS TEXT TYPOGRAPHY EFFECT	https://dev.to/youssefcharrouf/pure-css-text-typography-effect-2pgl	PURE CSS TEXT TYPOGRAPHY EFFECT in this post we will learn to create an amazing CSS Text typography using CSS Gradient conic gradient OUTPUT IMG ABOVE LET S PRACTICE first step create a HTML file and create a text so in this example I am going to take lt h gt your words here lt h gt So now our html is complete lt DOCTYPE html gt lt html gt lt head gt lt title gt css typography lt title gt lt link rel stylesheet href main css gt lt link href rel stylesheet gt lt head gt lt body gt lt h gt DESKTOP lt h gt lt body gt lt html gt nd step Now we need to add our main css make sure that you linked it with your html fileafter that go to css editor and write this margin padding box sizing border box font family AlphaCentauri sans serif html body width height body display flex align items center justify content center background color aliceblue h font size rem background conic gradient CA E E FF FF B B AB webkit background clip text color transparent webkit text fill color transparent end don t forget	2021-08-19 10:34:32
海外TECH	DEV Community	Top 9 Lessons learned in 12 years as a software developer.	https://dev.to/tyaga001/top-9-lessons-learned-in-12-years-as-a-software-developer-4o9h	Top Lessons learned in years as a software developer I completed years as a software developer this month Few honest takeaways about my experience with the job and the software engineering industry I completed years as a software developer last week Few honest takeaways about my experience with the job and the software engineering industry A Thread pic twitter com DKzlSnsHaーAnkur TheAnkurTyagi August No one can stop you when you master the basicsYou can start with any technology you want But if you re struggling take a pause amp restart your tech journey Remember all new amp fancy frameworks are based on the basics Master basics you can code in anything “What s more important to you Quantity or Quality Your answer might be it depends But until you do an experiment in your core areas how do you actually know about the quality Go amp take calculative risk amp be the change Professional Relationship Create your bridges We all are humans behind codeIt s also about making connections amp professional relationshipsDon t just always consume help others as much as possible time will return the favorDon t burn your bridges Always create Years of experience won t make you qualified for a job Everyone looks for a genuine experiencePeople have different learning curves The only time we get a chance to be qualified is when we act Don t stay in your comfort zone Look outside world is moving faster “To be an expert in a field that changes from one day to the next is akin to placing your hand in a running river you can trap a small bit of water for the moment but once you lift your hand again the river rushes on Kelly Ripley Feller Coding game is really challengingThere are no short cuts You need to find a balance between coding amp your health Coding is mentally demanding Depression is a real thing always look for help Look for mentorship Talk your best friends Job security is a myth Always be a team player We win as a team we lose a team Software development is a team game You need to act amp take responsibility as per your role Always respect diversityEveryone talks about diversity Sometimes humans talk a good game but don t follow through on their promises A diverse IT team is an asset that can help to drive innovation People of different backgrounds can have ideas for new products and services that would be of interest to a broad audience or even a niche sector Those are good business reasons for seeking a diverse workforce However there s an even better reason and it s a human reason Don t try to learn everything YOU can t Find your NICHE Master that one Look for another area again master that one amp so on Follow the T Shaped approach I made the mistake of trying to diversify too early in my career My mind became scrambled by trying to learn too many different things at once and I wasn t seeing results anywhere Don t rush through the early stages take your time to pick one thing you want to pursue and learn as much as you can about it It s far better to be great at one thing than mediocre in A T shaped developer has deep knowledge skills in one area and a broad base of general supporting knowledge skills Thanks for reading If you re a regular reader thank you you re a big part of the reason I ve been able to share my life career experiences with you Don t miss out Follow your mentor on Twitter TheAnkurTyagi You can buy me a beer if you feel generous BUY Me a Beer	2021-08-19 10:21:07
海外TECH	DEV Community	How to create a Custom Drag & Drop Hook in React!🔥	https://dev.to/shaan71845/how-to-create-a-custom-drag-drop-hook-in-react-nme	How to create a Custom Drag amp Drop Hook in React Hello guys Recently while working on a project I came accross a situation where I needed to implement Drag and drop feature for uploading files to the server But the problem was that the component file in which I was working was already large so I wanted to somehow separate the drag and drop logic from my component logic and I ended up creating a useDragAndDrop hook In this article I want to share exactly how I created a custom hook for drag and drop feature So let s build it Let me show you the end result of what we will be building Initialize a React Project npx create react app drag and drop react template typescriptAfter the project is initialized let s create a form in App js import App css function App return lt div className container gt lt form gt lt label htmlFor file gt lt h gt Select Or drop a file lt h gt lt label gt lt input type file name file id file gt lt form gt lt div gt export default App In the App css make the following changes to make it look beautiful or you can do your own custom styling import url Sans JP amp display swap margin padding box sizing border box html body background c height vh width display flex justify content center align items center container background fff padding em em border radius em box shadow px px rgba px px rgba px px rgba px px rgba px px rgba px px rgba input display none label width px border px efab dashed padding em em display inline block cursor pointer font family Noto Sans JP sans serif label h font size text align center color efab file drop error width text align center color red display inline block margin bottom em file properties margin top em file properties ul list style none text align center Now let s create the hookCreate a folder called hooks and inside it create a file useDragAndDrop ts In this file we will create the necessary state and methods for the drag and drop feature First we will create two states dragOver and fileDropError DragOver will determine if the file is being dragged over our label element and fileDropError will contain the error message if there is any error after dropping the file In this case we want an image so the fileDropError will likely store error messages related to file not being of the type image const dragOver setDragOver useState false const fileDropError setFileDropError useState Next we will create two function onDragOver and onDragLeave this will the toggle the state of dragOver and then will return all the states and method const onDragOver e React SyntheticEvent gt e preventDefault setDragOver true const onDragLeave gt setDragOver false The final code will look like this import useState from react export default function useDragAndDrop const dragOver setDragOver useState false const fileDropError setFileDropError useState const onDragOver e React SyntheticEvent gt e preventDefault setDragOver true const onDragLeave gt setDragOver false return dragOver setDragOver onDragOver onDragLeave fileDropError setFileDropError And that s it for this file Now let s come back to App js and implement our hook Import useDragAndDrop from the hooks folder and then destructure all the values from our hook We will also need a file state to store the file import React useState from react import App css import useDragAndDrop from hooks useDragAndDrop function App const file setFile useState lt File gt const dragOver setDragOver onDragOver onDragLeave fileDropError setFileDropError useDragAndDrop return lt div className container gt lt form gt lt label htmlFor file gt lt h gt Select Or drop a file lt h gt lt label gt lt input type file name file id file gt lt form gt lt div gt Now let s specify the onDragOver and onDragLeave methods on our label like this Please note that the onDrop function here is not related to our hook but will be called when the file is dropped We will create this function in the App js itself We also add some conditional styling and conditional rendering This will just change the border styling and the text inside the label once the file is being dragged over the label Look in the picture below lt label htmlFor file onDragOver onDragOver onDragLeave onDragLeave onDrop onDrop style border dragOver px dashed yellowgreen gt file amp amp lt h gt file name lt h gt file amp amp lt h style color dragOver yellowgreen gt dragOver Select Or Drop your File here Drop here lt h gt lt label gt Now we will create the onDrop and fileSelect function for setting the file state after the file is dropped or selected const onDrop e React DragEvent lt HTMLLabelElement gt gt e preventDefault setDragOver false const selectedFile e dataTransfer files if selectedFile type split image return setFileDropError Please provide an image file to upload setFile selectedFile const fileSelect e any gt let selectedFile e dataTransfer files if selectedFile type split image return setFileDropError Please provide an image file to upload setFileDropError Mention the onChange handler on the input element lt input type file name file id file onChange fileSelect gt Also we need to conditionally render any error we have fileDropError amp amp lt span className file drop error gt fileDropError lt span gt Final App js looks like this import React useState from react import App css import useDragAndDrop from hooks useDragAndDrop function App const dragOver setDragOver onDragOver onDragLeave fileDropError setFileDropError useDragAndDrop const file setFile useState lt File gt const onDrop e React DragEvent lt HTMLLabelElement gt gt e preventDefault setDragOver false const selectedFile e dataTransfer files if selectedFile type split image return setFileDropError Please provide an image file to upload setFile selectedFile const fileSelect e any gt let selectedFile e dataTransfer files if selectedFile type split image return setFileDropError Please provide an image file to upload setFileDropError return lt div className container gt lt form gt fileDropError amp amp lt span className file drop error gt fileDropError lt span gt lt label htmlFor file onDragOver onDragOver onDragLeave onDragLeave onDrop onDrop style border dragOver px dashed yellowgreen gt file amp amp lt h gt file name lt h gt file amp amp lt h style color dragOver yellowgreen gt dragOver Select Or Drop your File here Drop here lt h gt lt label gt lt input type file name file id file onChange fileSelect gt lt form gt lt div gt export default App And That s it we have successfully created custom Drag amp Drop hook I hope you liked the article and gained some knowledge as well All the codes used are there in the github repository mentioned below Github Repo	2021-08-19 10:15:00
海外TECH	DEV Community	Generate all kinds of permutations and combinations using backtracking	https://dev.to/dhavalraj007/generate-all-kinds-of-permutations-and-combinations-using-backtracking-41he	Generate all kinds of permutations and combinations using backtrackingThere are four kinds of permutations or combinations possible based on whether repetition is allowed or not and whether order matters or not All four of them are summarized and explained by example in the below figure To generate them using recursion we make the recursion tree All the combinations in this tree are the first type of permutations n r if the repetitions are not allowed but the order matters then you just skip the blue ones the point to not here is that we skipped those items here which are same as the parent node like for s children we skipped when came for s children we skipped when came So this will take care of the repetitions thing now if the order does not matter then we cant take both and In the figure we skip green ones Notice here that we only skip the children elements who are less then the parent or you can say we take elements starting from the parent itself for example for s children we start taking elements from like for s children we start taking elements from like and for s children we start taking elements from like Based on following observations here is the Cpp code include lt iostream gt include lt algorithm gt include lt vector gt using namespace std void permComb vector lt int gt data int r bool order bool repeat vector lt int gt out int i if r print out return for int next order i i next lt data size next if repeat and next i continue out push back data next r permComb data r order repeat out next r out pop back return int main vector lt int gt data permComb data true false return let me know in the comments if you have any doubts	2021-08-19 10:12:57
Apple	AppleInsider - Frontpage News	Worldwide civil rights groups ask Apple to drop CSAM plans	https://appleinsider.com/articles/21/08/19/worldwide-civil-rights-groups-ask-apple-to-drop-csam-plans?utm_medium=rss	Worldwide civil rights groups ask Apple to drop CSAM plansMore than civil rights groups have sent an open letter to Apple asking the company to abandon its child safety plans in Messages and Photos fearing expansion of the technology by governments Apple s new child protection featureFollowing the German government s description of Apple s Child Sexual Abuse Material plans as surveillance organizations around the world have joined the protest Groups including US based ones have written to CEO Tim Cook Read more	2021-08-19 10:48:41
海外TECH	Engadget	'Splitgate', the FPS with portals, has shot past 10 million downloads	https://www.engadget.com/splitgate-10-million-downloads-100924991.html?src=rss	x Splitgate x the FPS with portals has shot past million downloadsSplitgate a frenetic free to play arena shooter with portals has become a word of mouth hit with million downloads in under days Developer Games has announced that the game will remain in open beta indefinitely as it works on managing the sudden influx of players As a result Splitgate is no longer slated to fully launch this month Instead will continue to roll out updates and fixes to the game complete with new content and improvements to the backend that can facilitate the uptick in players Queue times are now less than minutes and a new Ranked Duos mode recently went live Splitgate injected the tired arena shooter with a much need blast of vitality by adding portals to the mix Players can cast these wormholes around the map and even shoot opponents through them It helps that it s free to play contains a variety of guns and plenty of game modes like Team deathmatch Team Shotty Snipers and Team SWAT nbsp While the game has been in early access since it exploded in popularity in the wake of its open beta launch in early July which brought with it cross play with Xbox and PlayStation consoles According to the shooter went from an initial concurrent players to more than in a few weeks Naturally the massive increase caused backend issues Splitgate was taken offline twice in recent weeks as the small team worked on server optimizations nbsp In late July the developer announced that it had raised million in a recent funding round led by Human Capital on top of the million it snagged earlier in the year said it would put the money toward expanding its engineering team The company also has a major announcement in store for Gamescom later this month as it looks to build on Splitgate s breakout success In a recent Q amp A session on Twitch the developer reportedly mentioned that a Switch and mobile port of the game was quot part of the vision quot “This has been the most surreal time of my life said Ian Proulx CEO and co founder of Games “The fan support has been incredible as we work to improve the player experience We never dreamed of having to scale this big this quickly and as a result we have had to overcome challenges to keep up with player demand We met several major milestones in a short time creating a stable platform where fans can expect to find a server to play on relatively quickly and I m proud of what our team has accomplished but there s a lot more to come Proulx continued “In looking at the issues facing the scalability of the game s backend the process includes far more than simply dealing with server capacity We are focused on keeping the game stable for fans and iterating on the game s concurrent capacity in order to minimize player wait times We want to do this the right way and we want to be prepared for massive scale when we officially launch all the while continuing to improve the beta with frequent updates additional features and improvements to server capacity	2021-08-19 10:09:24
ニュース	BBC News - Home	Boris Johnson urged to sack foreign secretary over Afghan interpreters	https://www.bbc.co.uk/news/uk-58265160	foreign	2021-08-19 10:30:53
ニュース	BBC News - Home	Plymouth shooting: Victims died from shotgun wounds	https://www.bbc.co.uk/news/uk-england-devon-58260590	shotgun	2021-08-19 10:24:22
ニュース	BBC News - Home	Cambridgeshire: Train driver injured in level crossing collision	https://www.bbc.co.uk/news/uk-england-cambridgeshire-58269427	network	2021-08-19 10:50:57
LifeHuck	ライフハッカー［日本版］	【Amazonタイムセール祭り】まもなく終了！備えて安心の解熱鎮痛薬やゼリー飲料などが今ならお買い得	https://www.lifehacker.jp/2021/08/amazon-timesale-fes-2021-0819-3.html	amazon	2021-08-19 19:15:00
北海道	北海道新聞	国内感染、最多２万４千人超　新型コロナ、重症者も更新	https://www.hokkaido-np.co.jp/article/579919/	新型コロナウイルス	2021-08-19 19:19:00
北海道	北海道新聞	「話せる券売機」道内８割のＪＲ有人駅に導入へ　非接触型に需要	https://www.hokkaido-np.co.jp/article/579914/	記者会見	2021-08-19 19:13:45
北海道	北海道新聞	男子ゴルフ宋首位、竹安ら１打差　セガサミー・カップ第１日	https://www.hokkaido-np.co.jp/article/579918/	男子ゴルフ	2021-08-19 19:14:00
北海道	北海道新聞	山岸琴美が女子バタフライ２冠　全国高校総体第２６日	https://www.hokkaido-np.co.jp/article/579912/	体育大会	2021-08-19 19:08:00
北海道	北海道新聞	防衛費５・４兆円超要求へ　南西防衛、兵器の研究開発を増強	https://www.hokkaido-np.co.jp/article/579911/	研究開発	2021-08-19 19:06:00
北海道	北海道新聞	聖火掲げて代替リレー、東京パラ　埼玉・朝霞、競技場内で	https://www.hokkaido-np.co.jp/article/579910/	東京パラリンピック	2021-08-19 19:06:00
ニュース	Newsweek	ヨーロッパ最大の活火山、噴火でさらに伸びていた　伊エトナ火山	https://www.newsweekjapan.jp/stories/world/2021/08/post-96940.php	ヨーロッパ最大の活火山、噴火でさらに伸びていた伊エトナ火山今年月から噴火活動が続くイタリアのエトナ火山が、噴火によって標高を伸ばしていたことがわかった。	2021-08-19 19:00:57
IT	週刊アスキー	『ドラクエX』Ver6「天星の英雄たち」のOPムービーが公開！	https://weekly.ascii.jp/elem/000/004/066/4066461/	mmorpg	2021-08-19 19:40:00