投稿時間:2022-06-27 20:36:32 RSSフィード2022-06-27 20:00 分まとめ(49件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] Webデザイナーら400人に聞いた平均年収　「満足している」は約4割　クリエイター専門人材紹介会社が調査	https://www.itmedia.co.jp/news/articles/2206/27/news207.html	itmedianewsweb	2022-06-27 19:46:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 会社員のお小遣い調査　男性は月3万8642円、女性は？	https://www.itmedia.co.jp/business/articles/2206/27/news202.html	itmedia	2022-06-27 19:25:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] ご当地どんぶりランキング、2位は宮城県「串間活〆ぶりプリ丼ぶり」　1位は北海道釧路市の「●●丼」？	https://www.itmedia.co.jp/business/articles/2206/27/news082.html	itmedia	2022-06-27 19:23:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 関西版「人気観光地 満足度ランキング2022」　3位「ユニバーサルシティ」、2位「白浜温泉」、1位は？	https://www.itmedia.co.jp/business/articles/2206/27/news179.html	兵庫県豊岡市	2022-06-27 19:11:00
IT	ITmedia 総合記事一覧	[ITmedia News] FGO、iOS10のサポート終了へ　ゲームエンジンを「Unity2020」に	https://www.itmedia.co.jp/news/articles/2206/27/news204.html	android	2022-06-27 19:10:00
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	多摩都市モノレール、列車ダイヤと車両運用をAIで最適化、年間5%の運用コスト削減を見込む | IT Leaders	https://it.impress.co.jp/articles/-/23387	itleaders	2022-06-27 19:21:00
AWS	AWS Japan Blog	CloudFront Functions を使用して Amazon S3 の Amazon CloudFront オリジンでデフォルトディレクトリインデックスを実装	https://aws.amazon.com/jp/blogs/news/implementing-default-directory-indexes-in-amazon-s3-backed-amazon-cloudfront-origins-using-cloudfront-functions/	awslambdaedge	2022-06-27 10:53:20
python	Pythonタグが付けられた新着投稿 - Qiita	乱数の固定方法(random/numpy/tensorflow/gym)	https://qiita.com/pocokhc/items/68f4d50739e4776248a6	randomimportrandomrandom	2022-06-27 19:26:10
python	Pythonタグが付けられた新着投稿 - Qiita	Zemax(Optics Studio) を Python で制御するメモ(途中)	https://qiita.com/syoyo/items/840282d408d881798f9e	zemaxopticsstudio	2022-06-27 19:24:11
python	Pythonタグが付けられた新着投稿 - Qiita	zappaでFlaskアプリをデプロイできなくなった	https://qiita.com/YamaguchiRyuta/items/f95971f2008bf52f94f6	cloudwatch	2022-06-27 19:18:36
js	JavaScriptタグが付けられた新着投稿 - Qiita	PDF.js を使おうとしたら、セットアップにやたらと苦労した	https://qiita.com/ma2yama/items/49e64b90640c7226c4bd	javascript	2022-06-27 19:33:48
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS CognitoとUnityによるパスワードなしメール認証を試してみた。	https://qiita.com/Trae/items/5496f98633f85e6ebed1	httpsdev	2022-06-27 19:56:00
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure VMゲスト構成拡張機能を試してみた	https://qiita.com/shingo_kawahara/items/2e6c8c8d55021a39fa9a	azuresecuritybenchmarkv	2022-06-27 19:01:24
Ruby	Railsタグが付けられた新着投稿 - Qiita	PDF.js を使おうとしたら、セットアップにやたらと苦労した	https://qiita.com/ma2yama/items/49e64b90640c7226c4bd	javascript	2022-06-27 19:33:48
技術ブログ	Mercari Engineering Blog	Networkチームの紹介	https://engineering.mercari.com/blog/entry/20220209-introduction-of-the-network-team/	ductivityengineeringcamp	2022-06-27 12:00:07
海外TECH	MakeUseOf	The 10 Best Coloring Websites Even Adults Will Love	https://www.makeuseof.com/best-coloring-pages-for-adults/	adults	2022-06-27 10:45:14
海外TECH	MakeUseOf	Volatile vs. Non-Volatile Memory: What's the Difference?	https://www.makeuseof.com/volatile-vs-non-volatile-memory-whats-the-difference/	difference	2022-06-27 10:30:14
海外TECH	MakeUseOf	Manual vs. Automated Penetration Testing: What's the Difference?	https://www.makeuseof.com/manual-vs-automated-pen-testing/	Manual vs Automated Penetration Testing What x s the Difference Penetration testing can be employed both manually and automatically to see if your network can resist cyberattacks but which is better	2022-06-27 10:15:14
海外TECH	DEV Community	Add a table of contents (TOC) to your blog posts	https://dev.to/robole/add-a-table-of-contents-toc-to-your-blog-posts-99p	Add a table of contents TOC to your blog postsA table of contents TOC can serve as a summary for your page and enable readers to quickly navigate its contents You may be thinking boring this has been loads of time before and is easy Actually I have seen nothing clear and concise written about this topic especially something that is beginner friendly and that considers accessibility properly Often the examples focus on doing something fancy such as having the table of contents TOC display your current position in the document So let s cover the basics really well and give you a spring board to get fancy Solutions for generating a TOCMany of the popular static site generators SSGs and content management systems have this functionality built in available as a plugin or through the markdown processor that they use What is typically generated for you is an ordered lists ol of links that point to the headings in the page ID generation is required to make your headings or sections referencible Usually an unique slug a human readable ID is generated and added to each heading in their id attribute We will cover the specific HTML in the next section You probably have some options to configure the TOC such as You can specify the location of the TOC with a class name or through some specific markup Include only certain heading levels Choose to make it an ordered list ol or unordered list ul Exclude specific headings What most solutions do for you is to add the HTML for the TOC to your webpage It is up to you to style it and add functionality Here are what the solutions offered by some of the popular SSGs Jekyll has the jekyll toc plugin I can vouch for this one as I use it on an active website It has excellent configuration options It is one of the few I have seen where you can exclude individual headings within a page so you can slim down the size of the table of contents The Kramdown markdown parser converter that is used by Jekyll has the ability to generate a TOC If all is want is a TOC it does the job Eleventy has the eleventy plugin toc plugin Hugo has built in support for adding a TOC If you use a JavaScript application framework such as Gatsby React or Next React or Nuxt Vue you will find that people have probably made a plugin or posted a solution for adding the functionality For example Gatsby has the gatsby remark table of contents plugin WordPress has a lot of options For example there is the Easy Table of Contents plugin Basic HTML and stylesLet s look at the HTML generated typically and see if we should add anything to it HTMLThis is typical of the HTML that is generated for you lt ol id toc list gt lt li gt lt a href how do i use shortcuts gt How do I use shortcuts lt a gt lt li gt lt li gt lt a href how to add and modify keybindings gt How to add and modify keybindings lt a gt lt li gt lt More list items here which may contain nested lists gt lt ol gt Since we have a group of links that we use to navigate to different sections of the page it makes sense to wrap them in a nav element As MDN says The lt nav gt HTML element represents a section of a page whose purpose is to provide navigation links either within the current document or to other documents Common examples of navigation sections are menus tables of contents and indexes We wrap our ol with a nav and include a h heading as below lt nav class toc aria labelledby secondary navigation gt lt h id secondary navigation gt Table of Contents lt h gt lt ol id toc list gt lt same as before gt lt ol gt lt nav gt Since a nav is a landmark element we should give it a label We should label our nav so that it can be identified by assistive technologies such as screen readers We can label our nav using the aria labelledby attribute that points to the heading The value of the id is provided as the value to aria lablledby to link them The h should concisely describe the purpose of the section to be used as the label If you do not have a heading you should or it does not concisely describe the nav you can use the aria label attribute on the nav instead StylesOur blog posts will have a single column layout This is the most common layout Elsewhere around the web you may have seen a two column layout with the TOC in a sidebar This is more common for documentation centric websites like MDN web docs They tend to hide the TOC for smaller screen sizes We won t get into different layouts We can touch on some options of displaying the TOC differently in the Fancy features section Our TOC is a group of nested lists So you can style it as a list any way you want You can use list specific properties for the following You can change the style of the markers the bullets or numbers with the list style type property change the appearance of the markers through the marker psuedo element have images for markers through list style image property and even make you own numbering scheme through CSS counters Based on the default browser styles our table of contents will look something like this It is a bit ugly The numbering of the nested lists makes it a bit confusing to read The numbers restart at at every level It is probably better to remove the numbers and use the indentation to show the levels or to use an ordinal numbering scheme Let s start by giving it a clear appearance as its own section Basic appearanceFirst we will add some styles to make it stand out a bit We can give the nav a darker background colour a subtle border and we will round the corners with border radius nav background color fffff border px solid lightgrey border radius px display flex flex direction column align items center row gap rem Next we will make it a flexbox container display flex mainly so that we can center the items We change the flex direction to column to have the items in a single column Then we center everything with align items center and we can also control the space between the items with row gap Let s style the links I think removing the underline and using a less saturated colour would be an improvement You can use the hsl color function and reduce the second number to get a less saturated color toc a text decoration none color hsl And it looks like this The spacing looks a bit off By default the h and ol have a margin top and margin bottom Let s remove these by setting margin to zero and we will just be relying on row gap to set the space between them However now the heading and list right on the edges of the nav so let s add padding to the table of contents itself to let them breathe a bit toc h toc ol margin toc nav same styles as before padding rem It looks more organised right Good but we re not done The next thing we will probably want to change is the numbered markers Let s explore options for this First we will look at removing the markers and use indentation to show the hierachy Then we will look at using an ordinal numbering scheme for the markers Remove markers and indentTo remove the markers is simple You just use list style type none on the ol element Now let s consider the padding By default an ol has a padding right the value is pixels in Firefox We can turn on the flex outline in the Firefox s devtool to see the spaces I check the box as circled in green in the screenshot below to show the outline What I would like is for the top ol to have no padding and any nested ol to have padding right of rem We can add a padding right of rem to all ol with the selector toc ol And subsequently we can target the top ol to give it a padding of zero by using the gt child combinator the selector would be toc gt ol I think it is a good habit to use logical properties because the browser support is very good now Logical properties allow declaring styles that work with all writing systems so I will use paddding inline start instead of padding right This means the CSS below should give the desired outcome for a right to left language such as Arabic as well as a left to right language such as English toc ol list style type none padding inline start rem toc gt ol padding Here is the result I think it is a good improvement from what we had originally You may still want to tweak it or take it in another direction Ordinal numberingMaybe the most common style that I have seen for a table of contents is an ordinal numbered list What do I mean by ordinal numbering Each item is numbered according to the order of its heading level beginning with the first h heading This is usually in the format of lt h sequence number gt lt h sequence number gt lt h sequence number gt It is probably easier to understand by exploring a specific example Below is an example of table of contents from Wikipedia an article about the River Lee You can see how the numbers corresponds to the headings The link to the first h is given the number The link to the second h is given the number with it s first h given the number and so on But remember the default styling for nested ordered lists restarts the numbering for each list as below We can use CSS counters to number the items the way we would like To use a counter it must first be initialized with the counter reset property Below we initialize a counter and name it toc counter By default counters have an initial value of and count up from the initial value toc ol list style type none initialise counter counter reset toc counter We remove the existing numbers for our list by setting list style type none We are going to put our custom numbers into a before pseudo element instead Once initialized a counter s value can be incremented using counter increment We increment the counter in a before pseudo element for the list items The value of the counter can be displayed using the counters function in the content property of the pseudo element as below toc li before display the counter formatted as our ordinal style content counters toc counter counter increment toc counter color hsl reddish brown color The counters function has two forms counters lt counter name gt lt separator gt and counters lt counter name gt lt separator gt lt counter style gt We will use the latter form Our separator will be a dot period For the counter style we provide a space This adds a space to the end of the counter text that will separate the number from the text content of the list item And this is the result Smooth scrolling to sectionsWhen clicking internal links it can be a more pleasant experience to smoothly scroll down to the section rather instantly jumping to it To achieve this you can add this to your stylesheet html scroll behavior smooth Collapsible functionalityIt would be nice to be able to show the TOC in a minimized or maximized state If it is a bigger TOC we may prefer to have the content hidden initially and let it up to the user to show it This functionality is an example of the disclosure UI pattern There are two main approaches to implementing this and neither is perfect It is one of those areas that has some shortcomings and should be easier by now Option Use details and summaryWe can use the combination of the details and summary elements to provide this functionality These two together are usually referred to as a “disclosure widget HTML lt div class toc gt lt details open gt lt summary gt lt h gt Table of Contents lt h gt lt summary gt lt nav aria label table of contents gt lt ol id toc list gt lt items here gt lt ol gt lt nav gt lt details gt lt div gt We need to wrap everything in a div so that we can style it later You cannot layout details as a flexbox or grid container as you would expect The summary element is treated like an implicit element so it is not laid out as a flexbox grid item By default the disclosure widget is closed We add the open attribute to show the contents I added an aria label to the nav to give it an accessible label however I am not sure if it is possible to make this example fully accessible The issue is that summary has an implicit ARIA role of button this means that it eats the semantics of elements inside it So our h contained in the summary is treated like a span really In cases where the TOC is in a closed state it will not be announced by screen readers If you know of a clear way to make this fully accessible let me know CSSThe default appearance of the summary is When the content is hidden it is styled with a right pointing triangle to hint that activating the button will display additional content When the content is visible the triangle points down Left unstyled disclosure widgets present us with two issues The summary cursor icon Though the summary section is an interactive element the element s default cursor is a text selection icon rather than the pointing hand that you may expect The pointing hand hints to a user that clicking is possible This is desirable Block elements in summary are positioned on the line below the marker like in the screenshot below To rectify these issues we can add the following styles to reset the behavior to what we would typically expect summary cursor pointer user select none summary gt display inline To center everything we wrap our nav in a div and make it a flexbox container We still need to use text align center on the h to center it as it is a rogue element To create space between the h and the nav we add a margin block start to the nav We won t use row gap because of the summary issue toc display flex flex direction column align items center nav margin block start rem h text align center ProsThis solution has no JavaScript It supports keyboard interaction when it has focus Enter or Space activates the disclosure control and toggles the visibility of the disclosure content ConsAccessibility is a mixed bag The summary element is like a button and buttons do not respect the semantics of child elements Some screenreaders will treat everything inside the summary element like a span So our h will not be announced properly to a user with a screen reader Dave Rupert discusses this further in his article Why details is Not an Accordion You can see the latest accessibility testing results to see the current state on this Styling is a bit awkward Not being able to make details a flexbox or grid container is limiting Styling of the marker is a bit limited too Surprisingly it is done through list style properties you can provide an image to list style image When you specify your own marker you cannot add any transitions when it changes from an open to closed state Overall the implementation of details and summary is a bit ragged really Option Use a button and JavaScript for interactivityHTML lt nav class toc aria labelledby toc heading gt lt header gt lt h id toc heading gt Table of Contents lt h gt lt button aria controls toc list aria expanded true gt Hide lt button gt lt header gt lt ol id toc list gt lt items here gt lt ol gt lt nav gt We add the following aria attributes to make it fully accessible aria labelledby IDREF Added to the nav to give it an accessible name We link it to the h aria expanded Indicates that the container controlled by the disclosure button is hidden when the value is false and visible when the value is true Set the value to true as we show the contents by default aria controls IDREF The disclosure button controls visibility of the container identified by the IDREF value Alternatively you could use aria owns CSSThere are many ways to hide elements in CSS We want the following We want the space to collapse when the content is hidden no empty space left behind The content to be hidden from the accessibility API when it is a hidden state I am not totally sure if this is necessary if we use aria expanded If you also want to animate the transition as well it is trickier to find a solution that checks all boxes Without animation looking at our options visibility collapse has issues according to MDN Support for visibility collapse is missing or partially incorrect in some modern browsers The properties transform color opacity visibility hidden and clip path all leave empty space when we are in the hidden state Overlaying a pseudo element has this issue also Reducing dimensions such as height means the content is always accessible We could toggle the value of aria hidden ourselves It triggers rerendering the page layout which we prefer to avoid if possible display none is the most commonly used Resetting to the previous style is usually fine but keep in mind that it has many options such as block and inline It triggers rerendering the page layout which we prefer to avoid if possible Absolute positioning to move it offscreen but you would probably need to combine it with opacity for it to work effectively There is no clear winner We will go with display none to keep things simple sigh hide display none We can toggle this class in JavaScript JavaScriptconst button document querySelector toc button const content document querySelector toc list button addEventListener click toggleTableOfContents function toggleTableOfContents content classList toggle hide if button innerText Hide button innerText Show button setAttribute aria expanded false else button innerText Hide button setAttribute aria expanded true The button supports keyboard interaction when it has focus by default so we do not need to do add any keybindings We change the state of aria expanded so that its state is available to the assistive technologies ProsThis solution is completely accessible correct me if I missed something We have complete control over the style of the disclosure button ConsJavaScript is required Option Use a link a element and JavaScript for interactivityDon t do it Go with option instead of this option Why A good rule of thumb is buttons are for actions do something for me whereas links are for navigation take me to a different location Chris Ferdinandi spoke about this recently in his HTML semantics daily tip Not everyone is taught this so I am glad that this message is being put out there more often You may be thinking but doesn t Wikipedia use a link for this behaviour Yes they do And do not copy them Which option should I chose Option is the simplest and being JavaScript free is always great However if you care about maximizing the accessibility of your website you should then option is the better option for now I am not accessibility expert but I don t see a way to get it right at the moment with option Fancy featuresHere I will skim through some examples of fancy things you can do I will only touch on the code but I will point to a tutorial if there is a good one out there I may tackle one of the fancy examples in another post you can make a request if you wish Sticky single column layoutIt can be helpful to the reader to have the TOC always in view The simplest way to do this is to make add position sticky to the TOC You probably want it to stick to the top of the window so you can it use along with the top property toc position sticky top One thing to keep in mind is that if your TOC is inside a grid or flex container you may want to add self align start to it to ensure it is not out of reach to become sticky You need to be able to scroll beyond an element for it to switch to a fixed position so sometimes if you align or justify an element it can hamper this from happening The obvious drawback of this approach is that you don t want the TOC to hog the screen when the user wants to read the article Here we have it in a minimized state initially and leave it up to the user to view if they want to I think that this is alright but it could be taken further to make it a better user experience It can be a bit confusing when you want to scroll the TOC to see the other items and actually the page scrolls in the background instead It depends on where the focus is An overlay that freezes the scrolling of the page would make it easier to use An alternative is to have the TOC shrink to a button once it becomes sticky Pawel Cislo does something like this The TOC is maximised inline in the article until you scroll down a certain amount and then it appears minimized as a button in the right of the article You can see in the video below or visit this blog post to see in action yourself I think it would benefit from a transition effect of the TOC to a button to make it clearer to the user what happened There is a big distance between the original position and new position Hashnode has a nice variation of this Hashnode is a blogging platform if you are unfamiliar with it By default the TOC is maximised When you scroll beyond the TOC the TOC is minimized and becomes sticky tab pinned to the top of the window You can see it in action in the video below or visit this blog post to try out yourself It quite an elegant solution for a single column layout Although I think the transition is a bit abrupt Ben Holmes takes a different tack on his blog A button pops up as you scroll through the post Underneath the button it shows the name of the section you are in Pressing the button will open the TOC with the current section highlighted You can see it in action in the video below It works quite well In particular he has made smart use of space on smaller screens by putting the button and section heading into a sticky nav bar The only criticism I have is that you can t scroll through the TOC really The actual page scrolls instead An overlay might work here to enable targeted scrolling Sticky two column layoutIt is quite common to have a sticky TOC in a sidebar like the MDN web docs as in the screenshot below MDN hides the TOC for smaller screen sizes when it switches to a single column layout You can use a media query to do this I would like to see to see a switch to something similar to our single column layout for smaller screen sizes if it can be executed well Show your progress in the page scrollspy Another fancy thing people like to add is a progress scrollspy As you go through the article the section you are in will be highlighted in the TOC This is usually implemented in a column layout with the TOC in the sidebar You can see this in the wild in the following places Ben Holmes As shown previously Ben has this on his blog MDN web docs The TOC is only visible on screens greather than px Josh Comeau s blog The TOC is only visible on screens greater than px Bramus Van Damme has a nice tutorial on how to make this yourself He covers semantic markup how to implement most of the functionality with HTML and CSS and then how to do the last bit with JavaScript Below is the complete example from that tutorial There are many variations on this too It is a popular bit of blink people like to implement I don t know if it is all that useful though Wrapping upWe covered a lot of ground I hope I was able to break down the different considerations of adding a TOC to your blog From the outset it looks simple However to make it look nice and make it accessible to as many people as possible it requires more effort And of course there are plenty of ways you can dress it up	2022-06-27 10:43:41
海外TECH	DEV Community	Tips to better style your list items⚡🌈	https://dev.to/devsyedmohsin/tips-to-better-style-your-list-items-4jj0	Tips to better style your list itemsIn this article you will learn how to set an image string or emoji as a list item marker and some tips to better style and organize your list items The comma separated listThis is the code required to craft a comma separated list li not last child after content The alpha listYou can set list style type to lower alpha or upper alpha to keep your list items in an alphabetic order li list style type upper alpha list style type lower alpha The emoji listYou can set a emoji as a list style type lt string gt value list style type li list style type The decimal leading zeroSet list style type to decimal leading zero to append leading zero to your ordered list items li list style type decimal leading zero The marker pseudo elementMarker allows you to style the marker of your list items li marker color lightgreen The list style imageList style image allows you to specify a image as list item marker box of a list item bullet or a number in case of ol ul list style image url linkden jpg Hope you enjoyed reading this article if you have something to say or have any questions feel free to comment below	2022-06-27 10:28:01
海外TECH	DEV Community	How to Setup Nodejs Mongodb in Production server on Ubuntu 18.04 in AWS, GCP, Azure, Digital Ocean Cloud Instance or Locally	https://dev.to/nditah/how-to-setup-nodejs-mongodb-in-production-server-on-ubuntu-1804-in-aws-gcp-azure-digital-ocean-cloud-instance-or-locally-16hk	How to Setup Nodejs Mongodb in Production server on Ubuntu in AWS GCP Azure Digital Ocean Cloud Instance or LocallyTalking of DevOps practices like infrastructure automation there are lots of great tools out there for large enterprise applications However for small applications it would be an overkill like using a sledge hammer for a fly So why would I use Infrastructure as Code System such as Terraform or Configuration Management System Chef Ansible Puppet when I can simply fly with this mins installation guide just kidding I am learning them I regularly update the installation steps so get the Github gist for the most recent still drafting the article usr bin env bash Steps to write and execute a script Open the terminal Go to the directory where you want to create your script Create a file with sh extension Write the script in the file using an editor Make the script executable with command chmod x lt fileName gt Run the script using lt fileName gt echo Adding a New User to the System Sammy adduser sammy enter all the prompted info Step ーAdding the User to the sudo Groupusermod aG sudo sammy Testing sudo Accesssu sammysudo ls la rootecho GIT install curlsudo apt install curl y install gitsudo apt get install y gitecho NODE amp NPM You may also need development tools to build native addons sudo apt get install gcc g make ywget qO bashnvm ls remotenvm install nvm alias default add nodejs ppa personal package archive from nodesource curl sL sudo E bash install nodejs and npm sudo apt get install y nodejsecho MONGODB import mongodb public gpg keysudo apt key adv keyserver hkp keyserver ubuntu com recv DABDDDCBFCED create the etc apt sources list d mongodb org list file for mongodbecho deb arch amd bionic mongodb org multiverse sudo tee etc apt sources list d mongodb org list reload local package databasesudo apt get update install the latest version of mongodbsudo apt get install y mongodb org start mongodbsudo systemctl start mongod stop mongodbsudo systemctl stop mongod Make a directory as root usersudo mkdir p data db Provide access to the directorysudo chown R USER data db set mongodb to start automatically on system startupsudo systemctl enable mongod stop mongodb to start automatically on system startupsudo systemctl disable mongod install local replication set driver for nodejssudo npm install unsafe perm verbose g run rs f start mongodb replica set run rs mongod keep shell dbpath home user data start mongod as a background process mongod fork syslogecho PM install pm with npmnpm install g pm set pm to start automatically on system startuppm startup systemd make current user the owner of the pm log home dirsudo chown R whoami whoami home ubuntu pm create a shell script replica sh nano replica sh bin bash run rs mongod keep shell dbpath data db pm run replica shecho NGINX install nginxsudo apt get install y nginx You can make the currrent USER the owner of that directorysudo chown R whoami whoami var www set the appropriate permissionschmod R var wwwecho UFW FIREWALL allow ssh connections through firewall sudo ufw allow OpenSSH allow http amp https through firewall sudo ufw allow Nginx Full enable firewall sudo ufw force enableecho NETWORK TESTING TOOL curl toolsudo apt install httpie ysudo apt updatesudo apt install redis server y comment out supervised no and set supervised systemd sudo nano etc redis redis conf gt supervised systemd restart redis serversudo systemctl restart redis serviceecho SET UP LETS ENCRYPT Instal CertBotcurl o bash Open the server block file for your domain using nano or your favorite text editor sudo nano etc nginx sites available example com server name example com www example com test and restart nginxsudo nginx tsudo systemctl reload nginx create the nginx default configurationnano default paste the content below start website serverserver server name example com www example com root var www html web build index index html location try files uri args uri args index html admin console serverserver server name admin example com root var www html admin dist index index html location try files uri args uri args index html demo or documentation serverserver server name developers example com root var www html backend doc index index html location try files uri args uri args index html backend api serverserver server name api example com proxy set header Host host proxy set header X Forwarded For remote addr location proxy pass http localhost proxy http version proxy set header Upgrade http upgrade proxy set header Connection upgrade proxy set header Host host proxy cache bypass http upgrade proxy connect timeout proxy send timeout proxy read timeout send timeout end sudo rm etc nginx sites available defaultsudo mv default etc nginx sites available default Set up Certbot to obtain SSL certificatessudo certbot nginx d example com d www example com d api example com d dev example com d developers example com d admin example com To test the renewal process you can do a dry run with certbot sudo certbot renew dry run	2022-06-27 10:09:29
医療系	医療介護 CBnews	集中的な入院患者受け入れで薬剤などの単価抑制-総務省が小竹町立病院事業の経営健全化計画公表	https://www.cbnews.jp/news/entry/20220627191955	入院患者	2022-06-27 19:30:00
海外ニュース	Japan Times latest articles	G7 in final talks on global price cap for Russian oil amid energy cost surge	https://www.japantimes.co.jp/news/2022/06/27/world/politics-diplomacy-world/g7-russia-ukraine-oil-price-cap/	ukraine	2022-06-27 19:29:21
海外ニュース	Japan Times latest articles	Wimbledon marks end of era free from bans and boycotts in sports	https://www.japantimes.co.jp/sports/2022/06/27/more-sports/sports-new-era-political-boycotts/	Wimbledon marks end of era free from bans and boycotts in sports We will continue to see increased use of sports for cultural change for value change for policy change It s only going to happen more and	2022-06-27 19:03:19
ニュース	BBC News - Home	Birmingham explosion: Woman found dead and man seriously hurt	https://www.bbc.co.uk/news/uk-england-birmingham-61946915?at_medium=RSS&at_campaign=KARANGA	explosion	2022-06-27 10:53:03
ニュース	BBC News - Home	Barristers walk out of courts in strike over pay	https://www.bbc.co.uk/news/uk-61946038?at_medium=RSS&at_campaign=KARANGA	junior	2022-06-27 10:58:10
ニュース	BBC News - Home	Adele Roberts: Radio 1 DJ reveals she's free from bowel cancer	https://www.bbc.co.uk/news/newsbeat-61950848?at_medium=RSS&at_campaign=KARANGA	instagram	2022-06-27 10:29:22
ニュース	BBC News - Home	Queen in Edinburgh for Royal week in Scotland	https://www.bbc.co.uk/news/uk-scotland-61950569?at_medium=RSS&at_campaign=KARANGA	scotland	2022-06-27 10:56:41
ニュース	BBC News - Home	England captain Eoin Morgan set to retire from international cricket	https://www.bbc.co.uk/sport/cricket/61951802?at_medium=RSS&at_campaign=KARANGA	cricket	2022-06-27 10:29:15
ニュース	BBC News - Home	Russia in debt default as payment deadline passes	https://www.bbc.co.uk/news/business-61929926?at_medium=RSS&at_campaign=KARANGA	interest	2022-06-27 10:32:53
ニュース	BBC News - Home	England v South Africa: Kate Cross makes early breakthrough	https://www.bbc.co.uk/sport/av/cricket/61952436?at_medium=RSS&at_campaign=KARANGA	taunton	2022-06-27 10:41:08
北海道	北海道新聞	「著しい混雑生じず」　東京五輪マラソン・競歩　組織委報告書	https://www.hokkaido-np.co.jp/article/698659/	東京五輪	2022-06-27 19:54:07
北海道	北海道新聞	いじめ早期解決に緊急支援チーム派遣へ　道教委　学校の要請なくても積極介入	https://www.hokkaido-np.co.jp/article/698696/	児童生徒	2022-06-27 19:48:00
北海道	北海道新聞	歌手の葛城ユキさんが死去　「ボヘミアン」がヒット	https://www.hokkaido-np.co.jp/article/698697/	葛城ユキ	2022-06-27 19:49:00
北海道	北海道新聞	大阪で住民投票条例、７月請求へ　ＩＲ誘致巡り、市民団体から	https://www.hokkaido-np.co.jp/article/698695/	住民投票条例	2022-06-27 19:48:00
北海道	北海道新聞	大リーグ、エンゼルス３位に後退　パドレスは２位で変わらず	https://www.hokkaido-np.co.jp/article/698517/	大リーグ	2022-06-27 19:31:56
北海道	北海道新聞	厚労省、副業・兼業の指針改定へ　容認の有無、企業に公表促す	https://www.hokkaido-np.co.jp/article/698693/	厚生労働省	2022-06-27 19:44:00
北海道	北海道新聞	函館での出会い、歌に感謝込め　北大水産科学院生の越後さん、研究と音楽両立	https://www.hokkaido-np.co.jp/article/698667/	音楽	2022-06-27 19:41:59
北海道	北海道新聞	期日前投票９万人　参院選　道選管、中間状況を発表	https://www.hokkaido-np.co.jp/article/698607/	期日前投票	2022-06-27 19:36:06
北海道	北海道新聞	与野党、猛暑で節電ポイント批判　公国、電気料金下げ要求	https://www.hokkaido-np.co.jp/article/698683/	電気料金	2022-06-27 19:33:00
北海道	北海道新聞	ロシア「デフォルト」受け入れず　大統領報道官、外貨建て国債で	https://www.hokkaido-np.co.jp/article/698682/	大統領報道官	2022-06-27 19:33:00
北海道	北海道新聞	老舗の味「チャーメン」復活　喜茂別の協力隊員・大森さん、２月に閉店「三㐂」で修業	https://www.hokkaido-np.co.jp/article/698672/	隊員	2022-06-27 19:30:49
北海道	北海道新聞	ナイフで複数箇所刺す　福岡の男性医師刺傷事件	https://www.hokkaido-np.co.jp/article/698679/	千早病院	2022-06-27 19:23:00
北海道	北海道新聞	Ｇ７、ロシア産石油に価格上限案　制裁の実効性確保へ	https://www.hokkaido-np.co.jp/article/698627/	政府高官	2022-06-27 19:05:45
北海道	北海道新聞	Ｇ７、戦争犯罪者に制裁へ　ロシア関税でウクライナ支援	https://www.hokkaido-np.co.jp/article/698678/	戦争犯罪	2022-06-27 19:20:00
北海道	北海道新聞	江差・姥神祭り山車巡行、町内会の合意得られず　３年連続中止決定　文化伝承へ不安の声も	https://www.hokkaido-np.co.jp/article/698675/	連続	2022-06-27 19:18:00
北海道	北海道新聞	コロナ禍越え歌舞伎公演、大阪　ファンら支え、伝統守る	https://www.hokkaido-np.co.jp/article/698674/	道頓堀	2022-06-27 19:16:00
北海道	北海道新聞	中１自殺遺族が再調査要求　記載に誤り主張、山形	https://www.hokkaido-np.co.jp/article/698671/	酒田	2022-06-27 19:09:00
IT	週刊アスキー	【質問】日本の夏。「縁側」で飲みたいのは？	https://weekly.ascii.jp/elem/000/004/095/4095949/	質問	2022-06-27 19:50:00