投稿時間:2023-07-30 19:12:05 RSSフィード2023-07-30 19:00 分まとめ(13件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	今更ながらRuby on Rails？	https://qiita.com/EasyCording/items/7ba2be09ed087d0b0c25	rubyonrails	2023-07-30 18:37:31
python	Pythonタグが付けられた新着投稿 - Qiita	うるう年計算の疑問	https://qiita.com/SaitoTsutomu/items/34fc7ba7556e9db4844f	閏年	2023-07-30 18:33:21
Docker	dockerタグが付けられた新着投稿 - Qiita	[goquic]QUICリバースプロキシを試してみたが上手くいかなかった	https://qiita.com/t13801206/items/4d1e3b3556960bbf5805	docker	2023-07-30 18:46:08
golang	Goタグが付けられた新着投稿 - Qiita	[goquic]QUICリバースプロキシを試してみたが上手くいかなかった	https://qiita.com/t13801206/items/4d1e3b3556960bbf5805	docker	2023-07-30 18:46:08
技術ブログ	Developers.IO	パブリックIPv4インサイトで、2024年2月に予定されている新しい料金体系の影響を確認してみた	https://dev.classmethod.jp/articles/try-public-ip-insights/	newawspublicipvaddres	2023-07-30 09:25:05
海外TECH	DEV Community	A Beginner's Guide to Creating Pagination in React.js	https://dev.to/sadeedpv/a-beginners-guide-to-creating-pagination-in-reactjs-2a35	A Beginner x s Guide to Creating Pagination in React jsPagination is a crucial feature in modern web applications enabling users to navigate through large datasets or content more efficiently In this tutorial we ll explore how to implement pagination in a React js application To follow along you should have a basic understanding of React js and have Node js installed on your machine First Let s setup our React App npx create react app react pagination tutorialcd react pagination tutorial Step Fetching dataFor the sake of simplicity we ll use the JSONPlaceholder API to simulate fetching data Open the src App js file and replace its contents with the following code import styles css import useEffect useState from react export default function App const data setData useState const currentPage setCurrentPage useState const dataPerPage useState useEffect gt const fetchData async gt const data await fetch const json await data json setData json fetchData const changePageNo number gt setCurrentPage number const lastIndex currentPage dataPerPage const firstIndex lastIndex dataPerPage const currentData data slice firstIndex lastIndex return lt div className App gt currentData amp amp currentData map data gt return lt ul key data id gt lt li gt data title lt li gt lt ul gt lt div gt Code Explanation We set currentPage state to keep track of the current page dataPerPage is the number of posts displayed per page in this case We calculate lastIndex and firstIndex to slice the data array based on the current page currentData contains the posts that will be displayed on the current page The changePageNo function is used to update the currentPage state when the user clicks on a different page number Step Creating the Pagination ComponentNow let s create the Pagination component and pass all the data as props Remember to import the Pagination Component return lt div className App gt currentData amp amp currentData map data gt return lt ul key data id gt lt li gt data title lt li gt lt ul gt Pagination Component lt Pagination changePageNo changePageNo data data length dataPerPage dataPerPage currentPage currentPage gt lt div gt This is our Pagination js file export default function Pagination changePageNo data dataPerPage currentPage let numbers for let i i lt Math ceil data dataPerPage i numbers push i return lt div gt numbers amp amp numbers map no gt return lt button key no onClick gt changePageNo no gt no lt button gt lt div gt Note that we are using a for loop runs from to Math ceil data dataPerPage inclusive This loop calculates the total number of pages required to display all the data items based on the dataPerPage prop Final step Adding stylesNow let s write some simple CSS code to set an active and a normal state for our buttons active background color black color white normal background color white color black Now modify the Pagination js file to something like this return lt div gt numbers amp amp numbers map no gt return lt button key no Adding active and normal state className no currentPage active normal onClick gt changePageNo no gt no lt button gt lt div gt The className is set based on whether the current no matches the currentPageprop If they match the classNamewill be set to active indicating that the button represents the currently active page Otherwise it will be set to normal for non active pages ConclusionIn this tutorial we walked through creating a simple pagination component in React js By following the steps you ve learned how to fetch data divide it into pages and display the content with pagination Feel free to customize the styling and explore other pagination libraries to enhance the user experience If you need any help or have some suggestions feel free to express them in the comments Happy coding	2023-07-30 09:48:32
海外TECH	DEV Community	One Year of Dev YouTube	https://dev.to/this-is-learning/one-year-of-dev-youtube-2f5l	One Year of Dev YouTubeExactly one year ago I started consistently posting on YouTube at least a video every single week talking about Web Development and Open Source Here is my takeaway from this experience I recorded a short video you can watch it here or keep reading for the transcript below The stats on YouTube are at hours of watch time in the last days I cannot believe people watched me talking for minutes it s insane I really hope this is helping someone learn new skills and getting started with Open Source as that s my primary goal but one thing I can tell for sure is…how much I am learning throughout this journey Sharing content on YouTube…or actually researching studying and testing new concepts in order to create content is a great way to improve your skills I d definitely recommend you at least write down your findings It can be a proper blog on a personal website or on platforms like dev to or even public notes of what you re researching and learning Trying to explain something to someone else forces you to dig deeper and grasp even more knowledge and the other person is learning from your added value isn t that a win win And it s not all Being active online and in communities also got me in touch with other amazing developers sharing ideas knowledge and a lot of fun times I also met some of them in real life Developers are not weird creatures doing their crafts alone doing stuff together is cool To wrap up one year has passed and I can assure you many more will come Thank you all for being part of this journey and see you in the next video If you re not there yet join me here DevLeonardoThanks for reading this article I hope you found it interesting I recently launched my Discord server to talk about Open Source and Web Development feel free to join Do you like my content You might consider subscribing to my YouTube channel It means a lot to me ️You can find it here Feel free to follow me to get notified when new articles are out Leonardo MontiniFollow I talk about Open Source GitHub and Web Development I also run a YouTube channel called DevLeonardo see you there	2023-07-30 09:25:11
海外TECH	DEV Community	LeetCode 2801 (Hard, Acceptance Level 14.5%). Count Stepping Numbers in Range. DP. Efficiently handles large inputs (10^9 + 7).	https://dev.to/sergeyleschev/leetcode-2801-hard-acceptance-level-145-count-stepping-numbers-in-range-dp-efficiently-handles-large-inputs-109-7-5f1e	LeetCode Hard Acceptance Level Count Stepping Numbers in Range DP Efficiently handles large inputs DescriptionGiven two positive integers low and high represented as strings find the count of stepping numbers in the inclusive range low high A stepping number is an integer such that all of its adjacent digits have an absolute difference of exactly Return an integer denoting the count of stepping numbers in the inclusive range low high Since the answer may be very large return it modulo Note A stepping number should not have a leading zero Example Input low high Output Explanation The stepping numbers in the range are and There are a total of stepping numbers in the range Hence the output is Example Input low high Output Explanation The stepping numbers in the range are and There are a total of stepping numbers in the range Hence the output is Constraints lt int low lt int high lt lt low length high length lt low and high consist of only digits low and high don t have any leading zeros IntuitionThe problem requires finding the count of stepping numbers in a given range low high where a stepping number is an integer such that all its adjacent digits have an absolute difference of exactly To efficiently count these stepping numbers we can use a dynamic programming approach ApproachThe Swift solution uses dynamic programming to solve the problem The rec function recursively calculates the count of stepping numbers based on certain conditions The dp array is used to store previously computed results which helps avoid redundant calculations and improves efficiency The check function checks if a number is a stepping number by comparing the absolute difference between each pair of adjacent digits In the countSteppingNumbers function we call rec twice for the input range low high and then subtract the count for low from the count for high Additionally if low itself is a stepping number we add to the result Code Swift The solution efficiently handles large inputs and returns the count of stepping numbers modulo as required by the problem statement class Solution let mod var dp Int Array repeating Array repeating Array repeating Array repeating count count count count func rec s Character ind Int smaller Bool last Int start Bool gt Int if ind s count return if dp ind smaller last start return dp ind smaller last start var ans if start abs last ans ans rec s ind smaller s ind start mod if smaller for i in if abs last i start ans ans rec s ind smaller i false mod else let diff Int String s ind if diff gt for i in lt diff if abs last i start ans ans rec s ind true i false mod if s ind if abs last diff start ans ans rec s ind false diff false mod dp ind smaller last start ans return ans func check s String gt Bool let sChars Array s for i in lt sChars count if abs Int String sChars i Int String sChars i return false return true func countSteppingNumbers low String high String gt Int let x rec Array high false true dp Array repeating Array repeating Array repeating Array repeating count count count count let y rec Array low false true let z check low return x y z mod mod Sources GithubContactsI have a clear focus on time to market and don t prioritize technical debt And I took part in the Pre Sale RFX activity as a System Architect assessment efforts for Mobile iOS Swift Android Kotlin Frontend React TypeScript and Backend NodeJS NET PHP Kafka SQL NoSQL And I also formed the work of Pre Sale as a CTO from Opportunity to Proposal via knowledge transfer to Successful Delivery ️ startups management cto swift typescript databaseEmail sergey leschev gmail comLinkedIn LeetCode Twitter Github Website Reddit Quora Medium sergeyleschev️PDF Design Patterns Download	2023-07-30 09:04:49
海外科学	NYT > Science	An Evolutionary Debate on the Risks of Childbirth	https://www.nytimes.com/2023/07/30/science/childbirth-evolution-obstetrical-dilemma.html	childbirth	2023-07-30 09:00:31
ニュース	BBC News - Home	Switzerland 0-0 New Zealand: Fifa Women's World Cup co-hosts eliminated	https://www.bbc.co.uk/sport/football/66352248?at_medium=RSS&at_campaign=KARANGA	Switzerland New Zealand Fifa Women x s World Cup co hosts eliminatedCo hosts New Zealand are knocked out of the Fifa Women s World Cup as Switzerland get the draw they need to advance as Group A winners	2023-07-30 09:21:03
ニュース	BBC News - Home	Ex-Wales coach Rowlands, who led iconic 1971 team, dies aged 85	https://www.bbc.co.uk/sport/rugby-union/66325527?at_medium=RSS&at_campaign=KARANGA	clive	2023-07-30 09:00:48
ニュース	BBC News - Home	Norway 6-0 Philippines: Norwegians hit form with big win to qualify for last 16	https://www.bbc.co.uk/sport/football/66352241?at_medium=RSS&at_campaign=KARANGA	Norway Philippines Norwegians hit form with big win to qualify for last Former world champions Norway rediscover their form and ferocity in the nick of time as they hammer the Philippines to reach the last of the Fifa Women s World Cup	2023-07-30 09:25:19
海外TECH	reddit	dealing with harassment	https://www.reddit.com/r/japanlife/comments/15dgvhp/dealing_with_harassment/	dealing with harassmenti m a dark skinned girl and i ve had too many instances lately where i m followed and cussed at by random middle aged men i know it comes with the territory of being brown but it s really starting to affect me mentally i want to know how you are able to brush it off submitted by u melonpan to r japanlife link comments	2023-07-30 09:04:20