投稿時間:2021-06-26 05:18:35 RSSフィード2021-06-26 05:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Media Blog	TicketCo doubles down on AWS to modernize live event production and delivery	https://aws.amazon.com/blogs/media/prmbp-ticketco-aws-modernize-live-event-production-and-delivery/	TicketCo doubles down on AWS to modernize live event production and deliveryThe global home mobile entertainment market surpassed billion USD in revenue in as consumers worldwide turned to digital platforms to enjoy entertainment from the safety of their homes amidst global lockdowns Conversely in the same year the live events industry found itself at a crossroad as sporting events and theatre productions largely came to …	2021-06-25 19:55:38
AWS	AWS	How do I change the name on my AWS account?	https://www.youtube.com/watch?v=3PReYLeE6KI	How do I change the name on my AWS account Skip directly to the demo For more details see the Knowledge Center article with this video Dino shows you how to change the name on your AWS account	2021-06-25 19:55:42
python	Pythonタグが付けられた新着投稿 - Qiita	ディープラーニング初心者の為替予測分析	https://qiita.com/takei-bi/items/99cda512cb35c829fd3a	このモデルでは、accがということで、の精度となった。	2021-06-26 04:24:21
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PostgreSQLインストールしたが初期化ができない	https://teratail.com/questions/346166?rss=all	PostgreSQLインストールしたが初期化ができない前提・実現したいことな機能を実装中に以下のエラーメッセージが発生しました。	2021-06-26 04:32:56
海外TECH	Ars Technica	Cold-case files: Archaeologists discover 3,000-year-old victim of shark attack	https://arstechnica.com/?p=1776215	blood	2021-06-25 19:15:22
海外TECH	DEV Community	Getting started with ECMAScript6	https://dev.to/cglikpo/getting-started-with-ecmascript6-d0i	Getting started with ECMAScript IntroductionECMAScript is also known as ECMAScript ES is a significant upgrade to ES and adds a slew of new capabilities to JavaScript In this article we ll walk through how to set things up to develop ES applications and get started with some of the most important new features This article covers Browser supportSetting up Babel and webpackCode editorsModulesconst and letClassesObject literal syntaxDestructuring assignmentArrow functionsTemplate strings Browser supportThe setup necessary for building ES apps is determined by the amount of cross platform compatibility you wish to give Most of ES is already supported by the latest versions of Chrome Firefox Edge and Node js so if you re just targeting these newer runtimes you can start using it right now For further details about which runtimes support which features you can consult the ES compatibility table You can run the following code in your browser s JavaScript console If your browser supports ES it should evaluate to If not it will complain about a syntax error let two three two three Unfortunately the general browser market may be out of date meaning that many users are still not using an ES compatible browser If you re developing a public facing online application you should continue to assist these individuals Fortunately there s a project called Babel which allows you to convert your ES code into ES code This means that you can still write code in ES while developing web applications that anybody with an ES compliant browser can use It takes some effort to figure out how to set everything up the first time so I ve included a step by step guide below to help you get started more quickly Setting up Babel and webpackIf you do not already have Node js installed you will need to install it Create a folder for your project then create a file named package json with the following content name es demo scripts build webpack watch devDependencies babel cli babel core babel loader babel plugin transform runtime babel preset es babel runtime webpack Then create a file named webpack config js with the following content var path require path module exports entry src main js output path dirname filename bundle js module loaders loader babel loader Compile files in src directory include path resolve dirname src Babel options query plugins transform runtime presets es Then create a subfolder named src This folder will contain all of your ES code Let s put a simple script there named main js just to test things out let one two three console log One one Two two Three three Open your terminal Node js console for Windows users navigate to your project folder and run the following npm installnpm run buildThis will create a bundle js file in your project folder with the compiled ES code If you open this file you ll see the ES equivalent in the middle of a bunch of other generated boilerplate var one var two var three console log One one Two two Three three The npm run build script is set up to listen for modifications in the src folder Now when you modify the main js file the bundle js file will update automatically You can stop watching with Ctrl C in the console After you ve done this there s no need to run npm install again When you need to convert your code you can use npm run build Code editorsFor a better development experience you also will probably want to use a code editor that has some ES tooling I like to use Visual Studio Code but there are many editors that can be set up to support ES such as vim Atom Sublime Text and WebStorm ModulesIn my opinion the module is the single most important new feature in ES It allows you to separate your code into separate files in a modular way without worrying about cluttering the global namespace For example let s create a file math js with a toy math library that exports the value of pi and a couple of pi related functions export const PI export function circumference r return PI r export function area r return PI r r With modules we can import this library s individual components from another file import PI area from math console log area PI Or we can import everything into a single object import as math from math console log math area math PI You can also export a single value as the default value so that you can import it without needing brackets or a wildcard reverseString jsexport default function str return str split reverse join main jsimport reverseString from reverseString console log reverseString Hello world const and letconst is used for constant declarations and let is used for variable declarations If you try to reassign to a constant the compiler will throw an error const one one SyntaxError one is read onlylet is similar to var but it fixes a number of quirks about var that are often stumbling blocks to JavaScript newcomers In fact var has become obsolete at this point because it s let and const have assumed its functionality let is block scopedvar and let differ in their scoping mechanisms A variable declared with var is function scoped which means that it is visible anywhere in the surrounding function Meanwhile a variable declared with let is block scoped which means it is only visible in its own code block Calls to the variable outside its code block will lead to errors varconsole log less undefinedif lt var less true console log less true console log less true letconsole log less Uncaught ReferenceError less is not definedif lt let less true console log less true console log less Uncaught ReferenceError less is not definedconst also exhibits this block scoping strategy Duplicate let declarations are forbiddenlet is designed to catch potential assignment mistakes While duplicate var declarations will behave like normal reassignment duplicate let declarations are not allowed to prevent the common mistake of erroneous reassignment var x var x x equals let x let x SyntaxError Identifier x has already been declaredlet variables rebound in each loop iterationHere is a common error that occurs when you have a function defined inside of a loop using var for var i i lt i setTimeout function console log i logs This code will log the number five times in a row because the value of i will be before the first time console log is called When we use let instead the i inside of the function will correspond to the value on that particular iteration of the for loop for let i i lt i setTimeout gt console log i logs ClassesObject oriented programming in JavaScript is different than classical OOP because it uses prototypes rather than classes ES classes are a syntax shortcut for a common JavaScript pattern used to simulate classes Below I lay out prototype creation in ES and class creation in ES ES wayfunction Circle x y radius this x x this y y this radius radius Circle prototype move function x y this x x this y y Circle prototype area function return Math PI Math pow this radius ES wayclass Circle constructor x y radius this x this y this radius x y radius move x y this x this y x y area return Math PI Math pow this radius You can also extend classes in a manner consistent to standard object oriented languages ES wayfunction ColoredCircle x y radius color Circle call this x y radius this color color ColoredCircle prototype Object create Circle prototype ES wayclass ColoredCircle extends Circle constructor x y radius color super x y radius this color color Object literal syntaxIt s common to create objects with property names matching variable names ES includes new syntax to make this a little bit more concise var x y ES wayvar coordinate x x y y ES waylet coordinate x y The syntax for function properties has also changed ES wayvar counter count increment function this count ES waylet counter count increment this count Destructuring assignmentDestructuring assignment is a nifty feature for doing several assignments at once In ES you often have a series of variable declarations like this var a b c In ES you can do it all at once with array destructuring let a b c This is particularly nice for extracting values from an array var personData John true ES wayvar name personData age personData isMale personData ES waylet name age isMale personData and also for swapping variables ES wayvar tmp a a b b tmp ES way a b b a Destructuring assignment can be used with objects as well var personData name John age isMale true ES wayvar name personData name age personData age isMale personData isMale ES waylet name age isMale personData This also works with nested object structures var book title A Tale of Two Cities dimensions author name Charles Dickens ES wayvar title book title length book dimensions width book dimensions depth book dimensions name book author name ES waylet title dimensions length width depth author name book Clear and concise Arrow functionsJavaScript developers frequently use function expressions such as callbacks However code can often look messy when the keywords function and return are repeated many times ES has new syntax to make function expressions less verbose Let s compare ES function expression handling with expression handling in previous Ecmascript versions var list ES wayvar sumOfSquares for var i i lt list length i var n list i square n n sumOfSquares square ES wayvar sumOfSquares list map function x return x x reduce function a b return a b ES waylet sumOfSquares list map x gt x x reduce a b gt a b For functions consisting of more than one statement you can wrap the right hand side of the arrow function in curly braces ES waywindow onclick function e if e ctrlKey console log Ctrl click else console log Normal click ES waywindow onclick e gt if e ctrlKey console log Ctrl click else console log Normal click Template stringsThere is a new type of string literal that makes it easier to insert dynamic values into strings and also to deal with multi line strings Instead of double quotes or single quotes template strings are delimited by backticks var weight height ES wayconsole log You are height m tall and weigh weight kg n Your BMI is weight height height ES wayconsole log You are height m tall and weigh weight kg Your BMI is weight height height and much much moreI ve tried to cover some of the most important new changes but there are many other cool new features in ES that I don t have space to cover in this article For more information you can browse a quick overview of the new features on es features org read a more detailed introduction in the Exploring ES book and for even more in depth details read the ECMAScript Language Specification If you ve reached this point thank you very much I hope that this tutorial has been helpful for you and I ll see you all in the next If you want to learn more about Web Development don t forget to to follow me on Youtube	2021-06-25 19:48:38
海外TECH	DEV Community	How to make your site more performant	https://dev.to/theyoungestcoder/how-to-make-your-site-more-performant-3lgm	How to make your site more performantSince school ended it s time for another article Anyway this is part two of my series Getting a score in lighthouse BTW I also updated my previous post in this series Avoid chaining critical requestsOne of my favorite resources as a web developer was the google fonts api If you ve ever used google fonts you ll know that lighthouse always screams at you to avoid chaining critical requests This significantly reduces the speed of webfont load because it has to make a request to load the css then load the actual font Luckily it s an easy fix just follow these steps Go to the css url in your browserCopy the entire responsePaste into your html inside lt style gt Drop jQueryWhen I first used jQuery I instantly fell in love with it s clean syntax and concise API I know it ll be hard to leave but most of it s deadweight Consider using a mini jQuery library such as ki js It may seem challenging at first but once you get familiar with document querySelectorAll and other DOM APIS you ll wonder why you used jQuery in the first place Prevent cumulative layout shiftWhat is cumulative layout shift CLS for short you ask It s basically when the size of some element changes causing another element s position on the page to shift unexpectedly This is common for images because the browser doesn t know the size of the image before it s downloaded Including width and height attributes will do the trick Minify resourcesThe file size is definitely affects the time the server takes to respond Minifying is the fix you need to reduce the size of it If you use netlify to host your site there is an option in the build settings to automatically minify scripts and stylesheets If you re a vscode user you can also install an extension titled minify Also consider using a different file type if it offers better compression I ve found that webp was waaaaay more storage efficient In conclusionLess requests makes for faster load times which result in a better lighthouse score Use all these tips to reduce the number of requests and their size Stay tuned for my next article How to improve SEO Thank you for reading	2021-06-25 19:21:21
海外科学	NYT > Science	Discovery of ‘Dragon Man’ Skull in China May Add Species to Human Family Tree	https://www.nytimes.com/2021/06/25/science/dragon-man-skull-china.html	Discovery of Dragon Man Skull in China May Add Species to Human Family TreeA laborer discovered the fossil and hid it in a well for years Scientists say it could help sort out the human family tree and how our species emerged	2021-06-25 19:17:20
ニュース	BBC News - Home	Matt Hancock affair: Health secretary apologises for breaking social distancing guidelines	https://www.bbc.co.uk/news/uk-politics-57612441	health	2021-06-25 19:51:40
ニュース	BBC News - Home	Valérie Bacot: Freedom for abused French woman who killed husband	https://www.bbc.co.uk/news/world-europe-57609494	france	2021-06-25 19:42:18
ビジネス	ダイヤモンド・オンライン - 新着記事	「元祖インスタ映え」ナポレオンのイメージ戦略、戴冠式の絵に感じる作為とは - ニュース3面鏡	https://diamond.jp/articles/-/274773	戦略の歴史	2021-06-26 04:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	海外大学留学の巨大落とし穴！学校選びを誤った人の残念すぎる末路 - 有料記事限定公開	https://diamond.jp/articles/-/274218	海外大学留学の巨大落とし穴学校選びを誤った人の残念すぎる末路有料記事限定公開今、海外大学進学に注目が集まっているが、留学エージェントのプランのままに、海外大学に進学すると危険だ。	2021-06-26 04:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	DOL週間人気記事ランキング！2位『GEが40億ドル投資したDX化が失敗した理由』、1位は？ - 見逃し配信	https://diamond.jp/articles/-/275017	配信	2021-06-26 04:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	信頼されるリーダーと敬遠されるリーダーが発する「言葉」の違い - 小宮一慶の週末経営塾	https://diamond.jp/articles/-/275096	小宮一慶	2021-06-26 04:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	犬猫にマイクロチップ装着、日本の飼い主が抱く「体内に異物」への複雑な思い - 井の中の宴 武藤弘樹	https://diamond.jp/articles/-/275095	努力義務	2021-06-26 04:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	河童伝説に涅槃大仏！静岡・愛知・岐阜・三重のおもしろい寺院と御朱印 - 地球の歩き方ニュース＆レポート	https://diamond.jp/articles/-/274858	地球の歩き方	2021-06-26 04:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「元祖・美しすぎる野球選手」が独白、女子プロスポーツを成功させる難しさ - from AERAdot.	https://diamond.jp/articles/-/274904	「元祖・美しすぎる野球選手」が独白、女子プロスポーツを成功させる難しさfromAERAdot年月、今季の公式戦の中止を発表した日本女子プロ野球リーグ。	2021-06-26 04:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	アメ車の高級ブランド「キャデラック」初のコンパクトSUVは、日本にぴったり！ - 男のオフビジネス	https://diamond.jp/articles/-/274898	アメ車の高級ブランド「キャデラック」初のコンパクトSUVは、日本にぴったり男のオフビジネスアメリカを代表するラグジュアリーカーブランド、キャデラック。	2021-06-26 04:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	さいたまブロンコス代表の退任から横浜市長選挙出馬の噂まで、その真相と真意について話します - 池田純のプロスポーツチーム変革日記	https://diamond.jp/articles/-/274942	さいたまブロンコス代表の退任から横浜市長選挙出馬の噂まで、その真相と真意について話します池田純のプロスポーツチーム変革日記横浜DeNAベイスターズの経営改革に成功した手腕を買われ、昨年月、崩壊寸前だったプロバスケットボールチーム「さいたまブロンコス」の立て直しを任された池田純氏。	2021-06-26 04:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	白石麻衣似のギャル風妻に何が？真夜中の尾行調査でわかった仰天素顔（上） - オオカミ少年片岡の「あなたの隣に詐欺師がいます。」	https://diamond.jp/articles/-/275060	白石麻衣似のギャル風妻に何が真夜中の尾行調査でわかった仰天素顔上オオカミ少年片岡の「あなたの隣に詐欺師がいます。	2021-06-26 04:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	白石麻衣似のギャル風妻に何が？真夜中の尾行調査でわかった仰天素顔（下） - オオカミ少年片岡の「あなたの隣に詐欺師がいます。」	https://diamond.jp/articles/-/275061	白石麻衣似のギャル風妻に何が真夜中の尾行調査でわかった仰天素顔下オオカミ少年片岡の「あなたの隣に詐欺師がいます。	2021-06-26 04:09:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「イヤーワーム」って何のこと!?寝る前に音楽を聴くと睡眠の質は下がるのか - ヘルスデーニュース	https://diamond.jp/articles/-/275054	「イヤーワーム」って何のこと寝る前に音楽を聴くと睡眠の質は下がるのかヘルスデーニュース誰でも、音楽の一部が頭にこびりついて離れず、繰り返し流れ続けて煩わしい思いをしたことがあるはずだ。	2021-06-26 04:05:00
ビジネス	東洋経済オンライン	｢第1書記｣を新設した金正恩総書記の頭の中 北朝鮮の権力体制に劇的な変化は生じるのか | 韓国･北朝鮮 | 東洋経済オンライン	https://toyokeizai.net/articles/-/436855?utm_source=rss&utm_medium=http&utm_campaign=link_back	朝鮮労働党	2021-06-26 04:30:00