投稿時間:2022-01-02 08:23:15 RSSフィード2022-01-02 08:00 分まとめ(29件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	バイデン政権、NASAに2030年までのISS運用延長を指示	https://japanese.engadget.com/nasa-to-extend-iss-operations-through-2030-225040721.html	国際宇宙ステーション	2022-01-01 22:50:40
python	Pythonタグが付けられた新着投稿 - Qiita	vue.jsで「The template root requires exactly one element.」とエラーが表示された時は？	https://qiita.com/yutoun/items/d72a5d3d3f7361e1cec3	vuejsで「Thetemplaterootrequiresexactlyoneelement」とエラーが表示された時は目的vuejsでとあるアプリを作ってみようとして下記のようなコードを書いていたところ、inputのところにエラーが表示されてしまったlttemplategtltdivgtltbuttonvonclickgetInfogtメンバー情報を取得ltbuttongtltdivvformemberkeyinMemberskeykeygtlthrgtltpgtmemberusernameltpgtltpgtmembergenderltpgtltpgtmemberintroductionltpgtltpgtmemberjobltpgtlthrgtltdivgtltdivgtltinputtypetextplaceholderusernamevbindvalueusernamegtltinputtypetextplaceholderpasswordvbindvaluepasswordgtlttemplategtvuenomultipletemplaterootComponenttemplateshouldcontainexactlyonerootelement実施環境ハードウェア環境項目情報OSmacOSCatalinaハードウェアMacBookAirinchEarlyプロセッサGHzデュアルコアIntelCoreiメモリGBMHzDDRグラフィックスintelHDGraphicsMBソフトウェア環境項目情報homebrewmysqlVerformacosonxpythondjangoanacondapip原因究明vuenomultipletemplaterootComponenttemplateshouldcontainexactlyonerootelement単純にこの文をよく読んでみると、テンプレートコンポーネントにはroot要素を一つしか含めることができない。	2022-01-02 07:54:31
js	JavaScriptタグが付けられた新着投稿 - Qiita	vue.jsで「The template root requires exactly one element.」とエラーが表示された時は？	https://qiita.com/yutoun/items/d72a5d3d3f7361e1cec3	vuejsで「Thetemplaterootrequiresexactlyoneelement」とエラーが表示された時は目的vuejsでとあるアプリを作ってみようとして下記のようなコードを書いていたところ、inputのところにエラーが表示されてしまったlttemplategtltdivgtltbuttonvonclickgetInfogtメンバー情報を取得ltbuttongtltdivvformemberkeyinMemberskeykeygtlthrgtltpgtmemberusernameltpgtltpgtmembergenderltpgtltpgtmemberintroductionltpgtltpgtmemberjobltpgtlthrgtltdivgtltdivgtltinputtypetextplaceholderusernamevbindvalueusernamegtltinputtypetextplaceholderpasswordvbindvaluepasswordgtlttemplategtvuenomultipletemplaterootComponenttemplateshouldcontainexactlyonerootelement実施環境ハードウェア環境項目情報OSmacOSCatalinaハードウェアMacBookAirinchEarlyプロセッサGHzデュアルコアIntelCoreiメモリGBMHzDDRグラフィックスintelHDGraphicsMBソフトウェア環境項目情報homebrewmysqlVerformacosonxpythondjangoanacondapip原因究明vuenomultipletemplaterootComponenttemplateshouldcontainexactlyonerootelement単純にこの文をよく読んでみると、テンプレートコンポーネントにはroot要素を一つしか含めることができない。	2022-01-02 07:54:31
js	JavaScriptタグが付けられた新着投稿 - Qiita	for文、for..in、for..of文はどれを使うの？	https://qiita.com/hikotaro_san/items/6d7b724377f3c14982d7	for文、forin、forof文はどれを使うの配列反復可能オブジェクトのループfor文、またはforof文を使います。	2022-01-02 07:07:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Boxing!.Luis Ortiz vs Charles Martin Live ONLINE Streaming	https://teratail.com/questions/376316?rss=all		2022-01-02 07:58:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Watch Luis Ortiz vs Charles Martin live streaming free	https://teratail.com/questions/376315?rss=all		2022-01-02 07:58:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Django】AWS S3へアップロードしたファイルの圧縮方法を教えていただきたいです。	https://teratail.com/questions/376314?rss=all	教えていただきたいことDjangoの本番環境において、Sにアップロードしたファイルを圧縮サイズを小さくしたいのですが、処理方法がわかりません。	2022-01-02 07:57:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Live.. Luis Ortiz vs Charles Martin Live Stream	https://teratail.com/questions/376313?rss=all		2022-01-02 07:57:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	[Match@Thread]:: Luis Ortiz vs Charles Martin live streams..reddit..	https://teratail.com/questions/376312?rss=all		2022-01-02 07:55:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Streaming..!Ortiz vs. Martin live!streaM free	https://teratail.com/questions/376311?rss=all		2022-01-02 07:54:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Live/free..!... Luis Ortiz vs Charles Martin live!streaM	https://teratail.com/questions/376310?rss=all		2022-01-02 07:54:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	EN Vivo! Luis Ortiz vs Charles Martin live!stream	https://teratail.com/questions/376309?rss=all		2022-01-02 07:53:23
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Live! Luis Ortiz vs Charles Martin Live!Stream total s.p.o.r.t.e.k	https://teratail.com/questions/376308?rss=all		2022-01-02 07:52:43
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Live/free,,!... Ortiz vs. Martin live!streaM	https://teratail.com/questions/376307?rss=all		2022-01-02 07:52:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Live.TV!.Luis Ortiz vs Charles Martin live stream 2022	https://teratail.com/questions/376306?rss=all		2022-01-02 07:51:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Ortiz vs. Martin - live Stream	https://teratail.com/questions/376305?rss=all		2022-01-02 07:50:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Luis Ortiz vs Charles Martin Live Stream - TOTAL SPORTEK	https://teratail.com/questions/376304?rss=all		2022-01-02 07:46:48
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Ortiz vs. Martin live	https://teratail.com/questions/376303?rss=all		2022-01-02 07:40:46
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Austria vs North Macedonia live	https://teratail.com/questions/376302?rss=all		2022-01-02 07:24:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	カスタムセルからのsegue遷移	https://teratail.com/questions/376301?rss=all	カスタムセルからのsegue遷移XcodeでiOSアプリ開発の練習をしています。	2022-01-02 07:10:54
Ruby	Rubyタグが付けられた新着投稿 - Qiita	##　条件分岐の記述について【その１】	https://qiita.com/Ryuichi_natsume/items/6a51a5646199ee1f6561	【item】hasone【purchasemanagement】このアソシエーションを前提に記述することを気づけていれば、、、つまり、itemがpurchasemanagementを持っているかどうかpurchasemanagementは購入履歴のモデルです。	2022-01-02 07:17:18
技術ブログ	Developers.IO	Amazon Lex Automated Chatbot Designerをためしてみた	https://dev.classmethod.jp/articles/amazon-lex-automated-chatbot-designer-try/	amazon	2022-01-01 22:09:31
海外TECH	Ars Technica	Noblewoman’s tomb reveals new secrets of ancient Rome’s highly durable concrete	https://arstechnica.com/?p=1822945	chemical	2022-01-01 22:31:29
海外TECH	DEV Community	Convert images to mosaics in p5.js	https://dev.to/andyhaskell/convert-images-to-mosaics-in-p5js-2dlc	Convert images to mosaics in p jsp js is a fun JavaScript library for drawing on an HTML canvas and it has some of the clearest tutorials I have seen It gives you functionality for things like image manipulation drawing lines and shapes displaying images working with trigonometry and more And it is especially popular for generative art such as fractals In this tutorial I will show you how to use p js to convert an image like this to a mosaic of dots like this This tutorial assumes a working knowledge of JavaScript and familiarity with pre algebra but prior knowledge of p js isn t strictly necessary You can follow along on this by creating an account on the p js online editor and logging in The finished product can be found here Making a first canvasAs a basic p js program let s start by making a canvas and drawing a single small dot there We would do that by taking this code to the p js editor function setup createCanvas function draw ellipse We are starting with basic implementations two of the major functions in a p js program setup and draw The setup function runs at the beginnng of a p js program and what we re doing in it is calling createCanvas a built in function from p js to create a small HTML lt canvas gt element of width and height The draw function runs repeatedly in the JavaScript event loop and what we re doing is calling ellipse to put a circle on the canvas with a diameter of pixels and its center at point of that canvas Remember at school plotting points on Cartesian coordinate grids in math class That is the same concept here with drawing on a canvas In fact a lot of concepts from math class can be used as tools to make cool art Now that we ve got our setup and draw functions press play on the p js editor and you should see something like this One key difference between the Cartesian grids in math class and the ones in an HTML canvas though is that as you can see point is at the top left of the canvas not the bottom left Unlike in the graphs from math class the y axis on an HTML canvas goes from top to bottom not bottom to top The x axis though still goes left to right By the way since we re only drawing our picture once rather than repeatedly like if we were making an animated p js sketch it s kind of pointless to call draw repeatedly So let s make it so we re only calling draw once function setup createCanvas noLoop By adding a call to noLoop now after the first time we call draw we don t call draw again unless our code calls redraw Before we move on to loading an image one other thing worth noting circles ellipses are not the only shape you can draw in p You can find code to draw other shapes like lines curves rectangles and more in the links at this reference Loading an imageWe ve got our canvas made but now we need a way of loading the image we re editing First in the p editor left of the sketch js filename click the right arrow to pop our the sketch files panel click the down triangle on the line that says sketch files select upload file in the dropdown and then upload your image Now to use the image add the following code to the p js editor adding a preload function and replacing the setup function let img function preload img loadImage beach jpg function setup createCanvas img width img height noLoop The preload function runs before setup to load any assets needed for our p js program What we re doing in our preload function is calling p js s loadImage function to load an image represented in JavaScript as a p Image object that we can manipulate We store that Image in the img global variable Note that if you re using an image besides beach jpg you ll want to change the name of the image you re loading in loadImage Now in setup we call createCanvas like before but now we use the Image object to load the image We then retrieve the image s width and height so the canvas we make is now the same size as the image Now that we ve got the image s width and height and a canvas made in that size we re going to switch over to drawing the dots on our mosaic Plotting the dotsCircling back to our draw function let s replace that function s entire code with this function draw drawMosaic function drawMosaic dotRadius TODO Add code to put the dots on the mosaic Just like how in programming languages like Go it s a good idea to have the main relatively simple I like having my draw function be just a one liner that calls the function that does the bulk of the action We re going to have drawMosaic be the central function of this program it takes in the radius we want each dot to be and it will be in charge of drawing all our dots We want dots all over the picture so let s break up the image into columns each column will be about times the width of a dot times the radius and will be filled top to bottom with dots So we ll need to know How many columns the image will haveWith that knowledge how to draw a column Let s start by just displaying a vertical line for each column We ll get rid of the line later but for now this is helpful as scaffolding so if something is off about how we render the dots such as what size they are or where the dots are drawn we can figure out what s being drawn in a given column relative to that column s lines So let s add these functions const columnWidth dotRadius gt dotRadius const numberOfColumns dotRadius gt Math ceil width columnWidth dotRadius function drawColumnDots dotRadius offsetX TODO Replace the line with a column of dots line offsetX offsetX height function drawMosaic dotRadius for let i i lt numberOfColumns dotRadius i offsetX i columnWidth dotRadius drawColumnDots dotRadius offsetX Here s our functions so far columnWidth is a helper function to get the width of a column We have a column be triple the radius of a dot so that we give each dot a bit of wiggle room as to where it will be drawn numberOfColumns tells us how many columns of dots we can fit in the picture Which is the width of the image divided by the width of a column drawColumnDots will be in charge of adding all the dots to a given column starting at the x coordinate offsetX we pass in and ending at offsetX dotRadius For now as scaffolding we will just draw a straight vertical line at the left edge of the column drawMosaic draws every column we loop over the number of columns we have and for each one we create a column that starts at the x coordinate i times the width of a column For example if we have a column width of then the sixth column of dots zero indexed so i of the mosaic starts at an offsetX of pixels Press play on the p js editor and you should see something like this But we didn t come here to draw some vertical lines we came here to draw some dots so let s do that function drawColumnDots dotRadius offsetX TODO Replace the line with a column of dots line offsetX offsetX height let dotDiameter dotRadius let dotHeightWithPadding dotDiameter let numDotsInColumn Math floor height dotHeightWithPadding for let i i lt numDotsInColumn i let centerX Math floor random offsetX dotRadius offsetX columnWidth dotRadius dotRadius let centerY i dotHeightWithPadding dotRadius ellipse centerX centerY dotDiameter dotDiameter Here s what happens First we declare variables for the diameter of a dot and the height of each dot with two pixels of padding so the dots aren t touching each other We then divide the height of the image by dotHeightWithPadding to get the number of dots in the column Then in the for loop we will draw all the dots from the top of the column to the bottom First we calculate the coordinates of the pixel at the center of the dot For the x coordinate the leftmost position a dot can be is dotRadius pixels to the right of the start of the column And the rightmost column is dotRadius pixels to the left of the end of the column So if a column is pixels wide with a pixel dot radius we would randomly select an x coordinate between and pixels to the right of the start of a column For the y coordinate each dot is dotHeightWithPadding pixels lower than the dot above it We place the top dot s center at dotRadius pixels below the top of the pixel so that the top dots don t get cut off Looks good but we could use some randomness vertically too to so the dots aren t necessarily at the same height as the ones to the left and right of each other let topY Math floor random for let i i lt numDotsInColumn i let centerX Math floor random offsetX dotRadius offsetX columnWidth dotRadius dotRadius let centerY i dotHeightWithPadding dotRadius let centerY topY i dotHeightWithPadding dotRadius ellipse centerX centerY dotDiameter dotDiameter Looks good Before we go on to fill in the colors of the columns remove the call to line since we no longer need that piece of scaffolding Giving the dots their colorsThe last step of drawing our mosaic is to color the dots Each dot will be the same color as the color of the pixel at the center of the dot Here s how we would do that let dotColor img get centerX centerY noStroke fill dotColor ellipse centerX centerY dotDiameter dotDiameter Here s what happens First we use Image get to retrieve the color of the pixel at the coordinates centerX centerY This is represented as an array of numbers red green blue and alpha transparency how see through a pixel is We call noStroke to remove the outline on the dots and we call fill to set the color of a dot Finally calling ellipse draws the dot in the color we selected Press play on the p js editor and now the canvas will look like this Cool One other thing I d like to add though This picture has a lot of light colored pixels so the dots would stand out better on a dark colored background So let s refactor drawMosaic so that you can pick the color of the background function draw drawMosaic color function drawMosaic dotRadius backgroundColor background backgroundColor rest of the code in the function We add a new parameter backgroundColor to our drawMosaic function and we pass that into background to draw a background In draw I picked the color since red green blue go from to this gives us a charcoal black background color I also made the dot radius pixels instead of to make the picture feel more abstract Run the play button on the sketch and now the mosaic looks like this We ve made a cool piece of artwork with just lines of code but we ve only scratched the surface of the kinds of art you can do with p js If you had fun with this you should check out the docs for more of p s code other people s sketches and YouTube videos for ideas on how you can work with p concepts and check out your old notes from math class to see what other kinds of math like trigonometry can be used to make cool artwork	2022-01-01 22:22:54
海外TECH	Engadget	AT&T and Verizon might delay 5G expansion again over FAA concerns	https://www.engadget.com/att-verizon-5g-expansion-delay-faa-pete-buttigieg-224552929.html?src=rss	AT amp T and Verizon might delay G expansion again over FAA concernsFor the past month AT amp T and Verizon have been holding off on rolling out potentially faster C band G service due to safety concerns from the Federal Aviation Administration Now it looks like an additional delay could be in store once again over FAA concerns The two major carriers had been scheduled on December to use newly purchased frequencies to roll out C band service but delayed the launch to January after the Department of Transportation raised concerns related to possible interference According to a letter obtained by Reuters the Transportation Department and FAA are now asking for up to two more weeks to study the issue In the letter sent by Transportation Secretary Pete Buttigieg and FAA Administrator Steve Dickson to the CEOs of AT amp T and Verizon the pair asked for a delay of quot no more than two weeks quot The two framed the request as part of a quot proposal as a near term solution for advancing the co existence of G deployment in the C Band and safe flight operations quot according to Reuters nbsp At issue until now has been the possibility that pilots will use poor weather safety system that could conflict with this new C band G technology The FAA would ultimately like to enact regulations that bar pilots from using such systems The Wall Street Journal reported in November Aviation officials have claimed that C band G has the potential to interfere with flights in and around the nearly four dozen cities where C band towers are located Telecoms have claimed there is no evidence that C band G will jeopardize flight safety In the framework that Reuters describes in its report the FAA would designate quot priority quot airports where quot a buffer zone would permit aviation operations to continue safely while the FAA completes its assessments of the interference potential quot Reuters says that both companies say they have received the letter But they have so far stopped short of agreeing to an additional two week delay Needless to say this postponement would come as unwelcome news to both carriers Reuters reports that on Friday the companies accused the aviation industry of holding the C band expansion quot hostage until the wireless industry agrees to cover the costs of upgrading any obsolete altimeters quot And in a statement to Insider nbsp on Saturday a Verizon spokesperson said quot If the airlines are so concerned about flight cancellations related to G they should really look at their track record over the past two weeks quot referring to a wave of recent cancellations amid a surge in COVID cases quot This industry which got a billion taxpayer funded government bail out over the past couple years clearly has much bigger issues to worry about quot As frustrated as executives from the two carriers might be however as Reuters notes the companies agreed to six months of precautionary measures when they purchased the C band spectrum in early	2022-01-01 22:45:52
Linux	OMG! Ubuntu!	Pinta 2.0 Released, Completes Port to GTK3 & .NET 6	https://www.omgubuntu.co.uk/2022/01/pinta-2-0-released-completes-port-to-gtk3-net-6	Pinta Released Completes Port to GTK amp NET With a new year starting you might be planning to indulge your creativity side this year ーand if so take a look at the latest stable release of open source image editing app Pinta Pinta is major new release that completes the app s transition to GTK and NET It s a big foundational uplift that results in some welcome improvements Pinta now looks better on the modern Linux desktop with GTK dialogs choosers pickers and widgets all looking how they should Additionally Pinta boasts improved support for high DPI displays uses platform native file dialogs and switches to This post Pinta Released Completes Port to GTK NET is from OMG Ubuntu Do not reproduce elsewhere without permission	2022-01-01 22:22:45
ニュース	BBC News - Home	Covid: Workplaces told to plan for absences of up to 25%	https://www.bbc.co.uk/news/uk-59848109?at_medium=RSS&at_campaign=KARANGA	scenario	2022-01-01 22:33:17
ニュース	BBC News - Home	Colorado wildfire: Three people reported missing and presumed dead	https://www.bbc.co.uk/news/world-us-canada-59849697?at_medium=RSS&at_campaign=KARANGA	deada	2022-01-01 22:29:57
ビジネス	東洋経済オンライン	日本人と世界が知るべき経済学とモデルの限界 良い経済学者と悪い経済学者を見極める方法 | 経済学 | 東洋経済オンライン	https://toyokeizai.net/articles/-/477332?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-01-02 07:30:00