tanisukegoro / compadre-nuxt-frontend Goto Github PK

アイコンの仕様変更の影響範囲が広すぎるのでコンポーネントかしておくと

props

• width
• height
• aspect ratio
• icon url
  ....

footerを作成する。
これからコンポーネントに区切って作っていきたいところだけどどうしようか。

#4 でfacebookとの接続をしていないのでやっておく。

ユーザーのcurrent_greet_hashが登録されていない時に自動で登録するようにする処理

なんとなく方針が見えてきたので。

フッターのアイコンは表示ページでアイコンの文字を表示するようにしている。
Homeのアイコンのみどのページでも文字を表示してしまうのはなぜか。

原因はわからないが、propsにshiftを設定すると表示ページにて文字が表示されるようになる。
これが関係あるのかもしれない。

SignUpボタンの追加
コンセプトテキスト追加

後で考えるけど、各ページでの状態管理やコンポーネントなどの区分けについて設計する

忘れていたので

Version 0.1.0

最低限の機能を実装

• 送信・受信するデータの割り出し
• チャットルーム情報の更新処理
• リコメンドイベント発火の処理
• リコメンドイベント処理
• チャット上にカードを表示させるための仕組みを検討
• 今考えている案が実装可能かのテスト
• 実装

#77 (comment)

要修正・検討項目

最重要 or 即対応可能

• 翻訳が出現するエラーの回避
• セレクトカードのスワイプができないのでできるようにする
• イイネボタンの送信機能・マッチングイベントの発火
• logout後に行く/をLPでなくちょっといい感じにしようか
• app/ でのリダイレクトが効かない問題
• ドメインのルートURLでの表示はどうするのか
• PWAのStart URLを/app/selectに変更
• ログインエラー時の表示
• ボタン押下時のエラーを表示
• トークンが失効した場合のエラーをなんとかする
• Headerの設定ボタンの削除
• プロフィールカードの写真の変更機能
• HomeやChat一覧画面やLike一覧画面で表示するものがなかった場合の表示をなんとかする
• プロフィール画面のUIについて検討(Greetingsの編集ボタンはどうするのか等)
• 自分のプロフィールのステータスのUIをなんとかする(言語とか年齢とかをchipsで表示)
• フォーム入力時に拡大禁止
• PWAのダンロード用スクリプトの挿入(https://the-madison-gga.slack.com/archives/CLWFUHA79/p1570673530000100)
• 全体的なUI / UXの向上への施策
• 現在地の取得・表示
• 電話番号かEmailによる認証

中程度

• ページ遷移のtransition
• 画像がうまく表示されなかった場合のダミー画像を配置可能にする
• ユーザーSettingsの修正
• リフレッシュトークンの発行
• チャットのリコメンド機能を強化 (今のは貧弱すぎる)
• PWAのSplash Screensの実装
• PWAの初期画面
• ローディング時の表示
• 自己紹介文はどのタイミングでユーザーは見れるのか。みる場合のUIはどうなるのか

余力があったら

• 投稿機能の実装
• フォントに関する規約を策定する
• 機能や役割の名前をしっかり決める(意思疎通する上で結構きつい為。挨拶なのかGreetingなのかとか)
• Mbileで画像が表示されないエラーに対処
• 現在地を利用したマッチングシステムの構築
• ヘッダーのロゴは？
• Language localisation
• Facebookによるログインの実装
• AWSへの移行措置
• 初期DB・サーバー代の算出

#80

• logout後に行く/をLPでなくちょっといい感じにしようか
• app/ でのリダイレクトが効かない問題
• ドメインのルートURLでの表示はどうするのか

ログインがリジェクトされた場合のエラー表示をする。
以下の感じでいいので。

やり方

login.vueを編集する。
たぶん下のcatchの中でエラー処理が走るので、ここにエラーを起こした時の処理を記述する

取り敢えず、試しにエラー文を吐き出させるところからやってみるといいと思う。

await this.$auth
    .loginWith('local', {
        data: {
            email: this.email.trim().length !== 0 && this.email,
            password:
                this.password.trim().length !== 0 && this.password
        }
    })
    .catch((e) => {
        this.error = e + ''
    })