Geminiは、動画の相談はできる。でも、Caht GPTは、作ってくれる。

 時代はショート動画だ！ということで、Geminiに相談しながら作ってみた。アニメでいこうとか、アイデアは私が出し、それを絵にしてくれるのはGeminiで、動画ソフトを起動して、作ってみた。久しぶりに。　ほんとに字幕入れるくらいしか使ってないので、動画ソフトの実力をほとんど味わってない。

このしょーもない動画でも、久しぶりだったので半日かかった。

テスト

作品名 / キャプション

左右のカードをクリックするか、キーボードの矢印キーで切り替えられます

Day.js

ジャバスクリプトだけで書く

読み込み中...

Day.js

読み込み中...

12月31日まで、あと 読み込み中...日です!

この私が20年前に作った、古いタイプのBloggerは、ジャバシャッドがどこでもう動くのだが、最近のモダンデザインのBloggerは動かない。

ページ単体でないと動かないので、ホーム画面では動かないみたい。

このページに直書きでDAY.js のリンクは貼っている。

このDay.js の使い所ですが、例えば、会議室の予約をしたいとフォームで申し込みするときに、3日前までしか予約できない場合とかに使える。

TailwindCSSをAIに教えてもらう

Aiにデザイン頼むと、React＆TailwindCSSで書いてくるのであった。

一応、知っておかないと気持ち悪いので、Reactの本を買って読む。まったくわからない。というか、便利なの？面倒くさい気がする。。。　でも、それでも、これならやれるなと思ってしまった。　が　Tailwind CSSは、これは覚えるようなものじゃなく、AI用ですね。

そうか、AIが書いて、プログラミングなんて、そんな知らんくてもいいんや！

PHPで書いて、CSSあてて、Bootstrapでみたいなことはもう終わったんだと悲しみにくれるが、内容を知ると、素晴らしいなと思うのだった。

Tailwind CSS の最新は、4.3　Amazonでも英語の本しか最新の情報はない。

ショーケースというのを見ていると楽しくなってくる。

まあ。こんな私が、そんなオシャレなサイト作るはずはないけど。

動画をいちいちYoutubeにあげたくないですよね。

 Googleドライブの写真をリンクを知ってる人にだれでも共有にしても、Edgeだと見られない。

この場合、裏技は、https://lh3.googleusercontent.com/d/　を使う

は、こちらの記事に書きました。

じゃ、動画はどうしたらいいの？

動画は、得に力入れなくてもEdgeで見れた

<!--Googleドライブ動画 埋め込みプレイヤー-->

<div style="background: rgb(0, 0, 0); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 20px; margin: 24px auto; max-width: 800px; overflow: hidden; padding-top: 56.25%; position: relative; width: 100%;">

  <iframe allow="autoplay" allowfullscreen="true" src="https://drive.google.com/file/d/ここがID/preview" style="border: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%;">

  </iframe>

</div>