投稿時間:2022-07-03 17:23:46 RSSフィード2022-07-03 17:00 分まとめ(26件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Google、｢Pixel 5a (5G)｣の画面が映らなくなる問題で1年間の延長修理プログラムを実施	https://taisy0.com/2022/07/03/158714.html	google	2022-07-03 07:56:20
Ruby	Rubyタグが付けられた新着投稿 - Qiita	railsコマンドを打つとエラーが起きた	https://qiita.com/djedmphi/items/0a92423d20a212f38028	ouldnotbefoundrelinetermi	2022-07-03 16:10:48
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Amplifyでバックエンドを揃える	https://qiita.com/masakichi/items/199f7f309d3a801f5cb8	awsamplify	2022-07-03 16:07:07
Docker	dockerタグが付けられた新着投稿 - Qiita	13.2 Template parameters [temp.param] C++N4910:2022 (195) p354.cpp	https://qiita.com/kaizen_nagoya/items/f8e3b3bb879dd5e029f9	draft	2022-07-03 16:56:39
Docker	dockerタグが付けられた新着投稿 - Qiita	RaspberryPiOSをdockerイメージ化する	https://qiita.com/ryot0/items/3b40a0e5f227d97b7d3b	docker	2022-07-03 16:53:27
Docker	dockerタグが付けられた新着投稿 - Qiita	13.1 Preamble [temp.pre] C++N4910:2022 (194) p353.cpp	https://qiita.com/kaizen_nagoya/items/00af9c52e55edd1252ab	draft	2022-07-03 16:49:56
Docker	dockerタグが付けられた新着投稿 - Qiita	12.6 User-defined literals [over.literal] C++N4910:2022 (194) p352.cpp	https://qiita.com/kaizen_nagoya/items/6a8ab5d88c96c1bc5775	draft	2022-07-03 16:46:37
golang	Goタグが付けられた新着投稿 - Qiita	koanfの罠：空文字をスライスにUnmarshalしても空スライスにならない	https://qiita.com/Syuparn/items/03bac4c9d1b793a3c715	koanf	2022-07-03 16:50:27
golang	Goタグが付けられた新着投稿 - Qiita	Laravelのようなmake controllerコマンドをGoで作成	https://qiita.com/popo62520908/items/25863ee6fda35769c62d	mdbackendcommandsfuncmain	2022-07-03 16:09:53
Ruby	Railsタグが付けられた新着投稿 - Qiita	railsコマンドを打つとエラーが起きた	https://qiita.com/djedmphi/items/0a92423d20a212f38028	ouldnotbefoundrelinetermi	2022-07-03 16:10:48
海外TECH	DEV Community	Create A Forget password link for one time and expire in 10 minutes in nodeJS	https://dev.to/deepakjaiswal/create-a-forget-password-link-for-one-time-and-expire-in-10-minutes-in-nodejs-2le6	Create A Forget password link for one time and expire in minutes in nodeJShere create forget password link with json web token jwt to create expire token in minutes but in token not make it for one time so store in database after successfully OTP verify i have remove from database in mongoose model i add a field name otp has number and expire field in minutes user model jsconst mongoose require mongoose const userSchema new mongoose Schema name type String required true trim true email type String required true otp type Number expires m index true imageUrl type String default avatar png module exports mongoose model User userSchema user controller jsmodule exports forgetPassword async req res next gt try const email req body User findOne email exec function err user if err throw err if user res json error User not found else let otp Math random toString user await User findOneAndUpdate id user id set otp new true const id email user let token jwt sign id email tokenId uuidv SECRET TOKEN expiresIn m let url HOST URL token await sendMail email forget password link url your otp is user otp res status send message send link to your mail catch err next err module exports verifyOtp async req res next gt try email get from token const email otp req body User findOne email otp exec function err user if err throw err if user res json error Link is Expired else await User updateOne id user id set otp null const token jwt sign id user id tokenId uuidv SECRET TOKEN res header token token json message otp verification success catch err next err check on client side if token is expired then message token is expired	2022-07-03 07:50:14
海外TECH	DEV Community	can you "AppendChild" same element multiple times in js ? Probably not	https://dev.to/kiumad/can-you-appendchild-same-element-multiple-times-in-js-probably-not-4j	can you quot AppendChild quot same element multiple times in js Probably notin this case var d document createElement div var d document createElement div var p document createElement p d appendChild p d has p nowd appendChild p d has p now but where is p in d we cannot append p multiple times because in the DOM being a tree of nodes one node can have only one parent it cannot have multiple parents But solution We can use cloneNode but I use another way I want to use a functionlike this main functionfunction appendChildMultiple parent check function argument is an element if parent nodeType undefined const pTag document createElement p pTag innerText This is the appended element finally append child to parent parent appendChild pTag and use it const d document createElement div const d document createElement div appendChildMultiple d appendChildMultiple d an example on Codepen Do you think this method has good performance Leave a comment below	2022-07-03 07:47:59
海外TECH	DEV Community	React Responsive Navbar Menu With Tailwind CSS Example	https://dev.to/larainfo/react-responsive-navbar-menu-with-tailwind-css-example-3mah	React Responsive Navbar Menu With Tailwind CSS ExampleIn this tutorial we will create responsive navbar menu in react js using tailwind css We will see navbar with hamburger menu with react tailwind navbar component navnar with sign in and signup examples with Tailwind CSS amp React Tool UseReact JSTailwind CSS vHeroicons IconviewFirst you need to setup react project with tailwind css You can install manually or you read below blog How to install Tailwind CSS in ReactInstall amp Setup Vite React Typescript Tailwind CSS Example React JS responsive navbar menu with tailwind css import useState from react export default function NavBar const navbar setNavbar useState false return lt nav className w full bg white shadow gt lt div className justify between px mx auto lg max w xl md items center md flex md px gt lt div gt lt div className flex items center justify between py md py md block gt lt a href javascript void gt lt h className text xl font bold gt LOGO lt h gt lt a gt lt div className md hidden gt lt button className p text gray rounded md outline none focus border gray focus border onClick gt setNavbar navbar gt navbar lt svg xmlns className w h viewBox fill currentColor gt lt path fillRule evenodd d M a L l a L l a L l a L a z clipRule evenodd gt lt svg gt lt svg xmlns className w h fill none viewBox stroke currentColor strokeWidth gt lt path strokeLinecap round strokeLinejoin round d M hM hM h gt lt svg gt lt button gt lt div gt lt div gt lt div gt lt div gt lt div className flex justify self center pb mt md block md pb md mt navbar block hidden gt lt ul className items center justify center space y md flex md space x md space y gt lt li className text gray hover text blue gt lt a href javascript void gt Home lt a gt lt li gt lt li className text gray hover text blue gt lt a href javascript void gt Blog lt a gt lt li gt lt li className text gray hover text blue gt lt a href javascript void gt About US lt a gt lt li gt lt li className text gray hover text blue gt lt a href javascript void gt Contact US lt a gt lt li gt lt ul gt lt div gt lt div gt lt div gt lt nav gt tailwind responsive hamburger menu in react Example React JS responsive navbar menu with tailwind css sign in and sign up button import useState from react export default function NavBar const navbar setNavbar useState false return lt nav className w full bg purple shadow gt lt div className justify between px mx auto lg max w xl md items center md flex md px gt lt div gt lt div className flex items center justify between py md py md block gt lt a href javascript void gt lt h className text xl font bold text white gt LOGO lt h gt lt a gt lt div className md hidden gt lt button className p text gray rounded md outline none focus border gray focus border onClick gt setNavbar navbar gt navbar lt svg xmlns className w h text white viewBox fill currentColor gt lt path fillRule evenodd d M a L l a L l a L l a L a z clipRule evenodd gt lt svg gt lt svg xmlns className w h text white fill none viewBox stroke currentColor strokeWidth gt lt path strokeLinecap round strokeLinejoin round d M hM hM h gt lt svg gt lt button gt lt div gt lt div gt lt div gt lt div gt lt div className flex justify self center pb mt md block md pb md mt navbar block hidden gt lt ul className items center justify center space y md flex md space x md space y gt lt li className text white hover text indigo gt lt a href javascript void gt Home lt a gt lt li gt lt li className text white hover text indigo gt lt a href javascript void gt Blog lt a gt lt li gt lt li className text white hover text indigo gt lt a href javascript void gt About US lt a gt lt li gt lt li className text white hover text indigo gt lt a href javascript void gt Contact US lt a gt lt li gt lt ul gt lt div className mt space y lg hidden md inline block gt lt a href javascript void className inline block w full px py text center text white bg gray rounded md shadow hover bg gray gt Sign in lt a gt lt a href javascript void className inline block w full px py text center text gray bg white rounded md shadow hover bg gray gt Sign up lt a gt lt div gt lt div gt lt div gt lt div className hidden space x md inline block gt lt a href javascript void className px py text white bg gray rounded md shadow hover bg gray gt Sign in lt a gt lt a href javascript void className px py text gray bg white rounded md shadow hover bg gray gt Sign up lt a gt lt div gt lt div gt lt nav gt	2022-07-03 07:14:06
海外TECH	DEV Community	Don’t settle for a fast homepage	https://dev.to/dailydevtips1/dont-settle-for-a-fast-homepage-57oe	Don t settle for a fast homepageMany people are inspired to make their websites faster which is excellent news We need faster and more optimized websites However I also see a lot of people stop at the homepage They ensure the homepage gets a decent score and then totally forget to test additional pages Why does it matterLooking at my blog the homepage is only of the entries to my website That means of the people enter through a different path So why should we focus on making the homepage faster if it isn t even the primary traffic source You might think well that might be your website even if you are right I would love to hope that people explore your website beyond the homepage But my site is massive My website for instance has xx pages at the moment and trust me I don t want to try to speedtest them all There is no need for that even So what can you do to ensure the majority of your pages work Here are some tips Identify unique pages and test thosePick your most visited pagesPick your largest pagesThese are some samples that I use Since optimizing your website is a recurring task I like to mix these methods a bit Sometimes I check my analytics and see my most viewed pages which have the highest impact Other times I pick the ones with the most elements of content in it And when starting a project you might want to test all the different pages you have Such as contact about blog article and so on ConclusionEvaluate your website based on how users make use of it Your homepage might not even be the main entry point so ensure you optimize your whole website We looked at different approaches to test individual pages as it s sometimes impossible to try every single page Thank you for reading and let s connect Thank you for reading my blog Feel free to subscribe to my email newsletter and connect on Facebook or Twitter	2022-07-03 07:12:23
海外ニュース	Japan Times latest articles	Up to 39.15 million KDDI mobile lines affected during nationwide disruption	https://www.japantimes.co.jp/news/2022/07/03/business/tech/kddi-au-system-outage/	network	2022-07-03 16:21:42
ニュース	BBC News - Home	Chris Pincher: New claims emerge against former Tory MP	https://www.bbc.co.uk/news/uk-politics-62025612?at_medium=RSS&at_campaign=KARANGA	behaviour	2022-07-03 07:51:15
北海道	北海道新聞	青木が通算－１４で今季初勝利　資生堂レディース最終日	https://www.hokkaido-np.co.jp/article/701256/	神奈川県	2022-07-03 16:52:00
北海道	北海道新聞	日本最北スタバ、北見に４日オープン　市内２店目、工業大の向かい	https://www.hokkaido-np.co.jp/article/701087/	東京	2022-07-03 16:51:22
北海道	北海道新聞	西０―３ソ（３日）　石川が２年ぶり完封勝利	https://www.hokkaido-np.co.jp/article/701245/	完封勝利	2022-07-03 16:28:05
北海道	北海道新聞	ロシア産石油価格「半分に」　首相、Ｇ７の上限設定で	https://www.hokkaido-np.co.jp/article/701248/	岸田文雄	2022-07-03 16:28:05
北海道	北海道新聞	群馬の４歳女児不明から２６年　県警「１件でも多く情報を」	https://www.hokkaido-np.co.jp/article/701247/	群馬県太田市	2022-07-03 16:28:04
北海道	北海道新聞	マレーシアで盆踊り論争　宗教巡り揺れる多民族国家	https://www.hokkaido-np.co.jp/article/701251/	多民族国家	2022-07-03 16:28:00
北海道	北海道新聞	カモ親子、鴨川へ引っ越し　７００メートルよちよち	https://www.hokkaido-np.co.jp/article/701238/	京都市左京区	2022-07-03 16:03:11
北海道	北海道新聞	池田と浦幌で３４・１度、札幌は３１・９度　道内７５地点で真夏日	https://www.hokkaido-np.co.jp/article/701243/	道内	2022-07-03 16:17:41
北海道	北海道新聞	「香港故宮文化博物館」オープン　愛国教育に活用、九竜地区に	https://www.hokkaido-np.co.jp/article/701250/	愛国教育	2022-07-03 16:12:00
北海道	北海道新聞	野球の国際大会に大谷ルール導入　ＷＢＳＣ主催大会で	https://www.hokkaido-np.co.jp/article/701249/	国際大会	2022-07-03 16:12:00