投稿時間:2021-07-28 01:28:05 RSSフィード2021-07-28 01:00 分まとめ(33件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Bang & Olufsen、新型ワイヤレスイヤホン｢Beoplay EQ｣を発表 − アクティブノイズキャンセリング機能を搭載	https://taisy0.com/2021/07/28/143488.html	bangampolufsen	2021-07-27 15:38:17
AWS	AWS Architecture Blog	Implementing Multi-Region Disaster Recovery Using Event-Driven Architecture	https://aws.amazon.com/blogs/architecture/implementing-multi-region-disaster-recovery-using-event-driven-architecture/	Implementing Multi Region Disaster Recovery Using Event Driven ArchitectureIn this blog post we share a reference architecture that uses a nbsp multi Region active passive nbsp strategy to implement a hot standby strategy for disaster recovery DR We highlight the benefits of performing DR failover using event driven serverless architecture which provides high reliability one of the pillars of AWS Well Architected Framework With the multi Region active passive strategy your workloads …	2021-07-27 15:54:30
python	Pythonタグが付けられた新着投稿 - Qiita	Django:Bootstrapを使って見た目を良くする（基礎の基礎４）	https://qiita.com/ykoji/items/4c09c0a9433f01617cef	Bootstrapのスターターテンプレートを使う以下のbootstrapのウェブサイトにスターターテンプレートがありますので、これを使っていきます。	2021-07-28 00:23:44
python	Pythonタグが付けられた新着投稿 - Qiita	pipenv実行時、「ValueError: Not a valid python path:」エラーが発生する	https://qiita.com/Mor8/items/2202a8fb495c201185ac	pipenv実行時、「ValueErrorNotavalidpythonpath」エラーが発生する現象pipenvによる仮想環境構築時、「ValueErrorNotavalidpythonpathCUsersUserAnacondaScriptspythonexe」というエラーが発生していました。	2021-07-28 00:19:57
python	Pythonタグが付けられた新着投稿 - Qiita	NZXT H1 と RTX A4000 でディープラーニング(とゲーム)用自作PC組みました	https://qiita.com/kamiya826/items/c6a5671db8737e3b20ec	NZXTHとRTXAでディープラーニングとゲーム用自作PC組みましたはじめにディープラーニングとゲーム用に新しいPCが欲しかったのですが、どうしてもNZXTHで組みたかったので、予算と要望ディープラーニングとゲームができるに合うGPUを探した結果RTXAで組んだという記事です。	2021-07-28 00:09:32
js	JavaScriptタグが付けられた新着投稿 - Qiita	[Nuxt]optional chainingでちょっと複雑なAPI埋め込みするときにスッキリ書く	https://qiita.com/gungungggun/items/c19778af4511971ce0d4	Nuxtoptionalchainingでちょっと複雑なAPI埋め込みするときにスッキリ書く複雑なAPIだとフラットで返ってこないものも多いのではないでしょうかjavascriptのオブジェクトを辿る時、aaabbbcccdddとしますが、途中のcccの返りがnullならエラー。	2021-07-28 00:53:01
js	JavaScriptタグが付けられた新着投稿 - Qiita	Auth0のアクセストークンを検証する	https://qiita.com/higuuu/items/05ac98850f3c3ff8b73a	verifyauthtokenLindexjsLpublicpem先ほどのライブラリを活用するためにyarnaddjsonwebtokenもしくはnpminstalljsonwebtokenでこのライブラリをインストールしてください。	2021-07-28 00:08:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	C＃　コンソールで文字を読み込む	https://teratail.com/questions/351555?rss=all	consolereadline	2021-07-28 00:45:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VSCodeでJavaScriptのコード候補を表示させる方法を教えてください。	https://teratail.com/questions/351554?rss=all	前提・実現したいことvscodeでJavaScriptのコード予測候補を表示させたいです。	2021-07-28 00:45:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	[Python/C API] Cで作ったポインタ変数が引数にある関数をPythonで呼び出し使用したい。	https://teratail.com/questions/351553?rss=all	PythonCAPICで作ったポインタ変数が引数にある関数をPythonで呼び出し使用したい。	2021-07-28 00:28:35
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Progate中級道場編　CSSプロパティ 親要素と子要素の継承に関する疑問点	https://teratail.com/questions/351552?rss=all	前提CSSプロパティには、親要素から子要素へ継承するプロパティと継承しないプロパティがあると理解してます。	2021-07-28 00:11:31
海外TECH	DEV Community	14 VS Code Shortcuts to Supercharge Your Productivity	https://dev.to/domagojvidovic/14-vs-code-shortcuts-to-supercharge-your-productivity-4khn	VS Code Shortcuts to Supercharge Your ProductivityWe software engineers tend to be extremely efficient beings Our goal is to optimize everything not just the code That s why we don t want to spend seconds looking for something on the GUI We don t want to spend even seconds Why would we when we can do it in s by using the powerful keyboard shortcuts If I repeatedly do the same actions I always Google for its shortcut Usually I find it Let me share with you the shortcuts I use every day I bet you don t know many of them Search files by nameOk we ll start by listing the most common and simples shortcuts cmd P Mac crtl P Windows will open a search field with an incredibly powerful fuzzy search I probably use this times a day Search settingsThis one is similar after clicking cmd P Mac crtl P Windows just type gt You can now type in any search term and only settings will be affected Multiple cursorsThis feature is so cool I wish I could use it everywhere else Just press alt and start clicking around the editor Multiple cursors will appear Multiple cursors vYou can do something similar without clicking around cmd option arrow down Mac shift alt arrow down Windows will insert an extra cursor below Obviously you can use arrow up to insert a cursor above Select all occurrencesThis one is quite uncommon but it s extremely powerful First you need to select some text Then cmd shift L Mac crtl shift L Windows select all occurrences of that text It s so useful for situations like renaming a variable across the file Imagine manually renaming a variable repeated times in the file Nightmare Delete a linecmd shift K Mac crtl shift K Windows does the trick here Duplicate a linePut your cursor in the line you want to duplicate Press cmd C then cmd V Mac crtl C then crtl V Windows Voila Search in a fileThis one is quite familiar across all the common apps like browsers cmd F Mac crtl F Windows cmd G Mac crtl G Windows search for the next occurrence while cmd shift G Mac crtl shift G Windows search for the previous one Replace in a fileIf you want to replace the term you searched for fire cmd option G Mac crtl shift G Windows Then click enter to replace the current occurrence If you want to replace them all click cmd enter Mac crtl enter Windows Search in all filesNothing can exist without a good old search in all files cmd shift F Mac ctrl shift F Windows does the trick If you want to match text by case press cmd option C Mac crtl shift C Windows You can also match the whole word by pressing cmd option W Mac crtl shift W Windows Replace in all filesDo you want to replace all occurrences in all files across the project i e search replace Amazing cmd option H Mac crtl shift H Windows does the trick cmd option enter Mac crtl alt enter Windows triggers the replacement Split editorOne tab is not enough you need many of them Great just press cmd Mac alt shift Windows Repeat until you re satisfied Close tabThis one is the same as in Chrome   cmd W Mac crtl W Windows Switching between opened tabsDo you want to open the previous tab crtl tab does the trick Do you want to go to a tab on a known position crtl index does that Finally you can pick the tab on left right by pressing cmd option arrow left right Mac crtl page down up Windows ConclusionI wouldn t suggest learning all of them by heart immediately try with one or two of them and slowly adapt them to your work Save this article in case you want to revisit it later Using more keyboard shortcuts will increase your productivity And oh it does feel so good	2021-07-27 15:28:48
海外TECH	DEV Community	CSS z-index illustrated	https://dev.to/this-is-learning/css-z-index-illustrated-51f7	CSS z index illustratedMy followers know that I no longer work as a frontend developer however I worked as one for nearly years and I was self taught I was lucky to have a background in architecture CAD and graphic and d design so grasping the more mathematical or in this case geometrical aspects of putting together a layout was not difficult for me However I see that for self taught developers coming from completely unrelated backgrounds the z index is a tough one to grasp This is my attempt at explaining it in an illustrated way Most people will be familiar with the concept of cartesian coordinates They are used to define the location of a point in either a line d or in space d If you drive and use Google Maps you are probably familiar with geospatial coordinates or longitude and latitude the points we use for locations on maps or Earth d or two dimensionalIn d we have the y axis and the x axis From their convergence the point we can then specify where another point is located Typically the y axis defines the vertical location and the x axis the horizontal location of a point If we have several points that define a shape like a box then we can define its dimensions AND its location using coordinates This is basically how we do layout with css defining the dimensions and location of elements with respect to those two imaginary lines that come defined by the edge of the viewport We understand y as the top of the browser viewport and x as the left edge when left to right so would be the most top left point as we load the page considering it is not programmatically scrolling to another x y location Layout and the box modelWhen we are adding new elements to the markup of a page by default they re added to the default context I will explain context later in the article They will follow the document flow and be stacked on top of each other in the same order they are added to the document So if we had block elements like divs for example added to a document like you see in the figure below if we could see them from the side in terms of an imaginary vertical stack they would be stacked in this way But what would happen if you added a child to div number and give it a top margin to move it on top of div in the y axis That overlapping bit would be hidden by div and that s expected since in terms of markup div is coming after div in the document flow z index important will help NOTMany developers new to frontend will try to fix this using the z index property with a very high positive value or maybe negative supposign they wanted to completely hide the div But that on its own won t work Unless you create a stacking context If you don t create a new stacking context z index won t work no matter how many s and importants you add Both divs and will be in the same default context and will always be on top of Understanding and creating a new stacking context so we can use the z index propertyLet s port that two dimensional representation of cartesian coordinates to a three dimensional or spatial one As you probably guessed now we have points that specify the location of a point x y z A stacking context is each new layer added to that z axis that you can now reorder to bring elements on top or place them below the default context or other contexts The order comes defined by the index that can be a positive integer or a negative integer I advise you now head to the official documentation on MDN and read all you can about stacking contexts But in a nutshell you create a new stacking context by giving a container div the following properties and values you give it an opacity different than you give it a position other than static and a z index other than autoyou give it display either flex or grid and a z index other than autoyou use transform perspective filter clip path or maskor you use some of the brand new properties such as isolate with a value of isolate will change or contain That s all folks I hope you find it useful and don t have to struggle with z index issues anymore Also if this article has an error or you want to suggest an improvement do it in the comments	2021-07-27 15:21:04
海外TECH	DEV Community	Why tabs are better than spaces	https://dev.to/mattkenefick/why-tabs-are-better-than-spaces-3k08	Why tabs are better than spaces ️Warning Opinions in this article may differ from your own Beware of mild generalizations BackgroundI ve been writing code for over years in several languages and all types of editors including Notepad Visual Basic Dreamweaver TextMate Coda Sublime Xcode Visual Studio and others For the majority of that time I ve been pretty adamant about spaces Why I might be changing my mindIn very recent years the popularity of a few frameworks has spawned a rise of cases in space indentation In my opinion this level of indentation is too low and creates confusion My assumption is that space indentation was adopted to save horizontal real estate but I m not entirely sure why that would be required After all if your code has to be indented to the point it becomes unreadable you likely have other code related issues to fix In fairly broad strokes ️ you have indentation for the following namespace class function conditional loop logicThere s more than enough room to keep code within an character margin with a gap indentation even at levels But why tabs I m not on a mission to stop people from writing gap indentation If that s what you like that s what you like When I write my code I want to see gap indentation even if I m sharing the codebase with gappers This creates a problem because formatting the file will add remove spaces on every line to meet indentation levels which causes your git diff to change virtually every line unreasonable and irresponsible Tabs make more sense because each individual tab represents one logical level of indentation You may have noticed I changed my terminology in this article to say gap rather than space and that s because it s the visual representation of space that matters not the actual character Even though spaces require more disk space Within your editor you can change the visual representation of a tab You can still get your gap gap gap indentation level using tabs while working seamlessly with other developers If Johnny is using gap tabs I m using gap tabs and Maria is using gap tabs none of the actual characters change in our commits even though we can all feel comfortable with our preferred indentation sizes TL DREach tab t x represents one level of logical indentation rather than having to compute reduce spaces as a representation of indentation Tabs allow multiple developers to use their own indentation preferences without overriding formatting of others Forcing spaces of your own preference onto the other members of your team is a bit selfish	2021-07-27 15:20:31
海外TECH	DEV Community	Django React - Datta Able (Free Full-stack Product)	https://dev.to/sm0ke/django-react-datta-able-1hpj	Django React Datta Able Free Full stack Product Hello Coders This article presents an open source full stack product that uses a decoupled React UI and a simple Django Rest API for authentication This simple starter might help beginners to accommodate faster with a full stack pattern by coding simple features on top of existing code Sources are available on Github under the MIT License Thanks for reading Content provided by App Generator Django React Datta Able product pageDjango React Datta Able LIVE DemoThis free product can be used in many ways the first one might be educational Beginners can clone the project and experiment the build and code simple things on top of both parts of the project backend and frontend Other way is to use the product in production and reuse the features for a hobby or commercial end product How to build the backendThe backend is a simple Django API server built with SQLite Django REST API and JSON Web Tokens and Docker support Product requirements Python Python is not supported Django latest stable version DRF LibraryStep Clone the sources git clone cd api server djangoStep Create a virtual environment virtualenv p python venv source venv bin activateStep Install dependencies via PIP pip install r requirements txtStep Start the API server python manage py migrate python manage py runserver At this point the API server should be up and running Product comes with Docker configuration and the set up is considerably faster docker compose up d build Start the REACT UITo built the UI a decent Node JS version is requited gt x and also GIT to clone download the project from the public repository Step Clone the project git clone cd react datta able dashboardStep Install dependencies via NPM or yarn npm i OR yarnStep Start in development mode npm run start OR yarn startAt this point we should see the React UI running in the browser By default guest users are redirected to the login page Once we create a new user and successfully authenticate the app unlocks all private pages Django React Datta Login PageDjango React Datta Widgets pageThanks for reading For support and more resources please access free React Node JS Berry product page free React Node JS Datta Able product pageFree React Dashboards a curated list published here on Dev	2021-07-27 15:08:55
海外TECH	DEV Community	Narrowing the Type of Class Accessors	https://dev.to/bennypowers/narrowing-the-type-of-class-accessors-bi8	Narrowing the Type of Class AccessorsJavascript class accessors let you define a function to get or set a particular value on an object Why would you want to do that One popular reason is to run side effects in a setter So for example say you want to make an HTTP request every time a user sets the options property on your object class Fetcher constructor public url api options RequestInit this options options options RequestInit get options RequestInit return this options set options val RequestInit this options val this fetch fetch return fetch this url this options By defining the options property with an accessor pair we can run our side effects in this case calling fetch in the setter But now let s say we want to write a Poster class that only makes POST requests It makes sense to extend Fetcher so that we don t duplicate our work We want to narrow the type of options however to only allow options where the method is POST type PostInit RequestInit amp method POST class Poster extends Fetcher declare options PostInit What we re essentially saying with the declare keyword is This class is exactly the same as it s parent except that TypeScript should limit the options property to only accept PostInit objects This should work but options is defined as an accessor in class Fetcher but is overridden here in Poster as an instance property Oops TypeScript complains This change was introduced in in order to make TypeScript behave more like plain JavaScript Indeed TC decreed that class fields should have define semantics instead of set semantics which means that if we merely stripped these files of typescript syntax our Poster class would break The debate over TC s decision to use define semantics continues even though the decision was made already so we won t get deeper into it here but when using typescript and ambient declarations like we did above with the declare keyword we don t have the problem of our class field overriding the accessors particularly if we don t have useDefineForClassFields turned on which is probably a good choice anyways In fact one of the three proposals which aim to fix this behaviour in typescript calls to allow fields to override accessors if they use the declare keyword But until that proposal or a similar fix is accepted what can we do A Workaround Using DecoratorsTypeScript field decorators have access to the class prototype We can use one then to define our property with get and set functions Since we re using a class private field for storage and those are only available within a class body let s define our decorator as a static method class Fetcher internal static private o proto Fetcher string Object defineProperty proto options get return this options set val this options val this fetch options RequestInit Fetcher o options RequestInit constructor public url api options RequestInit this options options fetch return fetch this url this options If you squint you can still see the original outline of the class and this version does not error when we declare our narrow type on the subclass Really this is a kind of ugly loophole to tide us over until TypeScript decides which proposal if any to adopt for this pattern Here s hoping they don t close it before then FootnotesEagle eyed readers might object to my example Poster should implement it s own setter to only allow POST at run time They d be right to do so We could come up with other examples where the options object doesn t have runtime validation or where that validation is done in other methods In those cases it would be right handy to declare the narrower type on the subclass	2021-07-27 15:03:09
海外TECH	DEV Community	Visual Studio 2022 is here✅ (5 features that you will love)	https://dev.to/dotnetsafer/visual-studio-2022-is-here-5-features-that-you-will-love-3dh6	Visual Studio is here features that you will love We have already reached the middle of the year and Microsoft does not leave for tomorrow what it can announce today From the hand of CVP Amanda Silver we get some news that the next version of Visual Studio will incorporate which we already know officially as Visual Studio Visual Studio new features NET Probably the most relevant feature is the inclusion of NET which will be among us in November NET will allow the creation of multiplatform applications and will already incorporate specific frameworks for Android and Mac Here are the news about NET NET MAUIThe most remarkable functionality of this new version of the framework will be NET MAUI Is a technology that allows you to create common interfaces for any environment be it desktop mobile or web and on any operating system NET MAUI is the replacement for Xamarin Forms and will add the ability to create desktop applications using Blazor bit Visual StudioOne of the great novelties comes from the same application And it is that Visual Studio will be for the first time a bit application which will no longer be limited to GB of memory in the main devenv exe process The goal is to be able to open edit run and debug even the largest and most complex solutions without running out of memory Obviously both bit and bit applications can be created Unrestricted access to all memory on the PC should result in much better performance across the board and fewer out of memory errors Microsoft says it is working to make every part of the workflow faster and more efficient from loading solutions to debugging F Here you can see how Visual Studio loads a solution with projects and more than files New user interfaceOther new features include a modernization of the user interface with lighter icons for the light and dark versions of the interface Overall the goal is to reduce complexity decrease cognitive load and offer better usability for all users The new version will include Updated icons for clarity readability and contrast Cascadia Code a new fixed width font for better readability It can already be tested at GitHub Updated and improved themes Integration with Accessibility Insights to detect accessibility issues early on before the software reaches end users Customization of the experience with Visual Studio with settings for the IDE and the ability to synchronize or not settings between devices Hot ReloadThere is also the Hot Reload feature that allows making changes to the interface while the project is in debugging and applying them without having to restart debugging	2021-07-27 15:02:55
Apple	AppleInsider - Frontpage News	Thousands of undeclared Apple AirPods Pro, Apple Watches seized at Dubai airport	https://appleinsider.com/articles/21/07/27/thousands-of-undeclared-apple-airpods-pro-apple-watches-seized-at-dubai-airport?utm_medium=rss	Thousands of undeclared Apple AirPods Pro Apple Watches seized at Dubai airportMore than AirPods Pro were seized by the customs department at the Mumbai International Airport in a consignment of undeclared goods The Mumbai International Airport customs department has seized more than a million of dollars worth of undeclared Apple goods Included in the seized items were AirPods Pro which would hold a retail value of more than million Also seized were limited edition Apple Watch Series While the exact models of the watches were unknown they would hold a minimum retail value of Read more	2021-07-27 15:53:38
Apple	AppleInsider - Frontpage News	Antitrust action the biggest threat to Apple shares, analyst says	https://appleinsider.com/articles/21/07/27/antitrust-action-the-biggest-threat-to-apple-shares-analyst-says?utm_medium=rss	Antitrust action the biggest threat to Apple shares analyst saysAntitrust and government regulatory action represent some of the biggest risks to Apple which reports earnings on Tuesday according to an analyst at D A Davidson Co Credit WikiMedia CommonsIn a note to investors seen by Reuters lead analyst Tom Forte said he hopes Apple executives address the regulatory risks on the company s p m Pacific Time earnings call with analysts Read more	2021-07-27 15:18:11
海外TECH	Engadget	'The Simpsons' gets a home arcade cabinet for its 30th birthday	https://www.engadget.com/arcade1up-the-simpsons-arcade-game-cabinet-153739981.html?src=rss	x The Simpsons x gets a home arcade cabinet for its th birthdayGamers of a certain age cough now have a way to relive the countless hours spent playing The Simpsons at your local arcade ArcadeUp has introduced a retro cabinet that faithfully recreates The Simpsons Arcade Game plus The Simpsons Bowling as you played it years ago just without the gigantic pile of quarters needed to emerge victorious In some ways it s better ーa remote play option lets other cabinet owners jump into the beat em up without leaving home ArcadeUp promises authentic artwork and relatively easy assembly Pre orders start on August th ArcadeUp hasn t mentioned a price although the period appropriate Turtles in Time cabinet costs if you need a reference point You re paying a lot to satisfy your nostalgic urges Still this might be worthwhile if you re looking for a conversation piece in your den or game room that ventures beyond the usual air hockey and pool tables	2021-07-27 15:37:39
Cisco	Cisco Blog	Delivering a Consistent and Secure Workspace Experience Spanning Multiple Sites with Cisco SD-Access	https://blogs.cisco.com/networking/delivering-a-consistent-and-secure-workspace-experience-spanning-multiple-sites-with-cisco-sd-access	Delivering a Consistent and Secure Workspace Experience Spanning Multiple Sites with Cisco SD AccessCisco SD Access Multisite provides seamless and scalable interconnectivity across multiple fabric sites as well as connectivity to data centers clouds and the Internet	2021-07-27 15:32:30
Cisco	Cisco Blog	Threat Intelligence in SecureX: Fast, Free, or Easy (pick any three)	https://blogs.cisco.com/security/threat-intelligence-in-securex-fast-free-or-easy-pick-any-three	Threat Intelligence in SecureX Fast Free or Easy pick any three Configuring supported relay modules in SecureX has been recently simplified greatly improving the leverage of many tools you may already use in more effective and efficient ways By how much and to what benefit Read on to find out	2021-07-27 15:00:51
金融	◇◇　保険デイリーニュース　◇◇（損保担当者必携！）	保険デイリーニュース(07/28)	http://www.yanaharu.com/ins/?p=4650	生命保険	2021-07-27 15:48:11
ニュース	BBC News - Home	Culture of cover-up saw hundreds of children abused in Lambeth, report finds	https://www.bbc.co.uk/news/uk-57984924	london	2021-07-27 15:19:04
ニュース	BBC News - Home	Biles says mental health concerns led to withdrawal	https://www.bbc.co.uk/sport/olympics/57982665	tokyo	2021-07-27 15:06:11
ニュース	BBC News - Home	Covid: UK Covid cases fall for seventh day in a row	https://www.bbc.co.uk/news/uk-57981899	cases	2021-07-27 15:45:08
ニュース	BBC News - Home	Bradford child sex abuse: Children 'remain unprotected'	https://www.bbc.co.uk/news/uk-england-leeds-57982761	bradford	2021-07-27 15:44:25
ニュース	BBC News - Home	Contaminated-blood inquiry: Former Health Minister Clarke denies responsibility	https://www.bbc.co.uk/news/uk-57986582	blood	2021-07-27 15:16:52
ニュース	BBC News - Home	Tesco offers £1,000 joining bonus for HGV lorry drivers	https://www.bbc.co.uk/news/business-57983698	drivers	2021-07-27 15:45:41
ニュース	BBC News - Home	DaBaby's HIV and gay comments 'perpetuate discrimination'	https://www.bbc.co.uk/news/newsbeat-57984070	festival	2021-07-27 15:34:19
ニュース	BBC News - Home	Joshua-Fury fight 'realistic' for February, says Hearn	https://www.bbc.co.uk/sport/boxing/57988322	tyson	2021-07-27 15:08:02
ニュース	BBC News - Home	Tokyo Olympics: Day-by-day guide to the key events, big stars and British medal hopes	https://www.bbc.co.uk/sport/olympics/57778808	japan	2021-07-27 15:00:50
北海道	北海道新聞	議会襲撃「暴力的で残忍」　米調査委初会合、警官証言	https://www.hokkaido-np.co.jp/article/571805/	米大統領	2021-07-28 00:09:00