投稿時間:2023-04-19 23:30:29 RSSフィード2023-04-19 23:00 分まとめ(31件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Anker、MacBookに合わせてデザインしたUSB-Cハブ｢Anker 563 USB-C ハブ (10-in-1, Dual 4K HDMI, for MacBook)｣を発表	https://taisy0.com/2023/04/19/170901.html	anker	2023-04-19 13:59:07
IT	気になる、記になる…	Anker、USB-Cケーブル内蔵で最大10台同時充電可能な高機能電源タップ｢Anker 647 Charging Station｣を発表	https://taisy0.com/2023/04/19/170892.html	anker	2023-04-19 13:44:42
IT	InfoQ	Presentation: Istio as a Platform for Running Microservices	https://www.infoq.com/presentations/istio-platform-microservices/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global	Presentation Istio as a Platform for Running MicroservicesEitan Suez explores Istio s design and how it just might be a foundation for running microservices By Eitan Suez	2023-04-19 13:18:00
python	Pythonタグが付けられた新着投稿 - Qiita	n週連続 推薦システム関連の論文読んだシリーズ13週目(毎週水曜更新): twitterの様々な推薦機能で活用されてるらしい、ユーザ-ユーザのフォローネットワークからコミュニティ埋め込み表現を生成するSimClustersの論文を読んだ	https://qiita.com/morinota/items/d36421df083df9394bad		2023-04-19 22:02:15
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】Qiitaトレンドのプロフィール画像をマウスオーバーした時にプロフィールをツールチップで表示する	https://qiita.com/Nobu12/items/b5e10af27f3eaeef1573	javascript	2023-04-19 22:44:42
AWS	AWSタグが付けられた新着投稿 - Qiita	VPCエンドポイントまとめ	https://qiita.com/FujiRyo/items/567ffda45e042278bce7	通信	2023-04-19 22:36:02
Docker	dockerタグが付けられた新着投稿 - Qiita	Jenkinsとshellの初心者が1からジョブを作って勉強になったこと	https://qiita.com/jiang_x/items/71e821543ed722857d35	docker	2023-04-19 22:04:24
Linux	CentOSタグが付けられた新着投稿 - Qiita	MACアドレス認証構築_HP2530編	https://qiita.com/motimotinoyamayama/items/70cc8eef7dbb6a5b6288	freeradiuselxfreeradiusut	2023-04-19 22:04:59
Git	Gitタグが付けられた新着投稿 - Qiita	Jenkinsとshellの初心者が1からジョブを作って勉強になったこと	https://qiita.com/jiang_x/items/71e821543ed722857d35	docker	2023-04-19 22:04:24
技術ブログ	Developers.IO	チームビルディングでドラッカーエクササイズとロールセッションを組み合わせてみた	https://dev.classmethod.jp/articles/teambuilding_druckerexercise_rolesession/	組織開発	2023-04-19 13:14:53
海外TECH	Ars Technica	Used routers often come loaded with corporate secrets	https://arstechnica.com/?p=1932973	secondhand	2023-04-19 13:28:33
海外TECH	DEV Community	📈 Productivity and Well-being: A summary of what works.	https://dev.to/samuelfaure/productivity-and-well-being-a-summary-of-what-works-55og	Productivity and Well being A summary of what works I ve been working for a very long time in remote only positions by now while mentoring remote working students This article will summarize what I found worked for me and most of my students Most of this should work for you too and it will work particularly well in a remote work setting IntroductionSome people think more productivity means less well being Those people are wrong They might be victims of management structures that do not understand the fundamental truth of intellectual work Your productivity is a direct byproduct of your well being Your well being tend to increase when you re productive up to a point By taking care of yourself you are fulfilling your duties both to yourself and to your employer Step One Setting your priorities straightDo a quick categorization of what are the most important things in your life right now Here s mine Health Family and closest friends WorkIf your health and close relationships aren t on top please ask yourself why that is and what the consequences of such a choice could mean for your future Now that we agreed about your priorities we can start the process Step Two Life HygieneWe re stating the obvious in that one but the obvious often bears repeating Physical exerciseThis is NOT optional Not only does your health need it it will increase your mood and your focus SleepThis is literally how your brain learns things If you don t have a good sleep schedule absolutely prioritize working on that issue PostureBack pains suck They really do And let s be clear if you want a career in programming you WILL have back pain issues if you don t work on it If you don t already know the of correct posture google it right after reading this article or better ask ChatGPT So you should maintain a correct posture while sitting right Well yes but it won t be enough for most people You will probably still end up with bad back pains A standing desk can be life changing It will also not be enough you will want a solution where you can alternate between sitting and standing for two reasons Standing all day can be very hard when you first start Standing all day can bring about as many issues as sitting all day Before anything take regular breaks and move around Alternate postures as much as possible The best posture is your next posture Finally if all of this is not enough and I suspect for many of you it won t be learn Yoga A daily deep yogi muscle relaxation is the most powerful tool there is against back pain Bonus Yoga Crash CourseLay down on the floor on your back Inhale to seconds in hold for exhale for seconds Try to relax your body as much as possible Do this mins everyday Congratulations you re doing Yoga FoodPlease don t underestimate how much what you re eating can make you feel like shit Before devoting my life to code I used to work as a food scientist I can sum up years of research about what you should probably be eating in the form of a haiku Bit of everything But mostly vegetables Yes Vegetables Taking care of your Circadian rhythmMost people with sleep issues just have a fucked up circadian rhythm or internal clock Do take care of that The single most important advice I have on this topic is to get outside first thing in the morning for about minutes The morning light entering your eyes will tune your internal clock to the morning setting For more tips on this topic and as a general amazing resource for science based tools for your well being I recommend the entirety of The Huberman Podcast Step Three Focusing Noise cancelling headphonesThey will be of tremendous help to you if you can t focus with sounds around you or without music If you work in an open space that might even be mandatory Choose a model that you can wear for long hours without any pain you re not working hard to avoid back pains just to end up with head pains Sony s WH XM are a solid choice if you can afford them Be by yourself Or don t Some people work better alone in a room Some people work better when other people are present If you can afford a choice here try and see what works for you The Pomodoro techniqueMany guides exist on that topic so I won t go into details The gist of it is to work in cycles of minutes minute breaks During those minutes of work you should practice Deep work Absolutely no distraction work on your focus During those minute breaks I highly recommend that you stretch I am not kidding when I say that the Pomodoro technique is the most important productivity tool for remote work Although the pomodoro technique works extremely very well for some people many of them end up not using it anyway Knowing something works and not doing it anyway is a classic problem Don t be like this if something works for you persevere Sidenote the opposite is also true If something doesn t work for you absolutely do not persevere as it but change something StimulantsCoffee works great if you use it with moderation as long as it s not disrupting your sleep A Big Screen Or twoMany companies researched how to boost productivity for their employees Apparently the only two things that they found worked were Coffee and bigger screens If you re working on a small laptop screen consider investing in at least one bigger screen Step Four Making Space Cleaning your environment lt lt A clean space is a clean mind gt gt When your head is a mess your environment is a mess When your environment is a mess your head is a mess This applies both to real life and to your virtual environment files everywhere on your computer are increasing your mental load as well Clean your spaces including your desktop including the one inside your computer Cleaning your headIf you re not managing your stress you re not managing your head A regular meditation practice will not only help you focus better by directly training your focus skills but will also clear your head of the unnecessary clutter Cleaning your codeHaving technical debt is really bad for your productivity but also for your well being Here s an article explaining why So work on your technical debt Keep it as small as possibleA great method to clean your space virtual mental and code is the Marie Kondo philosophy Throw things away For more informations on this read the Marie Kondo guide for the Clean Developer Step Five Work methodologiesBeing able to focus is great but if you don t have a good workflow it will be useless TDDTest driven development is a cult And I m in it We keep preaching this methodology for a good reason it works It s actually extremely hard to practice TDD well just like the game of Go you can know the rules yet still suck at it It takes years and years of practice to actually do well When you suck at TDD it still saves you time on the middle and long term When you re good at TDD it also saves you time on the short term Atomic Git CommitsPlease refer to my article on the topic AI is your friendArtificial Intelligence will probably not replace us in the near future but using AI will definitely boost your productivity by an order of magnitude I m not sponsored by Github but I ll say it anyway dollars a month for Copilot is more than worth it And don t be afraid to ask ChatGPT immediately when you don t know something AI is the new Google And while this article was not written by ChatGPT most of my automated tests at work mostly are Just copy paste your class ask for some tests and of the work is done Step Six Don t Overdo ItThe problem with an increased productivity is that you ll be able to work a lot The problem with working a lot is that you might end up working too much The problem with working too much is that you ll end up harming your well being hence your productivity A note about deep work deep work is much much more intense than non deep work You probably cannot produce hours of your best code every day without burning out real fast Manage yourself respect yourself this is a marathon not a sprint ConclusionIf you implement everything we discussed here not only will you be a more productive person you ll also be significantly happier I promise you as much Also if I forgot anything that works for you please tell me in the comments Happy life happy coding	2023-04-19 13:31:39
海外TECH	DEV Community	¿Que es la cultura DevOps?	https://dev.to/aws-builders/que-es-la-cultura-devops-olk	¿Que es la cultura DevOps Desde hace poco tiempo las empresas han venido trabajando con una cultura que combina el desarrollo de software con las operaciones de tecnología ofreciendo a sus clientes productos y servicios a una mayor velocidad Dicha cultura se llama DevOps DevOps Desarrollo Operaciones es un término que se refiere a prácticas herramientas y filosofías que facilitan la comunicación y colaboración entre los desarrolladores de software y operadores de TI con el fin de entregar software de mejor calidad y en tiempo ágil Cubre todo el ciclo de una aplicación desde el desarrollo pasando por las pruebas hasta el despliegue final usando iteraciones continuas A continuación veremos las fases de DevOps Integración ContinuaEs la práctica de combinar los cambios de código regularmente en un repositorio central para ejecutar pruebas y compilar En esta etapa se escribe el código bajo estándares como por ejemplo CERT C MISRA C AUTOSAR C PEP óPSR Y se utiliza un programa especial llamado Linter para buscar errores de sintaxis y bugs cuando se ejecuta el código Los linter más comunes son cfn nag cfn lint GoLint PyLint Checkstyl EsLint y PMD Pruebas unitariasLas pruebas unitarias garantizan que las unidades de código funcionen cómo fue diseñada la aplicación es decir como se espera Cuando los desarrolladores envían código al repositorio central se prueba de forma aislada y automatizada Existen dos metodologías para el desarrollo de software que incluyen las pruebas unitarias Desarrollo impulsado por pruebas TDD Consiste en ciclos de desarrollo muy cortos y repetitivos convirtiendo los requisitos de software en casos de prueba para mejorar el código Desarrollo impulsado por el comportamiento BDD Consiste en fomentar conversaciones entre equipos de trabajo usando ejemplos concretos para comprender cómo debería comportarse la aplicación Los frameworks de pruebas unitarias más comunes son JUnit PyTest Net JBehave CSpec y PHPSpec Pull RequestEl término más visto en un repositorio de código es Pull Request Es sólo la revisión de cambios en el código antes de fusionarlos en el repositorio Los Pull Request se realizan de tres formas diferentes Fast Foward Merge Mueve la rama de referencia hacia la confirmación más reciente de la rama fuente El historial de confirmaciones se conserva como si hubiera ocurrido en la rama de destino La punta de la rama de origen se reenvía rápidamente a la punta de la rama de destino Squash and Merge Los commits de pull request se combinan en un único commit Three way Merge La combinación de tres vías crea una combinación en la rama de destino pero conserva las confirmaciones individuales como parte del historial TestingLas pruebas automatizadas ótesting son la parte fundamental de una aplicación sino se prueba su funcionalidad no se puede entregar Por eso las pruebas están presentes en todas las etapas de DevOps La pirámide representa las diferentes etapas de las pruebas con el tamaño de la sección que representa cuántas pruebas se realizan en esa etapa Entre las ventajas de las pruebas automatizadas encontramos Velocidad Fiabilidad Consistencia Escalabilidad Eficiencia Entrega ContinuaEs la práctica de preparación de los cambios en el código para la entrega sobre la aplicación final Es una extensión de la integración continua porque implementa los cambios en ambientes de prueba y producción Se puede automatizar mediante flujos de trabajo órealizar de forma manual para puntos críticos En esta etapa se realizan diferentes tipos de pruebas Pruebas funcionales Se testean las funciones principales usabilidad navegación accesibilidad y mensajes de error bajo condiciones de error conocidas Pruebas de regresión Aseguran que los cambios hechos en el código no afecten las funciones existentes y no introduzcan nuevos defectos Pruebas de rendimiento Determinan cómo funciona la aplicación en términos de capacidad de respuesta y estabilidad bajo una carga de trabajo específica Prueba de aceptación de usuario UAT Es dónde los usuarios actuales del software testean para asegurar que pueden manejar las tareas requeridas Pruebas sintéticas Método para comprender la experiencia del usuario en una aplicación mediante la predicción del comportamiento Despliegue ContinuoVa más alláde la entrega continua y asegura que el despliegue de la aplicación en el ambiente productivo se realice de forma automatizada sin validación humana Despliegue progresivoCon una implementación continua su flota de producción se divide en grupos para que toda la flota no se actualice a la vez Su flota ejecutarálas versiones de software nuevas y existentes durante el proceso de implementación Este método permite una actualización sin tiempo de inactividad Si la implementación falla solo se veráafectada la parte mejorada de la flota Comprobaciones de estadoLas comprobaciones de estado son pruebas que se realizan en recursos como la aplicación máquinas virtuales óbalanceadores de carga Los resultados de estas pruebas pueden determinar si una implementación se realizócorrectamente o si una aplicación funciona como se esperaba Implementaciones segmentadasLa segmentación se refiere a dividir la implementación en pequeños fragmentos Un ejemplo de implementación segmentada sería dividir la implementación de su aplicación por región geográfica o zona de disponibilidad Implementaciones CanarySon un tipo de implementación segmentada Al igual que una implementación segmentada implementa una pequeña parte de su aplicación llamada canary y el resto de la aplicación sigue más adelante Lo que hace que una implementación de Canary sea diferente es que prueba su Canary con tráfico de producción en vivo TransicionesLas transiciones son vínculos entre las etapas del pipeline que se pueden inhabilitar o habilitar Cuando las transiciones están habilitadas las revisiones de la aplicación pueden pasar de una etapa a otra Están habilitados de forma predeterminada Detener promocionesHay muchas situaciones en las que es posible que deba detener una promoción publicación Por ejemplo si se encontróun error o problema crítico con la aplicación actualmente implementada y necesita detener la implementación de esa aplicación y revertirla DevSecOpsÚltimamente se ha agregado una etapa adicional a las implementaciones DevOps para evitar brechas de seguridad DevSecOps es una metodología que cubre la seguridad en las canalizaciones de integración continua CI entrega continua CD y la automatización Integra conocimientos en seguridad en los equipos de trabajo para brindar seguridad a escala en la nube Herramientas DevOpsAWS CodeCommit AWS CodeBuild AWS CodeDeploy AWS CodePipeline Github CloudBees Jenkins TeamCity Ghost Inpector Muchos definen DevOps como una metodología óel uso de una serie de herramientas pero es más bien concebido como un cambio cultural en la forma de integrar varios equipos de trabajo de desarrollo y operación para desarrollar soluciones de tecnología Es un término que cada día toma más fuerza en el lenguaje corporativo Publicado en The Bucket of Notes	2023-04-19 13:29:46
海外TECH	DEV Community	Applying a Custom Design System to a Third-Party Component Library? Storybook Makes it Easy.	https://dev.to/kathryngrayson/applying-a-custom-design-system-to-a-third-party-component-library-storybook-makes-it-easy-160j	Applying a Custom Design System to a Third Party Component Library Storybook Makes it Easy Ready for a hot take I believe that the core of every great functional design system is a component library There s no better tool for getting everyone on the same page and seeing your design choices in action than a component library But that doesn t mean that our component libraries need to be built from scratch Using a third party component library can be an excellent way to jump start our design systems and save a ton of time and effort Storybook a tool for building and documenting UI components has become integral to the creation and maintenance of component libraries and design systems Because Storybook offers an interface for non developers allowing anyone to explore play with and manipulate the components and documentation it s perfect for collaboration Often Storybook is mentioned in the context of building component libraries from scratch but it doesn t have to be used that way Storybook is still a powerful tool for customizing documenting and sharing our design systems even if they re built on top of a third party component library Building on top of an existing library doesn t always sound as cool as the “I made this entirely by hand stories but I would argue that it s infinitely more practical and far more realistic Unless you work somewhere that requires very complex and unique components I don t see any reason why you should build your own component library Why reinvent the wheel The only asterisk on that statement is ensuring that the library we choose is style agnostic enough that it won t be a struggle to overlay our custom design system on top If we re constantly fighting with the CSS it s not going to be worth it Strongly design opinionated libraries can be challenging unless of course we re committed to using their design system for the entirety of the life of our products In this example I chose to build my design system on top of the KendoReact component library which allowed for a seriously high degree of custom styling Why I Built ThisBefore we get to the how perhaps you re asking why we should even bother to load a third party component library into a tool like Storybook After all we re not building it ourselves and there s already existing documentation Those things are true but only somewhat There are significant benefits to loading our component library into Storybook regardless of whether we built it from scratch or started with something pre made Make Development and Testing EasyIf we re significantly changing the look and feel of our components with our design system then it s really helpful to have a place where we can see how each component will look with the new styles applied Storybook is the perfect place for developers to do this and test their work Storybook is fantastic for testing components in isolation When we re using a pre made component library it s easy to assume that we don t need to test as thoroughly…which is only true if we re not adjusting or changing the components at all from their default state However if we re making adjustments to the look and feel of the components to fit your design system it s a smart idea to test especially around accessibility Allow Non Developers Easy AccessThe Storybook UI allows non developers to easily explore the available suite of components and preview each one in isolation This can be hugely helpful when it comes to closing the designer developer communication gap but also benefits Project Managers QA testers and more all of whom will appreciate the ability to see each component with the new styles exactly as they will be used in the application Storybook Controls allow non developers to adjust the parameters of various components and understand what properties are available to edit This means they can do things like input custom button text change various colors adjust default states and more to change how the component will look and immediately see the results in the viewport panel Document and ShareIf we re creating our own design system our components will need additional contextual documentation When should a developer use a Window component as opposed to a Dialog as opposed to a Modal When do we reach for a Line Chart instead of a Bar Chart The KendoReact component library offers over components some of which could potentially be used to solve the same problem in different ways Adding documentation about when and where to use each component within the context of our application is a crucial aspect of a design system This makes the work easier for developers and designers who no longer have to make individual in the moment decisions This consistency ultimately makes the app more intuitive and improves the UX However contextual app specific documentation simply cannot exist within generic third party library docs which means it s our job to write it as part of our design system documentation On that note when we re putting together a design system it s important to have one place that functions as the single source of truth Design systems include multiple resources Figma files written documentation component libraries style guides and more When these resources are scattered it s difficult for people to know where to look…and when they don t know where to look they ll just do their work without it To improve design system adoption internally we need to make it as easy as humanly possible for everyone to find and reference Because Storybook has support for linking design files writing documentation previewing components and more it makes an ideal one stop hub for our design system It s a simple task to publish our Storybook instance to a URL that can be bookmarked and accessed by everyone How I Built ThisBefore we get too far into this section I want to point out that if you also want to build on top of the the KendoReact library then you don t have to do most of this I ve already done it for you I m sharing this how to process as a guide for the curious Perhaps you re doing something similar with a different component library or maybe you just like to peek behind the curtain and see how things are made if so read on You can preview the finished product here However if you want to skip the “how it s made part and just start loading your design system in fork the repo and jump to the section about applying styles and writing documentation Setting Up the Storybook InstanceBecause Storybook is meant to be installed into an existing project the first thing I needed to do was roll up a new React app I used Create React App CRA so that I could take advantage of the KendoReact CRA templates to automatically install and configure my setup If that s not your situation you can use whatever you prefer to get a React app set up and install your chosen component library Once I had a new project set up I ran npx storybook init to install Storybook That command installs the required dependencies sets up the build and run scripts and establishes the default Storybook config including a few demo stories Once that completes you should be able to use npm run storybook to run the app locally and make sure everything is working according to plan Importing External Components Into StoriesThe Storybook docs have a fantastic breakdown of the details around how stories work and the easiest ways to write them so I won t re write all that information here The only minor difference was that rather than writing components from scratch in the story I imported my components from the KendoReact library Because of how stories are named and managed within Storybook I quickly noticed one small hitch I needed to adjust how I was importing the external components so they wouldn t conflict with the names of the exported stories For example when I created a story for my button component I named it Button However each story component will include the KendoReact component we import as well which in this case is also named Button In order to ensure that I could still name my Storybook story component Button and not have to worry about having two identically named components my imports needed to be adjusted to “import X as Y rather than just importing X import Button as KendoButton from progress kendo react buttons Then when I used the KendoReact button inside my Storybook Button story I needed to call it as KendoButton export const Button props gt return lt gt lt KendoButton props gt props label lt KendoButton gt lt gt Configuring Controls With PropTypesStorybook has an immensely handy built in generator for their Controls the elements that allow users to adjust component properties via the Storybook UI These Controls are a huge part of what makes Storybook so valuable to non developers and developers alike so it s crucial for us to get them right Thankfully Storybook makes it easy to do so by automatically generating Controls based on component PropTypes Luckily every KendoReact story is accompanied by extensive documentation including an API reference that clearly defined all the props available for each component and their possible configuration options I used this documentation to write PropTypes for my stories so users can play with all the possible ways to adjust customize and configure KendoReact components For example the above disabled and fillMode props are listed like so in my Button story Button propTypes disabled PropTypes bool fillMode PropTypes oneOf solid outline flat link null Storybook takes those PropTypes and automatically determines the best UI input option to reflect it Here my bool prop became a switch input in Controls and my oneOf became a selection of radio buttons This happens without any additional input required from me beyond the definition of PropTypes which I would be doing anyway when writing components Applying Custom StylesOf course for Storybook to be valuable to us as a Design System management tool our components need to reflect the custom styling we ve done in order to change their look and feel Thankfully this was as easy as dragging and dropping a few CSS files At the top of every story file I imported the same things React PropTypes the component in question and any dependencies and my scss file import React from react import PropTypes from prop types import Button as KendoButton from progress kendo react buttons import assets index scss Storybook comes configured with that assets folder so I decided to place any supporting files in there That included things like images for photo based components mock data in js or json format for charting components and of course my styles If you re writing your styles from scratch this is the place to do it I however opted to save some time and use the Progress ThemeBuilder application to export the styles for my established LKARS design system If you re interested you can learn more about the creation of that design system and how I use it in coordination with KendoReact Storybook Figma and ThemeBuilder in this article For now the most important thing to know is that ThemeBuilder allows me to export complete CSS or SASS files for my design system automatically configured to work perfectly with the KendoReact suite of components That set of files includes an index scss that imports a tokens scss and an overrides scss file All of these were dragged into my assets folder and automatically applied to every component in Storybook since index scss was imported in each story You can do the same with your own global stylesheets Note While I kept a personal version of my Storybook project that included my custom design system styles applied to the KendoReact components I removed them for the publicly shared project If you fork the repo on GitHub the LKARS design system styles will not be included Installing Add onsStorybook offers a notable library of addons that can be used to change extend or adjust the behavior of the Storybook UI For the most part I wanted to keep this project fairly vanilla since I intended it to be a base for other people to fork and use as the basis for their own projects However there were three addons that I believe to be truly essential which I did install and will be included with the project if you fork it storybook addon ayaria live storybook addonstorybook addon pseudo statesNote that all of these addons are accessibility related KendoReact is by default built to be accessible You can read more about their commitment to accessibility and the technical specifications we meet However custom styling and changes can sometimes create inaccessible components I encourage folks to use the accessibility testing addons to ensure that the components are still meeting accessibility standards Beyond that I refrained from customizing the Storybook instance so that everyone can have a fresh start for their new project Check out the Storybook Integrations Library to find more useful addons Any currently installed addons can also be removed by deleting them from storybook main js ConclusionThere s more to a design system than just a component library of course but that s where design and implementation come together for the first time It s where the design rubber hits the road and we start to get the feel for how our application is going to look and function Regardless of what team a person is on or how much they understand about the design process seeing and interacting with all of the various UI components just makes things click It s truly invaluable	2023-04-19 13:23:42
海外TECH	DEV Community	When to use forward slash in file path?	https://dev.to/dev_duckling/when-to-use-forward-slash-in-file-path-2h9d	When to use forward slash in file path You might ask Why am I writing this blog Because I recently struggled for like hours While building my capstone project everything was going fine locally but when I merged my branch to main and checked site on Github pages then nightmare began My responsive web app suddenly became static web app links were not working image were broken and on clicking DevDuckling it was showing I messed up in file paths of links and imagesI will quickly explain when you do not need and need to use and In below will be the example code I have used my favorite anime characters as file names So Makima wants to have Naruto s picture in her file She would look for path which is above current folder Then she might use lt section gt lt h gt means file is present in one level above or above current folder lt h gt lt img src naruto jpg alt naruto gt lt section gt Now Makima wants to have Jiraiya s picture in her file She would look for path which is on root file top level Then she might use lt section gt lt h gt is top most level that is root file lt h gt lt img src jiraiya jpg alt jiraiya gt lt section gt In VS code press ctrl space key gives you suggestions that is helpful Thank you for reading this blog I will try to write next blog soon and forgot to mention it was my first blog to dev to haha If anyone has suggestions happy to apply on next blog As every famous creator says react comment share and follow Happy codding	2023-04-19 13:23:21
海外TECH	DEV Community	Unlocking the Full Power of Amazon CodeWhisperer with VS Code	https://dev.to/imsampro/unlocking-the-full-power-of-amazon-codewhisperer-with-vs-code-dfh	Unlocking the Full Power of Amazon CodeWhisperer with VS CodeAmazon CodeWhisperer is a powerful extension for Visual Studio Code that can significantly enhance the AWS development experience By providing intelligent coding assistance and debugging capabilities CodeWhisperer helps developers write better code with fewer errors faster While CodeWhisperer can be an incredibly useful tool many developers are not aware of its full capabilities or how to take advantage of them In this article we will explore how to unlock the full power of Amazon CodeWhisperer with Visual Studio Code including setting it up exploring its features and integrating it with other AWS services Additionally we will provide tips and best practices for using CodeWhisperer to maximize productivity and advance your AWS development skills Introduction to Amazon CodeWhisperer and VS CodeWhat is Amazon CodeWhisperer Amazon CodeWhisperer is a powerful and robust cloud based development environment that allows programmers to write debug and deploy code without any overhead infrastructure It is integrated with Amazon Web Services AWS and provides a seamless development experience What is VS Code Visual Studio Code VS Code is a lightweight open source code editor created by Microsoft that runs on Windows Linux and macOS It comes with many built in features for code editing debugging and version control VS Code is a popular choice for developers of all skill levels because of its versatility and ease of use Setting Up Amazon CodeWhisperer with VS CodeInstalling VS CodeTo use Amazon CodeWhisperer with VS Code you ll need to install VS Code on your computer You can download VS Code for free from the official website Installing Amazon CodeWhisperer extensionOnce you have installed VS Code you can add the Amazon CodeWhisperer extension to your editor The extension provides a seamless integration between VS Code and Amazon CodeWhisperer allowing you to use the cloud based development environment without leaving your code editor Exploring the Features of Amazon CodeWhispererCodeLensesOne of the most powerful features of Amazon CodeWhisperer is CodeLenses CodeLenses provide valuable information about your code such as who last modified it and which tests are associated with it CodeLenses help you quickly identify potential issues and make informed decisions about your code Code CompletionAmazon CodeWhisperer includes a code completion feature that helps you write code faster and with fewer errors Code completion suggests code snippets as you type based on the context of what you re working on Code SnippetsCode snippets are pre written pieces of code that you can easily insert into your code to perform common tasks Amazon CodeWhisperer provides a library of code snippets that cover a wide range of use cases from creating new AWS resources to deploying code to the cloud Code NavigationAmazon CodeWhisperer makes it easy to navigate your code You can easily move between functions and files and jump to specific lines of code This feature saves you time and helps you stay focused on your code Tips and Tricks for Maximizing Productivity with Amazon CodeWhisperer and VS CodeKeyboard ShortcutsVS Code has many helpful keyboard shortcuts that can save you time and increase your productivity Take some time to learn the most commonly used shortcuts to make your workflow more efficient Settings and PreferencesVS Code allows you to customize many aspects of the editor to fit your needs Take some time to adjust your settings and preferences to create a more comfortable development environment Using ExtensionsVS Code has a vast library of extensions that can help you write code in your preferred language debug your code and integrate with other tools Explore the VS Code extension marketplace to find extensions that fit your needs Debugging and Troubleshooting with Amazon CodeWhisperer and VS CodeDebugging AWS Lambda FunctionsDebugging AWS Lambda functions with Amazon CodeWhisperer and VS Code is a breeze CodeWhisperer allows you to set breakpoints inspect variables and step through your code You can even debug your Lambda functions locally before deploying them to AWS By using the CodeWhisperer debugger in conjunction with the AWS Toolkit for VS Code you can easily debug and troubleshoot AWS Lambda functions Debugging Serverless ApplicationsDebugging serverless applications can be challenging but with Amazon CodeWhisperer and VS Code it s much easier CodeWhisperer allows you to debug serverless applications running on AWS Lambda API Gateway and other AWS services You can step through your code and inspect variables in real time Additionally CodeWhisperer provides detailed logging and error handling capabilities making troubleshooting issues simpler Troubleshooting Common IssuesCodeWhisperer also helps you troubleshoot common issues that arise while developing AWS applications The tool provides detailed error messages and logs making it easier to identify the source of issues Moreover you can use CodeWhisperer to inspect the state of the system at any point in time and determine what went wrong Integrating Amazon CodeWhisperer with Other AWS ServicesIntegrating with AWS CloudFormationAWS CloudFormation is a powerful tool for automating infrastructure provisioning and deployment You can use Amazon CodeWhisperer with AWS CloudFormation to develop debug and troubleshoot your CloudFormation templates AWS CloudFormation integrates seamlessly with CodeWhisperer allowing you to deploy your infrastructure and test your code in one step Integrating with AWS CodePipelineAWS CodePipeline is a fully managed continuous delivery service that automates your software release process By using CodeWhisperer with AWS CodePipeline you can quickly and efficiently develop and deploy your applications CodeWhisperer helps you troubleshoot issues and provides a robust debugging experience making it easier to deliver high quality code Integrating with AWS CodeCommitAWS CodeCommit is a fully managed source control service that makes it easy to collaborate on code with your team Amazon CodeWhisperer integrates seamlessly with AWS CodeCommit allowing you to collaborate with your team members and manage your codebase effectively By using CodeWhisperer with CodeCommit you can easily review code provide feedback and debug issues Best Practices for Using Amazon CodeWhisperer with VS CodeCode Organization and ManagementWhen working with CodeWhisperer and VS Code it s crucial to maintain proper code organization and management You should organize your code into appropriately named functions and modules Additionally you should use version control tools like Git to manage your codebase effectively Collaborating with Other DevelopersCollaborating with other developers can be challenging but CodeWhisperer makes it easier You can use CodeWhisperer to share your code and collaborate with other developers Additionally you can use CodeWhisperer to debug issues and provide feedback to your team members Security and Access ManagementWhen working with Amazon CodeWhisperer and VS Code it s important to ensure that you have proper security and access management in place You should use AWS Identity and Access Management IAM to restrict access to sensitive resources Additionally you should use encryption to protect your data in transit and at rest Conclusion and Next Steps for Advancing Your AWS Development SkillsSummaryAmazon CodeWhisperer is a powerful tool that can help you develop debug and troubleshoot your AWS applications By using CodeWhisperer in conjunction with VS Code you can quickly and efficiently deliver high quality code Resources for Further LearningTo further advance your AWS development skills be sure to check out the AWS documentation and training resources Additionally AWS offers certification programs for developers that can help you validate your skills and knowledge Finally be sure to stay up to date on the latest AWS news and updates to keep your skills sharp In conclusion Amazon CodeWhisperer is an indispensable tool for AWS developers looking to write better code with greater efficiency By leveraging its powerful features and integrating it with other AWS services developers can unlock its full potential and take their development skills to the next level By following the tips and best practices outlined in this article you can maximize your productivity and achieve greater success in your AWS development projects FAQWhat is Amazon CodeWhisperer Amazon CodeWhisperer is an extension for Visual Studio Code that provides intelligent coding assistance and debugging capabilities for AWS developers It can help developers write better code with fewer errors and increase productivity Is Amazon CodeWhisperer free Yes Amazon CodeWhisperer is a free extension for Visual Studio Code Can I use Amazon CodeWhisperer with other code editors No Amazon CodeWhisperer is specifically designed to work with Visual Studio Code and is not compatible with other code editors Do I need an AWS account to use Amazon CodeWhisperer Yes you will need an AWS account to use Amazon CodeWhisperer However you can sign up for a free AWS account to get started	2023-04-19 13:21:40
海外TECH	DEV Community	Understanding CSS Min(), Max(), and Clamp() Functions	https://dev.to/scofieldidehen/understanding-css-min-max-and-clamp-functions-gli	Understanding CSS Min Max and Clamp FunctionsCascading Style Sheets CSS is a vital tool in the web developer s arsenal for creating visually stunning websites With the advent of new CSS functions such as Min Max and Clamp developers have more tools at their disposal for creating responsive web designs This article will explore these functions how they work and when to use them CSS Min FunctionThe CSS Min function selects the smaller value between two or more expressions For example let s say you want to set the width of a container to the smallest value between and px You can achieve this using the following code container width min px In this example the container s width will be if the viewport is smaller than px wide If the viewport is wider than px the width will be set to px CSS Max FunctionThe CSS Max function is the opposite of the Min function It is used to select the larger value between two or more expressions For example if you want to set the width of a container to the largest value between and px you can achieve this using the following code container width max px In this example the container s width will be set to px if the viewport is wider than px If the viewport is narrower than px the width will be set to CSS Clamp FunctionThe CSS Clamp function sets a value within a range of values It takes three arguments a minimum value a preferred value and a maximum value The function selects the preferred value if it falls within the range of the minimum and maximum values The function will select the closest minimum or maximum value if the preferred value is outside the range Here is an example container width clamp px In this example the container s width will be set to if the viewport is between px and px wide If the viewport is narrower than px the width will be set to If the viewport is wider than px the width will be set to px When to Use These FunctionsThe Min Max and Clamp functions can be used in various scenarios to make responsive web designs For instance when designing responsive typography you can use the Min function to set a minimum font size that prevents text from becoming too small on small screens You can use the Max function to set a maximum font size that prevents text from becoming too big on large screens The Clamp function can create fluid layouts that adjust to different screen sizes Converting ValuesYou can use these functions with other CSS units such as em rem and px However you may need to convert values between different units when using these functions For example you may need to convert a font size value from pixels to ems or rems Here s an example of how to convert values between different units using JavaScript When working with CSS units like em rem px etc it s important to know how to convert values between them For instance you might need to convert a font size value from pixels to ems or rems before using the min max or clamp functions Here is an example of how to convert values between different units using JavaScript Convert value from pixels to emsfunction pxToEm pxValue   const baseFontSize Change this value to match your base font size  const emValue pxValue baseFontSize   return emValue em Convert value from ems to pixelsfunction emToPx emValue   const baseFontSize Change this value to match your base font size  const pxValue emValue baseFontSize   return pxValue px In the above code we have defined two functions pxToEm and emToPx that can convert values between pixels and ems You can modify the baseFontSize value to match your base font size Once you have converted the values you can then use them in the min max or clamp functions as per your requirements Why is Converting ImportantOne common use case for unit conversion is when designing a responsive website In responsive design the layout and content of a website adjust to different screen sizes and resolutions This means that font sizes widths and heights may need to be expressed in different units depending on the screen size For example a font size expressed in pixels may look too small on a mobile device with a high pixel density In this case the font size may need to be expressed in ems or rems to ensure it scales appropriately Similarly a container width expressed in percentage may not be appropriate for a fixed width layout and may need to be expressed in pixels instead Overall unit conversion ensures that your website or application looks and behaves consistently across different devices and screen sizes Now that we have a basic understanding of the CSS min max and clamp functions let s take a closer look at each one with some examples The min functionThe min function defines the minimum value among two or more values It takes two or more arguments and returns the smallest value For example let s say we want to use two font sizes in our design a base size of pixels and a larger size of pixels for headings We can define this using the min function as follows font size min px rem This will set the font size to pixels for headings but will fall back to rem equivalent to pixels for smaller text Example for min function Let s say we have a container with a fixed width of px and we want to set the width of an image inside the container to be minimum of of the container width or px HTML lt div class container gt   lt img src image jpg gt lt div gt CSS container   width px img   width min px In this example the min function sets the image s width to be the minimum value of of the container width or px whichever is smaller This ensures that the image is always smaller than or equal to of the container width but never larger than px The max functionThe max function defines the maximum value among two or more values It takes two or more arguments and returns the largest value For example let s say we want to set the maximum width of an image to be of its parent container but we also want to ensure it doesn t exceed a width of pixels We can achieve this using the max function as follows max width max px This will set the maximum width of the image to be of its parent container but it will not exceed pixels Example for max function Let s say we want to set the font size of a text element to be the maximum of px or vw HTML lt p class text gt Hello world lt p gt CSS text   font size max px vw In this example the max function sets the font size of the text element to be the maximum value of px or vw whichever is larger This ensures that the font size is always at least px but can grow larger based on the viewport width The clamp functionThe clamp function defines a value constrained between a minimum and maximum value It takes three arguments a minimum value a preferred value and a maximum value For example let s say we want to set the font size to be a minimum of pixels a preferred size of rem and a maximum size of pixels for headings We can define this using the clamp function as follows font size clamp px rem px This will set the font size to rem for headings but will fall back to pixels for smaller text and will not exceed pixels Example of Clamp function  setting font size with a minimum and maximum value font size clamp px vw px setting a range for line height line height clamp vw  setting a range for width and height width clamp px px height clamp px px In the first example we re setting the font size property to a range between pixels and pixels However we re also using a vw unit as a factor meaning the font size will scale with the viewport width The clamp function ensures that the font size won t go below pixels or above pixels even if the viewport is very narrow or very wide In the second example we re setting the line height property to a range between and with a vw unit as a factor Again the clamp function ensures the line height won t exceed or above In the third example we re using clamp to set a range for both the width and height properties In this case we re using both pixel values and percentages as factors This means that the width and height of the element will scale proportionally with the viewport size but won t go below pixels or above pixels for width and won t go below pixels or above pixels for height Differences Between Min Max and Clamp FunctionsWhile all three functions are used to define boundaries for values in CSS there are some key differences between them The Min function takes two or more values as arguments and returns the smallest value It is useful for ensuring that a value does not go below a certain threshold The Max function takes two or more values as arguments and returns the largest value It is useful for ensuring that a value does not exceed a certain threshold On the other hand the Clamp function takes three arguments a minimum value a preferred value and a maximum value It returns the preferred value if it falls within the range of the minimum and maximum values otherwise it returns the closest boundary value This makes it useful for defining a range of values with a preferred value in the middle In terms of use cases Min and Max are most commonly used for defining boundaries for things like font sizes line heights and padding Clamp on the other hand is particularly useful for defining responsive layouts where the size of an element should change based on the screen size One example of where Clamp could be used is in defining the font size of a heading You could set a minimum font size to ensure legibility a maximum font size to prevent the text from getting too large and a preferred font size for optimal display on most screen sizes Another example of where Clamp could be used is in defining the width of a container element You could set a minimum width to ensure the content is always readable a maximum width to prevent the container from taking up too much screen space and a preferred width for optimal display on most screen sizes While Min Max and Clamp all have similar purposes in defining boundaries for values in CSS they each have unique use cases where one may be more suitable than the others Web developers must understand the differences between these functions and when to use each for optimal design and functionality ConclusionIn conclusion the min max and clamp functions are powerful tools for defining values in CSS They allow us to define flexible and responsive values while also providing fallbacks for older browsers that do not support them By using these functions we can simplify our CSS and create more maintainable and adaptable designs Resources Digging deeper into CSS  Building Offline Web Applications	2023-04-19 13:11:41
Apple	AppleInsider - Frontpage News	Netflix is upgrading its 'Basic with Ads' streaming plan with two big improvements	https://appleinsider.com/articles/23/04/19/netflix-is-upgrading-its-basic-with-ads-streaming-plan-with-two-big-improvements?utm_medium=rss	Netflix is upgrading its x Basic with Ads x streaming plan with two big improvementsNetflix is increasing the resolution of its Basic with Ads plan and also increasing how many videos can be streamed simultaneously Netflix with ads will have higher qualityThe company rolled out the ad supported tier in November and costs monthly It occasionally plays commercials in the middle of programming with each streaming hour having four to five minutes of advertising time Read more	2023-04-19 13:51:14
Apple	AppleInsider - Frontpage News	iPhone 14 Pro, iPhone 13, iPhone SE: Spring 2023 iPhone buyer's guide	https://appleinsider.com/articles/23/04/19/iphone-14-pro-iphone-13-iphone-se-spring-2023-iphone-buyers-guide?utm_medium=rss	iPhone Pro iPhone iPhone SE Spring iPhone buyer x s guideWhatever you have available to spend on a new iPhone Apple has a model to match Here s our iPhone buyer s guide for the spring of The Brompton Road Apple Store Apple The annual refresh of Apple s iPhone product line sees new flagships hit the top of the pile while everything else finds their prices discounted In doing this Apple manages to cover a wide array of price levels with many different iPhones and a variation in available features Read more	2023-04-19 13:14:37
Apple	AppleInsider - Frontpage News	TSMC is continuing to complain about 'unacceptable' US chip plant terms	https://appleinsider.com/articles/23/04/19/tsmc-is-continuing-to-complain-about-unacceptable-us-chip-plant-terms?utm_medium=rss	TSMC is continuing to complain about x unacceptable x US chip plant termsApple s processor manufacturer TSMC is asking the US for billion in aid to help it build plants in the country but is arguing against the Biden Administration s conditions TSMC investing billion in Arizona fabsTaiwan s TSMC is nearing the opening of its Arizona plant and the US wants it to build more but there were already political and financial pressures As the US does not recognize Taiwan as a separate nation it has no tax agreement with the country ーso TSMC pays tax twice Read more	2023-04-19 13:05:52
海外TECH	Engadget	Apple's 14-inch M2 MacBook Pro is up to $250 off at Amazon	https://www.engadget.com/apples-14-inch-m2-macbook-pro-is-up-to-250-off-at-amazon-133159632.html?src=rss	Apple x s inch M MacBook Pro is up to off at AmazonThis is a prime moment to buy a high powered Mac laptop for a grad or as a treat for yourself Amazon is offering steep discounts for inch MacBook Pro models with the M Pro chip The base version with a core CPU and GB of storage is available at an all time low price of or off The biggest bargain however is a core CPU variant with TB of storage that s selling for or a sizeable off At these prices there s little reason to get a MacBook Air ーthe Pro delivers considerably more features for a slightly larger outlay The revision of the inch MacBook Pro is an iterative upgrade but that still makes it an excellent laptop It maintains the superb display speakers input and connectivity of its predecessor but the M Pro improves performance and extends battery life This is a compact powerhouse for creative work particularly if you tend to work away from a wall outlet ーApple Silicon based Macs sustain their speed while on battery power unlike many competitors It s quiet too This is still an expensive computer that may be pricier than some competitors and you ll want a Windows based machine if you either crave a gaming rig or have certain must run apps that aren t Mac native If those aren t issues though this is a very well rounded portable with few shortcomings Follow EngadgetDeals on Twitter and subscribe to the Engadget Deals newsletter for the latest tech deals and buying advice This article originally appeared on Engadget at	2023-04-19 13:31:59
海外TECH	Engadget	The best Android phones for 2023	https://www.engadget.com/best-android-phone-130030805.html?src=rss	The best Android phones for Unlike the iOS ecosystem where Apple is the only game in town one of the best things about the Android phone market is the wide range of different devices and manufacturers to choose from That said when it actually comes time to upgrade that wealth of options can make it a bit more difficult to choose the right handset for you If you re looking for a new phone and don t know where to start we ve got you covered with a selection of the best Android phones for every budget What to look for in a new Android phonePerformanceWhen it comes to picking our favorite Android phones the main things we look for are pretty straightforward good performance both compute and AI a nice display solid design sharp cameras long battery life and a significant commitment to ongoing software support For performance not only do we look at benchmarks and other metrics but we also evaluate phones based on responsiveness Regardless of whether you re reading browsing social media or playing a game no one wants a device that feels sluggish DisplaySam Rutherford EngadgetWhen it comes to displays we generally prefer OLED panels that can produce rich saturated colors with at least nits of brightness though many of our top mid range and high end phones can hit nits or more And more recently most of our favorite devices also support screens with fast refresh rates of Hz or Hz which adds an extra level of smoothness and fluidity DesignNow we will admit there is a bit of subjectivity when deciding which phones look the best but there are other design aspects like dust and water resistance or screen durability that can make a big difference to long term survival It s also important to consider things like support for wireless charging power sharing aka reverse wireless charging and UWB connectivity which can have an impact on how your phone interacts with your other devices CamerasObviously for photos we re looking for sharp colorful shots in both bright and low light conditions And we want video clips with high dynamic range rich audio and smooth image stabilization Extra cameras for ultra wide and zoom lenses are a plus It s also important to consider features like dedicated night modes support for various video recording resolutions and additional photo modes like timelapse slow motion and more Battery and softwareFinally in terms of battery life we re looking for all day longevity on devices that also delivered great results on our local video rundown test at least hours on a charge but more is obviously better Wireless charging capabilities have become almost ubiquitous over the past few years and most of our top picks have this extra perk Finally with people holding onto their phones longer than ever we like to see companies commit to at least three years of software support and regular security patches The Best Android PhonesBest Android phone overall Google Pixel ProThe Pixel Pro and the standard Pixel might not be the absolute fastest phones on the market but what they lack in pure performance they make up for with thoughtful software Thanks to Google s Tensor G chip the Pixel series features powerful AI and machine learning capabilities that support things like on device language recognition and real time translation You also get gorgeous OLED displays and the best overall camera quality of any smartphone available today And with the standard Pixel starting at just Google s latest flagship is an incredible value too The main differences between the two are that the Pixel Pro has a larger inch screen and features a third rear camera with a x optical zoom But regardless of whether you prefer a smaller or larger device you can t really go wrong with either the Pixel or Pixel Pro Read our Full Review of the Google Pixel Pro Best mid range Android phone OnePlus For those who want a phone with a big screen solid cameras and great performance but for less than a traditional flagship the OnePlus strikes a good balance between budget phones and more premium devices In a lot of ways the OnePlus is like a more affordable Galaxy S Not only do you get a similar inch Hz display it also features a speedy Snapdragon Gen chip and a big mAh battery Meanwhile thanks to OnePlus blazing watt wired charging it juices up faster than any phone from Google or Samsung And on the camera side the company s ongoing partnership with Hasselblad has resulted in notable improvements in image quality The main shortcomings of the OP are that its IP rating for dust and water resistance falls short of what you get from competing devices and the camera s x optical zoom lens feels a bit on the short side But with OnePlus adding wider carrier compatibility and committing four years of OS upgrades and five years of security patches the OP is a well equipped option that costs significantly less than its rivals Read our Full Review of OnePlus Best budget Android phone Google Pixel aIf you just want a simple phone for a good price the Pixel a can t be beat Starting at just you get a vibrant inch OLED and Google s Tensor chip along with GB of RAM and GB of storage But the thing that separates the Pixel a from other budget phones are its cameras which thanks to Google s superior image processing produce pictures that are sharper and more accurate than competitors twice its price Meanwhile Google s commitment to software updates means you should get at least three years of OS support and five years of security patches And thanks to all of the Pixel specific software features like Call Screener Hold For Me and the Pixel Recorder app you can get a very affordable device with a ton of smarts Read our Full Review of Google Pixel aBest premium Android phone Samsung Galaxy S UltraStarting at the Galaxy S Ultra is very expensive but it has practically everything you could ever want or need in a smartphone It has a huge inch OLED display with a Hz adaptive refresh rate a total of five cameras main ultra wide x zoom x zoom and a selfie shooter and a built in S Pen for drawing and note taking It also features a huge mAh battery that delivers some of the longest runtime we ve seen on any phone And with Samsung s renewed commitment to software support you can expect a minimum of four major OS upgrades and five years of regular security patches Read our Full Review of Samsung Galaxy S UltraBest foldable Android phone Samsung Galaxy Z Fold While the Galaxy Z Flip is arguably the most stylish and compact phone on the market the bigger and more expensive Z Fold is like three devices in one which makes it a unicorn among mobile devices When you just need to respond to a text or look up an address quickly its inch exterior cover screen makes that a cinch But when you want to sit down to watch a movie or play a game you can open up the Fold to reveal a stunning inch flexible display It s compact when you need it to be while providing an immersive viewing experience when you don t And thanks to support for stylus input you even can use one of Samsung s S Pens designed specifically for the Fold to quickly draw or jot down a note On top of all that its OLED display makes the Z Fold great for reading books and comics And unlike practically any other non Samsung foldable the Fold also has an IP rating for dust and water resistance In a lot of ways this thing is the Swiss Army knife of phones Sure it s a bit bulky and at it s not what anyone would call affordable But its ability to serve as a phone a tablet an e reader and more depending on the situation puts the Z Fold in a category of its own Read our Full Review of Samsung Galaxy Z Fold This article originally appeared on Engadget at	2023-04-19 13:15:45
海外TECH	Engadget	The best cheap kitchen gadgets in 2023	https://www.engadget.com/best-cheap-kitchen-gadgets-130049897.html?src=rss	The best cheap kitchen gadgets in The best kitchen gadgets make certain cooking tasks easier without taking over your drawers What s more some of the most useful ones won t break the bank All the recommendations on this list are either products I use currently or more affordable versions of something I decided to splurge on after years of cooking Not every item is essential but they re all things I ve come to appreciate when I need to get dinner on the table quickly Victorinox Honing SteelThere are few things worse than cooking with a dull chef s knife It s unsafe and a waste of time You need a way to maintain your blades and a good place to start is with a honing steel Contrary to popular belief a honing steel won t sharpen your knives what it will do is realign the blade With consistent use of one you can get away with actually sharpening your blades once every six months to a year Almost any model will do the job but for an affordable option consider the inch Swiss Classic Honing Steel from Victorinox It comes with a comfortable handle that makes mastering the motion of honing a knife easy Best of all it costs less than Lavatools JavelinIf you cook meat you need to get yourself an instant read thermometer It will take all the guesswork out of braising searing and roasting animal protein making those dishes safer to eat and more delicious There are plenty of affordable instant read thermometers out there but I like the Lavatools Javelin It s not the fastest thermometer on the market taking about four to five seconds to deliver a temperature reading but it s accurate to within a single degree Fahrenheit The Javelin is also magnetic so you can stick it on your fridge or knife holder for easy storage Best of all the casing is IP certified against water and features an antimicrobial coating Lavatools claims will inhibit percent of pathogen growth Oh and you can buy the Javelin in nine different colors including a cheerful “Wasabi green hue OXO Good Grips Food ScaleAfter an instant read thermometer one of the few items I think everyone should have in their kitchen is a food scale I know what you re thinking aren t food scales only useful for baking The answer is no They will streamline every aspect of your cooking by allowing you to do away with measuring cups while also giving you more accurate measurements overall A scale is also essential if you re calorie counting or tracking your macros After trying a few different scales I like this OXO Good Grips stainless steel model At under the OXO model is a bit pricier than other food scales but it comes with a few features that set it apart The first is a handy pull out display that makes it easy to read the scale even when you have a large bowl on top Plus it also comes with an imperial metric toggle It s handsome too with a design that s easy to clean Prepworks by Progressive Magnetic Measuring SpoonsI ll admit sometimes it s not practical to use a food scale to sort out ingredients and you need to turn to a measuring spoon After owning a few different models over the years I ve come to swear by magnetic ones They re easier to separate and subsequently easier to clean Prepworks by Progressive makes a thoughtfully designed set where each spoon features both a round and narrow end The latter is perfect for measuring spices since it can fit in most jars Microplane Professional Series GraterIf you re like me you probably bought a box grater at the start of your cooking journey only to find out it s terrible I m here to tell you there s a better way to grate cheese and zest limes and it s called a Microplane There are a few different variants but they all offer the same advantages over a box grater Being smaller a Microplane is easier to maneuver over bowls and other dishes As for what model to buy I like the Professional Series line for its wide blade and clean design For zesting you want to go for the “Fine model The “Ribbon variant is also great if you want to shave chocolate and cheese Zwilling Handheld Vacuum Sealer MachineIn the last few years vacuum sealers have become affordable enough that most home cooks can add one to their kitchen They re a great way to reduce waste since meat and produce stored in airless bags will last longer The right one can also help you reduce plastic waste Zwilling makes an affordable handheld model that supports an ecosystem of reusable bags and containers that are also on the budget friendly end of the spectrum The bags are freezer and dishwasher safe so you can easily sanitize them after storing meat in them The only thing to complain about the Zwilling vacuum sealer is that it charges over micro USB Zulay Silicone Utensil RestBefore moving to Portugal my neighbor gifted my partner and I a silicone utensil rest Since then this simple tool has been an indispensable part of my kitchen arsenal Once you start cooking at the stove it helps to have all your tools right in front of you A utensil rest helps with that while reducing the amount of cleanup you have to do afterward Once you re done you can just toss it into the dishwasher Best of all you can buy one for about Cuisinart Electric KettleWhile an electric kettle is nether essential for cooking or preparing tea and coffee it can make both those tasks faster safer and easier You can spend a lot to buy a kettle with multiple temperature settings but unless you re a tea connoisseur I don t think that s a feature most people need Cuisinart s JK P boils water faster looks nice on a countertop and best of all won t break the bank Crate and Barrel Salt CellarShortly after reading Salt Fat Acid Heat and learning the importance of salting dishes from within I bought my first box of kosher salt I didn t have a good way to store it at the time so I used a small bowl whenever I went to cook The problem with that approach was that the salt would dry out if I left the bowl out A salt cellar solves that by adding a lid to the bowl Crate and Barrel makes a nifty and attractive acacia wood model that comes with an attached lid so that the two parts never get lost or separated This article originally appeared on Engadget at	2023-04-19 13:00:49
ニュース	@日本経済新聞 電子版	コロナ感染第9波「大規模な可能性」　専門家有志が見解 https://t.co/LGT02lCxpL	https://twitter.com/nikkei/statuses/1648680833681874944	有志	2023-04-19 13:31:56
ニュース	@日本経済新聞 電子版	AT1債、逆風下の再始動　三井住友が1400億円発行 https://t.co/IWSqaG1acI	https://twitter.com/nikkei/statuses/1648679562333794305	三井住友	2023-04-19 13:26:53
ニュース	BBC News - Home	Police sergeant in court charged with rape of woman	https://www.bbc.co.uk/news/uk-england-devon-65325460?at_medium=RSS&at_campaign=KARANGA	plymouth	2023-04-19 13:43:04
ニュース	BBC News - Home	Sudan conflict: Residents flee capital Khartoum as fighting continues	https://www.bbc.co.uk/news/world-africa-65325382?at_medium=RSS&at_campaign=KARANGA	evacuation	2023-04-19 13:21:23
ニュース	BBC News - Home	Italian outcry over Lollobrigida 'ethnic replacement' remarks	https://www.bbc.co.uk/news/world-europe-65324319?at_medium=RSS&at_campaign=KARANGA	supremacists	2023-04-19 13:51:34
ニュース	BBC News - Home	India to have more people than China by mid-2023, UN says	https://www.bbc.co.uk/news/world-asia-india-65320690?at_medium=RSS&at_campaign=KARANGA	suggests	2023-04-19 13:12:50
ニュース	BBC News - Home	Milenko Maric: Man extradited from UK over alleged war crimes	https://www.bbc.co.uk/news/uk-england-derbyshire-65323629?at_medium=RSS&at_campaign=KARANGA	croatia	2023-04-19 13:40:00
ニュース	BBC News - Home	Women's Six Nations 2023: Key players return in much-changed England side	https://www.bbc.co.uk/sport/rugby-union/65323587?at_medium=RSS&at_campaign=KARANGA	Women x s Six Nations Key players return in much changed England sideEngland scrum half Natasha Hunt wing Claudia MacDonald and back Helena Rowland are included for Saturday s Women s Six Nations trip to Ireland	2023-04-19 13:15:42