投稿時間:2021-05-23 16:29:19 RSSフィード2021-05-23 16:00 分まとめ(32件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	MOONGIFT	Optimus - 画像をまとめて変換してサイズ縮小	http://feedproxy.google.com/~r/moongift/~3/7_pQo2rKZ3g/	optimus	2021-05-23 17:00:00
python	Pythonタグが付けられた新着投稿 - Qiita	【Python/Pygame】pygame.image.loadにおける、読み込みデータの相対パス指定方法について	https://qiita.com/electrostal0705/items/31085559c64dea290b99	OSWindowsHomeEdittionIDEVisualStudioCodeverPythonverpygameverpythonコードと同一フォルダ内に「img」フォルダを置き、その中に「bgpng」を入れその画像ファイルを読み込ませるため相対パスを下記の通り記述した。	2021-05-23 15:54:51
python	Pythonタグが付けられた新着投稿 - Qiita	線形モデルの逆解析 ー SVDを用いた低ランク近似	https://qiita.com/mamamaJohn/items/eb00fa192f33718ed45a	線形モデルの逆解析ーSVDを用いた低ランク近似逆問題では観測誤差により逆過程で求めた解が大きくばらつく誤差鋭敏性が起きます。	2021-05-23 15:14:04
js	JavaScriptタグが付けられた新着投稿 - Qiita	CodePenでギャラリー＋投票アプリを作ってみて、苦戦したポイントを解説（初心者向け）	https://qiita.com/ranchi1977/items/1882dd3c80735d20cf06	完成したギャラリー投票アプリはNetlifyで公開していますωアンケート画面はこんな構成で、ギャラリー部分と投票部分になっていまして、写真をクリックすると、ギャラリー表示されますPCでもスマホでも良い感じに表示してくれますωこの記事の概要CodePenというモノを知ったので、Webアプリのフロント部分を作成してみようという記事です。	2021-05-23 15:24:07
js	JavaScriptタグが付けられた新着投稿 - Qiita	Vue Selectを使う時の個人的メモ	https://qiita.com/shoito66/items/919a7e75821c4a3a0513	VueSelectを使う時の個人的メモVuejsでプルダウン形式のコントロールを実装できるVueSelectを使う際のメモ。	2021-05-23 15:21:14
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VBAでネプリーグの『ファイブボンバー』を再現する	https://teratail.com/questions/339883?rss=all	VBAでネプリーグの『ファイブボンバー』を再現する実現したいこと今、PowerPointもしくはExcelもVBAを用いて、ネプリーグのファイブボンバー・ハイパーボンバーを再現できるようなプログラミングを作りたいと思っています。	2021-05-23 15:45:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	カスタム投稿タイプページネーション 機能しない	https://teratail.com/questions/339882?rss=all	カスタム投稿タイプページネーション機能しない前提・実現したいことカスタム投稿タイプでのページネーションnbspがうまく機能しないです。	2021-05-23 15:38:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	二つのサイトをアップロードしたい。FTP接続について。	https://teratail.com/questions/339881?rss=all	発生している問題・エラーメッセージ二つのサイトをアップロードしたいと考えております。	2021-05-23 15:32:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	OptunaでLightGBMを使おうとしたらtrainがないとエラーになる。	https://teratail.com/questions/339880?rss=all	OptunaでLightGBMを使おうとしたらtrainがないとエラーになる。	2021-05-23 15:30:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	レスポンシブ対応しようとしてコード記載しても反映されない	https://teratail.com/questions/339879?rss=all	レスポンシブ対応しようとしてコード記載しても反映されないrubynbsponnbsprailsで作ったサイトをレスポンシブデザインに対応させようとしていまして、スマホ用のコードを書いて、検証で確認してみても、反応しません。	2021-05-23 15:25:33
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	djangoのcreateviewで、２つのモデルを扱いたい	https://teratail.com/questions/339878?rss=all	djangoのcreateviewで、つのモデルを扱いたい前提・実現したいことこちらのページをご覧くださり、ありがとうございます。	2021-05-23 15:23:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	MIPSのパイプラインについて。	https://teratail.com/questions/339877?rss=all	分岐予測	2021-05-23 15:11:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	05/22 AtCoderBeginnerContestのB問題がTLEとなってしまう件について。	https://teratail.com/questions/339876?rss=all	昨日のAtCoderBeginnerContestのB問題について、いただいた回答を元に修正したのですがアルゴリズムは合っているものの、TLEとなってしまいます。	2021-05-23 15:08:22
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Numpy:回転行列がうまくいかない	https://teratail.com/questions/339875?rss=all		2021-05-23 15:03:21
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Ruby】任意の範囲の数値で配列を作る	https://qiita.com/hmae12/items/5ca0a7ca18c762ffa756	numstoagt	2021-05-23 15:53:26
AWS	AWSタグが付けられた新着投稿 - Qiita	Greengrass V2をDockerコンテナ内で実行させる（on Raspberry Pi）	https://qiita.com/morikaz/items/f23ac05ae5430ce4c986	作成ボタンを選択。	2021-05-23 15:00:36
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker＋Railsでrubocopを使おうとしてError: Unknown Ruby version 2.6 found in `.ruby-version`.を解決した話。	https://qiita.com/j1403239/items/e45580d61ba48b8d9765	解決策単純にRubocopのバージョンが古すぎたことで起きたことなので、それを解決してあげれば問題はないです。	2021-05-23 15:24:19
Docker	dockerタグが付けられた新着投稿 - Qiita	Greengrass V2をDockerコンテナ内で実行させる（on Raspberry Pi）	https://qiita.com/morikaz/items/f23ac05ae5430ce4c986	作成ボタンを選択。	2021-05-23 15:00:36
Git	Gitタグが付けられた新着投稿 - Qiita	GitHubのアカウントをディレクトリごとに切り替える	https://qiita.com/halpi/items/3e5741a180f1ca5bc1fe		2021-05-23 15:32:58
Git	Gitタグが付けられた新着投稿 - Qiita	githubリポジトリの一部を、別のgithubリポジトリとして独立させる	https://qiita.com/mrmt/items/d09c8de110a80a39259a		2021-05-23 15:08:43
Ruby	Railsタグが付けられた新着投稿 - Qiita	Dependabot 導入	https://qiita.com/tommy_15926/items/a8c325b5a316bd285169		2021-05-23 15:42:15
Ruby	Railsタグが付けられた新着投稿 - Qiita	Docker＋Railsでrubocopを使おうとしてError: Unknown Ruby version 2.6 found in `.ruby-version`.を解決した話。	https://qiita.com/j1403239/items/e45580d61ba48b8d9765	解決策単純にRubocopのバージョンが古すぎたことで起きたことなので、それを解決してあげれば問題はないです。	2021-05-23 15:24:19
技術ブログ	Developers.IO	EC2のルートボリュームと追加ボリュームの削除オプションについて	https://dev.classmethod.jp/articles/differences-in-ebs-volume-deletion-rules-jp/	追加	2021-05-23 06:05:45
海外TECH	DEV Community	Random Quote Generator Using HTML, CSS, and JavaScript	https://dev.to/nehasoni__/random-quote-generator-using-html-css-and-javascript-3gbp	Random Quote Generator Using HTML CSS and JavaScriptHello learners In this article you will learn how to build a Random Quote Generator using HTML CSS JavaScript and API This application fetches a new random quote from an API upon the click of a button and displays it in the browser Here s a screenshot of what the finished application looks like Let s get started PrerequisiteBasic knowledge of HTMLBasic knowledge of CSSBasic knowledge of JavaScript It s Time to Code Our Random quote generator project contains three parts HTML CSS and JavaScript So first you need to create three files the first one is HTML File index html the second one is CSS file style css and the third one is JS file index js HTML PartOpen your index html file and type the following code inside it lt DOCTYPE html gt lt html gt lt head gt lt META information gt lt meta charset UTF gt lt meta name description content Random Quote Generator gt lt meta name keywords content HTML CSS JavaScript Quotes API gt lt meta name author content Neha Soni gt lt meta name viewport content width device width initial scale gt lt End of META information gt lt title gt Random Quote Generator lt title gt lt LINK CUSTOM CSS FILE gt lt link rel stylesheet href style css gt lt FONTAWESOME CDN gt lt link rel stylesheet href integrity sha zCKk qNFURX cKLEIR ZOhtIloNlGIKSVMyNsYpYcUrUeQcvNfzsWfVIaLLiPsdNyeRssA crossorigin anonymous gt lt head gt lt body gt lt Quote Container gt lt div class container gt lt Quote to be Displayed Here gt lt h gt lt i class fas fa quote left gt lt i gt lt span class quote id quote gt lt span gt lt i class fas fa quote right gt lt i gt lt h gt lt Author to be Displayed Here gt lt p class author id author gt lt p gt lt hr gt lt div class buttons gt lt Button to tweet the quote gt lt a class twitter id tweet href data size large target blank rel noopener noreferrer gt lt i class fab fa twitter gt lt i gt lt a gt lt Add an onclick event on next quote button Upon the click of a button a new random quote is generated gt lt button class next onclick getNewQuote gt Next quote lt button gt lt div gt lt div gt lt LINK CUSTOM JS FILE gt lt script src script js gt lt script gt lt body gt lt html gt CSS Partstyle css margin padding box sizing border box body min height vh transition s transition timing function ease in background image linear gradient to right bottom rgb ffedbca display flex align items center justify content center container display flex flex direction column align items center padding px box shadow px px rgba border radius px width px background color rgba margin px fa quote left fa quote right font size px color rgb quote text align center font size px font weight bold author margin px text align right font size px font style italic font family cursive hr margin px width border px solid black background color black buttons width display flex justify content space between align items center margin top px twitter border px solid rgb border radius px background color rgb color white text align center font size em width px height px line height px next font size px border radius px cursor pointer padding px margin top px font weight bold color white background image linear gradient to right bottom rgb ffedbca container hover box shadow px px rgb JavaScript PartNow here comes the main and last part of our random quote generator app The entire code for the working of the app is written within the getNewQuote function In this function we will fetch the data from the API Since fetching the data from API is an asynchronous process so we will use the async function to fetch the data and store it in the array Learn more about JavaScript async function here Let s discuss everything step by step Step Create a function getNewQuote const getNewQuote async gt code to be executed Step Store the API in an url variable and fetch the data from it using fetch method Now the fetch method returns a promise to handle it we use await keyword Whenever the promise gets resolved save the data in the response variable const getNewQuote async gt api for quotes var url fetch the data from api const response await fetch url Step Convert the response to JSON format and it also returns a promise so again we need to add await keyword to handle the promise and whenever the promise gets resolved we will save the data in the allQuotes array const allQuotes await response json Step JavaScript has useful built in functions Math floor and Math random We will use Math random method to generate a number between and a total number of quotes fetched from the API length of allQuotes array and Math floor method to rounds a number DOWNWARDS to the nearest integer Now with the help of this number we will be able to access a single object from an array const indx Math floor Math random allQuotes length Step Each element stored in the array is an object which has the property text and author Store the quote present at the randomly generated index and also store the author of the respective quote const quote allQuotes indx text const auth allQuotes indx author Step Making the author anonymous if no author is present and once the values are ready let s display it in the HTML elements which we made before This is done by obtaining them using the document getElementById method and insert the values inside it using the innerHTML property if auth null author Anonymous const text document getElementById quote const author document getElementById author text innerHTML quote author innerHTML auth Step Add some attribute to the Twitter button to tweet the quote with the following code const tweetButton document getElementById tweet tweetButton href quote auth Step Call the function getNewQuote at the end to start function at exact reloading of the page getNewQuote Complete javascript codeindex jsconst text document getElementById quote const author document getElementById author const tweetButton document getElementById tweet const getNewQuote async gt api for quotes var url fetch the data from api const response await fetch url console log typeof response convert response to json and store it in quotes array const allQuotes await response json Generates a random number between and the length of the quotes array const indx Math floor Math random allQuotes length Store the quote present at the randomly generated index const quote allQuotes indx text Store the author of the respective quote const auth allQuotes indx author if auth null author Anonymous function to dynamically display the quote and the author text innerHTML quote author innerHTML auth tweet the quote tweetButton href quote auth getNewQuote You have just created a random quote generator It will look something like this Live Demo You can find the code at my GitHub Repository If you enjoyed learning and find it useful please do like and share so that it reaches others as well Thanks for reading I would to connect with you at Twitter LinkedIn GitHubLet me know in the comment section if you have any doubt or feedback See you in my next Blog article Take care Happy Learning	2021-05-23 06:45:00
海外TECH	DEV Community	Best IDEs	https://dev.to/mwrpwr/best-ides-5ef6	Best IDEsThere are tools to every trade and writing code is no different I ve posted in the past about the best code diff tools but that s only a small part of the equation Arguably the biggest part of the job is which IDE are you using IDE stands for Integrated Development Environment and it handles a lot more than you would think Apart from the basics of file management a good IDE should prioritize helping you write good code fast Any basic text editor can help you write text but an IDE is more about the bundle of tools that accompanies it Old School  VIMWhat is beloved and also hated by the same amount of people Vim Known for it s complicated command interface to know when typing versus running commands Vim provides extremely powerful text editing capabilities for those who know how to use it GOAT Visual StudioThis is the elephant in the room Visual Studio has dominated so much the code editing space for so long that it s hard to ignore And with the introduction of Visual Studio Code the offering are stronger than ever now It s hard to even put all of the offers that visual studio has into words but you miss the feature set when you go to other editors In particular I think that visual studio has the best debugger of any IDE out there It s just super intuitive and allows you to fly around the stack trace super easily Underdog AtomAtom is a hackable text editor for the st century built on Electron From the GitHub team which is owned by Microsoft now right comes an extremely versituatly and lightweight IDE Before Visual studio code came out Atom was my go to option for a lightweight editor that was also cross platform It allows extensions that allow you to customize almost everything about your experience It also has an extremely deep community around it so it s known for being reliable and friendly If you ve never used it before I highly recommend checking it out All in all which is your favorite IDE Are there any IDEs that you think should be on this list	2021-05-23 06:28:19
海外TECH	DEV Community	Super Useful Tips & Tricks for JavaScript Developers	https://dev.to/myogeshchavan97/super-useful-tips-tricks-for-javascript-developers-702	Super Useful Tips amp Tricks for JavaScript Developers Quick way to mask numbers using slice and ES padStart methodconst creditCard digit credit card numberconst lastFourDigits creditCard slice get last digits prepend to lastFourDigits to make length equal to creditCard number lengthconst maskedNumber lastFourDigits padStart creditCard length console log lastFourDigits console log maskedNumber Execute an event handler only onceBy passing once true as the third argument to the addEventListener method the event handler function will be executed only once document getElementById btn addEventListener click function console log Button clicked once true Update properties of an object using spread operatorconst user name David age city NY const newAge const updatedUser user age newAge console log user name David age city NY console log updatedUser name David age city NY Find the number of properties in an objectconst user name David age city NY console log Object keys user length Get the last elements from the arrayconst numbers const last numbers slice console log last const secondLast numbers slice console log secondLast Note that slice method is available for the array as well as string Three ways to check If the provided array is actually an arrayIn JavaScript array is also an object so to check If it s actually an array or object you can use the following ways Popular Interview Question const arr arr constructor toString indexOf Array gt arr instanceof ArrayArray isArray arr Get current timestampconst date new Date console log date getTime The timestamp value is sometimes useful for generating unique values because the timestamp value is always different for every second Provide a dynamic key for an object using ES computed object property syntax old wayfunction getPairs key value var object object key value return object console log getPairs name Mike name Mike console log getPairs age age new ES wayfunction getPairs key value const object key value return object console log getPairs name Mike name Mike console log getPairs age age Object destructuringconst user name David age destructure user properties and use a status property with value Married If it does not existconst name age status Married user console log name age status David Marriedconst person age destructure person object and rename name to username and assign a default value of Anonymous If the property does not exist in the person objectconst name username Anonymous age person console log username age Anonymous Array destructuringconst days sunday monday tuesday wednesday thursday friday saturday const firstDay secondDay days console log firstDay sundayconsole log secondDay monday Using ES template literal syntaxconst user name David age address NY old way Hi I m David with age and living in NYconsole log Hi I m user name with age user age and living in user address new way Hi I m David with age and living in NYconsole log Hi I m user name with age user age and living in user address This can be further simplified as shown below const user name David age address NY const name age address user console log Hi I m name with age age and living in address Pass variable number arguments to a functionES rest operator converts comma separated values into an array so the numbers parameter of the add function becomes an array function add numbers return numbers reduce acc value gt return acc value const sum add console log sum Using spread operator to create a new arrayconst first two three four const second six seven eight const combined one first five second console log combined one two three four five six seven eight Fill the array with a specific valueconst array Array fill false false false false false false const array Array keys Remove duplicates from the arrayUsing Setconst array const unique new Set array console log unique Using array filter methodconst array const unique array filter value index gt return array indexOf value index console log unique Generate random number within a particular rangerandom number from to Math floor Math random random number from to Math floor Math random random number between min included and max excluded function getRandom min max return Math floor Math random max min min console log getRandom any random number gt and lt random number between min and max both included function getRandom min max return Math floor Math random max min min console log getRandom any random number gt and lt Print JSON in a formatted wayconst book date book Harry potter author J K Rowling console log JSON stringify book null formatted with spacesconst book date book Harry potter author J K Rowling console log JSON stringify book null t formatted with tabs Implement smooth scroll to the top of the pagewindow scrollTo top left behavior smooth Convert any value to booleanlet number console log number falseconst number console log number trueconst name Tim console log name trueconst name console log name falseconst nullValue null console log nullValue falseThis is especially useful If you want to avoid sending null or undefined as a value to the backend Quickly convert string to numberconst number const converted number console log converted Convert string to arrayconst name Mike johnson console log name split M i k e j o h n s o n const chars a b c d e f console log chars split a b c d e f Format number to two decimal placesconst number console log number toFixed Check if the array contains a specific valueconst numbers old wayconsole log numbers indexOf gt true as it check if is present in the array new wayconsole log numbers includes trueThe includes method is also useful when comparing multiple values at once const day monday if day monday day tuesday day wednesday day thursday do something The above code is the same as the below codeconst day monday if monday tuesday wednesday thursday includes day do something Using optional chaining operatorconst user name David location street number name wall street old wayconst streetName user location amp amp user location street amp amp user location street name console log streetName wall street new wayconst streetName user location street name console log streetName wall streetPreviously to access the nested property we need to check for each property If it exists or not because directly accessing user location street name will throw an error If the location or street property does not exist and we try to access name on it like this const user name David const streetName user location street name Uncaught TypeError Cannot read property street of undefinedBut now with the ES optional chaining operator the next code after will be executed only if the previous reference is not undefined or null so we don t get any error const user name David const streetName user location street name console log streetName undefinedSo using the optional chaining operator makes the code shorter and easier to understand Thanks for reading Want to learn Redux in detail and build a complete food ordering app check out my Mastering Redux course Following is the preview of the app we ll be building in the course It s a great project you can add to your portfolio resume Note that in this app I have used INR as the currency for displaying the prices but you can easily change it to USD or AUD or any other currency with a single configuration change in the app Want to stay up to date with regular content regarding JavaScript React Node js Follow me on LinkedIn	2021-05-23 06:14:39
海外TECH	DEV Community	Working with Multiple Elements in Cypress	https://dev.to/automationbro/working-with-multiple-elements-in-cypress-lhf	Working with Multiple Elements in CypressIn this Cypress tutorial we will cover how you can work with multiple elements We will verify the length of the list as well as assert the text of all the list items Test ScenarioIn this test scenario we will try to get the length of the menu link items below as well as get the text of each of the list items each Since we will be working with the list items we will need to iterate through the list Cypress provides a handy each function to iterate through Array like structures Let s see how we can use it Asserting the list textOnce we are able to iterate through the list using the each command we can get access to each individual list item We can then use the text command to access the text of the list items In the above code we are asserting the text using ways Via the text command this way is useful if you would like to modify the text in some way before asserting itVia the wrap and should command this is the natural way to assert the text in CypressDepending on your own use case you can pick either way to assert the text Check out the video below to see learn how to work with multiple elements in Cypress Subscribe to my mailing list to get access to more content like this Follow automationbro on Twitter for the latest updates I love coffees And if this post helped you out and you would like to support my work you can do that by clicking on the button below and buying me a cup of coffee You can also support me by liking and sharing this content Thanks for reading	2021-05-23 06:13:18
海外ニュース	Japan Times latest articles	Top Japanese government spokesman mentions the possibility of COVID-19 emergency extension	https://www.japantimes.co.jp/news/2021/05/23/national/okinawa-state-emergency-official/	Top Japanese government spokesman mentions the possibility of COVID emergency extensionThe state of emergency the third of its kind in Japan now covers prefectures and is set to run through June in Okinawa	2021-05-23 15:32:06
ニュース	BBC News - Home	Rural crime: Bodycams for farmers as they fight rural crime	https://www.bbc.co.uk/news/uk-wales-56996106	technology	2021-05-23 06:43:46
LifeHuck	ライフハッカー［日本版］	【Amazon タイムセール祭り】本日スタート！ヒュービディックの非接触体温計が20%オフ、ワンタッチ自動開閉の折りたたみ傘が65%オフとお買い得	https://www.lifehacker.jp/2021/05/amazon-timesale-fes-2021-0523-2.html	【Amazonタイムセール祭り】本日スタートヒュービディックの非接触体温計がオフ、ワンタッチ自動開閉の折りたたみ傘がオフとお買い得Amazonアマゾンでは、年月日時から月日時分まで「Amazonタイムセール祭り」を開催中本日スタートです人気のアイテムが日替わり・時間ごとに多数セール対象となるタイムセールでは、現在、ヒュービディックの非接触体温計がオフ、ワンタッチ自動開閉の折りたたみ傘がオフなど、今すぐ使えるアイテムがお買い得に登場しています。	2021-05-23 15:45:00
北海道	北海道新聞	スケートボード五輪予選、堀米雄斗が決勝へ　女子は日本勢全７選手がコロナで棄権	https://www.hokkaido-np.co.jp/article/547020/	東京五輪	2021-05-23 15:03:14
IT	週刊アスキー	ローソン、ボリュームがあるカステラでクリームを挟んだ「カステラケーキ」	https://weekly.ascii.jp/elem/000/004/055/4055981/	生地	2021-05-23 15:30:00