投稿時間:2021-06-28 22:42:54 RSSフィード2021-06-28 22:00 分まとめ(51件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Microsoft、｢Surface Pro 7｣向けに2021年6月度のファームウェアアップデートをリリース	https://taisy0.com/2021/06/28/142438.html	microsoft	2021-06-28 12:49:44
IT	気になる、記になる…	｢Windows 11｣のリリース日は2021年10月20日??	https://taisy0.com/2021/06/28/142432.html	microsoft	2021-06-28 12:41:23
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 東京、神奈川、埼玉、千葉の中古マンション価格動向調査　平均価格は前月比0.3％増	https://www.itmedia.co.jp/business/articles/2106/28/news146.html	itmedia	2021-06-28 21:26:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 上半期の食トレンド大賞は「マリトッツォ」　下半期の予測は？	https://www.itmedia.co.jp/business/articles/2106/28/news148.html	itmedia	2021-06-28 21:13:00
python	Pythonタグが付けられた新着投稿 - Qiita	Python, Selenium　取得したbuttonのWebElementがクリックできるかどうかを判断する方法	https://qiita.com/keitean/items/cde272b4ed0734515de9	PythonSelenium取得したbuttonのWebElementがクリックできるかどうかを判断する方法取得したbuttonのWebElementがクリックできるかどうかelementtobeclickableで取得できると思ったんですが、だめでした。	2021-06-28 21:32:47
python	Pythonタグが付けられた新着投稿 - Qiita	[定期進捗・雑多メモ]Pythonでフロントを書いてみたいので、ライブラリを作ってみたい #2	https://qiita.com/simonritchie/items/50c4a5f5da78a14291f3	日々のユニークViewがに近いレベルなのですが、じわりじわりとスターを付けていただけたりがしてきているのでとにかく継続することを最優先として、ちまちまとアップデートやツイートなどは継続していこうと思います。	2021-06-28 21:30:37
python	Pythonタグが付けられた新着投稿 - Qiita	AutoGluonのTabularPredictorをscikit-learn互換にしてみた	https://qiita.com/kzkymn/items/4df067f6f45d36df1740	そのとき、「このクラスのfitメソッドはscikitlearnのものとは異なり、説明変数と目的変数の両者を同じデータフレームにまとめて渡す作りになっている」ということを書きました。	2021-06-28 21:22:36
python	Pythonタグが付けられた新着投稿 - Qiita	Python C/C++APIネタ	https://qiita.com/kirin123kirin/items/28445feeb49d776ad1cb	PythonCCAPIネタPythonCAPIのPyObjectの読み込み方備忘録CC初心者から始まり、なんとなくわかってきたので、PyObjectをとにかく読み込んでCの処理に入れてしまいたいためのクラスを作った。	2021-06-28 21:22:14
python	Pythonタグが付けられた新着投稿 - Qiita	EDA-累積分布関数(CDF: Cumulative Distribution Function)	https://qiita.com/fastso/items/982220edbc073a308cd0	EDA累積分布関数CDFCumulativeDistributionFunction累積分布関数CDFCumulativeDistributionFunctionとは確率変数Xがある値x以下Xltxの値となる確率です。	2021-06-28 21:16:53
python	Pythonタグが付けられた新着投稿 - Qiita	matplotlibで作った大量のグラフを一つのエクセルにまとめる	https://qiita.com/hika1992/items/854f9605975d889e4b6f	その際にデータ分析で描いた大量のグラフをエクセルにまとめるのが大変でした。	2021-06-28 21:12:10
js	JavaScriptタグが付けられた新着投稿 - Qiita	[定期進捗・雑多メモ]Pythonでフロントを書いてみたいので、ライブラリを作ってみたい #2	https://qiita.com/simonritchie/items/50c4a5f5da78a14291f3	日々のユニークViewがに近いレベルなのですが、じわりじわりとスターを付けていただけたりがしてきているのでとにかく継続することを最優先として、ちまちまとアップデートやツイートなどは継続していこうと思います。	2021-06-28 21:30:37
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	python selinium のXPath 値の取得	https://teratail.com/questions/346628?rss=all		2021-06-28 21:50:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	実行結果が何故C.が正解かについて知りたい。	https://teratail.com/questions/346627?rss=all	実行結果が何故Cが正解かについて知りたい。	2021-06-28 21:40:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ListViewで、常に1つの項目を選択するようにしたい	https://teratail.com/questions/346626?rss=all	ListViewで、常につの項目を選択するようにしたい前提・実現したいことWinFormsのListViewで、項目以外の余白をクリックしても選択を解除せずに、常につの項目を選択するようにしたいです。	2021-06-28 21:38:35
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Google Analyticsのチャネルでau、rakuten、niftyが検索エンジンに分類されない。	https://teratail.com/questions/346625?rss=all	GoogleAnalyticsのチャネルでau、rakuten、niftyが検索エンジンに分類されない。	2021-06-28 21:36:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	vs2019でのビルドアクションの変更方法がわからない	https://teratail.com/questions/346624?rss=all	vsでのビルドアクションの変更方法がわからない前提・実現したいことvsのCプロジェクトをReleaseモードでビルドしたところ、exeファイルを実行したときに画像ファイルが読み込まれなかった。	2021-06-28 21:35:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VBA シートアクティブ オブジェクト指定	https://teratail.com/questions/346623?rss=all	VBAシートアクティブオブジェクト指定bookのマクロからbookのあるシートをアクティブにしたいのですが、そのシート指定の際にオブジェクト名で指定することができません。	2021-06-28 21:27:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Cdsセンサで暗所通過をカウント，モーター停止	https://teratail.com/questions/346622?rss=all		2021-06-28 21:22:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	カスタムビューを呼び出した側のClassでTextViewDidChangeメソッドを使いたい。	https://teratail.com/questions/346621?rss=all	編集画面の方ではAppleのメモアプリの様にtextViewDidChangeが呼び出される度に内容を更新保存したいと考えています。	2021-06-28 21:16:44
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【GAS】複数シートの内容を１つのシートに統合(セル内画像含む)	https://teratail.com/questions/346620?rss=all	基本的には過去に別の方が質問されている以下の内容と同じなのですが、、、、【GAS】複数のシートを一つのシートにまとめたいです。	2021-06-28 21:08:29
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Pythonで開発したデスクトップアプリを配布する際、Dockerを使用すべきでしょうか？	https://teratail.com/questions/346619?rss=all	Pythonで開発したデスクトップアプリを配布する際、Dockerを使用すべきでしょうか現在、Pythonのtkinterで業務用のデスストップアプリを開発しています。	2021-06-28 21:06:42
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	java.util.NoSuchElementExceptionの対処法	https://teratail.com/questions/346618?rss=all		2021-06-28 21:02:38
AWS	AWSタグが付けられた新着投稿 - Qiita	Route 53 Resolver DNS FirewallでDNSクエリをBLOCKしてみる	https://qiita.com/Shinya_K/items/9fdc01476980671d4fd1	ドメインリストで指定したドメイン名に対するDNSクエリにどのような制御を行うかを設定します。	2021-06-28 21:19:03
技術ブログ	Developers.IO	TerraformでIAM Policyを書く方法4つと失敗する方法ひとつ	https://dev.classmethod.jp/articles/writing-iam-policy-with-terraform/	iampolicy	2021-06-28 12:35:43
海外TECH	DEV Community	Introduction to React.js ⚛ and the required JavaScript!	https://dev.to/cenacr007_harsh/introduction-to-react-js-and-the-required-javascript-5coh	Introduction to React js and the required JavaScript React is a JavaScript library for building UI components The ecosystem of React is really immense which eventually makes it one of the best front end librariesJavaScript is a huge language and not all of it is required Knowledge of a few JavaScript concepts can make the process easier for you if you are planning to learn React Keep JavaScript aside for a moment Knowledge of basic HTML and CSS is a must in my opinion React is all about building user interface so you ll be working with HTML and CSS as well So start with these first Let s see some basic JavaScript modules that can help you Basic programming knowledge which is mustData types in JavaScriptVariablesStatementsControl statementsExpressions and Operators FunctionsA JavaScript function is a block of code designed to perform a particular task This is again pretty basic stuff Arrow functions syntaxArrow function is a new ES feature that s been used almost widely in modern codebases because it keeps the code concise and readable It allows a short syntax for writing function expressions Destructuring assignmentDestructuring is a convenient way of accessing multiple properties stored in objects and arrays Let s say Array methodsYou will use the Array method multiple times So try to learn them before jumping onto ReactSome commonly used functions are mapfilterreducefindfindIndex Special operatorsNot mandatory but knowledge of these two can be useful This is not a big concept or something You can learn it literally in about a minuteTernary operator doYouLikeMyBlogs Yes Definitely yes Spread operator Callback functionsA function passed as an argument to another function is called a callback if the function invokes the argument at a later timeYou will use callbacks while working with hooks forms and other things A quick example Async await and PromisesAsync function is a function that returns some promise A promise is a special JavaScript object that links the “producing code and the “consuming code together Whereas await makes a function wait for a promise Now that we are done with JavaScript let s hop into React Why React Reusable componentsFast due to virtual DOMHuge ecosystemA typical React app contain many components They are reusable and can interact with each other What is a component Component as a simple function that you can call with some input and they render some outputAn image showing a typical React app with all different components As you can see this entire webpage is nothing but the mixture of different components Components are of two types ️⃣Class based components ️⃣Functional based components Class based components are defined using ES classes whereas function components are basic JavaScript functionsBefore diving deeper into it let s talk a little bit about JSXJSX stands for JavaScript XML It s basically nothing but the extension of JavaScript which allow us to write HTML code in JavaScript file const element lt h gt Hello world lt h gt Consider this variable declaration It s neither JS nor HTML This is the mixture of JavaScript XML JSXNow we know JSX let s move forwardFunctional components are nothing but simply a JavaScript function which takes some parameter will return some JSX codeA typical function component Virtual DOMA very important concept in ReactYou might have heard the term DOM virtual DOM is kind of similar It uses a strategy that updates the DOM without having to redraw all the webpage elements Every time the DOM changes browser need to recalculate entire layout and then repaint the web page which makes a web app slow To overcome this we have virtual DOMEvery time the state of our application changes the virtual DOM gets updated instead of the real DOM Whenever the new element is added to the UI a new virtual DOM associated with that element is created If state of this element changes a second new virtual DOM is created which will be compared with the previous virtual DOM It then updates ONLY the object on the real DOM You can watch this YouTube video to help you understand it better React and the Virtual DOMMoving on setting up your first react project directory is quite confusing Let s see how you can do itI m assuming you have node environment set up and up to date version of npm If no download it from here Next thing you need to install is create react app from npm it is a tool helps you start building with React app It set up all the tools that you need in order to get started There are a few different ways to install create react app You can either do it globally or locally You can see the detailed guide to set it up here Now you have create react app installed in your machine it s time to create your first React appCommand create react app app nameDepending upon your internet speed this will take some minutes Once done run npm start Your default browser will launch automatically and you will see the default react app screen at localhost And that s it You just created your first react app I tried my best to give a quick overview of how things work in React If you would also like to know how to host a react app on GitHub pages read my other blog Deploying a React App to GitHub Pages KUMAR HARSH・Jun ・ min read react github webdev productivity Here is a great introductory course on React by Bob Ziroll on freecodecamp I love React it s my favorite JavaScript library What is your favorite JavaScript framework library and why Do let me know in the comments I hope you found this article valuable If yes do let me know in the comments This article was inspired by Pratham Follow him on Twitter for more amazing content Also if you got any question feel free to ping me on Twitter or Linkedin Thank You	2021-06-28 12:22:41
海外TECH	DEV Community	Keyboard navigation	https://dev.to/livechat/keyboard-navigation-e7p	Keyboard navigationIt should be possible to control any desktop application using just a keyboard There are certain keys and key combinations that are de facto standard for most applications and users should be able to expect them to work This is a vastly important topic from the accessibility point of view For a large group of people a keyboard might be one of the primary ways of interacting with a computer Pointer devices while being commonly used by most just don t work at all for people with visual disabilities for example It s a humane thing to design and put work into implementing an application with these concerns in mind For example all interactive elements should be reachable using the keyboard alone and the navigation should happen in a logical sequence In addition to that a visual affordance such as a focus ring should always be available for sighted or partially sighted users In fact this is a very important thing and not only for people with disabilities It s often crucial when it comes to supporting power users of your application Using a keyboard can be much more effective than a mouse in some cases However it usually requires some manual skills and muscle memory to become really effective at this Even if you are not a power user you probably do some simple tasks using just a keyboard There are things that we have all internalized and take for granted but probably we don t appreciate them very much They already feel natural to us and it would feel weird if we were to ever find ourselves in a situation where they didn t work Can you imagine a chat application which doesn t send a message when hitting the Enter key Or which wouldn t allow you to change the cursor position using the arrow keys I can t either This is just something so simple that we all take for granted I can t even imagine how it would be to rely on the keyboard heavily for everything and having to deal with a plethora of applications with varying support for proper keyboard navigation If those things don t work the application in question doesn t work properly It s not a matter of choice priorities or anything else Luckily people are becoming more and more aware of the subject of accessibility and we can see a great uplift in concern about this Focus managementWhen using the keyboard to navigate an application it s important to always display a focus indicator most commonly known as a focus ring on the currently active element The browser s built in styles which historically have not been compatible with many website designs were a reason for developers to disable them altogether This is a serious accessibility concern such actions should never be taken unconditionally To accommodate the design of a site a custom focus ring can be implemented that will be a better fit for the site It s OK to hide these visual cues when the user is using a pointer device to navigate the site but they should be visible as soon as the user switches to keyboard navigation Usually this behavior can be implemented by using focus visible selector but keep in mind that it s not yet supported by all the browsers The topic of focus management is broader than just displaying a focus ring correctly and for most patterns required for robust and correct keyboard navigation focus management a JavaScript based solution is required tabindexLet s recap what a tabindex is and what its different values mean for the browser A value of means that the element is focusable and participates in the tab sequence whereas a value of means that the element can be focused programmatically but it doesn t participate in the tab sequence Other numeric values can technically be used as well Positive ones actually change the order of the tab sequence so it s possible to move an element to the front of that sequence by providing a value higher than all others This is however discouraged by all experts and a consensus has been reached in the community that this should never be used as it creates a mismatch between the tab sequence and the visual order Basis patterns TabbingThis is something that usually comes for free if we use proper HTML structure When pressing the Tab key the focus should be switched to the very next interactive element When pressing Shift Tab we should be switched to the previous element When going forwards and backwards using those key combinations we should cycle between the same elements If we leave an element we should be able to easily get back to it unless there is a strong reason why this shouldn t be possible for example when the previous element was associated with some expirable content when the expiration would be properly announced to the user An important thing to remember is that all interactive elements should be reachable using a keyboard So for example if we have an element that appears when hovering over another element with a pointer device then we should also display it when navigating using a keyboard Arrow navigation in menusWhen it comes to navigation through menus there are two options ーone based on the aria activedescendant attribute and the other one based on tabindex manipulations It s a matter of choice which one gets used However from the user experience perspective both are equivalent ーthe up and down arrows can be used to go through the menu items and Enter Space keys can be used to select the currently active item and thus also close the menu The first option is to leave the focus on the menu button the element which triggers the menu to be opened and only highlight visually the active list element by juggling the values of the aria activedescendant attribute in such a way that it points to the highlighted menu item using the global ID value of that active menu item The alternative to that is to exclude all menu items apart from the active one and the menu button itself from the tab sequence by setting tabindex on them The currently active menu item should have its tabindex set to When navigating through menu items using arrows the previous menu item should be excluded from the tab sequence and the next item should be included in it by properly manipulating the tabindex attribute To actually move the focus to the next menu item it is also required that its focus method be called Note that usually pressing Tab or Shift Tab while navigating through a menu should bring the user to the next or previous element outside of the menu and its menu button When using the second way of implementing arrow navigation it might be required to bring back tabindex on the menu button so it can be navigated back to Closing with EscapeWhen any element pops out to the user ーbe it a menu tooltip modal or an emoji picker ーthen it should be closeable by pressing Escape There are cases when it is permitted to not implement this pattern ーfor example when an opened modal can t be reopened again but not implementing this interaction should be a conscious design decision To implement this it is often required to add a global keydown listener on the document element The listener should check if the Escape key has been pressed and if yes then it should close the open element in response to that If you are dealing with nested modals or a tooltip within a modal or any other cases that introduce this kind of nesting then you should ensure that only the element that is open on the very top should be closed with a single Escape key It would provide a bad user experience if for example both modals were to be closed at the same time Item activationThis is an easy one ーmost activatable elements should be activated by pressing Enter or Space It s easy to forget one or the other when implementing custom buttons which is sometimes the only way to satisfy the design layout constraints or when implementing custom input controls like checkboxes Advanced patterns Focus trappingIn a variety of scenarios it is desirable to lock user navigation to a certain element When pressing Tab on the very last interactive element within it focus should be moved to the very first element in the enclosed group This most commonly happens when a modal gets displayed to the user In such a situation the background usually gets dimmed in one way or another so it doesn t make sense to allow the user to navigate to any element outside the modal They wouldn t see the active element then or the modal would have to be closed There is no HTML way to achieve this behavior and a JavaScript based solution is required to implement it The idea behind popular solutions is to render additional sentinel elements for example empty spans before and after the locked element They can either be made focusable so whenever they receive focus the focus can be moved programmatically to the appropriate element within the trapped element or the default action of pressing the Tab can be prevented and the focus can be moved programmatically to the appropriate element Auto focus amp focus restorationThis pattern is important for most situations in which a new element that contains navigable elements gets opened in response to the user interaction or when an automatically opened element like a modal is meant to interrupt the user Whenever we deal with such a situation we need to move focus to the element that just got opened Very often the new element gets actually rendered to the body so it isn t near the current navigation sequence anyway If the element got opened in response to a user interaction then it is a signal from the user that they want to interact with that element so focus should not stay on the triggering element By querying the DOM of the opened element the focus should be placed on the first tabbable element in it unless there is no such element then the opened element itself should be focused In a similar vein it s desired that the focus should return to the triggering element when the opened element gets closed It just makes the most sense as that s the last thing the user remembers It brings the user to the same context that they previously left Grid patternWhile the pattern is very useful for handling tabular content like spreadsheets it s not limited to those kinds of use cases Actually it can be used purely to create a sort of navigation depth The idea is that the particular container should only make a single element within it focusable so only that single element acts as a stopgap when tabbing through an application To navigate to other elements cells within a grid arrow keys can be used This requires the application to have strict layout constraints since the direction of the pressed arrow key should always move focus to the other cell in that direction and this should always match the visual layout It would be confusing for the user if pressing a down arrow were to move focus to the element displayed on the right or things like that This pattern is great for very long lists of repetitive elements like for example a list of messages in a chat application Without using it the user would have to tab through the whole content of the chat which grows with time to get to the elements above or below that chat feed In addition to that certain cells can have interactive elements within them ーa rich message card with interactive buttons can be a grid cell One can enter such a grid cell by activating it using standard Enter Space keys While in the grid cell the focus should be trapped within it so pressing Tab repeatedly would not navigate the user to any element outside of this card and to get back to the main grid navigation one would press Escape As you can see in this example this combines many of the previously mentioned patterns to provide a very rich user experience It s worth noting that the last active element in the grid stays focusable when one tabs away from the grid This makes coming back to the grid a better experience since the user is brought back to a familiar context SummaryAs we can see implementing some of these patterns is quite involved To do it right we need to both understand the accessibility requirements and implement several JavaScript based solutions that often require beyond novice knowledge of the browser APIs Doing that in a generic fashion for reusable components that can be rendered in a variety of scenarios is very hard Luckily there are packages that can help you with that and we highly encourage using them However when combining several patterns like this for a single element you might encounter some interoperability issues between packages Our widget is implemented using React and we have discovered that React Aria is a great project focused on providing developers with a proper base for these and many more accessibility oriented patterns while allowing developers to provide their own UI and styling solutions	2021-06-28 12:20:51
海外TECH	DEV Community	Code as Visual Component	https://dev.to/lepinekong/code-as-visual-component-3l11	Code as Visual ComponentThis is the first post of a series to come on Code as Visual Component NOT Yet Another Visual Programming Language After years of research on DX Developer s eXperience I m now sure of the proof of concept for a new Visual Code Design concept Personal motivations are I wanted to keep a dev journal while training on the jobs I don t want to lose time and write much literature and it is not precise enough I want to picture code with all its context Git versioning is mandatory but as for getting a mental model it s not appealing enough I don t like all the Visual Programming Languages currently they oblige you to code in a language I have to learn I want to be able to use all mainstraim and not so mainstream languages from javascript or frameworks react I want to capitalize on code by creating code as component or block a bit like in scratch but for adults I want to be able to create them quickly and visually so I chose figma platform I don t want to use drag amp drop it s not very productive I want to type instead I want to be able to use it as a complement or integrate with an IDE to be more productive and have clean code by capitalizing with a code knowledge management system and many more build custom visual tool and playground Below is a very simple example of a component to select a node in figma as I m eating my own dog food as self validation first But as soon as possible once I have fixed some pesky details you ll be able to test also join more than subscribers at Long term I intend to opensource	2021-06-28 12:19:21
海外TECH	DEV Community	25 Places Where You Can Launch Your Startup and Side Projects	https://dev.to/hrishikesh1990/25-places-where-you-can-launch-your-startup-and-side-projects-328d	Places Where You Can Launch Your Startup and Side ProjectsIn the tech world there is a common saying that building a product or a startup is just of the work The remaining you ask It lies in distribution Your product s success depends on how well it is distributed and marketed to your target audience  Getting users and customers in the early phases can be challenging This is why I have compiled a list of mostly free startup directories where you can launch your startup or product By submitting your startup website to these platforms you can easily gain exposure and attract early traction So let s dive right in I run a freelance marketplace Flexiple where we help top devs find quality jobs If you re interested you can apply here OR you can check out the current openings here Product HuntProduct Hunt is a curation of the best new products every day Discover the latest mobile apps websites and technology products that everyone s talking about Type of products that can be added  Ebooks Extensions Gadgets Games Guides Mobile Apps Newsletters Tech products Web AppsDR  Link type  Do followListing type  FreeReach to audience  HighEase of submission  HighTime taken for being listed  Immediate FlexibleMonthly Traffic in May Similarweb   Submission link    Remote ToolsRemote Tools is a curation of the best remote tech products Be part of the fastest growing online remote community to discuss learn and grow remote work  Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR  Link type  Do followListing type  FreeReach to audience  MediumEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  Submission link   BetaListBetaList is a community of makers and early adopters showcasing their startups and exchanging feedback It specifically focuses on startups who are about to launch a private beta and are therefore not publicType of products that can be added  Extensions Mobile Apps Tech products Web AppsDR  Link type  Do followListing type  FreeReach to audience  MediumEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  Submission link    BetaPageBetapage is a startup directory where you can discover hunt and upvote the latest innovative startups Type of products that can be added  Extensions Guides Mobile Apps Tech products Web AppsDR Link type No followListing type  FreeReach to audience  LowEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  N ASubmission link    AlternativeToAlternativeTo is crowdsourced software that shows you a new approach to finding good software  Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  No followListing type  FreeReach to audience  HighEase of submission  HighTime taken for being listed  N AMonthly Traffic in May Similarweb   Submission link    Startup StashStartup Stash is a curated directory of resources and tools for startups techies and entrepreneurs  Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  Do followListing type  Paid listingReach to audience  MediumEase of submission  HighTime taken for being listed  N AMonthly Traffic in May Similarweb  Submission link    Launching NextLaunching Next publishes the newest trending tech startups and projects Launching Next is home to more than new startups startup ideas and great business ideas  Type of products that can be added  Ebooks Extensions Games Guides Mobile Apps Newsletters Tech products Web AppsDR Link type  No followListing type  FreeReach to audience  LowEase of submission HighTime taken for being listed Upto daysMonthly Traffic in May Similarweb  N ASubmission link    Startup BufferStartup Buffer is a premium startup directory presenting thousands of startups around the world Type of products that can be added  Extensions Games Mobile Apps Tech products Web AppsDR Link type  No followListing type  PaidReach to audience  LowEase of submission  HighTime taken for being listed  N AMonthly Traffic in May Similarweb  N ASubmission link     AppsZoomAppszoom is an app discovery platform that helps users discover what app to install next Type of products that can be added  Mobile AppsDR Link type  No linkListing type  FreeReach to audience  LowEase of submission  HighTime taken for being listed Upto daysMonthly Traffic in May Similarweb   ThousandSubmission link     GetAppGetApp is a software recommendation engine for small businesses to help them make the right software choice Type of products that can be added  Mobile Apps Tech products Web AppsDR Link type  No followListing type  FreeReach to audience  HighEase of submission  MediumTime taken for being listed  Upto daysMonthly Traffic in May Similarweb   Submission link     StackShareStackShare is a community driven SaaS platform that lets you see all the best software tools and who s using them both inside and outside your company Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR  Link type  No followListing type FreeReach to audience  HighEase of submission  HighTime taken for being listed  N AMonthly Traffic in May Similarweb Submission link    EU StartupsEU Startups is the leading online publication with a focus on startups in Europe Type of products that can be added  Mobile Apps Tech products Web AppsDR Link type  No linkListing type  FreeReach to audience  MediumEase of submission  HighTime taken for being listed  N AMonthly Traffic in May Similarweb  Submission link    SaaSHubSaaSHub is your independent software marketplace that has over products Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  Do followListing type  FreeReach to audience  HighEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb   Submission link    BetafyBetafy provides a place for founders to get relevant feedback from a community of startup supporters Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  Do followListing type  FreeReach to audience  LowEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  N ASubmission link    The Startup PitchThe Startup Pitch is an online community where startups can meet experts mentors and investors Type of products that can be added  Mobile Apps Tech products Web AppsDR Link type  Do followListing type  PaidReach to audience  LowEase of submission  HighTime taken for being listed  Upto hours for paid listingMonthly Traffic in May Similarweb  N ASubmission link    Launched Launched is a community where makers showcase their startup product and get feedback from early adopters Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  Do followListing type  FreeReach to audience  LowEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  N ASubmission link    SaaSworthySaaSworthy helps stakeholders make better product decisions based on unbiased amp insightful reviews comparison question amp answers social popularity and buyers guideType of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  No linkListing type  FreeReach to audience  MediumEase of submission  MediumTime taken for being listed  N AMonthly Traffic in May Similarweb  Submission link    Startup RankingStartupRanking is a meta startup that provides startups with important information about their metrics and statistics in the web and social worlds Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  No followListing type FreeReach to audience  MediumEase of submission HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  Submission link    WebwikiWebwiki is a web based platform for consumers to find trustworthy websites and avoid scams Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  No followListing type  FreeReach to audience  LowEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  Submission link    Startup CollectionsStartup Collections contains resources and tools for entrepreneurs designers developers and marketers Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  No followListing type  FreeReach to audience  LowEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  N ASubmission link    BigStartupsBigStartups is a global networking platform for startups members and startup communities to network connect communicate and collaborateType of products that can be added Extensions Mobile Apps Tech products Web AppsDR  Link type  No followListing type  FreeReach to audience  LowEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  N ASubmission link    Startup ListerStartup Lister is platform to submit your startups and productsType of products that can be added  Ebooks Extensions Gadgets Games Guides Mobile Apps Newsletters Tech products Web AppsDR  Link type  No followListing type  FreeReach to audience  LowEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb N ASubmission link    PrefundiaPrefundia is a pre launch platform that helps crowdfunding projects get backers before they launch their campaigns Type of products that can be added  Ebooks Extensions Gadgets Games Guides Mobile Apps Newsletters Tech products Web AppsDR Link type No followListing type  FreeReach to audience LowEase of submission HighTime taken for being listed Upto daysMonthly Traffic in May Similarweb  N ASubmission link    Side ProjectorsSideProjectors is a friendly marketplace to sell and buy interesting side projects from other people Type of products that can be added  Extensions Mobile Apps Tech products Web AppsDR Link type  No followListing type FreeReach to audience  LowEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  Submission link    Startup BaseStartupBase is a community for makers and early adopters to connect and discuss the latest products and ideas  Type of products that can be added  Mobile Apps Tech products Web AppsDR Link type  No followListing type  FreeReach to audience  LowEase of submission  HighTime taken for being listed  Upto daysMonthly Traffic in May Similarweb  N ASubmission link  Click here to view or download the platforms in a tableBONUS Apart from these platforms you can also promote your product in communities such as Remote Clan Slant and YourStack All the best for your product launch Hope this article is useful to you	2021-06-28 12:17:55
海外TECH	DEV Community	A magical way to fetch data in React	https://dev.to/dhaiwat10/a-magical-way-to-fetch-data-in-react-52m6	A magical way to fetch data in ReactIf you have ever used React chances are that you have had to query an API The importance of data fetching in a website is indispensable To build a truly delightful experience you must get your data fetching right It is critical Let me quickly run you through the traditional approach for querying in React applications Most of this might seem trivial to you but it is important that we go through it to see the difference react query really makes it s magic trust me We will use the JSON Placeholder API as our source of data We will primarily be making two types of queries a list of all posts and an individual post Let s write a hook to fetch the list of all posts const baseUrl const usePosts gt const data setData useState useEffect gt const fetchData async gt const res await fetch baseUrl posts const posts await res json setData posts fetchData return data This should look familiar You ll notice that we have not handled errors or the loading state That s bad practice Let s do that now const usePosts gt const data setData useState const isLoading setLoading useState true const error setError useState useEffect gt const fetchData async gt setLoading true try const res await fetch baseUrl posts const posts await res json setData posts setLoading false catch error console log error setError error setData setLoading false fetchData return data isLoading error Woah that certainly was not pleasant We had to add a ton of code just to make our hook support two simple states And this query runs basically every time your component re renders This is far from ideal You deserve better What about background updates Stale data Pagination Programatically re running queries Good luck with all that ‍ ️This is where react query comes to your rescue Use this repo as boilerplate if you want to follow along Let s now re factor our usePosts hook using react query If you haven t used react query before you re in for a surprise hooks hooks jsconst usePosts gt const fetchData async gt return fetch baseUrl posts then r gt r json return useQuery posts fetchData Yeah That s it I told you The same can be done for the usePost hook const usePost id gt const fetchData async gt return fetch baseUrl posts id then r gt r json return useQuery post id fetchData This piece of code is all you need to handle everything we handled with the traditional approach ーand we re barely scratching the surface Let s dive deeper Open the react query devtools by clicking the icon shown in the screenshot below Keep it open Click around the web app now and keep an eye out on the devtools You will notice queries being logged as they are executed It is pretty intuitive I mentioned that react query can do much more than just manage states like loading error etc Let me walk you through one of those things ーquery invalidation In simple words query invalidation is you telling react query to consider the respective query stale and re run the query Let s try it out We will be adding a re fetch button at the top of our list of posts Needless to say clicking this button should make our app re fetch the list of posts Since we are using react query for this this is going to be a piece of cake for us pages index jsimport useQueryClient from react query export default function Home const queryClient useQueryClient const reFetchPosts gt queryClient invalidateQueries posts return lt Container gt lt Button onClick reFetchPosts gt Re fetch lt Button gt data map post gt lt Container gt That is all we need to add Now try clicking our newly added re fetch button and keep an eye out on the react query devtools You will notice that it re runs the query as expected You can also verify this by making use of the Network tab in your browser s devtools In conclusion we took lines of code narrowed it down to merely lines and ended up with more functionalities to work with That sounds like a good deal to me Staggering I promised it is magical If you like this article please follow me here and on Twitter I mostly tweet rants about software amp brag about my tiny wins Please feel free to comment down below to start discussions or ask questions I will happily answer them References Official react query docsAll About React Query with Tanner Linsley ーLearn With JasonReact Query Data Fetching Hooks ーLeigh HallidayCover photo by Simon Berger	2021-06-28 12:07:51
海外TECH	DEV Community	7 GitHub projects essential for every Javascript developer 👨🏽‍💻 🚀	https://dev.to/ankit01oss/7-github-projects-essential-for-every-javascript-developer-258i		2021-06-28 12:01:52
Cisco	Cisco Blog	Extending Zero Trust Security to Industrial Networks	https://blogs.cisco.com/security/extending-zero-trust-security-to-industrial-networks	Extending Zero Trust Security to Industrial NetworksEmbracing the digital industry revolution requires data to seamlessly flow Look at how the Zero Trust security model can help you secure your operations	2021-06-28 12:00:44
海外TECH	CodeProject Latest Articles	Smart Decimation: Polyline Simplification and Smoothing	https://www.codeproject.com/Tips/5306595/Smart-Decimation-Polyline-Simplification-and-Smoot	algorithms	2021-06-28 12:36:00
海外TECH	CodeProject Latest Articles	Seamless Streaming Analytics with Azure Synapse Analytics Part 3: Creating Data Streams	https://www.codeproject.com/Articles/5306325/Seamless-Streaming-Analytics-with-Azure-Synapse-An	analytics	2021-06-28 12:31:00
海外科学	NYT > Science	Pfizer and Moderna Vaccines Likely to Produce Lasting Immunity, Study Finds	https://www.nytimes.com/2021/06/28/health/coronavirus-vaccines-immunity.html	Pfizer and Moderna Vaccines Likely to Produce Lasting Immunity Study FindsClose examinations of more than a dozen vaccinated people found that immune cells were still organizing to fight the coronavirus months after inoculation	2021-06-28 12:58:50
海外ニュース	Japan Times latest articles	Two schoolchildren killed, three injured after drunk truck driver plows into group	https://www.japantimes.co.jp/news/2021/06/28/national/yachimata-chiba-elementary-school-children-truck/	Two schoolchildren killed three injured after drunk truck driver plows into groupThe driver was arrested at the scene in Yachimata Chiba Prefecture after alcohol in excess of the legal limit was detected in his system	2021-06-28 21:33:49
海外ニュース	Japan Times latest articles	Pfizer and Moderna vaccines likely produce long-lasting immunity	https://www.japantimes.co.jp/news/2021/06/28/world/pfizer-moderna-vaccines-long-lasting-immunity/	Pfizer and Moderna vaccines likely produce long lasting immunityThe findings add to growing evidence that most people immunized with mRNA vaccines may not need boosters so long as the virus and its variants	2021-06-28 21:06:41
ニュース	BBC News - Home	Covid: Easing measures on 19 July very likely, says Boris Johnson	https://www.bbc.co.uk/news/uk-57630553	england	2021-06-28 12:40:45
ニュース	BBC News - Home	Matt Hancock resignation: Questions remain for PM	https://www.bbc.co.uk/news/uk-57631547	health	2021-06-28 12:08:56
ニュース	BBC News - Home	Portugal makes unvaccinated UK people quarantine	https://www.bbc.co.uk/news/business-57634932	germany	2021-06-28 12:34:01
ニュース	BBC News - Home	Nissan to create thousands of UK jobs in battery investment	https://www.bbc.co.uk/news/business-57640001	sunderland	2021-06-28 12:14:14
ニュース	BBC News - Home	Steyning illegal rave: Dozens arrested as thousands party in national park	https://www.bbc.co.uk/news/uk-england-sussex-57635079	recent	2021-06-28 12:26:45
ニュース	BBC News - Home	Travel guide to Spain, Portugal, Malta and other holiday hotspots	https://www.bbc.co.uk/news/explainers-56997931	france	2021-06-28 12:08:24
GCP	Google Cloud Platform Japan 公式ブログ	セイコーソリューションズ株式会社：クラウド辞書サービス『GIGANTES』を Cloud Run で構築	https://cloud.google.com/blog/ja/topics/customers/seiko-gigantes-cloud-run/	そこにGoogleCloudがどのように利用されているか、サービスを提供するセイコーソリューションズ株式会社と、その開発パートナーである株式会社トップゲートの皆さんにお伺いします。	2021-06-28 13:00:00
北海道	北海道新聞	列車見送るエゾスカシユリ　小清水原生花園で見頃	https://www.hokkaido-np.co.jp/article/560838/	小清水原生花園	2021-06-28 21:17:00
北海道	北海道新聞	歴代校長３０人の写真そろえた　岩見沢・幌向小の小山田校長　「空白」の５代目　郷土史で発見	https://www.hokkaido-np.co.jp/article/560836/	郷土史	2021-06-28 21:12:00
北海道	北海道新聞	ロシア船航海士と北幸丸船長を起訴　紋別漁船事故	https://www.hokkaido-np.co.jp/article/560833/	起訴	2021-06-28 21:10:39
北海道	北海道新聞	カキツバタ　夏の風に揺れ　厚田キャンプ場で見ごろ	https://www.hokkaido-np.co.jp/article/560834/	見ごろ	2021-06-28 21:10:00
北海道	北海道新聞	本別の津村会館、ビジネスホテルに　来夏にも建て替え	https://www.hokkaido-np.co.jp/article/560832/	津村	2021-06-28 21:07:00
北海道	北海道新聞	阿寒湖のマリモ　巨大化の鍵を解明　釧路の研究室など発表	https://www.hokkaido-np.co.jp/article/560830/	阿寒湖	2021-06-28 21:04:52
北海道	北海道新聞	国内１００２人感染、３８人死亡　新型コロナ、重症者は５６４人	https://www.hokkaido-np.co.jp/article/560831/	新型コロナウイルス	2021-06-28 21:04:00
GCP	Cloud Blog JA	セイコーソリューションズ株式会社：クラウド辞書サービス『GIGANTES』を Cloud Run で構築	https://cloud.google.com/blog/ja/topics/customers/seiko-gigantes-cloud-run/	そこにGoogleCloudがどのように利用されているか、サービスを提供するセイコーソリューションズ株式会社と、その開発パートナーである株式会社トップゲートの皆さんにお伺いします。	2021-06-28 13:00:00