投稿時間:2023-07-29 18:11:44 RSSフィード2023-07-29 18:00 分まとめ(16件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	Kaggleの無料データセットの確認 ~toyota_cars~	https://qiita.com/YujiMatsu/items/5c0d425f4d55a7010a98	osmacosdockerdesktop	2023-07-29 17:30:51
js	JavaScriptタグが付けられた新着投稿 - Qiita	未来を切り開く！JavaScript API 5選：初心者向けガイド	https://qiita.com/itinerant_programmer/items/c5f767db5dcde0c67cee	javascript	2023-07-29 17:50:29
js	JavaScriptタグが付けられた新着投稿 - Qiita	フロントエンド初心者が家計簿Webアプリを作ってみた【Vue.js+MySQL】	https://qiita.com/nate3870/items/97d3017d3d04a109c1bf	moneyfoward	2023-07-29 17:35:51
js	JavaScriptタグが付けられた新着投稿 - Qiita	初心者でも分かる！JavaScriptのgetElementByIdとReactのuseRefの違いと使い分け方	https://qiita.com/itinerant_programmer/items/f5e61a6e4203d13180fb	getelementbyid	2023-07-29 17:34:25
js	JavaScriptタグが付けられた新着投稿 - Qiita	React-hook-formとEmailJSで簡単にメールが送れるフォームを作ってみた	https://qiita.com/sotetu-79/items/c9290d8acbf24ce13bbb	emailjs	2023-07-29 17:16:37
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSのRHELのmanコマンドを日本語化する	https://qiita.com/kota3/items/536a6b087ce9216b3412	右クリック	2023-07-29 17:12:33
AWS	AWSタグが付けられた新着投稿 - Qiita	Patch Manager 本番・検証環境で時間を分けて自動パッチ適用をしてみた	https://qiita.com/sugimount-a/items/82210ea0b8e791c75688	awssystemsmanager	2023-07-29 17:03:01
Docker	dockerタグが付けられた新着投稿 - Qiita	フロントエンド初心者が家計簿Webアプリを作ってみた【Vue.js+MySQL】	https://qiita.com/nate3870/items/97d3017d3d04a109c1bf	moneyfoward	2023-07-29 17:35:51
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Pipelines 内から Azure CLI でプルリクを作ってみた	https://qiita.com/mnrst/items/cb3b5eaf86bcdb5a6461	azurecli	2023-07-29 18:00:20
Git	Gitタグが付けられた新着投稿 - Qiita	【備忘録】GitCliのgh browseが使えない	https://qiita.com/inakuuun/items/13da6bbb99705a63309c	wslviewexecutablefileno	2023-07-29 17:26:16
海外TECH	DEV Community	Why Use Sass?	https://dev.to/jishnupsamal/why-use-sass-57h	Why Use Sass Syntactically Awesome Style Sheets or SASS for short is preprocessor for CSS It claims to be the most mature stable and powerful professional grade CSS extension language in the world It was initially designed by Hampton Catlin and developed by Natalie Weizenbaum in But what does it mean to be a CSS preprocessor According to MDN CSS preprocessor is a program that lets you generate CSS from the preprocessor s own unique syntax There are several CSS preprocessors available Some of which include SASSLESSStylusSassNow coming to SASS it is the most popular CSS preprocessor It is also used by Bootstrap which is undoubtedly one of the most popular and widely used frontend frameworks available out there It has k stars on GitHub Advantages of SASS over CSSCSS is an amazing language developed in the early days of web it revolutionized the way websites were designed and styled It allowed developers to design beautiful and eye catching websites But when the web grew older and CSS files became larger and unmaintainable we felt the need for a more advanced and modular solution and that s why the concept of CSS preprocessors came to life SASS makes it easier for developers and web designers to style websites more efficiently while keeping it maintainable and modular Moreover SASS is fully compatible with CSS This means that all the features which can be used in CSS can also be used in SASS Additionally SASS has some more features which CSS doesn t have like CSS nesting mixins and functions This is a simple CodePen demonstrating SASS Nesting Sass is compiled to CSS as the browser can t parse Sass natively Sass has another amazing feature called partial files Partial files are special files in Sass which start with an underscore These partial files are ignored by the Sass compiler and act like modules These modules can then be imported into the main Sass file using use This allows developers to maintain large stylesheets effectively by dividing it into smaller and modular partial Sass files The main Sass files can be then compiled into a single CSS file to provide styling to the website Web Design by PixabaySass comes with six built in modules namely sass math sass color sass list sass meta sass selector and sass string sass math It contains several maths related functions like ceil floor round log sqrt sin tan and constants like pi e and epsilon sass color It contains various functions to manipulate colours like scale adjust invert lighten and many more sass list It contains functions to manipulate lists like append index and length sass meta It contains functions that can help to customize the way Sass works sass selector As the name suggests it has functions to get details about the css selectors used and manipulate them sass string It contains functions to manipulate string data type such as index insert split to upper case etc Using Sass in JavaScriptTo use Sass in your project you need to install the sass package from NPM npm i g sassAfter that compile the Sass code to CSS using the command below sass lt input scss gt output css Or if you want to watch a file for changes and compile all the changes to CSS immediately you may use the w or watch flag as shown below sass lt input scss gt w output css Now you can use the compiled CSS file in your html file NodeJS by RealToughCandy comThis is the way to use Sass in Vanilla JS If you are using any meta framework like Gatsby or Next for your project you might not need to compile the Sass file yourself You can directly use your Sass file because under the hood your meta framework compiles the Sass file for you For example if you are using NextJS you can use Sass directly by making necessary changes to next config js For more details on this please refer to the official documentation Syntaxes of SassYou must be wondering what do I mean by syntaxes here And this is not a fancy heading Sass really has two syntaxes First one is the SCSS syntax which is similar to CSS It uses the file extension scss hero display inline flex position relative height button height border none amp img object fit fill amp heading font size px The second one is the Sass syntax and it uses the sass file extension It was the original syntax of Sass and the reason why Sass is called Sass It uses indentation in place of curly braces similar to python if you are familiar with it and omits the semicolon The code above can be written in sass syntax as shown hero display inline flex position relative height button height border none amp img object fit fill amp heading font size pxBoth the syntax provide the same features But generally the SCSS syntax is more preferred as it has CSS like and hence is easier for developers to adapt to this syntax ConclusionSass is a great option for designing large and complex systems It makes the work of a web designer a piece of cake Photo by Sigmund on UnsplashBut since every tool has its own use case and limitation similarly Sass too is not profitable in certain uses cases Like if you have a really small project you may choose not to use Sass as it would take time to install and set up Sass What do you think about the future of Sass Let me know in the comments Hope you liked my post Thank you for reading Originally published at jishnupsamal me	2023-07-29 08:42:57
海外TECH	DEV Community	4 Important Services Everyone Should Deploy In A Docker Swarm	https://dev.to/paulknulst/4-important-services-everyone-should-deploy-in-a-docker-swarm-1cce	Important Services Everyone Should Deploy In A Docker SwarmEnhance your Docker Swarm with four important services that you will love Traefik Portainer Registry FTPIn a previous article I showed how a Docker Swarm is set up in minutes Remember Whenever you read “Docker Swarm we are talking about “Docker in Docker Swarm mode Within this article I will show and explain four services everyone should use in their Docker Swarm traefik Portainer Docker Registry FTP TraefikMakes Networking BoringCloud Native Networking Stack That Just Works One important service in any Docker Swarm is traefik I use this for assigning domains subdomains to every docker service A simple docker compose yml can be found on my FTP here To use this file it is necessary to update the labels for your docker swarm by executing export NODE ID docker info f Swarm NodeID docker node update label add traefik public traefik public certificates true NODE IDThese two commands assume that you want to have traefik on your manager node To understand what a manager node have a look at the docker documentation Another VERY important step is creating a file named acme json within the folder where the docker compose will be stored and do chmod acme jsonFurthermore you have to define a TRAEFIK USERNAME TRAEFIK HASHED PASSWORD TRAEFIK DOMAIN and TRAEFIK SSLEMAIL export TRAEFIK USERNAME adminexport TRAEFIK HASHED PASSWORD openssl passwd apr testpassword export TRAEFIK DOMAIN dashboard YOUR DOMAIN tldexport TRAEFIK SSLEMAIL your email address deThe last command which has to be executed before you can deploy the service is creating the traefik public network which will be used across all containers docker network create driver overlay traefik publicAfter this is done it is possible to deploy traefik to your docker swarm docker stack deploy c docker compose traefik ymlJust test it by launching This domain will use an SSL certificate and you can log in with admin testpassword if you followed the above instructions PortainerPortainer is a powerful GUI based Container as a Service solution that helps organizations manage and deploy cloud native applications easily and securely My docker compose yml for Portainer is not special You can find it here if you need it Normally there are no differences between my and the one you find if you google for Portainer service If you use mine you have to add a label to your manager This is very important because Portainer needs a connection to your docker socket You can add the label with these commands export NODE ID docker info f Swarm NodeID docker node update label add portainer portainer data true NODE IDFurthermore declare the PORTAINER DOMAIN which will be used export PORTAINER DOMAIN portainer PRIMARY DOMAINAfter you have done this you can deploy Portainer docker stack deploy c docker compose portainer yml portainerTiming Note Make sure you log in and create your credentials soon after Portainer is ready or it will automatically shut down itself for security If you didn t create the credentials on time and it shut down itself automatically you can force it to restart with docker service update portainer portainer force Docker RegistryThe Registry is a stateless highly scalable server side application that stores and lets you distribute Docker images The Registry is open source under the permissive Apache license The docker registry is important to have in a swarm environment if you don t want to upload your code data to a public registry If you don t have any private registry for yourself you have to upload the resulting image to docker hub each time you extend an official image with your application code While this is great if you only want to extend functionality in a general way it is not advisable if you copy your website with your closed source code into the image Imagine you have a modified Nginx image where the HTML folder is copied into the image FROM nginxCOPY html usr share nginx htmlIn many cases the html folder will contain your website which you don t want someone to use If you have a private registry you can build the image and upload it but if you don t have one you have to use a public registry That s why I think that every swarm needs to have access to a private registry And that s why I created one Normally you can set up a registry with a simple docker run command but I wanted to have a registry that can be reached from everywhere Because of that I created a registry that could be accessed by username and password My personal docker compose yml can be downloaded here It will run within my Traefik environment and create a new registry that I can use from every node in my swarm To deploy the service you have to declare some environment variables which are used while deploying REGISTRY USERNAME REGISTRY HASHED PASSWORD and REGISTRY HOST export REGISTRY USERNAME reg admexport REGISTRY HASHED PASSWORD openssl passwd apr regsupersecret export REGISTRY HOST reg YOUR DOMAIN tldWith these variables you can deploy the service docker stack deploy c docker compose registry yml registryTo use the registry you have to do two more things The first thing is a quality of life feature to easily change the domain of the registry without affecting every container which uses an image from the private registry Add DOCKER REGISTRY to profile for root or whatever user you are using so it is known if docker compose files should be pushed downloaded The second task is very important You have to execute docker login on every node of your swarm so that every node is allowed to pull images Now you can start using your private registry in docker compose yml If you created a DOCKER REGISTRY environment variable you can use it like this in your docker compose yml myapp image DOCKER REGISTRY simple app build context dockerfile DockerfileIf you want to deploy a service that contains the above part you have to build and push your image to deploy it correctly docker compose builddocker compose pushdocker stack deploy c docker compose yml wwwIf you only build and deploy it other nodes in your swarm cannot pull the image and so the service cannot be deployed FTPAnother important service is an FTP server for saving files you want to use anywhere in any app or service you create while working with the swarm I decided to use “pure ftp because it was the one I found while googling for a nice FTP server that runs within a docker environment Because I want to keep it simple I created an FTP server without any traefik configuration BUT I did a simple trick in putting the FTP server together with a website in a docker compose yml I have done this because I want to have the possibility to download files from the server over https which I uploaded with ftp After configuration I came up with this docker compose yml Within the file you can see that I use a custom Dockerfile for the web service which contains FROM nginxCOPY html usr share nginx htmlThe trick I describe is just the defined volume within the docker compose yml As you can see I defined data in both services Within web service I just have an extra folder within the Nginx HTML folder so that I can access it from the web And within the ftp service I define data as the place where user can upload their data Before it is possible to deploy this service you have to declare environment variables FTP USERNAME FTP PASSWORD FTP DOMAIN FOR CERT FTP ORG FOR CERT FTP COUNTRYCODE FOR CERT and WEBSERVICE DOMAIN export WEBSERVICE DOMAIN www MYDOMAIN tldexport FTP USERNAME SUPERUSERexport FTP PASSWORD clearTextPWexport FTP DOMAIN FOR CERT WEBSERVICE DOMAINexport FTP ORG FOR CERT mybusinessexport FTP COUNTRYCODE FOR CERT DEFurthermore you have to add a label to any node of your swarm To achieve this use docker node ls to find out the ID from every node and execute docker node update label add www ftp data true ID OF NODE TO USEAfter this is done you can safely deploy your website with enabled FTPdocker stack deploy c docker compose web yml webandftpNow it is possible to connect with an FTP client to your WEBSERVICE DOMAIN and upload a file test txt which then can be accessed by this URL WEBSERVICE DOMAIN data test txtThe whole FTP docker service can be downloaded from my GitHub It is very important to say that you only can connect with your WEBSERVICE DOMAIN if this domain also has an A record to your manager node Closing NotesI hope you find this article helpful and can use my provided files to set up these services within your own Docker Swarm In my humble opinion these four services should be present in every Docker Swarm environment because they are mandatory or exchanged with function like services This article was originally published on my blog at Feel free to connect with me on my blog Medium LinkedIn Twitter and GitHub Support this contentIf you like this content please consider supporting me You can share it on social media or buy me a coffee Any support helps Furthermore you can sign up for my newsletter to show your contribution to my content See the contribute page for all free or paid ways to say thank you Thanks Photo by frank mckenna Unsplash	2023-07-29 08:28:58
ニュース	BBC News - Home	Train strikes: Travellers facing disruption as rail workers walk out	https://www.bbc.co.uk/news/uk-66347591?at_medium=RSS&at_campaign=KARANGA	services	2023-07-29 08:41:03
ニュース	BBC News - Home	Should the Rosebank oilfield get the go ahead?	https://www.bbc.co.uk/news/uk-scotland-66325877?at_medium=RSS&at_campaign=KARANGA	shetland	2023-07-29 08:04:08
ニュース	BBC News - Home	Harry Maguire: Manchester United reject £20m West Ham bid for England defender	https://www.bbc.co.uk/sport/football/66343671?at_medium=RSS&at_campaign=KARANGA	harry	2023-07-29 08:18:48
IT	週刊アスキー	私のクレカ情報を求めて偽のモバイルSuicaが釣り竿を垂らしてきた	https://weekly.ascii.jp/elem/000/004/147/4147434/	銀行口座	2023-07-29 17:30:00