投稿時間:2021-06-28 03:12:53 RSSフィード2021-06-28 03:00 分まとめ(15件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】データ可視化ライブラリ Altair を使いこなす	https://qiita.com/keisuke-ota/items/aa93f45b3a9fc520541d	左の散布図には、クラス普通、理数、特進、教科国語、数学、理科、社会、英語の合計プロットが描画され、右のヒストグラムには各教科の得点分布が描画される。	2021-06-28 02:00:45
js	JavaScriptタグが付けられた新着投稿 - Qiita	配列に格納されている async 関数を順番に実行したい	https://qiita.com/Real_analysis/items/e242518e15b00d66f180	配列に格納されているasync関数を順番に実行したい前哨forawaitなんて便利な物があるではないか以下そのまま転載constasyncIterableSymbolasyncIteratorreturninextifthisiltreturnPromiseresolvevaluethisidonefalsereturnPromiseresolvedonetrueasyncfunctionforawaitletnumofasyncIterableconsolelognumつまり内部にPromiseやawaitがあるイテレータをforループで回せる訳ですね。	2021-06-28 02:36:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Django girlsのデプロイについて	https://teratail.com/questions/346486?rss=all	Djangogirlsのデプロイについてdjangonbspgirsのデプロイの部分で詰まってしまいました。	2021-06-28 02:58:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	slack apiから全チャンネルの発言の一覧を取得したい	https://teratail.com/questions/346485?rss=all	slackapiから全チャンネルの発言の一覧を取得したいpython初学者です。	2021-06-28 02:30:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Rubyのディレクトリの作成方法について	https://teratail.com/questions/346484?rss=all	Rubyのディレクトリの作成方法についてプログラム本体と、テストコードを分離して管理したいので、ディレクトリを作成したいのですが、作成方法がわかりません。	2021-06-28 02:25:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Rubyのディレクトリの作成方法について	https://teratail.com/questions/346483?rss=all	Rubyのディレクトリの作成方法についてプログラム本体と、テストコードを分離して管理したいので、ディレクトリを作成したいのですが、作成方法がわかりません。	2021-06-28 02:09:54
海外TECH	DEV Community	How to set up Golang application performance monitoring with open source monitoring tool	https://dev.to/signoz/how-to-set-up-golang-application-performance-monitoring-with-open-source-monitoring-tool-80d	How to set up Golang application performance monitoring with open source monitoring toolIf you want to check our Github repo before diving in SigNoz signoz SigNoz helps developers monitor their applications amp troubleshoot problems an open source alternative to DataDog NewRelic etc Monitor your applications and troubleshoot problems in your deployed applications an open source alternative to DataDog New Relic etc SigNoz helps developers monitor applications and troubleshoot problems in their deployed applications SigNoz uses distributed tracing to gain visibility into your software stack You can see metrics like p latency error rates for your services external API calls and individual end points You can find the root cause of the problem by going to the exact traces which are causing the problem and see detailed flamegraphs of individual request traces Features Application overview metrics like RPS th th th Percentile latencies and Error RateSlowest endpoints in your applicationSee exact request trace to figure out issues in downstream services slow DB queries call to rd party services like payment gateways etcFilter traces by service name operation latency error tags annotations Aggregate metrics on filtered traces Eg you can get error… View on GitHubScalability Reliability Maintainability The list goes on for the benefits of microservices architecture in today s world But along with these benefits also comes the challenges of complexity How do you ensure your distributed infrastructure which spans across servers datastores cloud vendors and third party APIs is in fine health to meet customer requirements all the time A single user request may get routed through three five eighteen or hundred different layers of services And it quickly becomes unrealistic for teams to identify which service was responsible for slowing a request down Engineering teams need a system that brings context to this complexity A system which enables quick identification of potential issues so that it can be resolved as quickly And that s where there is a need for a robust monitoring framework Table of ContentsIntroducing SigNozInstalling SigNozInstrumenting sample Golang appUsing SigNoz dashboard to identify issues causing high latency Introducing SigNozSigNoz is a full stack open source application monitoring and observability platform which can be installed within your infra You can track metrics like p latency error rates for your services external API calls and individual endpoints With service maps you can quickly assess the health of your services And once you know the affected service trace data can help you identify the exact code causing the issue Using SigNoz dashboard you can visualize your traces easily with flamegraphs Distributed tracing visualized with flamegraphs on SigNoz dashboardNow let s get down to some action and see everything for yourself We will divide the tutorial into two parts Installing SigNozInstrumenting sample app to start monitoring Part Installing SigNozInstall DockerYou can install Docker by following the steps listed on their website here For this tutorial you can choose the Docker Desktop option based on the system you have Clone SigNoz GitHub repositoryFrom your terminal use the following command to clone SigNoz s GitHub repository git clone Update path to signoz deploy and install SigNozThe deploy folder contains the files necessary for deploying SigNoz through Docker cd signoz deploy install shYou will be asked to select one of the ways to proceed Clickhouse as database default Kafka Druid setup to handle scale recommended for production use Trying out SigNoz with clickhouse database takes less than GB of memory and for this tutorial we will use that option You will get the following message once the installation is complete Once the installation runs successfully the UI should be accessible at port Wait for mins for the data to be available to frontend The applications shown in the dashboard are from a sample app called Hot R O D that comes with the installation bundle It has microservices being monitored Frontend Customer Driver and Route You can access the Hot R O D application UI at http localhost Now that you have SigNoz up and running let s see how instrumentation works Instrumentation is the process of implementing code instructions to monitor your application s performance Instrumentation is key to see how your application handles the real world It helps you generate trace data which you can then use to understand what s happening inside your systems SigNoz supports OpenTelemetry as the primary way for users to instrument their application OpenTelemetry is a single vendor agnostic instrumentation library with support for both automatic and manual instrumentation More details on OpenTelemetry Golang SDKs and APIs here Part Instrumenting sample Golang appTo see how SigNoz can start reporting data of a Golang app let s see how it works with a sample bookstore app GitHub repo It is a simple bookstore app with a REST API that provides book data and performs CRUD operations The app uses Gin framework to build a RESTful API Gin is a high performance HTTP web framework written in Golang containing a set of commonly used functionalities like routing middleware support and rendering OpenTelemetry has specific instrumentation packages to support popular Golang packages and use cases For example this app uses the Gin framework for request routing OpenTelemetry provides instrumentation package named otelgin to instrument the Gin framework which you need to import in your app You can find the complete list of supported Golang packages by OpenTelemetry here PrerequisitesVerify if you have Golang installed on your machine by running go version on your terminal If you don t have Golang installed you can download it here StepsClone sample Golang app repositoryFrom your terminal use the following command to clone sample Golang app GitHub repository git clone Update path to sample golang app amp check if the app is workingUpdate your terminal path to the sample app directory and check if the app is working or not using the following command cd sample golang appgo run main goMake sure you have an available port for running your app If by default the golang app tries to run on port you might get an error as SigNoz uses port for its query service On your mac terminal you can set the listening port of your app by using following command export PORT When the server runs successfully you can check the endpoint of your sample bookstore app at http localhost booksIf you see an empty array it means your application is working You can check out how to write update and delete books in your array from the article here books endpoint of our bookstore appOnce you ensure that your application is working exit the server by pressing Ctrl C on your mac terminal Set up OpenTelemetry Golang instrumentation packagesThe file main go has instructions to import all the necessary OpenTelemetry packages in order to instrument the sample app For this app we import the following OpenTelemetry packages import go opentelemetry io contrib instrumentation github com gin gonic gin otelgin go opentelemetry io otel go opentelemetry io otel exporters otlp go opentelemetry io otel exporters otlp otlpgrpc go opentelemetry io otel label go opentelemetry io otel sdk resource sdktrace go opentelemetry io otel sdk trace You just need to run it with the necessary environment variables in order to start sending data to SigNoz Use the following command to run and configure the app to send data to SigNoz SERVICE NAME goApp INSECURE MODE true OTEL EXPORTER OTLP ENDPOINT lt IP of SigNoz backend gt go run main go Ip of SigNoz can be replaced with localhost in this case Hence the final command becomes SERVICE NAME goApp INSECURE MODE true OTEL EXPORTER OTLP ENDPOINT localhost go run main goAnd congratulations You have instrumented your sample Golang app Hit the books endpoint of the bookstore app at http localhost books Refresh it a bunch of times in order to generate load and wait for mins for data to appear on SigNoz dashboard You can now access the SigNoz dashboard at http localhost to monitor your app for performance metrics Sample Golang app appears in the list of applicationIf you want to instrument your own Golang application you can read about it in our documentation Using SigNoz dashboard to identify issues causing high latency in your appNow that you have installed SigNoz let s see how you can identify specific events causing high latency in your deployed applications In just easy steps our dashboard lets you drill down to events causing a delay in your deployed apps Choose the service you want to inspect Choose the timestamp where latency is high and click on view tracesChoose the trace ID with the highest latencyInspect distributed traces with flamegraphZero in on the highest latency event and take actionIf you need any help with trying out SigNoz feel free to mail me at ankit anand signoz io Check out our documentation for more installation guides and troubleshooting instructions They say If it s not monitored then it s not in production And with SigNoz you can start monitoring your applications now Enabling your team to resolve issues quickly in production is critical to maintaining complex distributed systems in fine health At SigNoz we are committed to making the best open source self hosted tool for application performance monitoring Feel free to check out our GitHub repo here SigNoz signoz SigNoz helps developers monitor their applications amp troubleshoot problems an open source alternative to DataDog NewRelic etc Monitor your applications and troubleshoot problems in your deployed applications an open source alternative to DataDog New Relic etc SigNoz helps developers monitor applications and troubleshoot problems in their deployed applications SigNoz uses distributed tracing to gain visibility into your software stack You can see metrics like p latency error rates for your services external API calls and individual end points You can find the root cause of the problem by going to the exact traces which are causing the problem and see detailed flamegraphs of individual request traces Features Application overview metrics like RPS th th th Percentile latencies and Error RateSlowest endpoints in your applicationSee exact request trace to figure out issues in downstream services slow DB queries call to rd party services like payment gateways etcFilter traces by service name operation latency error tags annotations Aggregate metrics on filtered traces Eg you can get error… View on GitHub	2021-06-27 17:54:27
海外TECH	DEV Community	Make Your First Website Using HTML & CSS - Basic of Web Development .	https://dev.to/iamrishavraj1/make-your-first-website-using-html-css-basic-of-web-development-2inm	Make Your First Website Using HTML amp CSS Basic of Web Development IntroductionWeb development is the work involved in developing a Web site for the Internet World Wide Web From building a personal website to building a social media web app everything is a web development work and HTML and CSS are the beginning of everything you need to know to make your first web page At the end of this blog your first personal portfolio website will be ready Setup Our ProjectFirst we need to set our project folder in our PC and after creating the folder we open that folder in any IDE in my case I use VS Code you can choose whatever you want After opening the folder in IDE we need to create files with html extension for HTML file and css for CSS file VS Codeor you may choose online IDE like codepen io Codepen io Let s Start Our Project Introduction of HTMLHTML is the hypertext markup language used to create the website structure and its content Headlines paragraphs tables links images in a website are all done with HTML Let s understand from code open your project on IDE and in HTML file write this code and open in your browser right click and click Open in browser lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Rishav Raj Portfolio lt title gt lt head gt lt body gt lt div gt lt h gt Hello I am Rishav Raj lt h gt lt h gt Front End Web Developer Passionate Coder Volunteer lt h gt lt p gt I know how to write code and want to become an awesome Programmer and Developer I am currently learning Front End Web Development l to play with CSS and JAVASCRIPT I to Write Code in JavaScript Python and C lt p gt lt h gt Education lt h gt lt table gt lt tr gt lt th gt Degree lt th gt lt th gt College lt th gt lt th gt Year lt th gt lt tr gt lt tr gt lt td gt Bachelor s Degree in Mechanical Engineering lt td gt lt td gt BIT Mesra lt td gt lt td gt Present lt td gt lt tr gt lt tr gt lt td gt Intermediate Degree lt td gt lt td gt R L S Y College Anisabad Patna lt td gt lt td gt lt td gt lt tr gt lt table gt lt h gt My Hobby lt h gt lt ul gt lt li gt Photgraphy lt li gt lt li gt Reading lt li gt lt li gt Coding lt li gt lt ul gt lt div class contact gt lt h gt Connect With Me lt h gt lt button id fb gt lt a href gt Follow me on Facebook lt a gt lt button gt lt button id link gt lt a href gt Follow me on Linkedin lt a gt lt button gt lt button id git gt lt a href gt Follow me on Github lt a gt lt button gt lt div gt lt div gt lt body gt lt html gt This is what it looks like when opened in a browser Start with lt DOCTYPE html gt This declaration defines that this document is an HTML document HTML amp HTML both are same HTML are just updated version of HTML lt html lang en gt This declaration defines to declare the language of the Web page lt head gt The element contains meta information about the HTML page lt meta gt Meta data may be used by browsers content or methods of page reloading search engines keywords or other web services including keywords for page information the author of the document last modified and metadata lt title gt title element specifies a title for the HTML page which is shown in the browser s title bar or in the page s tab Using JavaScript you can change the title dynamically lt body gt body tag is the main part or element of HTML document It contain text content paragraphs headings images tables links videos etc Now in body tag we struct all the parts of website Now let s start building our website structure we start from heading in HTML heading define with lt h gt to lt h gt tag lt h gt define most important heading or largest font size heading and lt h gt is for least important heading or smallest font size heading After creating heading with lt h gt to lt h gt tag now we move to paragraph where we use lt p gt tag to create paragraph in HTML Above code you see that we put a heading in lt div gt tag The lt div gt tag is also known as the division tag it makes it easy to create different divisions for websites like navbar header sidebar and footer etc I used lt h gt tag for main title and lt h gt tag for sub heading After title you see there is lt p gt tag which is used for paragraph Now after heading and paragraph let us see how we create table in HTML as you see in the code i have again used lt h gt tag for education title and after that i have used lt table gt tag which is used to create a table in HTML In lt table gt tag we use lt tr gt tag which defines table row where we write our data In the first lt tr gt tag we use lt th gt tag which defines the table title we add three titles in the first lt tr gt tag degree college year after that we put a content according to its title in the next lt tr gt tag and In the second lt tr gt tag we use the lt td gt tag which defines the data cell in the HTML table There are two types of cells in HTML table first header cell lt tr gt and second is data cell lt td gt According to our table header we put our data in the data cell Now after completing our table we move on to learn about unordered list and ordered list To create a list we have to use lt ul gt tag or lt ol gt tag which defines the order of the list lt ul gt defines an unordered list bullet for a list collection of items with no numeric or alphabetical order and lt ol gt defines an ordered list which means that the collection of data list is numerically or alphabetically Now we come to our last part of our website where we create our contact section where people can click on buttons to find you in different social media Yes it is possible using HTML where people click on a button and that button send that user to your social media page To create a button we use the lt button gt tag which defines a clickable button In button we can put different HTML tags or texts In this project we put anchor tag lt a gt tag that defines a hyperlink that links one page to another In this anchor tag we will put social media link then when people click on button then that tag will take them directly to that page Now we are finally done with our HTML code as earlier we have learned that HTML only forms the structure of our website but currently our website is not looking good so to beautify our website we need to use CSS What needs to be done is to make our website look good by giving it some color margin and padding etc Introduction of CSSCSS stands for Cascading Style Sheet it is a style sheet language used to stylize our website by selecting HTML elements by adding colors layouts and fonts It also helps in adapting the presentation to different devices like large screen small screen The rules for declaring CSSWe have to choose which HTML elements we want to style that element is called selector we can select that element directly but when we need to select some specific section to style then we create a class or id for the element then we select that class or id and then style them To create a class or id we need to add class attribute or id attribute to the html element For Adding Class lt h class className gt Hello HTML Class Attribute lt h gt Here class attribute is appended to the starting tag of lt h gt with equal sign and after we add class name under quotation mark For Adding Id lt h id idName gt Hello HTML Id Attribute lt h gt Here class attribute is appended to the starting tag of lt h gt with equal sign and after we add id name under quotation mark After selecting a selector we open the curly brace then we add the properties we want to style such as color font border etc Then we add the colon right after the property and then we add the value for that property then end with a semicolon and the close curly brace CSS can be added to HTML in ways Inline CSS Internal CSS External CSS Inline Css lt h style color red gt Hello World lt h gt To use inline css in html we need to use lt style gt attribute HTML attributes are special words used inside the opening tag to control the element s behaviour Internal CSS lt head gt lt style gt body background color powderblue h color blue p color red lt style gt lt head gt Usually we use internal CSS when we make a one page website It is defined with a style element under the lt head gt tag External CSSFor external css we create a new file with extension css and link that page to html using link attribute It is generally good practice to use external CSS and generate clean code as well After creating the css file we can simply add the style with css body background color rgb text align center margin top p font family Courier New Courier monospace font size px Now we have to add the css file to our portfolio website after adding the css file our website looks like thisPreviously we finished the HTML part now we have to add the CSS To add the css file we create a css external file named style css then we have to link that page with html For links we have to use lt link gt attribute in lt head gt tag After creating style css file we start our styling body background color rgb text align center margin top p font family Courier New Courier monospace font size px a text decoration none color fff ul list style type none table th td background color fff margin left border px solid black padding px button padding px fb background color b link background color b git background color Lets understand the above css code first we style our body with some background color for that we use CSS background color property with value rgb or you can write your favorite color code or name After styling the background color we now style our text position for this we use the CSS text align property with a value of center or you can choose different values ​​ left right etc Now we style the margins with CSS margin top property with a value of the margin top property creates margins only from the top if we only use the margin property they create margins from all sides body background color rgb text align center margin top Now we style the paragraph from selecting a lt p gt tag with CSS font family property with a value of Courier New Courier monospace the font family property changes the font style of paragraph after styling the font style now we also style the size of font with CSS font size property with value px p font family Courier New Courier monospace font size px Now we style anchor tag with CSS text decoration property by selecting lt a gt tag with value of none anchor tag already has some default styling so anchor tag remove all default style from text decoration with value none property after removing default style from anchor tag we change CSS color property to fff white color a text decoration none color fff Now we style unordered list tag with CSS list style type property by selecting lt ul gt tag with value of none when we use lt ul gt tag then it provide bullets style in list so for removing bullets style we use list style type property with none value ul list style type none Now we style the table and their cells with CSS border property by selecting lt table gt lt th gt lt td gt tag with value of px solid black When we create a table with HTML elements it doesn t look like a table because they have no borders so we use border property to create borders in tables and their cells We use a px solid value for the Border property px defines the width of the border solid defines the style of the border and defines the color of the border After creating border the table and their cells look good but all elements are so close to border for giving space we use CSS padding property with value of px that gives space of px from all sides table th td background color fff margin left border px solid black padding px Finally we style our buttons with background color and padding Here we use id to give some unique style to each button button padding px fb background color b link background color b git background color Our Final WebsiteThis is just a basic introduction to web development Web development is much more than that To go into the depth of web development you have to learn all the basic fundamentals first and then move on Let s Connect With MeThank You for reading this blog I hope all of you have benefited after reading this blog Do Share it with your friends and family and get them benefit from it too Here You Connect with me	2021-06-27 17:33:37
海外TECH	DEV Community	Vim that!!	https://dev.to/msgbsm/vim-that-3d2c	Vim that I vimYou vimHe She vimsYou vimthey vim IntroductionVim s powerful I love vim Vim s easy I use vim on daily basis I bet you agree JUST with the first statement don t you Well let me juste explain something and we ll talk about vim being easy or hard It s all about understanding the key partsIn order to leverage the most of vim without spending a lot of time we need to be smart How to talk to vimLet s get started with an extremely important part vim has three important things that are surely required steps to master it VerbsModifiersNouns sample txtLine before comma after comma I open the file sample txt and I put my cursor on the f of before If I type dt sample txt will turns into sample txtLine be after comma Let s break dt down d verb deletet modifier until noun commaIt makes a lot more sense now dt gt delete until the next What s next I ll leave it there You can easily look for vim verbs modifiers nouns on google Conclusionvim is about continuous learning on a daily basis at least from my point of view	2021-06-27 17:17:06
海外TECH	Engadget	China shares video and audio from its Mars rover	https://www.engadget.com/china-zhurong-mars-rover-video-sound-173845448.html?src=rss_b2c	planet	2021-06-27 17:38:45
海外TECH	CodeProject Latest Articles	Developing a Private Network Connection iOS App exploring OpenVPN Protocol	https://www.codeproject.com/Articles/5305151/Developing-a-Private-Network-Connection-iOS-App-ex	prococol	2021-06-27 17:55:00
ニュース	BBC News - Home	Tour de France: Police seek spectator after crash	https://www.bbc.co.uk/news/world-europe-57631134	multi	2021-06-27 17:07:33
ニュース	BBC News - Home	US heatwave: Pacific Northwest sees record temperatures	https://www.bbc.co.uk/news/world-us-canada-57626173	idaho	2021-06-27 17:35:03
ニュース	BBC News - Home	Father and son clean Spanish Civil War memorial graffiti	https://www.bbc.co.uk/news/uk-scotland-glasgow-west-57631372	lanarkshire	2021-06-27 17:03:09
ニュース	BBC News - Home	Van der Poel wins stage two of Tour de France	https://www.bbc.co.uk/sport/cycling/57630542	brittany	2021-06-27 17:32:26