maeda-m / frontend-challenges

MIT License
0 stars 0 forks source link

Url shortening api #4

Closed maeda-m closed 3 years ago

maeda-m commented 3 years ago

チャレンジの概要

thewholesome.dev や frontendmentor.io のリンク等を記載します。

項目名 内容
URL https://www.frontendmentor.io/challenges/url-shortening-api-landing-page-2ce3ob-G
難易度 INTERMEDIATE
スキル :white_check_mark: HTML, :white_check_mark: CSS, :white_check_mark: JS, :white_check_mark: API

なぜやるのか?

1 と同じ。チャレンジの難易度を上げて反復する。

maeda-m commented 3 years ago

ふりかえり(やったこと、わかったこと):

SPAなチャレンジだった。せっかくならAPIを模倣できればと思い、フロントエンドとバックエンドを同じフォルダで管理できる構成を採用した(これまでの流れで Vite を使っただけな気もする)。

API 的にはアーキテクティングはやっていない。認証とまではいかないが、トークンで匿名ユーザーの判別をしている(正しいやり方ではないと思っている)。

デプロイは楽そうだったので Heroku にした(特に選定していない)。

テストは不安定な要素はなさそうだが Playwright で E2E にしてみた(本来なら API レベルのテストがある前提で、テストで扱う範囲を整理した方がいい気がする)。

Playwright server/client (not official feature)は Docker のイメージが使えるし Ruby クライアントはドキュメントが丁寧なので使いやすかった。