投稿時間:2021-05-06 19:48:01 RSSフィード2021-05-06 19:00 分まとめ(76件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	きゃりーぱみゅぱみゅ、3D自由視点/マルチアングルの「有観客ライブ」映像をGYAO!と5G LABで独占配信　約1年2か月ぶりライブ	https://robotstart.info/2021/05/05/great-invitation.html	greatinvit	2021-05-05 05:00:29
IT	ITmedia 総合記事一覧	[ITmedia News] 「ヌメルゴン」など新ポケの進化条件に要注意　ポケモンGOのフェアリーイベント	https://www.itmedia.co.jp/news/articles/2105/05/news028.html	itmedia	2021-05-05 14:33:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	リモートチームの存在感を伝えるツール「Remote Faces」を作ったので使ってみてください	https://qiita.com/daishi/items/7312465fb60ca5bba0f3	アプリの機能としては、いくつかのものを参考にしています。	2021-05-05 14:00:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	「ジョブスケジューリング問題」をPythonで解きたい	https://teratail.com/questions/336675?rss=all	「ジョブスケジューリング問題」をPythonで解きたい前提・実現したいことここに質問の内容を詳しく書いてください。	2021-05-05 14:54:58
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Ruby on Railsにて削除機能が実装できない	https://teratail.com/questions/336674?rss=all		2021-05-05 14:45:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	表内で2つ以上内容が重複する行があったらその行に色を付けたい	https://teratail.com/questions/336673?rss=all	表内でつ以上内容が重複する行があったらその行に色を付けたいfindを使った際のIfの条件付けで行き詰ってます。	2021-05-05 14:41:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	[Docker] cronjobの実行結果が確認できない	https://teratail.com/questions/336672?rss=all	Dockercronjobの実行結果が確認できない以下手順にて、Docker上でcronjobを実行し、出力した内容をcronlogファイルに保存したいのですが、cronlogファイルが作成されません。	2021-05-05 14:40:22
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PHPで標準入力が実行しない	https://teratail.com/questions/336671?rss=all	PHPで標準入力が実行しない前提・実現したいことatcoderをしたくて開発環境を作っていたがPHPがうまく動かない。	2021-05-05 14:38:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Flutter クラウドストレージにアップロードした画像のURLを取得したい。	https://teratail.com/questions/336670?rss=all	Flutterクラウドストレージにアップロードした画像のURLを取得したい。	2021-05-05 14:36:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	関数の理解を深めたい（JavaScript）	https://teratail.com/questions/336669?rss=all	関数の理解を深めたいJavaScript引数に入れた文字列によって、以下のつの文字列が値を返す関数を作りたいです。	2021-05-05 14:31:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GoでAPIを叩いた結果の型指定について	https://teratail.com/questions/336668?rss=all	GoでAPIを叩いた結果の型指定についてGoで書籍APIを叩いて結果を受け取りたいのですが、結果のJSON構造が複雑なため、結果を受け取る変数の型をどう定義すればよいのか分からず困っています。	2021-05-05 14:29:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Rails】form_withを使用した複数条件での検索機能	https://teratail.com/questions/336667?rss=all	formwith	2021-05-05 14:20:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	配列の要素を、クリックする事で表示させたい。	https://teratail.com/questions/336666?rss=all	そこで、API「cityampappidkeyamplangjaampunitsmetric」のcityの部分を配列で格納し、その都市が書かれたボタンが押された際にその都市の天気を表示させたいのですが、配列の要素とボタンとの結合方法がわからずに苦戦しています。	2021-05-05 14:20:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	RSSでサムネイルを取得、ない場合1番目の画像を取得、そもそもサムネイル画像がない場合の代替え画像の表示	https://teratail.com/questions/336665?rss=all	RSSでサムネイルを取得、ない場合番目の画像を取得、そもそもサムネイル画像がない場合の代替え画像の表示RSSを取得して画像、タイトル、抜粋で出力しています。	2021-05-05 14:17:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	hover時に要素が揺れるアニメーションをcssで実装したい	https://teratail.com/questions/336664?rss=all	hover時に要素が揺れるアニメーションをcssで実装したい前提・実現したいことdiv要素をhoverしたときに、揺れるアニメーションをつけたいです。	2021-05-05 14:15:51
ROBOT	ロボスタ	触らずに操作できる空中ディスプレイやATMの実証実験が体験できる　「ひろぎん」本社ビルでASKA3Dプレートを公開	https://robotstart.info/2021/05/06/aerial-display-hirogin-hd.html	実証実験	2021-05-06 09:04:45
python	Pythonタグが付けられた新着投稿 - Qiita	PythonライブラリStreamlitを用いて顔検出アプリの作成2	https://qiita.com/ryo19841204/items/5d567f027c31caa52987	PythonライブラリStreamlitを用いて顔検出アプリの作成概要こちらの記事で作成したアプリのAzureのFaceAPIの使い方が現在は変わっているようなので、現在の使い方に合わせて変更しました。	2021-05-06 18:44:00
python	Pythonタグが付けられた新着投稿 - Qiita	LeetCode 1000000本ノック【104. Maximum Depth of Binary Tree】	https://qiita.com/nazekaugoku/items/b48a8fa0878160e2feb0	exInputrootnullnullOutputexInputrootnullOutput※要は「一番深いとこまでのノード数」なのでBTの概念さえ持っていれば要件自体はシンプル。	2021-05-06 18:24:06
python	Pythonタグが付けられた新着投稿 - Qiita	PythonライブラリStreamlitを用いて顔検出アプリの作成	https://qiita.com/ryo19841204/items/74d663b08e56345e3b60	動画では顔の部分に枠線を描画するところまででしたが、追加で性別と年齢を描画するようにしています。	2021-05-06 18:06:52
js	JavaScriptタグが付けられた新着投稿 - Qiita	React Slickの基本的な使い方	https://qiita.com/odennkunn/items/0a871d53450e6600d2d7	また業務ではapiなどを使用しデータを取得後に、表示させるようなことが多いと思ったので、ダミーデータは連想配列の形にしてみました。	2021-05-06 18:56:43
js	JavaScriptタグが付けられた新着投稿 - Qiita	与えた数字が３の倍数または３を含めるときにテンションがおかしくなる関数を作成する	https://qiita.com/ka25012/items/a70f1a8edbf7dc3d40b3		2021-05-06 18:49:53
js	JavaScriptタグが付けられた新着投稿 - Qiita	1+2+3+…と足される数を1ずつ加算し、和が1000を超えるまでの加算値と、合計値を表示せよ。	https://qiita.com/panda-chibi/items/bf90fd01eaaaf4d1f723	…と足される数をずつ加算し、和がを超えるまでの加算値と、合計値を表示せよ。	2021-05-06 18:48:04
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】1から100までの間で、3の倍数（3〜99）の数だけを足した合計値を表示せよ	https://qiita.com/panda-chibi/items/3e7d5b83696557c51df1		2021-05-06 18:14:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	グーグルコラボで、ファイルが消えないようにする方法が知りたいです。	https://teratail.com/questions/336887?rss=all	画面	2021-05-06 18:59:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	svgの色を反転させたい	https://teratail.com/questions/336886?rss=all	svgの色を反転させたい前提・実現したいこと以下のサイトでweb開発の勉強をしています。	2021-05-06 18:58:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Windowsの環境変数PATH、末尾のバックスラッシュは消しても大丈夫？	https://teratail.com/questions/336885?rss=all	Windowsの環境変数PATH、末尾のバックスラッシュは消しても大丈夫OSWindowsシステムのプロパティ環境変数システムの環境変数Pathの値が、下記のようになっていたとします。	2021-05-06 18:51:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	C言語でファイルを読込入力して、最大値を求める方法が分かりません。	https://teratail.com/questions/336884?rss=all	C言語でファイルを読込入力して、最大値を求める方法が分かりません。	2021-05-06 18:48:53
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	LaravelでMySQLのtimestamp型を読み込む際に"UTC"を日本時間で読み込みたい	https://teratail.com/questions/336883?rss=all	LaravelでMySQLのtimestamp型を読み込む際にquotUTCquotを日本時間で読み込みたいお世話になっております。	2021-05-06 18:42:54
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	chartkickでグラフが表示されない	https://teratail.com/questions/336882?rss=all		2021-05-06 18:40:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Unityちゃんでジャンプをするとフリーズしてしまう	https://teratail.com/questions/336881?rss=all	Unityプロジェクト側の設定のせいかとも思ったのですが、新規プロジェクトでも発生するので原因がわからずな状態です。	2021-05-06 18:38:43
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Djangoアプリでserver error (500)	https://teratail.com/questions/336880?rss=all	DjangoアプリでservererrorDjangoでtodoアプリを作り、herokuにdeploymigration済みですが、ブラウザでservernbsperrornbspが出ます。	2021-05-06 18:29:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【JavaScript】複製したセレクトボックスの値が変わらない	https://teratail.com/questions/336879?rss=all	【JavaScript】複製したセレクトボックスの値が変わらない前提・実現したいこと以下サンプルコードです。	2021-05-06 18:27:21
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	コマンドのみでwgetのダウンロード先ファイルの特定方法	https://teratail.com/questions/336878?rss=all	コマンドのみでwgetのダウンロード先ファイルの特定方法前提・実現したいことコマンドのみでダウンロードwget等を行いたい。	2021-05-06 18:22:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ActionView::Template::Error: undefined method `authenticated?が出る	https://teratail.com/questions/336877?rss=all	authenticatedメソッドはuserrb中で定義しているのですがソースコードを下述します発生している問題・エラーメッセージActionViewTemplateErrorundefinedmethodauthenticatedのエラーが発生する。	2021-05-06 18:19:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Python リストに同じ文字がある際に消去をする	https://teratail.com/questions/336876?rss=all		2021-05-06 18:18:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	<title>初心者向けホームページテンプレート tp_beginner5</title>文字として表示させたい	https://teratail.com/questions/336875?rss=all	lttitlegt初心者向けホームページテンプレートtpbeginnerlttitlegt文字として表示させたい前提・実現したいことサンプルサイトを模写しており、ltspangtlttitlegt初心者向けホームページテンプレートnbsptpbeginnerlttitlegtltspangtspanタグは背景色用ですtitleタグまで文字として表示させたいのですが、↑のままでやるとそもそも表示されず、そのかわりdisplayinlineblock等にすると表示はされるんですがlttitlegtlttitlegt部分が表示されず初心者向けホームページテンプレートnbsptpbeginnerとしか表示されません。	2021-05-06 18:18:22
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	0から100までの整数の中で2数の和が3の倍数になるものの組み合わせを全て出力するプログラムを作成したいです。初心者で間違えだらけです。教えてくれたら、助かります。	https://teratail.com/questions/336874?rss=all	からまでの整数の中で数の和がの倍数になるものの組み合わせを全て出力するプログラムを作成したいです。	2021-05-06 18:12:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	MSVCにおいて、標準入力からUTF-8の文字列を入力したい	https://teratail.com/questions/336873?rss=all	MSVCにおいて、標準入力からUTFの文字列を入力したい実現したいことMSVCコンソールプログラムで、標準入力からUTFエンコードされた文字列を入力したいです。	2021-05-06 18:08:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Wordpressで「ホーム」ボタンの非表示設定をしても、PC版で非表示にならない	https://teratail.com/questions/336872?rss=all	Wordpressで「ホーム」ボタンの非表示設定をしても、PC版で非表示にならないプログラミング経験なしの初心者です。	2021-05-06 18:07:15
AWS	AWSタグが付けられた新着投稿 - Qiita	【1時間で実装】 Amazon SageMaker Studio の PySpark 実行環境	https://qiita.com/knt078/items/8a52f962b017cae8b2df	なので、権限設定やネットワークについてはデフォルトの設定で行いますスタックの作成以下のテンプレートリンクをクリックしてAWSのコンソールにサインインし、スタックの作成画面を開くサインインしたら自動で遷移します。	2021-05-06 18:35:48
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker X Laravel ハンズオンイベントを主催して分かったことまとめ	https://qiita.com/ucan-lab/items/c8e2ed946f0cf928060e	SequelAceでMySQLに接続するSequelProの後継最小限の環境でLaravelを動かしてみたいdockercomposeymlファイルでLaravel環境を作ることもできます。	2021-05-06 18:11:58
Azure	Azureタグが付けられた新着投稿 - Qiita	PythonライブラリStreamlitを用いて顔検出アプリの作成2	https://qiita.com/ryo19841204/items/5d567f027c31caa52987	PythonライブラリStreamlitを用いて顔検出アプリの作成概要こちらの記事で作成したアプリのAzureのFaceAPIの使い方が現在は変わっているようなので、現在の使い方に合わせて変更しました。	2021-05-06 18:44:00
Azure	Azureタグが付けられた新着投稿 - Qiita	PythonライブラリStreamlitを用いて顔検出アプリの作成	https://qiita.com/ryo19841204/items/74d663b08e56345e3b60	動画では顔の部分に枠線を描画するところまででしたが、追加で性別と年齢を描画するようにしています。	2021-05-06 18:06:52
技術ブログ	Developers.IO	データアナリティクス事業本部インテグレーション部にジョインしました鈴木です	https://dev.classmethod.jp/articles/suzuki-nayuta-joined-classmethod/	awsglue	2021-05-06 09:42:08
技術ブログ	Developers.IO	AWS事業本部コンサルティング部にJOINしました 杉金 です！	https://dev.classmethod.jp/articles/202105-sugikane-joined-classmethod/	金融機関	2021-05-06 09:32:04
技術ブログ	Developers.IO	クラスメソッドにジョインしました伊藤です！	https://dev.classmethod.jp/articles/202105-ito-joined-classmethod/	nuxtjs	2021-05-06 09:25:55
海外TECH	DEV Community	Basic Concepts to Understand API, Web Services & Microservices	https://dev.to/priyanshi_sharma/basic-concepts-to-understand-api-web-services-microservices-3g02	Basic Concepts to Understand API Web Services amp MicroservicesDevelopers have been using three major building blocks for the development of web apps namely APIs Web Services and Microservices Some people are still unaware of the basic concept usability and working of three different concepts So today s article is entirely dedicated to the individuals who have heard about these terms but are confused about the purpose each has Typically a web application operates with three major components that are services gateway and controller Here a gateway is a single entry point to the application It is responsible for authentication load balancing monitoring caching static response handling and so on whenever a client side wants to interact with the web application While a controller is like a manager that manages incoming requests decides which worker should do the work divides the work into smaller tasks passes that work off orchestrates the work and sends it back to the client The worker mentioned in the controller section is nonetheless the service that receives the request from the manager figures out the algorithms or logic that will be used to complete the request only responsible for the work allotted and returns the completed work to the manager Fundamental Notions to Know Before Understanding API Web Services amp MicroservicesBefore we move ahead to understand these three terms it will be helpful to acknowledge the components web applications have and how they work Now let s assume you are developing a web application for shopping and for that you will need to add a product description page that will not only display the information related to the given product but also display a lot of other information including order history customer reviews amp ratings low inventory warning number of items in the cart shipping options other products recommendations and alternatives to the current product While in the monolithic web app a client would retrieve this data through a REST call to the application that will trigger a load balancer to route the request to the identical instances of the application that would query numerous databases and then return the response On the other hand in the application using microservices architecture the data displayed on the product page is owned by different microservices Some of the microservices that own data of the project page are Shopping Cart Service Order Service Catalog Service Inventory Service Shipping Service Review Service and Recommendation Service s Now with a clear understanding of how an application works it s time to get into the details of APIs web services and Microservices so that you can clearly know the meaning of these terms that will come ahead and relate to it API VS Web Services VS Microservices What are APIs An API Application Programming Interface is a communication channel between services and applications It can be used to call single or multiple services depending upon the architecture of the application It is a secure way to request and share information services and functionalities within both internal and external users Simply put an API is a messenger that takes a request and tells the system what the user wants to do and then returns the response It is a method of communication between a requester and a host that is mostly accessible through an IP address It can communicate multiple information to the user like data that needs to be shared and the function that needs to be provided An API enables the application to communicate with other services or applications without having the knowledge of their implementation It simplifies the app development process while saving both time and money APIs are a simplified manner to connect an application infrastructure via cloud native development and also allows sharing of data with customers or other external users In short it opens up access to the resources while maintaining control and security API security is all about API management that includes the use of an API Gateway They are of three types private public and partner Where private is only used internally in the organization public API enables third parties to build an app that interacts with the API of your application and the partner API is shared with certain business partners to gain additional revenue streams without risking quality What are Web Services Web services are client amp server applications that interact over the World Wide Web s HyperText Transfer Protocol HTTP As outlined by the World Wide Web Consortium WC web services give a standard means of interoperating between software applications operating on a variety of platforms and frameworks Web services are portrayed by their great extensibility and interoperability as well as their machine processable descriptions thanks to the use of XML Web services can be combined in a loosely coupled method to perform complex operations A web service architecture consists of three distinct roles that is provider requester or broker Here a provider informs the broker service registry about the presence of the web service through the broker s public interface that makes service accessible to clients and the requestor binds and invokes the services It is a lightweight service oriented architecture that supports interoperability Simply put web services are XML centered data exchange systems that utilize the internet for application to application communication and interfacing A client can call a web service by sending a request via XML and the service then provides an XML response as well A web service comprises of these functions Availability over intranet and internet networks Independence of programming languages and operating systems Self describing via XML Identifiable via a simple location method Supports communication between apps with HTML SOAP WSDL and XML Here XML tags data SOAP transfers the message and WSDL describes the accessibility of service What are Microservices Microservices is an architectural style that structures an application as a collection of services that are loosely coupled highly maintainable amp testable independently deployable organized around business capabilities and are owned by a small team of developers It supports the frequent agile and reliable delivery of complex large applications Where in the SOA architecture if we had to create a search function it has to be deployed on a single server where other functions are also residing The failure of the search service due to any reason can take down the entire application Whereas in microservices all the functions are split into the granular level and each service is deployed on a different server making the service independent of each other That is the failure of one or more functions will not affect other parts of the web application Microservice also offers improved fault tolerance due to its small service constitution When a change is needed in a certain part of the application only the related service is modified and deployed without disturbing the functionality of an entire application It gives the developers the independence to develop and deploy services independently while using an ideal programming language for service and another language or framework for a different function It is easier to scale and integrate with third party services With a clear understanding of APIs Web Services and Microservices it can be said that there is nothing to compare among the three While APIs and Webs Services are the communication interface for different architecture styles microservices is a distinctive method to develop software systems that have well defined interfaces and operability And if you are a business owner who wants to develop an application that is based on either of these services and architecture then you can hire developers who have relevant experience and expertise in the same field Source Decipher	2021-05-06 09:35:27
海外TECH	DEV Community	React JSON Schema Form	https://dev.to/vudodov/react-json-schema-form-39da	React JSON Schema FormToday I d like to share with you one of the items from my tools belt which I m successfully using for years now It is simply a react component It is a form But not just a form it is a form that allows anyone independently of their React or HTML knowledge to build a sophisticated feature rich form based on any arbitrary expected data in a consistent manner Behold the React JSON Schema Form or simply RJSF Originally started and built as an Open Source project by the Mozilla team Evolved into a separate independent project Out of the box RJSF provides us with rich customization of different form levels extensibility and data validation We will talk about each aspect separately Configuration JSON SchemaThe end goal of any web form is to capture expected user input The RJSF will capture the data as a JSON object Before capturing expected data we need to define how the data will look like The rest RJSF will do for us To define and annotate the data we will use another JSON object Bear with me here We will be defining the shape or the schema of the JSON object the data with another JSON object The JSON object that defines the schema for another JSON object is called drumroll JSON Schema and follows the convention described in the JSON Schema standard To make things clear we have two JSON objects so far One representing the data we are interested in another representing the schema of the data we are interested in The last one will help RJSF to decide which input to set for each data attribute A while ago in one of my previous articles I ve touched base on the JSON Schema I m not going to repeat myself I ll just distill to what I think is the most valuable aspect of it JSON Schema allows us to capture changing data and keep it meaningful Think of arbitrary address data in the international application Address differs from country to country but the ultimate value doesn t It represents a point in the world that is described with different notations Hence even though the address format in the USA Spain Australia or China is absolutely different the ultimate value from an application perspective is the same a point on the Globe It well might be employee home address parcel destination or anything else and notation does not change this fact So if we want to capture let s say the first and last name and telephone number of a person The expected data JSON object will look like firstName Chuck lastName Norris telephone And the JSON Schema object to define the shape of the data object above will look like title A person information description A simple person data type object properties firstName type string title First name lastName type string title Last name telephone type string title Telephone minLength Something to keep in mind JSON Schema is following a permissive model Meaning out of the box everything is allowed The more details you specify the more restrictions you put in place So it is worth sometimes religiously define the expected data This is the bare minimum we need to start Let s look at how the JSON Schema from the above will look like as a form Just before let s also look at the code import Form from rjsf core lt Form schema schema gt lt div gt lt Form gt Yup that s it now let s check out the form itself UI SchemaOut of the box the RJSF makes a judgment on how to render one field or another Using JSON Schema you primarily control what to render but using UI Schema you can control how to render UI Schema is yet another JSON that follows the tree structure of the JSON data hence form It has quite some stuff out of the box You can be as granular as picking a color for a particular input or as generic as defining a template for all fields for a string type Let s try to do something with our demo form and say disable the first name and add help text for the phone number firstName ui disabled true telephone ui help The phone number that can be used to contact you Let s tweak our component a bitimport Form from rjsf core lt Form schema schema uiSchema uiSchema gt lt div gt lt Form gt And here is the final lookNice and easy There s a lot of built in configurations that are ready to be used but if nothing suits your needs you can build your own CustomizationThe API allows to specify your own custom widget and field components A widget represents a HTML tag for the user to enter data eg input select etc A field usually wraps one or more widgets and most often handles internal field state think of a field as a form row including the labels RJSF DocumentationAnother way to think of it is field includes label and other stuff around while widget only the interaction component or simply input For the sake of example let s create a simple text widget that will make the input red and put a dash sign after every character To keep things light and simple let s imagine that the whole form will be a single red field The JSON Schema will look as followsconst schema title Mad Field type string Forgot to say that widgets are just components that will be mounted in and will receive a standard set of props No limits just your imagination const MadTextWidget props gt return lt input type text style backgroundColor red className custom value props value required props required onChange event gt props onChange event target value gt The next step is to register the widget so that we can use it in the UI Schemaconst widgets madTextWidget MadTextWidget Finally we can define the UI Schemaconst uiSchema ui widget madTextWidget And the full code with the RJSFconst schema title Mad Field type string const MadTextWidget props gt return lt input type text style backgroundColor red className custom value props value required props required onChange event gt props onChange event target value gt const widgets madTextWidget MadTextWidget const uiSchema ui widget madTextWidget ReactDOM render lt Form schema schema uiSchema uiSchema widgets widgets gt document getElementById app It will look like thisHere try it yourself The field will be pretty similar but will have a wider impact area so to speak As been said the field will include labels and everything around the input itself Custom templates allows you to re define the layout for certain data types simple field array or object on the form level Finally you can build your own Theme which will contain all your custom widgets fields template other properties available for a Form component ValidationAs was mentioned before the JSON Schema defines the shape of the JSON data that we hope to capture with the form JSON Schema allows us to define the shape fairly precisely We can tune the definition beyond the expected type e g we can define a length of the string or an email regexp or a top boundary for a numeric value and so forth Check out this exampleconst Form JSONSchemaForm default const schema type string minLength const formData Hi ReactDOM render lt Form schema schema formData formData liveValidate gt document getElementById app Will end up looking like thisOf course we can re define messages configure when where and how to show the error messages Out of the box our data will be validated against the JSON Schema using the Ajv A JSON Schema validator library However if we want to we can implement our own custom validation process DependenciesDependencies allow us to add some action to the form We can dynamically change form depending on the user input Basically we can request extra information depending on what the user enters Before we will get into dependencies we need to get ourselves familiar with dynamic schema permutation Don t worry it is easier than it sounds We just need to know what four key words meanallOf Must be valid against all of the subschemasanyOf Must be valid against any of the subschemasoneOf Must be valid against exactly one of the subschemasnot Must not be valid against the given schema Although dependencies have been removed in the latest JSON Schema standard versions RJSF still supports it Hence you can use it there are no plans for it to be removed so far Property dependenciesWe may define that if one piece of the data has been filled the other piece becomes mandatory There are two ways to define this sort of relationship unidirectional and bidirectional Unidirectional as you might guess from the name will work in one direction Bidirectional will work in both so no matter which piece of data you fill in the other will be required as well Let s try to use bidirectional dependency to define address in the shape of coordinates The dependency will state that if one of the coordinates has been filled the other one has to be filled in either But if none is filled none is required type object title Longitude and Latitude Values description A geographical coordinate properties latitude type number minimum maximum longitude type number minimum maximum dependencies latitude longitude longitude latitude additionalProperties false See lines to That s all there is to it really Once we will pass this schema to the form we will see the following watch for an asterisk near the label it indicates whether the field is mandatory or not Schema dependenciesThis one is more entertaining we can actually control visibility through the dependencies Let s follow up on the previous example and for the sake of the example show longitude only if latitude is filled in type object title Longitude and Latitude Values description A geographical coordinate properties latitude type number minimum maximum dependencies latitude properties longitude type number minimum maximum additionalProperties false No code changes are required just a small dependency configuration tweak lines to Dynamic schema dependenciesSo far so good pretty straightforward We input the data we change the expected data requirements But we can go one step further and have multiple requirements Not only based on whether the data is presented or not but on the value of presented data Once again no code only JSON Schema modification title How many inputs do you need type object properties How many inputs do you need type string enum None One Two default None required How many inputs do you need dependencies How many inputs do you need oneOf properties How many inputs do you need enum None properties How many inputs do you need enum One First input type number properties How many inputs do you need enum Two First input type number Second input type number Bottom lineEven though we went through some major concepts and features we are far away from covering everything that RJSF empowers us to do I d encourage you to check out official documentation for more insights and examples GitHub repository for undocumented goodies and live playground to get your hands dirty Finally worth mentioning that the Open Source community keeps things going so look outside these resources there are quite a few good things over there RJSF is a ridiculously powerful thing if you need to customize and capture meaningful data Enjoy	2021-05-06 09:31:33
海外TECH	DEV Community	Have someone ever made a profit from your idea?	https://dev.to/madza/have-someone-ever-made-a-profit-from-your-idea-12a	Have someone ever made a profit from your idea Have you ever experienced someone taking your project idea a part of your code that was not licensed for profit your original blog article or other intellectual property and made a profit out of it Would love to hear your stories	2021-05-06 09:29:50
海外TECH	DEV Community	Building a Discord bot with Azure Logic Apps	https://dev.to/rickvdbosch/building-a-discord-bot-with-azure-logic-apps-51lp	Building a Discord bot with Azure Logic Apps The Betatalks DiscordA few months ago we ve started a Betatalks Discord server to build a community and enable our friends todiscuss all the Betatalks content we put out there Think about theBetatalks videos on YouTube Betatalks live events and themost recent addition Betatalks the podcast To notify the corresponding Discord channels about new Betatalks videos or Betatalks the podcast episodes I created Azure Logic Apps tocheck for new additions and post them to the webhook Here s how I built that Creating a Discord webhookAs Discord describes it Webhooks are a simple way to post messages from other apps and websites into Discord using internet magic When you create a Discord webhook you give it a name select the channel the webhook posts to and you optionally upload an avatarfor the webhook Once you ve done all that save your changes copy the webhook URL and you should be good to go Calling Discord webhooksThe most basic form of calling a Discord webhook only needs either a message in the content property file contents in the fileproperty or an array of up to embed objects in the embeds property This means a most basic valid payload for a Discord webhooklooks like this content Hello world More information on the Discord webhook payload can be found in theDiscord developer portal Since calling the webhook is as easy as posting an HTTP request to an URL you can easily test the content you re building using tools likePostman hoppscoth io or Visual Studio Code using theREST Client extension Building the Logic AppThe podcast bot uses the RSS feed to determine if there are new episodes and calls the webhook The YouTube one uses aconnector to YouTube We ll use the latter as the example in this post Triggering the workflowThe selected trigger for the Logic App is YouTube s When a video is uploaded by a channel This enables you to select any of the channelsyou ve subscribed to on YouTube You can configure how often the Logic App needs to check for new items and then the triggering part of theLogic App is done On one conditionThe workflow should run on one condition Or two actually but they can be seen as one We only want to post content to the webhook ifthe title of the video contains the term Betatalks but does not contain podcast To do this we add a Condition action to our workflow We toLower the video s title and check the conditions we just specified Calling the webhookNow that we ve defined our trigger and checked our conditions we can configure calling the webhook To do so we add an HTTP action Weconfigure it to do a POST to the webhook endpoint with a body we configure based on dynamic content from the trigger As we saw in theexample earlier we can create a json payload with a content property to hold the message we want to send And that s it To see the resulting messages yourself check our Betatalks Discord Hope this helps	2021-05-06 09:26:16
海外TECH	DEV Community	Bootstrap 5 is out	https://dev.to/mdbootstrap/bootstrap-5-is-out-4j6m	Bootstrap is outBootstrap is finally out this time for real STABLE means that a technology is ready to use in production environments Unlike an alpha or beta version Bootstrap is now stable The fifth version is superior to the previous ones jQuery is removedplain Vanilla JavaScript is now the baseRTL right to left support is addedWe discuss these crucial changes as well as many others in our extensive H crash course on the latest Bootstrap We invite you to watch amp share our tutorial with your community Frontend industry has to make a switch to v the sooner the better	2021-05-06 09:21:23
Apple	AppleInsider - Frontpage News	Apple's Find My has a hidden AirTag detail mode	https://appleinsider.com/articles/21/05/06/apples-find-my-has-a-hidden-airtag-detail-mode?utm_medium=rss	Apple x s Find My has a hidden AirTag detail modeWhen looking for an AirTag users can call up hidden developer information listing technical details about how tracking is working Find My has a hidden AirTag developer modeIt s a curiosity rather than anything immediately useful to most users but it s possible to get the Find My app to display much more information as it tracks an AirTag Tapping on the item s name five or so times at any point during tracking or even after it s been found will turn on a kind of developer mode Read more	2021-05-06 09:33:49
ラズパイ	Raspberry Pi	Custom PC for free! Reviews, guides, retro tech…	https://www.raspberrypi.org/blog/custom-pc-for-free-reviews-guides-retro-tech/	Custom PC for free Reviews guides retro tech…Fancy some extra PC hardware overclocking gaming and modding content in your life this summer You can get your hands on a FREE PDF download of each new Custom PC magazine issue released during May through to September You ll find stuff like in depth hardware reviews and step by step photo guides as well as hard hitting tech opinion The post Custom PC for free Reviews guides retro tech appeared first on Raspberry Pi	2021-05-06 09:42:43
医療系	医療介護 CBnews	介護施設のコロナ患者への往診を診療報酬で評価-「病床の逼迫時に」厚労省	https://www.cbnews.jp/news/entry/20210506174213	介護施設	2021-05-06 18:15:00
金融	ニッセイ基礎研究所	インドネシア経済：21年1-3月期の成長率は前年同期比▲0.74％～内需が依然弱く、４期連続のマイナス成長に	https://www.nli-research.co.jp/topics_detail1/id=67713?site=nli	インドネシア経済年月期の成長率は前年同期比内需が依然弱く、期連続のマイナス成長にインドネシアの年月期の実質GDP成長率は前年同期比原系列減前期同減とマイナス幅が縮小したものの、市場予想同を下回る結果となった。	2021-05-06 18:16:07
海外ニュース	Japan Times latest articles	Japan and South Korea foreign ministers meet but remain apart on key issues	https://www.japantimes.co.jp/news/2021/05/06/national/japan-south-korea-ministers-meet/	historical	2021-05-06 19:25:51
海外ニュース	Japan Times latest articles	Japan, U.S. and South Korea push for total denuclearization of North Korea	https://www.japantimes.co.jp/news/2021/05/06/national/north-korea-denuclearization/	london	2021-05-06 19:15:22
ニュース	BBC News - Home	UK Royal Navy ships patrolling Jersey amid fishing row with France	https://www.bbc.co.uk/news/uk-57003069	brexit	2021-05-06 09:50:48
ニュース	BBC News - Home	Covid: US backs waiver on vaccine patents to boost supply	https://www.bbc.co.uk/news/world-us-canada-57004302	disagrees	2021-05-06 09:52:15
ニュース	BBC News - Home	India Covid aid: Is emergency relief reaching those in need?	https://www.bbc.co.uk/news/world-asia-india-56999104	india	2021-05-06 09:30:05
ニュース	BBC News - Home	UK service sector growth hits seven-year high	https://www.bbc.co.uk/news/business-57008199	lockdown	2021-05-06 09:02:46
ニュース	BBC News - Home	Troubles: Anger at proposed 'ban' on prosecutions	https://www.bbc.co.uk/news/uk-northern-ireland-57006280	prosecutions	2021-05-06 09:51:42
ニュース	BBC News - Home	Menu from 1913 found during Liverpool cafe refurb	https://www.bbc.co.uk/news/uk-england-merseyside-57006178	refurbit	2021-05-06 09:25:27
ビジネス	ダイヤモンド・オンライン - 新着記事	アグレ都市デザイン、2期連続の「増配」を発表し、 配当利回り4.2％に！ 年間配当は2年で2.4倍に急増、 2022年3月期は前期比2円増の｢1株あたり44円｣に！ - 配当【増配・減配】最新ニュース！	https://diamond.jp/articles/-/270365	アグレ都市デザイン、期連続の「増配」を発表し、配当利回りに年間配当は年で倍に急増、年月期は前期比円増の「株あたり円」に配当【増配・減配】最新ニュースアグレ都市デザインが期連続の「増配」を発表し、配当利回りがにアグレ都市デザインは年月期の配当予想を「株あたり円」と発表し、前期比「円」の増配で「期連続増配」の見通しとなった。	2021-05-06 18:31:00
北海道	北海道新聞	７日の予告先発	https://www.hokkaido-np.co.jp/article/540876/	予告先発	2021-05-06 18:14:00
北海道	北海道新聞	仲邑菫が最年少Ｃリーグ入り　囲碁・棋聖戦、１２歳２カ月	https://www.hokkaido-np.co.jp/article/540874/	日本棋院	2021-05-06 18:14:00
北海道	北海道新聞	北ガスの石狩ＬＮＧ基地、受け入れ累計１００隻に	https://www.hokkaido-np.co.jp/article/540869/	北海道ガス	2021-05-06 18:12:00
北海道	北海道新聞	飛び込み、独のウォルフラム優勝　Ｗ杯最終日	https://www.hokkaido-np.co.jp/article/540868/	最終予選	2021-05-06 18:09:00
北海道	北海道新聞	民主派の黄之鋒氏に禁錮１０月　香港、集会の自由失われる	https://www.hokkaido-np.co.jp/article/540866/	民主化運動	2021-05-06 18:02:00
ビジネス	東洋経済オンライン	健康被害ないけど気になる｢スマホのカビ｣生態 画面ではなくカバーと本体の隙間に発生する | リーダーシップ・教養・資格・スキル | 東洋経済オンライン	https://toyokeizai.net/articles/-/425119?utm_source=rss&utm_medium=http&utm_campaign=link_back	健康被害	2021-05-06 18:30:00
ニュース	Newsweek	コロナ落第生の日本、デジタル行政改革は「中国化」へ向かう	https://www.newsweekjapan.jp/stories/world/2021/05/post-96228.php		2021-05-06 18:45:21
ニュース	Newsweek	コロナに勝った「中国デジタル監視技術」の意外に地味な正体	https://www.newsweekjapan.jp/stories/world/2021/05/post-96227.php		2021-05-06 18:40:00
ニュース	Newsweek	不平等、性暴力、金銭問題...韓国映画界の「膿を出し」栄光を支える組織の存在	https://www.newsweekjapan.jp/stories/culture/2021/05/post-96222.php	映画界、出版界、文学界、美術界などにおける性暴力被害が次々と告発され、韓国でのMeToo運動の始まりになった。	2021-05-06 18:04:00
IT	週刊アスキー	『バイオハザード　ヴィレッジ』発売直前！最新映像としてローンチトレーラーを公開！	https://weekly.ascii.jp/elem/000/004/053/4053863/	直前	2021-05-06 18:40:00
IT	週刊アスキー	ライソン、IPX4相当の防水&3種類のライトモード搭載のワイヤレススピーカー発売	https://weekly.ascii.jp/elem/000/004/053/4053858/	防水	2021-05-06 18:30:00
IT	週刊アスキー	FINAL TESTまであと7日！『BLESS UNLEASHED PC』で「FINAL TEST カウントダウンRTキャンペーン」を開始!!	https://weekly.ascii.jp/elem/000/004/053/4053859/	blessunleashedpc	2021-05-06 18:15:00