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>