JKになりたい

かきたいことをかく。

Tech

React x flux でツールを作ったのでfluxについてまとめる

flux そこら中で貼られてるfluxの概念図を貼っておきます。 簡単に言うと、 ・Viewは親Component ・Actionは処理の内容を記したオブジェクト ・DispatcherはStoreへActionの通知を行う。具体的には登録されたCallbackを順次実行していく。 ・Storeは状態の保…

セルの素性を抽出する

タイトルのセルか、データのセルか、列見出しか行見出しか・・などを推定するための素性を設定するで。 とりあえず、以下にしたで。 x座標,y座標の算出に使うセルの原点は左上としてるで。 width height x y x座標(%) y座標(%) 面積 面積(%) セルの4隅…

俺が求めてるボタンはTouchableHighlightじゃない

ReactNativeではボタンを作る時にTouchableHighlightを使う。 デフォルトでは押した時にunderlayColorで指定した色が背景に表示される。 こんな感じ。 おかしいやん。誰が求めてるの?テキストじゃなくて画像のボタンだったらいいんだけどね。 求めてるのはi…

ReactNative Flexboxまとめ(殴り書き)

React-Nativeを使ったアプリケーション開発にはFlexboxの理解が不可欠。 だから適当にまとめる。 flex flex:1 これで画面いっぱいにコンポーネントが表示される。 同じレベルにflex:1を指定しているコンポーネントが2個あったとしたら1:1の割合で表示される…

React-Reduxメモ

アクションの追加 定数でActionの種類を定義する。 ReducerはActionの種類を見てどのような状態を返すのかを決定する ActionはActionCreater経由で発行する。 connectを用いると自動的に適切なReducerにActionが渡される。 //sample_action.js //Actionの定…

よく使うExtension(2) UITableView カスタムセルの登録

extension UITableView { func registerCell<T: UITableViewCell>(type: T.Type) { let className = type.className let nib = UINib(nibName: className, bundle: nil) registerNib(nib, forCellReuseIdentifier: className) } func registerCells<T: UITableViewCell>(types: [T.Type]) { types.for</t:></t:>…

よく使うExtension(1) Array Safe

インデックスの範囲外にアクセスした場合に例外を起こさずにnilを返すExtension extension CollectionType { subscript (safe index: Index) -> Generator.Element? { return indices.contains(index) ? self[index] : nil } } let numbers = [1,2,3,4] numb…