Please enable JavaScript.
Coggle requires JavaScript to display documents.
投稿フォーム表示完了までの道のり (UXの条件分岐 (既存あり10個以上 (新規ニックネーム追加を表示しない:check:,…
投稿フォーム表示完了までの道のり
UXの条件分岐
既存あり10個以上
新規ニックネーム追加を表示しない:check:
テキストボックスを表示しない:check:
既存のニックネームのSELECTBOXを表示:check:
既存あり10個以下
既存のニックネームのSELECTBOXを表示 :check:
新規ニックネームを追加でテキストボックスを追加 :check:
既存なし
既存ニックネーム表示しない:check:
テキストボックスのみを表示:check:
匿名医師xxxxxを追加:check:
該当疾患は自動で本人の診療科目に相当するものをチェックする
AccountsAPIより取得:check:
tymeleafに適応:check:
画像周り
バリデーション
画像
ファイル形式
JPEG
PNG
GIF
画像サイズ
3つの画像サイズが5MB以内
クリック時に判定する
タイトル
全角20文字以内
フロント側 :check:
サーバー
ウィルスチェック
DB保存
画像の表示
動作
ファイル選択 :check:
画像ボックス表示:check:
タイトル入力画面表示 :check:
画像サムネイル表示 :check:
ファイルのsrcを取得表示する? :check:
次のファイル選択ボタン表示:check:
ファイル数は3つのみ :check:
質問項目設定
診療科目の設定:check:
通知メールの設定:check:
質問種別の設定:check:
hiddenパラムの設定
themePickupId
キャンペーン用の設定みたい
確認 table theme_pickup
optionalPanelOpened
ようわからん。でもfalseが設定されてる
バリデーション
フロント
項目
文字数:check:
必須:check:
動き
カーソルアウトで判定
メッセージ表示:check:
送信ボタンを押すと判定
送信ボタンが押せない:check:
メッセージ表示:check:
問題
$.focusoutが聞かない
fancyboxの読み込みを停止することで対応:check:
コードのリファクタリング
eopへの対応
EOPってそもそも何?
どのように設定するの?
何を設定するの?
/Volumes/m3.com/4.カンファレンス/201604
回答フォームのリニューアル/eop/カンファレンス
回答.pdf
コードの違い
ATLAS.eop.init(jQuery('.atlas-footer'));が新カンファレンスの場合見つからない
ページ遷移時のポップアップ表示
サーバー
ニックネーム重複
どうやら、登録した際にエラーコードとして出るらしい。なので、登録の段階でしかわからない。登録処理をしてからERRORコードを判定しviewに反映させるコードを書く。
実装手順
ニックネーム登録の処理をnicknameサービスに追加
ステータスコードを判定
409 Conflict だったら重複のエラーを表示してリダイレクト
その他200以外だったらサーバーエラーを返す
重複のエラーが帰ってきたら、その旨をエラーとして記載する
必須
新規・既存両方emptyでエラー表示:check:
文字数:check:
ニックネームの登録個数上限(10個)
同じくサーバーにリクエストを送った際のレスポンスで判断されるよう
返信のUX
既にそのスレッドで投稿している
selectもinputも表示しない
ニックネームは前使ったもので固定
やること