投稿時間:2021-05-17 03:16:10 RSSフィード2021-05-17 03:00 分まとめ(21件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Reactでセレクトボックスの挿入方法がわかりません。	https://teratail.com/questions/338688?rss=all	Reactでセレクトボックスの挿入方法がわかりません。	2021-05-17 02:34:04
海外TECH	DEV Community	Comprehensive Guide for not so Regular Expressions	https://dev.to/king11/comprehensive-guide-for-not-so-regular-expressions-56f7	Comprehensive Guide for not so Regular Expressions What is Regex Regular expressions or regexes or regex patterns are essentially a kind of formal grammar syntax used to find the set of possible strings that you want to match At first REs can look pretty scary and daunting but we can write highly efficient matching patterns in terms of length and speed after understanding even a few special characters We can use REs to save the day in a variety of use cases Checking a pattern in stringSplitting into stringsReplacing part of stringsMatching a complete stringCleaning raw data in Natural Language ProcessingAll major programming languages and even IDEs have their own standard module for regex where the syntax might change but the underlying concept remains the same pythonimport repattern re compile doge shen lo re I if pattern match Doge hennnloo is not None print Henlo Doge javascriptconst pattern doge shen lo iif pattern test Doge hennnloo console log Henlo Doge Let s get started Normal Characters You can use regex as you use normal strings characters for matching too console debug king test king returns trueBut certain special characters have to be escaped because they carry special meaning in regex we have to escape back slash in string to be tested as wellconsole debug test returns true Character Class and Regex Characters ‍‍A character class allows you to define a set of characters from which a match is considered if any of the characters match aeiou test e returns true aeiou test c returns falseYou can also provide range values to regex for defining character classes using a z test l returns true matches all lowercase alphabets A Z test L returns true matches all uppercase alphabets test returns true matches all digits from to test returns false matches all digits from to But if you want to match you have to escape it or keep it at the start or end of character class i e test returns true matches test returns true matches digits from to and We can define complement character class i e characters we don t want to match by adding at the start of our class a z test A returns true doesn t match any lowercase alphabetInside a character class only two characters carry special meaning in between characters and at the start of the class rest all other characters don t carry their special meaning hence we don t need to escape them test returns true matches and You can define character classes for things like alphabets and digits but regex makes it easier for you by defining several special regex characters w a zA Z Alphabets and Digits Class W a zA Z Negated Class of w d Digits Class D Negated Class of d t Tab Character n Newline Character s t r f v n Matches all white space characters like space tab newline carriage return vertical tab form feed etc S s b Matches Word Boundary where there is a w on one side and W on other side of position B b Matches all non Word Boundaries Wild Cards symbol allows us to match the starting of the string allows you to match the end of the string allows us to match any characterconsole log Tall match l ig l console log Tight match t ig T In the above example while l was matched only with the last one whereas T was matched with the first one due to and respectively Without as you can see all the ls were matched regex re compile ho dog print regex search hotdog is not None Trueprint regex search hoddog is not None True allowed us to match both d and t in the above example All the three wildcards are special characters to match them specifically i e and you have to escape them using Flags You might have observed usage of g or i after the regex expression so what are these things These are regex flags that affect the number and type of match we want to make i Case insensitive match which doesn t differentiate t and Tg Global Flag allows us to match more than one instance of our expression and not just the first instancem Multiline Flag affects the behaviour of and where a n newline character would mean the start of a new string import re print re search football rugby nfootball re I re M lt re Match object span match football gt print re search football rugby nfootball re I Nones DotAll Mode allows wildcard to match newline character as well u Unicode support enabledHalf Way through but I believe the next half will be easier Quantifiers ️⃣Sometimes we require to match a character class character group coming up zero one more than one or even let s say times random numbers in such cases quantifiers come to the rescue Matches its preceding character class or group zero or one time regex re compile hot dog print regex search hotdog is not None True print regex search hodog is not None True Matches its preceding character class or group zero or more times ∞ regex re compile hot dog print regex search hotttttdog is not None True print regex search hodog is not None True print regex search hotog is not None True Matches its preceding character class or group one or more times ∞ regex re compile hot dog print regex search hotttttdog is not None True print regex search hodog is not None False print regex search hotog is not None True n m Matches its preceding character at least n times and at most m times The default value for n is and the default for m is amp regex re compile hot dog print regex search hotdog is not None True print regex search hottttdog is not None False print regex search hotttog is not None True Groups Groups allow us to create grouped expressions that can help us in substitution referencing them in later parts of a regular expression Let s say we want to replace all the function with arrow functions Obviously we would like to retain the name of the function and its arguments but we need to reference them in replacement With VSCode our favourite editor and regex we can do something like function NotAnArrow argument console log I do something const NotAnArrow argument gt console log I do something What we used were capturing groups which we created using and arguments might not be there Anything inside those brackets forms our group and the expression inside them is the one that will be matched There are other types of groups as well Named Groups lt Name gt is a group that provides us reference to that group using its name instead of numbersNon Capturing Groups is a group that will match but we can t reference them in the result of the regex expression Alternation Alternation is a simple OR that we can use between different parts of our regex pattern to match this or that or even that by providing different options just like radio buttons const regex java type script html css php c s gifor let x of JavaScript is here but PhP camebefore them and now its TypeScript matchAll regex console log x TypeScript Type index input JavaScript is So here is what we did with that complex looking but now easy for you to understand Regular Expression Created Group to match both Java Javascript and Typescript using and Used to match other languages as wellEscaped to match for C and C as well using Finally a character class s to signify the end of the language nameFlags like gi to match all languages and irrespective of caseUsually you will find yourself using inside of groups as you wouldn t want to pollute your global regex just like you always use virtual environment Make sure to make them non capturing if you don t want to reference or find them in your results Trick Treat and are of nature greedy They will keep adding characters to the match until they find the last instance of any succeeding expression or the sentence ends import reregex re compile a m e print regex match apple maple expected apple maple found apple maple Here ignored the e of apple and went all the way to finish at e of maple as it was the last instance of e that it was able to find Lazy Mode for and can be activated by appending after the quantifier matches only the minimum required characters for the regex expression const regex a m e gifor let x of apple mapple matchAll regex console log x expected apple maple found apple maple I highly recommend you to check language specific docs for syntax and available features One of the best docs for regex is for python I didn t cover one feature that I might make a new article on it is Lookahead and Lookbehind You can wait or check out the link Why did I say that Because sometimes regex can take exponential time to search a be really catastrophic So May the code be with you	2021-05-16 17:47:21
海外TECH	DEV Community	Weekly Digest 19/2021 - Top of the Week	https://dev.to/worldindev/weekly-digest-19-2021-1cfh	Weekly Digest Top of the WeekWelcome to my Weekly Digest of this year This weekly digest contains a lot of interesting and inspiring articles videos tweets podcasts and designs I consumed during this week   GiveawayWe are giving away any course you need on Udemy Any price any course To enter you have to do the following React to this post️Subscribe to our newsletterYou will receive our articles directly to your inbox   Interesting articles to read Frustrating Design Patterns That Need Fixing Birthday PickerIn this new series of articles on UX we take a closer look at some frustrating design patterns and explore better alternatives along with plenty of examples to keep in mind when building or designing one Frustrating Design Patterns That Need Fixing Birthday Picker Smashing Magazine JavaScript testing best practices to learnWe zoom in on nine best practices for JavaScript testing that can help you write better tests and help your team to better understand them JavaScript testing best practices to learn LogRocket Blog Using Forms in ReactLearn how to build forms with React the difference between controlled and uncontrolled inputs and which to use Using Forms in React How we use Web Components at GitHubGitHub has long been a proponent of Web Components Here s how we use them How we use Web Components at GitHub The GitHub Blog Some great videos I watched this week Typescript for React ComponentsTypescript is quickly becoming the industry standard for React development Take your Typescript skills from beginner to masters level by learning everything you need to know about how to write components in React the right way by Jack Herrington Advanced CSS Border Radius TutorialHow to create complex shape with only CSS border radius and understand how to separately control horizontal and vertical border radius by Red Stapler Thinking on ways to solve a Media ScrollerIn today s GUI challenge Adam Argyle shares thinking on ways to create inline scrolling experiences for the web that are minimal responsive accessible and work across browsers and platforms like TVs by Adam Argyle Amazon s Etsy s and Ebay s Checkout UIHere are five key UI elements that appear on leading ecommerce companies checkout screens The UI comparison also has lead to a freebie Figma Checkout template by Jakub Linowski Yet Another Must Know CSS Tricks That Almost Nobody KnowsCSS is a vast language with tons of features and it is impossible to know them all In this video I will be covering another features in CSS that nobody knows but are incredibly useful by Web Dev Simplified Testing React ComponentsHere Amy Dutton will show you how to write tests for a React component using Jest and the React Testing Library by Amy Dutton Mastering React Hooks with TypescriptLet s dive DEEP again into Typescript but this time to look at React Hooks by Jack Herrington Useful GitHub repositories FolioA customizable test framework to build your own test frameworks microsoft folio A customizable test framework to build your own test frameworks Folio A customizable test framework to build your own test frameworks Foundation for the Playwright test runner Folio is available in preview and is under active development Breaking changes could happen We welcome your feedback to shape this towards DocsIsolation and flexibilityWriting a testWriting a configuration fileCreating an environmentCommand lineSnapshotsAnnotationsFlaky testsParallelism and shardingWorkersShardsAdvanced configurationConfiguration objectChanging the timeoutworkerInfotestInfoMultiple test types and configurationsGlobal setup and teardownTest optionsReportersBuilt in reportersReporter APIExpectAdd custom matchers using expect extendIsolation and flexibilityFolio focuses on test isolation and flexibility This makes it fast reliable and able to adapt to your specific needs Isolation Tests are isolated by default and can be run independently Folio runs tests in parallel by default making your test suite much faster Thanks to isolation Folio reuses… View on GitHub zxA tool for writing better scripts google zx A tool for writing better scripts zx usr bin env zxawait cat package json grep name let branch await git branch show current await dep deploy branch branch await Promise all sleep echo sleep echo sleep echo let name foo bar await mkdir tmp name Bash is great but when it comes to writing scripts people usually choose a more convenient programming language JavaScript is a perfect choice but standard Node js libraryrequires additional hassle before using The zx package providesuseful wrappers around child process escapes arguments andgives sensible defaults Installnpm i g zxDocumentationWrite your scripts in a file with mjs extension in order tobe able to use await on top level If you prefer the js extensionwrap your scripts in… View on GitHub Remote Redux DevToolsUse Redux DevTools remotely for React Native hybrid desktop and server side Redux apps zalmoxisus remote redux devtools Redux DevTools remotely Remote Redux DevToolsUse Redux DevTools remotely for React Native hybrid desktop and server side Redux apps Installationnpm install save dev remote redux devtoolsNote for Windows use remote redux devtools newer versions will not work due to a Windows issue fixed in react native UsageThere are ways of usage depending if you re using other store enhancers middlewares or not Add DevTools enhancer to your storeIf you have a basic store as described in the official redux docs simply replace import createStore from redux const store createStore reducer withimport createStore from redux import devToolsEnhancer from remote redux devtools const store createStore reducer devToolsEnhancer or const store createStore reducer preloadedState devToolsEnhancer Note passing enhancer as last argument requires redux gt When to use DevTools compose helperIf you setup your store with middlewares and enhancers… View on GitHub dribbble shots Localy ーRoadmapby Arman Rokni Govoroon Appby Gregory Riaguzov IoT App for growing plantsby Amirhossein Soltani Doctor appointmentby Martyna Zielińska Allhand Mobile Appby Baten Tweets Lindsey‍ lindsey design css PM May 𝐃𝐚𝐦𝐢 dakitianthm HappyMonday PM May GitHub github Copying and pasting Markdown code blocks just got a whole lot easier Click to copy and paste away ️ PM May Gatsby gatsbyjs Gatsby v is here DX ️ faster Gatsby CLI startup ️Gatsby v compatibility for Gatsby Source GraphQL Toolkit Build perf ️ faster query running ️ faster page creation ️ drop in peak memory utilization gatsbyjs com docs reference… PM May Picked Pens GLSL Sampleby Yuki Spring patternby Liam Egan Podcasts worth listening Syntax FM Technical DebtIn this Hasty Treat Scott and Wes talk about technical debt ーwhat it is why does it occur and some techniques for reducing and avoiding it The CSS Podcast Snap PointsIn this episode Una and Adam are guiding scroll areas into their peaceful resting places maintaining alignment keeping visual harmony and improving the overall experience with the content Smashing Podcast What is The Future of CSS We re starting our new season with a look the future of CSS What new specs will be landing in browsers soon Drew McLellan talks to expert Miriam Suzanne to find out Minutes with Kent Cypress Driven Development Software Engineering Daily Natural Language ProcessingNatural Language Processing NLP is a branch of artificial intelligence concerned with giving computers the ability to understand text and spoken words “Understanding includes intent sentiment and what s important in the message Thank you for reading talk to you next week and stay safe  Make sure to subscribe to our newsletter to receive our weekly recap directly on your email and react to this post to automatically participate in our giveaway If you would like to join our discussions you can find us on Discord	2021-05-16 17:17:07
海外TECH	DEV Community	Most Popular Technologies	https://dev.to/code2rithik/most-popular-technologies-479c	Most Popular Technologies Programming Scripting and Markup LanguagesUnsurprisingly for the eighth year in a row JavaScript has maintained it s stronghold as the most commonly used programming language Going further down the list we also see moderate gains for TypeScript edging out C in terms of popularity Additionally Ruby once in the top of this list as recently as has declined being surpassed by newer trendier technologies such as Go and Kotlin Web FrameworksWhen focusing purely on web frameworks we see that jQuery is still king but is slowly losing ground to React js and Angular year over year We do see some consolidation as more than of respondents use jQuery React a version of Angular combining Angular which represents Angular and Angular js or a flavor of ASP NET ASP NET or ASP NET Core Other Frameworks Libraries and ToolsSimilar to last year we asked about many of the other miscellaneous technologies that developers are using For the second year in a row Node js takes the top spot as it is used by half of the respondents We also see growth across the board in the popularity of data analysis and machine learning technologies such as Pandas TensorFlow and Torch PyTorch DatabasesWhen looking at database technologies the results are mostly consistent with what we observed last year MySQL has maintained the top spot followed by PostgreSQL and Microsoft SQL Server However we see some slight growth in the popularity of Firebase which edged out Elasticsearch this year PlatformsLinux and Windows maintain the top spots for most popular platforms with over half of the respondents reporting that they have done development work with them this year We also see some year over year growth in the popularity of container technologies such as Docker and Kubernetes Most Loved Dreaded and Wanted LanguagesFor five years running Rust has taken the top spot as the most loved programming language TypeScript is second surpassing Python compared to last year We also see big gains in Go moving up to th from th last year VBA Objective C and Perl hold the top spots for the most dreaded languagesーlanguages that had a high percentage of developers who are currently using them but have no interest in continuing to do so If we look at technologies that developers report that they do not use but want to learn Python takes the top spot for the fourth year in a row We also see some modest gains in the interest in learning Rust Most Loved Dreaded and Wanted Web FrameworksASP NET Core is the most loved web framework beating out React js Gatsby a newcomer on the survey is already sitting at th being loved by of the respondents Although it is amongst the most popular web frameworks Angular js is also considered to be the most dreaded Most Loved Dreaded and Wanted Other Frameworks Libraries and Tools NET Core and Torch PyTorch remain the most loved of the other remaining frameworks libraries and tools DevOps tools Chef and Puppet are among the most dreaded technologies Most Loved PlatformsLinux remains the most loved platform Container technologies Docker and Kubernetes rank as the second and third most loved They are also among the platforms that developers most want to learn which demonstrates how beloved they are Wordpress is still the most dreaded but Slack Apps and integrations newly added to the list this year rank high at the number four spot Collaboration PlatformsOf the professional developers who responded to the survey almost use GitHub as a collaborative tool and more than half use Slack Thank You For Reading this Blog Remember Keep Coding Y All ‍	2021-05-16 17:14:08
Apple	AppleInsider - Frontpage News	Order for iPad Pro arrives earlier than expected May 21 street date	https://appleinsider.com/articles/21/05/16/order-for-ipad-pro-arrives-earlier-than-expected-may-21-street-date?utm_medium=rss	Order for iPad Pro arrives earlier than expected May street dateA few Apple customers may get their orders of the M equipped iPad Pro earlier than anticipated with one person claiming to have received the inch th generation model a week ahead of the expected street date An early iPad Pro order via Reddit PeterDragon The updated iPad Pro was announced as part of Apple s Spring Loaded special event with wide availability expected from May However one customer received their order a full week ahead of when stores are supposed to start selling the new tablet Read more	2021-05-16 17:39:24
海外TECH	CodeProject Latest Articles	Historic development of Calculus with code	https://www.codeproject.com/Articles/5298791/Historic-development-of-Calculus-with-code	calculus	2021-05-16 17:03:00
海外ニュース	Japan Times latest articles	Bookings for Tokyo and Osaka mass vaccination sites set to begin	https://www.japantimes.co.jp/news/2021/05/16/national/mass-vaccination-sites-reservations/	Bookings for Tokyo and Osaka mass vaccination sites set to beginOlder residents of Tokyo s special wards and the city of Osaka will be eligible for the reservations which will be accepted through a dedicated	2021-05-17 03:20:43
海外ニュース	Japan Times latest articles	Osaka overtakes Tokyo coronavirus death toll with 1,958 fatalities	https://www.japantimes.co.jp/news/2021/05/16/national/japan-coronavirus-may-16/	tokyo	2021-05-17 02:42:31
海外ニュース	Japan Times latest articles	Frontale beats Sapporo to set new record for undefeated streak	https://www.japantimes.co.jp/sports/2021/05/16/soccer/j-league/frontale-consadole-j1-streak/	Frontale beats Sapporo to set new record for undefeated streakKawasaki Frontale extended their lead atop the standings and set a new J League first division record for consecutive games unbeaten Sunday with a victory	2021-05-17 03:19:30
海外ニュース	Japan Times latest articles	Beau Barrett leads Suntory into Top League final	https://www.japantimes.co.jp/sports/2021/05/16/rugby/top-league-semifinal-suntory-kubota/	panasonic	2021-05-17 02:57:03
海外ニュース	Japan Times latest articles	Wataru Endo scores for Stuttgart as Frankfurt misses vital points	https://www.japantimes.co.jp/sports/2021/05/16/soccer/stuttgart-wataru-endo-goal/	Wataru Endo scores for Stuttgart as Frankfurt misses vital pointsJapan midfielder Wataru Endo helped Stuttgart secure a win away to Borussia Monchengladbach on Saturday netting his third goal of the season in the	2021-05-17 02:19:37
海外ニュース	Japan Times latest articles	How to be smart about taxes on Bitcoin	https://www.japantimes.co.jp/opinion/2021/05/16/commentary/world-commentary/be-smart-about-taxes-on-bitcoin/	issues	2021-05-17 02:57:27
海外ニュース	Japan Times latest articles	Why France is a welcome security partner for Japan	https://www.japantimes.co.jp/opinion/2021/05/16/commentary/japan-commentary/france-is-a-security-partner-for-japan/	Why France is a welcome security partner for JapanUltimately it is not about how much military power partners project into the region it is about adversaries knowing that those partners have skin in	2021-05-17 02:09:51
ニュース	BBC News - Home	Israel Gaza conflict: Netanyahu says strikes to 'continue at full force'	https://www.bbc.co.uk/news/world-middle-east-57131272	council	2021-05-16 17:57:48
ニュース	BBC News - Home	Boris Johnson and Keir Starmer condemn 'shameful' anti-Semitism in video	https://www.bbc.co.uk/news/uk-57137151	london	2021-05-16 17:41:49
ニュース	BBC News - Home	Keeper Alisson's stoppage-time header keeps Liverpool's top-four fate in own hands	https://www.bbc.co.uk/sport/football/57044633	Keeper Alisson x s stoppage time header keeps Liverpool x s top four fate in own handsGoalkeeper Alisson scores an incredible injury time winner as Liverpool claim a significant victory in their quest to achieve a Premier League top four finish by coming from behind to beat West Brom	2021-05-16 17:39:35
ニュース	BBC News - Home	Archer ruled out of New Zealand series with elbow problem	https://www.bbc.co.uk/sport/cricket/57132931	problem	2021-05-16 17:32:47
ビジネス	ダイヤモンド・オンライン - 新着記事	1000人の看取りに接した看護師が教える、 病院で最期を迎える患者さんの幸福度を高める、 家族にできるちょっとしたこと - 後悔しない死の迎え方	https://diamond.jp/articles/-/269939	身近	2021-05-17 02:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	子どもの「人間性」は「親の話す言葉」でほぼ決まる - 絶対に賢い子になる子育てバイブル	https://diamond.jp/articles/-/270801	子どもの「人間性」は「親の話す言葉」でほぼ決まる絶対に賢い子になる子育てバイブル全世界でシリーズ累計万部超のベストセラー『ブレイン・ルール』の第作目にあたる『万人が信頼した脳科学者の絶対に賢い子になる子育てバイブル』がついに日本上陸。	2021-05-17 02:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	発達障害の僕が発見した「風呂は好きだけど、毎日入るのが鬼めんどくさい」を解決するスゴ技 - 発達障害サバイバルガイド	https://diamond.jp/articles/-/267504		2021-05-17 02:35:00
海外TECH	reddit	ALISSONNNNNNNNNNNNN (West Brom 1-[2] Liverpool)	https://www.reddit.com/r/LiverpoolFC/comments/ndt6qa/alissonnnnnnnnnnnnn_west_brom_12_liverpool/	ALISSONNNNNNNNNNNNN West Brom Liverpool submitted by u HarryPi to r LiverpoolFC link comments	2021-05-16 17:25:13