投稿時間:2022-01-13 21:30:55 RSSフィード2022-01-13 21:00 分まとめ(36件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Amazon、｢Kindle本3点まとめて買うと さらに40％ポイント還元｣のセールを開催中 − 7万冊以上が対象	https://taisy0.com/2022/01/13/150742.html	amazon	2022-01-13 11:54:57
IT	気になる、記になる…	サンワサプライ、iPhone・iPadとPCで簡単にデータ転送ができるUSBメモリを発売	https://taisy0.com/2022/01/13/150738.html	iphone	2022-01-13 11:47:27
IT	ITmedia 総合記事一覧	[ITmedia News] YouTube広告からの商品購入でトラブルに……　親のネットの使い方にどう向き合うか	https://www.itmedia.co.jp/news/articles/2201/13/news200.html	itmedianewsyoutube	2022-01-13 20:30:00
TECH	Techable（テッカブル）	高圧洗浄機の使い手になったり、農家になったり。大まじめで面白いシミュレーションゲームの世界	https://techable.jp/archives/170982	大まじめ	2022-01-13 11:00:23
AWS	lambdaタグが付けられた新着投稿 - Qiita	RDS Proxyの挙動検証（lambda → RDS Proxy → RDS)	https://qiita.com/tatsukoni/items/0aa816aa16df25c85cd2	アイドルクライアントの接続タイムアウトを分に設定していると、接続数が元に戻る時間も分になるのかと思ったが、直で関連しているわけでもなさそう。	2022-01-13 20:33:36
python	Pythonタグが付けられた新着投稿 - Qiita	WindowsのPowerShellにTensorFlow-GPUを入れて動かした～い	https://qiita.com/oozzZZZZ/items/81e39fcdf62921d2f885	MicrosoftVisualC再頒布可能ファイルMicrosoftBuildToolsGPUに対応するドライバーのバージョンを確認NVIDIAドライブダウンロードサイトにアクセスし対応するドライバーを確認ドライバーのバージョンをメモドライバーを入れてない場合はダウンロードインストール対応するCUDAとcuDNNをチェックしてダウンロード先ほどメモったドライバーのバージョンから利用可能なCUDAToolkitのバージョンを確認するNVIDIACUDAToolkitReleaseNoteドライバーのバージョンより小さいバージョンに対応するCUDAのバージョンを確認するBuildfromsourceonWindows  TensorFlowここからGPUが利用可能であるCUDAのバージョンを起点として、構築するPythonCUDAcuDNNTensorFlowのバージョンを決定する今回→TensorFlowCudacuDNNPythonにしましたTensorFlowのインストールpipinstalltensorflowCUDAToolkitのインストーラーのダウンロードとインストールCUDAToolkitArchivecuDNNのダウンロードcuDNNArchiveforCUDAのバージョンに注意をダウンロードしたら中身を全部CProgramFilesNVIDIAGPUComputingToolkitCUDAvltバージョンgt内にコピペBazelのインストールChocolateyのインストールChocolateyで、まっさらWindowsに一気にソフトをインストールBazelのインストールchocoinstallbazelMSYSのインストールchocolateyでインストールすると楽ちんchocoinstallmsys終わり多分本家より気持ちかんたんにインストールできると思います。	2022-01-13 20:56:46
python	Pythonタグが付けられた新着投稿 - Qiita	TensorFlowでAlreadyExistsErrorがでた	https://qiita.com/oozzZZZZ/items/3728408c874bf97fc5f5	TensorFlowでAlreadyExistsErrorがでたエラー内容環境WindowsxPowerShellpythonTensorFlowCUDAcuDNNWindowsにTensorFlowGPU環境を構築し、学習を回そうとしたら次のエラーがでたtensorflowpythonframeworkerrorsimplAlreadyExistsErrorAnothermetricwiththesamenamealreadyexists同名のメトリクスを回読み込んでるよ的なやつ。	2022-01-13 20:20:30
Ruby	Rubyタグが付けられた新着投稿 - Qiita	確認ダイアログをBootstrapで見栄え良くする	https://qiita.com/c_lon/items/99c4c94f3d5c7385bae2	確認ダイアログをBootstrapで見栄え良くする前提・CRUD処理の実装はOK・Bootstorapが導入済みである開発環境RubyRailsBootstrap目標前後の記述は省略ltlinkto削除postpathpostmethoddeletedataconfirm削除しますかgt上記のように記述した時に出る削除確認ダイアログこれだとちょっと味気ないのでBootstrapを使ってこんな感じにしていきます。	2022-01-13 20:36:10
海外TECH	MakeUseOf	10 Reasons Why TikTok Is Actually Good	https://www.makeuseof.com/reasons-why-tiktok-is-actually-good/	fantastic	2022-01-13 11:30:12
海外TECH	MakeUseOf	iCloud Private Relay Not Available on Your iPhone? Here's Why	https://www.makeuseof.com/icloud-private-relay-not-available-iphone/	truth	2022-01-13 11:23:45
海外TECH	MakeUseOf	Why Apple's Privacy Policies May Have Cost Social Media Companies Billions of Dollars	https://www.makeuseof.com/apples-privacy-policies-may-cost-social-media-companies-billions-of-dollars/	Why Apple x s Privacy Policies May Have Cost Social Media Companies Billions of DollarsApple s focus on privacy is popular with its users but Facebook Snap and Twitter may be less keen if it affects their bottom lines	2022-01-13 11:15:12
海外TECH	DEV Community	My Tech Community Activity Timeline	https://dev.to/pwd9000/my-tech-community-activity-timeline-57lf	My Tech Community Activity Timeline Tech Community ContributionsWhen it comes to cloud technology I usually blog and go where my curiosity takes me covering topics on Microsoft Azure Azure DevOps and GitHub I enjoy creating technical content public speaking amp virtual meetups and love to share my knowledge in these areas with the tech community Here is a summary and timeline of my community activity speaking events and contributions Including events I will be presenting at in the near future Feel free to reach out to me if you would like me to speak at a community user group event conference or meetup UpcomingIf you like my content feel free to bookmark this page as it gets updated frequently to showcase any new content or upcoming events I will be attending DateActivityTypeTopic AreaTags Cloud Lunch and Learn Weekly Sessions Automate Azure Resource Decommissions using Azure Serverless Function App with tracking Public SpeakingAzure PowerShellAutomation Serverless FunctionApps Podcast Cloud Lunch and Learn Weekly Sessions Reusable GitHub workflows to automate tokensPublic SpeakingAzure PowerShell GitHubAutomation Security GitHubActions ServiceBus SecDevOps Podcast Cloud Lunch and Learn Weekly Sessions Automate password rotation with Github and AzurePublic SpeakingAzure GitHub PowerShellSecurity SecDevOps Automation Podcast DateActivityTypeTopic AreaTags DevCon Automate password rotation with Github and AzurePublic SpeakingGitHub PowerShellSecurity SecDevOps Automation Conference myNewsWrap SAP and Microsoft Episode Automate Azure Resource Decommissions with tracking PodcastAzure PowerShellAutomation Serverless FunctionApps Podcast Get email notifications from serverless Azure functions using SendGridBlog Website PostAzure PowerShellAutomation Serverless FunctionApps SendGrid Tutorial DateActivityTypeTopic AreaTags Automate Azure Resource Decommissions with tracking Blog Website PostAzure PowerShellAutomation Serverless FunctionApps Tutorial Festive Tech Calendar Automate password rotation with Github and AzurePublic SpeakingGitHub PowerShellSecurity SecDevOps Automation Conference GitHub Actions Hackathon Reusable workflows to automate tokensHackathonGitHubAutomation Security GitHubActions Automate Azure Service Bus SAS tokens with GithubBlog Website PostAzure GitHubAutomation Security GitHubActions ServiceBus SecDevOps Tutorial GitHub Actions Hackathon Automate Password Rotation using Github ActionsHackathonGitHubAutomation Security GitHubActions Upload Files to Azure Storage using a PowerShell Function AppBlog Website PostAzure PowerShellAutomation API Serverless FunctionApps Tutorial Terraform IaC Scanning with TrivyBlog Website PostAzure DevOpsTerraform Automation IaC SecDevOps Tutorial Terraform Complex Variable TypesBlog Website PostDevOpsTerraform Automation IaC Tutorial Create a PDF document from an Azure DevOps WikiBlog Website PostAzure DevOpsPipelines Automation Tutorial Azure Nibble Hosts File Generator using KQL for App ServicesBlog Website PostAzureKusto Monitoring Automation Tips DevOps Github service notifications using Azure Logic AppsBlog Website PostAzure Azure Devops GitHubServerless Monitoring Automation LogicApps Tutorial Github DevOps statusBlog Website PostAzure DevOps GitHubMonitoring Tips Dynamic terraform deployments using DevOps replace tokensBlog Website PostAzure DevOpsPipelines Terraform Automation IaC Tutorial Consume artifacts from a remote DevOps project pipelineBlog Website PostAzure DevOpsPipelines DevOps Tutorial Connect Terraform to Azure Devops Git Repos over SSHBlog Website PostAzure DevOpsTerraform IaC Automation Tutorial Azure Nibble How to get TcpPing on Linux Azure App ServiceBlog Website PostAzureAppServices Networking Tips Access internal APIm securely with Private Link ServiceBlog Website PostAzureSecurity APIm Networking Tutorial Protect secrets in Azure Functions using Key VaultBlog Website PostAzureSecurity Serverless FunctionApps Tutorial Restrict Azure DevOps PAT tokens with Azure AD policyBlog Website PostAzure DevOpsSecurity Tips Securing Azure Logic apps with Private EndpointsBlog Website PostAzureServerless Security LogicApps Networking Tutorial Power virtual machines ON or OFF using Azure functionsBlog Website PostAzure PowerShellServerless FunctionApps Automation Tutorial Automate Azure Role Based Access Control RBAC using GithubBlog Website PostGitHub PowerShellSecurity SecDevOps RBAC Automation Tutorial Automate password rotation with Github and AzureBlog Website PostGitHub PowerShellSecurity SecDevOps Automation Tutorial Automate Azure Role Based Access Control RBAC using DevOpsBlog Website PostAzure Devops PowerShellSecurity SecDevOps RBAC Automation Tutorial PowerShell Using Parameter SetsBlog Website PostPowerShellTutorial AuthorLike share follow me on GitHub Twitter LinkedIn ltag user id follow action button background color cbb important color important border color cbb important Marcel LFollow Cloud Solutions amp DevOps Architect	2022-01-13 11:34:23
海外TECH	DEV Community	Front-End Development Roadmap For 2022	https://dev.to/workshub/front-end-development-roadmap-for-2022-1149	Front End Development Roadmap For IntroductionFront end development involves using HTML CSS and JavaScript to build a client side application The client side of an online application is the visual part of a web application and also what a user interacts with when an application is opened colours fonts buttons navigations animations etc Front end development includes the user interface of an application Everything a user interacts with when a user visits a website such as a login or sign up page homepage contact page falls under the front end development term A front end developer is responsible for building and implementing the interface of a website or web application They build client side applications using web technologies such as HTML CSS and JavaScript In however front end development has gone beyond HTML CSS and JavaScript There are a lot of web technologies you need to learn to be able to excel as a front end developer this year This article will cover all you need to get started with front end development in Basic Terminal Usage Command line The terminal is an interface used to execute text commands and it gives you access to the underlying operating system Basic terminal usage is a skill all developers need regardless of their specialization Command line is very important so I strongly recommend you study more on how to use it The better you are with the command line the more efficient you will be as a front end developer Here are some resources to learn command line Command line crash course MDN web docs Getting Started with the Linux Command Line PluralsightLinux Command Line Basics UdacityLearn the Command Line in Terminal OpenclassroomsLearn the Command Line CodecademyCommand Line Crash Course Freecodecamp Git Version ControlGit is a version control system that enables developers to track changes in their project Git also helps developers collaborate as a team Git is needed among developers to ensure that there are no code conflicts between developers Here are some resources to learn Git Git Handbook Github guidesGit GitGit book GitAn introduction to Git FreecodecampVersion Control with Git UdacityGit amp GitHub Crash Course For Beginners Traversy mediaLearn Git In Minutes Colt SteeleGit and GitHub for Beginners Crash Course Freecodecamp GithubGitHub is a code hosting platform for software development GitHub lets teams work together on projects and it is also used for version control It can be used among teams to collaborate on a project For example a team of developers wants to build a web application and everyone is given a task that has to be updated daily while working on the project in this case Github helps them build a centralized repository where each team member can make updates or manage the code file or repository To get started sign up for GitHub Here are some resources to learn Github Github Guides Github guidesWhat is GitHub GithubGit and GitHub for Beginners Crash Course Freecodecamp Text Editor IDE Integrated development environment The text editor is where you will write your code Having the right text editor can improve your productivity There are a lot of IDE to pick from but let s look at a few Visual studio code visual studio code is the best IDE for front end development It works across all operating systems such as macOS Windows and Linux Visual studio code comes with a great deal of extension which helps in improving productivity as a front end developer Sublime text sublime text is also available on macOS Windows and Linux It is fast easy and flexible to use Atom Atom is an open source code editor for macOS Linux and Windows developed by Github with supports for plugins Web FundamentalsIt is important to understand how the web works before you start learning any technologies You should learn about things like What is the internet and how it worksHTTP HTTPSBrowsers and how they work Learn HTMLHTML stands for Hypertext Markup Language It is the markup language for building web pages it is also the building block of the web HTML is easy to learn and comprehend With just HTML you can build a basic website You need to learn the basics of HTML such as HTML Headings these are what you use to display titles or subtitles on your web pages It consists of lt h gt which is the most important heading and which is the least important HTML Forms HTML forms are used to collect data inputs such as username email contact details HTML Elements HTML elements define how web browsers will format and display content Content in the lt i gt tag will be displayed as italics content in the lt strong gt tag will be displayed as bold HTML Attributes HTML attributes provide additional information about the HTML elements For example the tag is used to embed an image in a web page the src attribute will be used to define the path where the image is located HTML layout HTML layout defines the different ways a website displays content It is advisable to use semantic HTML elements such as lt header gt lt nav gt lt section gt lt article gt lt footer gt because it clearly describes the element to the browser and developer Here are some resources to learn HTML HTML tutorial wschoolsHTML tutorial javaTpointHTML Full Course FreecodecampHTML Crash Course For Absolute Beginners Traversy Media Learn CSSCSS stands for Cascading Style Sheets It is the technology to learn after HTML It is used for styling our HTML For example we can use CSS to space our content colours fonts etc The basics of CSS you need to learn are CSS box model The CSS box model consists of the margin border padding and content The image below shows us the CSS box model CSS positioning CSS positioning helps you manipulate an element to different locations such as fixed relative absolute static sticky etc The image below shows us CSS positions CSS grid CSS grid is a two dimensional system with rows and columns CSS grid makes it easier to structure a web page without having to use floats CSS Flexbox Flexbox is a one dimensional system that allows us to choose between a row or a column as the main layout or structure of a web page CSS flexbox also makes it more flexible to structure a web page without having to use floats Responsive design and media queries Responsive design is the approach that an application should be built or designed with the user in mind irrespective of their environment such as screen size devices Responsive design is very important and should be in the mind of every developer when building a web application Media queries are useful when you want to modify your application to fit a device such as Desktops tablets and phones The image below illustrates how an application is viewed on different devices when built with responsive design CSS PreprocessorSass Sass stands for Syntactically Awesome Stylesheet According to the documentation Sass is a stylesheet language that s compiled to CSS It allows you to use variables nested rules mixins functions and more all with a fully CSS compatible syntax Sass helps keep large stylesheets well organized and makes it easy to share design within and across projects Less Less stands for Leaner Style Sheets is a backwards compatible language extension for CSS CSS FrameworksTailwind CSS According to the official documentation Tailwind CSS is a utility first CSS framework for rapidly building custom user interfaces Tailwind allows us to use inline styling and achieve incredible results without using a single line of CSS Bootstrap Bootstrap helps us build fast and responsive websites Foundation Foundation is a responsive front end framework that makes it easier to design responsive websites apps on any device Bulma Bulma is a CSS framework based on flexbox layout Here are some resources to learn CSS CSS tutorials wschoolsCSS Crash Course For Absolute Beginners Traversy MediaHTML amp CSS Development UdemyCSS Tutorial Zero to Hero FreecodecampSASS Tutorial wschoolsFlexbox CSS in minutes Traversy mediaCSS Grid Layout Crash Course Traversy mediaLess CSS PreProcessor TutorialTailwind CSS crash course Traversy mediaBootstrap wschoolFoundation Framework Crash Course Traversy mediaBulma CSS Framework Crash Course Traversy media Learn JavaScriptJavaScript is one of the most popular programming languages in the world It is the language of the web As a front end developer it is required you learn JavaScript JavaScript enables us to create dynamic content When you create your HTML structure and your style with your CSS JavaScript makes the website dynamic and alive Some of the basics of JavaScript you need to learn are JavaScript Syntax Every programming language has its own rules on how a program is written The syntax of JavaScript is the set of rules that determine how a program is written by a programmer and interpreted by a browser DOM Manipulation DOM stands for document objects model According to WC World Wide Web Consortium standard the DOM is a platform and language neutral interface that allows programs and scripts to dynamically access and update the content structure and style of a document The DOM is a representation of how the content of a web page is structured JavaScript manipulates the DOM by updating the content the style removing elements adding new elements Learn Fetch API API stands for Application Programming Interface An API is an intermediary that allows two applications to communicate with each other As a front end developer when building a web application chances are that you will have to work with external data such as Third party APIs fetch API allows browsers to make HTTP requests to a web server JavaScript Frameworks LibrariesAfter learning the basics of JavaScript you can pick any JavaScript framework of your choice But I highly recommend you pick Vuejs as it is more beginner friendly React According to the documentation a JavaScript library for building user interfaces React lets you create reusable components Vue Vuejs is an approachable versatile performant javascript framework that helps you create a maintainable and testable codebase Vuejs is also beginner friendly Angular According to the documentation Angular is an application design framework and development platform for creating efficient and sophisticated single page apps Svelte Svelte provides a different method for building web applications It helps developers build fast web pages and a great user interface Ember Ember allows developers to create a scalable single page application It includes everything you need to build a rich user interface that works on any device PREACT PREACT is an alternative to React but came with a Fast kB and the same modern API Here are some resources to learn JavaScript JavaScript Tutorial WschoolsLearn JavaScript FreecodecampJavaScript Tutorial for Beginners Programming with MoshJavaScript Tutorial for Beginners Clever programmersJavaScript Crash Course For Beginners Traversy mediaReact Tutorial ReactGetting started with Vue Vue GuideBuild An Ember js App Program with ErikGetting started with PREACT PREACT guideSvelte Crash Course Traversy mediaAngular Crash Course Traversy media Package managersA package manager is a tool that allows users to install update configure and manage software packages and product dependencies Examples of package managers are NPM and Yarn It is recommended you learn the basics of one of them AccessibilityWeb accessibility is the process of making your website usable by all people Web accessibility is an essential part of front end development It is important that as a front end developer you need to build web pages with accessibility in mind When you build with accessibility in mind there is no restriction to anyone People with disabilities slow networks visual impairments hearing impairments can have access to all the information on the website without obstructions or difficulties Here are some resources to learn more about Accessibility Web accessibility Udacity Introduction to Web Accessibility Class Central PerformanceAccording to MDN web performance is all about making websites fast including making slow processes seem fast One of the metrics that a good website web application should meet is fast page rendering Web performance refers to how long it takes for an application to be rendered in the browser as well as how responsive it is to user interaction For a better user experience it is recommended that developers adopt different web optimization techniques This includes using a Content Delivery Network CDN which is a strategically distributed web server that delivers contents to users based on location Another option is to use image compressing tools like imageOptim to reduce image sizes without compromising its quality Other methods to adopt include Use cache the whole idea about cache revolves around temporarily saving data and web pages to improve page performance It is advised that developers implement a cache in the best possible situations to increase site performance and overall user experience Cached data can be stored on local storage and retrieved when needed Minimize the number of HTTP requests that your application makes Load your CSS and JavaScript files asynchronously This will prevent the browser from waiting for any element that takes extra time to load It will instead proceed to other elements Remove junk and unwanted codes in your CSS and JavaScript files To get the exact performance data of your web application you can make use of any of the below listed tools Loadview LoadNinja NeoLoadAll of the above listed tools though with different unique features will serve you just right Testing Your AppsTesting involves scanning a piece of software for a potential bug during development During testing the tester performs an action on a piece of software while expecting a specific result Possible things to test in an application includes security functionality and ease of use amongst others Testing does not guarantee that a piece of software will function properly under any circumstance but it however provides us with information on how it could behave under certain conditions An example of a test tool to try out in your application is a Jest Jest is a framework used to create and run JavaScript tests for applications built with React Nodejs Angular TypeScript Vue and more It has grown in popularity over the years and has become one of the most used test tools Other testing tools and frameworks to try out include MochaPuppeteerJasmine Website DeploymentWith the knowledge gotten from HTML CSS and JavaScript you can build simple web pages using those technologies Most time after building it remains in our computer or Github repo and there is no way people can see what you built But with web deployments you can host your simple application on the internet It is super easy to do You can use tools like GitHub pages or Netlify ConclusionCongrats you have come to the end of the front end development roadmap for With the knowledge shared here you can easily build real time website applications Good luck For more resources like this don t hesitate to sign up to join our community of developers Originally written by AMAECHI AMARACHI for JavaScript Works	2022-01-13 11:27:28
海外TECH	DEV Community	How to build a Tailwind CSS pagination component with Flowbite	https://dev.to/themesberg/how-to-build-a-tailwind-css-pagination-component-with-flowbite-19mb	How to build a Tailwind CSS pagination component with FlowbiteTailwind CSS is one of the fastest growing frameworks and it is popular for its utility first methodology when working with classes One of the disadvantages of Tailwind CSS is that it doesn t offer a ready to use set of UI components like buttons navbars and modals and you have to build them from the ground up That is why I started a tutorial series to show you how to build the most commonly used UI components using Tailwind CSS and Flowbite Today I will show you how to build a pagination component Here s a preview of how it will look Let s get started Tailwind CSS paginationFirst of all we want to have the HTML tags ready so it s properly accessible We ll use a lt ul gt element for that lt nav aria label Page navigation example gt lt ul gt lt li gt lt a href gt Previous lt a gt lt li gt lt li gt lt a href gt lt a gt lt li gt lt li gt lt a href gt lt a gt lt li gt lt li gt lt a href gt lt a gt lt li gt lt li gt lt a href gt lt a gt lt li gt lt li gt lt a href gt lt a gt lt li gt lt li gt lt a href gt Next lt a gt lt li gt lt ul gt lt nav gt Now we should style the pagination elements and the links within using the utility classes from Tailwind CSS lt nav aria label Page navigation example gt lt ul class inline flex space x px gt lt li gt lt a href class py px ml leading tight text gray bg white rounded l lg border border gray gt Previous lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray gt lt a gt lt li gt lt li gt lt a href aria current page class py px text blue bg blue border border gray gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white rounded r lg border border gray gt Next lt a gt lt li gt lt ul gt lt nav gt Looking good Let s also add the hover state styles lt nav aria label Page navigation example gt lt ul class inline flex space x px gt lt li gt lt a href class py px ml leading tight text gray bg white rounded l lg border border gray hover bg gray hover text gray gt Previous lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray hover bg gray hover text gray gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray hover bg gray hover text gray gt lt a gt lt li gt lt li gt lt a href aria current page class py px text blue bg blue border border gray hover bg blue hover text blue gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray hover bg gray hover text gray gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray hover bg gray hover text gray gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white rounded r lg border border gray hover bg gray hover text gray gt Next lt a gt lt li gt lt ul gt lt nav gt Lastly let s also add the dark mode styles to this pagination component Check out this page to learn how to add dark mode to Tailwind CSS lt nav aria label Page navigation example gt lt ul class inline flex space x px gt lt li gt lt a href class py px ml leading tight text gray bg white rounded l lg border border gray hover bg gray hover text gray dark bg gray dark border gray dark text gray dark hover bg gray dark hover text white gt Previous lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray hover bg gray hover text gray dark bg gray dark border gray dark text gray dark hover bg gray dark hover text white gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray hover bg gray hover text gray dark bg gray dark border gray dark text gray dark hover bg gray dark hover text white gt lt a gt lt li gt lt li gt lt a href aria current page class py px text blue bg blue border border gray hover bg blue hover text blue dark border gray dark bg gray dark text white gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray hover bg gray hover text gray dark bg gray dark border gray dark text gray dark hover bg gray dark hover text white gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white border border gray hover bg gray hover text gray dark bg gray dark border gray dark text gray dark hover bg gray dark hover text white gt lt a gt lt li gt lt li gt lt a href class py px leading tight text gray bg white rounded r lg border border gray hover bg gray hover text gray dark bg gray dark border gray dark text gray dark hover bg gray dark hover text white gt Next lt a gt lt li gt lt ul gt lt nav gt Great job The pagination component should look like this when dark mode is enabled This Tailwind CSS pagination component is part of a larger and open source Tailwind CSS component library called Flowbite If you want to use more variants of the pagination component or browse other ones make sure to check out the documentation Flowbite Tailwind CSS components	2022-01-13 11:19:41
海外TECH	DEV Community	7 Top Metrics for Measuring Your Technical Debt🚀	https://dev.to/alexomeyer/8-top-metrics-for-measuring-your-technical-debt-5bnm	Top Metrics for Measuring Your Technical DebtHey dev to communityWe decided to look at the technical debt metrics and pick out the best tracking tools but we d be more than happy to learn from your experience too Share in the comments what technical debt process do you use in your team and what tools help you do that Now let s get started Much like running up bills on your credit card technical debt can easily get out of hand To avoid this happening you need to keep track of how much debt you re building up Technical debt metrics are designed to help you make sense of all the data you collect There are many different metrics to choose from nowadays and plenty of tools for recording the data In this post we re going to look at how they work and help you to choose the right metrics for your business Metrics for Measuring Your Technical DebtThe main reason why technical debt is so common is that many businesses don t even realise how much they have It s only when a company wants to add new functionality that the problems emerge To ensure you don t fall into the same trap it s a good idea to set up some technical debt metrics Notice we say “metrics in the plural There is no single data point that will give you an exact understanding of your technical debt Instead you will need to build a picture using a collection of metrics So which ones should you be prioritising Here are some of our favourites New Bugs vs Closed BugsHere s a nice easy one to start Every known bug is essentially a tiny sliver of technical debt If you want to know your total debt it s important for your engineers to keep a tally Assuming your engineers make a note of when bugs are fixed you can calculate how effectively you are managing your technical debt If new bugs are outnumbering closed bugs you need to make some changes Code QualityComplex code is a sure sign of growing technical debt At some point someone is going to have to unravel that mess Code quality is an aggregation of several metrics that quantify the overall quality and complexity of your code Cyclomatic complexityClass couplingLines of codeDepth of inheritanceWith each of these individual metrics you re aiming for the lowest possible score The same goes for the overall metric of code quality Cycle TimeAnother metric that is closely linked to code quality is cycle time In technical terms this measures the amount of time that passes between the first commit and deployment But when you re measuring technical debt you need to study the time it takes to make changes to existing code and to solve problems without using quick fixes If your engineers are spending hours fixing small bugs you know that there is some technical debt lurking in your code Code ChurnCode churn is a metric that counts the number of times a particular line has seen code deleted and replaced or rewritten When you are developing a new feature or working on a particular section of your product some churn is inevitable But after you have launched a new version and fixed the standout bugs code churn should start to diminish quite rapidly If you see high churn in any area of your code over a longer period of time it probably means that mistakes or quick fixes are being made with each iteration Code CoverageIn a sense the code coverage metric looks at the same issue from the opposite direction In this case you are measuring how much of your code is executed when you run your testing suite This gives you an indication of how efficiently your code has been written ーthe more lines that are unused the more likely it is that you have poorly written code A good target number here is Higher than this is to be commended while a lower score indicates work to be done Code OwnershipIn the culinary world it s often said that “too many cooks spoil the broth The same idea can be applied to software engineering If you get too many people working on the same tasks you can easily end up with a steaming pile of cruft That said you don t want only one engineer taking ownership of any entire project If they get sick or leave your organisation it s game over For this reason it s a good idea to analyse who has worked on which projects As part of the process you should count how many engineers have contributed to each project ーthis is your code coverage The average figure will reveal whether you have an efficient system for delegating tasks or a free for all The ideal situation is to have one complete team taking charge of each project Technical Debt Ratio TDR As the name implies this metric was designed specifically for calculating the overall future cost of technical debt This can be in terms of time or some other resource The equation is relatively simple Remediation Cost ÷Development Cost × TDRIn this case remediation cost can be calculated as a function of the code quality metrics mentioned above Development cost is a simple calculation of the number of lines of code required to build a product or feature divided by the average resources expended per line Put the two together in your TDR equation and you end up with a simple ratio that tells you how much time or how many resources you will need to spend on fixing problems In an ideal world your TDR would be around If you get to multiples of this figure it s long past time to start tackling your technical debt Bonus Front End Response TimeThe responsiveness of your front end isn t strictly about technical debt However this metric can act like a warning light If your front end takes a long time to load it is generally because you have over complicated code or outdated technology Both are important forms of technical debt The Best Tools for Measuring Technical DebtHopefully by now you should be starting to get an idea of what you need to measure in order to manage your technical debt All that remains is to decide which tools to use for the task Here are some of the standout options that will suit most projects StepsizeSpecifically designed for codebase issue tracking Stepsize helps you identify and highlight problems right inside your favourite editor The Stepsize VSCode or JetBrains editor extensions are totally free and will help you track your technical debt and measure your progress Because Stepsize integrates with Jira Asana Linear Azure DevOps and more you can adopt this app without radically changing your workflow Create amp view code issues directly from your editorTrack amp prioritise code improvements like technical debtAdd key issues to your sprints with issue trackers integrations SonarQubeRather than a complete solution for tracking technical debt SonarQube is a tool with a narrow focus The main purpose of this platform is measuring and improving code quality SonarQube highlights bugs and messy code through automatic analysis delivering numbers and grades that you can track over time TeamscaleThe best way to describe Teamscale is as the system profiler of your product This tool assesses the quality of your code and delivers the information through visualisations Teamscale can handle multiple metrics with the option to configure custom dashboards The platform also offers some quality management features although it lacks the annotated issue tracking and detailed technical debt analysis provided by Stepsize Velocity by Code ClimateBilled as an “engineering intelligence platform Velocity by Code Climate is primarily designed to help managers to improve workflows and assign resources It is not specifically designed for handling technical debt but there is some crossover Velocity pulls data from Jira and other DevOps tools to offer insights You can also run automatic code analysis and gather information through inline issue reporting JiraOne way to measure technical debt is by creating and monitoring the backlog within your chosen project management workflow If this is the approach you want to take Jira is an obvious option It doesn t provide any of the code analysis features of the apps mentioned above but it s a good platform for managing tasks ConclusionAs we have discovered there are many different ways to measure and manage technical debt If you are looking for an all in one solution Stepsize should definitely be on your shortlist Our platform is intuitive for engineers and powerful enough for managers to gain valuable insights ーfrom visualising code debt in dashboards to assessing the future impact on your roadmap Remember that all high growth software companies invariably take on technical debt But it s important to measure it and consistently clean up your code to allow your company to keep growing The article is originally posted by Mark Myerson on Managing technical debt blog	2022-01-13 11:03:33
海外TECH	DEV Community	Introducing Obsei	https://dev.to/lalitpagaria/introducing-obsei-56ma	Introducing ObseiDear Dev Community Allow me to introduce Obsei pronounced Ob see əb sē It is a low code AI powered automation tool Name was derived from three words OBServe AnalyzE Inform You can think of it as Zapier for cognitive automation tasks More specifically we closely resemble Levity which are doing great work toward no code ML automation Following GIF can give you an overview of Obsei s FeaturesApache License Permissible FOSS licenseLow Code YAML is all you needStateless Privacy and serverless friendlyGitHub Action Schedule workflow via GitHub Actions This might save you Zaps for few tasks BYOM Bring your own model via HuggingFace Hub Multi Mode Currently support text based workflow but future plan to support Image Audio OCR and Video as wellOur main idea is to provide less complex Lego pieces which can help less tech savvy people to build complex workflows with ease Currently companies are using Obsei for their use cases Superblog shared how Obsei help them to find more qualified sales leads on Twitter filtering relevant information via AI Tweet linkWe are bootstrapped small startup looking forward for community support and feedback to improve and making Obsei more useful Code is still in early stage and next months we will release more stable Beta version along with properly taking care of backward compatibility and breaking changes Refer important links Repo Walkthrough Video Youtube linkDemo UI Demo UI video Youtube link	2022-01-13 11:03:03
Apple	AppleInsider - Frontpage News	Firefox has stopped loading websites for some users, here's how to fix it	https://appleinsider.com/articles/22/01/13/firefox-has-stopped-loading-websites-for-some-users-heres-how-to-fix-it?utm_medium=rss	Firefox has stopped loading websites for some users here x s how to fix itUsers are reporting that Firefox on Mac and Windows now hangs indefinitely when trying to access any websites Fortunately there is a work around FirefoxThe issue first appeared to have been triggered by an overnight update to Firefox version However some users of older versions have subsequently reporting the same severe problem Read more	2022-01-13 11:14:50
海外TECH	Engadget	Google Meet's live translated captions start rolling out widely	https://www.engadget.com/google-meets-live-translated-captions-are-rolling-out-widely-112525981.html?src=rss	Google Meet x s live translated captions start rolling out widelyGoogle Meet has started rolling out live translated captions widely after testing the feature last year It works on web or mobile but is still fairly limited translating only English meetings to four languages French German Portuguese and Spanish quot Translated captions help make Google Meet video calls more inclusive and collaborative by removing language proficiency barriers quot Google wrote in a Workspace blog quot When meeting participants consume content in their preferred language this helps equalize information sharing learning and collaboration and ensures your meetings are as effective as possible for everyone quot nbsp GoogleThe feature is designed to be helpful for all hands or training meetings with teams located around the world It can also be helpful in education settings according to Google quot allowing educators to connect and interact with students parents and community stakeholders with diverse backgrounds quot nbsp To use the feature users need to switch on captions in settings and set it to English before toggling on translated captions underneath They can then choose one of the translated language options For more detailed information check Google Meet s translated captions help page nbsp Google first announced the feature at its I O developer s conference last year and Otter offers a similar service for Google Meet and Zoom Live translated captions are available for Google Workspace Business Plus Enterprise Standard Enterprise Plus the Teaching and Learning Upgrade and Google Workspace for Education Plus customers It s rolling out gradually as of yesterday so it could take up to days before you see it nbsp	2022-01-13 11:25:25
医療系	医療介護 CBnews	公立病院、「圏域全体で機能分担が必要」-全自病会長	https://www.cbnews.jp/news/entry/20220113204427	二次医療圏	2022-01-13 21:00:00
ニュース	BBC News - Home	Boris Johnson: Ministers rally round PM as he faces calls to quit	https://www.bbc.co.uk/news/uk-politics-59981882?at_medium=RSS&at_campaign=KARANGA	drinks	2022-01-13 11:42:59
ニュース	BBC News - Home	Jonathan Van-Tam to leave role as deputy chief medical officer	https://www.bbc.co.uk/news/uk-59979504?at_medium=RSS&at_campaign=KARANGA	briefings	2022-01-13 11:53:36
ニュース	BBC News - Home	Covid-19: France to relax travel rules from the UK	https://www.bbc.co.uk/news/world-europe-59977978?at_medium=RSS&at_campaign=KARANGA	france	2022-01-13 11:41:52
ニュース	BBC News - Home	6m people on hospital waiting lists in England	https://www.bbc.co.uk/news/health-59972628?at_medium=RSS&at_campaign=KARANGA	shows	2022-01-13 11:19:10
ニュース	BBC News - Home	Ovo Energy tells staff it will cut a quarter of its workforce	https://www.bbc.co.uk/news/business-59977152?at_medium=RSS&at_campaign=KARANGA	country	2022-01-13 11:45:59
ニュース	BBC News - Home	Tullamore killing was 'truly shocking crime' - Irish Justice Minister	https://www.bbc.co.uk/news/world-europe-59977432?at_medium=RSS&at_campaign=KARANGA	tullamore	2022-01-13 11:01:04
ニュース	BBC News - Home	Andy Murray reaches Sydney Tennis Classic semi-finals as David Goffin retires injured	https://www.bbc.co.uk/sport/tennis/59977556?at_medium=RSS&at_campaign=KARANGA	Andy Murray reaches Sydney Tennis Classic semi finals as David Goffin retires injuredAndy Murray books a semi final spot in Sydney as Belgian eighth seed David Goffin is forced to retire injured from their last eight match	2022-01-13 11:46:45
ニュース	BBC News - Home	World champion Crawford sues former promoter and accuses Arum of 'revolting racial bias'	https://www.bbc.co.uk/sport/boxing/59981499?at_medium=RSS&at_campaign=KARANGA	World champion Crawford sues former promoter and accuses Arum of x revolting racial bias x Terence Crawford is suing his former promoters Top Rank for damages and has accused veteran promoter Bob Arum of revolting racial bias towards black fighters	2022-01-13 11:35:00
ニュース	BBC News - Home	Omicron: What Covid tests do I need to travel abroad?	https://www.bbc.co.uk/news/explainers-52544307?at_medium=RSS&at_campaign=KARANGA	covid	2022-01-13 11:47:07
北海道	北海道新聞	ウーバー配達員、異例の起訴　自転車事故で業過致死罪	https://www.hokkaido-np.co.jp/article/633064/	東京地検	2022-01-13 20:17:00
北海道	北海道新聞	待機期間の短縮で専門家議論　政府、オミクロン感染拡大で検討	https://www.hokkaido-np.co.jp/article/633063/	感染拡大	2022-01-13 20:16:00
北海道	北海道新聞	バレー協会、嶋岡会長を解職　ビーチバレーの絡偽造問題で	https://www.hokkaido-np.co.jp/article/633061/	日本バレーボール協会	2022-01-13 20:12:00
北海道	北海道新聞	大阪で２４５２人感染　昨年９月以来の２千人超	https://www.hokkaido-np.co.jp/article/633060/	新型コロナウイルス	2022-01-13 20:12:00
北海道	北海道新聞	函館で感染再拡大「第６波到来の兆し」　今月１２人　オミクロン疑い強く	https://www.hokkaido-np.co.jp/article/633015/	函館市内	2022-01-13 20:11:30
北海道	北海道新聞	ドイツ、元シリア大佐に終身刑　４千人拷問、世界初の裁判	https://www.hokkaido-np.co.jp/article/633058/	裁判所	2022-01-13 20:04:00
IT	週刊アスキー	京セラ、販売停止のBALMUDA Phoneに修正アップデート　干渉ノイズが許容値を超える可能性に対応	https://weekly.ascii.jp/elem/000/004/080/4080256/	android	2022-01-13 20:10:00
海外TECH	reddit	if I quit my job which got me my visa to move here, can I remain in the country?	https://www.reddit.com/r/japanlife/comments/s2xfvw/if_i_quit_my_job_which_got_me_my_visa_to_move/	if I quit my job which got me my visa to move here can I remain in the country How do I know what sort of visa I have I don t recall what was on the paperwork as the company did everything Thanks submitted by u Ted Tidwell to r japanlife link comments	2022-01-13 11:33:08