修正記録

他のチームはみんな同じ学校ですが、私たちは全員違う学校です。同じクラスや部活に一緒にやってくれる人がいなかったので、いとこや小学校からの友達に協力してもらいました。

他のチームがメンバー同士で思い出話で話し合うページを作っているのはちょっと羨ましいです。

サイトの構成などはUnicorn Platformで、3DはSplineで作りました。動画や絵は生成AIも使っています。

ウェブサイトを作るのに面倒なことをかなり省いてくれるサービスです。FramerとかWebflowが近いです。

最近できたものらしくて検索すると日本語の解説がほとんどなかったので困りましたが、頑張って使いました。

いいところはスマホやタブレットにも一応対応しているところです。それから、今回のコンテストで一番大切だった、コンテストのサイトにHTMLなどをアップするため、HTMLなどをエクスポートする機能があることです。

本当はYouTubeなどでも情報があったFramerとかWebflowを考えていたのですが、コンテストのサイトにアップロードすることができるのはUnicorn Platformしかなかった感じです。

動画の音楽はSuno AIで、歌詞は自分ですが音楽はAIです。動画の中の複雑なイラストはDALL-E 3を課金して使っています。

サイトの中にある複雑なイラストもDALL-E 3で作成して、背景はFLUX.1-schnellです。FLUX.1-schnellは無料で使って良いのでコーチのPCで作成して使っています。

大体白黒はDALL-E 3で実写系がFLUX.1-schnellという使い分けです。

イラストや画像は画像検索してそっくりなものはないことを確認しました。

また、有料でないと商用利用ができない生成AIは課金して使っています。

コラムの一部については、ChatGPTに科学的に変なところがないかをチェックしてもらいましたが、元の文は私たちが書いています。

支払いはコーチにお願いしました。Suno AIは10ドルのプランで、DALL-E 3はAPI課金が安いということで9ドルのプランです。Unicorn Platformは9ドルのMakerプランです。夏休み頃から無料版で作っていて、エクスポートが必要になった締め切り直前に有料プランに入りました。合計すると結構かかったので、落選したらかなりショックです。１ヶ月だけの課金で動画は完成したのでよいですが、ウェブサイトの修正が長引くともっとお金がかかるのでちょっと心配です。

全部月額課金なので、修正が全部終わったら解約します。

セミファイナリストに選ばれたので、Unicorn Platformは１ヶ月延長しました。修正してエクスポートするのに更に9ドルかかるので焦りましたが、コーチが喜んで（？）出してくれました。

ストリーミングサーバーに動画を置くとレイアウトがちゃんとはまらなくて困りました。

自動再生もしてくれないので、せっかくストリーミングサーバーを使わせてもらったのにストリーミングサーバーからの配信は使わないことにしました。

思った通りに動画が出るように、動画の画質を落としたmp4を読み込むようにしたのですが、Unicorn Platformはmp4のアップロードに対応していないのでちゃんと動くかのチェックがとても大変でした。

色々自分たちで変えていったせいか、スマホで見るとレイアウトがおかしくなりやすいことがあって、それも困りました。

伊藤さんが文字がはみでていることを見つけてくれて、参考文献のURLが長くてはみ出ていることが原因でした。それを修正したらスマホやタブレットでもちゃんと見えるようになりました。

SettingsからExport HTMLを選んで、最初にサイト全体をダウンロードします。exported_website.zipというファイルがダウンロードされます。

その後で１ページずつHTMLをダウンロードして、exported_websiteを展開してできたフォルダの中に全部入れます。

ちょっと困るのは、Unicorn Platformだと別のページが/page1/となっているところをpage1.htmlに書き換えないと動かないところです。

そのため、Unicorn Platformで完全に動かすのは諦めて、page1.htmlへのリンクにして、エイリアスでpage1.htmlを/page1/に飛ばすように設定して、ある程度動作するようにしました。

画像のURLがUnicorn Platformになっていて、コンテストの規定で外部サービスに置くと評価の対象外になりそうなので、画像を全部HTMLと同じ所に入れるのが大変でした。最終的には手作業で頑張りました。