投稿時間:2023-06-22 23:23:14 RSSフィード2023-06-22 23:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	ドコモオンラインショップ、6月23日より｢iPhone 13/13 mini｣の128GBモデルの割引内容を変更へ	https://taisy0.com/2023/06/22/173323.html	iphone	2023-06-22 13:36:18
IT	気になる、記になる…	｢iOS 17 beta 2｣の変更点まとめ	https://taisy0.com/2023/06/22/173320.html	apple	2023-06-22 13:21:20
AWS	AWS Government, Education, and Nonprofits Blog	Creating real-time flood alerts with the cloud	https://aws.amazon.com/blogs/publicsector/creating-real-time-flood-alerts-cloud/	Creating real time flood alerts with the cloudThe Latin America and Caribbean region is the second most disaster prone region in the world behind Asia and the Pacific Rim with floods being the most common disaster in the region There have been extraordinary levels of flooding around the worldーbut in Panama flooding has become particularly challenging The AWS Disaster Preparedness and Response Team and AWS Partner Grupo TX saw an opportunity to leverage the cloud to better understand and prepare for flooding and ultimately save lives	2023-06-22 13:13:37
python	Pythonタグが付けられた新着投稿 - Qiita	【Python x MySQL】 Authentication plugin 'caching_sha2_password' is not supportedエラーの解決方法	https://qiita.com/Ryo-0131/items/51126ab8daef59296de0	apasswordxisnotsupported	2023-06-22 22:42:17
python	Pythonタグが付けられた新着投稿 - Qiita	【初学者向け】初学者によるpython基礎（変数、関数)　No.1	https://qiita.com/okumurahiyoco/items/a2a9be60bcc81f72c209	print	2023-06-22 22:18:25
js	JavaScriptタグが付けられた新着投稿 - Qiita	次のプロジェクトSolidJSで作りませんか？	https://qiita.com/tonio0720/items/ad2c33d9bea57435f5ea	react	2023-06-22 22:12:10
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Instance Connect + AWS Session ManagerでSSHポートフォーワーディング	https://qiita.com/bloodiadotnet/items/5fb450dabfd4289a7c7c	aurorapostgresql	2023-06-22 22:23:44
Docker	dockerタグが付けられた新着投稿 - Qiita	【Python x MySQL】 Authentication plugin 'caching_sha2_password' is not supportedエラーの解決方法	https://qiita.com/Ryo-0131/items/51126ab8daef59296de0	apasswordxisnotsupported	2023-06-22 22:42:17
海外TECH	MakeUseOf	How to Delete iOS Update Files From Your iPhone	https://www.makeuseof.com/how-to-delete-ios-update-files-from-iphone/	space	2023-06-22 13:16:17
海外TECH	MakeUseOf	Goovis G3 Max Personal Cinema Display: The Best Private Big Screen Experience Yet	https://www.makeuseof.com/goovis-g3-max-personal-cinema-display/	Goovis G Max Personal Cinema Display The Best Private Big Screen Experience YetWith p per eye and up to Hz refresh rate this versatile display can be your own private IMAX like cinema or a desktop monitor replacement	2023-06-22 13:05:18
海外TECH	DEV Community	Things you might not know about Next Image	https://dev.to/alex_barashkov/things-you-might-not-know-about-next-image-5go8	Things you might not know about Next ImageIf you ve worked with Next js it s likely that you ve come across Next Image component This hassle free image optimization solution not only provides support for modern formats such as webp and avif but also generates multiple versions tailored to different screen sizes To leverage this magic simply add the following code to your page import Image from next image export default function Page return lt Image src profile png width height alt Picture of the author gt However as is the case with any magic there s a solid foundation of hard work that enables it to function seamlessly In this article we re going to explore how Next Image works and clear up some common misconceptions surrounding it Core ArchitectureThe underlying architecture of next image is primarily made up of three components React Next Image ComponentImage APIImage Optimizer React ComponentThe primary function of the component is to generate the correct HTML image output based on the provided properties and to construct multiple URLs to be populated in the srcset and src attributes Here is an example output from the Next Image component lt img alt Example loading lazy width height decoding async data nimg style color transparent srcset next image url Fimages Fexample jpg amp amp w amp amp q x next image url Fimages Fexample jpg amp amp w amp amp q x src next image url Fimages Fexample jpg amp amp w amp amp q gt Let s take a closer look at the generated URL next image url images example jpg amp w amp q This encoded URL accepts two parameters w width and q quality which are more visible in the decoded version You can spot that there is no h height attribute but about that we will talk later in the article Image APIThe Next Image API serves as an image proxy similar to IPX It performs the following tasks Accepts an image URL width and qualityValidates parametersDetermines cache control policiesProcesses the imageServes the image in a format supported by the user s browserAs things begin to make more sense let s briefly discuss the final piece of the puzzle before we draw some conclusions from this arrangement Image OptimizerNext Image utilizes different image optimization libraries Sharp or Squoosh depending on certain conditions Sharp is a fast and efficient image optimization Node js module that makes use of the native libvips library Squoosh is a fully node based image optimization solution It s slower but it doesn t require any additional libraries to be installed on a machine For this reason Sharp is recommended for production use whereas Squoosh is used by default in local environments I advise using Sharp in local environments as well While both Sharp and Squoosh optimize images quite similarly Sharp s compression algorithms can lead to color degradation compared to Squoosh This can result in visually different behavior between production and local environments particularly when trying to match the background color of an image with the page background OutcomesHaving understood the primary architecture behind next image we can debunk common misconceptions and glean more insights on how to utilize it more effectively next image does not cropA common misconception among developers is that next image can crop their images This confusion arises because you can pass width height and fill properties to the component creating an impression that the image has been cropped In reality this isn t the case The Next Image component primarily requires width and height for assigning to the img tag to prevent layout shifts As we ve already discussed the Image API does not accept a height parameter meaning it currently isn t possible to change the original image s aspect ratio If you don t use the fill property the image will merely stretch or shrink in the event of width height mismatches However if you re using TailwindCSS it behaves differently due to its default global CSS rule img video max width height auto This makes layout shift issues harder to detect Displayed image width ≠loaded image widthAnother potential point of confusion is that the width property passed to next image doesn t represent the actual width to which the image will be resized As we noted from the example at the start of the article passing width to a component will result in the image being resized to a width of px as evident in the generated URL next image url images example jpg amp w amp q If you expect the x retina version to utilize an image width of px or px you re in for a surprise The actual width used will be px Naturally you might wonder where these numbers are coming from Next js resizes images to the closest size from an array ofdeviceSizes and imageSizes that you can define in next config js By default these are module exports images deviceSizes imageSizes What s crucial to note here is that using the default configuration can negatively impact performance leading to a reduced score in Lighthouse s Page Speed Insights This becomes particularly evident when you attempt to display large images on a page For instance if you want to render an image with a width of px the actual loaded image width will be px The discrepancy between the required size and the actual loaded size becomes even greater for x retina versions as these will be resized to px However you can remedy this by adding more sizes to the deviceSizes or imageSizes arrays docs Image optimization can be used without the next image componentWith an understanding of the core architecture it s easy to see that you can use the Image API without necessarily using next image There are several scenarios in which this can be beneficial First you can render optimized images inside a canvas Regardless of whether you re loading images onto a canvas from external sources or from local storage you can pass the correct URL to the API and have it work seamlessly Additionally you can use it to optimize OG images or create your own lt picture gt tag based component for better art direction The Image API is located under the next image route and accepts just three additional parameters URL width w and quality q next image url https example com test jpg amp w amp q Remember the width parameter is checked by the API and can only be a number sourced from either the deviceSizes or imageSizes configuration Use import for local imagesWith next image there are two methods you can use to load local images import Image from next image import profileImg from profile jpg export default function Page return lt gt Using absolute path lt Image src profile png width height alt Picture of the author gt Using imported image via relative path lt Image src profileImg alt Picture of the author gt lt gt Using an absolute path is common when dealing with local images in examples tutorials or even open source projects It s easy to assume that there s no significant difference aside from the automatic width height assignment However there is a difference When you access images by an absolute path from a public folder Next js adheres to the cache policies of the destination server which by default results in a day cache policy rather than public max age immutable Using a day cache policy for image assets can significantly lower your Lighthouse score Understanding Sizes and the vw TechniqueThe next image component accepts a property known as sizes akin to the html img sizes attribute However in line with other aspects we ve discussed it performs some unique operations too The sizes attribute works in concert with srcset and accepts a list of browser conditions and image widths for which they should be activated If you re unfamiliar with this I recommend taking a look at these docs and this codesandbox example Here s an example of an image using sizes lt img srcset img html vangogh sm jpg w img html vangogh jpg w img html vangogh lg jpg w sizes max width px px max width px px px gt Let s dive into the details for better understanding When you utilize Next Image without specifying the sizes property your srcset will include two URLs one for the standard version x and another for the Retina version x With this setup the browser will invariably opt for the Retina version when used on a Retina device This preference arises due to the use of x and x syntax within the srcset lt img srcset next image url Fimages Fexample jpg amp amp w amp amp q x next image url Fimages Fexample jpg amp amp w amp amp q x gt The browser essentially interprets this as Load this URL for x pixel density and this other one for x pixel density Thus if you have a design where the image version on desktop is smaller than on mobile or tablet the browser will consistently load the larger version with the default Next Image syntax Unfortunately this could result in suboptimal performance and a lower Lighthouse score There is however a method to instruct the browser to load images based on suitable width Instead of providing x x parameters to the srcset URL you specify the width of the image For example check these instructions to the browser lt img srcset next image url Fimages Fexample jpg amp amp w amp amp q w next image url Fimages Fexample jpg amp amp w amp amp q w gt In this case the browser selects the most appropriate image for the current size used on the page If a mobile image has a width of px px for Retina it will choose the w version Meanwhile if a desktop image only uses px px for Retina the browser opts for w The advantage of this approach lies in loading the most fitting images for the current screen size thereby enhancing performance due to reduced image size Now that we understand the benefits we can apply this strategy with Next Image using the vw trick While you cannot directly instruct Next Image to use the width w parameters near the URL instead of pixel density x options you can apply a workaround arising from how Next Image is coded If your sizes attribute contains vw numbers it will only keep those sizes larger than the smallest deviceSize by default multiplied by the percentage vw vw Specifying vw you will end up with URLs If your sizes property has non vw numbers your srcset will contain ALL SIZES i e all possible combinations of deviceSizes and imageSizes yielding a total of URLs To illustrate let s examine the generated code for vw lt img sizes vw srcset next image url F next Fstatic Fmedia Fexample bea jpg amp amp w amp amp q w next image url F next Fstatic Fmedia Fexample bea jpg amp amp w amp amp q w next image url F next Fstatic Fmedia Fexample bea jpg amp amp w amp amp q w next image url F next Fstatic Fmedia Fexample bea jpg amp amp w amp amp q w next image url F next Fstatic Fmedia Fexample bea jpg amp amp w amp amp q w next image url F next Fstatic Fmedia Fexample bea jpg amp amp w amp amp q w next image url F next Fstatic Fmedia Fexample bea jpg amp amp w amp amp q w next image url F next Fstatic Fmedia Fexample bea jpg amp amp w amp amp q w src next image url F next Fstatic Fmedia Fexample bea jpg amp amp w amp amp q gt If you include a px value within sizes eg max width px px px the list of URLs expands even further reaching in a default configuration Ideally I would prefer to generate URLs for a specific image similar to other frameworks rather than bloating the HTML with many unnecessary options none of which may be perfectly sized for my needs This discussion underscores a key point to populate srcset with more versions for better performance across a variety of resolutions you can simply set sizes to vw This trick forces the creation of URLs for sizes starting from px However because this method can easily inflate your HTML size especially if you ve added extra imageSizes or deviceSizes it s recommended to apply this approach carefully While I can only speculate about the exact reasoning behind this architecture I assume that for large scale projects with various image ratios used in many different places this approach of generating average sized versions might prove beneficial These versions could cater to most scenarios and potentially hit the cache more frequently all the while maintaining ease of use ConclusionsThough Next Image simplifies image management and provides significant advantages it could benefit from additional features like advanced cropping and precise resizing similar to third party solutions Incorporating a specialized component for fine tuned art direction would also be advantageous I d particularly appreciate an automated method for generating four image versions at x x x and x the supplied width Nevertheless for most use cases the developer experience and efficiency of Next Image will more than enough If you enjoyed the article and want to see more web tips  follow me on Twitter	2023-06-22 13:31:19
海外TECH	DEV Community	Implementing Flexible Authorization in RedwoodJS Projects	https://dev.to/zenstack/implementing-flexible-authorization-in-redwoodjs-projects-49j7	Implementing Flexible Authorization in RedwoodJS ProjectsRedwoodJS is an opinionated full stack framework for building modern web applications It makes some of the most critical decisions for you like using React for UI development GraphQL for API and Prisma for database programming etc so you can stop struggling with choices and focus on building your app Regarding authorization RedwoodJS has built in support for RBAC Role Based Access Control which can work well for simple apps but can easily hit its limit for complex scenarios In this article we ll explore an alternative way of implementing authorization that may surprise you Instead of doing it at the GraphQL API and service code level we move it down to the ORM layer The ScenarioEvery RedwoodJS user started through the official tutorial a simple blog app It has a User system a Post model representing a blog post which has a one to many relationship to a Comment model representing a comment on a post The tutorial demonstrated RBAC by implementing the following requirements Any user can read posts and comments Users with admin role can create posts and update delete their own posts Any user can create and read comments Users with moderator role can delete comments These requirements are implemented nicely using the requireAuth GraphQL directive and the requireAuth service helper For example api src graphql adminPosts sdl jstype Mutation createPost input CreatePostInput Post requireAuth roles admin updatePost id Int input UpdatePostInput Post requireAuth roles admin deletePost id Int Post requireAuth roles admin api src services comments comments jsexport const deleteComment id gt requireAuth roles moderator return db comment delete where id Now let s tweak the requirements a little bit and let it go beyond simple RBAC by adding the following rules Post has an extra published property indicating if it s published Unpublished posts cannot be viewed except by admin users in the admin UI Comments cannot be viewed or created for unpublished posts Our authorization model has evolved from a pure RBAC to a hybrid of RBAC and ABAC Attribute Based Access Control Extending Current ImplementationThe most straightforward way to implement the new requirements is to add more logic into the service layer api src services posts posts jsexport const posts args gt return db post findMany where published true api src services comments comments jsexport const comments postId gt return db comment findMany where postId AND postId post published true export const createComment input gt const post await db post findUnique where id input postId if post published throw new ForbiddenError Cannot create comment for unpublished post return db comment create data input Although this works our authorization logic has started to creep into many places in the code base and the system gets harder to reason about and maintain Let s try a different approach Letting ORM Do the Heavy LiftingAll the authorization logic eventually does one thing prevent data that shouldn t be read or modified from being read or modified in other words it s a data filter Who lives closer to the data Yes the ORM Why not let it do the heavy lifting for us In this post we will achieve the goal of implementing authorization in the ORM layer with the ZenStack toolkit ZenStack is a NodeJS toolkit built above Prisma It extends Prisma s power in many ways and adding access control is the most important one Here s how it goes The Modeling PartZenStack uses a schema language called ZModel to model data and access control policies ZModel is a superset of Prisma s schema language Its data modeling part is essentially the same as in Prisma but with additional attributes for expressing access policy rules the allow attribute shown below Here s how our Post and Comment models look like in ZModel api schema zmodelmodel Post id Int id default autoincrement title String body String comments Comment user User relation fields userId references id userId Int createdAt DateTime default now published Boolean default false Admin user can do everything to his own posts allow all auth roles admin amp amp auth user Posts are visible to everyone if published allow read published model Comment id Int id default autoincrement name String body String post Post relation fields postId references id postId Int createdAt DateTime default now Moderator user can do everything to comments allow all auth roles moderator Everyone is allowed to view and create comments for published posts allow create read post published That s it We ve expressed all the authorization rules in the schema centralized and concise The flexibility of the rule syntax allows you to implement a particular authorization model that doesn t strictly follow any predefined paradigm Your schema is now the single source of truth for the two most important and closely related things data and authorization The zenstack CLI compiles ZModel down to a plain Prisma schema stripping the policy parts which can be used in your current Prisma workflows generation migration etc The access policies are transformed into metadata objects that ll support the enforcement of the policy rules at runtime The Runtime PartIn the service code we ll use ZenStack s runtime API to create enhanced Prisma Client instances that are aware of the access policies Such instances are transparent proxies so they have the same API as the original Prisma Client They intercept CRUD calls apply policy checks and make injections into the Prisma query as necessary The enhanced Prisma Client rejects all CRUD calls by default You must set rules to grant permissions We can adopt it in two steps Add a helper to create an enhanced client for the current user api src lib db jsimport withPolicy from zenstackhq runtime Returns ZenStack wrapped Prisma Client with access policies enabled export function authDb return withPolicy db user context currentUser Change the service code to use the enhanced client api src services posts posts jsexport const posts gt return authDb post findMany api src services comments comments jsexport const comments postId gt return authDb comment findMany export const createComment input gt return authDb comment create data input It s crucial to call authDb each time and not cache the result to capture the current user correctly As you can see except for using the authDb helper we ve removed all imperative authorization code from the service layer However our backend is still secure because the access policies are enforced by the ORM ConclusionAuthorization is a very challenging topic no matter what framework you choose to use This post demonstrated how ZenStack could help you implement authorization in a centralized concise and declarative way You can find the full project code below If you d like to learn more about ZenStack check out this comprehensive introduction here We created ZenStack based on this belief Since authorization is mainly about data it should be modeled together with data and enforced close to the data Do you share the same view Yes or no join our Discord community and let us know your thoughts	2023-06-22 13:28:15
海外TECH	DEV Community	The easiest way of uploading image and audio files together using Multer, Cloudinary, and Node.js.	https://dev.to/itsfarhankhan28/the-easiest-way-of-uploading-image-and-audio-files-together-using-multer-cloudinary-and-nodejs-5ff3	The easiest way of uploading image and audio files together using Multer Cloudinary and Node js The project listof a backend web developer always includes projects on REST API and other websites projects such as E commerce with fully functional backends One main functionality of these kinds of projects is file uploading such as image audio video etc When working with MERN stack one of the most common and popular way of uploading a file is using Node js Multer Cloudinary The most probable solutions for uploading a file found on the internet are Uploading single or multiple image using multer cloudinary and node js Uploading an audio file using multer cloudinary and node jsYou have to search a lot to find the perfect solution for uploading the image and audio file together using multer cloudinary and node js I hope that this blog of mine is going to help most of the backend web developers for easily uploading the image and the audio file together using multer cloudinary and node js PrerequisitesNode js and Express jsMulterCloudinary Let us start with uploading the image and audio fileFirst of all let s setup the express app Following are the steps to create an express app Create a folder server which contains a server js file which will be the root file Run the following command to initiate the node modules npm initnpm inpm i node modulesInstall express using following command npm i expressSetup the express app in the following way Once the initial setup is done we will move further with the Addition of middlewares such as app use express json and app use express urlencoded extended true and connection of mongodb using mongoose in server js file In the following way the routes setup is done Now lets setup the Multer file which is in the middlware folder For uploading the image and audio file together we are going to use a third party dependency namely multer storage cloudinaryIn the following way the multer setup is done using the third party dependency Now we will use the upload fields as a middleware We are also going to setup the cloudinary in the cloudinaryconfig js file so as to use it as a middleware in the server js file Once the setup of Multer Cloudinary is done we will take a quick peek of the controller js In the uploadcontrol js file First of all we have created an async function namely Create Then we have stored the path of both the image and the audio file in the constants imageurl and audiourl In the last step we have stored the value of both imageurl and audiourl in the Uploads db Once the entire setup is done we will check the upload request on PostmanHurrey we are successfully receiving the url of both the files And also getting the url stored in mongodb So I hope that this tutorial is going to help all the backend web developers out there in uploading the image and audio file together using Multer Cloudinary and Node js	2023-06-22 13:28:13
海外TECH	DEV Community	50% Faster CI Pipelines with GitHub Actions	https://dev.to/kubeshop/50-faster-ci-pipelines-with-github-actions-32p2	Faster CI Pipelines with GitHub ActionsLast year I wrote a tutorial on GitHub Actions that explained how Tracetest can be run in a CI pipeline The goal was to demonstrate how Tracetest can be used to test itself commonly referred to as dogfooding A year later here are the main issues I noticed False negatives Slow build times often above minutes per run Not contributor friendly due to secret credentials Hard to maintain due to long YAML files and polluted Docker Hub repository Multiple deployments per pull request due to insufficient parallelization Using Kubernetes and kubectl port forward introduced connection issues Let s explain the problem before showing you the solution The Problem with CI and KubernetesWhen writing the tutorial last year I only covered how we integrated Tracetest with GitHub Actions CI pipelines The CI pipeline works as follows A Tracetest integration instance is permanently deployed always up to date with the latest code from main Each pull request builds the code publishes an image to Docker Hub tagged kubeshop tracetest pr the PR number and deploys that image to our Kubernetes cluster GitHub Actions run the Tracetest CLI to perform trace based tests for the newly committed Tracetest code To be able to communicate with both integration and PR instances we open tunnels with kubectl port forward This approach has worked smoothly for the past year However as the project grew builds became slower and the team began noticing a few pain points The Old GitHub Actions CI Pipeline is… FlakyWhile this pipeline generally works it requires a lot of manual reruns due to a noticeable amount of false negatives The main causes of these false negatives are We rely on kubectl port forward to establish connections These connections are not very stable They can experience hiccups during runs causing the tests to fail Version incompatibility between integration and PR While we take backward compatibility seriously we also need to temporarily break things occasionally during development This means that sometimes new code is not compatible with the main code causing pipeline runs to fail and even causing us to merge with failing tests Kubernetes deployments can be slow and unstable Kubernetes is eventually consistent This means that it s hard to be sure when a deployment is really ready Sometimes the cluster needs to autoscale new nodes which can take as long as minutes to be in the desired state These long wait times and temporary inconsistencies create false negatives Very slowThis pipeline can take minutes to run at best and up to minutes at worst Some of the causes for this are Deploying to Kubernetes can take a lot of time Not taking advantage of step parallelization Additionally some of the dependencies between steps may be unnecessary When measuring the time it takes to pass a pipeline it is important to consider the need for potential reruns If a pipeline has long run times and is prone to flakiness you may have to wait up to minutes just to receive a false negative caused by a broken port forward After rerunning the pipeline you may need to wait another minutes if you re lucky adding a total of minutes to achieve a passing mark In some cases it may even take or reruns to pass Hard to share and maintainThis pipeline requires publishing Docker images and deploying them to Kubernetes This means we need secret keys to run the pipeline If someone wants to fork the repository the pipelines fail because credentials are not shared The same happens for external contributors even dependable pull requests fail to run Publishing these temporary images to Docker Hub not only requires credentials but also pollutes our repository with a large number of pr images that need to be removed Including a large number of steps in a YAML file can make it difficult to follow and can also increase the likelihood of introducing mistakes while working on it Additionally it becomes increasingly challenging to keep track of the logic behind each step As the number of steps increases so does the complexity and dependencies between those steps can lead to longer run times This is what the old pipeline run looks like feature frontend Adding Analyzer empty state ·kubeshop tracetest fbf ·GitHub The Solution Use Docker Compose in CI PipelinesSeveral pain points seem to be related to our use of Kubernetes as the deployment mechanism for pull request code Would it be possible to replace it During development we create a complete working environment locally using Docker Compose We use this environment to execute manual tests and we also have a script to run more complex end to end tests using Docker Compose Using Docker Compose in the CI CD pipeline means that It runs locally so we don t need any credentials or tunneling We can connect to localhost We don t need to wait for long deployments Once the Docker Compose stack is up it s ready to go usually in seconds Instead of publishing images we can use docker save load to export import the image as a tar file and pass it around as a build artifact Again no credentials are needed for this New and Updated GitHub Actions CI PipelineThis is what our new pipeline looks like today fix cli adding skip of version mismatch for the server install cmd ·kubeshop tracetest ffe ·GitHubYou may have noticed that we ve made some changes to the pipeline We ve moved it to Docker Compose and improved our parallelization strategy resulting in a reduction of minutes of unnecessary wait time Here are some examples In the old pipeline we had to wait for all unit tests to complete before building the Docker image These tests could take minutes to finish There s no need to wait for them before building the image so we removed this dependency We had multiple build steps for the Web UI Go Server and the Docker image We couldn t start building the Docker image until the Web UI was built so there was no parallelization Splitting them into different steps only added startup overhead Thus we merged them into a single build docker image step The Conclusion Faster CI PipelinesYou can check the complete pipeline in the Tracetest GitHub repository This new pipeline takes between and minutes to run The best case is minutes faster than the old best case The worst case is minutes faster than the old worst case ーa reduction in time However most importantly ever since we began using this new pipeline we have noticed a significant decrease in false negatives caused by unstable remote connections and unready deployments The best solution was to have a single deployment per pull request This way every pipeline step shares the same environment Finding the best approach is not always easy especially in complex scenarios such as a full end to end CI CD pipeline It s important to keep an eye on issues take note of problem areas analyze results and try out new ideas even those that might not seem promising at first We are eager to hear your feedback and to talk to you Please share your thoughts on how trace based testing can help you and what we should do next to improve Tracetest Have an idea to improve it Please create an issue  give us a star on GitHub and join our community on Discord	2023-06-22 13:25:53
Apple	AppleInsider - Frontpage News	Let's get ready to rumble: Zuckerberg agrees to fight Musk in cage match	https://appleinsider.com/articles/23/06/22/lets-get-ready-to-rumble-zuckerberg-agrees-to-fight-musk-in-cage-match?utm_medium=rss	Let x s get ready to rumble Zuckerberg agrees to fight Musk in cage matchTesla CEO Elon Musk and Meta CEO Mark Zuckerberg could step into the octagon after openly teasing each other on social media It s not uncommon to see two high profile people square off for an MMA fight these days It s become common for YouTubers and podcasters to step into the ring ーespecially if there s some sort of ongoing rivalry Now it seems like the growing list of amateur fighters may soon include two of tech s biggest players Read more	2023-06-22 13:47:26
Apple	AppleInsider - Frontpage News	Apple Vision Pro -- What came before, what will come after, and when	https://appleinsider.com/articles/23/06/22/apple-vision-pro----what-came-before-what-will-come-after-and-when?utm_medium=rss	Apple Vision Pro What came before what will come after and whenIt s not hard to see the future of what the Apple Vision Pro started Here s what s been said so far and what we think is going to happen ーand when Apple Vision ProApple announced the Apple Vision Pro headset at WWDC after three years of rumors and buildup about what to expect There were early rumors like Apple Glass that suggested that Apple was working on digital Wayfarers Read more	2023-06-22 13:25:32
海外TECH	Engadget	FDA approves Owlet’s baby-monitoring sock two years after halting sales	https://www.engadget.com/fda-approves-owlets-baby-monitoring-sock-two-years-after-halting-sales-135530434.html?src=rss	FDA approves Owlet s baby monitoring sock two years after halting salesOwlet and its baby monitoring devices are back in the good graces of the FDA The company received clearance from the US regulator for its product BabySat a medical grade pulse ox monitor designed as a wireless “sock for newborns and babies The win comes after the FDA ordered the Utah based biotech company to stop selling its smart sock almost months ago The FDA objection was based on the fact that the wearable had the capacity to relay a live display of a baby s heart rate and oxygen levels which is critical data that a doctor should interpret especially in vulnerable populations The tumultuous approval demonstrates “our technology is medical grade Kurt Workman Owlet CEO and co founder said of the company s path to getting FDA approval “We conducted several side by side accuracy comparisons to hospital monitors and that demonstrated Owlet is accurate The device can alert a provider if any metrics are out of range which can help to diagnose and prevent complications Owlet stripped out the blood oxygen and pulse tracking features and returned to the market just a few months later with the Dream Sock The wearable is available direct from the company and through a number of other retailers without a prescription but it lacks the advanced features that set it apart from the rest of its rivals Instead it s a pretty straightforward sleep tracker BabySat on the other hand is a prescription device It integrates medical grade pulse oximetry technology into a discreet wearable It s a noninvasive tool to measure how well oxygen is circulating to extremities in babies from to months Without a prescription a rival medical grade device can not be readily found on the market given that BabySat is the first device of its kind to receive FDA approval Creating a treatment plan with a doctor is especially valuable and useful to the parents of babies that have been diagnosed with heart defects or chronic conditions If a newborn or baby does present with persistent low oxygen levels quick intervention by medical professionals is needed to prevent life threatening complications Owlet anticipates the product will be available in the US by the end of this year The company declined to disclose pricing information for BabySat but did say that insurance options including reimbursements and HSA FSA eligibility will likely be available at launch This article originally appeared on Engadget at	2023-06-22 13:55:30
海外TECH	Engadget	The best smart electric toothbrushes for 2023	https://www.engadget.com/best-electric-toothbrush-133036339.html?src=rss	The best smart electric toothbrushes for From mattresses to scales it s commonplace now for even the most basic products to be app connected Electric toothbrushes are one of the more curious entries in the “smart device space But smart or not toothbrushes serve one purpose cleaning your teeth The American Dental Association says both powered and manual brushes will effectively do just that as long as you brush twice a day for two minutes each with a soft bristled brush and fluoride toothpaste People who find it easy to hit those marks can probably save themselves the money but others might benefit from the encouragement provided by advanced brushes We wanted to test out some of these fancy electric toothbrushes to see just how useful their smarts are After testing multiple brushes for a few weeks I ve come to the conclusion that they aren t a necessity for everyone but they could benefit certain folks ーparticularly those who respond to the gamification of their daily habits What to look for in a smart electric toothbrushAppsFor our purposes any brush that communicates with a companion smartphone app is one we consider “smart Nearly all such apps track your brushing duration and frequency and can do so whether you have the app open or not The apps present historical data in graphs calendars and other easy to digest visualizations Most apps also let you set goals access tips on better habits and reorder brush heads directly from the manufacturer More advanced devices let you adjust the settings and modes within the app and also guide you through brushing sessions with real time feedback on where the brush is in your mouth Other apps grant real life rewards such as gift cards for keeping up consistent habits Teledentistry is even part of the Quip app s repertoire Most people will probably get the most out of the visualization offered by the tracking and history features I found it satisfying to see a long string of properly executed morning and night brushing sessions like I had hit some sort of personal milestone The apps also make it easy to auto ship brush heads which could help ensure you replace them more regularly The ADA recommends getting new bristles every three or four months and I for one am terrible at remembering to do that At first I liked brushing along with the apps that were capable of visualizing my movements but the novelty wore off after a week or so Stopping to go find my phone just added another step and I d always end up sucked into the new notification abyss before I d remember oh yeah I was going to brush my teeth While the apps simple progress tracking is great the added goals and awards lost their power to motivate me after a few weeks Many of us are already setting countless objectives for ourselves worrying about one more virtual award felt like homework for a class I didn t have to take The timer feature is what ultimately helped me brush better My impulse is to put down the brush after about seconds which is nowhere near the ideal time To use that you don t even need the app though as all smart brushes include a timer in the brush itself img alt Three screenshots from the companion apps from Oral B Philips and Quip smart toothbrushes The Oral B and Philips app show a D model of teeth while the Quip app offers gift card rewards for brushing src style height px width px Photo by Amy Skorheim EngadgetBrush mechanicsWhether they re round or rectangular all the brush heads vibrate producing tens of thousands of movements per minute All the handles emit haptic shakes and pauses to tell you to move to another section of teeth and when your session is done Most of these electric toothbrushes have batteries that last a few weeks on a charge or in the case of the non rechargeable Quip a few months on a set of disposable cells Advanced brushes usually ones that cost more than also include internal sensors that can detect the orientation of the brush in your mouth as well as the movement and pressure you apply The brushes use that info to warn you if you re pushing too hard moving too fast or missing certain areas with feedback in the form of lights vibrations or in app communication Some brushes even have tiny built in screens that can give you a lot of the same info as an app such as mode selection timer duration and simple session assessments so you don t have to keep your phone beside you PriceA manual toothbrush from your local CVS will run you smart electric toothbrushes can cost between and ーquite the price jump Even the least expensive smart brush offers app based data tracking plus haptic feedback and sonic vibrations from the brush itself More expensive versions incorporate features like specialized heads LED screens and internal sensors such as gyroscopes ーall of which push up the price Best overall Oral B iO Series Including manual and electric models Oral B makes around different toothbrushes Their latest and most advanced iO Series includes a whopping seven different models ーwith another on the way Most of the iO series came out in which means the iO Series isn t a newer iteration of the iO Series it s just a more tricked out brush The iO Series has a good combination of app features and brush capabilities and at it sits in the middle of the smart electric toothbrush price spectrumWhile using the iO Series an internal gyroscope and accelerometer detects where the brush is in your mouth If you use the app to guide a session a D illustration of your teeth gradually turns from blue to white as you clean different areas I was impressed by how accurately it detected exactly where I was brushing especially since I can t stick to one area for too long before moving on to the next But by the end of two minutes it had pointed me to areas I d missed and left me with teeth that felt noticeably cleaner The iO Series has five different brushing modes including Gum Health Sensitive and Daily Clean I mostly stuck to that last one but when my six year old wanted to try it I swapped in a new brush head and used the Sensitive setting which worked great for him The fact that it made a kindergartener want to brush his teeth might be worth the price right there The app accurately tracked unguided sessions too adding the time and duration to my stats whenever I synced the brush with my phone Even without the app the built in LED screen on the handle provides a good amount of info giving you mode selection and displaying a timer as you brush Haptic shakes let you know when to switch to another quadrant of your mouth A ring of light at the base of the brush head will flash red if you re pushing too hard and glows green when you re using the correct amount of pressure At the end of a session you ll get a smiley face on the display if you went the whole two minutes got good coverage and didn t push too hard You ll get a smiley with stars for eyes if you really nailed it Oral B s top end iO Series is nearly identical to the Series but costs more The pricier version comes with a full color LED screen two extra modes Tongue Clean and Super Sensitive and adds another element to app guided brushing showing dots that you gradually erase as you brush Both devices have hard travel cases but the one for the Series also acts as a charging case Those are small luxuries that I don t think justify the price bump though especially considering the Series did a great job getting my teeth cleaner than they ve ever felt outside of a trip to the dentist Best budget Quip Smart Electric ToothbrushIf proper motivation stands between you and better dental health Quip s Smart Electric Toothbrush might be all you need It costs if you opt for the brush head subscription or without it Either way that s significantly cheaper than many other smart toothbrushes The vibrations aren t as intense as our top pick nor are the internal sensors as precise but the app is loaded with ways to track your teeth cleaning and inspire you to do it more often One of those is through gamified awards granted for simple achievements like completing sessions or brushing twice a day three days in a row It also awards points for good habits which can be redeemed for real world perks like discounts on Quip products and Target or Walmart e gift cards With its relatively reasonable price and IRL rewards system Quip s smart brush might make a nice option for parents who want to help their kids brush better and more often It s also handy that the Quip app allows you to pair more than one brush per account so you can track the whole family s dental hygiene ーsomething you can t do with either Oral B or Philips Quip divides sessions into second segments and gives the handle an extra buzz when it s time to move to the next quadrant A run lasts for the gold standard two minutes and the sonic vibrations help clean better than the same strokes with a manual brush The app gives you feedback on coverage strokes per minute and average back and forth movement providing tips for improvement with each session tracked Like with fitness apps seeing your trends and history can be motivating in itself Combined with virtual achievements and real world rewards the Quip might be enough for some people to reach that two minute twice per day goal without the high price or flashy features Honorable mention Philips Sonicare I don t much care for things marketed as “luxe but I have to admit I really enjoyed using the Philips Sonicare Don t get me wrong that s an insane price to pay for a toothbrush Before I started working on this guide my daily driver was a job I got from Trader Joe s ーand I d like to add that I ve only had one adult cavity which I blame on the charcoal toothpaste fad With its sleek design and “premium materials the made me feel like some overly monied influencer doing a GRWM get ready with me routine The faux leather and gold travel case looks like a cross between a jewelry gift box and an expensive clutch ーcomplete with a cute little strap The brush itself has a pearlized finish and a decidedly smooth feel The app has a clean layout with a detailed history of your past brushing sessions If you really want to see how consistently you apply the correct amount of pressure you can The app is also fairly accurate in identifying areas of your mouth that you skipped or didn t focus on enough As for the actual brushing experience I love the brush head The bristles are soft and the thin neck is super comfortable to close your mouth around which helps prevent spillage I also enjoyed the brush mechanics Instead of scrubbing back and forth like some commoner you simply guide the bristles around the surfaces of your teeth letting the vibrations do the work for you It took a little getting used to with the app cautioning me “don t scrub but once I had it down it offered the autonomous functionality you d expect from such an expensive device The first few times using the however nearly broke the fairytale spell The vibrations are intense I didn t realize you were supposed to put the brush in your mouth before you turned it on and the shaking flung my toothpaste clean off even when I shoved it down into the bristles Once I finally got it right I brushed for the full two minutes and afterwards felt like I had just gone to the dentist ーnot because my mouth felt clean though it did but because my lips were numb like I d been given Novocain After setting the brush to the lowest vibration setting I was able to appreciate it fully without losing sensation in my lips Maybe I should have expected that much power in a nearly toothbrush but it took me by surprise This article originally appeared on Engadget at	2023-06-22 13:30:36
海外TECH	Engadget	Sky UK releases a motion-tracking webcam for TV watch parties	https://www.engadget.com/sky-uk-releases-a-motion-tracking-webcam-for-tv-watch-parties-131458526.html?src=rss	Sky UK releases a motion tracking webcam for TV watch partiesUK broadcaster Sky has unveiled a webcam device called Sky Live designed to add features like watch parties with friends fitness and gaming features the company announced It attaches magnetically to the top of the company s Sky Glass smart TVs via USB C and HDMI and supports motion tracking for games and workouts along with video calls group chats and more quot Sky Live makes your TV much more than just a TV by introducing new entertainment experiences for the heart of your home quot said Sky global chief product officer Fraser Stirling in a statement quot Get active with motion control games work out with body tracking technology video call on the big screen and watch TV with loved ones even from afar And with our powerful Entertainment OS ecosystem it will keep getting better with every update quot The megapixel webcam looks a bit like a mini Xbox One Kinect with a rectangular design and lens on the right Video is captured at up to K with an ultrawide degree field of view equivalent to a mm lens in mm camera terms It has a white status LED four microphones on top and a privacy button that turns it off but no privacy shutter There s an auto framing feature to keep you in the center of the shot along with background noise suppression to ensure you re heard during noisy broadcasts A key feature pitched by Sky owned by Comcast since is called quot Watch Together quot letting you do watch parties with up to other households remotely Friends video feeds appear to the right of the main feed and it works with all live channels and Sky s own on demand programs ーbut not Netflix or other third party streaming services Playback is supposed to be synchronized among all call participants so you shouldn t hear your friends cheering before you actually see a goal scored On top of looking like one Sky Live also acts like a Kinect It comes with a Mvmnt fitness app offering interactive workouts with the motion control tech tracking and your form reps and more It also supports motion controlled games like Fruit Ninja and an multiplayer version of Monopoly controlled with the TV s remote You can make Zoom calls with participants shown in full HD and centered in the frame thanks to the auto tracking feature nbsp Sky Live requires a Sky Glass smart TV to work and costs £ as a standalone purchase £ per month over months or £ per month on a month contract Sky is also offering introductory discounts if purchased with a Smart Glass TV Th latter launched back in comes in and inch version and starts at around £ per month nbsp This article originally appeared on Engadget at	2023-06-22 13:14:58
海外科学	NYT > Science	Henry Petroski, Whose Books Decoded Engineering, Dies at 81	https://www.nytimes.com/2023/06/22/science/henry-petroski-dead.html	Henry Petroski Whose Books Decoded Engineering Dies at He wrote extensively about the design of buildings and bridges and how they failed He also examined the history of commonplace objects like the pencil	2023-06-22 13:33:03
金融	金融庁ホームページ	「顧客本位の業務運営に関する原則」に基づく取組方針等を公表した金融事業者リスト（令和5年3月末時点）及び投資信託・外貨建保険の共通ＫＰＩに関する分析（令和４年３月末基準）の追加掲載等について公表しました。	https://www.fsa.go.jp/news/r4/kokyakuhoni/fd_20230622/fd_20230622.html	投資信託	2023-06-22 14:00:00
ニュース	BBC News - Home	Interest rates: Bank of England governor warns rate rise hard for many	https://www.bbc.co.uk/news/business-65982981?at_medium=RSS&at_campaign=KARANGA	raises	2023-06-22 13:38:22
ニュース	BBC News - Home	Mosquito-borne diseases becoming increasing risk in Europe	https://www.bbc.co.uk/news/health-65985838?at_medium=RSS&at_campaign=KARANGA	parts	2023-06-22 13:02:32
ニュース	BBC News - Home	SNP political icon Winnie Ewing dies aged 93	https://www.bbc.co.uk/news/uk-scotland-65988094?at_medium=RSS&at_campaign=KARANGA	confirms	2023-06-22 13:41:02
ニュース	BBC News - Home	Teenager guilty of murdering boy at Glasgow train station	https://www.bbc.co.uk/news/uk-scotland-65987986?at_medium=RSS&at_campaign=KARANGA	station	2023-06-22 13:52:18
ニュース	BBC News - Home	Elon Musk and Mark Zuckerberg agree to hold cage fight	https://www.bbc.co.uk/news/business-65981876?at_medium=RSS&at_campaign=KARANGA	twitter	2023-06-22 13:44:54
ニュース	BBC News - Home	Most university students working paid jobs, survey shows	https://www.bbc.co.uk/news/education-65964375?at_medium=RSS&at_campaign=KARANGA	money	2023-06-22 13:26:09
ニュース	BBC News - Home	Missing Titanic sub search in critical phase amid fears over oxygen levels	https://www.bbc.co.uk/news/world-us-canada-65984176?at_medium=RSS&at_campaign=KARANGA	amount	2023-06-22 13:23:44