投稿時間:2021-08-08 19:27:44 RSSフィード2021-08-08 19:00 分まとめ(34件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	アウディ、2022年ダカール参戦マシンRS Q E-Tronの耐久試験を完了。1700kmを走破	https://japanese.engadget.com/audi-e-tron-rsq-completes-endurance-test-091055496.html	rsqetron	2021-08-08 09:10:55
IT	ITmedia 総合記事一覧	[ITmedia News] 「お笑いマンガ道場」27年ぶり復活も動画は5分に満たず　視聴者困惑「えっ、もう終わり？」	https://www.itmedia.co.jp/news/articles/2108/08/news034.html	itmedia	2021-08-08 18:07:00
python	Pythonタグが付けられた新着投稿 - Qiita	install numpy, scipy, matplotlib and pandas on pyenv in M1 Mac	https://qiita.com/hiracchi/items/7bafa8b8d91750573831	installnumpyscipymatplotlibandpandasonpyenvinMMacMacOSApplesiliconMarm上のPythonpyenvでnumpyscipymatplotlibpandasをインストールしたメモ。	2021-08-08 18:58:57
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonで色付きprintを行うクラスを作成	https://qiita.com/nabenabe0928/items/dee2be1dff04c60b98b9		2021-08-08 18:55:39
python	Pythonタグが付けられた新着投稿 - Qiita	Large Deviation Theory	https://qiita.com/innovation1005/items/3dbfde04af3a6b895ae6	Large Deviation TheoryThis is a personal memorandam to understand the large deviation theory reference Entropy Large Deviations and Statistical Mechanics by Richard Ellis In analyzing stochastic and statistical mechanical systems we consider a system from microscopic level to macroscopic level and entropy as the bridge between these two levels Our systems are modeled as a collection of random variables defined on the probability space Ω mathcal F P X alpha alpha in mathscr A a collection of random variable mathscr A is a suitable index set Ω nonempty set configuration space mathcal F ∶a sigma field subset P probability measure of configuration space Gamma is the state space and Gamma is mathbb R d d in cdots and Omega is the product space of Gamma mathscr A and the collection X alpha alpha in mathscr A the coordinate representation process given by a point omega omega alpha alpha in mathscr A in Gamma mathscr A Binomial trials and entropyA Bernoulli trial is a random experiment with two possible outcomes success and failure The probability mass function of n independent Bernoulli trials with k successes is given by displaystyle f k n p Pr k n p Pr X k binom n k p k p n k for k n where displaystyle binom n k frac n k n k is the binomial coefficient We consider following way The number of possible ways of arranging n items into n places without repetitions is n factorial n and the number of arrangements of r items from n objects is called a partial permutation written as nPr A partial permutation is equal to the number n n cdots n r n n r Permutations but the elements are not ordered are known as combinations The number of combinations is given by adjusting all possible ways ordering the elements The number of k combinations of n items C n k is related to P n k by C n k frac P n k P k k frac tfrac n n k tfrac k frac n n k k These numbers are also known as binomial coefficients and are denoted by binom n k The number of different combinations of k elements that can be chosen from an n elements set are binomial coefficients c n k We take the logalizum of a Binomial distribution given by c n k q kq n k c n k n log frac n n k k frac n log n log n k log k n log n log n n n k log n k n k k log k k n log n log n log n k k n log n k k n log k log n k n log n k n log n k n log k k n log n k log n k n log k n k n log k n log n z log z z log z nI z where z k n for z in We consider a coin tossing model represented by the infinite product measure P rho on the configuration space Omega in Gamma mathbb Z The possible mean values are all number z in The set of z in is called macrovalue S n omega sum j n X j omega for n cdots and omega in Omega S n omega n is the average values of tosses omega omega cdots omega n Q n is the distribution of S n n m rho is the mean vaule of the measure rho level entropyimport numpy as npimport matplotlib pyplot as pltimport matplotlib cm as cmimport itertoolsimport pandas as pdfrom scipy stats import bernoullidef Iz z return z np log z z np log z def Qz n z return np exp n Iz z n z np arange n nplt plot z Iz z plt plot z Qz n z n for n in z np arange plt plot z Qz n z label n plt legend plt plot z Iz z plt show level entropyA finite set Gamma x x are real numbers L n i omega sum j n x i S n omega n sum i L n i omega def config I N II range I j c for pool in itertools combinations with replacement II N j f np zeros I for k in range N k pool k for kk in range I if k kk f kk c append f return np array c def v p c probability N sum c vv for cc in c ccc cc N if ccc vv append cc N else vv append return np array vv def macrovalue I N delta xi c config I N z for cc in c tmp v p cc z append sum tmp delta xi if z z if z z return zdelta xi np array p X omega n nn z macrovalue n delta xi for i in range nn x bernoulli rvs p size n omega extend x X append sum x n Sn z np histogram X bins z density False Qn Sn Sn np argmax Sn plt plot z Qz n z label Qz plt plot z Iz z label Iz plt plot z Qn label z plt legend plt show Lni xi np histogram omega bins x np arange len Lni plt bar x Lni sum Lni Lni sum Lni n n	2021-08-08 18:32:38
python	Pythonタグが付けられた新着投稿 - Qiita	kivyMDチュートリアル其の弍什玖 Components - Spinner篇	https://qiita.com/virty/items/14469fcf32dd4b7411e1	触れてはいませんが最初のコードにある、Indeterminateモード勝手に言っているはどちらも無くしたというか定義していない設定がそうなると思ってもらった方がいいような気もします。	2021-08-08 18:02:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	kotlinの文法の使い方の意味が分からない	https://teratail.com/questions/353345?rss=all	kotlinの文法の使い方の意味が分からないKotlin言語でPoiを使ったExcel連携のアプリの例題をみているのですが、indexはオリジンvalrowsheetgetRowifrownullvalcellrowgetCellifcellnullprintlncellstringCellValueのsheetgetRowやrowgetCellのメソッドの引数であるやが値を示すものではなくJavaなどでいうwhileのような意味を持つのかなと思ったのですが、こちら条件式でなくval文で定義してあり結局どういった意味を持つのかよく分かりませんでした。	2021-08-08 18:55:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	java で MYSQLサーバーに接続できない	https://teratail.com/questions/353344?rss=all	javaでMYSQLサーバーに接続できないjavanbspでnbspMYSQLサーバーに接続できない・ログイン機能を持つソースコードを実行したが下記エラーが発生した・connectorjを使用している・mysqlconnectorjavajarnbspを利用しているtomcatのlib直下に配置済み。	2021-08-08 18:48:10
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	nodeでheadless-glを使うためのnode-gyp rebuildでエラーが起きてしまう	https://teratail.com/questions/353343?rss=all	nodeでheadlessglを使うためのnodegyprebuildでエラーが起きてしまうheadlessglというライブラリを使うために、npmnbspinstallnbspgnbspglでパッケージインストール後にprebuildinstallnodegyprebuild上記コマンドを実行したのですが、下記のようなエラーが発生してしまいます。	2021-08-08 18:39:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	n元配列へのアクセスはO(n) ? それともO(1) ?	https://teratail.com/questions/353342?rss=all	配列	2021-08-08 18:33:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	processingが作成したcsvデータをuwscが読み込まない	https://teratail.com/questions/353341?rss=all	processingが作成したcsvデータをuwscが読み込まない前提・実現したいことarduinoからの情報をprocessingが受け取り、processingはcsvデータを吐き出します。	2021-08-08 18:30:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Chainerrlで実装中のゲームのエラー箇所がわかりません。	https://teratail.com/questions/353340?rss=all	Chainerrlで実装中のゲームのエラー箇所がわかりません。	2021-08-08 18:21:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ABC212-Cの解答の修正	https://teratail.com/questions/353339?rss=all	ABCCの解答の修正前提・実現したいことAtcoderでcを使って競技プログラミングを始めたものです初心者なのでお恥ずかしながら茶よりの灰です先日のABCのC問題で、ACにしたいのですがどうしてもそうならず分からなかったため質問させていただきます。	2021-08-08 18:19:47
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	c言語　数値計算　do-while文の繰り返しが意図した回数行われない	https://teratail.com/questions/353338?rss=all	dowhile文で繰り返しを行っているのですがwhileに記述している条件を満たさなくなる前に終了することがあります。	2021-08-08 18:15:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	[Android] RecyclerViewの順序がズレる	https://teratail.com/questions/353337?rss=all	AndroidRecyclerViewの順序がズレる前提・実現したいことRealmとRecyclerViewを使ってリスト型のViewを作成しています。	2021-08-08 18:11:52
AWS	AWSタグが付けられた新着投稿 - Qiita	S3について学んだのでまとめてみた	https://qiita.com/mo_ri_regen/items/473695bbc5bda09ba08f	標準デフォルトで設定されているストレージクラスです。	2021-08-08 18:31:11
Git	Gitタグが付けられた新着投稿 - Qiita	【Mac初心者向け】M1 MacBookを買ったので、コピペだけでHomebrew・nvm（Node.js・npm）・Gitをインストールしてみた	https://qiita.com/akki-memo/items/96e99e432c4461287003	そこで、僕自身小さいころからWindowsに触れることも多く、MacBookでの環境構築を行ったことが無いため、同じ境遇の方の助けになればなと思いこの記事を書くことにしました。	2021-08-08 18:13:25
海外TECH	DEV Community	A short story about the dark side of being a founder and how insecure I was with Job Titles	https://dev.to/_vsaw/a-short-story-about-the-dark-side-of-being-a-founder-and-how-insecure-i-was-with-job-titles-c0p	A short story about the dark side of being a founder and how insecure I was with Job TitlesI used to be obsessed with Job Titles It was very hard to have an honest conversation with me about roles and responsibilities in the founding management team I simply had to have that C Title But I did not really know why ‍ ️This meant that I was blind to make good decisions on management responsibilities because I always kept thinking about myself and not about the companies best interest Looking back that is one of the clearest signs of a dysfunctional management team And it was my fault And it wasn t until a year later when I had drinks with someone that I realized why My social life depended on it He wasn t meeting me because of “me he was meeting me because of my C Title For him it was networking for me it was more than that And it dawned on me how much I had neglected my social life over the past years And instead of having friends and family around me I took my sense of belonging and self worth from my job and title Feeling lost inside I needed to reorient my inner compass What worked for me was diving into Philosophy especially Thich Nhat HanhWhat I learned from him is the concept of “interbeing which in essence says it s hard to draw the line between you and your environment as you are not constant but at all time changing because of your breathing metabolising essentially consuming your surroundings And if it s so hard to actually define what you are because you are constantly changing literally speaking then why worry about your ego and title Instead isn t it better to think about the part you play in your environment Now instead of titles I focus on one question How can I be helpful I m constantly looking for the role that I can contribute the most and try to set up things in way to achieve the best outcome which might be by removing myself from the equations And that s okay Which does not mean that sometimes these old feelings won t come back But at least this time it s easier for me to recognize them and not get blindsided again And when those feelings come back I try to take a break and reach out to people who care about my happiness more then about my job to ground myself put things into perspective again Or hang out with dogs They re always happy to see you as long as you give them attention and snacks If all of this sounds familiar and you d love to talk some more Comment or for a more private discussion reach out to me on Twitter My DMs are open	2021-08-08 09:38:01
海外TECH	DEV Community	A Comprehensive Guide to ES6 (ES2015) 🔥	https://dev.to/cenacr007_harsh/a-comprehensive-guide-to-es6-es2015-nm8	A Comprehensive Guide to ES ES ECMAScript or ES is a standardized version of JavaScript Because all major browsers follow this specification the terms ECMAScript and JavaScript are interchangeable JavaScript is constantly evolving and new features are released every year ES released in added many powerful new features to the language Wondering why ES is such a big deal JavaScript ES brings new syntax and new awesome features to make our code more modern and more readable It allows us to write less code and do more ES introduces us to many great features like arrow functions template strings class destruction Modules…and more In Short In this blog we ll learn these new features including let and const arrow functions classes promises and modules Whether you are trying to learn ES from scratch or just looking for a quick refresher this blog is for you so without much further ado let s dive into it Explore Differences Between the var and let KeywordsOne of the biggest problems with declaring variables with the var keyword is that you can overwrite variable declarations without an error var camper James var camper David console log camper Here the console will display the string David As you can see in the code above the camper variable is originally declared as James and then overridden to be David In a small application you might not run into this type of problem but when your code becomes larger you might accidentally overwrite a variable that you did not intend to overwrite Because this behavior does not throw an error searching and fixing bugs becomes more difficult A new keyword called let was introduced in ES to solve this potential issue with the var keyword If you were to replace var with let in the variable declarations of the code above the result would be an error let camper James let camper David This error can be seen in the console of your browser So unlike var when using let a variable with the same name can only be declared once Compare Scopes of the var and let KeywordsWhen you declare a variable with the var keyword it is declared globally or locally if declared inside a function The let keyword behaves similarly but with some extra features When you declare a variable with the let keyword inside a block statement or expression its scope is limited to that block statement or expression For example var numArray for var i i lt i numArray push i console log numArray console log i Here the console will display the values and With the var keyword i is declared globally So when i is executed it updates the global variable This code is similar to the following var numArray var i for i i lt i numArray push i console log numArray console log i Here the console will display the values and This behavior will cause problems if you were to create a function and store it for later use inside a for loop that uses the i variable This is because the stored function will always refer to the value of the updated global i variable var printNumTwo for var i i lt i if i printNumTwo function return i console log printNumTwo Here the console will display the value As you can see printNumTwo prints and not This is because the value assigned to i was updated and the printNumTwo returns the global i and not the value i had when the function was created in the for loop The let keyword does not follow this behavior let printNumTwo for let i i lt i if i printNumTwo function return i console log printNumTwo console log i Here the console will display the value and an error that i is not defined i is not defined because it was not declared in the global scope It is only declared within the for loop statement printNumTwo returned the correct value because three different i variables with unique values and were created by the let keyword within the loop statement Declare a Read Only Variable with the const KeywordThe keyword let is not the only new way to declare variables In ES you can also declare variables using the const keyword const has all the awesome features that let has with the bonus that variables declared using const are read only They are a constant value which means that once a variable is assigned with const it cannot be reassigned const FAV PET Cats FAV PET Dogs The console will display an error due to reassigning the value of FAV PET As you can see trying to reassign a variable declared with const will throw an error You should always name variables you don t want to reassign using the const keyword This helps when you accidentally attempt to reassign a variable that is meant to stay constant Mutate an Array Declared with constThe const declaration has many use cases in modern JavaScript Some developers prefer to assign all their variables using const by default unless they know they will need to reassign the value Only in that case they use let However it is important to understand that objects including arrays and functions assigned to a variable using const are still mutable Using the const declaration only prevents reassignment of the variable identifier const s s s console log s s will result in an error The console log will display the value As you can see you can mutate the object itself and the variable s will still point to the altered array Like all arrays the array elements in s are mutable but because const was used you cannot use the variable identifier s to point to a different array using the assignment operator Prevent Object MutationAs seen in the previous section the const declaration alone doesn t protect your data from mutation To ensure your data doesn t change JavaScript provides the function Object freeze to prevent data mutation Once the object is frozen you can no longer add update or delete properties from it Any attempt at changing the object will be rejected without an error let obj name FreeCodeCamp review Awesome Object freeze obj obj review bad obj newProp Test console log obj The obj review and obj newProp assignments will result in errors and the console will display the value name FreeCodeCamp review Awesome Use Arrow Functions to Write Concise Anonymous FunctionsIn JavaScript we often don t need to name our functions especially when passing a function as an argument to another function Instead we create inline functions We don t need to name these functions because we do not reuse them anywhere else To achieve this we often use the following syntax const myFunc function const myVar value return myVar ES provides us with the syntactic sugar to not have to write anonymous functions this way Instead you can use arrow function syntax const myFunc gt const myVar value return myVar When there is no function body and only a return value arrow function syntax allows you to omit the keyword return as well as the brackets surrounding the code This helps simplify smaller functions into one line statements const myFunc gt value This code will still return the string value by default Write Arrow Functions with ParametersJust like a regular function you can pass arguments into an arrow function const doubler item gt item doubler doubler would return the value If an arrow function has a single parameter the parentheses enclosing the parameter may be omitted const doubler item gt item It is possible to pass more than one argument into an arrow function const multiplier item multi gt item multi multiplier multiplier would return the value Set Default Parameters for Your FunctionsTo help us create more flexible functions ES introduces default parameters for functions Check out this code const greeting name Anonymous gt Hello name console log greeting John console log greeting The console will display the strings Hello John and Hello Anonymous The default parameter kicks in when the argument is not specified it is undefined As you can see in the example above the parameter name will receive its default value Anonymous when you do not provide a value for the parameter You can add default values for as many parameters as you want Use the Rest Parameter with Function ParametersTo help us create more flexible functions ES introduces the rest parameter for function parameters With the rest parameter you can create functions that take a variable number of arguments These arguments are stored in an array that can be accessed later from inside the function Check out this code function howMany args return You have passed args length arguments console log howMany console log howMany string null The console would display the strings You have passed arguments and You have passed arguments The rest parameter eliminates the need to check the args array and allows us to apply map filter and reduce on the parameters array For eg let s create a sum function in such a way that the function sum can take any number of arguments and return their sum const sum args gt return args reduce a b gt a b console log sum console log sum Relevant LinksRest parameter explanationSpread operator compared to rest parameterVideo explaining spread and rest Use the Spread Operator to Evaluate Arrays In PlaceES introduces the spread operator which allows us to expand arrays and other expressions in places where multiple parameters or elements are expected The ES code below uses apply to compute the maximum value in an array var arr var maximus Math max apply null arr maximus would have a value of We had to use Math max apply null arr because Math max arr returns NaN Math max expects comma separated arguments but not an array The spread operator makes this syntax much better to read and maintain const arr const maximus Math max arr maximus would have a value of arr returns an unpacked array In other words it spreads the array However the spread operator only works in place like in an argument to a function or in an array literal The following code will not work const spreaded arr Let s see another example where we copy all contents of arr into another array arr using the spread operator const arr JAN FEB MAR APR MAY let arr arr arr console log arr Unpacking the arr using the spread operator and then copying those values to arr Use Destructuring Assignment to Extract Values from ObjectsDestructuring assignment is a special syntax introduced in ES for neatly assigning values taken directly from an object Consider the following ES code const user name John Doe age const name user name const age user age name would have a value of the string John Doe and age would have the number Here s an equivalent assignment statement using the ES destructuring syntax const name age user Again name would have a value of the string John Doe and age would have the number Here the name and age variables will be created and assigned the values of their respective values from the user object You can see how much cleaner this is You can extract as many or few values from the object as you want Use Destructuring Assignment to Assign Variables from ObjectsDestructuring allows you to assign a new variable name when extracting values You can do this by putting the new name after a colon when assigning the value Using the same object from the last example const user name John Doe age Here s how you can give new variable names in the assignment const name userName age userAge user You may read it as get the value of user name and assign it to a new variable named userName and so on The value of userName would be the string John Doe and the value of userAge would be the number Use Destructuring Assignment to Assign Variables from Nested ObjectsYou can use the same principles from the previous two sections to destructure values from nested objects Using an object similar to previous examples const user johnDoe age email johnDoe freeCodeCamp com Here s how to extract the values of object properties and assign them to variables with the same name const johnDoe age email user And here s how you can assign an object properties values to variables with different names const johnDoe age userAge email userEmail user Use Destructuring Assignment to Assign Variables from ArraysES makes destructuring arrays as easy as destructuring objects One key difference between the spread operator and array destructuring is that the spread operator unpacks all contents of an array into a comma separated list Consequently you cannot pick or choose which elements you want to assign to variables Destructuring an array lets us do exactly that const a b console log a b The console will display the values of a and b as The variable a is assigned the first value of the array and b is assigned the second value of the array We can also access the value at any index in an array with destructuring by using commas to reach the desired index const a b c console log a b c The console will display the values of a b and c as Use Destructuring Assignment with the Rest Parameter to Reassign Array ElementsIn some situations involving array destructuring we might want to collect the rest of the elements into a separate array The result is similar to Array prototype slice as shown below const a b arr console log a b console log arr The console would display the values and Variables a and b take the first and second values from the array After that because of the rest parameter s presence arr gets the rest of the values in the form of an array The rest element only works correctly as the last variable in the list As in you cannot use the rest parameter to catch a subarray that leaves out the last element of the original array Use Destructuring Assignment to Pass an Object as a Function s ParametersIn some cases you can destructure the object in a function argument itself Consider the code below const profileUpdate profileData gt const name age nationality location profileData This effectively destructures the object sent into the function This can also be done in place const profileUpdate name age nationality location gt When profileData is passed to the above function the values are destructured from the function parameter for use within the function Create Strings using Template LiteralsA new feature of ES is the template literal This is a special type of string that makes creating complex strings easier Template literals allow you to create multi line strings and to use string interpolation features to create strings Consider the code below const person name Kumar Harsh age const greeting Hello my name is person name I am person age years old console log greeting The console will display the strings Hello my name is Kumar Harsh and I am years old A lot of things happened there Firstly the example uses backticks not quotes or to wrap the string Secondly notice that the string is multi line both in the code and the output This saves inserting n within strings The variable syntax used above is a placeholder You won t have to use concatenation with the operator anymore To add variables to strings you just drop the variable in a template string and wrap it with and Similarly you can include other expressions in your string literal for example a b This new way of creating strings gives you more flexibility to create robust strings Write Concise Object Literal Declarations Using Object Property ShorthandES adds some nice support for easily defining object literals Consider the following code const getMousePosition x y gt x x y y getMousePosition is a simple function that returns an object containing two properties ES provides the syntactic sugar to eliminate the redundancy of having to write x x You can simply write x once and it will be converted to x x or something equivalent under the hood Here is the same function from above rewritten to use this new syntax const getMousePosition x y gt x y Write Concise Declarative Functions with ESWhen defining functions within objects in ES we have to use the keyword function as follows const person name Taylor sayHello function return Hello My name is this name With ES you can remove the function keyword and colon altogether when defining functions in objects Here s an example of this syntax const person name Taylor sayHello return Hello My name is this name Use class Syntax to Define a Constructor FunctionES provides a new syntax to create objects using the class keyword It should be noted that the class syntax is just syntax and not a full fledged class based implementation of an object oriented paradigm unlike in languages such as Java Python Ruby etc In ES we usually define a constructor function and use the new keyword to instantiate an object var SpaceShuttle function targetPlanet this targetPlanet targetPlanet var zeus new SpaceShuttle Jupiter The class syntax simply replaces the constructor function creation class SpaceShuttle constructor targetPlanet this targetPlanet targetPlanet const zeus new SpaceShuttle Jupiter It should be noted that the class keyword declares a new function to which a constructor is added This constructor is invoked when new is called to create a new object Note UpperCamelCase should be used by convention for ES class names as in SpaceShuttle used above The constructor method is a special method for creating and initializing an object created with a class Use getters and setters to Control Access to an ObjectYou can obtain values from an object and set the value of a property within an object These are classically called getters and setters Getter functions are meant to simply return get the value of an object s private variable to the user without the user directly accessing the private variable Setter functions are meant to modify set the value of an object s private variable based on the value passed into the setter function This change could involve calculations or even overwriting the previous value completely class Book constructor author this author author getter get writer return this author setter set writer updatedAuthor this author updatedAuthor const novel new Book anonymous console log novel writer novel writer newAuthor console log novel writer The console would display the strings anonymous and newAuthor Notice the syntax used to invoke the getter and setter They do not even look like functions Getters and setters are important because they hide internal implementation details Note It is a convention to precede the name of a private variable with an underscore However the practice itself does not make a variable private Create a Module ScriptJavaScript started with a small role to play on an otherwise mostly HTML web Today it s huge and some websites are built almost entirely with JavaScript To make JavaScript more modular clean and maintainable ES introduced a way to easily share code among JavaScript files This involves exporting parts of a file for use in one or more other files and importing the parts you need where you need them To take advantage of this functionality you need to create a script in your HTML document with a type of module Here s an example lt script type module src filename js gt lt script gt A script that uses this module type can now use the import and export features we are about to see Use export to Share a Code BlockImagine a file called math functions js that contains several functions related to mathematical operations One of them is stored in a variable add that takes in two numbers and returns their sum You want to use this function in several different JavaScript files To share it with these other files you first need to export it export const add x y gt return x y The above is a common way to export a single function but you can achieve the same thing like this const add x y gt return x y export add When you export a variable or function you can import it into another file and use it without having to rewrite the code You can export multiple things by repeating the first example for each thing you want to export or by placing them all in the export statement of the second example like this export add subtract Reuse JavaScript Code Using importimport allows you to choose which parts of a file or module to load In the previous lesson the examples exported add from the math functions js file Here s how you can import it to use in another file import add from math functions js Here import will find add in math functions js import just that function for you to use and ignore the rest The tells the import to look for the math functions js file in the same folder as the current file The relative file path and file extension js are required when using import in this way You can import more than one item from the file by adding them in the import statement like this import add subtract from math functions js Use to Import Everything from a FileSuppose you have a file and you wish to import all of its contents into the current file This can be done with the import as syntax Here s an example where the contents of a file named math functions js are imported into a file in the same directory import as myMathModule from math functions js The above import statement will create an object called myMathModule This is just a variable name you can name it anything The object will contain all of the exports from math functions js in it so you can access the functions like you would any other object property Here s how you can use the add and subtract functions that were imported myMathModule add myMathModule subtract Create an Export Fallback with export defaultIn the export lesson you learned about the syntax referred to as a named export This allowed you to make multiple functions and variables available for use in other files There is another export syntax you need to know known as export default Usually you will use this syntax if only one value is being exported from a file It is also used to create a fallback value for a file or module Below are examples using export default export default function add x y return x y export default function x y return x y The first is a named function and the second is an anonymous function Since export default is used to declare a fallback value for a module or file you can only have one value be a default export in each module or file Additionally you cannot use export default with var let or const Import a Default ExportIn the last section you learned about export default and its uses To import a default export you need to use a different import syntax In the following example add is the default export of the math functions js file Here is how to import it import add from math functions js The syntax differs in one key place The imported value add is not surrounded by curly braces add here is simply a variable name for whatever the default export of the math functions js file is You can use any name here when importing a default Create a JavaScript PromiseA promise in JavaScript is exactly what it sounds like you use it to make a promise to do something usually asynchronously When the task completes you either fulfill your promise or fail to do so Promise is a constructor function so you need to use the new keyword to create one It takes a function as its argument with two parameters resolve and reject These are methods used to determine the outcome of the promise The syntax looks like this const myPromise new Promise resolve reject gt Complete a Promise with resolve and rejectA promise has three states pending fulfilled and rejected The promise you created in the last section is forever stuck in the pending state because you did not add a way to complete the promise The resolve and reject parameters given to the promise argument are used to do this resolve is used when you want your promise to succeed andreject is used when you want it to fail These are methods that take an argument as seen below const myPromise new Promise resolve reject gt if condition here resolve Promise was fulfilled else reject Promise was rejected The example above uses strings for the argument of these functions but it can be anything Often it might be an object that you would use data from to put on your website or elsewhere Handle a Fulfilled Promise with thenPromises are most useful when you have a process that takes an unknown amount of time in your code i e something asynchronous often a server request When you make a server request it takes some amount of time and after it completes you usually want to do something with the response from the server This can be achieved by using the then method The then method is executed immediately after your promise is fulfilled with resolve Here s an example myPromise then result gt result comes from the argument given to the resolve method For Example const makeServerRequest new Promise resolve reject gt responseFromServer is set to true to represent a successful response from a server let responseFromServer true if responseFromServer resolve We got the data else reject Data not received makeServerRequest then result gt console log result We got the data Handle a Rejected Promise with catchcatch is the method used when your promise has been rejected It is executed immediately after a promise s reject method is called Here s the syntax myPromise catch error gt error is the argument passed into the reject method For Example const makeServerRequest new Promise resolve reject gt responseFromServer is set to false to represent an unsuccessful response from a server let responseFromServer false if responseFromServer resolve We got the data else reject Data not received makeServerRequest then result gt console log result makeServerRequest catch error gt console log error Data not received BONUSIntroduction to ES This ES tutorial teaches you modern JavaScript You ll get a systematic walk through of the most important ES ES and beyond features so that you can start using them in your JavaScript projects today That s all for today It was a long post so I might have made some mistakes or typos so please let me know if you find one so I can correct it References If you liked my content consider following me on Twitter Also if you got any questions feel free to ping me on Twitter Thank You	2021-08-08 09:14:14
海外TECH	DEV Community	How To Remember Your Passwords?	https://dev.to/akramnarejo/how-to-remember-your-passwords-2a2p	How To Remember Your Passwords ️Do not share your Password with anyone I m sharing with you this blog because a friend of mine today forgot the twitter password and he was trying hard that he could remember somehow but couldn t So he just reset the password But how many times you will reset for every account on internet Before getting hacked we already forget our passwords and struggle with resetting Helping him I realized that he was not the only one This is a common problem that most of us are facing one or another day On internet all of us have many accounts either social banking or other accounts where for security we provide a password To do not forget the password either we keep a same password or we use Password Managers to remember our passwords for us which is a blunder By the way what are the password problems Should be unique with high strength Have to remember all passwords In solution to that we use third party apps and ask them to keep our passwords secret when we ourselves don t Before learning to remember let s see some rules of creating a password and these are the rules mentioned by Cornell UniversityEach password must have at least eight characters Each password must contain at least three of the following four elements among its first eight characters uppercase letters English A through Z lowercase letters English a through z special characters for example digits through Do not use a space in a password Each password must differ from the user s login name New passwords should differ from the old by at least three characters How To Remember After struggling with resetting the password for many times One day I sat for an hour thinking to create a solution that should be unique works for every account easy to remember Then I really liked the idea of creating a pattern I created a pattern following the set of rules and in that pattern I kept two or three characters unique to the every website Let s make a general pattern MypasswordFs let me explain it for you start with symbol any word easy to remember for you with good length and first letter capital then use digit which means for replace Fs with your account name first capital amp second small then use symbol then end with your lucky number or any you find easy I am applying the above pattern we just created on some examples to make you understand more Suppose we have accounts like facebook instagram and twitter I am picking common so you can understand better For Facebook MypasswordFa For Instagram MypasswordIn For Twitter MypasswordTw See I have just changed just two characters and those are also easy to remember because they represent the account name It s better to make pattern and remember our passwords rather than letting third party or any application to remember our passwords for us Hope you like the idea If yes then let me know in comments and share with your friends or any feedback I will appreciate Thanks ️	2021-08-08 09:13:42
ニュース	BBC News - Home	Tokyo Olympics: Team GB match London 2012 with 65 medals won as Kenny and Price take gold	https://www.bbc.co.uk/sport/olympics/58125822	Tokyo Olympics Team GB match London with medals won as Kenny and Price take goldCyclist Jason Kenny s keirin triumph plus boxing gold for Lauren Price mean Team GB s Tokyo Olympics medal haul of matches London s total	2021-08-08 09:23:34
ニュース	BBC News - Home	Covid-19: Quarantine-free travel to France resumes as UK rules change	https://www.bbc.co.uk/news/uk-58130944	changesome	2021-08-08 09:33:58
ニュース	BBC News - Home	Afghanistan war: Taliban capture city of Kunduz	https://www.bbc.co.uk/news/world-asia-58135148	forces	2021-08-08 09:09:29
ニュース	BBC News - Home	Part of 'Banksy' artwork in Lowestoft removed over flood fears	https://www.bbc.co.uk/news/uk-england-suffolk-58136413	metal	2021-08-08 09:18:50
サブカルネタ	ラーブロ	らぁ麺 波（ らぁめん シー） (北綾瀬)／しおらーめん＋半熟味付玉子	http://feedproxy.google.com/~r/rablo/~3/GK60-ZOW9mk/single_feed.php	らぁ麺波らぁめんシー北綾瀬しおらーめん半熟味付玉子さて、仕事が終わってお腹が空いた私…今日は金曜日だし、明日は休みだしたまには禁断の夜ラーもいいよね￣￣エヘヘさぁ、そこで思い浮かんだのは少し前にSNSでやり取りで出てきたお店。	2021-08-08 10:33:06
北海道	北海道新聞	セルビア男子が２連覇　水球・８日	https://www.hokkaido-np.co.jp/article/576387/	男子	2021-08-08 18:17:00
北海道	北海道新聞	タンチョウの治療や保護学ぶ　釧路湿原こどもレンジャー	https://www.hokkaido-np.co.jp/article/576385/	特別天然記念物	2021-08-08 18:16:00
北海道	北海道新聞	俳優の沢村一樹さんがコロナ感染　所属事務所が発表	https://www.hokkaido-np.co.jp/article/576384/	所属事務所	2021-08-08 18:14:00
北海道	北海道新聞	新体操団体、ブルガリアが金　山形県内の事前キャンプ地に感謝	https://www.hokkaido-np.co.jp/article/576383/	団体総合	2021-08-08 18:14:00
北海道	北海道新聞	落合哲也が２年連続の高校横綱　全国高校総体第１５日	https://www.hokkaido-np.co.jp/article/576382/	体育大会	2021-08-08 18:14:00
北海道	北海道新聞	原水禁、長崎大会が始まる　「核も戦争もない世界を」	https://www.hokkaido-np.co.jp/article/576380/	長崎大会	2021-08-08 18:04:00
ビジネス	東洋経済オンライン	絶好調Switch｢5年目の刷新｣に見る死角【動画】 売れ行きはなお衰えず､ゆえに難しい｢見極め｣ | ゲーム・エンタメ | 東洋経済オンライン	https://toyokeizai.net/articles/-/446788?utm_source=rss&utm_medium=http&utm_campaign=link_back	nintendo	2021-08-08 18:05:00
ニュース	Newsweek	「生存報告」のためYouTubeを始めたら、フィリピンで国民的タレントになった日本人、Fumiyaの話	https://www.newsweekjapan.jp/stories/culture/2021/08/26-16.php	「生存報告」のためYouTubeを始めたら、フィリピンで国民的タレントになった日本人、Fumiyaの話※月日日号月日発売は「世界が尊敬する日本人」特集。	2021-08-08 18:20:00
海外TECH	reddit	"Retiring" at 35 in a month, what changes?	https://www.reddit.com/r/japanlife/comments/p0bie2/retiring_at_35_in_a_month_what_changes/	quot Retiring quot at in a month what changes Have had some good fortune in crypto and a side project and I no longer have to work I plan on pursuing other projects of my own which may bring in additional income but I can basically support my family off of interest at this point Up until now I ve been working year to year under an annual contract earning k yen a month in software development in Tokyo In the current market conditions I ll be earning around k in interest payments so decent money but less than before and of course I will have the freedom to work on my own projects I m curious how this will intersect with various programs in Japan now that I technically have quot no income quot ie I previously received yen month per kid due to having a high income i imagine that could now be raised Also more importantly subscribing enrolling in the national health insurance system I guess I m a freelancer with no income for the time being wondering what I should plan for for monthly payments there I realize this is a bit weird sitting on a large amounts of capital but I m trying to follow quot FIRE quot principals where I live off less than the interest I m earning every month With all these earnings coming from crypto having some regular yen denominated income would go a long way to relieving some stress from market movements submitted by u IsaoMishima to r japanlife link comments	2021-08-08 09:15:30