投稿時間:2023-03-12 22:19:02 RSSフィード2023-03-12 22:00 分まとめ(22件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	React頻出javascript記法　map()メソッドの覚書	https://qiita.com/sa-yu-hs/items/9c287c20d9b1f5641b75	javascript	2023-03-12 21:23:14
AWS	AWSタグが付けられた新着投稿 - Qiita	[AWS Q&A 365][S3 Glacier]AWSのよくある問題の毎日5選 #2	https://qiita.com/shinonome_taku/items/534bdf6c9198bc12bea9	amazonsglacier	2023-03-12 21:43:48
AWS	AWSタグが付けられた新着投稿 - Qiita	[AWS Q&A 365][S3 Glacier]Daily Five Common Questions #2	https://qiita.com/shinonome_taku/items/a84cd33a0be0ddd74d88	cloud	2023-03-12 21:40:37
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker Composeのextendsでcompose.yamlの見通しを改善する	https://qiita.com/Rdot/items/2487c1a7586c3ebe786e	compose	2023-03-12 21:23:49
Ruby	Railsタグが付けられた新着投稿 - Qiita	[Rails] binstubとは 100DaysOfQiita　5日目(2)	https://qiita.com/30113011tr/items/eea853ee9dedfddfa7e4	bundlebinstubsrspeccore	2023-03-12 21:07:57
海外TECH	MakeUseOf	How to Use Your Apple Music Subscription for All Your Wellness Needs	https://www.makeuseof.com/use-apple-music-subscription-wellness/	fitness	2023-03-12 12:45:16
海外TECH	MakeUseOf	8 Tools to Unzip Any File Online for Free	https://www.makeuseof.com/free-tools-unzip-files-online/	options	2023-03-12 12:30:16
海外TECH	MakeUseOf	How to Whitelist an Email Address in iCloud	https://www.makeuseof.com/whitelist-email-address-icloud/	address	2023-03-12 12:15:15
海外TECH	MakeUseOf	14-Inch vs. 16-Inch MacBook Pro: Which M2 Pro or M2 Max Mac Should You Get?	https://www.makeuseof.com/14-inch-vs-16-inch-macbook-pro-m1-pro-m1-max/	macbook	2023-03-12 12:15:15
海外TECH	MakeUseOf	How to Make TikToks, Shorts, and Reels in OBS (While You Stream)	https://www.makeuseof.com/how-to-make-tiktoks-shorts-reels-in-obs-studio/	content	2023-03-12 12:01:15
海外TECH	DEV Community	Using Container Views with Redux-like state container	https://dev.to/sergeyleschev/using-container-views-with-redux-like-state-container-4f7	Using Container Views with Redux like state containerDuring my transition from multiple stores BasicsReducer and ActionsUnidirectional flowSide effectsUsageState normalizationState compositionReducer compositionDerived storesto a single source of truth I realize that Container Views play a significant role in this approach I mainly use them for sending actions to the store and mapping the global app state to Rendering View properties Container Views perfectly fit into my current app architecture Let s take a look at the example import SwiftUIstruct SearchContainerView View EnvironmentObject var store AppStore State private var query String Swift var body some View SearchView query query repos store state search result onCommit fetch onAppear perform fetch private func fetch store send SideEffect search query struct SearchView View Binding var query String let repos Repo let onCommit gt Void var body some View List TextField Type something text query onCommit onCommit ReposView repos repos As you can see in the example above Container View helps us to keep Rendering Views small and independent ContactsI 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	2023-03-12 12:49:36
海外TECH	DEV Community	Redux-like state container in SwiftUI. Container Views.	https://dev.to/sergeyleschev/redux-like-state-container-in-swiftui-container-views-a35	Redux like state container in SwiftUI Container Views Another subject from my previous posts BasicsReducer and ActionsUnidirectional flowSide effectsUsageState normalizationState compositionReducer compositionDerived storeswhich plays very nice in conjunction with a Redux like state container and this is Container Views Container Views help us to keep our SwiftUI views simple and responsible for only one job The main idea is dividing your views into two types Container Views and Rendering Views The Rendering View is responsible for drawing the content and that s all So basically it should not store the state or handle any lifecycle event It usually renders the data which you pass via the init method Container View on another hand is responsible for handling data flow and lifecycle events by providing the functions closures to a Rendering View Let s take a look at a simple example import SwiftUIstruct SearchContainerView View EnvironmentObject var store ReposStore State private var query String Swift var body some View SearchView query query repos store repos onCommit fetch onAppear perform fetch private func fetch store fetch matching query struct SearchView View Binding var query String let repos Repo let onCommit gt Void var body some View List TextField Type something text query onCommit onCommit ReposView repos repos struct ReposView View let repos Repo var body some View ForEach repos repo in HStack alignment top VStack alignment leading Text repo name font headline Text repo description font subheadline You can see how we build a connection between Container and Rendering views Container View provides the data to Rendering Views By doing this we can easily reuse our ReposView anywhere across the app ReposView doesn t have any dependency on some state or datastore and gets all the needed data via the init method ContactsI 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	2023-03-12 12:38:53
海外TECH	DEV Community	3 Ways to Automate Accessibility Testing (a11y)	https://dev.to/willkre/3-ways-to-automate-accessibility-testing-a11y-19kc	Ways to Automate Accessibility Testing ay Before we get going let s go over some quick definitions questions What does web accessibility mean Web accessibility means that websites tools and technologies are designed and developed so that people with disabilities can use them More specifically people can understand navigate and interact with the Web Why ay That s its numeronym with the representing the count of letters between the a and the y You find the same concept for other words across the web dev world such as in internationalization Does automated accessibility testing mean I don t have to do manual testing No There have been studies that demonstrate that while it sets a great base it doesn t cover everything that manual testing does Different studies come back with different results on the subject of how much is covered Deque concluded that of issues can be covered by automated testing tools such as axe core You can learn more about manual testing here In this post we will cover how to automate accessibility testing by combining Static Code Checks Unit amp Integration Tests and Browser Tests Static Code ChecksSimilarly to how Static is at the base of many testing methodologies such as the Testing Trophy the same can be said for automated accessibility Static linting is the first line of defense when it comes to catching common accessibility violations Linting refers to the way a program analyses code and flags potential problems according to predefined rules A popular industry standard for tackling this is the ESLint eslint plugin jsx ay plugin Note If you are already using the Airbnb ESLint setup this is included by default 🪄Refer to the docs to get it set up and you ll be receiving warnings in your IDE such as img elements must have an alt prop either with meaningful text or an empty string for decorative images eslint jsx ay alt text Not a bad start but there s still more to uncover Unit amp Integration testsLinters look for standard HTML elements such as lt img gt This means that if you re using an lt Image gt component from a rd party design system such as MaterialUI or Chakra no issues will be flagged We need to first render the code into a test DOM and then examine the rendered code This is where jest axe comes into play jest axe is a custom Jest matcher for Axe which provides functions to check rendered code against Axe standards Here s an example of manually rendering an image without an alt tag jest environment jsdom const axe toHaveNoViolations require jest axe expect extend toHaveNoViolations it should demonstrate this matcher s usage async gt const render gt lt img src gt pass anything that outputs html to axe const html render expect await axe html toHaveNoViolations and what the error message you d receive looks like Using this knowledge what we can do is create a top level test for the React App and use the toHaveNoViolations method import axe toHaveNoViolations from jest axe import render from testing library react import App from App expect extend toHaveNoViolations it should have no accessibility violations caught by jest axe async gt const container render lt App gt const results await axe container expect results toHaveNoViolations Note this is a React specific example but there is also support for Vue with Vue Testing Library Angular with Nx etc The test will fail if there are any violations found within the rendered code conversely if it doesn t pick up on any issues the test will pass Browser testsLast but not least a powerful way to automate accessibility checks is through browser tests with solutions such as cypress audit Using cypress audit you can run Lighthouse and Pay audits directly in your EE test suites Check out the docs for installation setup instructions as it ll depend on your current setup but in general a basic cypress config js setup could look something like this const lighthouse prepareAudit require cypress audit lighthouse const pay require cypress audit pay module exports ee baseUrl http localhost this is your app setupNodeEvents on config on before browser launch browser launchOptions gt prepareAudit launchOptions on task lighthouse lighthouse pay pay This post is based on ay but it s worth mentioning that for for Lighthouse you can specify your thresholds for other things like performance and SEO like this it should verify the lighthouse scores with thresholds function For each of these you can specify whatever threshold you want cy lighthouse performance accessibility This is the ay specific parameter best practices seo pwa which would give you a report looking something like this Similar thing for Pay you ll need to update the cypress config js according to the docs which will also generate a report for you and flag any accessibility violations If you re not using Cypress lighthouse ci and pay ci are great alternatives you can use to directly automate accessibility checks That s it 🪄Those are the main pillars when dealing with automated ay Be sure to check out the docs linked throughout the article for more configuration there s too much to put in one article And remember accessibility is not just a nice to have but often a legality	2023-03-12 12:21:59
Apple	AppleInsider - Frontpage News	Tim Cook may be launching Apple VR headset earlier than engineers want	https://appleinsider.com/articles/23/03/12/apples-vr-headset-launch-in-2023-goes-against-design-teams-advice?utm_medium=rss	Tim Cook may be launching Apple VR headset earlier than engineers wantThe expected launch of the Apple VR headset was an executive decision against the advice of the company s industrial design team a report claims with the latter preferring to wait until it could release AR glasses A render of a potential Apple headset AppleInsider Apple s long rumored VR headset has been teased and talked about for years but has yet to make it to launch While current speculation has Apple finally bringing out the headset as soon as this summer s WWDC some within the company apparently would ve preferred waiting even longer Read more	2023-03-12 12:38:09
ニュース	@日本経済新聞 電子版	[FT]Amazon、しぼむ「アレクサ」の壮大な夢 https://t.co/LHacd52slE	https://twitter.com/nikkei/statuses/1634902092149149703	ftamazon	2023-03-12 13:00:08
ニュース	@日本経済新聞 電子版	中国、甘くない5%成長　ゼロコロナで「発射台」低く https://t.co/jr4CmWVoIl	https://twitter.com/nikkei/statuses/1634898794298118150	成長	2023-03-12 12:47:02
ニュース	@日本経済新聞 電子版	会員制サーキット、1口3600万円　コーンズが千葉で開業 https://t.co/ooRa71GVGZ	https://twitter.com/nikkei/statuses/1634896163047616512	千葉	2023-03-12 12:36:34
ニュース	@日本経済新聞 電子版	「Slack」にもChatGPT　投稿要約、返信を下書き https://t.co/8t3dcLZ3Qv	https://twitter.com/nikkei/statuses/1634894563755151360	chatgpt	2023-03-12 12:30:13
海外ニュース	Japan Times latest articles	Brave Lupus overcome early red card to beat Green Rockets	https://www.japantimes.co.jp/sports/2023/03/12/rugby/league-one-brave-lupus-green-rockets/	brave	2023-03-12 21:37:35
海外ニュース	Japan Times latest articles	Shinji Kagawa goal helps Cerezo secure first league win of season	https://www.japantimes.co.jp/sports/2023/03/12/soccer/j-league/cerezo-sagan-kagawa-goal/	cerezo	2023-03-12 21:27:49
ニュース	BBC News - Home	Childcare: I'll cut costs to boost workforce, says Chancellor Jeremy Hunt	https://www.bbc.co.uk/news/uk-politics-64931202?at_medium=RSS&at_campaign=KARANGA	budget	2023-03-12 12:36:44
ニュース	BBC News - Home	Gary Lineker tweet a technical breach, ex-BBC head says	https://www.bbc.co.uk/news/uk-64930957?at_medium=RSS&at_campaign=KARANGA	breach	2023-03-12 12:39:33