投稿時間:2023-04-23 20:12:47 RSSフィード2023-04-23 20:00 分まとめ(15件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Techable（テッカブル）	家庭用見守りロボット「cinnamon」に⾼齢者向けChat GPTが搭載、孤独感の解消となるか	https://techable.jp/archives/204138	cinnamon	2023-04-23 10:00:59
TECH	Techable（テッカブル）	「NVIDIA Jetson」シリーズに標準対応、エッジAIデバイス管理システム「SyncLect Edge AI DMS」	https://techable.jp/archives/203782	nvidiajets	2023-04-23 10:00:59
python	Pythonタグが付けられた新着投稿 - Qiita	Kivyからの挑戦状．Pongを改良しよう！	https://qiita.com/n_itsuki/items/ef654f61c12e27651f6c	記事	2023-04-23 19:14:43
Ruby	Rubyタグが付けられた新着投稿 - Qiita	ネットショップ作業の時短＆自動化で作ってみたいものアイデア（Qiita初投稿）	https://qiita.com/tomo178/items/9fdc6dcd77c42f7bccea	qiita	2023-04-23 19:53:45
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Ruby】標準入力をcase文で処理しようとしたらハマった話	https://qiita.com/mogeko6347/items/92033645011b2d299a79	課題	2023-04-23 19:28:02
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Ruby コンソールゲーム　BlackJack	https://qiita.com/gnash/items/739c0c2fcc41a8987c00	blackjackruby	2023-04-23 19:26:15
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rubynのインストールの方法	https://qiita.com/masaru30/items/e1fb258b47ab0625b351	rubyn	2023-04-23 19:09:53
Docker	dockerタグが付けられた新着投稿 - Qiita	脆弱性診断及び各種テストを自動化する	https://qiita.com/he23inw3/items/9d575e8a8156c511cce3	詳細	2023-04-23 19:38:09
海外TECH	MakeUseOf	12 Ways You Can Still Use Your Old iPad	https://www.makeuseof.com/tag/can-still-ipad-2/	ebook	2023-04-23 10:15:16
海外TECH	DEV Community	Best 3 Bootstrap Alternatives	https://dev.to/badbatunde/best-3-bootstrap-alternatives-4mgm	Best Bootstrap AlternativesBootstrap is a free and open source front end framework developed in the mid by a designer and a developer at Twitter that provides a set of tools and resources for building responsive mobile first websites and web applications It is one of the most popular CSS frameworks used by web developers around the globe Before Bootstrap became an open sourced front end framework it was then referred to as Twitter Blueprint Bootstrap was initially released on th August it currently has a stable release Bootstrap released on the nd of November You can also visit the Bootstrap website and GitHub repository which currently has garnered over k likes and has been forked over k times by developers Installing BootstrapBootstrap provides various ways to quickly get started each one with a different procedure skill level and use case The top ways to get started with Bootstrap are Download Bootstrap One of the best ways to get started with using Bootstrap in your project is to download it and get the required files for your project The latest version of Bootstrap can be downloaded from their website CDN via jsDelivr If you will prefer not to download Bootstrap you can add Bootstrap to your project via Content Delivery Network CDN lt link href dist css bootstrap min css rel stylesheet integrity sha BmEkWBqiYhFldvKuhfTAUauUtTWrHftjDbrCEXSUoBoqylQvZjIW crossorigin anonymous gt lt script src dist js bootstrap bundle min js integrity sha kaSkGlngmtzMlQnikTwXgYsOg OMhuP IlRHsENBOLRnq nbTov p crossorigin anonymous gt lt script gt Package Managers Another option to pull Bootstrap source files into your projects is to use some of the most popular package managers npm npm install bootstrapyarn yarn add bootstrap Pros Bootstrap is one of the most used CSS frameworks among web developers around the world This is because it provides relevant solutions to problems faced by these developers Some notable benefits of Bootstrap are Responsive and Consistent DesignsIt provides components e g grids that allow developers to create a responsive website and web app that are visually appealing to users both on large screens and smaller screens easily and also to ensure consistency of designs Community Docs and Access To SupportBootstrap provides detailed docs that give information about the usage and updates Thousands of developers around the globe use Bootstrap in their projects and the open source community provides the necessary support CustomizableBootstrap ensures customization through its source Sass files color color modes CSS variables components options and optimization Cons Bootstrap like every other good thing has its downside Some of these are listed below Requires Coding SkillsBootstrap is a coding tool therefore it requires coding skills to use it effectively This therefore makes it difficult for non developers with no prior coding skills to make use of it Websites look similarAnother popular demerit of Bootstrap is the idea that most of the websites built with it look similar and this makes it easy to identify websites built with Bootstrap Alternatives To BootstrapIn there are numerous alternatives to Bootstrap that developers use in their projects to get their desired outcome This article focuses on the three top alternatives based on usage popularity community and preference TailwindCSSTailwind CSS is an open source and utility first CSS framework that provides a set of pre defined classes that you can use to style your web pages quickly and efficiently unlike other CSS frameworks like Bootstrap which comes with pre designed components Tailwind CSS focuses on providing low level utility classes that can be used to build custom designs without having to write custom CSS It was built by developers at Tailwind Labs with CSS You can also visit the Tailwind CSS website and GitHub repository which currently has garnered over k likes and has been forked over k times by developers Getting Started with Tailwind CSSTailwind CSS provides a large number of utility classes that cover a wide range of design needs including typography spacing layout and more The framework provides a few different ways to get started Tailwind CLIThe Tailwind Command Line Interface CLI tool provides the easiest and quickest way to get started and work with TailwindCSS from scratch This download requires the prior installation of Node js and npm npm install D tailwindcssnpx tailwindcss initPostCSSTailwindCSS can also be installed as a PostCSS plugin which provides the easiest way to integrate it with other build tools npm install D tailwindcss postcss autoprefixernpx tailwindcss initPlay CDNYou can also use TailwindCSS right in the browser without any build step this is specifically designed for development purposes alone and not the best choice for production purposes lt head gt lt script src gt lt script gt lt head gt ProsThe key idea behind Tailwind CSS is that instead of writing CSS from scratch you can simply add pre defined classes to your HTML markup Some major benefits of using TailwindCSS are SpeedTailwindCSS can help speed up your development process by reducing the amount of custom CSS you need to write Consistency and MaintainabilitySince all the styles provided in TailwindCSS are defined in pre existing classes it can help ensure consistency and maintainability across your codebase Responsive DesignTailwindCSS provides utility classes that make websites and web pages be viewed on different devices with different resolutions e g laptops mobile phones and iPads Customizable and Community SupportTailwindCSS is highly customizable as it provides core concepts such as hover focus and other states reusable styling and functions and directives ConsTailwindCSS provides amazing benefits to developers but it s not an all rounder as it poses some demerits some of which are Ugly HTMLThe addition of multiple utility classes to the HTML file can sometimes look ugly and might have just posed the question Why not just use inline CSS styling Coding Skills and Installation ProcessIn order to properly use TailwindCSS you need to be familiar with the usage of custom CSS and you also need to run the installation process that generates the CSS which may be time consuming and require additional cost Increases HTML FilesSince you do not have to write your own CSS rules but rather use the utility classes provided by TailwindCSS this makes the HTML file larger than usual MaterializeMaterialize CSS is a front end web development framework that is based on Google s Material Design guidelines It provides a set of CSS classes and JavaScript components that make it easier to create responsive and mobile friendly websites Materialize provides elements and components such as grids typography color and imagery that are visually pleasing Emphasis on different actions and components creates a visual guide for developers It is also called Material Design You can also visit the Materialize website and GitHub repository which currently has garnered over k likes and has been forked over k times by developers Installation of MaterializeJust like other CSS frameworks Materialize provides a variety of ways to install and get started with using the framework The major ways of getting started with Materialize are Download MaterializeYou can download Materialize to your computer based on your preference and expertise as it provides the standard version and the sass version which contains the source SCSS files CDNYou can also use Materialize right in the browser without any build steps lt link rel stylesheet href gt lt script src gt lt script gt NPMAnother option to pull Materialize source files into your projects is to install Materialize through the node package manager npm install materialize css next ProsMaterialize is a front end web development framework that makes use of classic principles of outstanding design along with innovation and technology Here are some of the pros of using Materialize Easy to UseMaterialize is a front end framework that provides easy to use syntax that makes it easy to implement designs and interactivity on websites and web pages Consistent and Responsive DesignMaterialize gives consistent design based on its guidelines and also makes it easier to create a responsive design on large and smaller screens because it provides a grid system and pre designed elements Community SupportMaterialize also possess a strong online community via their GitHub repository that allows getting answers to problems or bugs encountered ConsExplained in detail below are some downsides of Materialize and also contribute to factors to consider when choosing your CSS framework of choice Requires Coding SkillsMaterialize requires that users have some prior knowledge of coding and in some cases JavaScript as well which may not be suited for all users Large file sizeMaterialize requires that users have some prior knowledge of coding and in some cases JavaScript as well which may not be suited for all users Large file sizeMaterialize contains pre designed components that may result in a larger file size and can make load times slower for websites and web pages Customization is limitedEven though Materialize provides consistent designs their pre designed components might be limiting for users who may want to make further adjustments PricingMaterialize also has a monthly subscription which may cause additional costs for developers Custom CSSAlso referred to as CSS Pure CSS or Vanilla CSS Custom CSS is a style sheet language used to describe the presentation of a document written in HTML Hypertext Markup Language or XML eXtensible Markup Language Custom CSS is basically used to format the layout of a webpage or website CSS was developed by World Wide Web Consortium WC with its initial release on the th of December You can also visit the website for more insights Using Custom CSSYou can select from the below listed options to get started with using custom CSS in your projects Inline CSSYou can start using custom CSS by simply adding the style attribute to the HTML element that requires styling lt p style color blue gt An inline styling lt p gt Internal CSSThis entails defining the style for a single HTML page which is placed in the lt head gt section of the HTML page within a lt style gt tag External CSSThe external CSS can be used to provide style for many HTML pages To use this simply add a to the section of each HTML page lt head gt lt link rel stylesheet href styles css gt lt head gt ProsUsing custom CSS boasts several merits and some of which have been detailed below Better User Experience and Consistent DesignCustom CSS makes websites and webpages more interactive and appealing to the eye thereby improving user experience It also allows developers to ensure the style elements are used as appropriate across the web pages No Installation process is requiredThere is no prior installation required to get started with custom CSS unlike the frameworks Speed and Time SavingSince CSS enables you to use less code as you can repeat several styles across web pages this thereby enhances faster page speed and saves time Responsive DesignCustom CSS enables developers to build websites and web pages that are visually appealing on small screens as well as larger screens with the use of media queries ConsThere are a few demerits of using CSS It is imperative to have this at the back of your mind when building projects with custom CSS Some of these downsides are Coding KnowledgeCSS requires users to have prior coding experience as it has various properties and values that must be correctly understood and applied and CSS can be difficult to learn and master Time consuming and EffortLearning CSS requires a lot of time to learn and practice as well as a lot of effort to actually master its usage and functionality Confusion Due to LevelsFiguring out which CSS to learn can be quite confusing as there are various levels e g CSS and CSS which might confuse most beginners ConclusionThis article covers a detailed comparison between Bootstrap and other alternatives Tailwind CSS Materialize and Custom CSS you should be aware that there are other notable alternatives to Bootstrap that you can learn Learning Custom CSS is a basic requirement before proceeding to select a preferred CSS framework this is to ensure you have appropriate coding skills before moving ahead to frameworks Selecting a CSS framework to use in your project should be based on the use case development or production of such a project and sometimes might be based on personal preference Thank you for reading kindly share your feedback in the comment section and feel free to connect with me on GitHub Twitter and LinkedIn and see you at the next one cheers	2023-04-23 10:33:59
海外TECH	DEV Community	Manage IAM Access Key Of AWS Service Connection In Azure DevOps Pipeline	https://dev.to/aws-builders/manage-iam-access-key-of-aws-service-connection-in-azure-devops-pipeline-481k	Manage IAM Access Key Of AWS Service Connection In Azure DevOps Pipeline AbstractService Connection represents a Service Principal in Azure DevOps an identity which uses Headless authentication We create a connection from Azure Pipelines for external and remote services to execute tasks in a job Once you establish a connection you can view edit and add security to the service connection To make Azure DevOps ADO work with AWS services we install the plugin AWS Toolkit for Microsoft Azure DevOps which contains tasks you can use in build and release definitions in Azure DevOps to interact with AWS services Especially when ADO agent is not EC instances which can assume instance profile When we create a service connection with AWS type in ADO we need to create AWS account and fill out the Access key and credential key for the service connection to access AWS service It is recommended to rotate IAM access keys periodically as a security best practice In this blog post you will learn about how to create AWS service connection with the least privilege and security best practice and how to rotate the access key automatically using AWS serverless services such as AWS lambda Eventbridge rule and AWS Stepfunction Table Of ContentsAWS Step function overviewProcess flow detailTest the step functionConclusion Solution overview IAM access key is used by Azure DevOps pipeline to manage AWS development resources as well as some production resources so it should be rotated weekly And to reduce the impact towards the pipeline jobs we schedule this operation on Sunday The operation is orchestrated by AWS stepfunction which is ingested by lambda functions to handle rotating access keys store the access key in Secret Manager and update the new access key to Azure DevOps service connection AWS type finally send the result status to the slack channel The operation also requires ADO credentials such as personal access token PAT workspace URL and project ID which are stored in SSM parameter store Process flow detail Scheduled Eventbridge rule weekly trigger step function on SundayStep function executes the state machine which includesInvoke lambda function to create a new access key gt delete old one gt Update credential of new access key to secret managerInvoke lambda function to re create Azure DevOps service endpoint based on the new Access key and credential from the secret manager and PAT from parameter store Invoke lambda function to send slack message of result status Lambda function Rotate Access key and update to secret manager Source handler rotate access key pyThe functions requires IAM service role which has permission to Create Delete IAM Access key and put to secret manager Lambda function Send to slack Source handler send slack pyThe function require IAM service role which has permission to get Slack webhook URL from parameter store Lambda function Azure DevOps service connection Solution of creating Azure DevOps service connection Using lambda function but there are two ways for thisBuild lambda custom layer which contains Azure DevOps Python module to run Azure DevOps CLIBuild docker lambda container imageChallengesWhy do we have challenges here Big issue azure cli package could lose some weight At the time of writing this post installing or packaging azure cli takes more than GB size which is too big for the lambda function especially custom lambda layer has a limit of MB unzipped for the deployment zip fileFortunately there is a workaround to reduce the size of the docker image by just installing enough Azure cli librariesBuild lambda container image using codepipelineDockerfile which builds container image just about MB The lambda container image plays as azure CLI to run azure DevOps commandsFor CI build and automate deploy to lambda docker container image we use Codepipeline with the following stagesPull Source code for commit merge to masterTrigger codebuild with buildspec ymlWe can use azure DevOps Python api to write Python code for handling ADO service connection but using its wrapper tool such as Azure DevOps CLI is much more convenient so I write bash script run sh and use Python to execute it subprocess check call f export AZURE DevOps EXT PAT pat run sh access key cred shell True Test the step function Pre requisite You need to deploy pipeline stack first push code to codecommit so that it will trigger pipeline to deploy stacks and trigger build push update container imageLet s check the full diagramManually trigger start execution of the state machines to testFailed caseSuccess case gt Trigger a sample Azure DevOps pipeline which uses AWS resources to test ConclusionWe now have an automated way to weekly rotate AWS access key of Azure DevOps service connection Any failed state steps are alerted to slack with detail of which the failed step is and the error message You should aware that the simflexcloud d azure devops sfn rotate key task task does not include AWS Credential key in its Output due to security so it must get that value from the Secret ManagerReferences How to trim a container image that includes Azure CLIAWS IAM Key Rotation Vu Dao Follow AWSome Devops AWS Community Builder AWS SA ️CloudOpz ️ vumdao vumdao	2023-04-23 10:10:25
ニュース	BBC News - Home	Diane Abbott suspended as Labour MP after racism letter	https://www.bbc.co.uk/news/uk-politics-65365978?at_medium=RSS&at_campaign=KARANGA	labour	2023-04-23 10:53:40
ニュース	BBC News - Home	Ofsted boss defends inspection after teacher death	https://www.bbc.co.uk/news/uk-65365001?at_medium=RSS&at_campaign=KARANGA	doubt	2023-04-23 10:27:28
ニュース	BBC News - Home	Sudan fighting: Special forces airlift US diplomats from Sudan	https://www.bbc.co.uk/news/world-africa-65363586?at_medium=RSS&at_campaign=KARANGA	khartoum	2023-04-23 10:41:52
ニュース	BBC News - Home	London Marathon 2023: Marcel Hug and Madison de Rozario win wheelchair races	https://www.bbc.co.uk/sport/athletics/65364808?at_medium=RSS&at_campaign=KARANGA	London Marathon Marcel Hug and Madison de Rozario win wheelchair racesSwitzerland s Marcel Hug wins the men s wheelchair race in a new London Marathon record while Australia s Madison de Rozario triumphs in the women s wheelchair race	2023-04-23 10:45:13