投稿時間:2022-08-25 07:13:45 RSSフィード2022-08-25 07:00 分まとめ(15件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「mixi」の認知度　10～20代前半の5割「知らない」と回答	https://www.itmedia.co.jp/business/articles/2208/24/news168.html	itmedia	2022-08-25 06:30:00
AWS	AWS Open Source Blog	Accelerate AWS IAM Identity Center (Successor to AWS Single Sign-On) Implementation using AWS Cloud Development Kit (AWS CDK)	https://aws.amazon.com/blogs/opensource/accelerate-aws-single-sign-on-sso-implementation-using-aws-cloud-development-kit-aws-cdk/	Accelerate AWS IAM Identity Center Successor to AWS Single Sign On Implementation using AWS Cloud Development Kit AWS CDK In conversations with our customers we often hear that they find it tedious to write AWS CloudFormation templates to create new permission sets assign permission sets to users and groups in AWS IAM Identity Center successor to AWS Single Sign On and grant access for users and groups to multiple AWS accounts in their organization This …	2022-08-24 21:00:50
AWS	AWS - Webinar Channel	Streaming Terabytes of Real Time Data with Serverless Amazon Kinesis Services - AWS Online Tech Talk	https://www.youtube.com/watch?v=ZWyYHgtu67I	Streaming Terabytes of Real Time Data with Serverless Amazon Kinesis Services AWS Online Tech TalkAs customers modernize their data processing pipelines from batch workloads to real time processing they face unique challenges with scale performance and operations of distributed real time systems In this session learn how Amazon Kinesis services provide managed serverless offerings to handle terabytes of real time data at low latency and with no operational overhead See how customers use tens of existing AWS service integrations to source the data or build their custom data collectors to stream data and how they utilize Amazon Kinesis Data Firehose s no code ETL capabilities to transform and partition their data and send the data to one of AWS destinations like S Redshift OpenSearch or third party partners like Splunk and Datadog Learning Objectives Objective Learn how to ingest terabytes of data for real time processing with the serverless offering of Amazon Kinesis Data Streams and Amazon Kinesis Data Firehose Objective See how to scale optimize and monitor distributed real time systems for custom processing at low latency and with no operational overhead Objective Understand how to load and analyze streaming data in a no code ETL serverless environment to transform and partition data for datalakes and rd party partners To learn more about the services featured in this talk please visit sc channel video	2022-08-24 21:00:27
海外TECH	DEV Community	🎉 Introducing @akalli/components smart components for React Native with CSS style like	https://dev.to/danilosilvadev/introducing-akallicomponents-smart-components-for-react-native-with-css-style-like-3gd9	Introducing akalli components smart components for React Native with CSS style like akalli components is a framework for React Native of smart components and form validations You can consider it to be a child of chakra ui native base ideas with styled components Enough talk just an example can make this clear lol import Text View from akalli components export const Component memo props IPropsHeader gt return lt View style styles view gt lt Text style styles text gt My text here lt Text gt lt Text style color blue gt Inline styles support too lt Text gt lt View gt const styles view height px background color red width text color white font size px You can put your style inline or call it from a const or object Under the hood all is converted to styled components Installationnpm install akalli components styled components react native svg yup UsageThe special props associated to this component lib are identified with Every time you see a prop with it means is one of our library anything else is just the same as react native Of course thanks to typescript you can just press in a component to see what reserves to use Components Special ViewsView The same as View in RN HSection and VSection are views but with orientation designated and also more semantic ScrollView The same as ScrollView in RN Center HCenter and VCenter Views with different centralizing style Show A view with a condition logic good to make more obvious and semantic conditional rendering it includes fallback prop to the false case ListsFlatList The same as FlatList SectionList The same as SectionList InputTextInput The same as TextInput in RN Input An input that works with a validation hook useMyForm that has integration with yup OthersHeader An easier way to implement a header with an icon Theming and variantsconst initialTheme colors fontSizes variants viewBgRed background color red lt MyThemeProvider theme initialTheme gt lt View variant viewBgRed gt lt Text gt Hey coders lt Text gt lt View gt lt MyThemeProvider gt HooksuseMyStyle This hook is used to dynamic styles It allows you to style dynamically without causing a re rendering This will only be called again when lang changes const changeLangButtonStyle useMyStyle styles changeLangButton lang lang useMyStyledComponent With this you can create your own components using our philosophy useMyTheme This allows you to access our theme To be used it needs to wrap your app with our MyThemeProvider and feed theme prop useMyForm This hook is used for form validation and has integration with yup const schema yup object shape name yup string min put at least letters required Name is required email yup string email Not valid email required Email is required const register handleSubmitForm useMyForm schema lt Input variant inputForm register register key name This key must be the same as yup schema label Name placeholder Seu nome customStyles styles inputDataClient colors main aaa error fb gt const styles inputDataClient label font size px text align left input font size px padding left px height px border radius px color AAA container margin top px align items flex start This project independent but also is part of much larger expo template package with easy installation in npx Meet akalli create akalli appIt is all open source at GitHub Checkout and if any doubts or troubles you can create an issue or reach me at my e mail dsilva akalli com br	2022-08-24 21:28:36
海外TECH	DEV Community	Building React Components from headless CMS markdown	https://dev.to/stefankudla/building-react-components-from-headless-cms-markdown-4c1k	Building React Components from headless CMS markdownMarkdown has become a staple in my workflow as a developer and content creator It s quick to write flexible with its features and has easy to remember syntax Using React Markdown we re going to create Custom React Components in a Next js application using parsed markdown retrieved from a headless CMS By doing so we will be able to quite easily utilize cutting edge features like Next Image in the body of our Markdown This way we can take dynamic content and shape it the way we want improving performance accessibility and overall user experience This article features the Next js Developer Portfolio Template I built with Cosmic You can follow along by visiting the App Template Page and importing the template into your own Cosmic Bucket create an account if you d like to follow along this way and haven t already made one Or view the source code if you d rather follow along with your own application A brief overview of React MarkdownReact Markdown is a React Component to render markdown which lets you create and render custom components instead of standard HTML components It is safe by default no dangerouslySetInnerHTML and allows you to use a wide array of plugins from remarkjs to enhance your markdown To further understand this component let s reference the diagram above step by step The markdown content is parsed and turned into a markdown syntax treeThe markdown syntax tree is transformed to an HTML syntax tree through remarkThe HTML syntax tree is transformed through rehype and rendered to React components Installing the packagesTo use react markdown we only need the package itself pnpm add react markdown ornpm install react markdown oryarn add react markdownTo retrieve our data from Cosmic we can install the Cosmic NPM module pnpm add cosmicjs ornpm install cosmicjs oryarn add cosmicjs Getting our Markdown content from a headless CMSIn this example we re retrieving markdown content from a Cosmic Object that is going to be the body of text for an article Within the pages directory of our Next js application make sure you have a slug jsx file created within a folder called posts articles or whatever you please We can import the cosmicjs package set the environment variables then write two functions that will get data from our Cosmic dashboard const Cosmic require cosmicjs const api Cosmic const bucket api bucket slug process env COSMIC BUCKET SLUG read key process env COSMIC READ KEY export async function getAllPostsWithSlug const params query type posts props title slug metadata created at const data await bucket getObjects params return data objects export async function getPostAndMorePosts slug preview const singleObjectParams query slug slug preview amp amp status any props slug title metadata created at const moreObjectParams query type posts preview amp amp status any limit props title slug metadata created at try const data await bucket getObjects singleObjectParams const moreObjects await bucket getObjects moreObjectParams const morePosts moreObjects objects filter slug object slug gt object slug slug slice return post data objects morePosts catch error if is error return throw error Within our slug jsx file we can call getStaticProps and getStaticPaths pull in data then pass it through to our Post component pages posts slug jsxconst Post post gt return lt gt lt article gt lt PostBody content post metadata content gt lt article gt lt gt export default Postexport async function getStaticProps params preview null const data await getPostAndMorePosts params slug preview return props preview post data post morePosts data morePosts export async function getStaticPaths const allPosts await getAllPostsWithSlug return paths allPosts map post gt posts post slug fallback true Now that we ve got the page itself set up let s dive into our PostBody component where we will be using react markdown to render our content Implementing React MarkdownWithin our PostBody we can import and use the ReactMarkdown Component We simply import the package and wrap our content in the ReactMarkdown component import ReactMarkdown from react markdown const PostBody content gt return lt div className max w xl mx auto gt lt ReactMarkdown gt content lt ReactMarkdown gt lt div gt export default PostBody Creating custom componentsFurthermore we can create custom components To do this we will create a components object above our PostBody component and pass it through to the ReactMarkdown component When creating the custom components the key will be the HTML equivalent for the content we write in markdown The parameter will be what you want to render as an HTML element and will have access to the props of that element For example the a element will give us access to href and children and the img tag src and alt The JSX you write within these functions will return the provided element You could write something like h h gt return lt h gt h children lt h gt and you will render h elements for every h written in markdown import ReactMarkdown from react markdown const components a a gt return lt a href a href rel noopener noreferrer target blank gt a children lt a gt const PostBody content gt return lt div className max w xl mx auto gt lt ReactMarkdown components components gt content lt ReactMarkdown gt lt div gt export default PostBodyMy favorite use case so far has been implementing Next Image for optimized image sizes and better page load times Without using Next Image having lots of images in our markdown will require all of the images to be loading when the page is requested This is slow and negatively impacts user experience and lighthouse scores When I refresh the page all of the images will be loaded at once Yikes Let s improve this Import Image from next image then create a custom img component inside of the components object Remember we have access to some standard props with these components so we can simply grab the src and alt from the img We pass them into our Image component written in our JSX defining a set height and width a lower quality to the file size and a layout of responsive to serve scaled images according to screen size ensuring that small devices don t receive any unnecessarily large file sizes import ReactMarkdown from react markdown import Image from next image const components a a gt return lt a href a href rel noopener noreferrer target blank gt a children lt a gt img img gt return lt Image src img src alt img alt width height quality layout responsive objectFit contain objectPosition center gt const PostBody content gt return lt div className max w xl mx auto gt lt ReactMarkdown components components gt content lt ReactMarkdown gt lt div gt export default PostBodyNow that we ve added the custom Image component let s reload the page and see the magic We are no longer requesting all of those images at once and as we scroll down the page the lazy loaded images start to appear in the network tab Having the flexibility to create custom React Components for markdown is essential and with react markdown we can achieve this in just a few lines of code Boosting performance increasing link security and having overall increased capabilities for our markdown data are what we achieve here Aside from the improvements within our application this component is super easy to use and taps us into the unifiedjs giving us superpowers Come build some cool sh t with us You can tune into our new show Build Time where we cover topics like headless CMS Next js React and many many more	2022-08-24 21:15:16
Apple	AppleInsider - Frontpage News	New online tool lets you see how far iPhone cameras have come in 15 years	https://appleinsider.com/articles/22/08/24/new-online-tool-lets-you-see-how-far-iphone-cameras-have-come-in-15-years?utm_medium=rss	New online tool lets you see how far iPhone cameras have come in yearsSmartphones cameras have improved significantly since the release of the iPhone in ーand there s now a nifty visualization that proves it Apple iPhone ProSimpleGhar an online review website posted an interactive comparison tool that lets users compare the camera quality of every iPhone from the very first to the latest iPhone Pro Max Read more	2022-08-24 21:01:10
海外TECH	Engadget	Twitter whistleblower to testify about company's 'widespread security failures' at Senate hearing	https://www.engadget.com/twitter-whistleblower-peiter-mudge-zatko-senate-judiciary-hearing-215758046.html?src=rss	Twitter whistleblower to testify about company x s x widespread security failures x at Senate hearingTwitter s former security chief will testify at a Senate hearing about the company s security practices Peiter “Mudge Zatko who recently went public with a lengthy whistleblower complaint based on his experiences at the company will appear at a Judiciary Committee hearing on September th “Mr Zatko s allegations of widespread security failures and foreign state actor interference at Twitter raise serious concerns committee chair Sen Dick Durbin said in a statement “If these claims are accurate they may show dangerous data privacy and security risks for Twitter users around the world The hearing was announced one day after Zatko went public with claims that Twitter has been “grossly negligent in its handling of numerous security issues Some of the most explosive of his allegations however surround Twitter s dealings with foreign governments and government actors which he has said could threaten U S national security BREAKING Chair SenatorDurbin and Ranking Member ChuckGrassley announced a full Committee hearing to investigate allegations of widespread security failures at Twitter and foreign state actor interference on Tuesday September at am ーSenate Judiciary Committee JudiciaryDems August Twitter previously responded to Zatko s claims by saying it was “riddled with inaccuracies And CEO Parag Agrawal reportedly told Twitter staffers that Zatko was fired for “for ineffective leadership and poor performance but the company has yet to publicly address the allegations in detail	2022-08-24 21:57:58
海外TECH	Engadget	Amazon is shutting its down telehealth service	https://www.engadget.com/amazon-shutting-down-care-telehealth-service-214850542.html?src=rss	Amazon is shutting its down telehealth serviceAmazon plans to discontinue its Care telehealth service by the end of the year reports The Washington Post The company reportedly told employees of the decision during a meeting on Wednesday It s expected nbsp quot dozens quot of employees will lose their jobs as a result nbsp Amazon did not immediately respond to Engadget s request for comment “This decision wasn t made lightly and only became clear after many months of careful consideration Amazon senior vice president of health Neil Lindsay told employees in a memo the company shared with The Post “Although our enrolled members have loved many aspects of Amazon Care it is not a complete enough offering for the large enterprise customers we have been targeting and wasn t going to work long term Amazon s decision to shutter the service is surprising given that the company only last year announced it was expanding its availability to more workers and companies across the US What s more Amazon CEO Adam Jassy highlighted Amazon Care in his letter to shareholders citing the platform as an example of the quot type of iterative innovation quot that was driving the next chapter of the company More recently the company struck a deal to buy healthcare provider One Medical for billion nbsp	2022-08-24 21:48:50
海外科学	NYT > Science	California to Ban the Sale of New Gasoline Cars	https://www.nytimes.com/2022/08/24/climate/california-gas-cars-emissions.html	California to Ban the Sale of New Gasoline CarsThe decision to take effect by will very likely speed a wider transition to electric vehicles because many other states follow California s standards	2022-08-24 21:49:39
ニュース	BBC News - Home	Ukraine war: Russia railway station strike kills 22, injures dozens	https://www.bbc.co.uk/news/world-europe-62666188?at_medium=RSS&at_campaign=KARANGA	invasion	2022-08-24 21:19:25
ニュース	BBC News - Home	British Gas to donate 10% of profits to help cut bills	https://www.bbc.co.uk/news/business-62666221?at_medium=RSS&at_campaign=KARANGA	energy	2022-08-24 21:13:08
ニュース	BBC News - Home	Emily Maitlis says BBC rebuke over Dominic Cummings remarks made no sense	https://www.bbc.co.uk/news/entertainment-arts-62662212?at_medium=RSS&at_campaign=KARANGA	cummings	2022-08-24 21:45:31
ニュース	BBC News - Home	Carabao Cup draw: Man City v Chelsea in third round	https://www.bbc.co.uk/sport/football/62666035?at_medium=RSS&at_campaign=KARANGA	carabao	2022-08-24 21:37:49
北海道	北海道新聞	防衛費財源で有識者会議　政府新設、９月にも初会合	https://www.hokkaido-np.co.jp/article/721684/	岸田文雄	2022-08-25 06:02:00
ビジネス	東洋経済オンライン	ジム･ロジャーズ｢今から『日本終了』に備えよ｣ 何もしないと日本人の年金は目減りする一方だ | 投資 | 東洋経済オンライン	https://toyokeizai.net/articles/-/612755?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-08-25 06:30:00