100日チャレンジ

DAY 081外部サイトで公開

PageCrate

ページの画像と動画を一覧にし、選んだものを出典の記録つきZIPで保存するWebアプリ。ログイン不要で、運営者は入力も素材も保存しない。いまは権利と規約の確認待ちで実サイトの取得を止め、自作素材のデモで流れを試せる。

制作メモを読む

PageCrateの画面

デモ動画

アプリの画面を録画した動画です。再生するまで読み込みません。

できること

  • 公開された1ページから、画像と動画の候補を集めて一覧にする
  • 種類・名前・最小の幅で絞り込み、画像はプレビューで確かめる
  • 選んだ素材を、取得日時と出典ドメインを書いた記録つきのZIPにまとめて保存する
  • 外部のサイトに接続しないデモで、一覧から保存までを試す

使う前に

いまは、実サイトの取得を止めています。権利と規約の確認が済むまでは、自作の素材を使うデモで、一覧から保存までの流れを試せます。取得できても、再利用してよいという許諾にはなりません。使う前に、権利者の許諾と対象サイトの規約を確かめてください。

制作メモ

AIに任せた
  • URLから画像と動画を集める中継、プレビュー、ZIPの作成、画面、文書、点検と公開前の確認の道具を実装した
  • 別のAIの担当が、画面の画像だけを見た採点と、読み取り専用の独立レビューを行い、指摘を直した
自分でやった
  • ログインとデータベースをなくし、使う前にプライバシーポリシーを読ませるだけにする方針を決めた
  • 公開の仕方を「デモだけ公開+コード公開」に決め、権利と規約の確認が済むまで実サイトの取得を止めると決めた
  • 公開の前に、個人や会社の情報が混ざっていないかの点検を必須にした
失敗と修正
  • トップから作業画面へ画面内で移ると、ボット確認が読み込まれず、実サイトの取得が始まらなかった修正:独立レビューが見つけた。設定を全ページ共通にし、画面内の移動を通す試験を足した
  • 停止の設定値を「yes」や全角の「1」と書き間違えると、止まらずに実サイトの取得が始まる作りだった修正:独立レビューが見つけた。明示的に「0」か「false」と書いたときだけ止めない読み方に直した。試験を先に書き、落ちることを確かめてから直した
  • スマホの幅で、手順の番号「02」「03」が2行に割れていた修正:採点用の撮影に映っていなかった画面の下の部分を撮って見つけた。試験を先に書いてから、番号の枠の幅を直した
期間
〜
タグ
  • #Webアプリ
  • #画像
  • #動画
  • #ZIP
  • #ログイン不要
  • #Cloudflare Workers