投稿時間:2023-05-18 07:13:18 RSSフィード2023-05-18 07:00 分まとめ(18件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 人事が就活生に「Z世代ならでは」と感じる価値観とは？	https://www.itmedia.co.jp/business/articles/2305/17/news180.html	itmedia	2023-05-18 06:30:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] アップル決算で高まる「インド」の存在感	https://www.itmedia.co.jp/business/articles/2305/17/news138.html	iphone	2023-05-18 06:30:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「喫煙所」なのに紙巻きも加熱式もNG　いったい何をする場所なのか　BATジャパンが新宿に期間限定オープン	https://www.itmedia.co.jp/business/articles/2305/18/news057.html	itmedia	2023-05-18 06:15:00
TECH	Techable（テッカブル）	【7/12大阪イベント開催】ウェルネス関連プロダクトを有する中小企業・スタートアップを募集	https://techable.jp/archives/206913	中小企業	2023-05-17 21:00:55
AWS	AWS	AWS Cloud Security — How it Started, Where It’s Headed | Amazon Web Services	https://www.youtube.com/watch?v=PD3Qv3W5Iw8	AWS Cloud Security ーHow it Started Where It s Headed Amazon Web ServicesDiscover what it takes to build a security organization from the ground up and design a security culture supported by innovative hiring practices You ll hear all this and more in this discussion between CJ Moses Chief Information Security Officer at AWS and Clarke Rodgers director of AWS Enterprise Strategy Learn more at Subscribe More AWS videos More AWS events videos Do you have technical AWS questions Ask the community of experts on AWS re Post ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster AWS AmazonWebServices CloudComputing	2023-05-17 21:25:55
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】娘との会話シミュレーター「家族の正体編」	https://qiita.com/AnPanda/items/5b9a9489fba16f1ce0c7	defaskshoutaidict	2023-05-18 06:40:33
海外TECH	MakeUseOf	How to Make Your YouTube Music Playlists Private	https://www.makeuseof.com/make-youtube-music-playlists-private/	music	2023-05-17 21:45:18
海外TECH	MakeUseOf	The 11 Best Alternatives to Canva for Easy Graphic Design	https://www.makeuseof.com/best-alternatives-to-canva/	design	2023-05-17 21:30:17
海外TECH	MakeUseOf	Is Paying for a Stretching App Worth It?	https://www.makeuseof.com/paying-for-stretching-app-worth-it/	paying	2023-05-17 21:15:19
海外TECH	DEV Community	A Rounded Solution to Image Handling on the OpenSauced Dashboard	https://dev.to/opensauced/a-rounded-solution-to-image-handling-on-the-opensauced-dashboard-4n34	A Rounded Solution to Image Handling on the OpenSauced DashboardThis post is about the journey we took to improve the OpenSauced Dashboard which provides valuable insights on open source contributions Last October we had an alpha launch of the new OpenSauced Insights dashboard This launch was to coincide with the biggest open source hackathon Hacktoberfest Our goal was to provide insights and reports on the number of contributions accepted merged and even spam Since then the dashboard has evolved beyond Hacktoberfest data and now includes GitHub avatars representing active and open GitHub Pull Requests in the last days If you d like to see your open source contributions connect your GitHub account to OpenSauced Challenges FacedAt the beginning our team encountered challenges in sourcing and manipulating GitHub avatars to display a scatter plot e chart on the dashboard We struggled to find a suitable solution especially when it came to handling a large number of images efficiently As part of this challenge GitHub has an aggressive rate limit when you re not authenticated when requesting resources like avatars from a URL We needed to fetch the avatar manipulate them and then cache them Because our product was meant to be public we would attract a lot of usage and it could cost real money quickly Solution Leveraging nivo and CloudinaryTo overcome these challenges the team turned to the nivo chart library for visualizations and Cloudinary for image manipulation and caching k images We successfully integrated nivo charts into our dashboard thanks to its rich set of data visualization components built on top of d and React By leveraging Cloudinary s image manipulation capabilities and caching strategy we were able to round the avatars and seamlessly integrate them into the dashboard Today this works thanks to nivo and Cloudinary but that journey included a lot of trials and testing for the perfect solution Nivo is an open source library that provides a rich set of data visualization components built on top of the awesome d and React libraries plouc nivo nivo provides a rich set of dataviz components built on top of the awesome d and React libraries nivo provides supercharged React components to easily build dataviz appsit s built on top of d Several libraries already exist for React d integrationbut just a few provide server side rendering ability and fully declarative charts InstallationIn order to use nivo you have to install the nivo core package and then choosesome of the scoped nivo packages according to the charts you wish to use yarn add nivo core nivo barFeaturesHighly CustomizableMotion Transitions powered by react springInteractive Components PlaygroundExhaustive DocumentationSVG ChartsHTML ChartsCanvas ChartsServer Side Rendering and HTTP APIPatterns amp GradientsThemingResponsive ChartsDiscussionJoin the nivo discord community Packages amp componentsnivo is comprised of several packages components for a full listplease use the Components Explorer GuidesAxesColorsLegendsGradientsPatternsThemingBackersDonations are welcome to help improving nivo Become a backer Open Collective Sponsors… View on GitHubCloudinary is a hosted solution to manipulate and cache images for reuse Handling Image Processing with Apache E chartsBefore adopting nivo and Cloudinary we initially used Apache E charts specifically a React wrapper called echarts for react to handle image processing and loading This approach proved extremely slow and it was quite the process in figuring out a better solution while we had a real time constraint The Journey to Finding SolutionsWe faced a challenge being able to provide images on the page that were sourced directly from GitHub The avatars needed could be cached and manipulated to match our rounded image design The total number of displayed contributors during the event was around k and today close to k contributors are represented as contributions in the most popular open source repositories on OpenSauced The e charts for React solution gave us no access to the images when rendered and provided limited options to edit the chart after it was displayed We built our product in Figma designs first and were excited at the opportunity to have rounded images Still our e chart library would only allow plain amp squared images and also any manipulation of the image was the challenge design reality There comes a time in every developer s career where you are presented a design that may be just out of reach or out of scope The simplest request around the images broke our charts and required the entire team to brainstorm solutions You can see that brainstorming in our now closed issues Comment for bdougie commented on Sep Hey another thought here What if we add cloudinary processing the images and pass those urls This would give us the ability transform border and round the images as well as cache them some where Alternatively we could use imagemagick cli tool for image transforms supabase storage to do the same for free brandonroberts have you done anything like this before View on GitHub Solution JavaScript ApproachOur first attempt was manually rounding the images using a quick lib function I threw together function applyBorderRadius imageElement imageElement style borderRadius Get the image elementvar image document getElementById myImage Apply the border radiusapplyBorderRadius image It s always good to start with an approach even if it is wrong This first solution needed to be corrected and didn t work because the images were limiting the e chart with images on a scattered chart We could not get direct access to the elements to manipulate after the fact We needed a way to manipulate the images before sending to the chart Solution Imagemagick for Rounding ImagesImageMagick is a fun open source platform for displaying creating converting modifying and editing images I had some experience working with ImageMagick at a previous employer and quickly found a solution to round the images before sending to the chart But when I found a stackoverflow answer doing something similar I opted to use that instead www github com bdougie png size v amp h amp w amp fit cover amp mask circle amp maxage dLink to this solutionThis was working but we still needed to solve the caching issue I really wanted to try out building a service to use ImageMagick the new Supabase storage to do this but I wasn t willing to maintain that solution and we only had a little time to explore more unique tools If you want to build a service like this find me and I would love to be a beta tester We needed a way to cache the images before sending to the chart and started looking at tools or services to make this easier Solution Leveraging Cloudinary for Image Manipulation and CachingTo solve the caching issue and optimize image processing we explored different tools and services Cloudinary offers image manipulation and a caching strategy They also have a generous free tier but for full transparency I ll point out that our initial amount of data for Hacktoberfest was pushed up to the paid tier immediately q auto w h c crop r g auto v Link to Cloudinary solutionYou can see the PR with the solution live as well feat Leverage cloudinary for round images bdougie posted on Sep What type of PR is this check all applicable x Feature Bug Fix Documentation Update Style ‍Code Refactor Performance Improvements Test Build CI Chore Release RevertDescriptionThis PR is intentionally set up to replace cloudinary in the future As Vortex has point out this solution will eventually cost real money The trade off is that we will eventually make real money from this product and using that to pay for this balance out DetailsAdds cloudinary url to edit and cache avatars on the fly Only github com urls can be edited I am enforcing this on the cloudinary side Related Tickets amp Documentsfixes Mobile amp Desktop Screenshots RecordingsAdded tests yes x no because they aren t needed no because I need helpAdded to documentation README md docs opensauced pizza dev to opensauced storybook x no documentation needed optional Are there any post deployment tasks we need to perform Complete this issue optional What gif best describes this PR or how it makes you feel View on GitHub The solution was building a wrapper around using the GitHub avatar as the imageUrl lib utils roundedImagesconst roundedImage imageUrl string cloudName string undefined gt return cloudName cloudName image fetch c fill g face h w bo px solid white r max f auto e shadow imageUrl imageUrl components organisms Dashboard dashboard tsximport roundedImage from lib utils roundedImages scatterChartData prs map updated at linesCount author login gt const author image author login includes bot octocat author login const data x calcDaysFromToday new Date updated at y linesCount contributor author login image roundedImage author image png size process env NEXT PUBLIC CLOUD NAME return data Link to codeThe interaction with Cloudinary is all URL based allowing us to pass the GitHub user id as an option on the fly The same id is also used to recall the cached image meaning we have had caching by default We also did not need to build any new infrastructure for this With the initial k user profiles cached we immediately needed to pay per month for the pro tier which we felt is reasonable and predictable for us We are still on the same Cloudinary plan today mainly due to the inertia and the fact that we still need to be ready to build and maintain something not core to our product So far Cloudinary is caching k image transforms for us This scenario is a classic build vs buy scenario where we could build our own caching and image storage on S but the tech debt imposed on a solution like that was not our priority The was also not going to put us into debt either Migration to nivo ChartsIn December we made the switch from Apache E charts to nivo charts due to its modern features and active community The decision was driven by the outdated state of E charts and the limited contributions it received We plan to contribute upstream to nivo to improve its integration and interaction with images We have an active conversation in the nivo discussions about this and other feature enhancements The maintainer has been really responsive and we look forward to contributing upstream to support the project Support a popover like behavior for tooltips OgDev posted on Dec Is your feature request related to a problem Please describe A clear and concise description of what the problem is Ex I m always frustrated when Currently working on a project and making use of the scatterplot chart But discovered some limitations with the tooltip providedTooltip can t be hovered onDescribe the solution you d likeA clear and concise description of what you want to happen A behavior similar to GitHub hovercard where we can hiver on the tooltip itselfDescribe alternatives you ve consideredA clear and concise description of any alternative solutions or features you ve considered Additional contextAdd any other context or screenshots about the feature request here View on GitHub If you have any thoughts or comments about our approach or have alternative solutions to share we welcome your input Let s continue learning from each other and enhancing our open source projects	2023-05-17 21:46:54
海外TECH	DEV Community	CORS in ASP.NET Core	https://dev.to/fabriziobagala/cors-in-aspnet-core-4hl2	CORS in ASP NET CoreCross Origin Resource Sharing CORS is an HTTP header based mechanism that enables a server to specify any origins domain scheme or port other than its own from which a browser should permit loading resources It allows many resource requests such as Ajax or Fetch originating from a different domain cross origin to be requested on a web domain origin CORS relies on a mechanism where browsers make a preflight request to the server hosting the cross origin resource to check if the server will allow the actual request During this preflight the browser sends headers indicating the HTTP method and headers that will be used in the actual request ️Set up CORSTo set up CORS in ASP NET Core the following steps must be followed Install middleware package Install the CORS middleware via the NuGet package manager with the command Install Package Microsoft AspNetCore Cors Add CORS service After installing the package add the cross origin resource sharing services to the specified IServiceCollection Configure CORS policies Finally build your policy within the CORS service builder Services AddCors options gt options AddPolicy MyCorsPolicy builder gt builder gt builder WithOrigins AllowAnyHeader WithMethods GET POST PUT DELETE In this example we created a policy called MyCorsPolicy that allows access only to the domain makes sure to allow any header and limits the allowed methods to GET POST PUT DELETE Enable CORSOnce the CORS policy has been created there are several ways in which it can be enabled ️⃣Using middlewareMiddleware components handle requests and responses in ASP NET Core CORS can be enabled in the middleware either using a named policy or a default policy Named policy You can define one or more named policies and then select which policy to apply using the policy name at middleware app UseCors MyCorsPolicy Default policy Instead of specifying a policy name you can define a default policy that applies to every request builder Services AddCors options gt options AddDefaultPolicy builder gt builder WithOrigins app UseCors ️⃣Using endpoint routingEndpoint routing provides more control over the application s routing You can enable CORS for specific routes in your application app UseEndpoints endpoints gt endpoints MapGet test TestAction RequireCors MyCorsPolicy endpoints MapControllers RequireCors MyCorsPolicy ️⃣Using the EnableCors AttributeThe EnableCors attribute allows you to enable CORS at a more granular level specifically at the controller or action level This attribute provides an alternative to applying CORS policies globally and offers finer control over where and how CORS is implemented within your application Utilization of the EnableCors attribute can be done in several ways EnableCors applies the default policy EnableCors Policy String applies a specific named policy The attribute can be applied to different components of your application Razor Page PageModelControllerController action methodBy using the EnableCors attribute different policies can be applied to various components of your application However it s important to note that if the EnableCors attribute is applied to a controller page model or action method while CORS is also enabled in middleware both policies will be applied This can lead to unintended behaviors and security implications so combining policies is generally discouraged It is advisable to use either the EnableCors attribute or middleware but not both in the same application EnableCors MyCorsPolicy public class TestController ControllerBase In this example the MyCorsPolicy is applied to all actions within the TestController Disable CORSIf you want to disable CORS for specific actions or controllers you can use the DisableCors attribute DisableCors public class NoCorsController ControllerBase ️WarningThe DisableCors attribute does not disable CORS that has been enabled by endpoint routing CORS criteria optionsWhen defining CORS policies you can use several methods to customize how the policy behaves WithOrigins Allows you to specify which origins should be allowed to access the resources This is useful when you want to restrict access to specific domains WithMethods Allows you to specify which HTTP methods are allowed This can help to tighten security by only allowing the necessary methods for a particular resource WithHeaders Allows you to specify which HTTP headers are allowed This can be used to restrict which headers are accepted in a request AllowAnyOrigin Allows CORS requests from all origins with any scheme http or https AllowAnyMethod Allows any HTTP method AllowAnyHeader Allows any HTTP header AllowAny options should be used with caution because they could cause potential security risks such as allowing any source to access resources allowing potentially malicious methods or leading to unintended exposure of headers These policy options can be combined and tailored according to the specific needs of your application providing a high degree of control over your CORS policies However it s important to understand the security implications of each option to ensure the safe handling of cross origin requests ConclusionIn conclusion understanding and implementing CORS in ASP NET Core is crucial for the security of your web applications CORS is a mechanism that allows your website to make secure requests to other domains enhancing interoperability and allowing greater flexibility However it s important to remember that CORS must be configured carefully to prevent potential security vulnerabilities It s crucial to limit access only to trusted origins and use the most restrictive method suitable for your specific needs Thanks to ASP NET Core configuring CORS is a simple process that can be easily customized to fit various situations References	2023-05-17 21:28:26
Apple	AppleInsider - Frontpage News	Porsche Taycan gets Apple Maps EV routing with CarPlay update	https://appleinsider.com/articles/23/05/17/porsche-taycan-gets-apple-maps-ev-routing-with-carplay-update?utm_medium=rss	Porsche Taycan gets Apple Maps EV routing with CarPlay updateOwners of the Porsche Taycan can now get routes in CarPlay via Apple Maps based on their vehicle s charge level Apple Maps EV routing comes to Porsche TaycanVehicle manufacturers have been placed in the spotlight after GM s public move away from Apple CarPlay However Porsche has doubled down on its commitment to CarPlay with Wednesday s news Read more	2023-05-17 21:48:38
Apple	AppleInsider - Frontpage News	Pepsi giving out free Apple Music subscriptions in new ad blitz	https://appleinsider.com/articles/23/05/17/pepsi-giving-out-free-apple-music-subscriptions-in-new-ad-blitz?utm_medium=rss	Pepsi giving out free Apple Music subscriptions in new ad blitzPepsi is ready to press play on summer and it s bringing Apple Music along for the ride Pepsi and Apple Music promotional blitzApple Music one of the leaders in the music streaming industry is launching a major ad blitz in partnership with Pepsi With it customers will have a chance to get a free subscription and much more Read more	2023-05-17 21:17:49
ニュース	BBC News - Home	Manchester City 4-0 Real Madrid (Agg 5-1): Bernardo Silva scores twice as City reach Champions League final	https://www.bbc.co.uk/sport/football/65611315?at_medium=RSS&at_campaign=KARANGA	Manchester City Real Madrid Agg Bernardo Silva scores twice as City reach Champions League finalManchester City reach the final of the Champions League after Bernardo Silva scores twice in a hugely impressive win over Real Madrid at Etihad Stadium	2023-05-17 21:18:26
ニュース	BBC News - Home	Coventry beat Boro to set up play-off final with Luton	https://www.bbc.co.uk/sport/football/65541102?at_medium=RSS&at_campaign=KARANGA	middlesbrough	2023-05-17 21:29:00
ニュース	BBC News - Home	West Ham 0-4 Chelsea: Blues ease to victory to return to top of WSL	https://www.bbc.co.uk/sport/football/65541116?at_medium=RSS&at_campaign=KARANGA	West Ham Chelsea Blues ease to victory to return to top of WSLChelsea return to the top of the Women s Super League table with victory at West Ham putting them in pole position to defend their title with two games remaining	2023-05-17 21:52:47
ニュース	BBC News - Home	Giro d'Italia: Britain's Tao Geoghegan Hart fractures hip, Geraint Thomas & Primoz Roglic involved	https://www.bbc.co.uk/sport/cycling/65620656?at_medium=RSS&at_campaign=KARANGA	Giro d x Italia Britain x s Tao Geoghegan Hart fractures hip Geraint Thomas amp Primoz Roglic involvedBritain s Tao Geoghegan Hart sustains a fractured hip and will require surgery after crashing out of stage of the Giro d Italia	2023-05-17 21:00:49
ビジネス	東洋経済オンライン	アメリカの衰退に忍び寄る｢内戦｣と｢革命｣リスク トクヴィルも警告した｢最も危険な時期｣の到来 | アメリカ | 東洋経済オンライン	https://toyokeizai.net/articles/-/671686?utm_source=rss&utm_medium=http&utm_campaign=link_back	前代未聞	2023-05-18 06:30:00