投稿時間:2022-09-06 19:38:17 RSSフィード2022-09-06 19:00 分まとめ(40件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「メロン果汁100％」実際は2％　消費者庁、キリンビバレッジに措置命令	https://www.itmedia.co.jp/business/articles/2209/06/news160.html	措置命令	2022-09-06 18:45:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 森永、「ダース」リニューアル　ひと粒のサイズを約10％増量し満足度をアピール	https://www.itmedia.co.jp/business/articles/2209/06/news161.html	itmedia	2022-09-06 18:30:00
python	Pythonタグが付けられた新着投稿 - Qiita	【Flask】request.args実行時のエラー違いを確認する	https://qiita.com/MashCannu/items/0c1bc31cd3aab7e30d2f	approuteresultdefresult	2022-09-06 18:19:46
js	JavaScriptタグが付けられた新着投稿 - Qiita	テスト更新	https://qiita.com/tjun101371soccer/items/ed7cc150d6145818ffe4	更新	2022-09-06 18:03:00
golang	Goタグが付けられた新着投稿 - Qiita	プログラミング経験者へのGo入門	https://qiita.com/nishisuke/items/8f15818b04d3a488535b	gotour	2022-09-06 18:49:59
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】devise auth tokenをcookie認証にカスタマイズする	https://qiita.com/sakurada8514/items/7503a4b5617c3a63a56c	deviseaut	2022-09-06 18:03:41
海外TECH	DEV Community	Habits of Highly Successful Software Engineer	https://dev.to/onlydevs_/habits-of-highly-successful-software-engineer-2jjg	Habits of Highly Successful Software EngineerSoftware Engineer is a great career to pursue in because of many reasons like job security compensation perks that a company offers etc While we all know the roadmap and way to crack a Job as a Software Engineer but in this article we will discuss about how you can sustain and become successful in the Job So as a Software Engineer you must need to possess these habits Skills if you want to be highly successful Discipline Be in discipline means the ability to sit on your desk for long period and focus on doing deep work Problem Solving Software Engineers love solving problems and it s likely that you spend lot of time working out on how to build a piece of functionality So it s is important to have an attitude to solve any problem amp work on the problem solving skill Comfortable in Trying new and different things As you are working in the industry where there s lot of new tools and technologies coming out all of the time so you need to be comfortable to try new and different way of building software Google Google is your best friend whenever you find a problem or an error in your code it s very likely that someone else would have had the exact same problem and successful engineer know how to find the answer as it s impossible to remember and know everything If you are looking for a Job and some best courses inorder to upskill then you can join these communities on Slack and Discord Here you will get daily Job updates from some of the best companies out there and also there are many developers in the community so if you are looking for a referral then you can request for the same as well	2022-09-06 09:49:26
海外TECH	DEV Community	How to add Github Pull Requests as records in an Airtable base	https://dev.to/estheragbaje/how-to-add-github-pull-requests-as-records-in-an-airtable-base-20e0	How to add Github Pull Requests as records in an Airtable baseDo you ever want to keep track of Pull Requests PRs made in your repo in a spreadsheet format In this tutorial I ll show you how to set up a workflow to achieve this using Buildable With this workflow whenever a new PR is created in your Github repo Buildable listens to that event and instantly takes action to add it as a new record in your Airtable database PrerequisitesBefore we jump in let s take a look at some prerequisites you ll need for this tutorial A Buildable account Create your free account here A Github RepoAn Airtable baseNow let s get started Create a connectionStart by adding a Github Repo connection in your Buildable IDE Navigate to Connections and then click New From there select Github Repos as your connection source Complete the account connection prompt by filling the details Always give your connection an appropriate name e g Portfolio Connection Not sure how to get your Github Personal Access Token See docs Test your connection and once successful connect   Subscribe to eventsNext select the Github repo events you want Buildable to subscribe to Subscribing to these events allow Buildable to detect when these events occur and carry out the required action For this tutorial we d want to subscribe to the Pull Request event   Build a workflowNow that we ve connected our event source we need to build out this workflow Go to Workflows and select New You ll be prompted to give your workflow a suitable name and description Next attach the pull request event for Buildable to listen to This is what will trigger our workflow To do this select your Github repo the connection and then the event In this case github repos gt portfolio connection gt pull request   Add actionThe action is what happens when Buildable detects a pull request in our repo We want that action to send a record to our Airtable database From our IDE click the Add action button From the list select Airtable gt Create Records  Connect AirtableIf this is the first time you re connecting Airtable to Buildable then you ll need to fill in the required credentials to connect Airtable to Buildable Not sure how to find the API key and Base ID See belowHow to get your Airtable API keyHow to get your Airtable Base IDYou ll notice the Create Records node is called createdRecords Since this is a pull request record let s rename this correctly as pullRequestRecord   Create Airtable baseNow we need to create the Airtable table where we ll be inserting pull request records Let s call this table Pull Requests Next create the fields you need to record in the table For the purpose of this tutorial we ll be creating these fields TitleDescriptionAuthorNumberCreatedURLAsides the Number field make sure the remaining fields are “Single line text or “Long text fields   Modify Input NodeBack in Buildable you ll notice this template came with pre filled data We would need to modify this data for our scenario We have our API KEY BASE ID and endpoint already pre filled so we d leave them as they are But you need to change the tableName to the name of your table in Airtable Remember the table is called Pull RequestFinally map the value of these fields from the Pull Request event to match exactly what we have in Airtable body represents the entire payload coming into your node Title gt body pull request titleDescription gt body pull request bodyAuthor gt body sender loginNumber gt body pull request numberDate created gt body pull request created atURL gt body pull request urlFor ease copy and paste this code into your IDE const nodeInput body headers env data gt return BUILDABLE AIRTABLE API KEY env BUILDABLE AIRTABLE API KEY Required BUILDABLE AIRTABLE BASE ID env BUILDABLE AIRTABLE BASE ID Required endpoint Required tableName Pull Requests Required Required Array of objects to insert records fields Title body pull request title Description body pull request body Author body sender login Number body pull request number Created body pull request created at URL body pull request url Save and run your connection   Explore this workflowCongrats You ve just completed this workflow Go ahead and trigger a Pull request in your Github repo You would see this data populated in Airtable If you wish to extend the logic of your workflows add in custom JavaScript functions from Buildable s action library Have questions Drop them in the comments below Join the Buildable Discord community or follow on Twitter to learn more about updates	2022-09-06 09:29:39
海外TECH	DEV Community	My Latest Project Inspires Creativity	https://dev.to/andrewbaisden/my-latest-project-inspires-creativity-154j	My Latest Project Inspires CreativitySubscribe to my newsletter to stay up to date on all of my upcoming articles In the future I plan to do some giveaways and share some more cool exclusives Introduction ️This year I created a new portfolio website to replace the one which I had last year I like to create a new website every year when I can because it is refreshing to have something new to look at As you progress and grow as a developer it is nice to have a timeline with a career history to go alongside it Why It s Good To Have a Portfolio ‍This is a topic which constantly gets debated online Some developers believe that you should have a portfolio to showcase your work services and skills Others believe that portfolio websites are not as necessary these days and that a good GitHub profile with lots of up to date projects on it is more than good enough to use as a portfolio I agree with both statements because they have their pros and cons However I think that portfolio websites are still worth creating For starters it gives you a personal project to work on and you can do whatever you want with it It s a good opportunity to test out a new technical stack and create a website for your brand And obviously it s a project that you can put on your GitHub as well This time around I decided to create a more simplified website without a portfolio section I figured that I could just use my GitHub profile for showcasing my projects and use my portfolio as a Linktree type of website So essentially a one page website that has basic information about me with external links to all of my profiles The Technical Stack You can see the technical stack listed below Design FigmaFront end HTML CSS TypeScript React Storybook️Back end N ADeployment Netlify Creating a Minimum Viable Project I treated this project like it was a Minimum Viable Project MVP It is a good idea to get yourself accustomed to working in such a way because these skills methodology and knowledge will apply to most projects that you work on during your career A typical MVP could follow the pattern of steps outlined below Step BrainstormingBefore you start to do anything it s best to come up with some ideas first This can include figuring out the brand colours typefaces external inspiration etc Step User flow JourneyThe procedure by which a user interacts with a product Step Low Fidelity WireframeLow fidelity wireframes are the preliminary designs used before designing the website and app screens They commonly feature the placeholder text lorem ipsum Step High Fidelity Wireframe And Design SystemIn the last stages of the design process high fidelity wireframes are utilised to show the look and feel of the product They usually have actual content rather than placeholders The designer would also build the design system at this step which may include brand colours typefaces and design criteria Step PrototypePrototypes are working versions of the final application built by the design team They have functional interactions and may be used to demonstrate how displays travel transitions click events and other features Step Development Back EndA back end developer would work on the API databases servers and everything else relevant to the architecture Step Development Front EndIt depends on the individual whether they like to start working on the back end or front end I like to start with a back end that is operational and has real data A front end developer would focus on the UI UX at this stage and connect the application to the back end or any test data The developer would aim to replicate the designer s design system on the front end so that they are the same and as pixel perfect as possible Step DeploymentThe MVP should be officially launched once every stage has been completed Both the front end and the back end have to be operational or at least in a test stage Launching the final build and finishing the project s initial iteration would thus be the last step What I learned Design PhaseI had a lot of fun in the design phase while using Figma It is my original design which I created from scratch I already had a lot of experience with Figma but this project improved my design skills even more I learned that it s possible to design anything you want so you don t always have to source assets from other websites when you can design them yourself Figma has become my favourite design tool and every single asset that you can see in that cool city background was created by me using Figma A really important thing that I learned was how to export all of the layers as SVG assets that have IDs attached to them This was very important because it allowed me to create a light and dark theme by dynamically changing the code s colours The website is online at and you can see the light and dark themes below in the images Home Screen About Screen Social Media Screen Skills and Contact Screen Programming PhaseFor this website I choose to use create react app for the development The code was written in TypeScript and I used Storybook for the component asset library The technical stack was not super advanced but it did not need to because it was only going to be a one page website I used the React Responsive Carousel package to create the slider in the social media section In future projects I will likely use Next js or Vite js because they offer more customisations over the standard create react app package Thanks for your time Words hold so much power and can change your perception of reality Writing is an incredible medium for sharing thoughts knowledge and learning which is why I enjoy doing it so much Connecting and networking is a fantastic way to grow your social network and this can lead to so many doors opening with both personal and career opportunities that can come your way I appreciate you taking the time to read my content and I hope it helps you grow and accomplish all of your life dreams Let s connect and make the future brighter you can find all of my main profiles on Limey	2022-09-06 09:27:19
海外TECH	DEV Community	Nakama with YugabyteDB	https://dev.to/yugabyte/nakama-with-yugabytedb-1i5o	Nakama with YugabyteDBA YugabyteDB users asked about running Nakama server for realtime social and web amp mobile game apps on YugabyteDBAs YugabyteDB is PostgreSQL compatible this is as easy as pointing the connection to the new database The Nakama documentation shows an example of docker compose yaml for PostgreSQL and CockroachDB The idea is put CREATE DATABASE in an itit script directorystart YugabyteDB with bin yugabyted start daemon false listen initial scripts dir tmp sql base dir var lib yugabytedband before connecting what to be sure that port is up until echo gt dev tcp yugabytedb do echo Waiting for YugabyteDB to be up sleep done echo YugabyteDB is up check http localhost sleep amp amp Here is my docker compose yaml version services yugabytedb image yugabytedb yugabyte b environment POSTGRES DB nakama POSTGRES PASSWORD localdb entrypoint bash c mkdir p var lib yugabytedb initialization scripts echo create database POSTGRES DB POSTGRES USER gt var lib yugabytedb db sql bin yugabyted start daemon false listen initial scripts dir tmp sql base dir var lib yugabytedb restart no volumes data var lib yugabytedb expose ports nakama image registry heroiclabs com heroiclabs nakama entrypoint bin bash ecx gt until echo gt dev tcp yugabytedb do echo Waiting for YugabyteDB to be up sleep done echo YugabyteDB is up check http localhost sleep amp amp nakama nakama migrate up database address postgres localdb yugabytedb nakama amp amp exec nakama nakama name nakama database address postgres localdb yugabytedb nakama logger level DEBUG session token expiry sec restart no links yugabytedb db depends on yugabytedb prometheus volumes nakama data expose ports healthcheck test CMD curl f http localhost interval s timeout s retries prometheus image prom prometheus entrypoint bin sh c command sh s lt lt EOF cat gt prometheus yml lt lt EON global scrape interval s evaluation interval s scrape configs job name prometheus static configs targets localhost job name nakama metrics path static configs targets nakama EON prometheus config file prometheus yml EOF ports volumes data	2022-09-06 09:22:32
海外TECH	DEV Community	Side Nav React.js - Tutorial	https://dev.to/youngmamba/side-nav-reactjs-tutorial-59ih	Side Nav React js Tutorial Table Of ContentsIntro amp PrerequisitesBasic SetupCreating The BurgerCreating The Side MenuFinishing Touches Intro amp Prerequisites Okay so for today s tutorial I thought I d do something in React If you want to follow along I recommend that you have some knowledge of React otherwise some of the stuff might be very confusing to you And as always there will be a YouTube version of this tutorial you can find it here This is what we re building today Basic Setup Okay so a fun thing I thought of doing is everyone having the same website but with different color themes What you re going to do is open this website It s basically a blog showcasing different color themes I always use this website What you re going to do now is open up Random Number Generator in google and give it a spin Whichever number you get will be your color theme This is what I got Remember your color theme Now open up the folder you want your code to be in and start your React project and download the following packages npx create react app frontendcd frontendyarn add hamburger react react focus lock react icons styled componentsAfter that open your code editor and keep create the following files Quick note The other self created files will not be needed so feel free to delete them also we will not be using plain CSS we will style our components with styled components Now change the code inside App js to import ThemeProvider from styled components import GlobalStyles from global import theme from theme function App return lt ThemeProvider theme theme gt lt GlobalStyles gt lt div class main text gt lt h gt Hello World lt h gt lt div gt lt ThemeProvider gt export default App And the code inside index js to import React from react import ReactDOM from react dom client import App from App const root ReactDOM createRoot document getElementById root root render lt React StrictMode gt lt App gt lt React StrictMode gt Now inside theme js define your theme export const theme primaryDark B primaryLight EF primaryHover FAD mobile px This is where you get to use your color theme For primaryDark use the darker color in your theme And for primaryLight use the lighter color If your theme doesn t have a rd color use FFFFFF or for primaryHover And now inside global js define the basic CSS rules import createGlobalStyle from styled components export const GlobalStyles createGlobalStyle html body margin padding after before box sizing border box body display flex justify content center align items center background theme gt theme primaryDark color theme gt theme primaryLight height vh line height font family Roboto sans serif font size rem font weight normal h font size rem text align center text transform uppercase div text align center small display block a color theme gt theme primaryHover text decoration none main text margin left rem margin right rem If you have any questions about how we define CSS with styled components feel free to ask in the comments This is what we re left with Creating The Burger Over at components Burger create the following files index js we re going to use for importing Burger styled js we re going to use for styling CSS Burger js contains all the JSX code Inside of index js write export default from Burger Inside of Burger styled js write import styled from styled components export const StyledBurger styled button position absolute top left rem display flex flex direction column justify content space around width rem height rem background transparent border none cursor pointer padding z index span width rem height rem background theme open gt open theme primaryDark theme primaryLight border radius px transition all s linear position relative transform origin px first child transform open gt open rotate deg rotate nth child opacity open gt open transform open gt open translateX px translateX nth child transform open gt open rotate deg rotate Inside of Burger js we re going to utilize hamburger react which we installed earlier It s a package built just for hamburger menu s You can learn more about it from the official website Now add the following code inside Burger js import React from react import bool func from prop types import Twirl as Hamburger from hamburger react import StyledBurger from Burger styled const Burger open setOpen props gt const isExpanded open true false return lt StyledBurger gt lt Hamburger toggled open toggle setOpen size direction right duration distance lg aria expanded isExpanded color open B EF gt lt Hamburger gt lt StyledBurger gt Burger propTypes open bool isRequired setOpen func isRequired export default Burger Quick Note in the color attribute of lt Hamburger gt use this formula since we re using different themes color open primaryDarkColor primaryLightColor We re almost done Inside of components index js add export default as Burger from Burger And inside of App js write import React useState from react import ThemeProvider from styled components import GlobalStyles from global import theme from theme import Burger from components function App const open setOpen useState false return lt ThemeProvider theme theme gt lt GlobalStyles gt lt Burger open open setOpen setOpen aria controls menuId gt lt div class main text gt lt h gt Hello World lt h gt lt div gt lt ThemeProvider gt export default App Now if you we re to run your app you ll see a hamburger icon in the top left corner Creating The Side Menu Just like the Burger in the Menu folder create index js we re going to use for importing Menu styled js we re going to use for styling CSS Menu js contains all the JSX code Inside of index js add export default from Menu Inside of Menu styled js add import styled from styled components export const StyledMenu styled nav display flex flex direction column justify content center background theme gt theme primaryLight transform open gt open translateX translateX height vh text align left padding rem position absolute top left transition transform s ease in out media max width theme gt theme mobile width a font size rem text transform uppercase padding rem font weight bold letter spacing rem color theme gt theme primaryDark text decoration none transition color s linear media max width theme gt theme mobile font size rem text align center amp hover color theme gt theme primaryHover icon margin right px And finally inside of Menu js add import React from react import bool from prop types import AiOutlineFileText from react icons ai import RiPriceTagLine RiContactsBookLine from react icons ri import StyledMenu from Menu styled const Menu open props gt const isHidden open true false const tabIndex isHidden return lt StyledMenu open open aria hidden isHidden props gt lt a href tabIndex tabIndex gt lt span aria hidden true gt lt AiOutlineFileText className icon gt lt span gt About us lt a gt lt a href tabIndex tabIndex gt lt span aria hidden true gt lt RiPriceTagLine className icon gt lt span gt Pricing lt a gt lt a href tabIndex tabIndex gt lt span aria hidden true gt lt RiContactsBookLine className icon gt lt span gt Contact lt a gt lt StyledMenu gt Menu propTypes open bool isRequired export default Menu And don t forget inside of components index js add export default as Menu from Menu And in App js add import React useState useRef from react import ThemeProvider from styled components import GlobalStyles from global import theme from theme import FocusLock from react focus lock import useOnClickOutside from hooks import Burger Menu from components function App const open setOpen useState false const node useRef const menuId main menu useOnClickOutside node gt setOpen false return lt ThemeProvider theme theme gt lt GlobalStyles gt lt Burger open open setOpen setOpen aria controls menuId gt lt Menu open open setOpen setOpen id menuId gt lt div class main text gt lt h gt Hello World lt h gt lt div gt lt ThemeProvider gt export default App And we re done However there are a couple of finishing touches we could add If you don t want to do this it s ok the side nav works perfectly well like this Finishing Touches So the thing I m talking about is the fact that if you click outside of the side nav it won t close Now this is ok if you want the user to click the X icon to close it However I don t like that Inside of hooks js which we created in the beginning add import useEffect from react export const useOnClickOutside ref handler gt useEffect gt const listener event gt if ref current ref current contains event target return handler event document addEventListener mousedown listener return gt document removeEventListener mousedown listener ref handler And change the code in App js to import React useState useRef from react import ThemeProvider from styled components import GlobalStyles from global import theme from theme import FocusLock from react focus lock import useOnClickOutside from hooks import Burger Menu from components function App const open setOpen useState false const node useRef const menuId main menu useOnClickOutside node gt setOpen false return lt ThemeProvider theme theme gt lt GlobalStyles gt lt div ref node gt lt FocusLock disabled open gt lt Burger open open setOpen setOpen aria controls menuId gt lt Menu open open setOpen setOpen id menuId gt lt FocusLock gt lt div gt lt div class main text gt lt h gt Hello World lt h gt lt div gt lt ThemeProvider gt export default App Notice here we used a couple of things Firstly we used useRef which is a React hook You can read more about useRef here And we used react focus lock Here s the official I think documentation Now we re done Link to the githubpage Hope you enjoyed this If you liked this don t forget to follow me Links to my socials YoungMamba Young Mamba ·GitHub I make websites I can build your website YoungMamba has one repository available Follow their code on GitHub github com Young Mamba Medium Read writing from Young Mamba on Medium I make websites‍ Every day Young Mamba and thousands of other voices read write and share important stories on Medium medium com Liquid error internal tiktok com twitter com	2022-09-06 09:21:22
海外TECH	DEV Community	Monitoring EKS cluster with Prometheus and Grafana	https://dev.to/aws-builders/monitoring-eks-cluster-with-prometheus-and-grafana-1kpb	Monitoring EKS cluster with Prometheus and GrafanaIn this post I will go through the minimum steps to configure Prometheus and Grafana in the existing EKS cluster which is most likely used for monitoring and alerts Configuring Node Groups Creating new node groupAssuming that there are no pre existing node groups let s create one First let s attach IAM role to Kubernetes service account using eksctl eksctl create iamserviceaccount name aws node namespace kube system cluster EKS CLUSTER NAME role name AmazonEKSVPCCNIRole attach policy arn arn aws iam aws policy AmazonEKS CNI Policy override existing serviceaccounts approveNow let s head over to AWS Management Console gt EKS gt Your cluster gt Compute gt Add node group We HAVE to use EC for Prometheus and Grafana since they will both need volumes mounted to them When creating node group we have to attach an IAM role to EC worker nodes For easy demonstration I created a new IAM role and attached policies as below When filling all the information required to create a node group just make sure to apply values as below EC instance type m largeSubnets Your private subnets within the VPC that EKS cluster exists You can leave all the other values as it is To confirm that your EC worker nodes are properly running run the command below The result should say that pods are running kubectl delete pods n kube system l ks app aws nodeNAME READY STATUS RESTARTS AGEaws node szct Running saws node nzcd Running s aws ebs csi driverPrometheus and Grafana needs persistent storage attached to them which is also called PV Persistent Volume in terms of Kubernetes For stateful workloads to use Amazon EBS volumes as PV we have to add aws ebs csi driver into the cluster Associating IAM role to Service accountBefore we add aws ebs csi driver we first need to create an IAM role and associate it with Kubernetes service account Let s use an example policy file which you can download using the command below curl sSL o ebs csi policy json Now let s create a new IAM policy with that file export EBS CSI POLICY NAME AmazonEBSCSIPolicyaws iam create policy region AWS REGION policy name EBS CSI POLICY NAME policy document file ebs csi policy jsonexport EBS CSI POLICY ARN aws region ap northeast iam list policies query Policies PolicyName EBS CSI POLICY NAME Arn output text echo EBS CSI POLICY ARN arn aws iam policy AmazonEBSCSIPolicyAfter that let s attach the new policy to Kubernetes service account eksctl create iamserviceaccount cluster EKS CLUSTER NAME name ebs csi controller irsa namespace kube system attach policy arn EBS CSI POLICY ARN override existing serviceaccounts approveAnd now we re ready to install aws ebs csi driver Installing aws ebs csi driverAssuming that helm is installed let s add new helm repository as below helm repo add aws ebs csi driver helm repo updateAfter adding new helm repository let s install aws ebs csi driver with below command using helm helm upgrade install aws ebs csi driver version namespace kube system set serviceAccount controller create false set serviceAccount snapshot create false set enableVolumeScheduling true set enableVolumeResizing true set enableVolumeSnapshot true set serviceAccount snapshot name ebs csi controller irsa set serviceAccount controller name ebs csi controller irsa aws ebs csi driver aws ebs csi driver Configuring PrometheusFirst let s create a new Kubernetes namespace where all Prometheus related resources will reside in kubectl create ns prometheusWe will install Prometheus using helm so let s add the Prometheus repository to helm and install it running the command below Add helm repositories for Prometheushelm repo add kube state metrics helm repo add prometheus community Install Prometheushelm upgrade i prometheus prometheus community prometheus namespace prometheus set alertmanager persistentVolume storageClass gp server persistentVolume storageClass gp Few minutes after installing Prometheus we can see all the resources created as below To test if they are working let s use kubectl kubectl port forward n prometheus deploy prometheus server amp Now let s launch web browser and go to localhost The below web page should be seen if Prometheus has been successfully installed Configuring GrafanaAs the same as Prometheus we will create a dedicated Kubernetes namespace for Grafana and install it using helm First let s create a new namespace kubectl create ns grafanaWe also need a manifest file which will be used to configure Grafana Below is an example of the file called grafana yaml grafana yamldatasources datasources yaml apiVersion datasources name Prometheus type prometheus url access proxy isDefault trueNow let s install Grafana using helm Add helm repository for Grafanahelm repo add grafana Install Grafanahelm install grafana grafana grafana namespace grafana set persistence storageClass gp set persistence enabled true set adminPassword YOUR PASSWORD values grafana yaml set service type NodePortBefore exposing Grafana to the world let s see how the Kubernetes service running Grafana is defined We can see that the target port is which is the port used by pods running Grafana So we have to attach a new Security group to EC worker nodes allowing inbound requests for port We can do this by creating a new Security group and attaching it to EC worker nodes in the EC console of AWS Management Console After applying new security group to EC worker nodes let s define a new Kubernetes ingress which will provision an ALB To make Kubernetes ingress to create an ALB we have to install aws load balancer controller first Let s see how ingress looks like apiVersion networking ks io vkind Ingressmetadata name grafana ingress namespace grafana annotations alb ingress kubernetes io load balancer name grafana alb alb ingress kubernetes io scheme internet facing alb ingress kubernetes io target type ip alb ingress kubernetes io subnets PUBLIC SUBNET IDs alb ingress kubernetes io listen ports HTTPS alb ingress kubernetes io certificate arn ACM CERT ARN alb ingress kubernetes io security groups ALB SECURITY GROUP ID alb ingress kubernetes io healthcheck port alb ingress kubernetes io healthcheck path api healthspec ingressClassName alb rules host YOUR ROUTE DOMAIN http paths path pathType Prefix backend service name grafana port number After applying new ingress and having new ALB ready we can head over to YOUR ROUTE DOMAIN and see that Grafana is ready as below That s it In this post we created a new node group which will be used by Prometheus and Grafana and installed and configured both Prometheus and Grafana Hope this post helps you After importing Grafana dashboard using I got a new dashboard as below	2022-09-06 09:03:04
Apple	AppleInsider - Frontpage News	Apple's A15 processor may be 'enhanced' for the iPhone 14	https://appleinsider.com/articles/22/09/06/apples-a15-processor-may-be-enhanced-for-the-iphone-14?utm_medium=rss	Apple x s A processor may be x enhanced x for the iPhone As predictions continue that Apple will keep its new A processor exclusive to the iPhone Pro models a new rumor says the regular iPhone will use an enhanced A It s long been reported that Apple is going to have different processors in its regular and pro versions of the iPhone It s believed that only the iPhone Pro and iPhone Pro Max will get the newest A processor and it s been presumed that this means the iPhone will stay on last year s A A new and extremely limited report claims that this may not be quite correct According to the Wall Street Journal although the iPhone and what may be called the iPhone Plus will indeed use the A processor it won t be the same as the one in the iPhone range Read more	2022-09-06 09:41:50
ラズパイ	Raspberry Pi	Astro Pi Mission Space Lab: The journey of two mentors	https://www.raspberrypi.org/blog/astro-pi-mission-space-lab-mentor-journey-inspiration-career/	Astro Pi Mission Space Lab The journey of two mentorsSobhy Fouda started his Astro Pi journey in by helping a group of young people participate in Astro Pi Mission Zero the beginners activity of the annual European Astro Pi Challenge In Mission Zero participants write a simple computer program that runs on board the International Space Station ISS Seeing the wonder on the The post Astro Pi Mission Space Lab The journey of two mentors appeared first on Raspberry Pi	2022-09-06 09:41:51
ニュース	@日本経済新聞 電子版	漫画「ワンピース」・株式型クラファン・ジョンソン氏 https://t.co/LKfte9esth	https://twitter.com/nikkei/statuses/1567076814207729665	漫画	2022-09-06 09:06:42
ニュース	@日本経済新聞 電子版	コロワイド、シダックスに給食事業買収提案 【日経イブニングスクープ】 https://t.co/H3KjsXg4bE	https://twitter.com/nikkei/statuses/1567076813008175106	給食事業	2022-09-06 09:06:41
海外ニュース	Japan Times latest articles	Yen weakens to ¥141 zone against U.S. dollar in new 24-year low	https://www.japantimes.co.jp/news/2022/09/06/business/economy-business/yen-dollar-141-level/	sharp	2022-09-06 18:21:05
海外ニュース	Japan Times latest articles	Estimated costs for Abe state funeral rise to ¥1.66 billion	https://www.japantimes.co.jp/news/2022/09/06/national/abe-state-funeral-cost-increase/	dignitaries	2022-09-06 18:15:05
海外ニュース	Japan Times latest articles	Japan to shorten COVID-19 isolation period to seven days	https://www.japantimes.co.jp/news/2022/09/06/national/covid19-isolation-period-shortened/	Japan to shorten COVID isolation period to seven daysFor asymptomatic people with the virus the self quarantine period will be shortened from seven days to five so long as they get a negative result	2022-09-06 18:13:04
海外ニュース	Japan Times latest articles	Top Kadokawa execs arrested in widening Tokyo Olympics bribery scandal	https://www.japantimes.co.jp/news/2022/09/06/national/tokyo-olympics-bribery-kadokawa-arrests/	tsuguhiko	2022-09-06 18:10:40
海外ニュース	Japan Times latest articles	Incoming British leader Liz Truss can’t escape Boris Johnson’s legacy	https://www.japantimes.co.jp/opinion/2022/09/06/commentary/world-commentary/boris-johnson-problems/	truss	2022-09-06 18:00:45
ニュース	BBC News - Home	Olivia Pratt-Korbel's shooting death cannot be in vain, says dad	https://www.bbc.co.uk/news/uk-england-merseyside-62806418?at_medium=RSS&at_campaign=KARANGA	korbel	2022-09-06 09:45:11
ニュース	BBC News - Home	Firefighters and control room staff could strike over pay	https://www.bbc.co.uk/news/business-62806443?at_medium=RSS&at_campaign=KARANGA	leaders	2022-09-06 09:15:09
北海道	北海道新聞	ノンアルコールでミルクカクテル　１０、１１日に釧路・農業農村フェアで販売　根釧牛乳を使用	https://www.hokkaido-np.co.jp/article/727097/	釧路市内	2022-09-06 18:26:13
北海道	北海道新聞	流、来年のＷ杯が「最後」　ラグビー、６月に入院	https://www.hokkaido-np.co.jp/article/727075/	大分県別府市	2022-09-06 18:09:29
北海道	北海道新聞	レスリング、樋口が優勝へ意欲　世界選手権、１０日開幕	https://www.hokkaido-np.co.jp/article/727068/	世界選手権	2022-09-06 18:09:24
北海道	北海道新聞	地元産木材で鉛筆、魚の胃袋洗う工具…釧根の中小企業が新製品続々　釧路工業技術センター協力　相談対応数、過去５年で最多	https://www.hokkaido-np.co.jp/article/727094/	中小企業	2022-09-06 18:23:00
北海道	北海道新聞	ビザなし協定破棄「断じて受け入れられぬ」　鈴木知事	https://www.hokkaido-np.co.jp/article/727093/	協定破棄	2022-09-06 18:23:00
北海道	北海道新聞	ビザなし協定破棄「容認できない」　千島連盟理事長	https://www.hokkaido-np.co.jp/article/727092/	北方領土	2022-09-06 18:21:00
北海道	北海道新聞	ガソリン補助、年末まで延長へ　原油価格高止まり、財政負担拡大	https://www.hokkaido-np.co.jp/article/727091/	原油価格	2022-09-06 18:18:00
北海道	北海道新聞	滝上・国保診療所を新築　２５年６月利用開始　町議会で基本設計費可決	https://www.hokkaido-np.co.jp/article/727081/	開始	2022-09-06 18:12:00
北海道	北海道新聞	首相、旧統一教会問題で謝罪　研修会で、信頼回復に全力	https://www.hokkaido-np.co.jp/article/727076/	信頼回復	2022-09-06 18:07:00
北海道	北海道新聞	天皇陛下が稲刈り　皇居の田んぼで恒例行事	https://www.hokkaido-np.co.jp/article/727074/	天皇陛下	2022-09-06 18:03:00
北海道	北海道新聞	猪瀬直樹議員、朝日新聞を提訴　セクハラ指摘「名誉毀損」	https://www.hokkaido-np.co.jp/article/727060/	名誉毀損	2022-09-06 18:02:05
ニュース	Newsweek	アメリカを沸かせたジャニーズJr.！　Travis Japan「実力勝負の場で自信も付いた」	https://www.newsweekjapan.jp/stories/culture/2022/09/post-99544.php	それでも松田が言うように、日本でもアメリカでも変わらないのは「自分たちが楽しんだ分だけ、反応をもらえる」こと。	2022-09-06 18:41:00
ニュース	Newsweek	あのサラ・ペイリン知事が、共和党の牙城アラスカで「まさかの落選」の衝撃度	https://www.newsweekjapan.jp/stories/world/2022/09/post-99554.php	あのサラ・ペイリン知事が、共和党の牙城アラスカで「まさかの落選」の衝撃度月の米中間選挙を前に、アラスカ州で異変が起きた。	2022-09-06 18:01:00
マーケティング	MarkeZine	クロネコメンバーズ向けスマホ決済サービス「にゃんPay」登場　運賃割引・ちょうどチャージでより便利に	http://markezine.jp/article/detail/39961	決済サービス	2022-09-06 18:15:00
IT	週刊アスキー	突然の生理でも新宿ミロードに行けば安心！　女性用トイレ個室に生理用ナプキンの無料提供サービス「OiTr（オイテル）」を導入	https://weekly.ascii.jp/elem/000/004/104/4104473/	新宿ミロード	2022-09-06 18:30:00
IT	週刊アスキー	ソフトバンク、「店頭スマホサポート定額」開始。月550円から	https://weekly.ascii.jp/elem/000/004/104/4104477/	開始	2022-09-06 18:30:00
IT	週刊アスキー	サンワダイレクト、高耐荷重200kgのレザーチェアー「150-SNCL029」を発売	https://weekly.ascii.jp/elem/000/004/104/4104469/	荷重	2022-09-06 18:10:00