投稿時間:2021-04-18 23:34:30 RSSフィード2021-04-18 23:00 分まとめ(33件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】すべてのシートのアクティブセルと表示倍率を整える。	https://qiita.com/rihu-do/items/461ed8dbe22c9e3fb72e	【Python】すべてのシートのアクティブセルと表示倍率を整える。	2021-04-18 22:59:07
js	JavaScriptタグが付けられた新着投稿 - Qiita	Gatsby.jsを一週間勉強して分かったこと	https://qiita.com/akki-memo/items/75c0e2729a00f654af87	例えば、httplocalhostcontactinputというパスはsrcpagescontactinputjsを参照するということです要するにルーティングを行う場合は、srcpages配下にあるファイル・フォルダそのものがルーティングになっているわけですわざわざ設定しなくても勝手にやってくれる僕にとってはこれが一番良い点でした。	2021-04-18 22:54:23
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScript基礎メモその1	https://qiita.com/kayakuko/items/4c1f9f48e3115473eaed	コメントアウト結果※コメントは出力されない文字列と数列『』のようにクォーテーションをつけると文字列と解釈されそのまま表示されるconsolelogconsolelogconsolelog結果変数変数は『let変数名値』と定義する。	2021-04-18 22:04:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	tkinter タブを選択状態にする	https://teratail.com/questions/333944?rss=all	tkinterタブを選択状態にするimporttkinterttkasttkroottkTknbttkNotebooktabtkFramenbnbaddtabtexttabtkFramenbnbaddtabtexttabtkFramenbnbaddtabtextnbpackexpandfillbothrootmainloopこの状態たどプログラムをはしらせたとき、quotquotのタブが選択状態になります。	2021-04-18 22:59:43
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Sourcetree：プッシュのエラーについて	https://teratail.com/questions/333943?rss=all	SourcetreeプッシュのエラーについてSourcetreeにて、Githubの情報をプッシュしようとしましたが、下記エラーが発生します。	2021-04-18 22:55:50
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	正規乱数のヒストグラムについて	https://teratail.com/questions/333942?rss=all	正規乱数のヒストグラムについてJupyterNotebookを使っていて、正規乱数を個発生させて、標本平均と標本分散を求めたあと、ヒストグラムを作りたいのですが、どうしてもエラーになってしまいます。	2021-04-18 22:47:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	セルをBool値で非表示にしたい	https://teratail.com/questions/333941?rss=all	セルをBool値で非表示にしたいRealmで保存しているデータのBool値を表示しているセルをlikeしているかで表示の切り分けをしたいです。	2021-04-18 22:47:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Node.js を使ったWebサーバーを構築したい。	https://teratail.com/questions/333940?rss=all	nodejs	2021-04-18 22:41:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	fargateのタスクのステータスがRUNNINGにならないままSTOPPEDになる	https://teratail.com/questions/333939?rss=all	fargateのタスクのステータスがRUNNINGにならないままSTOPPEDになる前提・実現したいことdockercomposeによるコンテナをfargateにデプロイしようとしています。	2021-04-18 22:41:21
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Unity 「Fatal Error!」が出て、Unityが開けない	https://teratail.com/questions/333938?rss=all	Unity「FatalError」が出て、Unityが開けないこのように、FatalnbspErrorが出て、unityが開けません。	2021-04-18 22:24:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	python for,continue文の関数化による出力結果の違い	https://teratail.com/questions/333937?rss=all	pythonforcontinue文の関数化による出力結果の違いPython初学者です。	2021-04-18 22:14:42
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Python　for文　continueの関数化による出力結果の違い。	https://teratail.com/questions/333936?rss=all	Pythonfor文continueの関数化による出力結果の違い。	2021-04-18 22:11:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VirtualBoxがネットにつながらない	https://teratail.com/questions/333935?rss=all	ちなみにiPhoneのデザリング機能を使うとVirtualBox上のubuntuもネットに繋がりました。	2021-04-18 22:10:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	WebSocketでパブリックAPIを用いた値の取得・利用方法について	https://teratail.com/questions/333934?rss=all	WebSocketでパブリックAPIを用いた値の取得・利用方法について以前この質問でパブリックAPIで複数のchannelの値を取得し利用する方法については理解できました。	2021-04-18 22:04:32
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Django,postgresql,apache2環境で、django標準のadminページにログインできない	https://teratail.com/questions/333933?rss=all	前提・実現したいことRaspberrPiにapacheをインストールし、djangoを動作させています。	2021-04-18 22:01:50
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[即席]Railsの複数画像投稿に枚数制限をつけたい！	https://qiita.com/tochisuke221/items/bff7d930ae282552ef77	iffileslengthgtalert投稿できる画像数は枚までですsubmitsetAttributedisabledtrue非活性にするreturnfalseelsesubmitsetAttributedisabledfalse活性にするイベントオブジェクトの中から、添付したファイルの情報をとってきてfilesに格納しています。	2021-04-18 22:46:16
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Strong parametersの使い方	https://qiita.com/takumi73/items/18cb175b087aaa432ac1	まとめ・ストロングパラメーターを使用することで取得する値を制限することができ、マスアサインメントの脆弱性を防ぐことができる。	2021-04-18 22:30:13
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Vagrant環境に開発環境を引っ越し	https://qiita.com/y-tkbridge/items/9ff03b23f42434611cf8	Vagrant環境に開発環境を引っ越し開発環境dockerformac環境で動作の遅さを感じるので、今更ながらvagrantで開発環境を作ってみようと思いました。	2021-04-18 22:57:09
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Linuxでもlatexindentを使いたい	https://qiita.com/BonyChops/items/17f820049a3613a96a48		2021-04-18 22:46:23
Docker	dockerタグが付けられた新着投稿 - Qiita	Vagrant環境に開発環境を引っ越し	https://qiita.com/y-tkbridge/items/9ff03b23f42434611cf8	Vagrant環境に開発環境を引っ越し開発環境dockerformac環境で動作の遅さを感じるので、今更ながらvagrantで開発環境を作ってみようと思いました。	2021-04-18 22:57:09
Ruby	Railsタグが付けられた新着投稿 - Qiita	[即席]Railsの複数画像投稿に枚数制限をつけたい！	https://qiita.com/tochisuke221/items/bff7d930ae282552ef77	iffileslengthgtalert投稿できる画像数は枚までですsubmitsetAttributedisabledtrue非活性にするreturnfalseelsesubmitsetAttributedisabledfalse活性にするイベントオブジェクトの中から、添付したファイルの情報をとってきてfilesに格納しています。	2021-04-18 22:46:16
海外TECH	DEV Community	Publishing a blog using ReactJs , NodeJs and mongoDB	https://dev.to/irfanukani/publishing-a-blog-using-reactjs-nodejs-and-mongodb-1ici	Publishing a blog using ReactJs NodeJs and mongoDBI recently created a blog using react Js and Mongo dB It was a supper fun to do as I wanted my own blog website You can visit my blog here I implemented a subscription and view system too Currently I m looking for developing a content management system What would be your favorite stack to do so Leave it in the comment section Every feedbacks appreciated	2021-04-18 13:53:38
海外TECH	DEV Community	ES6 Arrow Function Syntax Explained Simply	https://dev.to/dan_v/es6-arrow-function-syntax-explained-simply-77j	ES Arrow Function Syntax Explained Simply ES Arrow Function Syntax Explained SimplyPhoto by Ferenc Almasi on Unsplash IntroductionThis is a JavaScript arrow function const getUserIds users gt users map user gt user id If your response to the above code is Wait what then read on Even if you do understand what s going on you may still pick up a thing or two along the way Some initial questions you may have What is it doing What is it returning if anything What does the arrow mean What is users doing there In this article I want to go over the basics of arrow functions to help new JavaScript developers understand what is actually going on here A quick bit of historyES was the th Edition of JavaScript released in It is also known as ECMAScript or EMCAScript ES was a major revision of JavaScript and introduced new syntax to help developers write complex code in a simpler form One of these new additions was arrow function syntax Arrow function syntax or just arrow syntax provides a different method of writing functions in a way that is often shorter and mostly quicker to write and comprehend once you ve grasped how the syntax works Normal functions vs arrow functionsHere is a simple function declaration in basic JavaScript function times number return number Here is the same thing as an arrow function using ES arrow syntax const times number gt number Let s pick out the main visible differences in the arrow function There are no curly braces There are no parentheses or brackets around the function parameter i e user gt Arguably the syntax is a bit more streamlined Note that I use the word streamlined and not better or simpler How is this useful Perhaps you re not convinced that the use of arrow syntax in the above example is providing anything much more useful than the normal way of writing functions In this case I d tend to agree However arrow functions begin to show their use in more complex scenarios Take the below function which gets ids from an array of user data getUserIds users return users map function user return user id Using arrow syntax we can choose to write this function as follows const getUserIds users gt users map user gt user id In some ways you may find the arrow function more readable and probably quicker write too Try writing each function in a code editor and see how they compare Now let s break down what is happening in the arrow function s single line of code We are defining a variable called getUserIds The value of getUserIds is a function definition That function takes an argument named users The function uses a JavaScript array function called map to iterate over each item in the users array and return a new array containing only the user ids The function returns the array that was returned by the map function All on one line How did we get here Arrow function syntax is flexible and we could have written this function in a few different ways including being more verbose with our syntax For example each of these functions when called would map over the users array and return an array of user ids ️const getUserIds users gt return users map user gt user id ️const getUserIds users gt return users map user gt user id ️const getUserIds users gt users map user gt user id In the second example we were able to remove the parentheses from around the users parameter and it works exactly the same Why do this Arguably for simplicity though it is entirely optional Note that this only works for functions with a single parameter In the third example we stripped the syntax down further removing the braces and the return keyword This is called implicit return Multiple parametersIf your function has multiple parameters takes multiple arguments you must use parentheses Will throw a syntax errorconst getUserIds users prefix gt return users map user gt prefix user id ️This is fineconst getUserIds users prefix return users map user gt prefix user id Argument destructuringYou must however always use parentheses when using argument destructuring Will throw a syntax errorconst user id name Daniel const getName name gt name ️This is fineconst user id name Daniel const getName name gt name Implicit returnArrow functions without braces will return the last value returned within it s own scope by default Note that you should not use the return keyword when writing an arrow function without braces Here are some examples of returning or not from arrow functions Here is our users data const users id name Aaron id name Maya Using return without bracesconst getUserIds users gt return users map user gt user id Uncaught SyntaxError Unexpected token return ️Implicit returnconst getUserIds users gt users map user gt user id getUserIds users ️Explicit returnconst getUserIds users gt return users map user gt user id getUserIds users ️Explicitly returning nothing or undefined to be precise const getUserIds users gt users map user gt user id getUserIds users undefined Anonymous functionsWe can also use arrow syntax to write anonymous functions I won t go in depth on anonymous functions here but this is what they look like in regular and arrow syntax Anonymous function declaration function x y return x y Anonymous function expression implicit return function x y x y Anonymous arrow functions x y gt x y Returns x plus y x gt x Returns x times x gt x Returns xx gt return x Returns xconst z gt z Returns Ok but what does the arrow mean The arrow is characters which form syntax which Node or the browser will recognise just like or or It says and now I m going to tell you what this function does A nice way to think about it semantically is picturing the arrow as the conveyer belt which moves the arguments through the function const add a b gt a b Take these things a b and move them through in this direction gt into the function leaving the result on the other side Some caveatsArrow functions are not that different from regular functions Most of time you can use them interchangeably without fear of consequence However there are a few technical points you should be aware of when using arrow functions No function hoistingFunctions written using the function keyword are hoisted at runtime In simple terms this means the engine running your code i e Node will take these functions and store them in memory before executing the rest of your code ️So you can do this multiply function multiply x y return x y We ve written our code in a way where we re calling multiply before defining what multiply is But because we ve used the function keyword at runtime multiply will hoisted it will be read and stored in memory defined before the line multiply is executed But you can t do this multiply TypeError multiply is not a functionconst multiply x y gt return x y Because we ve used arrow syntax multiply has not been hoisted So when the runtime engine gets to multiply it sees that multiply is not defined at this point in the execution and throws an error No thisArrow functions do not have access to this This is perhaps best explained with examples ️Using a normal function to access this const myObject x getX function return this x console log myObject getX Using an arrow function to access this const myObject x getX gt this x console log myObject getX TypeError Cannot read property x of undefined Other caveatsThis article is to help you understand the basics of arrow syntax but it s helpful to be aware even if you don t understand in detail that there are some other technical differences with arrow functions MDN Web Docs has a good rundown of all the differences if you are interested in further research Are arrow functions better Not necessarily Arrow function syntax provides developers with a tool for writing code in a different way often with the benefits of code that is easier to read and write When ES was still fancy and new arrow functions were seen by some as the new way of writing JavaScript functions Bootcamps and online tutorials would sometimes teach arrow functions by default and often still do But these days I m seeing a trend towards bringing it back to the function keyword Kent C Dodds a well renowned React expert posted an article about how he uses different function forms for different purposes which makes for interesting reading In ConclusionES arrow function syntax provides a useful way to write more streamlined code which is often more readable Code readability is important for helping others to understand your code Likewise it s important to be able to read others code well yourself So regardless of how you like to write functions it is good to be able to understand different syntaxes when you encounter them I hope this article has been useful for those of you new to writing JavaScript code If you have an questions comments suggestions or indeed corrections please let me know in the comments below I would love to hear your thoughts whether this article was helpful and any constructive criticism Please feel free to follow me here and on Twitter dan j v	2021-04-18 13:28:34
海外TECH	DEV Community	🔨 [git]: Write better commits with Gitmoji	https://dev.to/javidjms/git-write-better-commits-with-gitmoji-3193	git Write better commits with Gitmoji NotesGitmoji is an initiative to standardize and explain the use of emojis on GitHub commit messages Intro How to Write a Git Commit MessageIn my case I only read commits when i would like to track commit changes or to dig commit explanation Otherwise I directly read the source code Here is an example of good git commit message semantic will look like according to Gist Semantic Commit Messages lt type gt scope Message type must be one of the following mentioned below lt build gt Build related changes eg npm related adding external dependencies lt chore gt A code change that external user won t see eg change to gitignore lt docs gt Documentation related changes lt feat gt Introduction of a new feature lt fix gt Resolve an issue directly linked to development bugfixes lt hotfix gt Resolve an issue directly linked to production patches lt test gt Add Update test cases lt performance gt Add code that improves performance lt refactor gt Update for code for maintainability clean code scope is optional and must be a noun that represents the section of the codebaseMessage should be imperative and should describe the commit with a clear message keywords Example of commits lt feat gt home components Add login button lt feat gt home components Add login modal lt fix gt home components Resolve issue with modal collapses lt chore gt home Move icons folder lt feat gt newsletter Add Newsletter component lt feat gt navbar Add navbar container GitmojiUsing emojis on commit messages provides an easy way of identifying the purpose or intention of a commit with only looking at the emojis used As there are a lot of different emojis I found the need of creating a guide that can help to use emojis easier Now we can replace the lt type gt with an emoji Improve structure format of the code ️Improve performance Remove code or files Fix a bug Introduce new features Add or update documentation Deploy stuff Fix CI Build Add or update CI build system Add or update configuration files Add or update development scripts ️Remove dead code Example of commits home components Add login button home components Add login modal home components Resolve issue with modal collapses home Move icons folder newsletter Add Newsletter component navbar Add navbar container navbar Remove old navbar file home Add login test case home component Improve login modal️ npm Add react tableUpdate script start server js Additionnal iconsAdd DockerfileAdd docker compose yml ️ helm Add postgres helm chart ️ helm Update frontend yaml ️ helm Update pvc yaml home Increase speed load for navbar home Fix issue with MacOS for navbarLink EmojiPedia ️Gitmoji CLIA gitmoji interactive client for using gitmojis on commit messages InstallationWith npm npm install gitmoji cliOn MacOS brew install gitmoji Interactive ClientStart the interactive commit client to auto generate your commit based on your prompts gitmoji c HookRun the init option add your changes and commit them after that the prompts will begin and your commit message will be built gitmoji igit add git commit SearchSearch using specific keywords to find the right gitmoji gitmoji s criteria ListPretty print all the available gitmojis gitmoji l ConfigRun gitmoji g to setup some gitmoji cli preferences gitmoji config Extensions Integration with IDE Gitmoji for VscodeLink Gitmoji for AtomGo to Settings cmd or ctrl gt Install and search for gitmoji atom Alternatively run the following command apm install gitmoji atomLink Integration with DEV TO Do you think that we can use if if while writing posts for Dev TO Docker ️Kubernetes Links	2021-04-18 13:07:39
海外TECH	DEV Community	Improving site responsiveness with CSS clamp() function	https://dev.to/b3ns44d/improving-site-responsiveness-with-css-clamp-function-3119	Improving site responsiveness with CSS clamp functionTo improve the responsiveness of your site you don t have to use some complex event listeners using the Web API ResizeObserver calc function or CSS media queries that will substitute the required page elements depending on the browser window size Clamp is the only function specifically designed to allow almost any element to adjust its size within certain limits to fit the application window Syntaxclamp MIN VALUE MAX is calculated as clamp will return the value specified by the second argument preferred if it is within the minimum and maximum values Computed values ​​can be passed as any of the arguments max MIN min VALUE MAX UnitsThe following units can be used for the preferred value The width of the viewport in if clamp is used in the body or the width of the container containing the clamp em is the font size in the current context rem is the font size in the context of the HTML element vw of the window width vh of the window height Supported browsersClamp is not supported in Internet Explorer only Where to use Headers fontA great use case for clamp is in headers Let s say you want a header with a minimum size of pixels and a maximum size of pixels The clamp function will give us an intermediate value that does not go beyond the specified limits title font size clamp px vw px Clamp is ideal here because it ensures that the font size used is easy to read If you use min to set the maximum font size then you won t be able to control the font on small screens CSS Grid Responsive GridAnother good example is the responsive CSS grid column spacing for mobile screens With clamp this is pretty straightforward to implement wrapper display grid grid template columns repeat auto fit minmax px fr grid gap clamp rem vw px Adaptive padding for sectionsClamp is also ideal for setting the minimum and maximum spacing between sections This can be done with the following CSS section padding clamp rem vmax rem rem	2021-04-18 13:03:52
海外TECH	CodeProject Latest Articles	Create a Simple Bot Creator in 33 Lines of Code	https://www.codeproject.com/Tips/5299706/Create-a-Simple-Bot-Creator-in-33-Lines-of-Code	kotlin	2021-04-18 13:06:00
海外ニュース	Japan Times latest articles	In Canada, psychedelics re-emerge in treatment of depression	https://www.japantimes.co.jp/news/2021/04/18/world/science-health-world/canada-drugs-mental-health-therapy/	In Canada psychedelics re emerge in treatment of depressionWhen it comes to using psychedelics for therapeutic reasons there is mounting interest from researchers and investors as well as a public push to reconsider	2021-04-18 22:18:26
海外ニュース	Japan Times latest articles	WTA firms up plans for upcoming tournaments after French Open delay	https://www.japantimes.co.jp/sports/2021/04/18/tennis/wta-new-tour-dates/	WTA firms up plans for upcoming tournaments after French Open delayThe WTA Tour has unveiled plans for nine more weeks of its calendar with some changes made in light of the one week delay to	2021-04-18 22:54:41
海外ニュース	Japan Times latest articles	Rikako Ikee vows to provide big performance at Tokyo Olympics	https://www.japantimes.co.jp/sports/2021/04/18/more-sports/swimming/rikako-ikee-vows-big-olympic-performance/	Rikako Ikee vows to provide big performance at Tokyo OlympicsSwimming star Rikako Ikee vowed Saturday to make her presence felt at the Tokyo Olympics this summer after she dramatically earned her spot on Japan s	2021-04-18 22:43:03
ニュース	BBC News - Home	Prince Philip's funeral: 13.6 million watch ceremony in UK	https://www.bbc.co.uk/news/entertainment-arts-56792086	youtube	2021-04-18 13:09:47
ニュース	BBC News - Home	Covid: Blossoms to headline 'near-normal' gig trial	https://www.bbc.co.uk/news/uk-56789454	beforehand	2021-04-18 13:26:25
ニュース	BBC News - Home	Surrey cyclist's 5,000-mile challenge inspired by barefoot walk	https://www.bbc.co.uk/news/uk-england-surrey-56784396	britain	2021-04-18 13:14:28
LifeHuck	ライフハッカー［日本版］	iPhoneでAndroidの操作を体験できる「iTest」	https://www.lifehacker.jp/2021/04/how-to-test-drive-android-on-your-iphone.html	android	2021-04-18 22:05:00