Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature/enechange biz renewal #2

Open
wants to merge 24 commits into
base: master
Choose a base branch
from

Conversation

myanzaka
Copy link

Add a coding test page (ENECHANGE Biz Renewal) and documents.
You can preview this at https://dankewasser.github.io/coding-challenge/frontend_challenge_1/challenges/dankewasser/

@myanzaka
Copy link
Author

おそらく色気を出さなければ本ページをレスポンシブで作成するのに1人日程度、JSを書き足すのに0.5人日程度だったかと存じます。
当初の見立てよりオーバーしてしまい、誠にお恥ずかしい限りです。

せっかく余分にお時間を頂戴いたしましたので何かしらお見せできないかと思い、ファーストビューのフォームをVueに移植してみました。
「部分的にVueで制作しているフォームがある」「HTMLをSlimのように書けないか」という問題意識を事前に伺っておりましたので、フォームのHTML構造はすべてVueの管理下に置き、かつPugで記述しております(CSSのみそのままベタ移植した関係でscopedで書いておりません)。

VueとjQueryの両方で書いてみました結論を申しますと、この規模・要件であればバニラJSとjQueryで記述するほうが2〜3倍早く書き終わったと振り返っております。
しかしVueで書くことによってjQueryならではのうっかりDOM破損がなく動作確認が楽で、DOM書き換えの低パフォーマンスに引っかかることもなく、要件にありませんでしたがリアルタイムバリデーションの実装が比較的容易であったことは特筆してよいかと存じます。
差し出がましく恐縮ですが、ご参考となれば幸いでございます。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant