投稿時間:2022-05-17 02:27:40 RSSフィード2022-05-17 02:00 分まとめ(30件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Game Tech Blog	AWS for Games Cohort Modeler: Graph Data Model	https://aws.amazon.com/blogs/gametech/aws-for-games-cohort-modeler-graph-data-model/	AWS for Games Cohort Modeler Graph Data ModelThis is the second blog of the series introducing the AWS for Games Cohort Graph You can read the introductory blog here In the first part of this blog series we covered what the AWS for Games Cohort Modeler is what challenges it solves and provided both a high level architecture and a code example to …	2022-05-16 16:08:54
AWS	AWSタグが付けられた新着投稿 - Qiita	botocore.exceptions.EndpointConnectionError: Could not connect to the endpoint URL エラーの対処	https://qiita.com/tik26/items/7c8b05468cd3f10688b8	connectionerrorcouldnotc	2022-05-17 01:52:30
海外TECH	Ars Technica	Inca priests used natural antidepressants for nefarious purposes	https://arstechnica.com/?p=1854322	ingredients	2022-05-16 16:09:16
海外TECH	MakeUseOf	The Do's and Don'ts of an Infographic Resume	https://www.makeuseof.com/dos-donts-of-infographic-resume/	infographic	2022-05-16 16:45:13
海外TECH	MakeUseOf	Should You Ask Instagram Followers to Turn On Notifications for Your Posts?	https://www.makeuseof.com/ask-instagram-followers-to-turn-on-notifications/	Should You Ask Instagram Followers to Turn On Notifications for Your Posts Here are the things you need to consider when deciding whether to ask your Instagram followers to turn on notifications for your posts	2022-05-16 16:30:13
海外TECH	DEV Community	Interview Experience Digital Specialist Engineer - Infosys	https://dev.to/vedantjain03/interview-experience-digital-specialist-engineer-infosys-4p4n	Interview Experience Digital Specialist Engineer Infosys What is HackWithInfy HackWithInfy is a competitive coding competition for second year to pre final year students across India In this competition participants have to solve coding questions in a given time and top performers get a chance to interview Infosys The level of the competition was medium hard I solved question and got AC and other partially accepted I did not remember the exact questions but they were mainly based on Arrays Greedy and DP All questions can be solved partially with brute force so will recommend you to solve every question If you solved questions fully and some testcases for other you will definitely going to get the interview for DSE role So there were two roles Infosys was offering SE LPADSE LPAIf you are able to solve all you will get upgraded to advanced rounds and will surely get the interview for SE Interview ExperienceI got the mail on May to schedule my interview and I scheduled nearest date possible th May My interviewer forgot about the interview and hence he slept and get back to me after hours That was funny XD Never mind The interviewer was really chilled and cool He asked me for the introduction Then asked me about my current semester subjects He then started with question to check weather a number is prime or not I shared my screen and he asked me that what if in place of include lt bits stdc gt can we write include bits stdc h I was not sure about it and said no it will not compiled but it compiled successfully and then I realised about importing modules in react with I got pretty nervous He then asked me that main function will return to whom In my mind I was right OS but as my overconfident killed my before I not tell him the answer Then I write the code he gave me sample TC and it ran fine He then asked me the topic which I can not expect What is DFA I asked him to repeat I heard DFS but it was Deterministic Finite Automata Luckily I learned the topic in my online classes YES I attended first class and told him everything I knew He then asked me about my projects He then started with some sense of humour questionWhat is color of the wall behind you What is the color of your Shirt How many buttons in your T Shirt He then asked me What do you know about Infosys Where do you see yourself after years We wrapped up and ask me for any doubts I asked him about his experience I asked him about my feedback He told me that I have good communication skills and open source experience ConclusionIt is going to be very chill and easy just be confident not over	2022-05-16 16:39:34
海外TECH	DEV Community	How to Create Modern Cards in Chakra UI & React JS ⚡️	https://dev.to/fredy/how-to-create-modern-cards-in-chakra-ui-react-js-j1b	How to Create Modern Cards in Chakra UI amp React JS ️Sometimes creating a great UI requires not just time but attention as well Even when it comes to some cards the attention to structure spacings color palette and so on is more than important These days we can safely say that cards have become a design trend amp staple across websites and mobile app UIs we have examples from big companies like Revolut Apple amp Google that use interactive amp modern cards on their websites and apps to give their customers and users a great experience in using their solutions So when we start designing amp developing a card we need to take into consideration some important aspects The card content should be very compact and intuitive so we need to keep it in a single card structure The whole card should be very easy to read and use This aspect makes the difference between a great and a bad UI amp UX So we need to pay attention to making it clean and airy design tip don t be afraid to use whitespace use it as much as you can The card should have just the important elements that will expose the information as I said above we need to keep the card clean amp airy For example a CTA card should contain a title subtitle maybe an image and a CTA button that will make the action One more important aspect that defines the popularity of UI Cards is that they facilitate responsive UI design they can easily scale down to any device resolution due to their squared shape that fits perfectly in any grid structure Let s get straight to our cards examples In today s example we will make three simple cards updated to the latest UI trends We ve taken some design inspiration from Horizon UI React cards you can see more awesome free react cards like this on their website Great let s code them As you already saw the React JS library that we are going to use today to build our beautiful cards is Chakra UI Also we are going to get some help from tools such as Chakra theme tools amp React icons First of all let s install Chakra UI amp its above add ons npm i chakra ui react chakra ui theme chakra ui theme tools react iconsAfter this we need to make a style js file and type the following styles src theme styles jsimport mode from chakra ui theme tools export const globalStyles colors gray f navy ddcfb aacfe abf fea ba bbbb a bb c b brand cbbff cea CFF de FF FF eaa c e styles global props gt body overflowX hidden bg mode gray BB props html fontFamily Helvetica sans serif Great In the components folder in theme we modified various Chakra UI components like or to use them we need to make a special folder with all styles files for each component we have badge js button js amp breakpoints js Make a special file for the components below badge js src theme components badge jsexport const badgeStyles components Badge sizes md width px height px baseStyle textTransform capitalize button js src theme components button jsimport mode from chakra ui theme tools export const buttonStyles components Button variants primary fontSize px bg blue color fff hover bg blue focus bg blue active bg blue navy fontSize px bg navy color fff hover bg navy focus bg navy active bg navy no effects hover none active none focus none danger gt color white bg red fontSize px hover red focus red active red outlined props gt color mode blue white props bg transparent fontSize px border px solid borderColor bg mode blue white props hover bg mode blue transparent props focus bg mode blue transparent props active bg mode blue transparent props dark props gt color white bg mode gray blue props fontSize px hover bg mode gray blue props focus bg mode gray blue props active bg mode gray blue props light props gt color mode gray gray props bg mode gray white props fontSize px hover bg mode gray white props focus bg mode gray white props active bg mode gray white props baseStyle fontWeight bold borderRadius px fontSize px After we have modified general styles it would also be helpful to set other breakpoints for responsive accuracy Create a breakpoints js file with the following code src theme theme jsimport extendTheme from chakra ui react import globalStyles from styles import breakpoints from foundations breakpoints import buttonStyles from components button import badgeStyles from components badge export default extendTheme breakpoints Breakpoints globalStyles Global styles buttonStyles Button styles badgeStyles Badge styles After this in index js add the theme to the component src index jsimport React from react import ReactDOM from react dom import App from App import ChakraProvider from chakra ui react Custom Chakra themeimport theme from theme theme js ReactDOM render lt ChakraProvider theme theme resetCss false position relative gt lt App gt lt ChakraProvider gt document getElementById root Amazing Let s start coding the structure of our Chakra UI React cards ️All we need to do is to make a special file for each of them and paste the below code of them Chakra UI Profile Card src components Profile jsimport React from react Chakra importsimport Flex Image Text useColorModeValue from chakra ui react function Profile let boxBg useColorModeValue white important c important let mainText useColorModeValue gray white let secondaryText useColorModeValue gray gray return lt Flex borderRadius px bg boxBg p px h px w base px md px alignItems center direction column gt lt Image src maxW borderRadius px gt lt Flex flexDirection column mb px gt lt Image src border px solid red mx auto borderColor boxBg width px height px mt px borderRadius gt lt Text fontWeight color mainText textAlign center fontSize xl gt Adela Parkson lt Text gt lt Text color secondaryText textAlign center fontSize sm fontWeight gt Product Designer lt Text gt lt Flex gt lt Flex justify space between w px px gt lt Flex flexDirection column gt lt Text fontWeight color mainText fontSize xl textAlign center gt lt Text gt lt Text color secondaryText fontWeight gt Posts lt Text gt lt Flex gt lt Flex flexDirection column gt lt Text fontWeight color mainText fontSize xl textAlign center gt k lt Text gt lt Text color secondaryText fontWeight gt Followers lt Text gt lt Flex gt lt Flex flexDirection column gt lt Text fontWeight fontSize xl color mainText textAlign center gt lt Text gt lt Text color secondaryText fontWeight gt Following lt Text gt lt Flex gt lt Flex gt lt Flex gt export default Profile Chakra UI Teams Card src components Teams jsimport React from react Chakra importsimport Avatar AvatarGroup Badge Flex Button Icon Image Text DarkMode useColorModeValue from chakra ui react Assetsimport MdPeople from react icons md import IoEllipsisHorizontalSharp from react icons io function Teams let boxBg useColorModeValue white important c important let mainText useColorModeValue gray white let iconBox useColorModeValue gray whiteAlpha let iconColor useColorModeValue brand white return lt Flex borderRadius px bg boxBg p px h px w base px md px alignItems center direction column gt lt Flex w mb px gt lt Flex w px h px align center justify center borderRadius me px bg iconBox gt lt Icon w px h px as MdPeople color iconColor gt lt Flex gt lt Text my auto fontWeight color mainText textAlign center fontSize xl me auto gt Teams lt Text gt lt Button w px h px align center justify center borderRadius px me px bg iconBox gt lt Icon w px h px as IoEllipsisHorizontalSharp color iconColor gt lt Button gt lt Flex gt lt Image src maxW borderRadius px mb px gt lt Text fontWeight color mainText textAlign start fontSize xl w gt Simmmple Web lt Text gt lt Flex mt auto justify space between w align center gt lt DarkMode gt lt Badge borderRadius px size md colorScheme green color green textAlign center display flex justifyContent center alignItems center gt Design lt Badge gt lt DarkMode gt lt AvatarGroup size sm max color iconColor fontSize px fontWeight gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt AvatarGroup gt lt Flex gt lt Flex gt export default Teams Chakra UI Product Card src components Product jsimport React from react Chakra importsimport Avatar AvatarGroup Box Flex Button Icon Image Text useColorModeValue from chakra ui react Assetsimport MdTimer MdVideoLibrary from react icons md import IoEllipsisHorizontalSharp from react icons io function Product let boxBg useColorModeValue white important c important let secondaryBg useColorModeValue gray whiteAlpha let mainText useColorModeValue gray white let iconBox useColorModeValue gray whiteAlpha let iconColor useColorModeValue brand white return lt Flex borderRadius px bg boxBg h px w base px md px direction column gt lt Box p px gt lt Flex w mb px gt lt Image src me auto gt lt Button w px h px align center justify center borderRadius px me px bg iconBox gt lt Icon w px h px as IoEllipsisHorizontalSharp color iconColor gt lt Button gt lt Flex gt lt Box gt lt Text fontWeight color mainText w fontSize xl gt Venus Product lt Text gt lt AvatarGroup size sm max color iconColor fontSize px fontWeight gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt Avatar src gt lt AvatarGroup gt lt Box gt lt Box gt lt Flex bg secondaryBg w p px borderBottomLeftRadius inherit borderBottomRightRadius inherit height direction column gt lt Text fontSize sm color gray lineHeight px pe px fontWeight mb auto gt You have the opportunity to play this game of life you need to appreciate every moment lt Text gt lt Flex gt lt Flex me px gt lt Icon as MdTimer w px h px me px color green gt lt Text color mainText fontSize sm my auto fontWeight gt mins lt Text gt lt Flex gt lt Flex gt lt Icon as MdVideoLibrary w px h px me px color red gt lt Text color mainText fontSize sm my auto fontWeight gt Video Format lt Text gt lt Flex gt lt Flex gt lt Flex gt lt Flex gt export default Product Congratulations Great Now in our App js we re going to import the card components that we created The imports should look like this Components Importimport Product from components Product import Profile from components Profile import Teams from components Teams Conclusions amp Resources ️In this article we ve been able to build complete and fully responsive cards using Chakra UI I hope you found it helpful and interesting Here you will find the zip file with today s project that contains the cards above Also I really recommend to take a look and try Horizon UI you will find more awesome cards like in this article modern charts and many other amazing UI elements You will find them in a beautifully functional admin dashboard that is responsive to all devices And is free amp open source ️Thanks for reading	2022-05-16 16:35:48
海外TECH	DEV Community	The 3 Short CSS tricks	https://dev.to/melnik909/the-3-short-css-tricks-3mce	The Short CSS tricks margins and paddings without valuesA lot of time there is the practice of using the margin and padding shorthand that leads to complication of code maintaining in the future The problem is people set value when it doesn t need For example if they have to set top and bottom paddings to rem they ll write padding rem In this case the value will lead to you have to override it in the future And do that every time So you will go to overrides hell As a solution I recommend using new logical margin block margin inline padding block and padding inline properties don t do this example padding rem or example padding rem you can use this instead example padding block rem or example padding inline rem resize none vs resize verticalWhenever I see textarea with a fixed height I want to scream Give me userfriendly textarea I want to enter data comfortably Give me this I understand developers do that because textarea changing breaks the layout But we can find a more elegant solution Set a minimal comfortable height and save resizing of it but disable width changes using resize vertical And your users will not break the layout by chance don t do thistextarea height rem resize none you can use this insteadtextarea min height rem max height rem resize vertical The start and end keywordsWhen our website becomes popular there is the important issue of translating on different languages For example I often wanted to translate the website from English to Arabic The problem is following English is a matter of languages where the beginning of the line is on the left LTR and in Arabic the beginning of the line is on the right RTL So if I use the text align left for Arabic users they will be confused because the beginning of the line will be by the left and no right like he thought It happens because the left and right values don t consider text direction i e when we use the left or right value a text is aligned to the left or right edge always But we can fix it using the start and end values that consider the text direction If a browser of our user is setting in LTR language the beginning of the line will be by left And if it s setting in RTL language then by right don t do this example text align left or example text align right you can use this instead example text align start or example text align end My others articlesMy tips about Flexbox that will make your CSS betterCSS isn t magic All nuances about the display propertyP S ️I make unlimited Q amp A sessions about HTML CSS via email with expect responses in days I make HTML CSS reviews of your non commercial projects and recommendations for improvement ‍I help in searching high quality content about HTML CSSPlease use my email for communication melnik ya ruDiscover more free things from me	2022-05-16 16:24:13
海外TECH	DEV Community	What do you use GPUs for?	https://dev.to/gaurav_vij137/what-do-you-use-gpus-for-31m6	What do you use GPUs for GPUs are becoming better to serve general purpose computing With the help of parallel computing architecture it is offering great speed ups for use cases like D rendering machine learning data science crypto mining and scientific computing That makes me wonder What do you use GPUs for today Often times the access to GPUs is very costly Whether you build your own PC or run it on the cloud the costs can burn a hole in your pocket To solve this issue we created Q Blocks A decentralized GPU computing platform for Machine learning Using under utilised computing systems to run ML drastically reduced the cost of GPU power access for ML devs High end GPUs are available on Q Blocks at upto th the cost If you had access to this much GPU power then what are you going to use it for	2022-05-16 16:10:17
海外TECH	DEV Community	Creating Crystal using Blender	https://dev.to/dhanush9952/creating-crystal-using-blender-352g	Creating Crystal using BlenderIn this video I have used Blender version New version has a lot of changes so don t get confused Happy Learning	2022-05-16 16:08:17
Apple	AppleInsider - Frontpage News	Apple Podcasts gaining new features for producers, listeners	https://appleinsider.com/articles/22/05/16/apple-podcasts-gaining-new-features-for-producers-listeners?utm_medium=rss	Apple Podcasts gaining new features for producers listenersApple has announced that it is adding features including Delegated Delivery to Apple Podcasts meaning content producers can more easily distribute shows Apple is continuing to step up the tools and information it gives podcast producers as well as listeners Its latest features due in the fall concentrate on content producers but also aim to fix recurring issues for listeners Today Apple announced Apple Podcasts Delegated Delivery a new feature that will allow creators to upload manage and distribute their premium audio through participating third party hosting providers said Apple in a statement Delegated Delivery reduces operational tasks for podcast subscriptions so that creators can focus on making and marketing their work Read more	2022-05-16 16:10:54
海外TECH	Engadget	Apple Podcasts will manage episode downloads to save storage space	https://www.engadget.com/apple-podcasts-ios-15-5-manage-storage-160250340.html?src=rss	Apple Podcasts will manage episode downloads to save storage spaceApple is giving Podcasts a useful boost both for listeners and podcasters As TechCrunchexplains the impending iOS iPadOS and macOS upgrades will finally give you a host of advanced tools to limit podcast storage across your devices You can tell the Podcasts app to only download a certain number of recent episodes those within a set timeframe such as a week or month or only new episodes You can also disable downloads entirely ーhelpful if you re using a small capacity iPhone and need every gigabyte you can get AppleThe new OS upgrades will also give you the option of yearly subscriptions for paid podcasts You ll alsoget to browse shows by season and filter episodes by their status You may see more podcasts too Apple has unveiled plans for a quot Delegated Delivery quot feature that lets creators send both free and paid shows to Podcasts through third party providers like Acast Libsyn and Omny Studio The move should make it much easier for producers to distribute their shows across platforms ーthey could make a series available through Podcasts Spotify and other big platforms while managing content in one place Delegated Delivery will be available sometime this fall and will be free whether or not creators are part of the Apple Podcasters Program They ll only need to join that program to publish paid material The initiative is effectively Apple s response to Spotify s Anchor and should increase the odds that your favorite show is available through your listening app of choice	2022-05-16 16:02:50
Cisco	Cisco Blog	Cisco Networking Academy Strives for Gender Inclusivity in IT	https://blogs.cisco.com/csr/cisco-networking-academy-strives-for-gender-inclusivity-in-it	academy	2022-05-16 16:46:10
Cisco	Cisco Blog	Cisco PENN1 – Making hybrid work, work for offices	https://blogs.cisco.com/networking/cisco-penn1-making-hybrid-work-work-for-offices	Cisco PENN Making hybrid work work for officesIt has become clear that we all have an opportunity to challenge old assumptions and that the concept of hybrid work a flexible work model that supports a blend of in office remote and on the go workers is here to stay Learn more about Cisco Smart Building Solutions	2022-05-16 16:45:21
Cisco	Cisco Blog	Network Service Mesh Simplifies Multi-Cloud / Hybrid Cloud Communication	https://blogs.cisco.com/developer/multicloudhybrid01	cluster	2022-05-16 16:41:08
海外TECH	WIRED	What’s the Deal With Synesthesia TikTok?	https://www.wired.com/story/synesthesia-tiktok	sounds	2022-05-16 16:01:48
金融	RSS FILE - 日本証券業協会	5月21日（土）サーバメンテナンスのお知らせ	https://www.jsda.or.jp/shinchaku/servermaintenance/20220516165922.html	月日	2022-05-16 17:00:00
金融	金融庁ホームページ	アクセスＦＳＡ第225号を公表しました。	https://www.fsa.go.jp/access/index.html	アクセス	2022-05-16 17:00:00
金融	金融庁ホームページ	金融審議会「ディスクロージャーワーキング・グループ」（第９回）を開催します。	https://www.fsa.go.jp/news/r3/singi/20220523.html	金融審議会	2022-05-16 17:00:00
金融	金融庁ホームページ	「ソーシャルボンド検討会議」（第５回）を開催します。	https://www.fsa.go.jp/news/r3/singi/20220516-2.html	検討	2022-05-16 17:00:00
金融	金融庁ホームページ	黄川田副大臣の新型コロナウイルス感染について公表しました。	https://www.fsa.go.jp/news/r3/sonota/20220516.html	新型コロナウイルス	2022-05-16 17:00:00
ニュース	BBC News - Home	Jake Daniels: Blackpool player says coming out is 'a massive relief'	https://www.bbc.co.uk/sport/football/61467159?at_medium=RSS&at_campaign=KARANGA	Jake Daniels Blackpool player says coming out is x a massive relief x Blackpool midfielder Jake Daniels said his decision to come out as the UK s only openly gay active male professional footballer is a massive relief	2022-05-16 16:32:36
ニュース	BBC News - Home	Julia James: Callum Wheeler guilty of PCSO murder	https://www.bbc.co.uk/news/uk-england-kent-61434459?at_medium=RSS&at_campaign=KARANGA	wheeler	2022-05-16 16:30:29
ニュース	BBC News - Home	Northern Ireland: PM criticised after Stormont crisis talks	https://www.bbc.co.uk/news/uk-northern-ireland-61456677?at_medium=RSS&at_campaign=KARANGA	parties	2022-05-16 16:31:30
ニュース	BBC News - Home	Bank governor in 'apocalyptic' warning over rising food prices	https://www.bbc.co.uk/news/business-61469532?at_medium=RSS&at_campaign=KARANGA	andrew	2022-05-16 16:19:28
ニュース	BBC News - Home	McDonald's to leave Russia for good after 30 years	https://www.bbc.co.uk/news/business-61463876?at_medium=RSS&at_campaign=KARANGA	brands	2022-05-16 16:11:58
ニュース	BBC News - Home	Diesel prices reach record of over £1.80 a litre	https://www.bbc.co.uk/news/business-61463280?at_medium=RSS&at_campaign=KARANGA	march	2022-05-16 16:39:47
ニュース	BBC News - Home	Chelsea takeover: Government ministers fear sale of club to Todd Boehly consortium could 'fall apart'	https://www.bbc.co.uk/sport/football/61467164?at_medium=RSS&at_campaign=KARANGA	Chelsea takeover Government ministers fear sale of club to Todd Boehly consortium could x fall apart x Ministers are worried a £bn deal to buy Chelsea may be at risk of falling apart due to a lack of consensus with the club over the proceeds of any sale the BBC has learned	2022-05-16 16:06:01
北海道	北海道新聞	週内にもカズワン引き揚げ着手　作業船「海進」１７日網走着　知床・観光船事故	https://www.hokkaido-np.co.jp/article/681557/	知床半島	2022-05-17 01:16:04
北海道	北海道新聞	米副大統領らＵＡＥ弔問　故ハリファ氏を追悼	https://www.hokkaido-np.co.jp/article/681575/	副大統領	2022-05-17 01:07:00