読者です 読者をやめる 読者になる 読者になる
一人もくもく会 α verでサービス開始しました。

ReactにReduxを組み合わせると何が楽なのか

React + Reduxを使うとどうメリットがあるかというと、色々とあるとは思う。 ただ、どう楽になるのかというのに焦点をおいてみる。 Reactのみの例 下記のようなコンポーネント構成のアプリケーションを作成するとする。 コンテナ : App ヘッダ : Header ログ…

Twitterを作る 第5回 フォロー

引き続き他のユーザーをフォローする部分を進める。 モデル class Follow(models.Model): """フォロー""" user = models.ForeignKey(User, verbose_name='ユーザー', related_name='follows') target = models.ForeignKey(User, verbose_name='フォローユー…

Twitterを作る 第4回 コンポーネント構成考察

Reactのコンポーネントの構成にちょっと悩んだのでメモ。 現在ログイン後の画面はreact-routerでルーティングしている。(まだ1画面しかないが) コンポーネントの構成は下記のようになっている。 Main (routing) MainIndex (メインページ) MainHeader (共…

Twitterを作る 第3回 投稿

投稿機能の作成を進めた。実際の画面は下記のような感じでTwitterと構成は同じような形にしてある。 各パーツはmaterial-ui。すごく便利。 投稿ボタンを押すと下記のようなウィンドウが出てくる。 モデルの作成 モデルは下記のような感じになった。 class Po…

Reactにてrouterのrouteにパラメータを渡す方法

例えば大元のコンポーネントにてajaxで取得したユーザー情報を保持して、 それを別のrouteのコンポーネントにも引き継ぎたい時の話。 (version 15.2.1現在) 渡すのは下記で可能。普通に属性指定すれば良い。 <Router history={browserHistory}> <Route path="/" component={Index} user={this.state.user} /> </Router> 問題は受け取り側の方。 this.props.user これ…

Twitterを作る 第2回 認証

まずはユーザー登録。これがなければ何も話が進まない。 ひとまず下記の第3回までを見てさくっと動作確認とユーザーテーブル作成まで行う。 Python Django入門 (1) - Qiita Python Django入門 (3) - Qiita ログイン前トップページ material-uiでさくっと作成…

Twitterを作る 第1回 概要

これからTwitterを作って行くところを少しずつ公開していきたいと思う。 下記のような環境で作成していく。 Django Djangoはpythonのフレームワーク。 慣れているCakePHPの方が早いが面白くないのでDjangoを練習しつつ作成。 (python3.5 + Django1.9.7) ちな…

ReactでMinified exception occurredエラーが出る場合

ReactでMinified exception occurredが出ることがある。 エラーが出ているのだが、min.jsの方を使っているとエラーがjsファイル内に記載されていないのでminのついてないjsファイルを読み込むと正常にエラーメッセージが表示される。 ちなみに自分の場合はデ…