Purpose

検索されたユーザーのレポジトリを通信で取得する。

TaskList

• fetchでjsonを取得(url : https://api.github.com/users/ユーザー名/repos)
• リストのデータを置き換える
• ユーザー名が入力されていない間はSearchボタンを無効にしておく

Related files

Repositories.js

求められる条件

• モバイルにも対応している
• UIを構築しやすい
• 学習コストが高くない
• ドキュメントが充実している

候補

条件から絞り込むと、Monacaが適しているかと思うんだけど、どう?
これはWebというよりもWebの技術を使ってアプリを作るハイブリッドアプリのフレームワークだけど。
他に何かいいのはあるかな?

GitHubやQiitaとかのAPIを使って情報を取得して表示するアプリと言ったけど、
全体像をもう少し具体的にしていきたい。

決めたいこと

• どのサービスを選ぶのか?
• どんな情報を表示するのか?

など

画面構成を言葉でまとめておくと、

ユーザー検索

GitHubのユーザーを検索して一人に絞り込む。

レポジトリ一覧

そのユーザーのレポジトリを全て表示。レポジトリをタップすると詳細画面へ。

レポジトリの詳細

ブランチやタグの一覧を表示。これについては、シンプルにするためにブランチだけでもいい?

開発のおおまかな流れ(修正の可能性大)

1. レポジトリ画面とレポジトリ詳細画面のデザイン。(生データを表示するだけで通信はしない)
2. 通信でレポジトリの情報を得て、生データの部分を置き換え
3. 検索画面を実装し、任意のユーザーについて検索可能にする
4. 各画面をつなぐ

分担

とりあえず、1番目のステップについては
@mmorihiro : レポジトリ画面
@prince0203 : レポジトリ詳細画面
でどう?
終わり次第、次の分担について決めていくということで。

原形として考えているのは

Close

Review Points

• Issueに書いてあることが実装されているか

• 変更の範囲が広すぎないか

• ネーミングは分かりやすいか

• コードの意図が不明な箇所はないか

• 良い部分は積極的に褒めていこう

追加・修正した方がいいと思う所はある?

Purpose

決め打ちのデータを元にレポジトリ一覧を表示。表示するのはレポジトリ名と概要。

Related files

• repositories.html
• index.html

TaskList

• レポジトリ名を表示
• それぞれの概要を表示

TaskList

• それっぽい画像を表示
• 検索のバーを設置

Related files

FirstPage.js

Purpose

Repositoriesで選択されたレポジトリの名前(e.g. mmorihiro/LifeGame)をBranchesに伝える。
ログに出力するだけ。

Purpose

• コードスタイルを統一し、レビューを楽にする。
• Travis CIを使ってチェックする。

Tasks

• standardをインストール
• .travis.ymlを作成
• Travis CIを有効化

Purpose

FirstPageでインプットされたユーザー名をRepositoriesに伝える。
ただし、まだ通信は行わずにユーザー名をログに出力するだけにする。

TaskList

• ページ間でデータの受け渡しをする。
• inputに入力されている内容を送る。

References

https://ja.onsen.io/v2/api/react/Input.html

• AngularJSではなくReactを使用する
• PWA (Progressive Web App) に対応させる

Webアプリを作るのに必要なのはどんな技術、言語なのか?
学習コストはどんなものかざっくりでいいので教えて。

簡単なプロトタイプを作っておけば、何を作るのかを共有しやすいと思う。
そのためのツールの候補: Figma

理由

• Web上で動くのでWindowsでも使える
• 無料版がある
• チームでの連携がしやすい

どう思う?

Tasks

• ブランチの一覧を表示
• ブランチのアイコンを表示

Related files

• FirstPage.js
• Repositories.js
• Branches.js