投稿時間:2023-03-03 01:27:47 RSSフィード2023-03-03 01:00 分まとめ(33件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Google ストアで｢新⁠生活⁠応援キ⁠ャ⁠ン⁠ペ⁠ーン｣がスタート ｰ ｢Pixel｣シリーズや｢Pixel Watch｣が対象	https://taisy0.com/2023/03/03/169186.html	google	2023-03-02 15:56:18
IT	気になる、記になる…	Amazon、紙の書籍を対象とした新生活セールを開催中 ｰ 最大30％還元セールとまとめ買いキャンペーン	https://taisy0.com/2023/03/03/169183.html	amazon	2023-03-02 15:15:50
python	Pythonタグが付けられた新着投稿 - Qiita	ChatGPTのAPIが出たので作ってみた	https://qiita.com/yukiaprogramming/items/9a9b5e14772a3a3bb4cc	pcopyrequirementstxtrunp	2023-03-03 00:56:57
Ruby	Rubyタグが付けられた新着投稿 - Qiita	ActiveRecordについて	https://qiita.com/clorop111/items/be1d7f69369a39162915	activerecord	2023-03-03 00:44:17
AWS	AWSタグが付けられた新着投稿 - Qiita	モダンなWebアプリ(Django, Next.js, Docker, AWS)を開発する #環境構築編	https://qiita.com/azumarions/items/2b7f9730196e943134f6	djangonextjsdockeraws	2023-03-03 00:00:55
Docker	dockerタグが付けられた新着投稿 - Qiita	モダンなWebアプリ(Django, Next.js, Docker, AWS)を開発する #環境構築編	https://qiita.com/azumarions/items/2b7f9730196e943134f6	djangonextjsdockeraws	2023-03-03 00:00:55
Azure	Azureタグが付けられた新着投稿 - Qiita	Gitlab CI/CD あれこれ	https://qiita.com/coitate/items/4bcace78a1be3f6f6e04	azurefunctionapps	2023-03-03 00:07:29
Ruby	Railsタグが付けられた新着投稿 - Qiita	ActiveRecordについて	https://qiita.com/clorop111/items/be1d7f69369a39162915	activerecord	2023-03-03 00:44:17
技術ブログ	Developers.IO	AWS App Runner에 Next.js 배포해보기	https://dev.classmethod.jp/articles/next-js-aws-app-runner/	AWS App Runner에Next js 배포해보기Next js를AWS App Runner에올려보겠습니다 본블로그전체코드는아래레포에서확인해주세요 프	2023-03-02 15:49:19
海外TECH	Ars Technica	Ford files patent for system that could remotely repossess a car	https://arstechnica.com/?p=1921281	files	2023-03-02 15:44:20
海外TECH	MakeUseOf	How to Use the Amazon Fire TV App to Back Up Your Remote Control	https://www.makeuseof.com/how-to-use-amazon-fire-tv-app-lost-remote-control/	amazon	2023-03-02 15:30:16
海外TECH	MakeUseOf	How to Fix the "D3DX9_39.dll Missing" Error on Windows 11	https://www.makeuseof.com/d3dx9-39dll-missing-error-windows/	windows	2023-03-02 15:15:16
海外TECH	DEV Community	Free resources that helped me master React as a Self Taught Web Developer	https://dev.to/asheeshh/free-resources-that-helped-me-master-react-as-a-self-taught-web-developer-58k2	Free resources that helped me master React as a Self Taught Web Developer React Why When it comes to web development and to be precise JavaScript frameworks libraries React js is always the one that most people think of first According to State of JS React is the most used frontend framework by web developers since the last years React still continues to be the the first choice of beginners and it s popularity lies in the fact that when it comes to frameworks being used in production React outperforms every other framework by usage so no matter how imperfect it might be React is not going to go anywhere anytime soon But no matter how good the tech might be it s always difficult as a beginner to get started with learning it and crossing the learning curve The over saturation of content around React and it s ecosystem contributes to this confusion There are tons of resources including the free ones present right now all over the web for learning React which is a good thing but quality should always come before quantity In this article I m writing about the resources that helped me to master React and the tools built around it I ll only be writing about the resources which I think beginners are most likely to benefit from and all of the resources are free Video Resources CoursesReact in seconds by FireshipThis video by Fireship is the best resource to get a grasp over React basics and get familiar with the way you work using React The video is concise and to the point a no nonsense simple introduction to React for everyone Free React course by ScrimbaThis free course is created by the Scrimba team with one of the best instructors I have learnt from Bob Ziroll this course can be done by anyone who has a basic grasp over JavaScript though it s not recommended to dive right into React without knowing JavaScript well The course is composed of modules and interactive sessions along with projects that you ll be building alongside learning React This course is one of the best courses out there for learning the React enough to get you started with it The way of teaching Bob uses is very easy to understand and Scrimba s interactive coding sessions make it x more powerful than any other course Free React beginner course by Kent C Dodds on egghead ioKent is one of the best instructors out there when it comes to React and it doesn t matter if you re a beginner or an intermediate this course is a fun ride along the basics of React You are going to enjoy this course for sure and you won t regret doing it The correct way to create a React project video by Theo amp embed This video is a must for all beginners starting to learn React where Theo has explained why you should not use create react app to scaffold a React app and also talks about the better alternatives available for the same Articles Blogs Other ResourcesAwesome list for React on GitHubThis is one of the best places to find out about different react based things and utilities according to your needs I use it all the time to find out about libraries and other tools to make my React project building process easier and efficient React Beta Documentation Trust me when I say it the React beta docs are so good that you might actually not need to do any course for getting a good grasp over it And there s a reason to it the React Beta Docs include interactive examples and along with visual diagrams They also include a lot of challenges to test your understanding on the topics Kent s Blogs on React jsAs I already mentioned before Kent is one of the person I really admire and I feel like his blogs are a work of art everything is explained so well as if he was sitting right beside you and explaining the thing though the topics he writes about might sometimes tend to be advanced Overreacted io by Dan AbramovThis is Dan Abramov s personal blog where he writes about React and everything in between Dan is a core member at React and the creator of Redux It s a must read blog to get some in depth knowledge about React Blogs on Dev to about ReactLast but not least the React tagged blogs on Dev to really make a wonderful resource for learning and building with React There are literally tons of Blogs available there and tons more waiting to be written ConclusionI think I shared quite enough resources for any beginner to start their React journey But please remember this No matter how many resources you re using or how many courses you re learning from all of it won t amount to nothing if you don t implement what you re learning on a project Please please please build as much as possible because that s the only way to get practical knowledge Now as I m about to end this blog I hope I was able to provide a valuable resource for the React and the Web Dev ecosystem In case you find something wrong here or would like to suggest something please just leave a comment below I ll make sure I get to it Thank a lot for reading if you made it till here I really appreciate it ️	2023-03-02 15:51:02
海外TECH	DEV Community	Welcome Thread - v215	https://dev.to/michaeltharrington/welcome-thread-v215-22n7	Welcome Thread v Welcome to DEV Leave a comment below to introduce yourself You can talk about what brought you here what you re learning or just a fun fact about yourself Reply to someone s comment either with a question or just a hello Great to have you in the community	2023-03-02 15:44:15
海外TECH	DEV Community	Paint-by-Numbers From Digital Images With React/JavaScript	https://dev.to/bytebodger/create-paint-by-numbers-from-digital-images-with-reactjavascript-2dc9	Paint by Numbers From Digital Images With React JavaScript NOTE The live web app that encompasses this functionality can be found here All of the underlying code for that site can be found here In the previous articles of this series I went into extensive detail about subjects such as pixelating color matching dithering and color depth But I wanted to wrap it up by showing how I personally use these features specifically as it pertains to my painting Color inventoryOnce I m done tinkering with an image in Paint Map Studio I need some information about the transformed image itself On the home page all of the output is in the form of the rendered image But at some point I ll need to see how that image translates into colors When the image has finished rendering two new links appear in the top nav One is MAP The other is STATS First we ll look at STATS STATS shows a list of all paints that were matched in the image listed in descending order The most used paints are at the top The least used are at the bottom And here s what the Stats component looks like Stats jsexport const Stats gt const uiState useContext UIState const navigateTo useNavigate const allColors useAllColors let colors const getColorCell paintName gt const color uiState stats colors find color gt color name paintName return lt TableCell style backgroundColor rgb color red color green color blue gt const getTableRows gt colors allColors get const colorCounts sortColorCounts uiState stats return colorCounts map colorCount index gt const paintName count colorCount const paintIndex colors findIndex color gt color name paintName return lt TableRow key paintName sx amp last child td amp last child th border gt lt TableCell style textAlign css textAlign center gt lt b gt index lt b gt lt TableCell gt lt TableCell style textAlign css textAlign center gt paintIndex lt TableCell gt lt TableCell style textAlign css textAlign center gt count lt TableCell gt getColorCell paintName lt TableCell gt lt span className paintName id paintName onClick handlePaintNameClick gt paintName lt span gt lt TableCell gt lt TableRow gt const handlePaintNameClick event gt uiState toggleHighlightedColor event target id navigateTo map const sortColorCounts stats gt const sort a b gt const aCount a const bCount b if aCount gt bCount return else if aCount lt bCount return else return const colorCounts Object entries stats colorCounts forEach colorCount gt colorCounts push colorCount return colorCounts sort sort const navigateToMap gt navigateTo map if Object keys uiState stats length return null return lt gt lt h className marginBottom gt Color Stats lt h gt lt div className marginBottom gt lt Typography gt These are all the colors represented in your generated image To see where these colors exist in the image click on the lt span className spanLink onClick navigateToMap gt MAP lt span gt link in the top nav bar lt Typography gt lt div gt lt TableContainer component Paper gt lt Table aria label used paints table size small gt lt TableHead gt lt TableRow gt lt TableCell style width gt lt TableCell style textAlign css textAlign center width gt lt b gt Ref lt b gt lt TableCell gt lt TableCell style textAlign css textAlign center width gt lt b gt Blocks lt b gt lt TableCell gt lt TableCell gt lt TableCell gt lt b gt Paint lt b gt lt TableCell gt lt TableRow gt lt TableHead gt lt TableBody gt getTableRows lt TableBody gt lt Table gt lt TableContainer gt lt div className minHeight gt lt div gt lt gt This allows me to see before I ever begin painting what paints I need and in what proportion Color mappingThe MAP link leads to a huge table in which every block from the original image is a cell in that table Each cell contains a number that corresponds to a given paint How do you know which number corresponds to which paint You look back at the STATS page That provides you with the color key Here s the code for Map component Map jsexport const Map gt const uiState useContext UIState const navigateTo useNavigate const allColors useAllColors let colors const getTableCells cells rgbModel rowIndex gt const highlightedColor uiState return cells map cell cellIndex gt const paintIndex colors findIndex color gt color name cell name const darkness cell red cell green cell blue let color let backgroundColor if highlightedColor cell name backgroundColor ff color red else backgroundColor rgb cell red cell green cell blue color darkness lt white black return lt td className cell id cell name key cell rowIndex cellIndex onClick handleCellClick style backgroundColor borderWidth highlightedColor cell name color gt paintIndex lt td gt const getTableRows gt colors allColors get return uiState stats map map row rowIndex gt return lt tr key row rowIndex gt getTableCells row rowIndex lt tr gt const handleCellClick event gt uiState toggleHighlightedColor event target id const navigateToStats gt navigateTo stats if Object keys uiState stats length return null return lt gt lt h className marginBottom gt Color Map lt h gt lt div className marginBottom gt lt Typography gt This is essentially a paint by numbers grid for the image that you generated You can copy all of the HTML from the grid below paste it into a spreadsheet like Google Sheets The key that tells you which colors map to which numbers can be seen by clicking on the lt span className spanLink onClick navigateToStats gt STATS lt span gt link in the top nav bar Also clicking on any of the color squares in the image below will highlight lt i gt every lt i gt instance of that color in the map Clicking the same color again will toggle the highlighting lt i gt off lt i gt lt Typography gt lt div gt lt table className borderSpacing gt lt tbody gt getTableRows lt tbody gt lt table gt lt div className minHeight gt lt div gt lt gt The huge table that s thrown onto the screen may feel a bit unwieldy But I ve done this because you can copy n paste an HTML table into most spreadsheet products like Microsoft Excel or Google Sheets and it will retain most of the information So once I get it transferred into a spreadsheet I then use that spreadsheet to guide my painting for the rest of the time that I m working on the piece For example this is a portion of the spreadsheet from the piece that I m working on now I manually added those red grid lines at cell intervals They correlate to the grid that I ve drawn on my panel Notice that the cells on the right side of the screen are devoid of numbers That s because I empty out the numbers once I ve painted that section so it s easy for me to tell just by looking at the spreadsheet what I ve painted and what I have yet to finish In the next installment There is no next installment Whew That was a lot to write I don t know how many people here it will help if any But I wanted to document many of the things that I learned about color management in React JavaScript Dealing with colors is a lot more nuanced than I ever believed when I first started down this path Building Paint Map Studio was an immensely fun experience Not only does it serve as a practical tool in my painting but it s vastly expanded my ability to programmatically manipulate images and dynamically manage aspects of color within those images Thank you for reading	2023-03-02 15:44:13
海外TECH	DEV Community	How to extract title, description or metadata from markdown	https://dev.to/codingnninja/how-to-extract-title-description-or-metadata-from-markdown-3nn8	How to extract title description or metadata from markdownDo you need a piece of code to extract title description or frontmatter from markdwon dynamically or you are just curious to know how it is done This tutorial shows you how to do it efficiently and step by step Just give me the code const extractMetadataFromMarkdown markdown gt const characterBetweenGroupedHyphens s S const metadataMatched markdown match characterBetweenGroupedHyphens const metadata metadataMatched if metadata return const metadataLines metadata split n const metadataObject metadataLines reduce accumulator line gt const key value line split map part gt part trim if key accumulator key value value join value join return accumulator return metadataObject Now let s explain everything step by step Step Declare a function named extractMarkdownMetadata const extractMarkdownMetadata markdown gt The rest of the code will go here extractMarkdownMetadata takes a markdwon as an argument Let s assume the markdown we want to use is title how to get things donedescription this is greatetags money income codingconver image ayobami jpg This is the main body of the article Step Write a regex that matches anything within and const characterBetweenGroupedHyphens s S Clearly you get the purpose of the regex above but do you understand what each of its units does Let me explain indicates we start writing a regex means the matching only matches the beginning of a string matches three hyphens s matches whitespace characters enter tab and more S matches non whitespace characters texts numbers and symbols s S it matches a white or non white space character matches the preceding element zero or more times in this case it operates on s S matches the preceding element zero or one time So makes the matching lazy s S is a group capturing that remembers keeps the string in the bracket as a group matches three ending hyphens indicates the end of the regex Step Extract frontmeta or metadata from a string const metadataMatched markdown match characterBetweenGroupedHyphens const metadata metadataMatched Don t forget markdwon is a string of markdown passed to the function as an argument and now we extract the metadata from it If we console log metadata we should have a string that looks like below title how to get things donedescription this is greatetags money income codingconver image ayobami jpg You might want to ask why do we assess metadataMatched with and why not or any other number It is because the regex matched the string including and and it is the first element of the array but group capturing helped pick the text between and as the second element of metadataMatched So we used to access it Step Split the string of metadata into lines of an array if metadata return const metadataLines metadata split n We return an empty object if metadata is falsy and split the metadata string into an array of lines of strings Step Convert the lines into an objectAfter we split the metadata into an array of lines of strings the metadataLines should look like below title how to get things done description this is greate tags money income coding conver image ayobami jpg Now let s convert everything into an object Use reduce to accumulate the metadata into an object const metadata metadataLines reduce accumulator line gt Split the line into key value pairs const key value line split map part gt part trim if key accumulator key value value join value join return accumulator Yeah that is what the reduce function do const key value line split map part gt part trim This part split each line by semi colon You should have realized that value is an array because of the rest operator We do it that way in case semi colon is also used as a part of value in the key value pairs like title How to get things done the best ways In this case the only string before the first semi colon is consider to be the key while the remainder is considered to be a value if key accumulator key value value join value join return accumulator Then we convert the key and value to key value pairs and put them into accumulator Remember accumulator is an argument from the reduce callback function value value join value join We checked if value is an array with more than one elment if that is true the array elements are join with and if it has an element we turn it to a string If you look at the complete function you should see something that looks like below return accumulator We pass an empty object as the accumulator to the reduce method because accumulator is an array by default Now the final result should look like title how to get things done description this is greate tags money income coding conver image ayobami jpg Finally we can now extract frontmatter or metadata from any markdown with JavaScript What are you waiting for Go and use whatever you have learnt now See you soon One more thingDo you want to solve any business problems with content or programming Let s talk Feel free to reach me on Twitter at Ayobami Ogundiran	2023-03-02 15:41:53
Apple	AppleInsider - Frontpage News	Casetify celebrates 'The Mandalorian' with iPhone cases and more	https://appleinsider.com/articles/23/03/02/casetify-celebrates-the-mandalorian-with-iphone-cases-and-more?utm_medium=rss	Casetify celebrates x The Mandalorian x with iPhone cases and morePhone maker Casetify is introducing The Mandalorian collection for the iPhone including Beskar Steel inspired protection New cases and a third season are outTo celebrate the third season of hit Star Wars show The Mandalorian on Disney Casetify has announced a collection of accessories for the iPhone and other Apple products that launches on March Read more	2023-03-02 15:48:20
Apple	AppleInsider - Frontpage News	How Apple wants to integrate its AR headset with iPhone & Mac	https://appleinsider.com/articles/23/03/02/how-apple-wants-to-integrate-its-ar-headset-with-iphone-mac?utm_medium=rss	How Apple wants to integrate its AR headset with iPhone amp MacApple s forthcoming headset was always going to work alongside iPhone and Mac but a newly filed patent application describes just what the company wants to happen The patent application Multi device continuity for use with extended reality systems centers on passing work such as documents from one device into a headset Implementations of the subject technology described herein provide transfer of content editing control of the content and or control of one or more applications from one device to another device using an XRsystem it says For example with the subject technology a user drafting an email on their smart phone can place the smartphone in the field of view of an XR device e g a tablet device or a head mountable system and continue drafting the email in an XR environment created by the XR device Read more	2023-03-02 15:12:25
海外TECH	CodeProject Latest Articles	How To Deploy Entity Framework Database Migrations	https://www.codeproject.com/Articles/5355897/How-To-Deploy-EF-Database-Migrations	How To Deploy Entity Framework Database MigrationsHow to deploy Entity Framework Database Migrations across multiple environments revert migrations and support complex migrations all while avoiding security flags	2023-03-02 15:48:00
金融	RSS FILE - 日本証券業協会	PSJ予測統計値	https://www.jsda.or.jp/shiryoshitsu/toukei/psj/psj_toukei.html	統計	2023-03-02 16:00:00
金融	RSS FILE - 日本証券業協会	株券等貸借取引状況（週間）	https://www.jsda.or.jp/shiryoshitsu/toukei/kabu-taiw/index.html	貸借	2023-03-02 15:30:00
金融	金融庁ホームページ	第51回金融審議会総会・第39回金融分科会合同会合 諮問事項を公表しました。	https://www.fsa.go.jp/singi/singi_kinyu/soukai/siryou/20230302/7.pdf	金融審議会	2023-03-02 16:45:00
ニュース	@日本経済新聞 電子版	ＮＹダウ続伸して始まる　セールスフォースが大幅高 https://t.co/p2cTHvschs	https://twitter.com/nikkei/statuses/1631310623257792513	続伸	2023-03-02 15:08:55
ニュース	BBC News - Home	Marten case police believe baby 'dead for some time'	https://www.bbc.co.uk/news/uk-64827386?at_medium=RSS&at_campaign=KARANGA	gordon	2023-03-02 15:56:38
ニュース	BBC News - Home	Covid messages leak a massive betrayal, says Matt Hancock	https://www.bbc.co.uk/news/uk-politics-64818969?at_medium=RSS&at_campaign=KARANGA	health	2023-03-02 15:18:29
ニュース	BBC News - Home	Greek trains halted as anger over deadly crash grows	https://www.bbc.co.uk/news/world-europe-64820085?at_medium=RSS&at_campaign=KARANGA	crash	2023-03-02 15:54:19
ニュース	BBC News - Home	I'll find it hard to vote for Sunak's NI Brexit deal, says Johnson	https://www.bbc.co.uk/news/uk-politics-64823710?at_medium=RSS&at_campaign=KARANGA	brexit	2023-03-02 15:27:27
ニュース	BBC News - Home	Scotland's deputy first minister John Swinney to stand down	https://www.bbc.co.uk/news/uk-scotland-scotland-politics-63914518?at_medium=RSS&at_campaign=KARANGA	nicola	2023-03-02 15:45:57
ニュース	BBC News - Home	Pulp bassist Steve Mackey dies aged 56	https://www.bbc.co.uk/news/entertainment-arts-64827409?at_medium=RSS&at_campaign=KARANGA	mackey	2023-03-02 15:23:22
ニュース	BBC News - Home	Hidden corridor in Great Pyramid of Giza seen for first time	https://www.bbc.co.uk/news/world-middle-east-64825526?at_medium=RSS&at_campaign=KARANGA	space	2023-03-02 15:02:16
ニュース	BBC News - Home	A place to exercise your brain? Introducing mental health gyms	https://www.bbc.co.uk/news/world-us-canada-64042267?at_medium=RSS&at_campaign=KARANGA	brain	2023-03-02 15:12:34
ニュース	BBC News - Home	Covid: Was Matt Hancock right to push for schools to close?	https://www.bbc.co.uk/news/education-64824778?at_medium=RSS&at_campaign=KARANGA	costs	2023-03-02 15:26:26
海外TECH	reddit	[Anderson] David Pastrnak extension: $11.25M per year. Eight years.	https://www.reddit.com/r/hockey/comments/11g5518/anderson_david_pastrnak_extension_1125m_per_year/	Anderson David Pastrnak extension M per year Eight years submitted by u Austin to r hockey link comments	2023-03-02 15:12:58