React.jsだけで作る！バリデーション付きフォームの作り方！ – ACC
– React！前回までは – Reactという謎の単語を目にし、意気揚々と調査に乗り込む。 そこで見たものは英語と専門用語に溢れた参考記事の数々…。 そんな中、どうにか自力でプログラムの入り口「Hello!World!」の出力に半日かけてようやく成功し、その勢いでバリデーション付きフォームの作成にとりかかったのであった…。 前回の記事：React.jsって？初心者から始めるReact導入！ ということで今回はグッと実用レベルまで難易度を上げて、React.jsだけを使用したバリデーション付きフォームの作り方を解説します！ ちなみに今回ここまでたどり着くのに約20時間近くダラダラとかかってしまいました…。ぐぬぬ、侮れないぞReact.js。 Reactでの値の受け渡しpropsとstateまずReactを使う上で決して避けては通れないプロパティがこのpropsとstateです。 これらはど
JSON Web Token の効用 - Qiita
Note: JWT の仕様やそもそも論の話は触れません。どう使うか、何が出来るかしか書いていません。 JSON Web Token? JSON Web Token とは、ざっくりいって署名の出来る JSON を含んだ URL Safe なトークンです。 署名とは、署名時に使った鍵を用いて、JSON が改ざんされていないかをチェック出来るようにすることです。 URL Safe とは、文字通り、URL に含めることの出来ない文字を含まないことです。 これだけだとよくわかりませんが、触り心地としては次のような性質があります。 発行者だけが、鍵を使ってトークンが正しいことを検証出来る。 暗号化ではないので、JSON の中身は誰でも見られる。 仕様的には、暗号化のオプションもあります。 しかしながら、JSON の変更は出来ない。（改ざんをすると、検証時に失敗するので。） 全体的には、なんか変更できな
ES6構文の ... (Spread operator)と { prop } (shorthand property names)について - yutaponのブログ
昨日twitter見てたらこんなのが流れていまして Concatenating arrays in ES6: arr = [...a, ...b, ...c]; // ES6 arr = a.concat(b, c); // ES5 http://t.co/4scyTyhmIo— Axel Rauschmayer (@rauschma) 2015, 6月 3 何だこの書き方〜と気になったので調べてみた。 ... (Spread operator) この三点リーダーのことですが、よく...argsと書いているコードを見かけます。 あまり深く考えずに、argumentsが取得できるのかなと思ってたのですが、...のふるまいを知るとなるほどと思いました。 ...arr で arr(Array型)の要素をイテレートする 困ったときのMDNを見ると、こんなサンプルがあります。 こちらはES5 syn
cybozu.com 稼働状況 を React/Redux で作り直した話 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。Sales Systemチームの金子です。Sales Systemチームでは、cybozu.com Store や、販売管理システム等の開発をしています。 このエントリでは、cybozu.com 稼働状況のフロントエンドをReact/Reduxで作り直した話を書いていきます。「React/ReduxでWebアプリケーションを作ってみようと考えている人」を対象としています。 TOC 「cybozu.com 稼働状況」とは? 作り直した背景 技術概要 React/Fluxについて React/Redux Routing Resources Async Multilingualization/Localization ES6 Utility Lint Testing 取り組んでみた感想 まとめ 「cybozu.com 稼働状況」とは? クラウドサービスはサービスの稼働状況をステータス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
