投稿時間:2022-08-06 22:29:37 RSSフィード2022-08-06 22:00 分まとめ(36件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	lambdaタグが付けられた新着投稿 - Qiita	AWSで自分用のLINE Botを作った①	https://qiita.com/susu-tech/items/49622f6459d2696659ad	linebot	2022-08-06 21:26:01
python	Pythonタグが付けられた新着投稿 - Qiita	【📖nbdev2入門】Dockerによる環境構築と作業手順	https://qiita.com/lilacs/items/19c9c572a0740c5fc548	docker	2022-08-06 21:38:34
python	Pythonタグが付けられた新着投稿 - Qiita	AWSで自分用のLINE Botを作った①	https://qiita.com/susu-tech/items/49622f6459d2696659ad	linebot	2022-08-06 21:26:01
js	JavaScriptタグが付けられた新着投稿 - Qiita	express-generatorで作成したプロジェクトでTypeScriptを使用する	https://qiita.com/shintarou37/items/8c40a6395c8eea4ec810	generator	2022-08-06 21:03:48
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS SDK のリトライモード	https://qiita.com/yh1224/items/f5ad4171ebb7946d6944	adaptive	2022-08-06 21:52:57
AWS	AWSタグが付けられた新着投稿 - Qiita	未経験エンジニアがAWSアソシエイト勉強でつまづいた内容 part5	https://qiita.com/shirochu0911/items/bb08322a1a0a2b471fc7	dynamodb	2022-08-06 21:32:42
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSで自分用のLINE Botを作った①	https://qiita.com/susu-tech/items/49622f6459d2696659ad	linebot	2022-08-06 21:26:01
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker ComposeとGitHubを使用して、Node.js + Express + MySQLの環境構築を行う	https://qiita.com/shintarou37/items/08025e2a688bbbf73612	dockercompose	2022-08-06 21:15:21
Docker	dockerタグが付けられた新着投稿 - Qiita	Dockerの入門書を読んでのアウトプット	https://qiita.com/shintarou37/items/e2e20cacf3c50ba0725e	docker	2022-08-06 21:10:46
golang	Goタグが付けられた新着投稿 - Qiita	Goのポインタに関して図を用いて説明する	https://qiita.com/shintarou37/items/f320bb6a5d6ede59b28a	thegoplaygroundgo	2022-08-06 21:13:59
golang	Goタグが付けられた新着投稿 - Qiita	Go 基本的な文法のアウトプット(変数、関数、For・Switch文、Defer)	https://qiita.com/shintarou37/items/028b884d7157445f40c7	gopackagemain	2022-08-06 21:12:25
Git	Gitタグが付けられた新着投稿 - Qiita	Docker ComposeとGitHubを使用して、Node.js + Express + MySQLの環境構築を行う	https://qiita.com/shintarou37/items/08025e2a688bbbf73612	dockercompose	2022-08-06 21:15:21
Git	Gitタグが付けられた新着投稿 - Qiita	GitHubのコンフリクトをブラウザ上で解消する方法(初心者向け)	https://qiita.com/shintarou37/items/308e07d72787e40d2781	github	2022-08-06 21:07:48
技術ブログ	Developers.IO	WindowsでAWS CLI バージョン2の環境構築をやってみた	https://dev.classmethod.jp/articles/awscli-windows-ubuntu-vscode-environment/	visualst	2022-08-06 12:34:53
海外TECH	DEV Community	Animating HTML Elements Using FLIP	https://dev.to/syeo66/animating-html-elements-using-flip-ngd	Animating HTML Elements Using FLIPIn modern web apps you come across the need to animate HTML elements Be it to visualize the transition between multiple lists switching positions in one list growing elements on selection etc There are many cases to make your app feel more flashy by animating stuff While doint that you will notice that there will be some questions to answer How do we deal with the element changing the DOM When and how to initiate the animation Should we clone the element or just reuse it In no way I m suggesting FLIP will just answer all those questions But it will give you a good starting point to make the management of the animation a bit easier The trick is to not start with the elements starting position but with it s final position All this will get clearer as we describe what FLIP means FLIP stands for First Last Invert and Play and was coined by Paul Lewis First The elements starting point Gather this information from the DOM Last The elements final position Also retrieve this information from the DOM Invert Calculate the transformation scale rotate translate etc from the first to the last position and reverse it So if you have to animate px to the right use px on the x axis This will display your element at the same position as it was before Play Start the animation It will now transition from the reversed starting position to the current position Nothing elese needs to be done Let s take a look at an example const flip gt retrieve the block to animate const block document querySelector lt HTMLDivElement gt block an array with target elements const positions Element document querySelector middle document querySelector end document querySelector start let index if block animate the block on click block addEventListener click gt FLIP First retrieve the position of the block at its starting point const start block getBoundingClientRect Move the element to its destination positions index appendChild block FLIP Last retrieve the position of the block at its final position const end block getBoundingClientRect FLIP Invert Calculate the change from the start to the end position const dx start left end left const dy start top end top const dh start height end height const dw start width end width FLIP Play Initiate the animation block animate transformOrigin top left transform translate dx px dy px height dh px width dw px transformOrigin top left transform none duration fill both easing ease in out index index positions length When playing with FLIP you might run into some problems though When scaling the elements it can get pretty hard to deal with rounded borders Rotating element is not as easy as it sounds Dealing with multiple animations can be rather tricky Sometimes you don t want to change the elements width or height but rather use the scale transformation But this will make it harder to deal with rounded borders or font sizes etc Anyways there is a nice GSAP plugin awailable to deal with those issues and more Photo by Liam Shaw on Unsplash	2022-08-06 12:34:00
海外TECH	DEV Community	Introduction to GitHub Codespaces - Building your first Dev Container	https://dev.to/pwd9000/introduction-to-github-codespaces-building-your-first-dev-container-69l	Introduction to GitHub Codespaces Building your first Dev Container OverviewHave you ever had to build and look after s of development virtual machines and environments for your organisations developers to work in Or maybe you are a developer or IT specialist working with code and starting in a new project and you have to configure your own development environment before you can start working on your code If you are you are probably well aware of the PAIN points when it comes to maintaining developer workstations such as Setup and maintenance of a dev workstation or set of workstations for a project The time that is wasted before a first commit can take place Inconsistency between dev workstations for configurations tooling settings Versioning Tools Extensions Debuggers and Dependencies Personal or Team based settings and customisations Security and vulnerabilities Hardware spec requirements The list goes on and these are all factors that can cause a lot of pain frustration and time wasted before actual development can start So today we are going to take a look at a great service available on GitHub called Codespaces In a nutshell a GitHub codespace is a development environment running inside of a container that s remotely hosted on a cloud based Virtual Machine linked to your code repository You can almost classify a CodeSpace as a development environment as a service You can customise or even have a bespoke docker image as a GitHub codespace tailored to meet the needs of your project and developers by using configuration files along with your projects source code which creates a repeatable consistent and versioned codespace configuration for all users of the project Codespaces run on a variety of VM based compute options hosted by GitHub from core machines up to core machines You can connect to your codespaces from a web browser or locally using Visual Studio Code At the time of this writing the VM size options for codespaces are as follow Who can use Codespaces Codespaces can only be enabled in settings by organisation owners for Team and Enterprise Cloud plans However GitHub will share more information and details on usage of Codespaces on personal repo s according to the official frequently asked questions so watch this space Tip Press dot on any repo to make quick edits powered by Visual Studio Code from a web browser Creating your first CodeSpaceAll the examples are available on my GitHub Codespaces Demo Repository In this tutorial we will look at how easy it is to create a basic CodeSpace to get started and also take a deeper look into how to customise the codespace On your GitHub account navigate to Your codespaces and select New Codespace Select the repository and branch that you want to have cloned onto your codespace as well as the region and machine type to run your codespace and then select Create codespace You will then see the codespace container being provisioned Note GitHubs default image will be used but we will look at how you can use custom images later on in this tutorial Shortly after the codespace container is provisioned VS Code will open inside of your web browser already linked up with your code and a terminal to the remote codespace If you have VS Code locally installed it will even detect what extensions you have locally and provision them on the remote dev container codespace for you On the bottom left side you will see a green square that says Codespaces you can click on this for additional options If you prefer working on a locally installed copy of VS Code you can select the option Open in VS Code Note When using a locally installed copy of VS Code instead of the web browser you will still be working on the remote codespace instance thus utilising the remote instance compute power which may be a much higher spec than your local machine and fitting your applications requirements Pretty neat With the codespace now up and running you can simply start to work on your code If you leave your repository and come back later you can always resume your codespace experience by navigating to your repository Code and selecting the Codespaces tab Let s take a look at how you can customise your codepsace next Customising your CodeSpaceAs mentioned the codespace we created is using GitHubs default docker image So what we will do next is create a few configuration files so that we can customise the default image Remember that green square at the bottom left corner I talked about earlier that says Codespaces click on this for additional options and select the option Add Development Container Configuration Files Select a predefined container definition In my case I will select Ubuntu NOTE There is a growing variety of predefined images that can be selected from maintained on GitHubs vscode dev containers repository Select the Ubuntu version to use Select the additional features to install inside of the dev container You may also be asked to select what version of the tooling you selected to use After the above process you will notice a new folder has been created inside of the root of your repository called devcontainer that contains a devcontainer json file and a dockerfile Let s take a closer look at these files DockerfileThis dockerfile contains the base image and optionally added OS packages that will be used as the dev container codespace You can amend this file as needed to suit your requirements You can even use images you maintain yourself hosted on your own remote registry such as an Azure Container Regsitry ACR See here for image contents Choice Ubuntu version use ubuntu or ubuntu on local arm Apple Silicon ubuntu ubuntu ubuntu ARG VARIANT jammy FROM mcr microsoft com vscode devcontainers base VARIANT Optional Uncomment this section to install additional OS packages RUN apt get update amp amp export DEBIAN FRONTEND noninteractive amp amp apt get y install no install recommends lt your package list here gt NOTE Codespaces also supports docker compose instead of using a dockerfile See this template Using docker compose in Codespaces devcontainer jsonThe devcontainer json file tells Visual Studio Code and other services and tools that support the format how to access or create a development container with a well defined tool and runtime stack See the official reference documentation for more details on how this file can be modified Note that the contents of this file can be amended to suit your needs and also determines if you are using a dockerfile or docker compose what tooling is available and the version of that tooling It can almost be seen as a configuration input file for the dockerfile that will configure additional features For format details see For config options see the README at containers ubuntu name Ubuntu build dockerfile Dockerfile Update VARIANT to pick an Ubuntu version jammy ubuntu focal ubuntu bionic ubuntu Use ubuntu or ubuntu on local arm Apple Silicon args VARIANT ubuntu Use forwardPorts to make a list of ports inside the container available locally forwardPorts Use postCreateCommand to run commands after the container is created postCreateCommand uname a Comment out to connect as root instead More info remoteUser vscode features kubectl helm minikube latest terraform latest git lfs latest github cli latest azure cli latest powershell You can even specify which VS Code extensions to install and load on the remote codespace Let s add the following code into the devconainer json file above forwardPorts Configure tool specific properties customizations Configure properties specific to VS Code vscode settings devPort Specify which VS Code extensions to install List of IDs extensions ms vscode powershell ms dotnettools csharp hashicorp terraform esbenp prettier vscode tfsec tfsec The configuration file should now contain our VS Code extensions as well For format details see For config options see the README at containers ubuntu name Ubuntu build dockerfile Dockerfile Update VARIANT to pick an Ubuntu version jammy ubuntu focal ubuntu bionic ubuntu Use ubuntu or ubuntu on local arm Apple Silicon args VARIANT ubuntu Configure tool specific properties customizations Configure properties specific to VS Code vscode settings devPort Specify which VS Code extensions to install List of IDs extensions ms vscode powershell ms dotnettools csharp hashicorp terraform esbenp prettier vscode tfsec tfsec Use forwardPorts to make a list of ports inside the container available locally forwardPorts Use postCreateCommand to run commands after the container is created postCreateCommand uname a Comment out to connect as root instead More info remoteUser vscode features kubectl helm minikube latest terraform latest git lfs latest github cli latest azure cli latest powershell NOTE To get the ID of a VS Code extension you can search the following VS Code extensions page or you can right click on existing extensions inside of VS Code and select Copy Extension ID After amending these dev container configuration files we need to commit and push these changes to our repository Next we need to reload our codespace to realise the configuration changes we made After the new container is built notice that we now have additional tooling available on the remote codespace as well as customised VS Code extensions NOTE The custom dev container configurations for Codespaces will now be available to anyone else who works on the code in this repository and will have a consistent and versioned codespace configuration for all users of the project ExamplesSay a new user starts on the same project they can now simply go to the repository and create a new codespace that will use the exact same configuration across the team Go to the code repository and select Code navigate to the Codespaces tab and select the option for Advanced Configuration Notice that there is now an option to select Dev container configuration select the relevant settings and then Create codespace Each codespace is uniquely identified NOTE By default any Active codespaces that becomes idle will go into a hibernation mode after minutes to save on compute costs This default behavior is also configurable See Codespaces timeouts for more info One last topic I want to cover is the ability to have more than one dev container configuration on a single mono repository Codespaces supports multiple devcontainer json files inside of your devcontainer directory If you want to have a choice of dev container configurations in your repository any alternatives to the devcontainer devcontainer json or devcontainer json file must be located in their own subdirectory at the path devcontainer SUBDIRECTORY devcontainer json For example you could have a choice of two configurations devcontainer database dev devcontainer json devcontainer gui dev devcontainer json When you have multiple devcontainer json files in your repository each codespace is created from only one of the configurations Settings cannot be imported or inherited between devcontainer json files If a devcontainer json file in a custom subdirectory has dependent files such as the Dockerfile or scripts that are run by commands in the devcontainer json file it s recommended that you co locate these files in the same subdirectory In the following example when a new user starts they can pick which configuration would suit their needs best Go to the code repository and select Code navigate to the Codespaces tab and select the option for Advanced Configuration You will now be able to select multiple Dev container configurations select the relevant settings and then Create codespace ConclusionAs you can see GitHub Codespaces is really a mind blowing service that can solve so many problems when it comes to provisioning development workstations We have only scratched the surface of what Codespaces can offer in this post and I will be creating an entire blog series dedicated to this amazing service so stay tuned for the next post on GitHub Codespaces I hope you have enjoyed this post and have learned something new You can also find the code samples used in this blog post on my published Github page ️ AuthorLike share follow me on GitHub Twitter LinkedIn Marcel LFollow Microsoft DevOps MVP Cloud Solutions amp DevOps Architect Technical speaker focused on Microsoft technologies IaC and automation in Azure Find me on GitHub	2022-08-06 12:31:36
海外TECH	CodeProject Latest Articles	Adding Dependency Injection to your .NET Console Apps (and tests)	https://www.codeproject.com/Articles/5339135/Adding-Dependency-Injection-to-your-NET-Console-Ap	Adding Dependency Injection to your NET Console Apps and tests G day guys You ve probably noticed that Dependency Injection DI has become the defacto norm these days and arguably rightfully so since it if used properly leads to a testable changeable de coupled codebase But perhaps one challenge at least in the ASP	2022-08-06 12:27:00
海外TECH	CodeProject Latest Articles	Smart Decimation: Polyline Simplification and Smoothing	https://www.codeproject.com/Articles/5306595/Smart-Decimation-Polyline-Simplification-and-Smoot	algorithms	2022-08-06 12:23:00
海外ニュース	Japan Times latest articles	Taiwan says China simulating attack on main island in drills	https://www.japantimes.co.jp/news/2022/08/06/asia-pacific/politics-diplomacy-asia-pacific/china-taiwan-military-drills-simulated-attack/	Taiwan says China simulating attack on main island in drillsThe Taiwanese army responded by sending air patrols and naval ships deploying land base missile systems and issuing radio warnings the Defense Ministry said in a	2022-08-06 21:09:52
ニュース	BBC News - Home	Camber Sands: Six arrested after holiday park death	https://www.bbc.co.uk/news/uk-england-sussex-62449575?at_medium=RSS&at_campaign=KARANGA	sussex	2022-08-06 12:20:07
ニュース	BBC News - Home	NHS 111 software outage confirmed as cyber-attack	https://www.bbc.co.uk/news/uk-wales-62442127?at_medium=RSS&at_campaign=KARANGA	attackthe	2022-08-06 12:08:25
ニュース	BBC News - Home	Croatia bus crash: Twelve Polish pilgrims killed and 32 injured	https://www.bbc.co.uk/news/world-europe-62448062?at_medium=RSS&at_campaign=KARANGA	polish	2022-08-06 12:29:12
ニュース	BBC News - Home	Commonwealth Games: Jake Wightman takes 1500m bronze as Australia's Oliver Hoare wins gold	https://www.bbc.co.uk/sport/commonwealth-games/62449106?at_medium=RSS&at_campaign=KARANGA	Commonwealth Games Jake Wightman takes m bronze as Australia x s Oliver Hoare wins goldScotland s world champion Jake Wightman has to settle for a Commonwealth bronze medal as Australia s Oliver Hoare charges through in the final few metres to claim a sensational m gold	2022-08-06 12:40:56
北海道	北海道新聞	柏４連勝、Ｃ大阪は３連勝　Ｊ１、広島は川村が決勝点	https://www.hokkaido-np.co.jp/article/715091/	bykyoc	2022-08-06 21:39:00
北海道	北海道新聞	東大生、中高生に勉強法披露　遠軽で合宿中の野球部員	https://www.hokkaido-np.co.jp/article/715088/	硬式野球	2022-08-06 21:37:00
北海道	北海道新聞	陸上の高山大会新、デーデーＶ　実業団・学生対抗	https://www.hokkaido-np.co.jp/article/715086/	神奈川県平塚市	2022-08-06 21:33:00
北海道	北海道新聞	広島の被爆者が鹿追で慰霊、核廃絶誓う　新得でも集い	https://www.hokkaido-np.co.jp/article/715085/	原爆の日	2022-08-06 21:32:39
北海道	北海道新聞	鴎外、没後１００年で“帰郷”　島根・津和野駅改装に併せ	https://www.hokkaido-np.co.jp/article/715041/	島根県津和野町	2022-08-06 21:30:16
北海道	北海道新聞	「おり鶴さん」単行本に　被爆者漫画家の４こま連載	https://www.hokkaido-np.co.jp/article/715053/	長崎	2022-08-06 21:30:02
北海道	北海道新聞	日米豪、中国に軍事演習中止要求　台湾周辺、３カ国外相が声明	https://www.hokkaido-np.co.jp/article/715083/	国務長官	2022-08-06 21:25:00
北海道	北海道新聞	韓国・陜川でも被爆者の慰霊式　日米へ責任訴え	https://www.hokkaido-np.co.jp/article/715066/	原爆投下	2022-08-06 21:24:08
北海道	北海道新聞	車発見も男性不明のまま、山形　飯豊町、捜索続行	https://www.hokkaido-np.co.jp/article/715068/	山形県飯豊町	2022-08-06 21:24:04
北海道	北海道新聞	安倍氏への容疑者接近、１０秒気付かず　警護検証、８月下旬に結果	https://www.hokkaido-np.co.jp/article/715082/	殺人容疑	2022-08-06 21:20:00
北海道	北海道新聞	足寄町図書館来館１０万人目　本別の小１山本君に記念品	https://www.hokkaido-np.co.jp/article/715081/	開館	2022-08-06 21:18:00
北海道	北海道新聞	山車３基パレード、恒例の舟漕ぎ大会も　くしろ港まつり開幕	https://www.hokkaido-np.co.jp/article/715080/	夏の風物詩	2022-08-06 21:14:55
北海道	北海道新聞	釧路管内は最多２２２人感染　根室管内６４人　新型コロナ	https://www.hokkaido-np.co.jp/article/714980/	根室管内	2022-08-06 21:10:12