| 海外TECH |
MakeUseOf |
How to Enable Spatial Sound in Windows 11 |
https://www.makeuseof.com/enable-spatial-sound-windows-11/
|
windows |
2023-05-28 19:15:18 |
| 海外TECH |
DEV Community |
Useful npm and node commands I use to boost productivity |
https://dev.to/fasani/useful-npm-and-node-commands-i-use-to-boost-productivity-301h
|
Useful npm and node commands I use to boost productivityI prefer to use npx over npm when possible so the commands can be executed without installing dependencies How to count the number of lines of code in a git repository How to find CRLF line separators in a git repository How to find a package which contains a specific dependency How to kill a process running on a specific port How to kill a process using part of the starting command How to list the globally installed npm packages How to list all packages installed by homebrew How to upgrade dependencies in the package json file How to visualize the size of modules from a webpack bundle or selection of JavaScript files How to count the number of lines of code in a git repository In some situations you may need to know how many lines of code exist in a project you can use the following command git ls files xargs wc l How to find CRLF line separators in a git repository In some situations you may need to locate files which have usually been created on a Windows machine which contain the CRLF character git grep Il r How to find a package which contains a specific dependency For example you may find an error during a build process with a specific package module but perhaps you can not locate where it exists Usually it s a dependency of a dependency You can search the entire node modules folder for a package name Insert find node modules name package json xargs grep lt package name gt How to kill a process running on a specific port For example you are running a server on port you could kill that process with the following sudo lsof t i tcp xargs kill How to kill a process using part of the starting command For example you are running webpack dev server you could kill that process with the following kill ps aux grep webpack awk print How to list the globally installed npm packages Generate a list of all of the globally installed packages on your machine npm list g depth How to list all packages installed by homebrew Running brew leaves shows you all top level packages and the snippet below also outputs a small description for each package brew leaves xargs n brew desc How to upgrade dependencies in the package json file Upgrading node modules can be exhausting These quick commands can help npm update to perform safe dependency upgrades npm outdated to discover all of the outdated dependencies npm install packagename latest to upgrade a package to the latest major version npx npm check updates u to update the version numbers in the package jsonfile automatically After updating the package json file run npm install to upgrade all dependencies to their latest versions How to visualize the size of modules from a webpack bundle or selection of JavaScript files Pass a single webpack entry file and output the results as HTML npx source map explorer public app bddbcdd js html result htmlPass all the JavaScript files in a directory and output the results as HTML npx source map explorer public js html result html That s a Wrap I hope you have enjoyed this post and discovered some useful productivity hacks I love to share and learn from the community if you have a favourite command line productivity hack post it below |
2023-05-28 19:43:56 |
| 海外TECH |
DEV Community |
How To Run a Docker Container |
https://dev.to/sbenhoff/how-to-run-a-docker-container-9if
|
How To Run a Docker ContainerDocker is a powerful tool that allows users to easily deploy and run applications in containers Containers are lightweight standalone and executable packages that contain everything an application needs to run including code libraries dependencies and runtime They are isolated from the host system and from other containers making them a convenient and secure way to package and distribute applications In this article we will discuss how to run a Docker container To run a docker container you will need to have Docker installed on your system If you do not have Docker installed you can download it from the official Docker website or use a package manager to install it Once Docker is installed you can run a docker container using the docker run command The docker run command takes the following syntax docker run OPTIONS IMAGE TAG COMMAND ARG The IMAGE TAG argument specifies the image to use for the container The TAG is optional and specifies a specific version of the image to use If no TAG is specified the latest version of the image will be used The COMMAND argument specifies the command to run when the container is started such as executing a startup script This is optional and can be omitted if the image includes a default command The ARG arguments are optional and can be used to pass additional arguments to the command Before starting a container you may want to first search for the image you want to use You can do this using the docker search command which searches the Docker Hub registry for images For example to search for an Ubuntu image you can use the following command docker search ubuntuThis will return a list of available Ubuntu images along with their names descriptions and tags You can then use the name and tag of the image you want to use with the docker run command Once you have found the image you want to use you can run a docker container using the docker run command Here is an example of starting a docker container using the docker run command docker run it ubuntu bashThis command will start a new container based on the ubuntu image and run the bash command inside the container If the image is not found locally it will be pulled from the registry The it option specifies that the container should run in interactive mode and allocate a pseudo TTY This is especially useful for debugging running containers and viewing logs You can use other options with the docker run command to customize the behavior of the container Some common options include d Run the container in detached mode This means that the container will run in the background and the command prompt will return to the host system p Map a port on the host system to a port inside the container This allows you to access the application inside the container from the host system v Mount a volume inside the container This allows you to persist data across container restarts and share data between the host system and the container For example to run a container in detached mode and map port on the host system to port inside the container you can use the following command docker run d p nginxThis docker command starts a new container based on the nginx image and runs it in detached mode The d option specifies that the container should run in the background while the p option maps port on the host system to port inside the container This allows you to access the web server running inside the container from the host system on port If you wanted to specify a bind mount inside the container you can use the following command docker run d p v app foo nginxWhen the host directory of a bind mounted volume doesn t exist Docker will automatically create this directory on the host for you In the example above Docker will create the app folder before starting your container There are many options to consider when you are running Docker containers and in this article I listed the most common options that you are likely to use often If you want to learn more options for running Docker containers you can find the full list here |
2023-05-28 19:38:01 |
| 海外TECH |
DEV Community |
React MUI Content Security Policy |
https://dev.to/navyaarora01/react-mui-content-security-policy-2gp
|
React MUI Content Security PolicyMaterial UI is a user interface library that provides predefined and customizable React components for faster and easy web development these Material UI components are based on top of Material Design by Google In this article let s discuss the Hidden component in the Material UI library When using Material UI also known as MUI with React it s important to set up a Content Security Policy CSP to ensure that your app is secure against cross site scripting XSS attacks A set of rules that specify which content can be loaded by web page is known as CSP It helps to prevent XSS attacks on the web page const csp default src self script src self style src self Basic Setup Follow the below steps to create the application Step Create a folder called example Open your command prompt and navigate to the example folder Now type in the following commandnpx create react appStep Create a folder called component inside the src folder Inside that component create a file called Main js cd srcmkdir componenttouch Main jsStep Again in the same folder open the command prompt and type in the following command to install React MUI library npm install mui material emotion react emotion styledStep Install the React helmet library npm install helmetnpm install react helmetnpm install react helmet asyncStep Importing the helmet library import Helmet from react helmet Project Structure Once the installation is complete you will have the modules required Your folder structure should look something like this Example Setting up a CSP with React MUI using the helmet library It is used as the document head manager for React based applications App jsimport React from react import Main from component Main import Helmet from react helmet const csp default src self script src self unsafe inline style src self unsafe inline img src self data font src self data console log csp const App gt return lt gt lt Helmet gt lt meta http equiv Content Security Policy content csp gt lt Helmet gt lt Main gt lt gt export default App Main jsimport React from react function Main return lt gt lt div gt GeeksforGeeks lt br gt Content Security Policy in MUI lt div gt lt gt export default Main Step to run the application Open your command prompt in the same folder and type in the following commandnpm startOutput Example Setting up CSP using the react helmet async library App jsimport React from react import Main from component Main import HelmetProvider from react helmet async import CssBaseline from material ui core function App return lt gt lt HelmetProvider gt lt CssBaseline gt lt Main gt lt HelmetProvider gt lt gt export default App Main jsimport React from react import Helmet from react helmet async import Button from material ui core function Main return lt gt lt Helmet gt lt meta http equiv Content Security Policy content default src self script src self unsafe inline unsafe eval style src self unsafe inline font src self data img src self data gt lt Helmet gt lt Button variant contained color primary gt Hello World lt Button gt lt gt export default Main Output This sets the Content Security Policy header to allow resources to be loaded only from the same origin self and also allows inline scripts and styles Connect me on Twitter Twitter Do check out my GitHub for amazing projects GitHub Connect me on LinkedIn Linkedin |
2023-05-28 19:00:48 |
| ニュース |
BBC News - Home |
Phillip Schofield affair: This Morning to air as normal |
https://www.bbc.co.uk/news/entertainment-arts-65739298?at_medium=RSS&at_campaign=KARANGA
|
flagship |
2023-05-28 19:02:59 |
| ニュース |
BBC News - Home |
Everton 'must strive for more' after securing safety |
https://www.bbc.co.uk/sport/football/65661812?at_medium=RSS&at_campaign=KARANGA
|
goodison |
2023-05-28 19:24:17 |
| ニュース |
BBC News - Home |
Dundee United down after defeat at Motherwell |
https://www.bbc.co.uk/sport/football/65661787?at_medium=RSS&at_campaign=KARANGA
|
dundee |
2023-05-28 19:12:22 |
| ニュース |
BBC News - Home |
Leicester City 2-1 West Ham: Foxes relegated from Premier League despite win on final day |
https://www.bbc.co.uk/sport/football/65661852?at_medium=RSS&at_campaign=KARANGA
|
Leicester City West Ham Foxes relegated from Premier League despite win on final dayLeicester s nine year stay in the Premier League ends as they are relegated on the final day of the season despite beating West Ham |
2023-05-28 19:00:54 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
日銀が政府との共同声明で「絶対に譲らなかった3条件」、元日銀理事が明かす舞台裏 - 日本銀行 総裁交代 |
https://diamond.jp/articles/-/323563
|
低インフレ |
2023-05-29 04:55:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
上場企業3900社の社外取締役「10160人」の全序列【2023】欺瞞のバブルを独自試算ランキングで暴く - 社外取バブル2023「10160人」の全序列 |
https://diamond.jp/articles/-/323510
|
そこで上場企業の社外取「全人」を、報酬や兼務社数、業績などで独自試算した実名ランキングをはじめ、計本のランキングやリストを大公開する。 |
2023-05-29 04:50:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
医学部入試「MARCH合格レベル」の受験生にもチャンス！情報戦が鍵を握る新時代の必勝法を大公開 - 今なら目指せる！ 医学部＆医者 |
https://diamond.jp/articles/-/323478
|
|
2023-05-29 04:45:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
JR4社が3年ぶり黒字ラッシュでも“ぬか喜び”の理由、東海道新幹線の回復度は… - コロナで明暗！【月次版】業界天気図 |
https://diamond.jp/articles/-/323371
|
|
2023-05-29 04:40:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【無料公開】明治安田生命社長に聞く、「販路は生保レディーだけ」にこだわる理由 - Diamond Premiumセレクション |
https://diamond.jp/articles/-/323585
|
diamond |
2023-05-29 04:35:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
イトーヨーカ堂が「33店閉鎖・祖業撤退」決めた理由、新戦略の勝算と死角とは - 事例で身に付く 超・経営思考 |
https://diamond.jp/articles/-/323372
|
構造改革 |
2023-05-29 04:30:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「配属ガチャ、ハズれた…」と絶望する前に知っておくべき、たった1つのこと - 転職で幸せになる人、不幸になる人 丸山貴宏 |
https://diamond.jp/articles/-/323562
|
人事異動 |
2023-05-29 04:25:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【元Google採用担当者が教える】最速で成長するための5つの原則とは？ - 要約の達人 from flier |
https://diamond.jp/articles/-/323554
|
そんな気持ちから、「就活必勝法」を求める就活生も少なくないだろう。 |
2023-05-29 04:20:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
年収が高い銀行ランキング2022【トップ5】3メガを上回る1位は？ - ニッポンなんでもランキング！ |
https://diamond.jp/articles/-/323579
|
企業情報 |
2023-05-29 04:15:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
年収が高い銀行ランキング2022【全75社完全版】1000万円超えの4行はどこ？ - ニッポンなんでもランキング！ |
https://diamond.jp/articles/-/323560
|
企業情報 |
2023-05-29 04:15:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
腕時計のネット通販が伸びない理由、セイコー・シチズン・カシオを悩ます「30万円の壁」 - 有料記事限定公開 |
https://diamond.jp/articles/-/323462
|
対面販売 |
2023-05-29 04:10:00 |
| ビジネス |
ダイヤモンド・オンライン - 新着記事 |
医学部・医者のエリート街道、「MARCH理系合格レベルの受験生」にも門戸が開かれた - 今週の週刊ダイヤモンド ここが見どころ |
https://diamond.jp/articles/-/323547
|
|
2023-05-29 04:05:00 |
| ビジネス |
東洋経済オンライン |
｢会社に行きたくない｣憂鬱な"月曜"の乗り越え方 気分転換で感情を｢上書き保存｣するとよい | 健康 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/672083?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
上書き保存 |
2023-05-29 04:50:00 |
| ビジネス |
東洋経済オンライン |
小田急､白いロマンスカー｢VSE｣がつけた道筋 現在は赤い｢GSE｣が箱根路のエースとして君臨 | 特急･観光列車 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/674357?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
小田急電鉄 |
2023-05-29 04:30:00 |
コメント
コメントを投稿