投稿時間:2021-06-22 17:44:44 RSSフィード2021-06-22 17:00 分まとめ(66件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	日本マイクロソフト、Microsoft Teams認定アクセサリ4製品を本日より順次発売	https://taisy0.com/2021/06/22/142167.html	microsoft	2021-06-22 07:55:10
TECH	Engadget Japanese	ラクマ、売上金の有効期限を「取引完了から180日後」に変更	https://japanese.engadget.com/rakuma-rakuten-074507590.html	楽天	2021-06-22 07:45:07
TECH	Engadget Japanese	30%オフも。BOSCH、Black + Decker、Panasonicの電動工具がセール中：Amazonプライムデー	https://japanese.engadget.com/primeday-power-tools-073939151.html	blackdecker	2021-06-22 07:39:39
TECH	Engadget Japanese	電動空気入れが40%オフの2392円。自転車やバイクもオーケー：Amazonプライムデー	https://japanese.engadget.com/air-073452793.html	amazon	2021-06-22 07:34:52
TECH	Engadget Japanese	サムスン、MWCでスマートウォッチ関連発表。イベント開催は6月28日	https://japanese.engadget.com/samsung-wear-os-072044001.html	韓国	2021-06-22 07:20:44
TECH	Engadget Japanese	iCloudカレンダーへのスパム問題ふたたび。原因は「Safariのポップアップを踏むこと」	https://japanese.engadget.com/icloud-calendar-spam-continues-070057348.html	icloud	2021-06-22 07:00:57
ROBOT	ロボスタ	自律型会話ロボット「Romi」初のポップアップストアが西武渋谷店にオープン！購入者特典はオリジナルタオルハンカチ先着50名	https://robotstart.info/2021/06/22/romi-popup-store.html	inseibushibu	2021-06-22 07:24:32
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「これ以上は耐えられない」　沖縄「緊急事態」延長の初日に営業再開した飲食店	https://www.itmedia.co.jp/business/articles/2106/22/news092.html	itmedia	2021-06-22 16:25:00
IT	ITmedia 総合記事一覧	[ITmedia News] TikTok、動画から関連ミニアプリにジャンプできる「TikTok Jump」提供開始	https://www.itmedia.co.jp/news/articles/2106/22/news128.html	itmedianewstiktok	2021-06-22 16:18:00
IT	ITmedia 総合記事一覧	[ITmedia Mobile] Android向け「Google」アプリの最新版に不具合？　一部の環境で起動できない問題が発生中	https://www.itmedia.co.jp/mobile/articles/2106/22/news126.html	ITmediaMobileAndroid向け「Google」アプリの最新版に不具合一部の環境で起動できない問題が発生中一部のAndroidスマートフォンにおいて、「『Google』が繰り返し停止しています」というダイアログボックスが頻出する問題が発生している。	2021-06-22 16:15:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 福岡銀行がFundsのクラファン経由で、“わざわざ”融資資金を集める理由	https://www.itmedia.co.jp/business/articles/2106/22/news115.html	funds	2021-06-22 16:12:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] 日本マイクロソフトが“Microsoft Teams 認定”のヘッドセット/Webカメラなど4製品を発売	https://www.itmedia.co.jp/pcuser/articles/2106/22/news123.html	itmediapcuser	2021-06-22 16:06:00
IT	MOONGIFT	NocoDB - オープンソースなAirtable代替	http://feedproxy.google.com/~r/moongift/~3/APD7UBxZAKg/	airtable	2021-06-22 17:00:00
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	ウイングアーク1st、文書管理クラウド「SPA Cloud」のAI-OCRを強化、明細表を読み取り可能に | IT Leaders	https://it.impress.co.jp/articles/-/21665	ウイングアークst、文書管理クラウド「SPACloud」のAIOCRを強化、明細表を読み取り可能にITLeadersウイングアークstは年月日、OCR光学文字認識機能を備えた文書管理ソフトウェア「SPA」をクラウド型で提供するサービス「SPACloud」をバージョンアップした。	2021-06-22 16:21:00
python	Pythonタグが付けられた新着投稿 - Qiita	Python Arcade Library(Pyglet)でドット絵をきれいに拡大する	https://qiita.com/3w36zj6/items/fec0c291b4ee9a8fb384	PythonArcadeLibraryPygletでドット絵をきれいに拡大する※ぴぽや様のハロウィンキャラクターの素材を利用しています。	2021-06-22 16:37:14
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ワードプレスのテーマ選定について	https://teratail.com/questions/345467?rss=all	もはや、ワードプレス自体が違うのかと疑念があります。	2021-06-22 16:56:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Play Framework 2.7の本番環境で公開アセットからファイルを直接読み込みたい	https://teratail.com/questions/345466?rss=all	PlayFrameworkの本番環境で公開アセットからファイルを直接読み込みたい前提・実現したいことPlaynbspFrameworknbspnbspで本番環境sbtnbspcompilenbspstageにした場合、開発環境では存在する公開アセットPublicフォルダがWebJarsの機能でjarファイル内にまとめられているようなのですが、そこからファイルを直接読み込む方法を教えてください。	2021-06-22 16:55:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	swift progressViewのアニメーション	https://teratail.com/questions/345465?rss=all		2021-06-22 16:55:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASによるスプレッドシートへの記載方法	https://teratail.com/questions/345464?rss=all	GASによるスプレッドシートへの記載方法GASでの記載方法について教えていただきたいです。	2021-06-22 16:53:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	docker-compose upすると最後の行にdocker_app_1 exited with code 0と出ます	https://teratail.com/questions/345463?rss=all	dockercomposeupすると最後の行にdockerappexitedwithcodeと出ます前提・実現したいことdockerでjavaのSpringフレームワークを使ってCRUDを実装したECサイトを作ろうとしています。	2021-06-22 16:52:35
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	繰り返し処理の出力の仕方が分からないです。	https://teratail.com/questions/345462?rss=all	画像を順番に読み込んで閾値処理を行った後、出力をしたいのですが、最後に入力された枚しか出力が行われません。	2021-06-22 16:50:37
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	WordPress投稿一覧、カスタムフィールドの数値をソートさせたい	https://teratail.com/questions/345461?rss=all	WordPress投稿一覧、カスタムフィールドの数値をソートさせたい前提・実現したいことWordPress管理画面投稿一覧画面に表示させている、カスタムフィールドの数値をソートさせたい。	2021-06-22 16:46:14
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PHP　mb_send_mail　メール送信者項目の文字化けを直したい	https://teratail.com/questions/345460?rss=all	PHPmbsendmailメール送信者項目の文字化けを直したいmbsendmailを使って、お客様フォームから受付完了メールを自動送信するシステムを作りました。	2021-06-22 16:45:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ostファイルをpstファイルに変換したい	https://teratail.com/questions/345459?rss=all	今現在古いPCで使用していたostファイルをpstファイルに変換したいと思っております。	2021-06-22 16:34:32
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	音楽再生時に名前を表示する	https://teratail.com/questions/345458?rss=all	音楽再生時に名前を表示する前提・実現したいこと音楽を再生する際にその音楽の名前を表示させたいと思っています。	2021-06-22 16:28:43
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ファイル書き込みで上書き設定にしているのに追記される	https://teratail.com/questions/345457?rss=all	quotaquot	2021-06-22 16:28:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	React import部分のエラー	https://teratail.com/questions/345456?rss=all	Reactimport部分のエラービルドはうまくいくのですが、VisualStudioCode上でエラーが発生しているようです。	2021-06-22 16:24:47
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	heroku環境で rails appを作成し、awsES にむけて searchkick経由でreindexをかけたが、timeoutになる	https://teratail.com/questions/345455?rss=all	heroku環境でrailsappを作成し、awsESにむけてsearchkick経由でreindexをかけたが、timeoutになる前提・実現したいことはじめまして、駆け出しエンジニアのhideです。	2021-06-22 16:18:10
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Ricoh Thetaの映像がVR動画にならない	https://teratail.com/questions/345454?rss=all	microsoft	2021-06-22 16:12:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	座標格納リストの計数処理（4個以上の連番の最小と最大を連続取得）	https://teratail.com/questions/345453?rss=all		2021-06-22 16:12:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	np.sumの使い方	https://teratail.com/questions/345452?rss=all	npsumの使い方前提・実現したいこと知人から頂いたコードでよく分からない内容のif文があったのでお伺いしたいです。	2021-06-22 16:06:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pandasでのZeroDivisionError	https://teratail.com/questions/345451?rss=all	pandasでのZeroDivisionErrorある環境デバッグできないで、下記のようなdateframeを正規化する処理を走らせたところ、dfnbspnbspdfnbspnbspdfminnbspnbspdfmaxnbspnbspdfminこちらの行で、下記エラーとなってしまいました。	2021-06-22 16:03:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASを使ってyoutube APIから最新の動画情報を取得したい。	https://teratail.com/questions/345450?rss=all	GASを使ってyoutubeAPIから最新の動画情報を取得したい。	2021-06-22 16:02:27
Ruby	Rubyタグが付けられた新着投稿 - Qiita	AWSにデプロイ後ブラウザに反映されない問題(コンパイル関連のエラー)	https://qiita.com/kanounba77/items/27912314d6a45b56e37e	解決策原因にも書いた通りyarnとwebpackerが入っていないのが原因なので二つをインストールすればいいのですが適切なバージョンをインストールしないとエラーの繰り返しです。	2021-06-22 16:33:19
AWS	AWSタグが付けられた新着投稿 - Qiita	スケーラビリティのあるブログサービスを構築する	https://qiita.com/zakinicof/items/70ddd59378867294bb98	しばらく待つとECインスタンスの画面でも最大台起動していたインスタンスがつになっていることが確認できる。	2021-06-22 16:38:12
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSにデプロイ後ブラウザに反映されない問題(コンパイル関連のエラー)	https://qiita.com/kanounba77/items/27912314d6a45b56e37e	解決策原因にも書いた通りyarnとwebpackerが入っていないのが原因なので二つをインストールすればいいのですが適切なバージョンをインストールしないとエラーの繰り返しです。	2021-06-22 16:33:19
Docker	dockerタグが付けられた新着投稿 - Qiita	php myadmin の導入が思ったより簡単だった件	https://qiita.com/wwwesk/items/b2a93377db1e229a2757	phpmyadminの導入が思ったより簡単だった件dockerlaravelでプロジェクトを作成した僕はマイグレーションファイルを作成しphpartsianmigrateでマイグレーションをしたらaccessdeniedだとあたりまえである、この男コンテナの中に入っていないのである。	2021-06-22 16:34:15
Ruby	Railsタグが付けられた新着投稿 - Qiita	AWSにデプロイ後ブラウザに反映されない問題(コンパイル関連のエラー)	https://qiita.com/kanounba77/items/27912314d6a45b56e37e	解決策原因にも書いた通りyarnとwebpackerが入っていないのが原因なので二つをインストールすればいいのですが適切なバージョンをインストールしないとエラーの繰り返しです。	2021-06-22 16:33:19
Ruby	Railsタグが付けられた新着投稿 - Qiita	ワード検索機能の実装	https://qiita.com/hedgehog-genki/items/8fc60053276d5704e01b	ワード検索機能の実装自分で作成したアプリにワード検索機能を実装したいと思います。	2021-06-22 16:07:50
技術ブログ	Developers.IO	星野リゾート様事例に学ぶ、コストカットと事業拡大を両立するAWS活用術	https://dev.classmethod.jp/news/210715-aws-webinar/	事業拡大	2021-06-22 07:33:23
海外TECH	DEV Community	What I wish somebody had explained to me before I started to use AWS Glue	https://dev.to/aws-builders/what-i-wish-somebody-had-explained-to-me-before-i-started-to-use-aws-glue-5eh3	What I wish somebody had explained to me before I started to use AWS Glue IntroductionAWS Glue is a service I ve been using in multiple projects for different purposes It s not really a single service but more like an umbrella encompassing multiple capabilities In the beginning I struggled to build a mental model of the different components what they do and how they interact I thought I d write up what I wish I had known when I began maybe it will help others We ll start with an introduction of the core components and then take a closer look at some aspects the developer experience fundamental PySpark concepts and how to orchestrate complex processes This is not a deep dive into any specific topic just an overview of the service it s components and things I consider useful information Core ComponentsThe idea of Glue is to help you move data from point A to point B while also giving you the option to change the data in the process This process starts with extracting data from one or more data stores transforming it in some way and then loading it into one or more different data stores This is the origin of the ETL acronym extract transform load In real life there are usually more than one of these processes or jobs as they re called in Glue Sometimes different jobs extract from or write to the same data stores That s why it makes sense to have a central system to keep track of these data stores and the data they hold This central system is the data catalog It s organized in databases and tables just like a relational database which most of you might be familiar with One of the main differences between data catalogs and relational databases is that the data catalog doesn t store any of your data It only contains metadata and points to the underlying data stores If you come from a networking background you can think of it like a router that redirects you to the target destination Updating this data catalog could be a tedious and time consuming manual process and that s why there is another component of Glue that aims to initialize and update the data catalog This component is a crawler You can direct it at different data stores and it tries to find out which data it holds how it s organized and how it can be accessed An alternative to the crawler would be updating the data catalog through a Glue job This data catalog is arguably the heart of Glue It integrates with many different services such as Redshift Athena Lake Formation QuickSight or EMR Integration in this context usually means that it provides information to these services about where external data stores are located and how they re organized Orchestrating the different components to get a functional data processing pipeline can be done through Glue workflows Workflows enable you to define and visualize the order in which crawlers and jobs are supposed to be started to facilitate the data transformation I have visualized the components and their interaction in the following diagram Developer Experience and PySparkFrom a developer s perspective there are different entrypoints when using Glue The core components I described above are usually created through infrastructure as code frameworks such as CloudFormation the Cloud Development Kit CDK or Terraform Some people prefer creating them through the console but infrastructure as code is considered as best practice here in order to have a reproducible environment and reduce the chance of accidental misconfigurations To create the transformation logic inside of the Glue jobs themselves we typically take a different approach These transformation jobs come in three varieties Spark Spark Streaming and Python shell Spark is usually used to perform the heavy lifting in terms of data transformation Spark Streaming is an extension of Spark with the niche use case of streaming data Python shell jobs allow you to run arbitrary Python Scripts in a Glue job without access to a Spark cluster Spark PrimerApache Sparkis a unified analytics engine for large scale data processing Before we continue maybe a quick primer on Spark Spark is a distributed system that you can use to perform In Memory data transformation of large datasets The in memory aspect is crucial here because it s part of what makes the system very fast It s written in Scala and runs on top of the JVM but don t worry there are frontends for it in different languages such as Python Java R or SQL You can think of Glue Spark jobs as a serverless Spark cluster on which you can run your code either through Python or Scala Since I m a Python developer and don t know any Scala developers we ll focus on the Python part here The Python frontend to Spark is aptly named PySpark and the interfaces and data structures are fairly similar to what you may know from frameworks such as pandas When you re developing your PySpark job you ll primarily deal with three kinds of data structures These operate at different levels of abstraction I have added a small diagram to try to illustrate this Here we can see what looks like a students table that has multiple columns and even more rows with data in them At the core of the table is an RDD a resilient distributed dataset You can think of this as a distributed list of lists An RDD is distributed across the different cluster nodes in what is known as partitions Partitions are a set of rows that are stored together and are replicated in such a way that the cluster can tolerate node failure s Since it s annoying to work with this kind of unlabeled data we usually work with a layer on top of that which adds column labels This layer on top is called a data frame it offers a variety of data access mechanisms and manipulation options The third layer on top is the DynamicFrame This is not a Spark construct but something that is Glue specific It allows you to perform advanced transformations on the data in a dynamic frame and to give it a name Furthermore this integrates with components such as the data catalog to make it easier to load data from known data stores There are a few more nuances to the different data structures but for a mental model to get started this should be sufficient Moving on to the code Let s take a look at an example of a simple PySpark transformation script to get an idea of the kind of code we might write First we initialize a connection to our Spark cluster and get a GlueContext object We can then use this GlueContext to read data from our data stores The create dynamic frame from catalog uses the Glue data catalog to figure out where the actual data is stored and reads it from there Next we rename a column from GivenName to Name I m doing this in two ways The first way uses the lower level DataFrame that comes with Spark and is later converted into a DynamicFrame This is how you could perform any native Spark transformation on your data The second uses the rename field transformation of the DynamicFrame which is easier but also Glue specific so you can t use it outside of the service Here you can also see a convention we follow the variable names are prefixed by dy dynamic frame or df data frame to indicate on which layer of abstraction we operate The underlying RDDs are immutable this means that the data inside it can t be changed Because of this each transformation we perform results in a new data structure we can use That s why I can safely perform the same transformation on the original dynamic frame twice After the rename operation I use the glue context to write it to an S bucket in the parquet format There are also other ways to do these transformations I chose to do it this way to illustrate the dy df naming convention from pyspark context import SparkContextfrom awsglue context import GlueContextfrom awsglue dynamicframe import DynamicFrame Initialize the connection to the clusterglueContext GlueContext SparkContext getOrCreate S location for outputoutput dir s sample bucket output dir medicare parquet Read data into a DynamicFrame using the Data Catalog metadatady medicare glueContext create dynamic frame from catalog database datalake table name medicare We can use the lower level DataFrame to rename a column Convert to data frame and rename a columndf renamed dy medicare toDF withColumnRenamed GivenName Name Convert back to a dynamic framedy output DynamicFrame fromDF df renamed glueContext MedicareData Or we rename a column through the higher level DynamicFrame APIsdy output dy medicare rename field GivenName Name Write it out in ParquetglueContext write dynamic frame from options frame dy output connection type s connection options path output dir format parquet We could now upload this script to an S bucket and point a Glue Job to it which would then happily execute it In real life we typically don t write these scripts in one go it s a more iterative approach Fortunately there are some tools to support this One of them are Jupyter Notebooks A notebook consists of cells and each cell can either be code or documentation You can execute these cells and get feedback from them it also keeps track of the execution state This is a common way to develop your ETL scripts interactively Glue notebooks are another component of the Glue service that offer a managed Jupyter notebook server to perform your development work Glue notebooks are built upon Sagemaker Notebooks but come with a few cool additions The most important one is an integration with Glue Dev Endpoints A Glue Dev Endpoint is a Spark Cluster you can provision at your leisure and connect to the notebook instance which allows you to write your PySpark code interactively You should be careful though because the Dev Endpoints are billed for as long as they run and that can get expensive quickly if you forget to delete them at the end of the day The notebook instances themselves can be stopped though and will retain the scripts stored on them OrchestrationThe last aspect I want to discuss here is the orchestration of jobs and crawlers Often you have scenarios where a data processing pipeline consists of multiple levels that have to be worked on sequentially or in parallel In these cases you could build your own orchestration tool that orchestrates the jobs use step functions or take the easy route and try out Glue workflows A workflow in Glue can be used to schedule crawlers and jobs and define in which order they should be run Workflows consists of a set of triggers which can trigger one or more jobs or crawlers and also have preconditions predicates that determine when these run This allows you to create a complex sequence of steps and gain real time insights into the state of your pipeline You can initialize workflows through an API Call as well as time or event based triggers Here s an example of such a workflow It shows a combination of successive crawler spider on a square and job terminal board on a square runs with some parallelization as well as the fact that all of these tasks have completed successfully SummaryIn this post I have introduced the Glue service its value proposition and its core components I have also discussed the Developer experience and talked about Spark as well as the main data structures and the general development setup If you have feedback questions or want to get in touch to discuss projects feel free to reach out to me through the social media channels in my bio ーMaurice	2021-06-22 07:41:34
海外TECH	DEV Community	Puppeteer vs. Playwright: One is ~25% Faster	https://dev.to/browserstorm/puppeteer-vs-playwright-one-is-25-faster-28hd	Puppeteer vs Playwright One is FasterPuppeteer Google and Playwright Chromium Microsoft are libraries used to programmatically control browsers This article compares the libraries across six criteria Startup Time browser launch browser newPage Flow Time page goto click etc Shutdown page close browser close Total Duration Startup Flow Shutdown times Process Memory Throughput Test SetupEnvironment txlarge EC with browsers per coreDuration mins per test ScenariosShort Script avg s duration Visits google com and waits for the search button Playwright Puppeteer Long Script avg s duration Visits google com then visits stable browserstorm com waits for the content performs login and stores the access token Playwright Puppeteer Even longer scripts were not considered in this analysis Startup Time browser launch browser newPage Winner Puppeteer Puppeteer is faster at launching an uncached browser with the same configurations For each library a browser and a new page are started with the scripts shown below Both launches also include HAR recording viewport setup and adds custom headers to the page Playwright Setupconst browser playwright chromium launchPersistentContext tmpDir options const page await browser newPage Puppeteer Setupconst browser puppeteerLib launch options userDataDir tmpDir const page await browser newPage Flow Time page goto click etc Winner Puppeteer Flows visit a page click on elements and wait for data to be loaded Flows are multi step The flows used in this test are defined in the Test Setup section Puppeteer performs in both the long and short script scenarios NOTE High startup costs lead to the short script performing worse than the long script Shutdown Time page close browser close Winner Puppeteer Both the libraries were fairly similar in terms of performance during the long script to shutdown the script This is likely due to less contention on the resources However in the shorter scripts where contention could be higher Playwright underperformed Puppeteer await page close await browser close Total Time Startup Flow Shutdown Times Winner Puppeteer Puppeteer does all of it just faster Here are the stats Please scroll up for the definitions of short and long scripts Process MemoryWinner Puppeteer Puppeteer uses less memory than Playwright across the tests when measured with the following code process memoryUsage rssThis means that the NodeJS process memory is smaller The absolute memory is tabled below in megabytes MB ThroughputWinner Puppeteer Running each phase of the test startup flow and shutdown as many times as possible for minutes gives us the throughput minute Puppeteer can get the highest throughput Q How do browsers per core impact the throughput of the system Puppeteer Only Shower Scrip To maximize the throughput for short scripts set the browsers per core between and So an eight core machine can between and Chrome browsers NOTE These metrics are dependent on the duration of the flow Longer flows will likely offer higher iterations min better with higher browsers core Winner Puppeteer Puppeteer performs better than Playwright in these test scenarios The analysis show at least a performance improvement with Puppeteer At BrowserStorm we recommend Puppeteer since it offers a higher throughput with Chromium browsers without much performance optimizations As a result load testing your system will be more cost efficient This is not to say Playwright doesn t have its advantages e g ShadowDOM and WebComponents Notes CaveatsPuppeteer has user data directory leaks where sometimes content isn t cleaned up after the browser is closed Launching a browser is an expensive operation Both libraries tended to launch browsers at the same time leading to slow startups For some reason this issue was more common with Playwright Longer scripts might have a higher throughput with increased parallelization This analysis does not include that scenario Try It YourselfVisit BrowserStormClick Start TestPaste in script NOTE All the scripts used in this test are in the repo Set your profileClick RunSample Test Results Thank you for reading	2021-06-22 07:38:49
海外TECH	DEV Community	PWA Universal Controller	https://dev.to/raghavdhingra/pwa-universal-controller-44c7	PWA Universal Controller Control anything around the worldSurprising Obvio not all the traditional machines and softwares are being replaced with modernized technology Therefore my concepts and belief also substitute with new ideas I am really fascinated by the world being changed so rapidly with up to date designs plans structures in terms of software as well as hardware Not long ago I have been engrossed in electronics and communication P S I am not an electronics or electrical student Being from a software background it kick starts the ability to integrate my software skills with the hardware I am wandering around IoT stuffs for few months and playing with different components and modules in my leisure time Begin to test out the knowledge while developing some astonishing devices may not be the as good insight as others But yeah will share it soon Inspiration for the projectThe project where I have taken an inspiration from a simple remote control car I wish to try out a different approach of controlling through a mobile again ordinary but not for me I had build a car using simple components NodeMCU ESP and a motor driver bridge LN Along with it I had used the Blynk android application as a medium for controlling That was my first incredible experience in the field of IoT Though already made some small projects but it was just insane Still want to take it to a higher level It has a major dependency on an application Blynk which I have not developed I wish to have some personal up gradation but have no control over it Also it has a limitation of connection The device and the mobile have to be connected over the same wifi network Again we can operate through an android mobile application restrictionsヽ ಠ ಠ ノHence after days of research got upon a distinct process of communication via MQTT protocol I had some experimentation and exploration about the protocol This is a very lightweight protocol for messaging transmission that follows a pattern of pub sub Again analysis over the scalability factor efforts for integration over the web Subsequently initiated the react application and set up the MQTT broker over the EC again I don t want to use publicly available brokers due to configuration restrictions Finalized the flow and implemented within few weeks Cumulatively it s not more than a week task but due to other activities alongside and the research part took more than a month After weeks long work got the application and the device ready for use Currently anyone around the world can control the IoT device in my room The only restriction is that the device car should be connected to the internet The current application is a PWA hence can be installed as a native application over any platform whether its Windows Mac Linux Android Ios and any other For PWA I have used the service workers to cache all the application data inside and serves when the browser is offline But can t control the device Multiple controllers can control the device at one time hence can have disturbance seen if so ≧∇≦ I have tested the controller and car with some friends over a meet A delay of ms can be seen while controlling the device due to the internet and the network latency You can view the demo video at Youtube Universal ControllerTest out the controller at controller raghavdhingra comUsername raghavdhingraPassword qwerty Now you have the master control for the car and all my future devices But will change the password soon If you wish to have a live demo and play with it you can mail me at admin raghavdhingra comDo give it a like and follow me up on GitHub github com raghavdhingra Tech StackFrontend ReactJs RecoilBroker Mosquitto MQTT brokerIoT C Broker deployed on AWS ECFrontend deployed on Netlify Open SourceFrontend codegithub com raghavdhingra React MQTTIoT device codegithub com raghavdhingra Arduino Cpp blob main mqtt car controller with react mqtt car controller with react ino Connection DiagramDo check out my other blogs	2021-06-22 07:10:41
海外TECH	CodeProject Latest Articles	How to Use FFmpeg Filters to Jazz Up Your Audio and Video Files	https://www.codeproject.com/Tips/5303741/How-to-Use-FFmpeg-Filters-to-Jazz-Up-Your-Audio-an	How to Use FFmpeg Filters to Jazz Up Your Audio and Video FilesCut copy convert mix rotate flip resize crop combine compose blur sharpen smoothen side by side split PIP inset fade in out using FFmpeg Filters	2021-06-22 07:08:00
医療系	医療介護 CBnews	コロナワクチン職域接種、複数種類の併用認める-厚労省が事務連絡、医療機関などとの連携で	https://www.cbnews.jp/news/entry/20210622161131	予防接種	2021-06-22 16:40:00
金融	ニッセイ基礎研究所	今週のレポート・コラムまとめ【6/15～6/21】：アフターコロナを見据えた働き方とオフィス戦略の在り方－メインオフィスと働く環境の選択の自由の重要性を「原理原則」に	https://www.nli-research.co.jp/topics_detail1/id=68077?site=nli	今週のレポート・コラムまとめ【】アフターコロナを見据えた働き方とオフィス戦略の在り方ーメインオフィスと働く環境の選択の自由の重要性を「原理原則」にNoまん延防止等重点措置は緊急事態宣言と何が違うのかnbspNoなぜ韓国の若者は仮想通貨に熱狂するのかnbspNoワクチン接種が浮き彫りにした高齢者の移動問題都市部で未熟な移動困難者の情報把握と支援ノウハウnbspNoバイデン政権下で激化する米中対立と日本の果たすべき役割Noこどもの数が減り続けているー優まされる宝子に及しかめやも研究員の眼nbspさらに活用が進む、つみたてNISA年は買付金額が兆円超えかnbsp理念のもとに結集したGー閉幕後に問われるものnbspーWeeklyエコノミスト・レターnbsp東南アジア経済の見通し年内は感染再拡大で景気が足踏み、来年はワクチンの普及加速で景気回復軌道に乗るnbsp日銀短観月調査予測大企業製造業の業況判断DIはポイント上昇のと予想、非製造業との格差は拡大へnbspー基礎研マンスリーnbspテーパリング観測は円安要因かマーケット・カルテ月号nbspー基礎研レポートnbsp米国株式に今から投資ってどうなのnbsp欧州大手保険Gの生命保険事業の収益構造についてー年決算数値等に基づく結果報告ーnbspデジタル・プラットフォーマーと競争法ーAppleを題材にnbsp新型コロナワクチンをすぐには接種しない人の理由と特徴「安全性への不安」「順番待ち・様子見」「面倒」「ワクチン不要」nbsp新型コロナワクチンをすぐにでも接種したい人とは同居家族のリスクへの配慮や収束後の行動への期待nbspー基礎研レターnbsp所有者不明土地への諸対策ー相続財産の管理nbsp原薬の海外依存リスクーリスク軽減のために何をすべきかnbspー不動産投資レポートnbsp「仙台オフィス市場」の現況と見通し年nbspー保険・年金フォーカスnbsp人口問題に揺れる中国ー第子出生容認へ【アジア・新興国】中国保険市場の最新動向nbspー経済・金融フラッシュnbsp消費者物価全国年月ーコアCPI上昇率はプラスに転じたが、基準改定でマイナスに修正される可能性もnbsp米FOMC年月ー予想通り、政策金利、量的緩和政策を維持も全般的にタカ派的な結果nbsp米住宅着工・許可件数年月ー着工件数は万件、許可件数は万件と、ともに市場予想を下回る。	2021-06-22 16:23:32
金融	日本銀行：RSS	日本銀行による国庫短期証券の銘柄別買入額	http://www.boj.or.jp/statistics/boj/other/tmei/release/2021/tmei210618.xlsx	国庫短期証券	2021-06-22 17:00:00
金融	日本銀行：RSS	日本銀行が保有する国債の銘柄別残高	http://www.boj.or.jp/statistics/boj/other/mei/release/2021/mei210618.xlsx	日本銀行	2021-06-22 17:00:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	日本からの入国は条件付きで自主隔離不要、ほぼ全域がホワイトゾーンに	https://www.jetro.go.jp/biznews/2021/06/8cdd1025324ab45b.html	隔離	2021-06-22 07:10:00
海外ニュース	Japan Times latest articles	Japanese government not recommending in-school vaccinations	https://www.japantimes.co.jp/news/2021/06/22/national/japan-school-vaccinations/	school	2021-06-22 16:34:48
海外ニュース	Japan Times latest articles	Government discloses Abe-linked ‘Akagi file’ scandal documents	https://www.japantimes.co.jp/news/2021/06/22/national/politics-diplomacy/akagi-file-disclosure/	Government discloses Abe linked Akagi file scandal documentsThe documents appear to show a local finance bureau s resistance to instructions from the Finance Ministry to alter public records on the sale of a	2021-06-22 16:10:50
ビジネス	ダイヤモンド・オンライン - 新着記事	米若者の摂食障害、コロナ下で急増 - WSJ発	https://diamond.jp/articles/-/274781	摂食障害	2021-06-22 16:19:00
LifeHuck	ライフハッカー［日本版］	マスク時代の口臭対策に。おすすめ機能性マウスウォッシュ・電動歯ブラシ【プライムデー最終日】	https://www.lifehacker.jp/2021/06/237305amazon-primeday-oralcare.html	電動歯ブラシ	2021-06-22 17:00:00
LifeHuck	ライフハッカー［日本版］	【プライムデー最終日】家族や友人とお家焼肉！高級肉にソーセージ、肉に合う調味料やお酒がお得	https://www.lifehacker.jp/2021/06/237325amazon-primeday-yakiniku.html	amazon	2021-06-22 16:30:00
LifeHuck	ライフハッカー［日本版］	【Amazonプライムデー最終日！】ランニング時やオフィスで便利な骨伝導イヤホンが30%オフ、1台5役のハンドブレンダーが3,000円台などお買い得	https://www.lifehacker.jp/2021/06/amazon-primeday-2021-timesale-0622-3.html	amazon	2021-06-22 16:15:00
北海道	北海道新聞	道内１１人死亡、２９人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/558402/	新型コロナウイルス	2021-06-22 16:11:58
北海道	北海道新聞	ダルビッシュは６回２安打１失点　ドジャース戦	https://www.hokkaido-np.co.jp/article/558427/	安打	2021-06-22 16:08:00
北海道	北海道新聞	後志管内の新規感染ゼロ　新型コロナ	https://www.hokkaido-np.co.jp/article/558424/	新型コロナウイルス	2021-06-22 16:02:00
ニュース	Newsweek	イラン核交渉の妥結が、大統領選挙に間に合わなかったせいで起きること	https://www.newsweekjapan.jp/stories/world/2021/06/post-96557.php	一方、再建合意が検証可能な制裁緩和などイラン経済に現実的な恩恵をもたらした場合、ライシ政権にとっては政治的にも経済的にも大きなプラスになるだろう。	2021-06-22 16:40:00
IT	週刊アスキー	コクヨからフットレスト付き電動昇降デスク発売、3段階の調節+配線トレーのカスタマイズが可能	https://weekly.ascii.jp/elem/000/004/059/4059948/	kokuyoworkstyleshop	2021-06-22 16:40:00
IT	週刊アスキー	5人で挑戦できる！PC『BLESS UNLEASHED PC』でダンジョンを紹介する実機映像を公開	https://weekly.ascii.jp/elem/000/004/059/4059962/	blessunleashedpc	2021-06-22 16:40:00
IT	週刊アスキー	「カップヌードル 旨辛カルビ味焼そば」など、日清から「汁なし」3商品	https://weekly.ascii.jp/elem/000/004/059/4059904/	日清焼そば	2021-06-22 16:30:00
IT	週刊アスキー	｢Fitbit Sense｣ ｢Fitbit Versa 3｣ でSuicaが利用可能に　Fitbit OS 5.2ソフトウェアアップデート提供開始	https://weekly.ascii.jp/elem/000/004/059/4059946/	fitbit	2021-06-22 16:20:00
IT	週刊アスキー	「e 国際親善試合 KIRIN iMUSE CUP」（日本代表 対 マレーシア代表）6月24日に配信	https://weekly.ascii.jp/elem/000/004/059/4059949/	kirinimusecup	2021-06-22 16:10:00
IT	週刊アスキー	AndroidのGoogleアプリでエラー表示のトラブル　端末や環境ごとに症状さまざま	https://weekly.ascii.jp/elem/000/004/059/4059958/	android	2021-06-22 16:10:00
マーケティング	AdverTimes	カンヌライオンズ初日、ファーマ、ヘルス＆ウェルネス、アウトドア、プリント＆パブリッシング、デザイン部門受賞作品発表	https://www.advertimes.com/20210622/article355331/	受賞作品	2021-06-22 08:00:25