2つの期間が重なり合うかどうかを判定する。 - こせきの技術日記
2つの期間 A〜B と X〜Y が重なっているかどうかを判定したい場合。 のように4つのパターンがある。これを単純に、 A <= X && Y <= B || X <= A && Y <= B || A <= X && B <= Y || X <= A && B <= Yのように判定してはいけない。 Xは青い線の上を、Yは赤い線の上を動くとき、A〜B と X〜Y は重なり合う。この条件は、 X <= B && A <= Yこれで4つのパターンをカバーできる。ORは不要。始点と終点をわかりやすく書くと以下になる。 始点2 <= 終点1 && 始点1 <= 終点2アルゴリズムに名前がありそうな気がするけど、見つけられなかった。 (追記) 矩形の重なり判定の方が情報が見つかった。 * Life is beautiful: ビル・ゲイツの面接試験－私の場合 * 長方形の重なりを判定する問題 - ザ
Angular2でフォームのバリデーションチェック、動的にCSS追加 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
Angular2でフォームのバリデーションチェック、動的にCSSの追加を行い、エラー時に色を変えたり、メッセージを表示する方法をまとめました。 ※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認） ※目次をクリックすると目次の下部にコンテンツが表示されます。 １．FormsModuleのインポート ２．NgModelディレクティブを使ったシンプルなフォーム作成例（バリデーションチェックなし） ３．バリデーションチェック、動的にCSS追加 ４．フォームの作成方法 ５．デモ Angular2のフォームの機能を使用する場合、別途フォームのモジュールをインポートする必要があります。 一般的なAngular2のフォーム機能を使用する場合、FormsModuleをインポートします。 ※ダイナミックフォームを使用する場合は、Rea
Angular2でバリデーションメッセージを内包したカスタムコントロールコンポーネントを作成する - Qiita
やりたいこと カスタムコントロールをコンポーネント化したい コンポーネントに対して model-based form を使いたい バリデーション後のエラーメッセージ等をコンポーネント内に内包したい カスタムコントロールを作るには NgModelやFormControlNameに対応するにはControlValueAccessorを実装すればいいっぽい。 以下の記事を参照した。 Custom Form Controls in Angular 2 by thoughtram コンポーネント内からバリデーションエラーを検知する 普通に作ろうとすると、内部からFormControlのerrorsオブジェクトにアクセスできず、何がバリデーションエラーになっているのかわからないため、メッセージの出しようがない。 結論としては、InjectorからNgControlを取り出せば可能のようだ。 最終的なコ
reselectでReact Reduxにvalidationの仕組みを実装する 1/2 - Qiita
※ 2019/06/12追記: React Hooksのなかった時代の投稿です。2019/06/12 現在のスタンダードが他にないかよく調べてから読んでください。 本記事はSupership株式会社 Advent Calendar 2016の7日目の記事になります。 株式会社Socketの @notsunohito です。 株式会社SocketはSupership株式会社と同じSyn.グループのメンバーであり Web接客と呼ばれるサービスのひとつであるFlipdeskを展開しています。 今回はFlipdeskの管理画面の一部をReact Reduxで書き直したときに validationを実装するのに利用したライブラリreselect について本日7日目と8日目を2回にわけて書きます。 TL;DR reselectでvalidationを作ってみたら割りと良かった。 本記事で扱うサンプル全
Reduxでのクライアントサイドvalidationをどこでやるべきか？ - Qiita
入力フォームを利用するとやっぱり大事になってくるValidationについてあれこれ悩んだ。 結論が完全に自分の中でも出てないが、とりあえず考え尽くした所まで 前提など validationとひとくちに言っても色々考える事がある 出力するエラーは一つ？複数？ エラーが出たフォームを赤くしたいとかある？ 複数の値を見てvalidationしたいとかある？ validateするタイミングは随時？ボタン押されたら？ 今回の話 Redux + Reactを使う 簡易なTodoリストを想定する Actionの形式はFlux Standad Actionを使う 一旦細かいことは脇に置きつつ、下記のvalidationを想定して実装してみる エラーメッセージは一つ Todoのinputが空だったらエラーとする Todoの追加ボタンが押されたタイミングでvalidateする redux-form、redu
React.js と Validation - fukajun - 僕はvimで行きます -
概要 react.js + redux でクライアントサイドバリデーション + サーバーサイドバリデーションの結果表示について模索してる 最初は、form系のライブラリで良さそうないのか調べてた ライブラリみてしっくり来なかったのでそもそもfluxアーキテクチャのどこでやるのがやりやすいのか？考えてみた 背景 React.jsでフォームに入力された値のチェックを行うような Validation処理ってどうやって作るのがいいんだろう？というところ から調べ始めた.... 最初は、いきなりredux + React.jsでバリデーション処理を作るれるように いろいろ調べてたんだけどReact.js単体でもどうしていいのかわからなかった のでひとまずreact.jsとライブラリを組み合わせて、どうやるのが良いのか 調べた reactでのformをvalidateするライブラリなど ざっと下記のよ
AngularJS 1.3のフォームまわりの機能強化
こんにちは中川です。 先日、AngularJS 1.3 がリリースされましたね。 動作速度の改善や、メモリ消費量の削減などパフォーマンス面での改善もうれしいところですが、 機能的にはフォーム関連の機能強化が特にうれしく感じましたので、紹介したいと思います。 ■ ngModel.$validators https://docs.angularjs.org/api/ng/type/ngModel.NgModelController ngModel.$validators を使うと、独自のバリデーション関数を簡単に定義することができるようになりました。 以下の例のように、入力値を引数で受け取り、返り値で真偽値を返す関数を$validatorsオブジェクトに定義します。 $validatorsのキー(ここではvalidCharacters)が、エラーメッセージ表示時などの参照用に利用できます。 n
Laravel:Web職人のためのフレームワーク
バリデーション 内容 基本 バリデーションルール エラーメッセージの取得 バリデーション実例 カスタムエラーメッセージ カスタムバリデーションルール 基本 ほとんどのインタラクティブなWebアプリケーションは、データーのバリデーションが必要です。例えば、登録フォームでは、パスワードの再確認が必要でしょう。多分、メールアドレスは重複していてはいけません。データーのバリデーションは堅苦しいプロセスです。ありがたいことに、Laravelでは、そうではありません。Validatorクラスはデーターのバリデーションを簡単にしてくれる素晴らしいヘルパーを用意してくれています。 一例を見てみましょう。 バリデーションしたいデーターを配列で獲得 $input = Input::all(); データーに対するバリデーションルールを定義 $rules = array( 'name' => 'required|
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular 2 Forms Tutorial - Validation