フォームに必要な項目を埋めるとドラフト会議風の画面が作れます。本家リポビタンDのサイトは12球団からしか選べないのでオリジナル球団から選べるといいなと思って作りました。現状スクリーンショットを撮って楽しんでいただければ幸いです。仮リリースの段階では背景に作った画像を使っていたが、レスポンシブで意図した通りに拡大縮小できなかったため、スタイルで全て書き直した。レスポンシブの実装をメディアクエリを使って行なったが、境界部分でUI崩れがなかなか解消できずに苦労した。ブランドロゴはなかなかうまくできたと思ったが、これもレスポンシブ対応が厳しく、最終的に画像化した。季節系のイベントサービスを作る時は事前にきちんと計画を立てましょう。前日の朝にこれ作りたいなと思って案の定間に合いませんでした。レスポンシブ対応がドラフト会議終了後の実装になってしまったため、モバイルユーザがUI崩れでサイトを離れてしまった可能性がありました。今回間に合わなかった機能OGP芸バックエンドサーバを用意していないので、技術的に難しいかも。画像化(Canvas描画)SNSシェア機能ツイッターでシェアみんなに共有、忘れないようにメモマシュマロでメッセージか投げ銭?ckoshien個人開発4年目。普段はアプリケーションエンジニア。ReactJS/NodeJS/ReactNative/JavaCrieitは個人で開発中です。どんな軽い内容でも嬉しいです。Crieitを作ろうと思ったかまた、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!ボードとは?関連記事react-big-calendarの攻略キャップ野球向けイベントカレンダー作ってみました。HooksのuseEffect経由でrefを使う場合ボウリング幹事アプリを作りました。