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

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	｢iPhone 16 Pro｣シリーズのコードネームやディスプレイサイズに関する新たな情報	https://taisy0.com/2023/05/17/171858.html	iphonepro	2023-05-16 16:17:41
AWS	AWS Big Data Blog	Improve power utility operational efficiency using smart sensor data and Amazon QuickSight	https://aws.amazon.com/blogs/big-data/improve-power-utility-operational-efficiency-using-smart-sensor-data-and-amazon-quicksight/	Improve power utility operational efficiency using smart sensor data and Amazon QuickSightThis blog post is co written with Steve Alexander at PG amp E In today s rapidly changing energy landscape power disturbances cause businesses millions of dollars due to service interruptions and power quality issues Large utility territories make it difficult to detect and locate faults when power outages occur leading to longer restoration times recurring outages and unhappy …	2023-05-16 16:52:18
AWS	AWS Machine Learning Blog	GPT-NeoXT-Chat-Base-20B foundation model for chatbot applications is now available on Amazon SageMaker	https://aws.amazon.com/blogs/machine-learning/gpt-neoxt-chat-base-20b-foundation-model-for-chatbot-applications-is-now-available-on-amazon-sagemaker/	GPT NeoXT Chat Base B foundation model for chatbot applications is now available on Amazon SageMakerToday we are excited to announce that Together Computer s GPT NeoXT Chat Base B language foundation model is available for customers using Amazon SageMaker JumpStart GPT NeoXT Chat Base B is an open source model to build conversational bots You can easily try out this model and use it with JumpStart JumpStart is the machine learning ML hub of Amazon SageMaker that provides access …	2023-05-16 16:42:17
AWS	AWS	Raiffeisen Bank International: Automated Integration of On-Premises Key Management with AWS KMS	https://www.youtube.com/watch?v=H_S7CxtHgSM	Raiffeisen Bank International Automated Integration of On Premises Key Management with AWS KMSRegulated industries like banks have requirements to bring their own keys into AWS and manage it form their on premises environments In this episode Constantin from Raiffeisen Bank International describes how they integrate AWS KMS with Thales key management system running on premises using AWS Step functions and Lambda This enables their internal users to generate keys and use it with AWS services across accounts and revoke whenever needed to comply with data security needs Check out more resources for architecting in the AWS​​​cloud AWS AmazonWebServices CloudComputing ThisIsMyArchitecture	2023-05-16 16:30:22
海外TECH	Ars Technica	NBC’s Peacock streaming service scores an NFL playoff game	https://arstechnica.com/?p=1939536	gamethe	2023-05-16 16:34:22
海外TECH	DEV Community	How to Demonstrate Achievements in Software Development	https://dev.to/snowman647/how-to-demonstrate-achievements-in-software-development-3jbk	How to Demonstrate Achievements in Software DevelopmentBeing a collectionist at work can truly set you apart As software developers we often get so engrossed in coding that we overlook the importance of one crucial aspect Documentation Forget all you know about it It is the evidence of your track record of achievements it is the tangible proof of your expertise and skills Documenting solutions aren t simply tasks to check off your list they are the building blocks that shape your professional reputation When you establish yourself as an expert in a particular area through meticulous documentation you are essentially creating an enduring legacy of your work Even if it s not perfect it s better than having no record at all Why is this important Well consider this In just six months it s quite likely that your colleagues or superiors will barely remember the details of what you ve achieved But if you have that achievement well documented it stands as a testament to your capabilities Over time these documents compound to form a solid undeniable record of your technical prowess That s why in my Software Development Simulation Game it will be the main resource Let s take it one step further As software developers our work is mostly intangible We can t show lines of code as proof of accomplishment to our managers But an architecture document That s a different story To any non technical manager an architecture document might as well be rocket science It s a clear indicator of a job well done a complex task undertaken and seen through to completion Even if your manager is technical or you re reporting to a team lead you ll find that they ll respect your initiative in writing it down After all documentation fosters communication and learning If there are any issues or misconceptions in your work these can be identified and rectified during the documentation process This way you not only create a collection of cool documents that reflect your journey as a developer the compound effect of creating new documents often outpaces the impact of implementing new features While a feature may provide immediate value its influence is limited and temporary On the other hand each document you write builds a lasting cumulative record of your skills and achievements accruing value over time This ongoing documentation effort ultimately creates a more powerful and enduring professional legacy So my fellow software developers embrace the role of a collectionist at work Start documenting your solutions and writing about your areas of expertise It might require a bit more effort but the compound effect over time will be well worth it Your future self will thank you and your professional standing will be all the better for it	2023-05-16 16:35:37
海外TECH	DEV Community	19 VS Code Extensions To Boost Your Productivity 🚀🔥	https://dev.to/madza/19-vs-code-extensions-to-boost-your-productivity-4npo	VS Code Extensions To Boost Your Productivity VS Code is a free cross platform and open source code editor that has become the most popular choice among developers in recent years It is well known for its flexibility and customization options with a thriving ecosystem of extensions that can extend its capabilities and make it even more powerful In this article I ve compiled some of the most useful extensions that you can use to boost your productivity I will provide direct links descriptions and images so you can get an initial impression on the fly Swimm Sponsored Create documentation with Swimm s rich text editor Document complex flows spanning multiple files and repos with rich content that interact with the code and automatically updates as you make changes Validate and update documentation locally and as part of your CI workflow fixing simple errors automatically and only alerting you with significant changes Find the right documentation at the right time ーright next to the relevant code When you see a wave that means that documentation related to that particular section of code exists GitLensWith GitLens developers can gain better insight into their codebase s history authorship and changes by providing advanced visualizations and information about Git repositories GitLens also offers a rich set of customization options as well as inline blame annotations commit and diff details and even the ability to view and edit commit messages without leaving the editor Thunder ClientThunder Client is a lightweight Rest API client extension for Visual Studio Code with simple amp easy to use UI Supports Collections and environment variables amp GraphQL queries as well as script less testing with a GUI based interface All the requested data is saved locally on your device TabnineTabnine is an AI code assistant that will increase your development velocity with real time code completions in all the most popular coding languages and IDEs Tabnine is powered by multiple language specialized machine learning models that were pre trained from the ground up on code Remote SSHThe Remote SSH extension lets you use any remote machine with an SSH server as your development environment No source code needs to be on your local machine to gain these benefits since the extension runs commands and other extensions directly on the remote machine You can open any folder on the remote machine and work with it just as you would if the folder were on your machine DockerThe Docker extension makes it easy to build manage and deploy containerized applications from Visual Studio Code It also provides one click debugging of Node js Python and NET inside a container Git HistoryWith this extension users can easily go through the commit history inspect file changes and compare different versions of their code The extension provides a GUI that displays the commit history in a timeline Each commit is displayed together with its commit message author date and time Users can also view the branch and tag names associated with each commit Markdown All in OneA useful tool for anyone who works with lots of Markdown in VS Code It makes it easier and faster to create and edit Markdown documents helping you to be more productive and efficient The features include syntax highlighting code block formatting table of contents preview mode emoji support keyboard shortcuts and many more Regex PreviewerThe extension shows the current regular expression s matches in a side by side document This can be turned on off with Ctrl Alt M Global and multiline options can be added for evaluation with a side by side document through a status bar entry This can be useful when the side by side document has multiple examples to match Better CommentsWith this extension you will be able to categorize your annotations into alerts queries TODOs highlights and more Commented out code can also be styled to make it clear the code shouldn t be there Any other comment styles you d like can be specified in the settings BookmarksThe Bookmarks extension helps you to navigate your code moving between important positions easily and quickly No more need to search for code It also supports a set of selection commands which allows you to select bookmarked lines and regions between bookmarked lines It s really useful for log file analysis Project ManagerThe Project Manager helps you to easily access your projects no matter where they are located Don t miss those important projects anymore You can define your Projects also called Favorites or choose for auto detect Git Mercurial or SVN repositories VS Code folders or any other folder Furthermore you can also organize your projects using Tags Code Spell CheckerA basic spell checker that works well with code and documents The goal of this spell checker is to help catch common spelling errors while keeping the number of false positives low Image OptimizerAdds a right click menu to any folder and image in Solution Explorer that lets you automatically optimize all PNG GIF and JPEG files in that folder Simply right click any file or folder containing images and click one of the image optimization buttons CSS PeekThe extension supports all the normal capabilities of symbol definition tracking but does it for CSS selectors classes IDs and HTML tags You can either load the CSS file inline and make quick edits right there jump directly to the CSS file or open it in a new editor or show the definition in a hover over Placeholder ImagesGenerate and insert placeholder images into your HTML in Visual Studio Code using various rd party services like Unsplash LoremFlickr and more You can choose image width height text and colors insert generated IMG tag into your HTML or copy it to the clipboard or insert the image URL into your HTML copy to the clipboard or open it in your browser Live ServerA quick development Live Server with live browser reload Start or Stop the server with a single click from the status bar Allows the user to create customizable port numbers set server root and comes with default browser configuration options in settings PeacockWith Peacock you can subtly change the color of your VS Code workspace Ideal when you have multiple VS Code instances use VS Live Share or use VS Code s Remote features and you want to quickly identify your editor PolacodePolacode is an extension of VS Code which can take screenshots of your code The extension generates a screenshot with the same style and theme as its source Writing has always been my passion and it gives me pleasure to help and inspire people If you have any questions feel free to reach out Connect me on Twitter LinkedIn and GitHub Visit my Blog for more articles like this	2023-05-16 16:28:43
海外TECH	DEV Community	The Upstream agenda is out, and it's 🔥	https://dev.to/tidelift/the-upstream-agenda-is-out-and-its-1cin	The Upstream agenda is out and it x s It s happening The first pass at the Upstream agenda is out and we hope you re ready for an action packed day If you haven t already marked June on your calendars you should do it now RSVP here The first U S based registrants get a free shirt don t wait This year s theme is the accidental supply chain and we can t wait to hear what the speakers have in store for you regarding this topic and others important to open source Here s a preview of the day Luis Villa Tidelift co founder will kick off the day by introducing the accidental supply chain themeーand give us some ideas for how the open source community can make it a little less well accidental Nithya Ruff head of the open source program office at AWS will discuss how we live in this world of unintended relationships between supplier and consumer and who is responsible for making it work for both Allan Friedman senior advisor and strategist at the U S Cybersecurity and Infrastructure Security Agency will share a unique perspective as someone within the agency responsible for strengthening cybersecurity and infrastructure protection Julia Ferraioli co founder of Open Source Stories will discuss how the sustainability and supply chain conversations oftentimes leave out a critical factor in the equation the people and social systems without which there would be no open source Mike Milinkovich executive director of the Eclipse Foundation will discuss how well meaning attempts to regulate the global open source phenomenon run the risk of killing the very thing that made it successful in the first place Taylor Fairbank Director of Growth at Distributive Aid will tell the tale of his accidental supply chain describing how he went from OSS maintainer to humanitarian aid worker Jose Palafox Strategic Application Security Executive at GitHub will share ways to secure your open source project on Github com And tons more talks from experts throughout the open source community Throughout the day we will hear directly from both the maintainers of the accidental supply chain and the consumers who depend on them We expect some fascinating discussion and can t wait to hang out with you all day Have you registered The first U S based registrants will get a free t shirt Inventory is very limited so register quickly	2023-05-16 16:28:01
海外TECH	DEV Community	What is GitOps?	https://dev.to/rwiteshbera/what-is-gitops-2imh	What is GitOps Continuous deployment is a software development strategy that automates the release of applications after changes in the codebase This process includes some predefined tests that must be successfully passed before the application is deployed Gitops is a set of practices to manage continuous deployment for cloud native applications automatically In other term instead of making manual changes to the infrastructure Gitops automates the process of deployment through the code and version control system The core idea of it is that the definition and desired state of the infrastructure should be stored in a git repository This repository acts as the single source of truth and helps in the application release after some subsequent updates AdvantagesMake the deployment process easier and faster in production Gitops has the entire history of the release If the production update goes down then it will help you to revert back to the previous environment As we are using git for version controlling we can roll back or forth changes at any time By using git every member of the team will have the ability to look at the changes made in the infrastructure This enables better communication among the team member while working with it Team members can easily take references from the past infrastructure for troubleshooting and debugging the application Gitops WorkflowGitops is an evolution of Infrastructure as code IaC Infrastructure as code means managing the infrastructure by code rather than relying on manual processes It means that the operational team doesn t need to manage the server and resources manually each time after deploying an app This IaC acts as a blueprint or template for the desired production environment Gitops follows a declarative approach which is a way of getting the desired state of the app after the release The developer team provides a high level description of the desired outcome in a configuration file and the system takes care of the necessary steps to make it happen Usually CI CD pipelines are automatically triggered after some external event In case of Gitops if a PR is merged then it will start its workflow Push based vs Pull based DeploymentsThe deployment process is done in two different ways Push base and Pull based Push based DeploymentThe push based deployment is implemented by two popular tools Jenkins and CircleCI The Git repository contains the application code along with yaml file for Kubernetes configuration Once an updated application code is pushed into the repository the build pipeline is triggered which builds the container images and starts the deployment process Pull based DeploymentThe pull based deployment uses the same strategy but in a different way In general a CI CD tool is only triggered after an external event For example when a new code is pushed With pull based deployment a new operator is introduced in the cluster to monitor and pull changes whenever there is a deviation between the actual state and the desired state of the infrastructure It continuously compares the environment repository and actual the state of deployed infrastructure Whenever a change is detected it updates the infrastructure to match the environment repository It also observes the image registry to find new versions of images to redeploy Overall GitOps is a way to manage your infrastructure code in a consistent and automated way which helps to reduce errors and increase efficiency for continuous deployment If you enjoyed reading this article please give it a like and consider sharing it with your colleagues and friends on social media Additionally you can follow me on Twitter and subscribe to my Newsletter for more updates Thank you for reading	2023-05-16 16:27:34
海外TECH	DEV Community	Tailwind CSS for Beginners: Build a Social Link Project	https://dev.to/coderamrin/tailwind-css-for-beginners-build-a-social-link-project-35j4	Tailwind CSS for Beginners Build a Social Link ProjectHello everyone welcome to the Tailwind for Beginners Tutorial In this tutorial we will go over the fundamentals of Tailwind CSS and we build a social link project So let s get started If you prefer video check it out here What is Tailwind Tailwind CSS is a utility first CSS library It offers tousands for utility classes You can build anything using these classes without leaving the Markup Tailwind offers all types of styles as utility classes For example flex grid margin padding colors and all the css property you can think of Now that you know that what Tailwind Css is let s explore how you can use it Tailwind Basics How does it work As we said before Tailwind CSS offers all types of styles as utility classes Here s a quick explanation of how it works and how to use it The Text StylesYou can style the text with Tailwind CSS classes you can increase the font sizes change the colors change the font weight and all the styles you can add with vanilla CSS Here s a quick example of a text styled with Tailwind CSS lt h class text xl font bold gt Thomas lt h gt This text has a font size of rem and a font weight of bold Adding SpacingIt s very easy to add spacing with Tailwind CSS You can add margin padding and border with Tailwind For padding you have to use the p class after that you have to prefix the side you want to add the padding to Here s an example lt div class pr gt Test lt div gt This div has a padding right of this way you can add padding or margin to all the sides You can learn more on Tailwind CSS docs Now that you got an idea of how Tailwind CSS works let s move on and build a simple social link project Build a Social Link ProjectWe are going to build a simple social link project In the end it ll look like this It s a simple project that includes all the social links and a short description of a developer To get started first of all we will have to setup a Tailwind CSS project with HTML You can follow this tutorial to setup a Tailwind CSS project So the project setup is done Now we are going to start building the project We ll start out by writing the HTML The HtmlThe HTML here includes Fontawesome CDN link and the compiled stylesheet we got after running the build command After that we got the Card Header which includes an avatar and a short description of the person And after that we got all the social links The social links has an icon and a name lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Social Links lt title gt lt link rel stylesheet href integrity sha iecdLmasklCVkqkXNQ ZH XLlvWZOJyjYytcenmpDypASozpmT EiPtmFIBZmdtAceNBvHH ZpiBw crossorigin anonymous referrerpolicy no referrer gt lt link rel stylesheet href dist output css gt lt head gt lt body gt lt div class gt lt div class card gt lt div class card header gt lt img src alt class gt lt h class gt Thomas lt h gt lt p gt Frontend Developer lt p gt lt div gt lt div class card links gt lt div class card item gt lt p class name gt Github lt p gt lt div class icon gt lt i class fa brands fa github gt lt i gt lt div gt lt div gt lt div class card item gt lt p class name gt Twitter lt p gt lt div class icon gt lt i class fa brands fa twitter gt lt i gt lt div gt lt div gt lt div class card item gt lt p class name gt Facebook lt p gt lt div class icon gt lt i class fa brands fa facebook f gt lt i gt lt div gt lt div gt lt div class card item gt lt p class name gt YouTube lt p gt lt div class icon gt lt i class fa brands fa youtube gt lt i gt lt div gt lt div gt lt div class card item gt lt p class name gt Email lt p gt lt div class icon gt lt i class fa regular fa envelope gt lt i gt lt div gt lt div gt lt div gt lt div gt lt div gt lt body gt lt html gt So the markup is done let s go ahead and add the stylings The StylesWe will start out by adding the background color to the body Which we will add using the Tailwind CSS apply directive Add this to your styles css file body apply bg gradient to r from cyan to blue After adding the background color we ll center the card horizontally and vertically And then we style the card header lt div class flex justify center items center h screen gt lt div class card bg white p rounded lg w gt lt div class card header text center pb gt lt img src alt image avatar class rounded full m auto gt lt h class text xl font bold gt Thomas lt h gt lt p gt Frontend Developer lt p gt lt div gt lt div gt Here we styled the card links It s not some fancy design we just added flex box to take them on the same line and added some padding and background color to make it look cool lt div class flex justify center items center h screen gt lt div class card links gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt Github lt p gt lt div class icon gt lt i class fa brands fa github gt lt i gt lt div gt lt div gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt Twitter lt p gt lt div class icon gt lt i class fa brands fa twitter gt lt i gt lt div gt lt div gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt Facebook lt p gt lt div class icon gt lt i class fa brands fa facebook f gt lt i gt lt div gt lt div gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt YouTube lt p gt lt div class icon gt lt i class fa brands fa youtube gt lt i gt lt div gt lt div gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt Email lt p gt lt div class icon gt lt i class fa regular fa envelope gt lt i gt lt div gt lt div gt lt div gt lt div gt lt div gt Here s all the code at once lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Social Links lt title gt lt link rel stylesheet href integrity sha iecdLmasklCVkqkXNQ ZH XLlvWZOJyjYytcenmpDypASozpmT EiPtmFIBZmdtAceNBvHH ZpiBw crossorigin anonymous referrerpolicy no referrer gt lt link rel stylesheet href dist output css gt lt head gt lt body gt lt div class flex justify center items center h screen gt lt div class card bg white p rounded lg w gt lt div class card header text center pb gt lt img src alt class rounded full m auto gt lt h class text xl font bold gt Thomas lt h gt lt p gt Frontend Developer lt p gt lt div gt lt div class card links gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt Github lt p gt lt div class icon gt lt i class fa brands fa github gt lt i gt lt div gt lt div gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt Twitter lt p gt lt div class icon gt lt i class fa brands fa twitter gt lt i gt lt div gt lt div gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt Facebook lt p gt lt div class icon gt lt i class fa brands fa facebook f gt lt i gt lt div gt lt div gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt YouTube lt p gt lt div class icon gt lt i class fa brands fa youtube gt lt i gt lt div gt lt div gt lt div class card item flex justify between bg gray px py rounded full mb hover bg blue hover scale duration cursor pointer gt lt p class name gt Email lt p gt lt div class icon gt lt i class fa regular fa envelope gt lt i gt lt div gt lt div gt lt div gt lt div gt lt div gt lt body gt lt html gt This is it we got a beautifully styled Social Link Project Now you can use it to show all your social link at once ConclusionIn this article we covered the fundamentals of Tailwind CSS and built a simple project with Tailwind Hope it was helpful If you want to read Tailwind CSS related tutorials and articles make sure to follow me Twitter YouTube coderamrinGithub Until next time happy coding	2023-05-16 16:18:39
海外TECH	DEV Community	Learn All 24 "CSS Viewport" Units💫	https://dev.to/arafat4693/learn-all-24-css-viewport-units-3cc9	Learn All quot CSS Viewport quot UnitsYou ve probably heard of the different units used in CSS but you may not have understood them all ーor at least one This is where I come in In this post I ll explain all CSS viewport units and their specific uses There are six different viewport units in CSS with three unique modifiers giving us combinations These viewport units can specify lengths as a proportion of the viewport size Main four viewport unitsThe central CSS viewport units are vw vh vmin and vmax Chances are you know these units as developers widely use them so I will try to be as brief as possible when explaining them vwvw stands for viewport width It is a unit of measurement that refers to the width of the viewport or the visible area of a web page One vw is equal to of the viewport width For example if you have a div element with a width of vw this means that the div will be of the width of the viewport If the viewport is pixels wide the div will be pixels wide Here s an example of how you can use vw in CSS my div width vw vhIn addition to vw you can also use vh which stands for viewport height to specify sizes based on the height of the viewport One vh is equal to of the viewport height For example my div height vh If your viewport height is px then this will set the height of the element with the class my div to px vmin and vmaxvmin stands for viewport minimum and vmax stands for viewport maximum These are units of measurement that refer to the smaller or larger dimension of the viewport respectively One vmin is equal to of the smaller dimension of the viewport either the width or the height whichever is smaller One vmax is equal to of the larger dimension of the viewport either the width or the height whichever is larger For example if you have a div element with a width of vmin this means that the div will be of the smaller dimension of the viewport If the viewport is pixels wide and pixels tall the div will be pixels wide of the smaller dimension which is the height Here s an example of how you can use vmin in CSS my div width vmin Similarly you can use vmax to specify sizes based on the larger dimension of the viewport For example my div width vmax This will set the width of the element with the class my div to of the larger dimension of the viewport Two New Viewport Units in CSSApart from the above four units CSS now defines two other viewport units vi and vb The main reason for this change is to make adopting different writing directions in the code easier For example your entire application changes direction from horizontal to vertical writing orientation In that case the idea of ​​top bottom or width height doesn t necessarily mean the same Because if you want to add padding top and bottom of your text This will be seen as left and right padding in vertical writing systems rather than top and bottom padding That s the reason CSS added vi and vb viewport units vivi stands for Viewport Inline of the viewport s size in the inline direction vi represents the inline direction of your document A horizontal writing direction corresponds with the width of your viewport and a vertical writing direction represents the height of your viewport The easy way to remember the approach is that it is in the same direction as your text Here is an example horizontal direction writing mode horizontal tb width vi Equals to vw vertical direction writing mode vertical lr height vi Equals to vh vbvb is the opposite of vi and stands for Viewport Block of the viewport s size in the block direction In a horizontal writing direction vi will correspond with the viewport height and in a vertical document this will represent the width of your viewport An easy to remember this unit is to remember that the block direction will always be the direction block elements two divs stack on top of one another Here is an example horizontal direction writing mode horizontal tb height vb Equals to vh vertical direction writing mode vertical lr width vb Equals to vw Viewport Unit ModifiersTill now I have explained the six main types of viewport units but you can add three different modifiers to these units to make them behave differently when your viewport is resizable These modifiers are s l and d To use a modifier you have to put the modifier after the number and before the unit eg svw giving us a total of four combinations for each of the six viewport units vh svh lvh and dvh If you don t use a unit modifier such as vw or vh the browser automatically defaults to one of the three modifiers depending on the browser implementation s modifierThe s modifier stands for Small and represents the smallest possible viewport For example when you browse the web on your phone you may notice that the header part where the URL and menu option lies disappears when you scroll down This happens because your viewport technically changed size since the header is no longer taking up part of your viewport For example setting an element to svh would take up of the screen s height based on the screen s size when the header is shown It does not matter if the header is visible or not This unit will always base its size on what the viewport would be if the header is showing l modifierThe l modifier stands for Large and represents the largest possible viewport You can think of l modifier as the opposite of the s modifier In our mobile phone example this would be the size of the viewport when the header is NOT shown For example setting an element to lvh would take up of the screen s height based on the screen s size when the header is not shown d modifierThe d modifier stands for Dynamic and represents the current viewport size precisely like a mixer of the s and l modifiers In our mobile phone example this would always be the size of the current viewport no matter if the header is showing or not If our URL bar is showing then the d modifier is the same size as the s modifier and if the header is NOT showing the d modifier is the same size as the l modifier ConclusionYou might find these units confusing and a lot but it is just six units with three relatively simple modifiers And most of the time you will always use the first four units that I have explained vw vh vmin vmax And the rest of the units are still in the draft stage which means they still need to be officially Visit ‍My Portfolio️My FiverrMy Github‍ ️My LinkedIn	2023-05-16 16:16:31
海外TECH	DEV Community	The Subtle Art of Hackathon Ideation	https://dev.to/appwrite/the-subtle-art-of-hackathon-ideation-1n99	The Subtle Art of Hackathon IdeationHackathons have been an immense part of my journey as a developer and a student providing me with some of the best growth opportunities I could have hoped for Participating in hackathons was immensely rewarding for me in terms of learning work output networking as well as the occasional prizes Yes I did have a few hackathon wins in my time and one thing I did notice to be common in every single one of those instances was the quality of the idea I chose to work on Ideating in a hackathon is critical however its significance can often be lost on hackers especially since not enough people discuss the importance and impact of ideation Therefore in this blog I will discuss why it is important to ideate in a hackathon and how you can make this process easier for yourself ‍What Is a Hackathon Before discussing the importance of ideation in a hackathon it is important to understand what a hackathon is in the first place Here is how I define a hackathon A hackathon is essentially a development marathon designed to push developers past the limits of their creativity imagination and technical know how to create innovative products and solutions Simply put a hackathon is a race to build the best solution to an externally provided or self decided problem within a given timeframe ️Flow Of A Hacker s JourneyTypically hackers go through a similar flow every time they participate in a hackathon They form a team ideate the problem and solution they want to focus on design their solution develop their project test whether it works and finish with a demonstration of the work How Does Ideation Fit In The Puzzle Ideation is a crucial part of the hackathon journey because the primary focus of a hackathon is to enable problem solving You aren t there just to write the best code but first to solve a problem that impacts people This includes choosing an important problem creating humanly usable UI UX developing functioning software and demonstrating how all of these come together in the final pitch In truth this flow is just like dominoes if an early domino like ideation falls the rest of the dominos fall too How To Start Ideating A Hackathon Project Now that we have discussed the importance of ideation for a hackathon project let s understand how exactly you should ideate at a hackathon Personally speaking I like to treat ideation as a step process They are as follows Step Pick a problem you personally relate withThe first step is to choose a problem that may have impacted you or is one you care about The reason I say so is because emotional connections can be major motivators and keep us committed This substantially improves your chances of seeing your project through till the end as well as ensuring focus throughout Step Understand the scale of your problem in your surroundingsOnce you have picked a problem you care about the next step is to evaluate how many more people this problem affects This can be achieved by performing online research discussing on social media or more substantial user research The higher the scale of your problem is the more value your solution will hold Step Evaluate potential solutions to this problemOnce your problem is picked it is necessary to brainstorm how you will solve it Each problem will have multiple ways to navigate You want to ensure you place all possible ideas on the table before starting to build and discard ones that don t make sense If you don t do this you may discover halfway along the hackathon that your method to solve the problem is not ideal which only leads to a lot of wasted time Step Choose the most self sustainable solutionOnce you have sifted through your potential solutions make sure to pick one that can sustain itself rather than be dependent on people or systems you don t already have access Remember you are aiming to build a solution at the end of the day not just infrastructure for a process or a system that may or may not be possible to execute If you can pick a solution that can run on its own to a problem that has a wide scale you pretty much hold a golden egg in your hands for the hackathon world ConclusionOne of the most important parts of that journey was working to solve problems that were important to me rather than focusing on problems imposed by other individuals or circumstances Hackathons are very special spaces that let you create real solutions to real problems in a safe environment As long as you spend that time learning and growing while working on problems you care about you will go a lot further than you can possibly imagine	2023-05-16 16:15:15
海外TECH	DEV Community	Meet DNAI: A ML-Based Analysis of DNA	https://dev.to/dnanalyzer/meet-dnai-a-ml-based-analysis-of-dna-3n8e	Meet DNAI A ML Based Analysis of DNAToday we are proud to introduce DNA I a groundbreaking open source project that brings the power of machine learning to DNA analysis DNAnalyzer is the first and only tool that lets you explore understand and discover the secrets of your DNA sequences with ease and elegance DNAnalyzer is built on DNA I a revolutionary ML based framework that can reveal the hidden patterns and properties of DNA sequences such as gene expression methylation transcription factors and more DNA I uses cutting edge deep learning models and techniques to learn from massive genomic data and generate stunning insights DNA I can also do amazing things like sequence alignment motif discovery and annotation DNA I is designed to be flexible and modular so you can tailor your analysis pipelines and integrate your own data sources Some of the amazing features of DNAnalyzer v beta are A beautiful and intuitive graphical user interface GUI that lets you easily upload your DNA sequences choose the analysis options and see the results in gorgeous visualizations A powerful command line interface CLI that gives you more control and functionality for those who love to work in a terminal environment A rich collection of pre trained models and datasets that cover a wide range of DNA analysis tasks such as gene expression prediction methylation detection transcription factor binding site identification and more A comprehensive documentation that guides you through how to install use and extend DNAnalyzer and DNA I A community forum where you can connect with other users ask questions share feedback report issues and contribute to the development of the project We believe that DNAnalyzer will be an invaluable and delightful resource for researchers students educators and enthusiasts who want to explore the fascinating world of DNA We welcome any suggestions comments or contributions that can help us make our project better and more accessible and beneficial for everyone To download the new DNAnalyzer please visit our GitHub repository To learn more about DNA I and how it works please read our upcoming research paper releasing on A ML Based Analysis of DNAAs always thank you for your support and interest in DNAnalyzer	2023-05-16 16:13:52
Apple	AppleInsider - Frontpage News	Third ex-Apple engineer charged over Apple Car technology theft	https://appleinsider.com/articles/23/05/16/third-ex-apple-engineer-charged-over-apple-car-technology-theft?utm_medium=rss	Third ex Apple engineer charged over Apple Car technology theftThe Department of Justice has charged a third ex engineer over the alleged theft of self driving car tech in after the engineer tried to hand Apple s trade secrets over to a Chinese autonomous driving tech company Apple s self driving vehicle testbedAnnounced on Tuesday the DoJ revealed it had filed charges at the U S District Court for the Northern District of California in San Francisco against Weibao Wang on April Wang stands accused of the theft and the attempt at taking Apple s entire autonomy source code tracking systems behavior planning systems and system hardware descriptions Read more	2023-05-16 16:56:17
Apple	AppleInsider - Frontpage News	iPhone 16 Pro screens rumored to be larger than iPhone 15 Pro to fit periscope lenses	https://appleinsider.com/articles/23/05/16/iphone-16-pro-screens-rumored-to-be-larger-than-iphone-15-pro-to-fit-periscope-lenses?utm_medium=rss	iPhone Pro screens rumored to be larger than iPhone Pro to fit periscope lensesAnother leaker has claimed Apple will be making the Pro models of the iPhone collection a bit larger than earlier models all to create space for the periscope lens iPhone ProApple s iPhone Pro models are anticipated to include the periscope lens in both the Pro and Pro Max variants while only the Pro Max is expected to have it in the iPhone generation To get the camera system to fit Apple needs to make more room and that s done by increasing the physical size of the devices Read more	2023-05-16 16:11:23
海外TECH	Engadget	TikTok opens a $6 million fund to pay creators of popular AR effects	https://www.engadget.com/tiktok-opens-a-6-million-fund-to-pay-creators-of-popular-ar-effects-163005838.html?src=rss	TikTok opens a million fund to pay creators of popular AR effectsTikTok creators who whip up popular effects will soon be rewarded as the platform has set up a new fund for them Through the Effect Creator Rewards fund the platform will pay those who create widely used augmented reality effects using TikTok s Effect House tool At the outset the fund will only be available in a few countries TikTok confirmed to TechCrunch that the eligible territories are the US UK France Germany Italy and Spain Payouts from the million fund are based on engagement but at the outset effects will need to meet quite a high threshold before creators are eligible to make money from them For the time being creators will earn for each effect that s used in unique videos within days of being published For every videos posted with the effect within the same period the creator will earn That s a high bar to meet for a relatively small payment Although TikTok has other programs designed to reward creators such as the billion creator fund those who are making content for the platform have complained about low payouts Early last year Hank Green estimated that he was making around cents for every views on TikTok Other prominent creators including YouTube megastar Mr Beast posted evidence of their paltry TikTok earnings Seemingly to address those complaints TikTok recently overhauled the creator fund with an initiative called the Creativity Program The aim TikTok said is to offer creators quot higher average gross revenue for qualified video views quot The program is available in the US France and Brazil for now This article originally appeared on Engadget at	2023-05-16 16:30:05
海外TECH	Engadget	Meta’s paid verification system comes to the UK	https://www.engadget.com/metas-paid-verification-system-comes-to-the-uk-162523922.html?src=rss	Meta s paid verification system comes to the UKMeta just increased availability of its paid verification system bringing the program to the UK To the uninitiated buying into Meta s new program gives you a blue verification badge on Facebook and Instagram to indicate you are who you say you are It s sort of like modern Twitter blue checks Buying into the feature also gets you “proactive impersonation protection and direct access to customer support In the USA this service costs to each month depending on how you sign up For UK residents it costs £ per month if you sign up on the web and £ per month if you sign up on an iOS or Android device The price disparity is to offset Apple and Google s store fees and is another nod to Twitter Unlike Twitter you need an official government ID to opt into the service You also have to be older than and have two factor authentication enabled Additionally verified users can t change their profile name photo username or date of birth without re starting the entire verification process This feature is still in the testing phase The beta version of this program begins rolling out for UK users today but it s a tiered release so it could take a few weeks before reaching your account So far Meta has tested its verification system in the US Australia New Zealand and now the UK The company promises to expand the feature set as testing continues stating that it ll “continue to explore additional elements that create the most value for emerging creators This article originally appeared on Engadget at	2023-05-16 16:25:23
海外TECH	Engadget	After layoffs and an AI scandal, CNET's staff is unionizing	https://www.engadget.com/after-layoffs-and-an-ai-scandal-cnets-staff-are-unionizing-161508890.html?src=rss	After layoffs and an AI scandal CNET x s staff is unionizingCNET the venerable tech site which began publication nearly years ago has become the latest digital media company whose staff have chosen to band together and demand more The CNET Media Worker s Union CMWU today sent a letter to Red Ventures the private equity concern which purchased CNET in seeking recognition of a bargaining unit of nearly workers including editors writers and video producers According to CMWU a supermajority of those in the unit signed union authorization cards Like the overwhelming majority of other organized digital publications the workers who make up CMWU are responding in large part to an increasingly hostile financial climate in the industry CNET has not been spared the same tumult that has led to the shuttering of Buzzfeed News and VICE s decision to file for bankruptcy the company went through three brutal rounds of layoffs over recent months the most recent of which stripped approximately a dozen staffers from the masthead quot We lost a lot of really great reporters quot Laura Michelle Davis an editor with CNET and organizing committee member told Engadget According to Davis that sense of uncertainty led to a number of voluntary departures but also to the surviving staff choosing to organize Despite those cuts according to the union s statement sent to management today staff have continue to be quot subjected to ongoing restructuring cost cutting austerity measures shifting job roles and promotion freezes quot nbsp CMWU has also organized around what it feels is a quot blurring of editorial and monetization strategies quot and a lack of transparency around among other things the use of artificial intelligence While it was apparently not a key factor in beginning the union drive CNET was the subject of a fairly public scandal recently when it was revealed by Futurism both to the public at large and allegedly to the staff itself that the site had begun publishing content written by AI without any form of authorship disclosure Over half of those machine generated stories were eventually appended with corrections for factual errors and CNET later issued something like an apology nbsp nbsp The unit is represented by the Writer s Guild of America East which has helped organize sites including Vox HuffPost and The Onion Screenwriters from the union s sister organization the Writer s Guild of America have now been on strike for two weeks over a variety of disputes with the Alliance of Motion Picture and Television Producers among which also has been the use of AI in content production Disclosure I was a member of the WGA E and served on the bargaining committee for Gizmodo Media Group during my tenure there While the contours of whatever contract CMWU may eventually bargain with Red Ventures are still to be decided the bargaining unit will be looking to substantially similar wins in digital media as a guide We ve reached out to Red Ventures for comment and will update if we hear back CMWU s organizing statement follows below nbsp CNET has been a trusted authority for original reporting helpful explainers and honest advice for nearly years We writers editors video producers designers and other content creators are committed to CNET s future as a reputable source for tech reviews news and commerce That s why an overwhelming majority of us have formed the CNET Media Workers Union affiliated with the Writers Guild of America East We are confident that our collective efforts will allow us to better serve our audience and make a more collaborative workplace The digital media landscape is transforming rapidly In this time of instability our diverse content teams need industry standard job protections fair compensation editorial independence and a voice in the decision making process especially as automated technology threatens our jobs and reputations A union will help us adapt to new business strategies while establishing high journalistic standards and practices Since Red Ventures acquired CNET in fall CNET media workers have been subjected to ongoing restructuring cost cutting austerity measures shifting job roles and promotion freezes In the past year three major rounds of layoffs have deeply impacted our reporting and our teams Red Ventures cut senior editorial positions eliminated the Roadshow cars section drastically slashed our video team gutted our news division and shut down science and culture coverage These unilateral overhauls created low morale and unease resulting in a wave of resignations and talent attrition We face a lack of transparency and accountability from management around performance evaluations sponsored content and plans for artificial intelligence We are concerned about the blurring of editorial and monetization strategies By unionizing we re joining our peers at other digital media sites who have won security and benefits through negotiating unit wide contracts We feel that a union is the only way to guarantee job protections defend editorial integrity and ensure standard cost of living raises as well as fair severance packages A union would give us a voice on new AI and marketing initiatives and allow us to safeguard our workloads bylines and careers We look forward to bringing together our largely remote and siloed teams in this effort We are a passionate and loyal community of hard workers and our rights should be enshrined and respected We ask Red Ventures to recognize our union in a timely manner so we can begin the contract negotiation process CNET Media Workers UnionOrganizing within tech I d like to hear about it Tip me at avery engadget com or message me on Signal at This article originally appeared on Engadget at	2023-05-16 16:13:18
海外TECH	Engadget	Pocket users can now create multiple collections of articles, videos and websites	https://www.engadget.com/pocket-users-can-now-create-multiple-collections-of-articles-videos-and-websites-160043227.html?src=rss	Pocket users can now create multiple collections of articles videos and websitesRead it later service Pocket has unveiled some new features including the option to create private lists of saved articles videos and websites Pocket Lists are only available in the US on the web for now but the feature will be available globally starting next month and on mobile later this year You ll be able to create multiple lists with titles and descriptions In the near future you ll have the option to add several items to a list at once and attach notes to help you remember why an item is there Later this year Pocket will roll out the option to publish lists and share them with other users The Pocket team suggests that you might set up lists for things like recipes trip planning or simply stuff that puts a smile on your face for whenever you need it This is a handy update from Pocket particularly for those who like to keep things organized You might think of it as a bit like having bookmark folders in Pocket or a different place to save Pinterest style collections Elsewhere Pocket has built a new version of its iOS app with the aim of rolling out features more rapidly ーthe plan is to release updates every two weeks You ll need to be on at least iOS to use the latest app which offers personalized recommendations and a more streamlined user interface Pocket says The My List tab is now called Saves and it will offer access to features such as search tagged items favorites and a way to listen to audio versions of articles all in one place One other handy update means that you ll be able to swiftly archive items with a swipe On Android there s a very welcome update rolling out today Pocket will now save log in credentials for websites you ve saved stuff from so you ll no longer need to sign in every time you visit them While in article view you ll be able to move between saved items using Previous and Next buttons Pocket which Mozilla bought back in added that it has removed some features The team plans to bring back some of those within a few months such as the option to highlight articles Other features are gone for good however including the ability to recommend items to other users which has been removed in favor of lists To that end here s hoping Pocket rolls out the option to share lists fairly swiftly This article originally appeared on Engadget at	2023-05-16 16:00:43
海外科学	NYT > Science	In Search of an Antidote for Poisonous Mushrooms	https://www.nytimes.com/2023/05/16/science/death-cap-mushroom.html	lethal	2023-05-16 16:22:06
金融	金融庁ホームページ	証券監督者国際機構（IOSCO）による「リテール投資家の最近の動向とコンダクト上の影響に関する最終報告書」について掲載しました。	https://www.fsa.go.jp/inter/ios/20230516-1/20230516-1.html	iosco	2023-05-16 17:00:00
ニュース	BBC News - Home	Children in England ranked fourth globally for reading	https://www.bbc.co.uk/news/education-65610397?at_medium=RSS&at_campaign=KARANGA	covid	2023-05-16 16:20:10
ニュース	BBC News - Home	School-absence fines make problem worse, MPs told	https://www.bbc.co.uk/news/education-65612915?at_medium=RSS&at_campaign=KARANGA	government	2023-05-16 16:36:06
ニュース	BBC News - Home	Julian Knight: Police to investigate MP accused of sexual assault	https://www.bbc.co.uk/news/uk-politics-65608678?at_medium=RSS&at_campaign=KARANGA	essex	2023-05-16 16:51:30
ニュース	BBC News - Home	Brigitte Macron's great-nephew beaten in apparently politically motivated assault	https://www.bbc.co.uk/news/world-europe-65613894?at_medium=RSS&at_campaign=KARANGA	macron	2023-05-16 16:25:56
ニュース	BBC News - Home	Nurses strike because patients are dying - RCN union boss Pat Cullen	https://www.bbc.co.uk/news/health-65611774?at_medium=RSS&at_campaign=KARANGA	cullenunion	2023-05-16 16:17:44
ニュース	BBC News - Home	Folarin Balogun: Arsenal forward switches to USA from England	https://www.bbc.co.uk/sport/football/65614237?at_medium=RSS&at_campaign=KARANGA	allegiance	2023-05-16 16:05:58