The twinte-front from twin-te

Web版でCSVを追加する時，一括追加できるように

概要

Web版でCSVを追加すると，チェックボックスを一つ一つつけなければ授業を追加できない

目的

提案内容

一括追加ボタンを追加する
または，インポートした際チェック済みを初期値とする

タスク

細かいタスクに分解できているなら書き出す

時間割データをローカルストレージに

概要

ローカルストレージにデータあると嬉しい
いらなかったらこのイシューは消す

目的

オフラインでも使える。
読み込み時間が短縮する？

提案内容

？
ファイルは layouts/default.vue とか

タスク

細かいタスクに分解できているなら書き出す

Sign in with Apple の対応が必須

概要

ログイン画面にSign in with Appleを追加する

目的

Sign in with Apple がないとiOS版の審査が通らない

提案内容

ログイン画面にSign in with Appleボタンを追加
デザインはApple側から指定されているので注意
処理はバックエンドで行われるので、フロントはボタンの追加で大丈夫
ボタンの宛先はバックエンドのURLなので @SIY1121 に聞いて欲しいです

CSV追加がうまくいってない

概要

科目追加ダイアログ内のCSV追加が上手くいってない
readerの使い勝手がわるいので直し方がわからない
とりあえずwarning出して対処してる

目的

バグです

提案内容

🤷‍♂️

タスク

onFileChange関数の修正
csvLectureListにCSVをパースした授業番号配列が入るようにする
169行目のwarningのダイアログを消す

変更するファイル

/src/component/def-dialog-add.vue

優先度

4

Docker

概要

どっかのNuxtプロジェクトみたいに、Docker使おうぜ

目的

どっかのサーバーとうまくつながった開発環境を整える

提案内容

どっかのtokyo-metropolitan-gov/covid19がシンプル
nodeを使わなくて済むぐらいの改善しかないが

文字サイズが小さい

#44 概要
文字のサイズが小さい

再現手順

修正しないとどう困るか

可読性が下がる

原因

以前のverに比べて文字サイズを小さくしたため
（ただ、以前とはデザインが変わっており、また文字サイズを大きくするとその分行間や余白が狭くなるため、見やすさを考慮するとある程度しか変えられないかもしれません。できる限り調整してみます。）

修正案

font-sizeを変更する

Optional Chainingなコードに直す

概要

NuxtがTypeScript3.7に対応した。
@nuxt/[email protected] & @nuxt/[email protected]
3.7からOptional Chainingが使えるようになるのでこれで、nullチェックを消すことができる

目的

コードを簡潔にする

提案内容

1.アップデートを行う
2.
if(){
code
}
のようなnullチェックを ?.に書き換えられるところは直していく

参考
https://qiita.com/niwasawa/items/e0dee419d465c0681e73
https://qiita.com/simochee/items/a2eca2ea8761409889be

学期選択UIのアクセシビリティの向上

概要目的

選択ボタンをもっと使いやすく?
UX向上

提案内容

学期の横側の空白部分もSVGのブロックが入るように調節する。

優先度

2

alertを一つのファイルにまとめる

概要

Sweetalert2を採用しています。
複雑なオプションも記述できるため、tsコードの肥大化に繋がります。
plugins/swal.tsに文章などをまとめると、呼び出しやすいと思います

目的

tsコードを見やすくする

提案内容

Swal.fireまたはSwal.mixinとコード検索するといろいろなアラートコードが出てくる。
それらをplugins/swal.tsなどにまとめる
1のところを2から呼び出すようにする。

タスク

未定

CSVアップロードボタンを押すと全てのファイルが選択できるようになっている

概要

CSVの追加を押すと全てのファイルを選べてしまう。
そのため、iOS版では「Take Photo or Video」が出てきて押すとクラッシュする。
これによりiOS版がリジェクトされる。
CSVのみを選べるようにするか、iOSではCSVファイルを追加ボタンを消すかの対策を取る必要がある。

Androidアプリ実行時のみ、「設定」メニューを追加してほしい

概要

Androidアプリ実行時のみ、「設定」メニューを追加してほしい

目的

Androidアプリ開発に使用したOSSのライセンス表示画面の確保
バージョン情報や、ウィジット設定などのAndroid限定機能の呼び出し

提案内容

Androidアプリ実行時のみ、サイドメニューに「設定」メニューを追加してほしい。
（フロントでも設定画面を追加する予定があるなら「Androidアプリの設定」とかにしといたほうが良い？）

タスク

AndroidWebViewからグローバルなオブジェクト android を注入するので

typeof android !== "undefined" で設定メニューを出すかを判定
設定をタップしたら android.openSettings() を実行する

ダークモード対応

概要

カラーテーマを変更できるようにしたい。
figmaで完全なダークテーマが作成されていない
設定項目を追加する必要が出てくるかも

目的

現代的アプリケーションっぽく
いろんな色があったらうれしい

提案内容

参考 - マテリアルデザインのダークテーマガイドライン
https://material.io/design/color/dark-theme.html

タスク

変数用sassをassets/cssに作成
現在カラーが直打ちのため、sassの変数にする
figmaでダークテーマカラーコードを作成
設定で変更できるように

優先度 3

Cannot find name 'Prop'.Vetur(2304)

自分の環境だとデコレータが使えない
動作確認してほしいです

twinte-front/src/components/pages/table.vue

Line 27 in 9bc2f3e

@Prop()

授業名を変更できるように

概要

PUT
/user-lectures/{user_lecture_id}
で教室の他に授業名も変えられるので変えられるようにしたい

目的

要望

提案内容

def-dialog-detailで教室名を変更できるようにする
通信するところに変更した教室名を入れるように書き換える
↑どちらもcomponents/def-dialog-detail.vueでできると思う、教室変更と動作が一緒なのでだれでも30分あればできる内容

タスク

def-dialog-detailで教室名を変更できるようにする
通信するところに変更した教室名を入れるように書き換える

優先度

4

atomicなコンポネントを作成

概要

現在の状態ではtemplateにbuttonなどを直打ちしている。
これは宣言的UIを採用しているvuejsに申し訳ない
atomicデザインシステムを部分的に採用することで、新たなUIを作成するときにそれらを使い回せて嬉しい。
コンポネントのcssスタイルをできるだけ減らしたほうが分かりやすいだろう。
時間があるときにatomコンポネントごとにissueを立てたい

目的

再利用
次のプロダクトにも利用できる

提案内容

button, form, cardなどをコンポネント化

タスク

buttonコンポネント
form(input file)
list
card(時間割やコンテンツのセクションの区切り)

優先度

2

無色の科目

概要

時間割内に背景色がない科目がある

再現手順

科目番号の上１桁が4以上の数字から始まる授業を時間割に登録する

修正しないとどう困るか

空きコマとの差別化ができていない

原因

授業の背景色を指定しているswitch文の指定外の科目番号だと、背景色がなくなってしまうため

修正案

components/ui-subjectで、switchの分岐に登録されていない科目番号を追記する

titleアイコンのaltをつける

表示設定の表示する項目のラジオボタンについて

概要

ラジオボタンは基本的に1つしか選択できないもの（という固定概念？がある）なので、てっきり一つしか選択できないものだと誤解を与えてしまう可能性がある。

目的

利用者に複数選択（科目番号,担当教員,教室名）できることを明確にさせる。

提案内容

ラジオボタンではなく、チェックボックスにしてはどうでしょうか。
利用者からの声があったのでissueを立てときます。
検討のほどよろしくお願いします。

表示切り替え機能

概要

「文字サイズ変更機能を実装するのであれば、教室や授業番号の表示/非表示を切り替えられると良い」という意見をもらいました。特に授業番号は非表示で、そのぶん文字を大きくしたり長い授業名を表示させた方がいいという人はそこそこいそう・・・？

目的

表示の最適化

提案内容

教室と授業番号、できれば教員名も表示/非表示を設定できるようにする

タスク

細かいタスクに分解できているなら書き出す

画面サイズによって時間割ページのレイアウトが崩れる

概要

・端末によって左上のカレンダーの見た目が違う。
・splitviewで幅を狭めていった時、学期選択部のwidthに収まらなくなった文字が下段へ落ちる
等、画面サイズによってレイアウトが崩れてしまっているようなので、できる限り多くの端末でデザインを保ちたい

再現手順

iPadやレスポンシブモードで画面の幅をいじって表示させる

修正しないとどう困るか

見た目が良くない、可読性が下がる

原因

cssのwidthや文字サイズの指定において、画面サイズに依存する方法をとったため

修正案

widthやfont-sizeを修正

時間割追加時にリアクティブに時間割が表示されない

カスタム授業の追加

概要

POST
/user-lectures/
PUT
/timetables/{year}/{module}/{day}/{period}

の２つを使えばできることが確認できている

目的

カスタム授業がほしい。

提案内容

def-dialog-addのカスタム授業のコメントアウトを外してそこから新たなUIを表示（まだ作成されていない）
追加ボタンを押したら↑のAPIを順に（非同期に）たたき、追加できたら、「追加しました」のダイアログを出す

タスク

Todo

優先度

4

通年の講義が表示されない

概要

通年実施の講義が表示されない

再現手順

通年の講義を追加しても時間割に表示されない

修正しないとどう困るか

困ります！

原因

moduleが通年の講義が無視されている

修正案

moduleが通年の講義は全moduleで表示する

教室変更モードを自動的に表示モードに切り替える

概要

Twitterで言及されてた内容
科目詳細ダイアログの編集モードを保存した時や、ダイアログを閉じた時に通常モードに戻す。

再現手順

追加された科目をクリック
右下の編集ボタンを押す。
バツを押して他の教科の詳細を見ると、やばい状態に

修正しないとどう困るか

教室情報が前のが表示されて困る。

原因

オフに切り替える状態をコードに追記していなかった

修正案

変更ファイルは、詳細ダイアログなので、

components/def-dialog-details.vue

editみたいな変数で、モード切り替えを実装していた筈なので、
ダイアログを閉じたときと保存した時にedit=falseを追加するだけ

ログイン時にダイアログの外をクリックするとGoogleに飛ばされる

ログイン時にダイアログの外をクリックするとGoogleに飛ばされるバグ

TypeError: undefined at def-dialog-add.vue

概要

検索画面でのエラー
原因不明

再現手順

「コミュニティ」で検索

修正案

原因を見つけて消す

タイトル画像の上のところが見切れている

/src/static/icon.pngの画像の修正

チェックボックスやadd fileボタンがデフォルト

概要

科目検索結果のチェックボックスやadd fileボタンがデフォルトUIになっている

再現手順

修正しないとどう困るか

見た目が不恰好

原因

修正案

カスタム授業が反映されない

概要

lecture_codeの有無で表示非表示を判定しているせいで、カスタム授業を作成しても見えない（クリックすると、詳細を見ることはできる）
表示非表示判定はuser_lecture_idでやるべき

目的

カスタム授業追加の前準備

提案内容

components/app-table-contents.vueの表示判定が現在lecture_codeになっているため、user_lecture_idに変更する

優先度

4

授業の詳細モーダルの切り替わりが遅い

概要

授業をタップしたあと、他の授業をタップするとじゃっかん前にタップした授業の詳細が表示される。
また、メモもその授業のものが出てくるまで時間がかかる。

再現手順

授業をタップしたあと、他の授業をタップする。

修正しないとどう困るか

あれ？？？となります

原因

修正案

文字サイズをユーザーが調節できるようにしたい

概要

ブラウザに備わっている文字サイズを変える機能のような感じで、アプリでもユーザーが自由に文字サイズを変えられるようにしたい

目的

可読性を上げる

提案

ノーマル(今の大きさ)、120%、140%とか3段階くらいあると便利そう…？
ただあまり大きくすると時間割に入り切らなくなったりレイアウトが崩壊したりしそうなので、他の部分の調整もあわせて必要になるかもしれないです。

タスク

font-sizeを変えた属性を付けたり外したりすれば出来そうな予感がする

Twinsからインポートを押すと全データ削除のダイアログが出てしまう

概要

Twinsからインポートを押すと全データ削除のダイアログが出てしまう

再現手順

Twinsからインポートを押す

修正しないとどう困るか

ヤバい

原因

switchの中で break; が抜けてます

修正案

break; を挿入する

bug

null処理

twinte-front/src/components/app-table-contents.vue

Line 27 in 49ea3db

background: getColor(data[module][n - 1][m - 1].number)

シラバスがほとんど見れない

概要

シラバスを見れる授業があまりない。（coinsだけ？？）

再現手順

修正しないとどう困るか

悲しい

原因

修正案

bug: 月がずれてる

twinte-front/src/components/app-day.vue

Line 28 in a0d9736

month: date.getMonth(),

概要

検索ボックスをタップすると勝手にズームしてしまう（iPhone8以前のみ？）

再現手順

検索ボックスをタップする

修正しないとどう困るか

手動でもとに戻す必要がある

原因

inputのtext-sizeが16px以下だと勝手にズームする仕様になっている。
text-sizeが何故かvh指定なので、デバイスによってズームしてしまうことがある

修正案

サイズ指定を絶対値にするか
https://qiita.com/skwbr/items/b285cc312587c73a4812
等でごまかす

アイコンのサイズを変更

概要

アプリいっぱいにアイコンがあるのはガイドラインてきに良くないっぽい
80%が理想（20%は余白）
やるなら早めがいい

目的

なんかのガイドラインに書いてあったから

提案内容

static/icon.pngの画像を差し替える

ログアウトの確認　授業名・教室変更　手動授業追加　

概要

目的

間違えてログアウトする可能性がある。
その他はユーザーの要望。

提案内容

ログアウトする際に確認のダイアログを出すと良い
授業名や教室名を自由に変更できると良い
手動で授業を追加したい人もいるようなので対応できると良い

出欠カウンターがリアクティブに動作しない

Enumが反映されない

概要

DayとModuleがimportできない

目的

コードを綺麗にする

提案内容

タスク

urlで任意のダイアログへ飛ばせるようにしたい

概要

通知機能、ウィジェット機能等を搭載する場合に、リンクから直接ダイアログが開いた状態にできればとても嬉しい
https://app.twinte.net?user_lecture_id="jcaoioa88969ca67"みたいな感じ

目的

アクセスをしやすくする

提案内容

default.vueのmountedでurlのパラメータを解析できるようにする
前twinteのqrcode https://github.com/HikaruEgashira/twinte_frontend/blob/master/pages/qrcode.vue
でもやったので参考にする
chDetailを呼び出し、同時にurlにあるuser_lecture_idをstore部へ送る

タスク

Todo

Androidでキーボードを出すと、モーダルの表示が崩れる

概要

Androidでキーボードを出すと、モーダルの表示が崩れる

再現手順

textareaにフォーカスする

修正しないとどう困るか

textareaが小さくなってせいぜい2行しか表示出来ないので見にくい

原因

キーボードがでるとvhも変わってしまう

修正案

フォーカス前のvhをとっておいて、高さを絶対値指定する…？

TODO: 色付け

twinte-front/src/components/pages/table.vue

Line 48 in 9bc2f3e

public get getColor(): string {

検索したら勝手にキーボードが閉じてほしい

概要

授業検索でキーワード入力後、エンターを押したらキーボードは引っ込んでほしい

目的

UX向上

提案内容

授業検索でキーワード入力後、エンターを押したらキーボードは引っ込んでほしい

タスク

検索のタイミングで input要素のblur() を呼び出す

概要

検索ボタンの位置を修正したときに検索フォームの全てのpaddingを0にしてしまったため、検索ワードを打ち込んだときの左paddingも0になっている

再現手順

科目追加ボタンを押す
検索フォームに文字を打ち込む
１文字目が検索フォームからはみ出しそう、はみ出している場合もある

修正しないとどう困るか

見た目が不格好

原因

検索ボタンの位置を修正したときに検索フォームの全てのpaddingを0にしてしまったため

修正案

paddingを追加する

サイドメニューの表示崩れ

概要

iPad等一部の端末でサイドメニューの文字が下段に落ちる

再現手順

設定からメニューを開き、vwをいじると崩れる部分がある

修正しないとどう困るか

見た目が良くない

原因

左padingを%指定していたため

twin-te / twinte-front Goto Github PK

twinte-front's People

Contributors

Stargazers

Watchers

Forkers

twinte-front's Issues

概要

目的

提案内容

タスク

概要

目的

提案内容

タスク

概要

目的

提案内容

概要

目的

提案内容

タスク

変更するファイル

優先度

概要

目的

提案内容

再現手順

修正しないとどう困るか

原因

修正案

概要

目的

提案内容

概要目的

提案内容

優先度

概要

目的

提案内容

タスク

概要

概要

目的

提案内容

タスク

概要

目的

提案内容

タスク

優先度 3

概要

目的

提案内容

タスク

優先度

概要

目的

提案内容

タスク

優先度

概要

再現手順

修正しないとどう困るか

原因

修正案

概要

目的

提案内容

概要

目的

提案内容

タスク

概要

再現手順

修正しないとどう困るか

原因

修正案

概要

目的