投稿時間:2021-07-10 01:36:39 RSSフィード2021-07-10 01:00 分まとめ(46件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Compute Blog	Optimizing EC2 Workloads with Amazon CloudWatch	https://aws.amazon.com/blogs/compute/optimizing-ec2-workloads-with-amazon-cloudwatch/	Optimizing EC Workloads with Amazon CloudWatchThis post is written by David Dudu Twizer Principal Solutions Architect and Andy Ward Senior AWS Solutions Architect Microsoft Tech In December AWS announced the availability of gp the next generation General Purpose SSD volumes for Amazon Elastic Block Store Amazon EBS which allow customers to provision performance independent of storage capacity and provide …	2021-07-09 15:32:40
AWS	AWS Compute Blog	Integrating Amazon API Gateway private endpoints with on-premises networks	https://aws.amazon.com/blogs/compute/integrating-amazon-api-gateway-private-endpoints-with-on-premises-networks/	Integrating Amazon API Gateway private endpoints with on premises networksThis post was written by Ahmed ElHaw Sr Solutions Architect Using AWS Direct Connect or AWS Site to Site VPN customers can establish a private virtual interface from their on premises network directly to their Amazon Virtual Private Cloud VPC Hybrid networking enables customers to benefit from the scalability elasticity and ease of use of AWS services while …	2021-07-09 15:19:24
AWS	AWS Networking and Content Delivery	Leveraging AWS PrivateLink for volumetric data processing	https://aws.amazon.com/blogs/networking-and-content-delivery/leveraging-aws-privatelink-for-volumetric-data-processing/	Leveraging AWS PrivateLink for volumetric data processingAWS PrivateLink provides private secure connectivity between VPCs AWS services and your on premises networks without exposing your traffic to the public internet AWS PrivateLink offers three primary benefits to customers First it provides a way for two parties to establish private connectivity without requiring an Internet Gateway IGW thereby helping both parties to deploy airtight …	2021-07-09 15:59:51
python	Pythonタグが付けられた新着投稿 - Qiita	【論文要約】 EfficientNet: Rethinking Model Scaling for Convolutional Neural Networks [Tan+, 2020]	https://qiita.com/thmd9726/items/392912b749dd566af9ff	深さ・幅・解像度を変化させたときのモデルは以下のようになります。	2021-07-10 00:29:02
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	kintoneの一覧画面にラベルを追加したいが挙動がおかしい	https://teratail.com/questions/348642?rss=all	※繰り返すとどんどん「氏名」というラベルが追加されるイメージです。	2021-07-10 00:46:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Rubyでの配列とハッシュを使ったクラス作成	https://teratail.com/questions/348641?rss=all		2021-07-10 00:36:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Swift UIで端末によってサイズが異なってしまいます。どうすれば良いでしょうか？	https://teratail.com/questions/348640?rss=all	SwiftUIで端末によってサイズが異なってしまいます。	2021-07-10 00:24:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASでセルの数値取得と計算の処理を早くしたい	https://teratail.com/questions/348639?rss=all	GASでセルの数値取得と計算の処理を早くしたい計測したデータの軽量化のために、似たようなデータが前後している場合は一方を削除する処理を行うために、作りました始めは一つ一つセルを取得させて、計算させていたのですが、処理速度が遅く悩んでいたところ、スプレッドシート全体の数値を一括で読み込ませたのちに、それぞれ処理させる方が速いと知り、試しました。	2021-07-10 00:23:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pythonのスクレイピングで画像検索から画像をローカルに保存したい	https://teratail.com/questions/348638?rss=all	pythonのスクレイピングで画像検索から画像をローカルに保存したいPythonのスクレイピングを用いてGoogle画像検索から画像をローカルファイルにダウンロードし連番で指定したフォルダに枚保存したい発生している問題・エラーメッセージ下記のコードをVScode上で実行すると空白です。	2021-07-10 00:19:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Reactで4択クイズを繰り返し処理を使って"正解","不正解"を表示したい	https://teratail.com/questions/348637?rss=all	Reactで択クイズを繰り返し処理を使ってquot正解quotquot不正解quotを表示したい前提・実現したいことReactで択クイズを作っています。	2021-07-10 00:01:21
AWS	AWSタグが付けられた新着投稿 - Qiita	Route53 Resolver とは	https://qiita.com/miyuki_samitani/items/3635efbad2c776ee9de6	RouteResolverとは勉強前イメージ普通のRouteと何が違うのか・・・調査RouteResolverとはオンプレ環境とVPCの間でDNSの名前解決ができるようになるサービスです。	2021-07-10 00:46:21
Ruby	Railsタグが付けられた新着投稿 - Qiita	【React】device_token_authのcurrent_userでユーザーデータが返ってこないときの対処法【axios】	https://qiita.com/GalaxyNeko/items/c38d11aa4d8056eb4150	axiosでデータを送る際に、下記のように必要な情報をjsonで渡してあげればサーバー側も認証情報を受け取ることができます。	2021-07-10 00:25:47
技術ブログ	Developers.IO	Quarkus 2.0とSpring Webを使ってOpenAPIを定義してみた	https://dev.classmethod.jp/articles/spring-web-api-quarkus/	framework	2021-07-09 15:30:20
技術ブログ	Developers.IO	[小ネタ] Amazon S3 Storage Lensダッシュボードはrootユーザでは表示できない！	https://dev.classmethod.jp/articles/amazon-s3-storage-lens-root-user-cannot-view-dashboard/	amazonsstoragelens	2021-07-09 15:18:51
海外TECH	DEV Community	Amazon SSM Agent - Risk Of Security	https://dev.to/awscommunity-asean/amazon-ssm-agent-risk-of-security-4bij	Amazon SSM Agent Risk Of Security Table Of ContentsWhat is AWS SSM Agent Understand Amazon SSM Agent In MinutesHow is the security risk SolutionConclusion What is AWS SSM Agent AWS Systems Manager Agent SSM Agent is Amazon software that can be installed and configured on an EC instance an on premises server or a virtual machine VM SSM Agent makes it possible for Systems Manager to update manage and configure these resources The agent processes requests from the Systems Manager service in the AWS Cloud and then runs them as specified in the request SSM Agent then sends status and execution information back to the Systems Manager service by using the Amazon Message Delivery Service service prefix ecmessages Understand Amazon SSM Agent In MinutesIn order to provide access to an EC through SSM from console or AWS CLI we need to install SSM agent on it as default and then provide IAM policy to the EC so that the SSM Agent service inside the EC has permission to get the EC information SSM documentsReference to Understand Amazon SSM Agent In Minutes for more detail How is the security risk We often attach following IAM policy to the EC to enable SSH access from Session Manager Version Statement Sid AmazonSSMtoEC Effect Allow Action ssm ssmmessages CreateControlChannel ssmmessages CreateDataChannel ssmmessages OpenControlChannel ssmmessages OpenDataChannel ecmessages AcknowledgeMessage ecmessages DeleteMessage ecmessages FailMessage ecmessages GetEndpoint ecmessages GetMessages ecmessages SendReply Resource With this policy we are providing the SSM agent within the EC ability to access any EC instances that have SSM agent enabled Eg Access the EC aws ssm start session target i cecbf region ap northeast Starting session with SessionId dev feeefcf sudo suroot ec instance var snap amazon ssm agent From this one we can install session manager pluginroot ec instance var snap amazon ssm agent curl o session manager plugin deb root ec instance var snap amazon ssm agent dpkg i session manager plugin deb And then access to anywhere aws ssm start session target i dffbabfc region ap southeast Starting session with SessionId i cecbf bcceaa Solution Best practice of provide IAM policy is avoiding wildcard as much as possible Version Statement Action ssm ListDocuments ssm ListCommands ssm ListCommandInvocations ssm ListDocumentVersions ssm DescribeDocument ssm GetDocument ssm DescribeInstanceInformation ssm DescribeDocumentParameters ssm DescribeInstanceProperties ssmmessages CreateControlChannel ssmmessages CreateDataChannel ssmmessages OpenControlChannel ssmmessages OpenDataChannel ecmessages AcknowledgeMessage ecmessages DeleteMessage ecmessages FailMessage ecmessages GetEndpoint ecmessages GetMessages ecmessages SendReply Resource Effect Allow Sid AmazonSSMtoEC Effect Allow Action ssm Resource arn aws ec ap northeast instance i cecbf With the above policy we now restrict the EC to provide SSM itself and not able to acess others through SSM aws ssm start session target i dffbabfc region ap southeast An error occurred AccessDeniedException when calling the StartSession operation User arn aws sts assumed role role ssm i cecbf is not authorized to perform ssm StartSession on resource arn aws ec ap southeast instance i dffbabfcView the log here var log amazon ssm amazon ssm agent log Conclusion We use SSM to provide access EC instnance or send commands without key pem so please be careful with setup IAM permission to ensure security More about SSM agent AWS SSM Agent Connection Error ltag user id follow action button background color important color df important border color important Vu DaoFollow Awesome Devops AWS SA CloudOpz vumdao vumdao	2021-07-09 15:50:53
海外TECH	DEV Community	Vue Academy #2: V-model directive	https://dev.to/codeozz/vue-academy-2-v-model-directive-36oh	Vue Academy V model directiveWelcome to the second vue academy It will be a list of lot of article on vue I have years of experience in this and I can teach a few thing about this For this course we will focus on v model directive Let s startFirst problematic how do we manage an input value in lt input gt We could do the next lt script gt export default name HelloWorld data function return message methods updateMessage event this message event target value lt script gt lt template gt lt div gt lt input value message input updateMessage gt lt div gt lt template gt We need to bind value of input to our current data message and handle event from this input in order to update our current data message It s not really friendly and we have to do this for every component v modelYou can use the v model directive to create two way data bindings on form input textarea and select elements It automatically picks the correct way to update the element based on the input type So we can replace the code above by lt script gt export default name HelloWorld data function return message lt script gt lt template gt lt div gt lt input v model message gt lt div gt lt template gt We can remove the method that update value Since v model will directly update it It s very useful	2021-07-09 15:25:06
海外TECH	DEV Community	JavaScript Bundlers: An in-depth comparative 👍👎 Is Webpack still the best bundler in 2021? 📦	https://dev.to/underscorecode/javascript-bundlers-an-in-depth-comparative-is-webpack-still-the-best-bundler-in-2021-59jk	JavaScript Bundlers An in depth comparative Is Webpack still the best bundler in Hello everybody For the last few days I ve been doing some research on the currently available JavaScript bundlers to try to draw my own conclusions about them and figure out which one would be more appropriate for my projects And of course to find out if it s all about popularity and we developers are overrating some of them and underrating the others Since the only bundler I ve been working with for the last few years is Webpack I decided to take a look at npm trends to find out which the most popular JS bundlers are in and give them a try And this is what I got So today we ll be making a comparison between the most popular bundlers according to npm trends Webpack Rollup Browserify ESbuild and Parcel In this comparative we will create a really basic scenario for each of them with a couple of the most used resources tools these days and we ll be talking about their pros and cons and comparing them all based on a few parameters First things first What is a bundler A bundler is a tool that puts together all your JavaScript code and its dependencies and throws a new JavaScript output file with everything merged ready for the web commonly known as the bundle file These bundlers can work with other types of files as well apart from JavaScript but they need a little help to perform their bundles We ll talk about this more in depth in each of the examples below None of them require a config file what perfectly works for the most basic bundle This means you have a js file converted into another js file with minimal setup But once you start having more and more kinds of files that need to be transpiled and consequently configured it s time to add a config file because otherwise you ll find yourself immersed in chaos The scenario To try out these bundlers we don t need a specific complex structure for our project so let s propose a really basic scenario an HTML file with some styles we ll slightly complicate it by using a preprocessor like SASS and ready to use ES which means we will include Babel even though we re not using React Vue or any library framework that rely on it in this comparative But let s get it setup anyway dist bundle js styles css src index js styles styles scssindex htmlpackage json config js dist will be the folder created after the bundle process and will contain all the bundled files The bundled file for the styles is optional because we can choose either to inject the styles directly in the HTML or generate a new transpiled file containing the styles src is the folder containing the entry point from which the bundler will start the bundle process styles is the folder containing the original styles file before the bundle index html is the file containing what we ll see in the browser package json is the file where all the dependencies scripts and some configurations are stored config js is the file where all the config for the bundler is defined This file is optional for every bundler in this list but highly recommended will be replaced accordingly by the name of the bundler Having said all this let s see what each of these bundlers can offer us WebpackLoved by many hated by some known to all And still the most popular bundler in With more than million weekly downloads at the time of writing this post there s no doubt that Webpack is still the bundler par excellence in But is it the easiest to use configure and understand how it works Let s have a look at how we should configure it to have it ready to work Approach used by WebpackA build scriptA config fileLoaders used to transform filesPlugins for more complex stuffpackage json scripts build rm rf dist amp amp webpack mode development Really really easy There s no need to do anything else for a basic configuration Actually if you don t want to use a different name for your configuration file you don t even need to specify a configuration in the build script If you want to use a different one you should add config your config file js to the command Note that we ll be adding the command rm rf dist to every build of every bundler What this does is removing the dist folder every time a new build script is executed webpack config jsmodule exports entry src index js output filename bundle js path path resolve dist module rules test js jsx exclude node modules use babel loader test html use html loader test scss sass use style loader css loader sass loader Maybe a little bit more tricky and difficult to understand at first than the other bundlers but really easy once you get the sense of how everything works together What is happening in this config file Well first we need an entry point for our bundler to start merging everything That is specified in the entry attribute and the file will be our file index js in the folder src Same for the output file we ll tell Webpack our file will be called bundle js and it should be stored in the folder dist And now what s only left is to handle the files that are not JavaScript ES Webpack takes care of these files using loaders To transform these files we just need to indicate the file format and which loader s will deal with them So that s what we need a few loaders to take care of our styles our HTML and our JS ES remember that we re getting it ready for formats like jsx style loader css loader and sass loader for the styles html loader for the HTML files and babel loader for ES Notice that we re also transforming the HTML file this loader will be useful if we want to add resources that are loaded directly in the HTML file such as images This loader is really useful in bigger projects but not necessary in this case due to its simple structure we ll skip this step for the rest of the bundlers And this is it Everything will be bundled once we run the build command About the bundleSince we re using style loader to bundle the styles instead of a plugin to minify CSS and generate a new file MiniCSSExtractPlugin the styles are injected into the HTML file inside a lt script gt tag so the only output file is bundle js which needs to be added to index html What do I think about Webpack I have to admit that first time I had to face Webpack I thought the configuration would be impossible It was my first time using a bundler and I was barely able to understand the overall concept Let alone all the loaders and more complex related stuff because it was a bigger project But after a few from scratch configurations on my part I have to say that now I find it more intuitive and easier to set up if I compare it to what it felt like to get to know the rest of them Let s take a look at the others and you ll understand why RollupLet s now turn our attention to Rollup As well as the rest of the loaders this has been my first time trying it out so I ll also provide my first impressions about it Approach used by RollupA build command An optional config file Plugins used to transform filespackage jsonBasic bundle with no config file scripts build rm rf dist amp amp rollup src index js file dist bundle js Using a config file scripts build rm rf dist amp amp rollup c A really easy command for building as well so nothing else to point out here Let s now check the config file that is optional but recommended rollup config jsimport babel from rollup plugin babel import scss from rollup plugin scss export default input src index js output file dist bundle js format cjs plugins babel exclude node modules scss output styles css What Webpack defines as loaders here in Rollup are called just plugins This time we just need a couple of them the one for transpiling ES into ES Babel and the one for SCSS rollup plugin babel and rollup plugin scss These plugins have also their own optional configuration In this case for Babel we re excluding the folder node modules and for SCSS we re giving the output file a different name Otherwise it will remain output css For configurations with plain CSS there s a plugin called rollup plugin css only that works in the exact same way as the plugin we re using for SCSS Note that we need to specify the entry and the output points exactly as we did before with Webpack And that would be it About the bundleThe Rollup bundle comprises two files bundle js and styles css It s necessary to import the original styles files in the entry point index js for the bundler to be able to find the file there s no other place where we can reference it Also both bundles need to be added to the HTML index file My first impressions about Rollup To be honest I wasn t expecting much of these other easier slash light weight bundlers since Webpack has always worked for me and I have to say that Rollup has surprised me in a good way I find it pretty similar with Webpack config file with almost the same structure plugins work in the same way as loaders to translate no js files the easy build command which means familiarity usage recall and consequently ease of use The only drawback I ve been able to find so far is the large number of dependencies it relies on and consequently the huge size of the project x a project bundled with Webpack We ll be focusing on this more in depth at the end of the post BrowserifyLet s now talk about Browserify Approach used by BrowserifyNo config fileTransforms used to transform filesEverything you need to configure gt package jsonThe method used by Browserify has nothing to do with the traditional approach of a build command and a config file With this bundler every possible configuration is allocated in package json and the build command can get a little bit tedious if we don t have the concepts clear It also needs plugins or transforms as they are also called to transform everything into something readable by the browser Let s have a glance at how we can configure it package json scripts build rm rf dist amp amp browserify o dist bundle js src index js A very basic use of this bundler could be something like the code snippet above We only have defined the input and output files no configuration for styles or anything more complex Note the length of the build command having only declared the input source and the output Let me show you how it would look like if we add the suitable plugin for handling plain CSS scripts build rm rf dist amp amp browserify t browserify css output dist styles css o dist bundle js src index js Then if we wanted to add some configuration to the plugin we would do something like the following down below in the same file browserify browserify css autoInject true minify true rootDir It starts getting not that maintainable And now let s complicate it a little bit more by adding plugins for SCSS and Babel We need a couple of plugins called Babelify and scssify Something to take into accountI ve been trying out this bundler with the last released version of Node v and the command line throws multiple errors when trying to install any dependencies that rely on node sass scssify and sassify more specifically A very negative point We could do this in two different ways By saturating the build script with more content By adding a transform property Via the build scriptFor specifying several transforms in the build script using Browserify we should add as many as t transform options as needed like this scripts build rm rf dist amp amp browserify t scssify output dist styles css t babelify presets babel preset env o dist bundle js src index js If you re using this method pay close attention to the white spaces inside the arrays They matter ️I find this method tedious and difficult to understand and above all difficult to maintain And we re only using two plugins All said Via the transform property browserify transform babelify presets babel preset env scssify autoInject true By using this method the build script will look like it was originally when it just performed the simple bundle of the input js file scripts build rm rf dist amp amp browserify o dist bundle js src index js Much better About the bundleThe Browserify bundle consists of the bundle js file and only if we set an output file for the styles in the plugin that takes care of them we ll get a styles css file Otherwise the styles will be injected at the bottom of the lt head gt element in the HTML file inside a lt script gt element Take a look at this two different config examples for browserify css browserify css autoInject false minify true rootDir output dist styles css This config above will create a separate css file browserify css autoInject true minify true rootDir And this other config will inject the code into a lt script gt tag in the head of index html My first impressions about Browserify My less favorite so far I don t find it as intuitive as the other two and the approach it uses is totally different from what we are regularly used to Also I think the configuration is more tedious if at first you don t know how and where to handle the required plugins Also blank spaces matter and if you don t know that beforehand you can perfectly spend hours trying to figure out what s wrong with your code ESBuildTime to talk about ESBuild Approach used by ESBuildA build command encourages the use of the terminal An optional config filePlugins used to transform filesWith ESBuild you can use either the command line or a config file as well as the others even for more complex configurations It s totally up to you but specifying a config file is always recommended for maintainability scalability readability and productivity reasons We re going to create a config file called esbuild config js and we ll execute it from the build script by running the command node But first let s have a look at the simplest way to start bundling our files with ESBuild no config file is required this time package json scripts build rm rf dist amp amp esbuild bundle src index js outfile dist bundle js As usual we declare the entry point and the output file And that s it But what happens when we need to keep bundling more different kind of files Let s then take a look at the following example scripts build rm rf dist amp amp esbuild bundle src index js outfile dist bundle js amp amp esbuild bundle styles styles css outfile dist bundle css We are now bundling the styles as well and adding a little more information to the build script mess alert again by defining two different bundlers We could and definitely will have more filetypes that would need to get bundled and this could become a total mess So let s put aside this approach and let s create a config file esbuild config jsimport esbuild from esbuild import sassPlugin from esbuild sass plugin import babel from esbuild plugin babel esbuild build entryPoints src index js bundle true outfile dist bundle js plugins sassPlugin babel catch gt process exit And here comes what I found let me say weird and what took me some time to figure out Maybe because I was expecting to run this config file in the same way as Webpack and Rollup do they run their config file by default if it exists and has the default name I had some trouble trying to tell ESBuild to take it as an input for configuration Finally I realized that it should be called via the node command to just run the script scripts build rm rf dist amp amp node esbuild config js And that was all Something I want to mention here is that the fact that there aren t so many plugins from where to pick and also most of them are way outdated doesn t make me particularly happy And if you allow me some advice try to pick plugins which use either CommonJS which inserts modules through require or ES Modules which does the same using import because if you mix them up the only things you ll get will be errors and mess everywhere Just make sure you change the type attribute in package json if you re using ES Modules import to load your plugins into the config file type module Practically all plugins have been created by the community if not all For this example I ve chosen esbuild sass plugin for SASS SCSS and esbuild plugin babel for Babel Both of them work with import so no extra problems A great point to mention ESBuild is really fast compared with the others At least in this scenario My first impressions about ESBuild Mixed emotions At first I thought it would be very easy to configure it is if you only intend to perform a regular bundle but then I started to struggle a bit with the config file not because of the syntax but because of the multiple errors thrown on the terminal regarding Node ParcelLet s now have a look at the last bundler in this list the famous Parcel Hi to the huge community of Parcel fans out there Approach used by ParcelThe Parcel approach is mainly based on a zero configuration environment I was reluctant to believe it at first that s the main reason why I wanted to try it out so bad but yes it s possible to bundle a project like the one we re testing in this post by writing the bare minimum configuration in a few minutes and without racking your brains Zero configuration Are you sure By zero they mean very little and precise Let me show you the configuration I used for this basic project package json scripts build rm rf dist amp amp rm rf amp amp parcel build src index js no scope hoist no source maps The procedure is pretty much the same we need to indicate where the entry point for our app is located And I also added the flags no scope hoist to avoid odd behaviors regarding require when running js scripts and no source maps to avoid the creation of sourcemaps Otherwise Parcel will create one for every bundle file by default Now if we want to change the location and the name of the output bundle file we need to change the value of the main property attribute in package json like this main dist bundle js Otherwise the bundle will be generated at root level and will be called with the name that is stored in main in most cases index js if we didn t change it when running npm init Now let s zero configure the styles and BabelSince we re using SCSS we need to use SASS as a preprocessor So what was my surprise when I read that SASS is already included with Parcel installation But not only SASS also LESS Stylus and Babel So the only step to take here is to create a couple of config files for SASS and Babel Our SASS config file will be named sassrc and will contain the following code inside includePaths node modules And when we run the build command Parcel will automatically install the plugin parcel transformer sass as a dependency and will create a bundle css file in the same specified directory for the bundle and that s all the configuration Pretty cool right Now don t forget to link this file to your HTML And remember that your scss file should has been previously imported on your entry point file in order for the bundler to know what file it has to transform On Babel side we need to create a babelrcconfig file to specify the needed presets let s say we want to get it ready for using React in the future presets babel preset env babel preset react Parcel will automatically call parcel transformer babel and will do the job for us Don t forget to previously install babel preset env babel preset react and all the dependencies needed by React And that s it We re all set and ready to rock My first impressions about Parcel The first thing I want to point out is that Parcel wasn t that easy for me at the beginning since I had a really really hard time trying to get it ready to work and it seemed like it wouldn t stop throwing errors regarding the OS and creating more trouble out of outdated versions of some dependencies So to be honest Parcel wasn t going to be in this list because I didn t want to talk about it if I couldn t try it out myself But magically and due to my tireless perseverance I finally could make it and set everything up to get it ready And after that it was really easy compared to the rest of the bundlers So let s draw a veil over the setbacks and let s give it a chance Parcel is also pretty fast because it uses cache But something I don t like at all is the several security vulnerabilities that appear after installing it around some of them high risk That doesn t speak well of you Parcel Not to mention the huge size of the project The heaviest in this comparative The comparison Here you have the highlights of this comparative summed up in a table What is my final verdict Well I think some of these other bundlers apart from Webpack can be cool to use for small or side projects but in reality I personally think that Webpack is still the best option for robust projects we just have to look at the huge number of downloads per week compared to the rest Also I find it the easiest to manage since once you get the sense of how it deals with configuration it s easier to keep adding values to that configuration But it s not something that obvious You have to take your time playing with it to get a very basic idea at first Moreover you have the majority of resources you need loaders plugins available from the creators so you make sure you re using a real source of truth And they are updated really frequently so you can use it without worry with newer versions of Node and other packages So yes I will keep choosing Webpack as my first option over the others My second choice would be Rollup for sure and I truly think I will definitely use it in some of my side projects since I found it intuitive to configure and it seems like it works properly on robust projects as well And about their plugins most of them are also available from the creators so again a real source of truth and many more advantages I also think Parcel is a very interesting option and I d like to try it with larger projects and check if it really doesn t need further configuration Definitely a great find And a big plus to the fact that plugins like Babel SASS LESS and some more are built in and ready to use out of the box What about Browserify and ESBuild These two have been the ones with which I have struggled more especially Browserify The fact that it doesn t require a config file and everything should be declared in package json kinda forces you to change the way you think of how bundlers are traditionally configured Not to mention you end up saturating the file with way a lot tricky configurations which makes it difficult to read and maintain Also when it comes to plugins most of them are not developed and maintained by the creators especially the most common and are really outdated many of them haven t been updated in the last years and this fact leads to problems with newer Node other packages versions and compatibility in general And on ESBuild side I didn t especially like it either The first impression was good but then since the config file caused me some trouble it mainly ended up in confusion about how to manage configuration with and without this file So I found it quite ambiguous and took me a bit to realize how to set up both scenarios in different ways About their plugins same as Browserify practically all of them has been created by the community not the author so you have to use them at your own risk But as a plus point they are often updated and maintained Now it s your turn What do you think of this comparative Do you agree Which one is your preferred bundler Do you know some other bundler that is not on the list Would you like to suggest different bundlers for future comparative posts Comment below Disclaimer Remember this is just a post showing my impressions about something I tried for the first time I have decided to share the process with you and my opinion about what I experienced The opinions expressed in this post don t mean that some bundlers are better over others My advice is to try them all out and draw your own conclusions like I did And based on that use the ones you like best and fit your needs Don t forget to follow underscorecode on Instagram and Twitter for more daily webdev content And last but not least A quick friendly reminder before we go We all know there are million ways to get things done when it comes to programming and development and we re here to help and learn so if you know another possible way to do what others are sharing not better not worse just different feel free to share it if you feel like it but please always be kind and respectful with the author and the rest of the community Thank you and happy coding	2021-07-09 15:15:54
海外TECH	DEV Community	5 Handy CLI Tools to Spice up Your Terminal	https://dev.to/elenalape/5-handy-cli-tools-to-spice-up-your-terminal-31do	Handy CLI Tools to Spice up Your TerminalThe Command Line A developer s best mate and also one of the main sources of our frustration it s esc then q to quit Vim by the way Regardless of its social status there are plenty of great CLI tools that can make quite a difference in the overall terminal experience Here are some of my favourites in no particular order Some are tools that I use every day in my work and others are just fun apps to try if you get bored of a GUI Shall we Oh My ZshOh My Zsh is a framework for managing your Zsh configuration It comes bundled with thousands of helpful functions helpers plugins and themes In short ーOh My Zsh makes the terminal less intimidating by bringing some colour and autocompletion to tools like Git and Docker as well as plenty of package managers and other popular command line utilities To install sh c curl fsSL To configure your plugins themes aliases etc vi zshrcAdmittedly my favourite part is that there are lots of different themes to choose from ーmy favourite is wedisagree Note that Oh My Zsh is for the ZSH Z Shell not bash or any other so make sure you ve got ZSH going first HTTPieEver wanted to make a request to an API or a website without having to pull out an arsenal of devtools Say no more ーHTTPie is here to save the day HTTPie is a CLI HTTP client that comes with colourised output that goes fashionably well with Oh My Zsh s wedisagree really intuitive syntax and a number of other features to make testing and debugging APIs as simple as it gets To install with brew brew install httpie To make a request http httpie io helloOne feature I find particularly handy is the offline mode which lets you build and print out a colourised and formatted HTTP request without sending it That way you can see exactly the stuff the API in question is going to receive Check out my recent Getting started with HTTPie guide to learn more Full disclosure I am part of the HTTPie team However I have been using it even before I joined Wttr inUsing a command line just for the sake of using a command line Sign me up Wttr in is a console based weather report app Just add your city to the URL and send a request like so Using HTTPie http wttr in london Or using cURL curl wttr in london I ve aliased http wttr in London with weather So now each time I want to see the weather forecast for London I am able to simply type weather and save all those precious seconds of having to pick up my phone and navigate to the weather app KalkComputers have evolved so far ahead from their original purpose which was to calculate things Sure you can and create some sick beats with your machine or run Overwatch at one bazillion frames per second But something as simple as calculating what grade you need to score in an exam to pass the course is more tricky than it should be Your default OS calculator is an option but it s very basic Google kiiind of does the job but requires internet connection So do more advanced tools like Wolfram Alpha Kalk is a CLI for a calculator To install using brew brew install kalk To launch kalkkalk fbb Copyright c Alexandre Mutel Type help for more information and at gt gt gt You can do things such as gt gt gt x round x x round x x out It s simply brilliant both as your regular everyday calculator and a more advanced one that will solve your equations using the same syntax you d use in a maths class TaskwarriorIt s an open secret that creating to do lists is peak procrastination as a queen of procrastination I d like to introduce you to one more way to do it Taskwarrior is a nifty tool if you want to keep all your actual to dos separate from shopping lists and song lyric ideas that you ve got sitting in your note taking app To install with brew brew install kalk To create a new task it will prompt you to create a taskrc file upon the first run select yes task add Write a dev to article about CLI tools To view all pending tasks task To mark task as complete task lt task id gt doneYou can also annotate set a priority level or a by date to individual tasks or their groups Taskwarrior s second tutorial has got everything you need to get started Do you have any favourite CLI tools you d like to share Please let me know if you give any of the ones listed above a try I m going to go finish that burning task now Unless the weather is too nice for it	2021-07-09 15:09:02
海外TECH	DEV Community	DEPLOY NEXT.JS APP TO VERCEL	https://dev.to/hte305/deploy-next-js-app-to-vercel-2kj2	DEPLOY NEXT JS APP TO VERCELSomeone want to me make a post for explain how to deploy NEXT JS application to Vercel Base on require of them I will make a post Hope it will help something to you I Initial Next js app or you can clone my shopping cart repositorycreate next app shopping cart II After creating your application commit them to Github git add git commit m Complete project III Create project in Vercel IV Import project or you can search by name of repository V Configure applicationYou can add env as MONGOURI or SERECTKEY in box Environment Variables Override command of application in box Build and Output Settings VI Deploy and doneEnjoy your time 🪴Thank you for reading	2021-07-09 15:08:18
海外TECH	DEV Community	Speeding up the development builds after upgrading to Angular v12	https://dev.to/brandontroberts/speeding-up-the-development-serve-after-upgrading-to-angular-v12-5db5	Speeding up the development builds after upgrading to Angular vAfter you ve upgraded to Angular v from a previous version of Angular you may notice your ng serve times have increased along with missing sourcemaps and longer rebuild times during development This post helps you set a default configuration to development to get your application serving the same as previously In Angular version running ng build now defaults to production mode This is a welcomed change as there is less chance of accidentally deploying a development build to production which is a lot slower and bigger giving the perception that Angular is slow This also aligns with other web frameworks that build for production out of the box The way Angular serves the application it essentially does a build with watch mode As mentioned before doing a build is now done by default with production optimizations enabled This adds more time to the build process There is a migration to add a development build configuration To run this migration run ng update angular cli migrate only production by defaultOne caveat is that it only supports migrating first party Angular builders for development mode including angular devkit build angular dev server angular devkit build angular protractorTo fix this manually you add the development options as defaults and a defaultConfiguration set to an empty string so it doesn t default to production Now when running ng serve you will get a development build which is faster for local development If you liked this click the ️so other people will see it Follow me on Twitter for more tips on Angular Nx and NgRx See AlsoAngular v blog post	2021-07-09 15:07:52
Apple	AppleInsider - Frontpage News	Apple launches its all-in-one universal gift card in Canada, Australia	https://appleinsider.com/articles/21/07/09/apple-launches-its-all-in-one-universal-gift-card-in-canada-australia?utm_medium=rss	Apple launches its all in one universal gift card in Canada AustraliaPreviously exclusive to the U S Apple has rolled out its universal gift card to Canada and Australia The new card replaces the separate iTunes and App Store gift options The universal Apple gift card is now available in the US Australia and CanadaClose to a year after it first launched the universal gift card in the US Apple has quietly introduced it to two more territories Read more	2021-07-09 15:47:30
Apple	AppleInsider - Frontpage News	Apple to appeal $12 million Russian antitrust fine in September	https://appleinsider.com/articles/21/07/09/apple-to-appeal-12-million-russian-antitrust-fine-in-september?utm_medium=rss	Apple to appeal million Russian antitrust fine in SeptemberRussia s Federal Antimonopoly Service has agreed to delay an appeal hearing over a million fine following a request from Apple for more time to prepare FAS allows Apple to delay proceedings to review new documentsIn August the Federal Antimonopoly Service FAS ruled that Apple s App Store gives Apple an unfair advantage in the digital app economy As a result Apple was fined million by the court Read more	2021-07-09 15:04:26
海外TECH	Engadget	This week's best deals: $30 off Apple's 10.2-inch iPad and more	https://www.engadget.com/weekly-tech-deals-apple-10-2-inch-ipad-nintendo-switch-games-sale-animal-crossing-new-horizons-154557315.html?src=rss	This week x s best deals off Apple x s inch iPad and moreA number of new tech deals came up across the web this week plus there are a few July th sales that are still going on Apple s inch iPad is down to and Amazon and Best Buy discounted a bunch of Nintendo Switch games to ーincluding Animal Crossing If you missed it over the holiday weekend you can get Solo Stove s Bonfire for less than usual and ThermoWorks Thermapen Mk is down to Here are the best tech deals from this week that you can still get today Nintendo Switch gamesBoth Amazon and Best Buy have a number of Switch games on sale right now including Animal Crossing New Horizons for That s the lowest we ve seen it so now s a good time to grab the title if you somehow haven t jumped on the bandwagon yet Also discounted are Super Smash Bros Ultimate nbsp and a bunch of Mario games like Super Mario D All Stars Buy Animal Crossing New Horizons at Amazon Buy Animal Crossing New Horizons at Best Buy Buy Super Mario D World at Amazon Buy Super Mario D World at Best Buy Buy Super Smash Bros Ultimate at Amazon Buy Super Smash Bros Ultimate at Best Buy Buy Super Mario D All Stars at Best Buy inch iPadYou can still get Apple s inch iPad for or off its normal price It s arguably the best iPad for new tablet owners and we liked its improved performance familiar design and support for the first generation Apple Pencil Buy inch iPad at Amazon Mac Mini MEngadgetApple s Mac Mini M is down to thanks to an automatically applied coupon that knocks off the sale price In addition to the M chipset you re also getting GB of RAM and GB of storage in this model This machine is a good upgrade for those with aging desktops as well as those that want a bit more flexibility than the new colorful iMacs allow Buy Mac Mini M at Amazon MacBook Air MThe latest MacBook Air M is down to right now or off its regular price It s one of the best laptops for most people and the M chipset only makes it a better buy The Air M earned a score of from us for its incredibly fast performance excellent keyboard and trackpad good battery life and lack of fan noise Buy MacBook Air M at Amazon inch iMac MApple s colorful iMacs with core GPUs are off right now at Amazon bringing them down to We gave this desktop a score of for its remarkable performance thanks to the M chip lovely inch Retina Display and its thin and light design Buy inch iMac at Amazon Apple Watch Series Product Red EditionThe GPS Cellular models of the Apple Watch Series Product Red Edition are off at Amazon The mm is down to or close to a record low while the mm version has hit an all time low of We gave the Series a score of for its speedier performance quicker charging and slightly improved battery life Buy Series mm GPS Cellular at Amazon Buy Series mm GPS Cellular at Amazon OnePlus ProThe OnePlus Pro smartphone is off right now bringing it down to The regular OnePlus is also on sale but it s only off We gave the Pro a score of for its fantastic display stellar performance and much improved main camera Buy OnePlus Pro at Amazon Buy OnePlus at Amazon Samsung T Touch SSD GB SamsungSamsung s T Touch portable SSD in GB is down to which is close to its all time low price This palm sized drive has read speeds up to MB s and write speeds up to MB s and in addition to password protection it also has a built in fingerprint reader for extra security Buy Samsung T Touch GB at Amazon Solo Stove BonfireSolo Stove s Bonfire remains off even after the July th holiday has passed These are smokeless portable fire pits that we ve recommended in the past as an easy way to upgrade your backyard setup Buy Bonfire at Solo Stove ThermoWorks Thermapen MkThe Thermapen Mk is still on sale for as ThermoWorks makes room for the new Thermapen One thermometer The Mk is the best instant read thermometer we ve used so far ーthe backlit display makes it easy to read in almost any situation and the display rotates depending on how you re holding the pen Plus you never have to remember to turn it off because the pen automatically turns on when you pick it up and will shut off after some time of no use Buy Thermapen Mk at ThermoWorks Omaze gaming PC giveawayOmaze is giving away another to build your ultimate gaming PC This sweepstakes is free to enter but funds donated with purchased entries will benefit Schools on Wheels an organization that provides free tutoring and mentoring services to children experiencing homelessness across Southern California Enter to win at OmazePricing and availability is subject to change No donation or payment necessary to enter or win this sweepstakes See official rules on Omaze New tech dealsPhilips Hue White and Color Ambience smart lightsA three pack of the Philips Hue White and Color Ambience smart light bulbs is on sale for or off its normal price While not a record low this is a great sale on smart bulbs that don t often see steep discounts In addition to standard white light you re getting million colors in these bulbs and they can be controlled with your smartphone Buy Philips Hue lights pack at Amazon Dyson V AllergyDyson knocked off its V Allergy cordless vacuum bringing it down to This model includes the V motor with cyclones and a filtration system that claims to expel cleaner air as it traps percent of particles as small as microns In addition to the vacuum you re getting the drop in dock plus five different cleaning head tools Buy V Allergy at Dyson Anker W GaN USB C fast chargerA handy Anker fast charger is back down to its Prime Day price of That s an all time low and nearly off its normal price This slim brick has two USB C ports and two USB C ports so it can juice up to four devices at once with a total of watts of power Buy W GaN USB C fast charger at Amazon Microsoft s back to school dealsThe Microsoft store just kicked off its back to school sale which includes discounts on Surface devices gaming gear and more Of note is a deal that knocks up to off the price of a Surface Go Type Cover bundle and you can get up to off gaming laptops from various brands Shop Microsoft s back to school dealsNordVPNOne of our recommended VPNs is running a good sale on a two year subscription You can sign up for NordVPN for only for the first two years which comes out to per year ーand an additional summer promotion adds three free months on top of that We like NordVPN for its speed its no logs policy the thousands of servers it has to choose from and that one account supports up to six connected devices Sign up for NordVPN two years Follow EngadgetDeals on Twitter for the latest tech deals and buying advice	2021-07-09 15:45:57
海外TECH	Engadget	'Alto's Odyssey: The Lost City' trailer previews the new urban backdrop	https://www.engadget.com/altos-odyssey-the-lost-city-apple-arcade-teaser-trailer-152416933.html?src=rss	x Alto x s Odyssey The Lost City x trailer previews the new urban backdropAlto s Odyssey is joining Apple Arcade on July th amid an expansion from the game subscription service into classic mobile titles Developer Snowman recently revealed Apple Arcade members will get access to additional content and it teased some of that in a trailer for Alto s Odyssey The Lost City The latest version of the stylish endless runner adds an urban biome to go along with the desert canyon and temple areas In its App Store preview Snowman said the new area includes quot special hidden challenges quot but it didn t show any of those in the teaser It only offered a brief look at the city which adopts the game s gorgeous art style and features floating lanterns You ll get to experience The Lost City for yourself next week ーassuming you can stay on your snowboard long enough	2021-07-09 15:24:16
Cisco	Cisco Blog	Delivering Network-as-a-Service for White Arkitekter: A Cisco Partner Story	https://blogs.cisco.com/partner/delivering-network-as-a-service-for-white-arkitekter-a-cisco-partner-story	Delivering Network as a Service for White Arkitekter A Cisco Partner StoryQLS Quality Solutions installed and manages a Network as a Service solution for White Arkitekter a Swedish architecture firm Built on cisco technology the NaaS solution eliminated network issues that the company was facing and increased the overall productivity of its architects Learn how Cisco can help build business outcomes for your customers	2021-07-09 15:00:49
海外科学	NYT > Science	The Maori Vision of Antarctica’s Future	https://www.nytimes.com/2021/07/02/science/antarctica-maori-exploration.html	indigenous	2021-07-09 15:37:55
海外科学	NYT > Science	Like in ‘Postapocalyptic Movies’: Heat Wave Killed Marine Wildlife en Masse	https://www.nytimes.com/2021/07/09/climate/marine-heat-wave.html	Like in Postapocalyptic Movies Heat Wave Killed Marine Wildlife en MasseAn early estimate points to a huge die off along the Pacific Coast and scientists say rivers farther inland are warming to levels that could be lethal for some kinds of salmon	2021-07-09 15:25:15
海外科学	NYT > Science	The C.D.C. Issues New School Guidance, With Emphasis on Full Reopening	https://www.nytimes.com/2021/07/09/health/cdc-schools-reopening-guidelines.html	learning	2021-07-09 15:29:25
金融	金融庁ホームページ	令和３年金融機能強化法改正に係る政令・内閣府令案等に関するパブリックコメントの結果等について公表しました。	https://www.fsa.go.jp/news/r3/20210709/20210709.html	内閣府令	2021-07-09 17:00:00
金融	金融庁ホームページ	「金融商品取引法第二条に規定する定義に関する内閣府令の一部を改正する内閣府令（案）」に対するパブリックコメントの結果等について公表しました。	https://www.fsa.go.jp/news/r2/shouken/20210709/20210709.html	内閣府令	2021-07-09 17:00:00
金融	金融庁ホームページ	金融安定理事会によるG20財務大臣・中央銀行総裁へのレターについて掲載しました。	https://www.fsa.go.jp/inter/fsf/20210709_1/publish.html	中央銀行	2021-07-09 17:00:00
金融	金融庁ホームページ	金融安定理事会による気候関連金融リスクへの取組みに係る文書について掲載しました。	https://www.fsa.go.jp/inter/fsf/20210709_2/20210709_2.html	金融安定理事会	2021-07-09 17:00:00
金融	金融庁ホームページ	バーゼル銀行監督委員会による「バーゼル規制改革に関するCovid-19パンデミック初期の教訓」について掲載しました。	https://www.fsa.go.jp/inter/bis/20210709/20210709.html	covid	2021-07-09 17:00:00
金融	金融庁ホームページ	CSF（豚熱）の患畜の確認を踏まえた金融上の対応について公表しました。	https://www.fsa.go.jp/news/r3/ginkou/20210709-2.html	Detail Nothing	2021-07-09 15:27:00
ニュース	BBC News - Home	Marked increase in Covid infections across UK	https://www.bbc.co.uk/news/health-57776814	england	2021-07-09 15:49:27
ニュース	BBC News - Home	Are lots of people deleting the NHS Covid app?	https://www.bbc.co.uk/news/57779371	covid	2021-07-09 15:34:21
ニュース	BBC News - Home	Heart inflammation link to Pfizer and Moderna jabs	https://www.bbc.co.uk/news/health-57781637	covid	2021-07-09 15:18:33
ニュース	BBC News - Home	Southern Water fined record £90m for dumping raw sewage	https://www.bbc.co.uk/news/uk-england-kent-57777935	sussex	2021-07-09 15:44:56
ニュース	BBC News - Home	Coronavirus: Keep using NHS Covid app people urged	https://www.bbc.co.uk/news/uk-57781115	transmission	2021-07-09 15:41:16
ニュース	BBC News - Home	Calls grow for extra bank holiday if England win	https://www.bbc.co.uk/news/business-57774782	england	2021-07-09 15:28:36
ニュース	BBC News - Home	Team GB swimmers 'trolled for our small bums and boobs'	https://www.bbc.co.uk/news/newsbeat-57778626	shortman	2021-07-09 15:23:45
ニュース	BBC News - Home	Sarah Everard: Daughter, sister, friend and colleague	https://www.bbc.co.uk/news/uk-england-london-57740729	violence	2021-07-09 15:35:15
ニュース	BBC News - Home	Mark Cavendish equals Eddy Merckx's Tour de France stage win record of 34	https://www.bbc.co.uk/sport/cycling/57725179	britain	2021-07-09 15:46:29
ニュース	BBC News - Home	Wimbledon 2021: Matteo Berrettini into final after beating Hubert Hurkacz	https://www.bbc.co.uk/sport/tennis/57779798	Wimbledon Matteo Berrettini into final after beating Hubert HurkaczMatteo Berrettini becomes the first Italian to reach the Wimbledon men s singles final with a dominant victory over Hubert Hurkacz	2021-07-09 15:34:57
ニュース	BBC News - Home	Euro 2020 and Covid: How can I watch the final?	https://www.bbc.co.uk/news/uk-57386719	covid	2021-07-09 15:47:49
北海道	北海道新聞	全道自粛要請、８月２２日まで　道独自対策　正式決定	https://www.hokkaido-np.co.jp/article/565451/	新型コロナウイルス	2021-07-10 00:16:00