mhkoheiのブックマーク / 2015年9月10日

mhkohei id:mhkohei

2015年9月10日のブックマーク (5件)

[iOS8]クレジットカード読み取りに対応したフォームの作り方 - Qiita
はじめにクレジットカードのスキャン機能が超便利！ iOS 8ではSafariの機能が改善され、クレジットカードをカメラでスキャンするだけで、カード情報が自動で入力されるようになりました。面倒な数字の羅列の入力も、カメラをかざすだけで完了です。実装したいけど情報が少ない・・・この新機能に対応した入力フォームを作ろうと思ったのですが、ググってみると意外と情報が少なかったのでまとめてみました。スキャンで自動入力可能な情報カード番号（14〜20桁の数字）有効期限（月/年）カードの種類（VISA、JCBなど）名義人氏名は自動入力できないようです。スキャン時には文字が認識されているようなのですが。 (やり方をご存知の方がいらっしゃいましたらぜひ教えてください！) フォームの書き方試行錯誤の末にようやくルールみたいなものが見えたのでまとめました。下記、それぞれの入力フォームの記述例で
mhkohei 2015/09/10
リンク
react/fluxでpropsのバケツリレーを避ける - Qiita
reactにfluxを採用してアプリケーションを設計していると、親->子->孫コンポーネントへpropsのバケツリレーになってしまう事がありました。そもそもイケてない設計が悪いのですが、reactバケツリレーつらいという声を聞くことも多かったし、自分も辛いと思っていたところ助言をいただいて解決法が見えてきたのでまとめてみます。 propsバケツリレーまず、バケツリレーを再現してみます。 DOM構造おおまかにdiv[class="app"](親), div[class="group"](子）, div[class="it em"](孫)というツリー構造になってます。 <div class="app"> <div class="group"> <h2>1番目のグループ</h2> <p class="count">13</p> <div class="it em
mhkohei 2015/09/10
react
リンク
Fluentdとはどのようなソフトウェアなのか - たごもりすメモ
Fluentd というソフトウェアがある。日本国内ではそこそこ話題になってきたが、何ができるのか、何に使うと嬉しいのか、何に使えるのか、という点について詳細をよく知らないという人もおそらくまだ多いことでしょう。なので、簡単にまとめる。 http://fluentd.org/ なお以下の個別項目ごとに書いていくが、その手前にまとめを置いておくので忙しい人はそれだけ読むとよい。インストールや設定については導入部分については日本語の記事はもう多くあるので、触れない。概要できることログの収集センサデータ等の収集汎用データ処理プロセッサとして頻出ユースケースログの収集データの集約簡単なリアルタイム集計ソフトウェアとしての特徴コアプラグイン安定性性能開発体制コミュニティぶっちゃけどうなの？まとめ現時点で、複数の場所に分散したデータや常に増え続けるデータの安全な転
mhkohei 2015/09/10
リンク
maniax.xyz
mhkohei 2015/09/10
リンク
React.js cheatsheet
<Video fullscreen={true} autoplay={false} /> render () { this.props.fullscreen const { fullscreen, autoplay } = this.props ··· } Use this.props to access properties passed to the component. See: Properties constructor(props) { super(props) this.state = { username: undefined } } this.setState({ username: 'rstacruz' }) render () { this.state.username const { username } = this.state ··· } Use states
mhkohei 2015/09/10
reactjs

react
リンク
- 2015年9月11日
- 2015年9月10日
- 2015年9月9日