投稿時間:2022-02-27 17:19:37 RSSフィード2022-02-27 17:00 分まとめ(20件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 予約キャンセルが「気まずい」サービス　3位「病院」、2位「宿泊施設」、1位は？	https://www.itmedia.co.jp/business/articles/2202/27/news030.html	itmedia	2022-02-27 16:18:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 愛猫家に聞いた「猫の好きなところ」と「気になるところ」	https://www.itmedia.co.jp/business/articles/2202/27/news029.html	実態調査	2022-02-27 16:09:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	見るだけのガントチャートを作ってみた	https://qiita.com/yo16/items/fbb41932e904b1e96a25	見るだけのガントチャートを作ってみた作った背景タイトルはガントチャートだけど、実は簡単なタスクリストのシステムを作りたくて、その表現方法をどうしようか迷ってた。	2022-02-27 16:38:48
js	JavaScriptタグが付けられた新着投稿 - Qiita	昼寝用BGM&アラームツール作ってみる【Vanilla JS】	https://qiita.com/NasuPanda/items/c580b87cc9ec36c13abb	また、ストップが押された時にinputの値が更新されるようにします。	2022-02-27 16:21:59
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Ubuntu で RC-S300/P を使うメモ	https://qiita.com/s6n/items/c5fa484cf618ad619db4		2022-02-27 16:24:25
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS無料利用期間が終了したのでコスト確認	https://qiita.com/Unimaru/items/89e4194fa376875b1146	請求書無料利用枠期間の前後でコストを比較すると、ECELBRDSの各々でコストが増加していることが分かります。	2022-02-27 16:43:28
AWS	AWSタグが付けられた新着投稿 - Qiita	【Athena】failed to satisfy constraint: Member must have length less than or equal to 262144 というエラーメッセージ	https://qiita.com/YujiHamada3/items/d1b5e779d6080b985b82	これはエラーメッセージそのままなんですが、SQLの長さが文字以下である必要があるからです参考AmazonAthenaでクエリ文字列の最大長を大きくするにはどうすればよいですかこの制限はサービスクォータで緩和することもできないため、何かしら対処する必要があります。	2022-02-27 16:26:34
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSとオンプレミスのハイブリット環境での重複したドメインでの名前解決手法	https://qiita.com/Regryp/items/329e956250e38a1cd9a7	今回は、AWSにおける名前解決のおさらいと、オンプレミス環境とAWS環境で同一ドメインを重複して利用したいというケースの解決手法をご紹介します。	2022-02-27 16:24:02
AWS	AWSタグが付けられた新着投稿 - Qiita	WindowsでXAMPPを使っていてMySQL WorkbenchをインストールするとMySQLが起動できなくなった	https://qiita.com/yusuke5/items/e810e5e678e20fb3e35d	いや、より正確にいうと、インストール時に「ポートはすでに使われているので他のポート番号してください」というエラーが出て先に進めなかったので、わざわざXAMPPのMySQLを停止して、何も分からず「」設定で無理やり「MySQLWorkbench」をインストールしたことが原因でした。	2022-02-27 16:15:48
Docker	dockerタグが付けられた新着投稿 - Qiita	dockerのmysqlのコンテナのビルドで失敗した際の解決方法	https://qiita.com/snowcat/items/6800db593c76f426d8ac	FROMmysqlRUNaptupdateRUNaptinstallyopensshservervim調べてみると、証明書が切れてるとのことでした。	2022-02-27 16:39:21
海外TECH	DEV Community	How to Build a Stock Chart (JS) in 4 Steps	https://dev.to/andreykh1985/how-to-build-a-stock-chart-js-in-4-steps-72o	How to Build a Stock Chart JS in StepsData visualization is vastly applied in various fields One such domain is financial trading where stock charts are essential for smart market data analysis and decision making Whether you invest in stocks or not I am pretty sure that you have come across such graphics or even might need to build one right now So would you like to know how to make a stock chart I m ready to show you an easy path using the Tesla stock price data and JavaScript Come along with me throughout this tutorial and you ll learn how to quickly create elegant interactive JS stock charts like the one you see in the picture What Is a Stock Chart Most of you may know the basics but to ensure that we are all on the same page I will briefly tell you what a stock chart is A stock chart basically represents the price or volume movements of a stock over time by plotting the price or volume figures over the Y axis and the time period over the X axis Stock charts play a very important role in helping investors spot trends and make the right buy and sell decisions in the fast paced financial markets The most common chart type used to depict stocks is the candlestick stock chart But you can also use open high low close OHLC line area column or other forms of series visualization depending on a particular case and task Stock Chart to Be CreatedTesla is a company that is always in the news It has grown exponentially over the years and that is pretty much reflected in its stock value over time So I am going to build a stock chart to showcase the price movement of Tesla Inc for this tutorial I will also show you how to add various technical indicators and illustrate the effect of the recent hype surrounding the selling of stocks by Elon Musk Here is a peek at the final version of the JavaScript stock chart to get you all pumped up for the upcoming steps Building a Stock Chart with JavaScriptCreating an interactive stock chart from scratch can be quite a daunting task but becomes much easier and faster with an appropriate data visualization tool For example there are some useful JavaScript charting libraries that have the capability to create financial graphics and you can work with whichever suits your needs In this tutorial I am using one of the good ones ーthe AnyChart JS library which has some great options for stock charts along with neat documentation for them and is free for any non commercial and educational use Although it is not necessary some skills with HTML and JavaScript can help understand the concepts faster But everything is quite straightforward and will be vastly explained so there is nothing to worry about even if you are a novice The opening bell has rung and it s time to create the stock chart Make an HTML pageThe first thing I do is create an HTML page to hold the chart and add a div element to render the chart This block element should be given a unique id so it can be referenced in the code later I also set the styling of the div where I define the width and height as with margins and padding This will display the stock chart over the entire screen lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset utf gt lt title gt JavaScript Stock Chart lt title gt lt style type text css gt html body container width height margin padding lt style gt lt head gt lt body gt lt div id container gt lt div gt lt body gt lt html gt Add the required scriptsSince I am using a charting library I need to reference the appropriate JS scripts from that library for the stock chart Remember that these scripts are included in the head section of the HTML page For a stock chart I need to add multiple scripts Firstly I include AnyChart s core and stock modules Next I add the Data Adapter module that helps load the data Finally I include the UI and Exports modules for user interface elements and to enable export features that let you save the chart as an image or extract the underlying data to a data file For the stock UI features to work properly I also need to link the appropriate stylesheets lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset utf gt lt title gt JavaScript Stock Chart lt title gt lt script src gt lt script gt lt script src gt lt script gt lt script src gt lt script gt lt script src gt lt script gt lt script src gt lt script gt lt link href type text css rel stylesheet gt lt link href type text css rel stylesheet gt lt style type text css gt html body container width height margin padding lt style gt lt head gt lt body gt lt div id container gt lt div gt lt script gt All the code for the JS Stock Chart will come here lt script gt lt body gt lt html gt Prepare the dataIn this stock chart I want to visualize daily stock price data for Tesla Inc TSLA so I take it from Yahoo Finance and the CSV data file here All the preparations are done now so let s start the trading or in our case writing the JavaScript stock charting code Write the necessary JavaScript codeTo start with I enclose the code within a function called anychart onDocumentReady This ensures that the code will not be executed till the page is fully loaded Next I load the data file using the anychart data loadCsvFile function I then create a data table and add the loaded data to it but before I can use this data for my stock chart I need to map it Since I am creating a candlestick stock chart I map the open high low and close values anychart onDocumentReady function anychart data loadCsvFile function data create data table on loaded data var dataTable anychart data table dataTable addData data map loaded data for the candlestick series var mapping dataTable mapAs open high low close Now I define the stock chart plot it and set the gridlines As numbers are important when looking at stock data values I enable all the gridlines for better readability create stock chartvar chart anychart stock create first plot on the chartvar plot chart plot set grid settingsplot yGrid true xGrid true yMinorGrid true xMinorGrid true Now comes the main part of creating the series This is done by using the candlestick drawing function with the mapping that I defined earlier I give the series a name and add a legend icon var series plot candlestick mapping name Tesla series legendItem iconType rising falling create scroller series with mapped datachart scroller candlestick mapping Stock charts have values over a long period of time So I add a scroller series under the main chart that enables the user to specify the date range and take a closer look at the values of that data I set a one year range for default display To make it easier for the user I provide both a range picker where the user can manually enter dates and a range selector where the commonly used time periods can be selected with just a click set chart selected date time rangechart selectRange create range pickervar rangePicker anychart ui rangePicker init range pickerrangePicker render chart create range selectorvar rangeSelector anychart ui rangeSelector init range selectorrangeSelector render chart Finally I give the chart a title reference the previously defined chart container and draw the chart sets the title of the chartchart title Tesla Inc Stock Chart set container id for the chartchart container container initiate chart drawingchart draw That s the closing bell and a beautiful functional stock chart is created You can quickly figure out the stock prices of Tesla have been fluctuating in the past year but the overall trend is positive Hover over the chart to see a functional tooltip showing the date along with open high low and close values This is one of the many useful features already available here You can see this initial JS stock chart version on CodePen and on AnyChart Playground with the full code Customizing the JavaScript Stock chartA Series type and conditional coloringB Technical indicators EMA and EnvelopeC MACD indicatorD Awesome OscillatorE Color paletteF Illustrating and annotatingFOR A WALKTHROUGH OF THESE JS STOCK CHART CUSTOMIZATIONS CONTINUE READING HERE	2022-02-27 07:46:28
海外TECH	DEV Community	TypeScript Utility types with Generics	https://dev.to/dailydevtips1/typescript-utility-types-with-generics-59el	TypeScript Utility types with GenericsThis one will be a little bit more advanced as we ll be looking at improving our combined utility type we made the other day The code so far looks like this interface User id number firstname string lastname string age number type LoggedUser Required lt Pick lt User id gt gt amp Omit lt User id gt const u LoggedUser id firstname Chris lastname Bongers The LoggedUser type is a modified version of the User interface requiring specific fields In our case we make the id field required However this kind of action of requiring fields might become a feature we would like to re use throughout our application And by looking at generics types it s exactly what we can use to make this happen Making a generic require fields utility typeWe would love to have a RequireFields type This type could then be used to define a list of required fields for a specific type The great part about types is that we can define information in their generics section like so type RequireFields lt Type gt The Type will now be available to work with inside the function Let s take a step back and see what details we need type LoggedUser Required lt Pick lt User id gt gt amp Omit lt User id gt By looking at the above we see that we need the User type and the field we want to require the id When we looked at generics types I briefly mentioned there is not a limit to one type so that we can pass multiple types like this type RequireFields lt Type Type gt The first one in our case will be User which we can define as T However the second one is a bit different since it can contain one or multiple keys from this T User Luckily for us TypeScript has a feature that does just that The function looks like this K extends keyof THere we define K as our second type and K should act as an extended key object of the T Let s quickly look at what this could return to see what we are working with As you can see in the image above the keys for this interface are id firstname lastname age By using extends keyof Type we make sure we can only pass keys that are part of the object Looping back to our RequireFields type we can set the generic types to be the following type RequireFields lt T K extends keyof T gt In this case the T will be our type and the K will be the keys of this type we want to use Note Type keys can be one or multiple delimited by an Then we can modify what we had before to work with these two generic types Before type LoggedUser Required lt Pick lt User id gt gt amp Omit lt User id gt After type RequireFields lt T K extends keyof T gt Required lt Pick lt T K gt gt amp Omit lt T K gt We can simply call this RequireFields type and pass the type and keys we want to require const u RequireFields lt User id age gt id age firstname Chris lastname Bongers Remember when I said the extends keyof will check for the right keys Let s try and modify the age key to a key that doesn t exist In this image you can quickly see TypeScript will warn us that this email field does not exist on the User type ConclusionThis is quite a complex concept to grasp at first and I urge you to try it out yourself By playing around and following the steps you should understand what this code does in detail These generic types combined with the utility types make TypeScript super exciting and versatile Thank you for reading and let s connect Thank you for reading my blog Feel free to subscribe to my email newsletter and connect on Facebook or Twitter	2022-02-27 07:01:01
海外ニュース	Japan Times latest articles	Japan should consider hosting U.S. nuclear weapons, Abe says	https://www.japantimes.co.jp/news/2022/02/27/national/politics-diplomacy/shinzo-abe-japan-nuclear-weapons-taiwan/	Japan should consider hosting U S nuclear weapons Abe saysAbe noted that had Ukraine kept some of its nuclear weapons following the breakup of the Soviet Union instead of exchanging them for a security	2022-02-27 16:31:45
ニュース	BBC News - Home	Ukraine invasion: Fighting breaks out in Ukraine's second city Kharkiv	https://www.bbc.co.uk/news/world-europe-60543087?at_medium=RSS&at_campaign=KARANGA	light	2022-02-27 07:15:20
ニュース	BBC News - Home	Driving: More 50mph zones on the way for Welsh roads?	https://www.bbc.co.uk/news/uk-wales-60525089?at_medium=RSS&at_campaign=KARANGA	concentration	2022-02-27 07:11:08
ニュース	BBC News - Home	Rafael Nadal beats Cameron Norrie to win Mexican Open title	https://www.bbc.co.uk/sport/tennis/60539334?at_medium=RSS&at_campaign=KARANGA	mexican	2022-02-27 07:16:45
サブカルネタ	ラーブロ	心＠多磨霊園	http://ra-blog.net/modules/rssc/single_feed.php?fid=196813	中距離弾道ミサイル	2022-02-27 07:07:04
北海道	北海道新聞	東海道新幹線、レール監視を強化　乗り心地向上へ新システム搭載	https://www.hokkaido-np.co.jp/article/650497/	乗り心地	2022-02-27 16:19:00
北海道	北海道新聞	ラグビー、横浜がＢＲ東京下す　リーグワン第７節最終日	https://www.hokkaido-np.co.jp/article/650495/	駒沢	2022-02-27 16:13:00
ビジネス	東洋経済オンライン	夫を亡くし｢家にばかり｣と悩む彼女を変えた一言 漫画｢ミカコ72歳｣ | ミカコ72歳 | 東洋経済オンライン	https://toyokeizai.net/articles/-/512954?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-02-27 17:00:00