🕌

フロントエンド開発で使えるWebサービス

2021/05/03に公開

フロントエンドは何かと面倒

フロントエンドの学習は何かと楽です。いわゆる環境構築というものがほとんどなくて、ブラウザとエディタぐらいあれば十分です。(最近のフロントエンドはもっと複雑だと思いますが)

ですが、開発を進める中で絶妙に面倒なことはたくさんあります。

とかですね。これら面倒なポイントを解決してくれるWebサービスがあるので忘れないようにメモします。

例えば、https://placehold.jp/150×150.png のようなリクエストを送ると150×150の画像を返してくれます。当てはめる画像がわかっている時はすごく便利ですよね。

https://i.picsum.photos/id/537/200/300.jpg のようなURLにリクエストを送ると、横200px縦300pxの画像が返されます。
ランダムに要求もできるし、特定の画像を固定してリクエストし続けることもできそうです。

Placeholdとの違いは、写真の画像を返してくれることですね。ヒーローイメージのところにとりあえず置いておけば作成途中でもそれっぽくなります。(Webサイトでは写真のイメージって大事だったりするのであとで本番の画像に差し替えた時になんか違うなってならないように気をつけてくださいね)

リンク先のページに従って操作してみたらわかりますが、指定の形式でリクエストすると、対応したJSONを返してくれます。

API通信をとりあえず試したいって時には必須かと思うので提供してくれていることに感謝です。

フロントエンド開発に使えるWebサービスを紹介しました。良さげなサービスを見つけたら追記していきます。