投稿時間:2021-11-16 19:37:57 RSSフィード2021-11-16 19:00 分まとめ(41件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	Netflixの「なにか再生して」がAlexa搭載Fire TVでも可能に	https://japanese.engadget.com/netflix-alexa-fire-tv-090055161.html	alexa	2021-11-16 09:00:55
IT	ITmedia 総合記事一覧	[ITmedia News] 筆のようにしなるペンで“美文字”に　ゼブラが練習セット発売　1100円	https://www.itmedia.co.jp/news/articles/2111/16/news150.html	itmedia	2021-11-16 18:46:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] フードロス減少にも一役　シャープ、ヘルシオ新機種	https://www.itmedia.co.jp/business/articles/2111/16/news147.html	ITmediaビジネスオンラインフードロス減少にも一役シャープ、ヘルシオ新機種シャープは日、水蒸気で調理するオーブンレンジ「ヘルシオ」の新機種を発表した。	2021-11-16 18:33:00
IT	ITmedia 総合記事一覧	[ITmedia News] 行動履歴使わずターゲティング広告配信　KDDI、脱Cookie進める	https://www.itmedia.co.jp/news/articles/2111/16/news146.html	cookie	2021-11-16 18:30:00
IT	ITmedia 総合記事一覧	[ITmedia Mobile] BALMUDA Phone、ソフトバンクの価格は約14.3万円	https://www.itmedia.co.jp/mobile/articles/2111/16/news144.html	balmudaphone	2021-11-16 18:03:00
AWS	AWS Japan Blog	AWS Graviton EC2 インスタンスで動作するUnreal Engine 4 専用サーバーを作成する	https://aws.amazon.com/jp/blogs/news/compiling-unreal-engine-4-dedicated-servers-for-aws-graviton-ec2-instances/	ARMサポートはAWSでゲームやアプリケーションを実行している開発者に利益をもたらす為、UnrealEngineの以前のバージョンにも統合されています。	2021-11-16 09:29:46
python	Pythonタグが付けられた新着投稿 - Qiita	ApexLegendsの戦歴をPythonで取得してみよう	https://qiita.com/nerrog/items/46ea5d814a4099d160e5	目次APIの登録APIの種類について登録実際に戦歴を取得してみるAPIの呼び出し方値を取り出してみるおまけ現在のマップを取得してみるAPIの登録APIの種類についてApexTrackerPyではUNOFFICIALAPEXLEGENDSAPIとTRACKERNETWORKAPIの種類に対応しています。	2021-11-16 18:11:37
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	railsでDB内のキーワードとビューに入力した文字列の照合について	https://teratail.com/questions/369608?rss=all	railsでDB内のキーワードとビューに入力した文字列の照合について現在クイズ系のアプリを制作しています。	2021-11-16 18:58:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【お問い合わせフォーム】未入力の項目を確認画面で非表示にしたい	https://teratail.com/questions/369607?rss=all	【お問い合わせフォーム】未入力の項目を確認画面で非表示にしたいやりたいことお問い合わせフォームは「必須項目」と「任意項目」があるかと思います。	2021-11-16 18:42:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Unityでスマホブラウザで動くWebGLのゲームを作成しています。 UnityWebRequestを使用してサーバーと送受信を行いたいです。	https://teratail.com/questions/369606?rss=all	Unityでスマホブラウザで動くWebGLのゲームを作成しています。	2021-11-16 18:37:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【PHP】DiscordAPIを使ってサーバーへの招待リンクを作成したい	https://teratail.com/questions/369605?rss=all		2021-11-16 18:34:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	入力1221に対して12:21と表示したい	https://teratail.com/questions/369604?rss=all	googlenbsp	2021-11-16 18:25:50
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	open()内を文字列にしたいが、タプルになる	https://teratail.com/questions/369603?rss=all		2021-11-16 18:18:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Visusal Studio CodeのHTMLで「!」+「Tab」しても定型文がでない	https://teratail.com/questions/369602?rss=all	VisusalStudioCodeのHTMLで「」「Tab」しても定型文がでない今までは「」を入力してtabキーを押すと以下のテンプレートが自動入力されました。	2021-11-16 18:09:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	php 連想配列をarry()型に	https://teratail.com/questions/369601?rss=all	php連想配列をarry型にプログラミングを学び始めて約二週間です。	2021-11-16 18:00:30
AWS	AWSタグが付けられた新着投稿 - Qiita	EC2 に RDS for Redis と通信を行う Docker コンテナを起動する	https://qiita.com/mizuiki-s/items/9ebc028f0d57c03f3182		2021-11-16 18:44:51
Docker	dockerタグが付けられた新着投稿 - Qiita	EC2 に RDS for Redis と通信を行う Docker コンテナを起動する	https://qiita.com/mizuiki-s/items/9ebc028f0d57c03f3182		2021-11-16 18:44:51
Docker	dockerタグが付けられた新着投稿 - Qiita	Ubuntu20.04にて、 /var/run/docker.sock: connect: permission deniedになったので直した。	https://qiita.com/berukokoko/items/57cdcb668cf4e2bed292	出来ては、いるようです。	2021-11-16 18:33:24
技術ブログ	Developers.IO	営業現場をデジタルシフトする。クラウドフォンのDialpadが画期的だった	https://dev.classmethod.jp/articles/insidesales_dialpad/	dialpad	2021-11-16 09:51:31
海外TECH	MakeUseOf	5 Journaling Apps for Different Ways to Create a Daily Diary for Mental Health	https://www.makeuseof.com/journaling-apps-daily-diary-for-mental-health/	Journaling Apps for Different Ways to Create a Daily Diary for Mental HealthThese free digital journaling apps offer different options such as stream of thought journaling classic diary writing and gratitude journaling	2021-11-16 09:30:11
海外TECH	DEV Community	300+ React Interview Questions 🔥	https://dev.to/pramit_armpit/300-react-interview-questions-4dag	React Interview Questions Do you want to make a career change to something more lucrative Or have you been putting in a lot of time and effort in preparation for an interview the following weekend Do you know how many people are rejected in interviews because they only prepare for concepts rather than focusing on the real questions that will be asked This time avoid being that person This is the most comprehensive collection of React JS interview questions you ll ever find It includes a large number of often requested and crucial React JS interview questions and answers Freshers seasoned professionals senior developers and testers will benefit from a wide range of questions that cover not only the fundamentals of React JS but also the most advanced and challenging problems This blog post will guide thoroughly for those who want to practice and enhance their react js skills I recommend that you read everything thoroughly beforehand and practice and sharpen your react knowledge React Basics What is the difference between Element and Component An Element is a plain object describing what you want to appear on the screen in terms of the DOM nodes or other components Elements can contain other Elements in their props Creating a React element is cheap Once an element is created it is never mutated The object representation of React Element would be as follows const element React createElement div id login btn Login The above React createElement function returns an object type div props children Login id login btn And finally it renders to the DOM using ReactDOM render lt div id login btn gt Login lt div gt Whereas a component can be declared in several different ways It can be a class with a render method or it can be defined as a function In either case it takes props as an input and returns a JSX tree as the output const Button onLogin gt lt div id login btn onClick onLogin gt Login lt div gt Then JSX gets transpiled to a React createElement function tree const Button onLogin gt React createElement div id login btn onClick onLogin Login How to create components in React There are two possible ways to create a component Function Components This is the simplest way to create a component Those are pure JavaScript functions that accept props object as first parameter and return React elements function Greeting message return lt h gt Hello message lt h gt Class Components You can also use ES class to define a component The above function component can be written as class Greeting extends React Component render return lt h gt Hello this props message lt h gt What are Pure Components React PureComponent is exactly the same as React Component except that it handles the shouldComponentUpdate method for you When props or state changes PureComponent will do a shallow comparison on both props and state Components on the other hand won t compare current props and state to next out of the box Thus the component will re render by default whenever shouldComponentUpdate is invoked What is the state in React The stateof a component is an object that holds some information that may change over the lifetime of the component We should always try to make our state as simple as possible and minimize the number of stateful components Let s create a user component with a message state class User extends React Component constructor props super props this state message Welcome to React world render return lt div gt lt h gt this state message lt h gt lt div gt State is similar to props but it is private and fully controlled by the component i e It is not accessible to any other component until the owner component decides to pass it What are props in React Propsare inputs to components They are single values or objects containing a set of values that are passed to components on creation using a naming convention similar to HTML tag attributes They are data passed down from a parent component to a child component The primary purpose of props in React is to provide the following component functionality Pass custom data to your component Trigger state changes Use via this props reactProp inside component render methodFor example let us create an element with reactProp property lt Element reactProp gt This react pro or whatever you came up with name then becomes a property attached to React s native props object which originally already exists on all components created using React library props reactProp What is the difference between state and props Both props and state are plain JavaScript objects While both of them hold information that influences the output of render they are different in their functionality with respect to components Props get passed to the component similar to function parameters whereas the state is managed within the component similar to variables declared within a function Why should we not update the state directly If you try to update the state directly then it won t re render the component Wrongthis state message Hello world Instead usesetState method It schedules an update to a component s state object When the state changes the component responds by re rendering Correctthis setState message Hello World Note You can directly assign to the state object either in theconstructor or using the latest javascript s class field declaration syntax What is the purpose of the callback function as an argument of setState The callback function is invoked when setState finishes and the component gets rendered Since setState is asynchronous the callback function is used for any post action Note It is recommended to use the lifecycle method rather than this callback function setState name John gt console log The name has updated and component re rendered What is the difference between HTML and React event handling Below are some of the main differences between HTML and React event handling In HTML the event name usually represented in lowercase as a convention lt button onClick activateLasers gt Whereas in React it follows camelCase lt button onClick activateLasers gt In HTML you can return false to prevent the default behavior lt a href onclick console log The link was clicked return false gt Whereas in React you must call preventDefault explicitly function handleClick event event preventDefault console log The link was clicked In HTML you need to invoke the function by appending Whereas in react you should not append with the function name refer to activateLasers function in the first point for example How to bind methods or event handlers in JSX callbacks There are possible ways to achieve this Binding in Constructor In JavaScript classes the methods are not bound by default The same thing applies to React event handlers defined as class methods Normally we bind them in the constructor class Foo extends Component constructor props super props this handleClick this handleClick bind this handleClick console log Click happened render return lt button onClick this handleClick gt Click Me lt button gt Public class fields syntax If you don t like to use the bind approach then public class fields syntax can be used to correctly bind callbacks handleClick gt console log this is this lt button onClick this handleClick gt Click me lt button gt Arrow functions in callbacks You can use arrow functions directly in the callbacks handleClick console log Click happened render return lt button onClick gt this handleClick gt Click Me lt button gt Note If the callback is passed as a prop to child components those components might do an extra re rendering In those cases it is preferred to go with the bind or public class fields syntax approach considering performance What are synthetic events in React SyntheticEvent is a cross browser wrapper around the browser s native event Its API is the same as the browser s native event including stopPropagation and preventDefault except the events work identically across all browsers What is the key prop and what is the benefit of using it in arrays of elements A key is a special string attribute you should include when creating arrays of elements Keyprop helps React identify which items have changed are added or are removed Most often we use the ID from our data askey const todoItems todos map todo gt lt li key todo id gt todo text lt li gt When you don t have stable IDs for rendered items you may use the itemindex as a key as a last resort What is Lifting State Up in React When several components need to share the same changing data then it is recommended to lift the shared state up to their closest common ancestor That means if two child components share the same data from its parent then move the state to parent instead of maintaining local state in both of the child components What are the different phases of the component lifecycle The component lifecycle has three distinct lifecycle phases Mounting The component is ready to mount in the browser DOM This phase covers initialization from constructor getDerivedStateFromProps render and componentDidMount lifecycle methods Updating In this phase the component gets updated in two ways sending the new props and updating the state either from setState or forceUpdate This phase covers getDerivedStateFromProps shouldComponentUpdate render getSnapshotBeforeUpdate and componentDidUpdate lifecycle methods Unmounting In this last phase the component is not needed and gets unmounted from the browser DOM This phase includes the componentWillUnmount lifecycle method It s worth mentioning that React internally has a concept of phases when applying changes to the DOM They are separated as follows Render The component will render without any side effects This applies for Pure components and in this phase React can pause abort or restart the render Pre commit Before the component actually applies the changes to the DOM there is a moment that allows React to read from the DOM through the getSnapshotBeforeUpdate Commit React works with the DOM and executes the final lifecycles respectively componentDidMount for mounting componentDidUpdate for updating and componentWillUnmount for unmounting What are portals in React Portal is a recommended way to render children into a DOM node that exists outside the DOM hierarchy of the parent component ReactDOM createPortal child container The first argument is any render able React child such as an element string or fragment The second argument is a DOM element What are stateless components If the behaviour is independent of its state then it can be a stateless component You can use either a function or a class for creating stateless components But unless you need to use a lifecycle hook in your components you should go for function components There are a lot of benefits if you decide to use function components here they are easy to write understand and test a little faster and you can avoid this keyword altogether What will happen if you use props in the initial state If the props on the component are changed without the component being refreshed the new prop value will never be displayed because the constructor function will never update the current state of the component The initialization of state from props only runs when the component is first created The below component won t display the updated input value class MyComponent extends React Component constructor props super props this state records inputValue this props inputValue render return lt div gt this state inputValue lt div gt Using props inside the render method will update the value class MyComponent extends React Component constructor props super props this state record render return lt div gt this props inputValue lt div gt React Router What is the purpose of push and replace methods of history A history instance has two methods for navigation purposes If you think of the history as an array of visited locations push will add a new location to the array and replace will replace the current location in the array with the new one How do you programmatically navigate using React Router v There are three different ways to achieve programmatic routing navigation within components Using the withRouter higher order function The withRouter higher order function will inject the history object as a prop of the component This object provides push and replace methods to avoid the usage of context import withRouter from react router dom this also works with react router native const Button withRouter history gt lt button type button onClick gt history push new location gt Click Me lt button gt Using component and render props pattern The component passes the same props as withRouter so you will be able to access the history methods through the history prop import Route from react router dom const Button gt lt Route render history gt lt button type button onClick gt history push new location gt Click Me lt button gt gt Using context This option is not recommended and is treated as an unstable API const Button props context gt lt button type button onClick gt context history push new location gt Click Me lt button gt Button contextTypes history React PropTypes shape push React PropTypes func isRequired How to get query parameters in React Router v The ability to parse query strings was taken out of React Router v because there have been user requests over the years to support different implementations So the decision has been given to users to choose the implementation they like The recommended approach is to use the query strings library const queryString require query string const parsed queryString parse props location search You can also use URLSearchParams if you want something native const params new URLSearchParams props location search const foo params get name You should use apply fill for IE React Redux What are Redux selectors and why use them Selectorsare functions that take the Redux state as an argument and return some data to pass to the component For example to get user details from the state const getUserData state gt state user dataThese selectors have two main benefits The selector can compute derived data allowing Redux to store the minimal possible stateThe selector is not recomputed unless one of its arguments changes What are the different ways to write mapDispatchToProps There are a few ways of binding action creatorsto dispatch in mapDispatchToProps Below are the possible options const mapDispatchToProps dispatch gt action gt dispatch action const mapDispatchToProps dispatch gt action bindActionCreators actioimport ADD TODO from actionTypes export default state action gt switch action type case ADD TODO return state text action text completed false default return state n dispatch const mapDispatchToProps action The third option is just a shorthand for the first one What is the difference between component and container in React Redux The component is a class or function component that describes the presentational part of your application The container is an informal term for a component that is connected to a Redux store Containerssubscribe to Redux state updates and dispatch actions and they usually don t render DOM elements they delegate rendering to presentational child components What is the mental model of redux saga Saga is like a separate thread in your application that s solely responsible for side effects redux saga is a redux middleware which means this thread can be started paused and cancelled from the main application with normal Redux actions it has access to the full Redux application state and it can dispatch Redux actions as well What are the differences between call and put in redux saga Both call and put are effect creator functions call function is used to create effect description which instructs middleware to call the promise put function creates an effect which instructs middleware to dispatch an action to the store Let s take the example of how these effects work for fetching particular user data function fetchUserSaga action call function accepts rest arguments which will be passed to api fetchUser function Instructing middleware to call promise it resolved value will be assigned to userData variable const userData yield call api fetchUser action userId Instructing middleware to dispatch corresponding action yield put type FETCH USER SUCCESS userData What is Redux Thunk Redux Thunk middleware allows you to write action creators that return a function instead of an action The thunk can be used to delay the dispatch of action or to dispatch only if a certain condition is met The inner function receives the store methods dispatch and getState as parameters What are Redux selectors and why use them Selectors are functions that take the Redux state as an argument and return some data to pass to the component For example to get user details from the state const getUserData state gt state user dataThese selectors have two main benefits The selector can compute derived data allowing Redux to store the minimal possible stateThe selector is not recomputed unless one of its arguments changesWe have created a completely free eBook for you to download in the link below because we are unable to add all complete lists of questions due to character limitations Discord LinkThis eBook will provide detailed instructions for anyone wishing to practice and improve their react js skills I urge that you properly read everything ahead of time and practice and sharpen your reaction skills This is the most complete React JS interview questions book available It has a lot of essential and often asked React JS interview questions and answers Freshers seasoned professionals senior developers and testers will benefit from a wide range of questions that cover not only the basics of React JS but also the most advanced questions Cheers Happy coding and Best of Luck	2021-11-16 09:43:11
海外TECH	DEV Community	How to warn users when the connection is lost?	https://dev.to/amersikira/how-to-warn-users-when-the-connection-is-lost-5579	How to warn users when the connection is lost This blog post was originally published at webinuse comThere are times when we need to track users internet connection This is especially useful if we are building CRM CMS or other content related software Maybe the user is trying to save something and the connection is lost instead of losing what he she already did we can warn our user that connection is lost and save data locally e g localStorage Besides warning we can send them a message that we will save everything locally so users know that we care about their time experience and data How to register lost connectionThankfully JavaScript has the solution for that It is called onoffline event Once JS registers that the internet connection is lost it will fire onoffline event This event supports every major browser according to MDN Same as any other event there are two ways to add an event listener Let s take a look at the example below We can trigger onoffline event by using addEventListener window addEventListener offline event gt here we run our code what to do when connection is lost We can trigger onoffline event by using onoffline window onoffline event gt here we run our code what to do when connection is lost How to register when connection is restoredOnce we registered a lost connection we would probably want to register when the connection is restored Similar to onoffline event there is ononline event It is triggered when JS notices that we are back online again Let s check an example This event supports every major browser according to MDN We can trigger ononline event by using addEventListener window addEventListener online event gt here we run our code what to do when connection is restored We can trigger onoffline event by using ononline window ononline event gt here we run our code what to do when connection is restored What to do When a user is offline we can send a warning and save data to the localStorage Why is this good User is warned and knows that if something is not working properly it is not app s fault but rather someone else s Better user experience Shows that we were thinking about them even when internet is not working We can save user additional pain of losing data that they already enteredSo let s dive in in the example of how will it look like if we try to implement this in the real world First we can deal with offline state function offlineState The first thing we need to do is get data that user could posibly enter or change e g form elements const data document querySelector input value Our example is simple but usually here we would collect all data and put it in array or object localStorage setItem data data alert Your connection is lost Data is saved locally Now let s add event listener window addEventListener offline offlineState Next thing we will do is create function for when application is back online function onlineState The first thing we will do is get data from localStorage and return it to form let data localStorage getItem data document querySelector input value data Now we notify user that everything is back online again alert We are back online Keep the good work Next thing is creating event listener window addEventListener online onlineState This example just shows what can we do It is not a definitive guide If you are interested in me writing complete function for onoffline and ononline events you can find me on Twitter If you have any questions or anything you can find me on my Twitter or you can read some of my other articles like What is WordPress A super simple guide for beginners	2021-11-16 09:18:07
海外TECH	DEV Community	17 Business Ideas Around Web Scraping	https://dev.to/shtefcs/17-business-ideas-around-web-scraping-398p	Business Ideas Around Web Scraping Business Ideas Around Web ScrapingData is the new oil ーClive HumbyRefining meaningful data and directing it towards a transactional value is the core idea of a successful business in the digital age Web scraping is one of the methods via which you can gather meaningful and rich data When the process of data collection is automated using programming languages like python javascript or via web tools that s called web scraping Business ideas around web scraping can be fundamentally divided into two parts Services business ideasProduct business ideasBoth types have their pros and cons Below is a list of all the different types and niches web scraping business ideas can be explored Services business ideasService business ideas are of two types Business to business development servicesーBuild web scrapers for companies per requirement A business model similar to web development agencies where the focus is on the companies and entrepreneurs who are on the lookout for development services Lead generation paves the way for sales and conversions In the USA BB web development industry is worth billion in Source The rate at which digitalization has followed in recent times growth of the internet and development services will go hand in hand Google amp Facebook ad networks and cold outreach are popular campaigns that help in lead generation Business to business maintenance services ーMaintaining the existing web scrapersThe large networks of existing bots are based on web scraping that requires periodic maintenance and refining data structures Companies like Tata consultancy services Wipro work on contract projects worth millions on similar maintenance services Both types of BB business work on high volume and low margins business types Products business ideasProducts can be of various types serving different benefits to the target audience Out of all potential ideas here are some that are certainly worth exploring A Search EngineA search engine that scrapes the internet for specific information As all problems have solutions for niche problems based on geography social demographics are where the solutions are yet to be found Niching down can be where the audience can be found and retained For example A search engine for best deals across the LondonA search engine for all shopping websites in CaliforniaThese are niche search engines examples Monetization can always follow once users are there Mobile ApplicationsMobile applications have been grown at the rate of between and A web scraping application called Flipboard has downloads over the play store and ranks for the news section of the app store A similar web scraping application Feedly has been installed over times over the play store and ranks for the news section of the app store With the rise in automation applications that allow the collection of useful data should become mainstream Here are a few examples of mobile application business ideas Marketing updates mobile appCorn industry updates mobile app Comparison websitesCars com is a car comparison website and its valuation is B as of Jun The company started as a car comparison website and later pivoted into selling old car services Another company called Cardekho com has a valuation of million as of June They started as a car comparison website and later pivoted into bb car vendors GSMarena com has monthly traffic of million users per month GSMArena too started as a mobile comparison website Niche industries have immense potential as comparison websites Examples of a few business ideas around comparison websites are Medical center comparison websiteState benefits comparison websiteGadgets comparison websiteAffiliate partnerships sponsorship and ads make the revenue model of such comparison websites Jobs boardHR industry has a market size of billion in While building SaaS based HR tools is complex developing a jobs aggregator website that scrapes jobs of different websites and filters them based on options based on location remote condition US sponsorship is relatively easy with web app tools available Remotists com Weworkremotely com Remotive io all started as job aggregator websites and later pivoted to a job hosting website for a better monetization model Lynne Tye of Key Values bootstrapped her jobs board to k in annual revenues after launching in September With the rise in remote work and companies still looking to find the optimum channel there is immense potential in the recruitment industry News websitePeople s daily need for social updates makes the news industry a high traffic volume industry for businesses and media houses Aggregating news via web scraping across broadcasting websites and presenting them over a website is a sustainable idea Some examples of websites based on web scraping are Dailyhunt com A news aggregator website has a valuation of billion as of August Volv Media does web scarping and present them as a s news bulletAdvertisement sponsorship amp subscription services make the revenue model of news and broadcasting websites Social media platforms and search engines direct the majority of the traffic to media websites Competitor trackingA SaaS tool that allows you to track websites social media updates etc across the internet and deliver timely updates There are channel specific solutions available For example Sprout Social The tool allows you to watch your competition on social mediaSEMRush The tool helps you analyze your competition regarding content and keywordsMail charts Track your competitor s email campaignsHowever there is not a tool that does it across multiple platforms There is a need and opportunity for all the businesses out there in the competitor tracking niche With many companies starting their digital journeys recently competitor tracking products should be on the rise in demand moving forward Social listening toolInternet comes with the power that there are topics that can go viral As a business such trends make an interesting way to market the product Giving updates about the rise in trends over different social media platforms is an opportunity for entrepreneurs A SaaS product that updates the companies about the next big trend and viral methods Some products around the idea are SparkToro A SaaS tool that tells what the audience reads watches listens to and followsFalcon A social media scheduler that also lets to listen to trending topics over platforms Lead generationLinkedIn and Facebook are powerful platforms Professionals have built their businesses over these platforms There is massive reach and potential of Facebook and LinkedIn A web scraping tool to find the relevant information and presents them as leads via spreadsheets Generally contact information like job titles email addresses and other information make the majority of scraping data Web scraping bots go through the entire database and deliver timely updates There are tools available that build on the same idea But with of the global population still having no internet access the industry will continue growing as more professionals come online Some examples of businesses that are based on scraping websites for lead generation are Phantom Buster Scrape all the available data from LinkedIn profilesLimeLeads Real Time Email Validation SEO tracking toolSEO tools that help you track your website performance over time and give best practices tips are in great demand SEO tools are evergreen products that every digital company needs as far as marketing goes SEMRush received funding of m in August and since then the company has gone IPO in march with a market cap of billion A few SEO tools examples are Ahrefs ーA SaaS tool that helps you monitor content plan keywords and track websitesSEOSurfer com ーA SaaS tool that allows you to optimize your content as per keywordsAnswer the Public ーA tool that helps generate a massive list of questions from any keyword setSmall SEO tool ーA collection of small SEO tools for professionalsAs more businesses understand the role of organic traction through search engines via SEO the industry will continue to rise There are services and products just based on search engine optimization Large competition is one of the cons Online reputation management toolOnline reputation determines how others perceive your business when they search for or stumble upon it online Consequently online reputation management ORM proactively influences what information people will find about a business or a celebrity Online reputation management is estimated at Million in and predicted to double in the next half decade A growing pattern is observed on public platforms like Twitter and Reddit With growth expected to double in the next years it is an opportunity to invest and capture a market share Some examples of ORM tools are Social Mention A tool that allows you to monitor social mentions across social media platformsAwario A tool that helps you monitor brand mentions across the webORM product generally works in tandem with an ORM service Hence BB approach will produce a sustainable business model for such products Sports data statistics websiteData analysis across sports market size is estimated at USD million in and predicted to reach USD billion in Collecting data from sports websites and presenting it in an analytical format can have professional use Football clubs and professional athletes can be a good target audience for the product Subscription and enterprise models lead the monetization across the data analytics industry Some prominent examples of data analytics websites are Transfer Market The football website for transfers market values rumors and stats Who Scored WhoScored brings you to live scores match results and player ratings from the top football leagues and competitions Soccer Stats The website features football statistics league tables standings and ladders and results analysis on national and international soccer competitionsPresenting the data in a report and offering consultation services can be part of the product as more and more professionals want to use data analysis as part of their on field success strategy Online game reviewsGaming is the most lucrative entertainment industry by far worth b in compared to b in Box Office earnings and b for Music With the rise in online gaming review sites play an important role for gaming companies getting the name out It serves as an input for the user as well Gaming websites like PC Gamer ーPublishes gaming reviews and content has million per monthGameSpot com publishes content around gaming which includes reviews has million monthly trafficA website that scraps reviews of games across the internet and publishes them in the form of blogs should see a rise There are over million games as of Games list based on reviews genre attribution will make up a useful website Affiliate partnerships ads and sponsorships make the monetization model of such businesses Crypto Prices AppWith the interest around cryptocurrency rising and the introduction of blockchain networks like NFT and others the crypto market is a high risk but also high reward industry to work in Some price display apps are Coin Market Cap Robinhood and Coin Base Different filters to control the data presented can be a good base for future services like in app trading crypto wallet among others With over million users crypto has more users than most internet platforms Also A market cap of trillion makes Crypto an interesting industry to work in Movie reviews websiteA website that scrapes all the positive and negative reviews over the internet and publishes them on the website Also a newsletter to build a customer database where the most recent and popular movies reviews are shared A few examples of movie review websites are Taste io ーA movie review website where people post reviews and get movies recommended on tastesuggestmemovie com ーA web based film recommendation serviceSponsorship support advertisement and subscription make the monetization model Report of most sold products over Amazon EtsyAmazon database can be such a decision making asset For example understanding what kind of products gets sold the most during the Halloween season can have such a financial impact on business and individuals alike The data based on most sold products most reviewed products etc over Amazon and Etsy could be compiled as reports and sold for a few hundred dollars per piece Amazon sellers entrepreneurs and marketers are the target audience for such reports Some examples of websites in the niche are Jungle Scout Provides Amazon data and helps businesses with selling on AmazonHelium Provide data of Amazon and have a bb business helping sell over AmazonSuch reports could be combined with BB services over the amazon seller account to increase the revenue per user Conclusion Web scraping is all about understanding that data can have a meaningful transactional value With the advent of big data and the lack of tools to filter quality information out web scraping is one of the most efficient methods to cultivate rich data sets Once structured data is available possibilities are endless From launching bb services to products that can potentially change the way we perceive the internet	2021-11-16 09:14:31
海外TECH	DEV Community	AWS Step Functions Cheatsheet	https://dev.to/shivangchauhan7/aws-step-functions-cheatsheet-3oae	AWS Step Functions Cheatsheet What are AWS step functions Step functions is a service introduced by AWS Amazon Web Services it is a Serverless based service that allows the use of Lambda functions and other services in a combined way it uses something called state machines to create a workflow with steps each step can be customized to the need for example one step can be a task performed using Lambda function another step could be interacting with AWS SNS or any other supported service These are useful in many situations here are a few examplesWhen we want to break a big workflow where a lot of things are happening into smaller code portions or tasks When we want to handle error in a flexible way which means performing custom operations on errors calling a particular service perform a previously done execution etc aws step functions also provide a great way to retry and catch errors there is a way to retry a particular logic if it fails to execute or even catch that error to execute a custom workflow When we want to perform a set of operations in a parcular order and with each step customized When we want to wait for certain human interaction to happen before executing the rest of the code To learn how to use AWS Step Functions with Serverless Framework with a practical example check out how to Extract text from an image with AWS Textract using AWS Step functions on Nodejs Most Imporant AWS Cli Commands Create state machineaws stepfunctions create state machine name lt string gt definition lt string gt role arn lt string gt Explanationname This is the name of the state machine definition This is the stringified JSON with all the steps and configuration mentioned for our state machine it looks something like this Comment Some comment StartAt extractText States extractText Type Task Resource arn aws lambda us east function aws step functions dev extractText Next generatePdf generatePdf Type Task Resource arn aws lambda us east function aws step functions dev generatePdf End true Retry ErrorEquals States ALL IntervalSeconds MaxAttempts BackoffRate role arn This is the ARN of the role which you need to create role policies will depend on what actions you want to perform in your state machine Know more List all the state machineaws stepfunctions list state machines ExplanationThis command returns an object with an array of all the state machines created object looks something like this stateMachines stateMachineArn arn aws states us east stateMachine newStateMachine name newStateMachine type STANDARD creationDate T stateMachineArn arn aws states us east stateMachine testmachine name testmachine type STANDARD creationDate T Know more Start State Machine Executionaws stepfunctions start execution state machine arn lt string gt input lt string gt ExplanationThis command is used to start any state machine state machine arn This is the whole ARN of the state machine input This is stringified JSON input that gets passed to the first step of the state machine Know more Stop The Executionaws stepfunctions stop execution execution arn lt string gt ExplanationThis command stops the execution which got started execution arn This is not the ARN of our state machine when we start executing any state machine it returns us the execution ARN of that execution we need to pass that value here Know more Describe Any Executionaws stepfunctions describe execution execution arn lt string gt ExplanationThis command shows the status of the execution of the state machine it returns an object like this executionArn arn aws states us east execution testmachine beecd ecaf aa eeaef stateMachineArn arn aws states us east stateMachine testmachine name beecd ecaf aa eeaef status FAILED startDate T stopDate T input inputDetails included true Know more ConclusionThese are some of the most used AWS Step functions CLI commands there will be part of this post where I will explain some of the most used NodeJs API s for step functions The post AWS Step Functions Cheatsheet appeared first on DevsWisdom	2021-11-16 09:13:10
海外TECH	DEV Community	Exploring Tree-Inorder Traversal	https://dev.to/parag18081994/exploring-tree-inorder-traversal-4l9f	Exploring Tree Inorder TraversalIn last post Introduction to tree data structures I have give a brief introduction about tree data structure and its applications Traversing a tree data structure is interesting as well as complicated as compare to linear data structures Unlike arrays or linked list which are traversed in linear order tree data structure can we traversed in multiple ways like depth first order inorder preorder postorder and breadth first order level order traversal Read more	2021-11-16 09:07:58
海外TECH	Engadget	Amazon launches a dedicated Prime Video app for Mac	https://www.engadget.com/amazon-prime-video-app-mac-091514744.html?src=rss	Amazon launches a dedicated Prime Video app for MacAmazon has released a Prime Video app for Mac and you can now get it for free from the App Store You can use the app to download videos for offline viewing on your computer which sounds especially useful for long business trips and vacations The Verge reports that the app will let you choose the quality of the video you re streaming or downloading and it supports native macOS features such as Picture in Picture and AirPlay Within the app you ll find a dedicated tab where you can rent and purchase content as well You ll just have sure you re running macOS Big Sur or later to be able to access the application The company has also released a redesigned version of its Photos app for iOS and the web which now let you search for people places and years It shows the faces of people that usually appear in your photos as clickable options so you can see all the photos they ve appeared in If you want to narrow down the results you can choose the year and the places where the pictures were taken as well The refreshed apps also come with a new interface which you can get a glimpse of in this video Amazon s Photos app gives you unlimited storage for full resolution images and for up to GB of videos if you re a Prime member If you don t have Prime you ll still get GB of free storage for your media overall nbsp	2021-11-16 09:15:14
金融	金融庁ホームページ	入札公告等を更新しました。	https://www.fsa.go.jp/choutatu/choutatu_j/nyusatu_menu.html	公告	2021-11-16 11:00:00
金融	ニッセイ基礎研究所	タイ経済：21年7-9月期の成長率は前年同期比0.3％減～感染第３波の深刻化によりマイナス成長に転落も、感染状況の改善で再び景気回復基調に	https://www.nli-research.co.jp/topics_detail1/id=69369?site=nli	タイ経済年月期の成長率は前年同期比減感染第波の深刻化によりマイナス成長に転落も、感染状況の改善で再び景気回復基調に年月期の実質GDP成長率は前年同期比減前期同増と低下したが、市場予想同減を上回る結果となった図表。	2021-11-16 18:31:51
海外ニュース	Japan Times latest articles	Biden-Xi talks focus on managing intensifying U.S.-China rivalry	https://www.japantimes.co.jp/news/2021/11/16/asia-pacific/politics-diplomacy-asia-pacific/us-china-biden-xi-virtual-talks/	Biden Xi talks focus on managing intensifying U S China rivalryAlthough no major breakthroughs were announced the White House said the two leaders had discussed “the importance of managing competition responsibly	2021-11-16 18:27:47
ニュース	BBC News - Home	Liverpool bomb: Four freed as suspect killed in blast named	https://www.bbc.co.uk/news/uk-england-merseyside-59301708?at_medium=RSS&at_campaign=KARANGA	progress	2021-11-16 09:09:27
ニュース	BBC News - Home	Five items that are going up in price and why	https://www.bbc.co.uk/news/business-59266759?at_medium=RSS&at_campaign=KARANGA	savoury	2021-11-16 09:17:31
ニュース	BBC News - Home	NBA: 'Oh my goodness!' - Karl-Anthony Towns' deep buzzer-beater leads plays of the week	https://www.bbc.co.uk/sport/av/basketball/59304164?at_medium=RSS&at_campaign=KARANGA	NBA x Oh my goodness x Karl Anthony Towns x deep buzzer beater leads plays of the weekMinnesota Timberwolves centre Karl Anthony Towns game tying shot against the Memphis Grizzlies is among many buzzer beaters in NBA plays of the week	2021-11-16 09:50:21
LifeHuck	ライフハッカー［日本版］	保温に吸湿、速乾、防臭！ 冬場に頼れるベースレイヤーが登場	https://www.lifehacker.jp/2021/11/245963-machi-ya-backcountrybaselayer-start-repost.html	machiya	2021-11-16 19:00:00
サブカルネタ	ラーブロ	九州大分のとんこつラーメン 三代目 八作(はっさく)＠八王子市<塩とんこつラーメン>	http://ra-blog.net/modules/rssc/single_feed.php?fid=193711	九州大分のとんこつラーメン三代目八作はっさく八王子市lt塩とんこつラーメンgt訪問日メニュー塩とんこつラーメン味豚骨コメント今日紹介するのは、西八王子駅と高尾駅の中間らへん甲州街道にある「八作」。	2021-11-16 09:27:40
サブカルネタ	ラーブロ	大阪 縁乃助商店@自宅【お取り寄せ】<あなたの為の濃厚魚介ちゃんぽん 醤油Ver.>	http://ra-blog.net/modules/rssc/single_feed.php?fid=193712	大阪縁乃助商店自宅【お取り寄せ】ltあなたの為の濃厚魚介ちゃんぽん醤油Vergt実食日メニューあなたの為の濃厚魚介ちゃんぽん醤油Ver野菜あり味動物魚介コメント今日紹介するのは、「menjoy」による「縁乃助商店」のお取り寄せラーメン。	2021-11-16 09:23:13
北海道	北海道新聞	中日の福投手にＳＮＳで中傷　「おびただしい数の殺害予告」	https://www.hokkaido-np.co.jp/article/612289/	交流サイト	2021-11-16 18:19:00
北海道	北海道新聞	盛り土は許可制、罰則に懲役刑も　熱海土石流受け、静岡県が新条例	https://www.hokkaido-np.co.jp/article/612280/	静岡県熱海市	2021-11-16 18:04:46
北海道	北海道新聞	「ファスト映画」無断公開に有罪　男女３人、仙台地裁	https://www.hokkaido-np.co.jp/article/612284/	仙台地裁	2021-11-16 18:18:00
北海道	北海道新聞	東京円、１１４円台前半	https://www.hokkaido-np.co.jp/article/612285/	東京外国為替市場	2021-11-16 18:11:00
IT	週刊アスキー	好評のロマンスカー型ケーキも登場！ 小田急百貨店オンラインショッピングにてクリスマスケーキ予約受付中	https://weekly.ascii.jp/elem/000/004/075/4075322/	取り扱い	2021-11-16 18:30:00
IT	週刊アスキー	Nulab Passが「監査ログ」を提供へ、BacklogやCacooの行動ログを確認可能に	https://weekly.ascii.jp/elem/000/004/075/4075323/	提供開始	2021-11-16 18:30:00