投稿時間:2022-07-04 03:16:05 RSSフィード2022-07-04 03:00 分まとめ(24件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	torch.Tensorの配列の操作	https://qiita.com/rym903/items/32293a50ad775421aceb	torchcatxydimxy	2022-07-04 02:03:32
python	Pythonタグが付けられた新着投稿 - Qiita	Djangoで作成したWebアプリケーションを無料で公開する(PythonAnywhere)	https://qiita.com/t-shirayama/items/a8dc8c7946fdea00d8fa	django	2022-07-04 02:03:31
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS VPCを作成する(2022年)	https://qiita.com/kosimaru1997/items/0d2d5598560217dfeb47	awsvpc	2022-07-04 02:55:08
golang	Goタグが付けられた新着投稿 - Qiita	GoでLinebotとLIFFを使ってGoogleDriveとMoneyForwardに領収書をアップロードしてみる	https://qiita.com/Osu/items/696effad4cfd267eb5e4	moneyfor	2022-07-04 02:24:28
海外TECH	MakeUseOf	What Is the Microsoft Defender Application Guard and How Do You Enable It?	https://www.makeuseof.com/microsoft-defender-application-guard/	guard	2022-07-03 17:15:13
海外TECH	DEV Community	How to remove a specific item from an array	https://dev.to/smpnjn/how-to-remove-a-specific-item-from-an-array-1dhm	How to remove a specific item from an arrayOne of the most frequent tasks we have to perform in Javascript is to remove a particular item from an array However it s not straight forward There is no removeArrayItem method in Javascript so we have to use alternative methods Let s look at how to remove a particular array item in Javascript How to remove a specific array item in Javascript Option Using filter The easiest way with modern Javascript to remove a specific array item is using filter Let s look at a simple example let myArr Creates a new array without so let removedArr myArr filter x gt x console log removedArr This works great when we have an array where every element is unique Unfortunately it starts to break down if you only want to remove one item and there are duplicates Let s look at another example let myArr Creates a new array without so let removedArr myArr filter x gt x console log removedArr Since we had two green apples and the new array filters out all green apples we actually remove two items when using this method If we only want to remove one element we have to use an alternative strategy Option Use indexOf and splice This method requires a few more lines but it is slightly different in a few ways from the previous example First of all it alters the original array so we aren t making a copy here The original array will be mutatedSecondly it uses two functions first we get the indexOf the array item to be removed and then we splice the array to remove that single item Here is an example let myArr let getLocation myArr indexOf myArr splice getLocation myArr now becomes console log myArr This example may be preferable in some situations but ultimately you ll need to decide what works best in your own code ConclusionAlthough there is no straightforward way to remove an item from an array in Javascript we do have two tools that give us enough flexibility to cover pretty much any use case regarding array item removal If you want to learn more quick array tips check out my array tips guide here	2022-07-03 17:38:10
海外TECH	DEV Community	How I built my Blog with NextJs, Chakra UI, and GraphCMS?	https://dev.to/itsrakesh/how-i-built-my-blog-with-nextjs-chakra-ui-and-graphcms-2jpi	How I built my Blog with NextJs Chakra UI and GraphCMS Having a personal blog has several advantages over using a third party platform such as complete control over your data customizations more ways to monetize and so on Recently I built my blog blog itsrakesh co with NextJs Chakra UI and GraphCMS and made it live a few days back In this article I ll explain how I built it what technologies I used and why what I learned while doing so and the problems I encountered There are several platforms available for creating a personal blog but I created mine from the ground up to put my skills into practice and understand what it s like to maintain everything Let s get started Before we startCode is Open Source GitHub repo Starit I will soon write a step by step guide to host your own instance of this blog Instructions in repo README are not for production How about reading this article on my blog so that you try it out Tools services technologies frameworks and librariesNext jsChakra UIGraphCMSBeyondWordsGiscusCoilVercelGoogle AnalyticsGoogle AdSenseRevueKo fiCommon tools are listed here A bunch of NPM packages Why I used these technologies over their alternatives Why NextJs I didn t just pick NextJs because I m familiar with ReactJs However NextJs is a perfect framework for creating these types of websites Reasons Built in pre rendering This improves your SEO and speeds up your site File based routing No more messing up with routes API routes Implement basic backend functionality without the need for a separate backend There are a lot more benefits but these three are enough to decide Why Chakra UI Believe me if you love React you will love Chakra UI It reduces a lot of CSS work Reasons Component based styling Super easy to build light and dark UI The components will handle all aspects of accessibility Components are completely customizable Why GraphCMS Again if you love QraphQL you will love GraphCMS It s perfect for a blog Reasons Got so many features that you won t find anything missing Easy to manage content with beautiful UI Extensions Why Giscus In case you didn t know Giscus is a GitHub Discussions powered comment system We all know how powerful GitHub discussions are so why not apply that power to the comment system Reasons free and Open Source No ads and no tracking Use all features of GitHub Discussions Try out by leaving a comment on this article Why BeyondWords I researched a lot to add audio articles to my blog BeyondWords was the perfect fit for me Reasons Generous free plan Lot of voices Converts articles to audio flawlessly Why Vercel NextJs Vercel Reasons Blazing fast Realtime developmentIntegrated lighthouse score Why Google Analytics and Google AdSense I like the Google ecosystem They help you improve your site and understand your audience better How I planned and built my blog Branding and SEOThese are the tools I used for branding and SEO Colorhunt Six colors were selected one of which being the theme color E Fonts Google Fonts Poppins for the body of the website Alliance No for headings This typeface isn t available in Google Fonts so I had to get it somewhere else Canva For all the designs like logos open graph images and cover images Favicon generator Used this to generate favicons for all display resolutions Webcode Used this to generate meta tags open graph tags and Twitter card tags All the pages except the home page support Rich Results which boosts SEO DesigningI created a rough design in Figma and took inspiration from different blog sites and dribbble Let s see different pagesThis blog contains main pages HomeArticlesSnippetsCategoriesTagsArticle PageSnippet PageSupport Me Page Home PageThe Home page has one featured article four categories three most recent articles and four most recent snippets All pages include a central search option on the navbar that allows you to search for anything There will also be a search page where you may search for specific items such as articles snippets categories or tags ArticlesThe Articles page is for exploring and searching articles Each article card includes a featured image the date it was published read time a header an excerpt and tags Clicking on the featured image or headline will take you to the relevant article This page currently only displays recent articles pagination will be added soon To find articles utilize the categorized search option SnippetsSnippets are not code snippets but rather mini blogs The Snippets page is where you may browse and search for snippets Each snippet card only contains the snippet s title This page s search option returns snippet results CategoriesEvery article belongs to a single category All of the categories are listed on the Categories page When you click on a category it will display a list of all articles that fall under that category with the results displayed on the articles page You may also use that page search feature to look for categories TagsSimilar to the categories page the Tags page lists all of the tags Each article can have one or more tags When you click on a tag it will bring up a list of all the articles that have that tag You can look up available tags in the search feature Article PageThe Article page contains the actual article I used react markdown npm package to render markdown It s an amazing tool supports remark plugins and safely converts markdown to HTML You can also write GitHub flavoured markdown I will soon add embeds support This page contains breadcrumb last updated date read time featured image published date author photo and name audio article article content discussion comment section and two suggested articles Snippet PageThe Snippet page is the same as the article page but it excludes the featured image and audio article Support Me PageFinally there s the Support Me page This page lists all of the ways you can support my work I accept donations using Ko fi I compared ko fi to BuyMeACoffee and chose ko fi for two main reasons No fees and Paypal support Whatever content I create it would be nothing without your support ️ I need your support to keep my blog running and keep creating content so any kind of support will be greatly appreciated I also planned a special page for all my supporters What I learned I want to mention that most of the frameworks tools etc used in building this blog are my first attempts This project taught me NextJs Chakra UI and GraphQl I also learned a lot about SEO PWA and accessibility FeedbackYour feedback is more valuable than you can imagine Please share your thoughts in the comments You might be interested How I built my portfolio website Rakesh Potnuru・Jan ・ min read react node webdev javascript Follow for more like this every week Thank you for reading	2022-07-03 17:31:40
海外TECH	DEV Community	How to Write Better Performing React Function Components!	https://dev.to/kai_wenzel/how-to-write-better-performing-react-function-components-5ac9	How to Write Better Performing React Function Components This article will introduce how to write better performance React functional components It does not include common sense of web performance optimization such as HTTP request optimization cache optimization browser optimization etc Before we start let s talk about the performance of the React framework There are many front end frameworks out there and React is not the most performant because it includes additional runtimes “optimized diff algorithms and more In general it s definitely not as performant as directly manipulating the DOM but using it means having a strong React community there are many libraries that can double our efficiency and it s easier to maintain and understandable to other programmers It also usually means easier recruiting But that doesn t stop you from becoming a better React user start coding today React memo The React memo used by the function component and the React PureComponent used by the class component are similar in effect But React memo is actually a higher order component It supports the second parameter When it is not passed it will shallowly compare the changes of props before and after If there is no change the result of the last rendering can be directly reused The shallow comparison algorithm used in React is covered in detail in the following article When we pass the second parameter we can get the two props before and after and then make a custom comparison For example in the following component I want to pass a center coordinate point to the map subcomponent which is a two bit array representing longitude and latitude Parent Component lt Map center gt Map Componentconst Map props gt render using props export default React memo Map prevProps nextProps gt prevProps toString nextProps toString As in the above code I used Array prototype toString to compare the value changes before and after of course the real case may not be so simple So do I have to apply it to all function components the answer is negative For example if there is no state change in the parent component and the props passed to the child component are simple primitive value types then using React memo on the child component will add unnecessary computation This is because in this case the parent component is re rendered and its child components using the same props must be re rendered React useCallback React useCallback can be passed an inline callback and a set of dependencies Returns a memoized version of the callback if the dependency has not changed Every time a function component is rendered triggered by state changes etc if we do not use useCallback a new function will be created This also means that if you pass this function to another subcomponent that subcomponent will re render if the memo custom comparison is not used As in the following example Parent Componentconst callback gt doSomething a b const memoizedCallback React useCallback gt doSomething a b a b lt Map cb callback gt Map Componentconst Map props gt render using props The memoizedCallback in the code above will only be recreated if a and b change otherwise point to the same reference This is different from callback which is recreated every time the render is made React useMemo React useMemo can be passed a create function and a set of dependencies Returns the previously computed value of the memory if the dependency has not changed This avoids expensive calculations on every render The memo example mentioned at the beginning can cache coordinates in this way Parent Componentconst center React useMemo gt a b a b lt Map center center gt Map Componentconst Map props gt render using props export default Map ConclusionIn addition to this there are a few scattered points that can help us such as using React Fragment to avoid extra elements using conditional rendering instead of re returning using keys to identify changes in component elements etc In summary the main ideas for optimizing the performance of React functional components are Reduce the amount of calculation for each render which can be done through useMemo memo etc Reduce the number of re renders which can be done through useCallback etc Let React reuse the DOM as much as possible and try to modify the DOM instead of destroying and re creating What do you think of this article Or what are the optimization points I missed only for writing React functional components please leave a comment That s it and if you found this article helpful please hit the ️ button and share the article so that others can find it easily If you want to see more of this content you can support me on Patreon Thanks for reading and hope you enjoyed	2022-07-03 17:22:57
海外TECH	DEV Community	The pitfall of tutorials: no one codes like that	https://dev.to/noriller/the-pitfall-of-tutorials-no-one-codes-like-that-21nj	The pitfall of tutorials no one codes like thatTDLR Refactor refactor refactor So you want to learn some new language or framework you find a tutorial and it takes you step by step First you start at A then of course B to the “logical jump to C to finish with D All elegant and logical one point to another with all the steps you didn t even consider you would need done by the time you need then Just like when you actually have to do something right Programming is “dirty workIn the short time they have to get you to watch the tutorial they have to be neat and to the point But don t kid yourself That s just the finished version after countless rounds of refactoring Even the best programmers out there first make a mess only to refactor and give you the neat version The pitfall of not refactoringPeople who only go by the tutorial and think that IS programming end up thinking that they too just like the tutorial can make those complex jumps in logic and that their “finished product is as easy as A gt B gt C gt D except it s far from the truth They do something like A gt Z gt J gt G gt Z gt C gt P gt O gt D repeating some steps making a roundabout way instead of a neat alternative finish and call it a day TDDIf you re learned about TDD then you know the steps Red test don t passGreen make tests passRefactor Even if you don t use tests you can still make use of those three steps It doesn t work It works Refactor Refactoring is like “washing your hands Uncle Bob says that making tests and refactoring are some things that are like washing your hands if you re a surgeon You don t need to put it on the calendar or maybe block a whole week of the month just for that It s something that you just do It s expected to be part of any estimate you have It s something you simply cannot afford not to do The “boy scout rule The best time to refactor was when you made the mess the next best time is now Every time you change something in the code is an opportunity to improve it So…every time you check out a file refactor it Refactor Refactor Refactor It s never gonna be enough and that s ok Every time you see the code you ve made and what you could do now will show your progress How to start Now…this is a story for another time In the meantime search for Kent Beck Martin Fowler Michael Feathers Sandi Metz and Uncle Bob Cover Photo by Markus Winkler on Unsplash	2022-07-03 17:19:27
海外TECH	DEV Community	Weekly Digest 26/2022	https://dev.to/marcobiedermann/weekly-digest-262022-1b3b	Weekly Digest Welcome to my Weekly Digest which is the first one in July This weekly digest contains a lot of interesting and inspiring articles videos tweets podcasts and designs I consumed during this week Interesting articles to read Cleaning up deploys you no longer needLearn how to manually delete old deploys on Netlify to clean up your account history and prevent teammates from rolling back to undesirable states Netlify automatically deletes errored and failed deploys after months How to delete deploys on Netlify Netlify Blog My Wonderful HTML Email WorkflowA potent combination of MDX and MJMLMy Wonderful HTML Email Workflow Some great videos I watched this week Storybook in Seconds Storybook is a tool used for testing UI components in isolation that works with JS frameworks like React Angular Vue and Svelte It is especially useful for web developers building design systems and shared libraries by Fireship How to inspect CSS container queriesWhat are CSS container queries and why do we need them Learn now on today s episode of DevTools Tips with Jecelyn Yeen and Una Kravets by Google Chrome Developers Thinking on ways to solve FABsIn today s GUI Challenge Adam Argyle builds a couple of floating action buttons FABs and talks about the UX and CSS considerations for fixed position buttons on the web by Google Chrome Developers Useful GitHub repositories m cliSwiss Army Knife for macOS rgcr m cli Swiss Army Knife for macOS m cliSwiss Army Knife for macOS OverviewInstallUninstallHow To UseAll CommandsContributingOverviewm cli is a macOS command line tool that lets you interact with utilities and applications entirely in Terminal It differs from other macOS command line tools in the following ways You can easily manage administrative tasksIt doesn t install rd party tools since it doesn t have dependenciesInstallation is easy and doesn t require interventionIt only uses macOS commandsInstallYou can install m cli using Homebrew or you can manually install it Homebrew installIf you have Homebrew installed run brew install m cliManual installIf you want to manually install m cli run curl fsSL sudo shYou can also install it to a different path shown below INSTALL DIR HOME m cli sh lt curl fsSL Note Certain plugins such as that for the gatekeeper command will not work… View on GitHub cheat shthe only cheat sheet you need chubin cheat sh the only cheat sheet you need Unified access to the best community driven cheat sheets repositories of the world Let s imagine for a moment that there is such a thing as an ideal cheat sheetWhat should it look likeWhat features should it have Concise ーIt should only contain the things you need and nothing else Fast ーIt should be possible to use it instantly Comprehensive ーIt should contain answers for every possible question Universal ーIt should be available everywhere anytime without any preparations Unobtrusive ーIt should not distract you from your main task Tutoring ーIt should help you to learn the subject Inconspicuous ーIt should be possible to use it completely unnoticed Such a thing exists It s easy to install and there s even auto complete Featurescheat shHas a simple curl browser editor interface Covers programming languages several DBMSes and more than most important UNIX Linux commands Provides… View on GitHub dribbble shots Health App Track daily stepsby Wahab Plant Shop Appby Rakib Kowshar Electricity Bill Pay Appby Md Nazmul Hasan Tweets Jamon jamonholmgren How some developers think “separation of concerns works PM Jun Matan Borenkraout matanbobi New CSS feature is rolling out in googlechrome Individual properties for CSS Transforms drafts csswg org css transforms… AM Jun Jonathan Neal jon neal The fastest way to build DOM is just a few lines Usage looks like let template html lt label gt lt label gt lt input gt See the benchmarks jsben ch JxusT AM Jun Russell Goldenberg codenberg just realized i can use a css variable for all transition durations to easily tap into the reduced motion media query PM Jun Pawel Grzybek pawelgrzybek TIL Most of the Node js fs methods take a file path as an argument Did you know it also accepts an instance of URL Now you know Thanks rauschma AM Jul Picked Pens CSS Rooster Animationby Md Usman Ansari SVG play buttonsby Adir Podcasts worth listening Syntax Browser CSS Page TransitionsIn this Hasty Treat Scott and Wes talk about the new Browser CSS Page Transitions API proposal and what features it opens up for developers on the web Thank you for reading talk to you next week and stay safe	2022-07-03 17:09:24
Apple	AppleInsider - Frontpage News	How to create a quick note in iOS 16	https://appleinsider.com/inside/ios-16/tips/how-to-create-a-quick-note-in-ios-16?utm_medium=rss	How to create a quick note in iOS Apple is bringing Quick Notes to the iPhone with iOS ーsort of Here s what you get what you don t and how to use it all Introduced in iPadOS and macOS Monterey Quick Notes were a transformative addition to Apple Notes Suddenly Apple Notes felt like it was part of every app every document and every website you used because you could so very swiftly scribble down notes anywhere Over time it did become clear that the feature works best on the iPad There with your finger or the Apple Pencil you could always swipe up from the bottom right of the screen write or read a note then push it back out of the way again Read more	2022-07-03 17:31:27
海外TECH	Engadget	Summer Games Done Quick 2022 raises $3 million for charity	https://www.engadget.com/summer-games-done-quick-2022-raises-3-million-dollars-170632922.html?src=rss	Summer Games Done Quick raises million for charityIn its first in person event since GDQ s Summer Games Done Quick raised more than million for Doctors Without Borders In all some of the world s best speedrunners descended on Bloomington Minnesota to complete different playthroughs of games like Doom Eternal Tunic and Control Across seven days of programming Games Done Quick collected more than individual donations And while the final tally fell short of the record breaking million the organization secured for the Prevent Cancer Foundation at Awesome Games Done Quick at the start of the year it was more than the million raised during SGDQ This year s event saw the departure of Kasumi quot Sumichu quot Yogi For the past eight years Yogi has served as GDQ s director of marketing and business development helping the organization grow into the community cornerstone that it is today Games Done Quick s next fundraiser the all women Flame Fatales showcase starts on August st with proceeds from the event slated to go to the Malala Fund TIME SGDQ has raised a total amount of for MSF USA Thank you to everyone who made this marathon possible and thank you all for your amazing generosity amp support️ heretogetherpic twitter com xSEesTsーGames Done Quick GamesDoneQuick July	2022-07-03 17:06:32
ニュース	BBC News - Home	Chris Pincher suspension: Boris Johnson unaware of specific claims - minister	https://www.bbc.co.uk/news/uk-politics-62029881?at_medium=RSS&at_campaign=KARANGA	boris	2022-07-03 17:29:11
ニュース	BBC News - Home	Several hurt in Copenhagen shopping mall shooting	https://www.bbc.co.uk/news/world-europe-62030919?at_medium=RSS&at_campaign=KARANGA	capital	2022-07-03 17:33:00
ニュース	BBC News - Home	Ukraine confirms Russia captured eastern city Lysychansk	https://www.bbc.co.uk/news/world-europe-62030051?at_medium=RSS&at_campaign=KARANGA	luhansk	2022-07-03 17:27:45
ニュース	BBC News - Home	Covid: UK hospital cases set to rise, says health chief	https://www.bbc.co.uk/news/uk-62030083?at_medium=RSS&at_campaign=KARANGA	lives	2022-07-03 17:05:29
ニュース	BBC News - Home	Firefighters tackle Bromley tower block fire	https://www.bbc.co.uk/news/uk-england-london-62027621?at_medium=RSS&at_campaign=KARANGA	building	2022-07-03 17:18:35
ニュース	BBC News - Home	Wimbledon 2022: Cameron Norrie beats Tommy Paul at All England Club	https://www.bbc.co.uk/sport/tennis/62030683?at_medium=RSS&at_campaign=KARANGA	Wimbledon Cameron Norrie beats Tommy Paul at All England ClubCameron Norrie maintains the British challenge in the Wimbledon singles by beating American Tommy Paul to reach his first Grand Slam quarter final	2022-07-03 17:30:40
ニュース	BBC News - Home	Virat Kohli is caught by Joe Root off the bowling of Ben Stokes	https://www.bbc.co.uk/sport/av/cricket/62031170?at_medium=RSS&at_campaign=KARANGA	kohli	2022-07-03 17:09:23
ビジネス	ダイヤモンド・オンライン - 新着記事	売れる商品のアイデアを出すために、「場所・地区」から考える方法とは？ - 「A4」1枚チラシで今すぐ売上をあげるすごい方法	https://diamond.jp/articles/-/305623		2022-07-04 03:00:00
ビジネス	ダイヤモンド・オンライン - 新着記事	精神科医が教える「ストレスを感じやすい人の考え方」を解きほぐす4つの名言【書籍オンライン編集部セレクション】 - あやうく一生懸命生きるところだった	https://diamond.jp/articles/-/305385	一生懸命	2022-07-04 02:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【Twitterフォロワー30万人超の精神科医が教える】 「ちょっと様子見」でダラダラしがちな人が 「できる人」に激変するたった1つの考え方 - 精神科医Tomyが教える 心の荷物の手放し方	https://diamond.jp/articles/-/305498	【Twitterフォロワー万人超の精神科医が教える】「ちょっと様子見」でダラダラしがちな人が「できる人」に激変するたったつの考え方精神科医Tomyが教える心の荷物の手放し方生きていれば、不安や悩みは尽きない。	2022-07-04 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	スタートアップ業界で働く魅力―そのロマンとそろばんとは？ - 起業大全	https://diamond.jp/articles/-/305380	今回からは特別編として、日本のスタートアップがさらに今後、活性化していくために必要な視点や条件などについて、田所氏の書下ろし記事をお届けする全回を予定。	2022-07-04 02:45:00
北海道	北海道新聞	激戦北海道、２党首激突　岸田首相と立憲・泉代表　物価高対応巡り応酬	https://www.hokkaido-np.co.jp/article/701333/	岸田文雄	2022-07-04 02:10:57