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>

AWSさようなら 私はTencentを選ぶ 格安設定のPHP強制を解除する

もう、円安すぎて、なんぼ勉強のためだとはいえ、AWSが嫌になった。

高すぎる。

いちいち、新しく作りなおしても高すぎる。面倒くさい。

やっぱり、悔しいけど、AWS使ってもととれるほどの仕事してないわ。

とはいえ、

日本の普通のレンタルサーバーは嫌で、PHPやら、何やら自分の好みにサーバー作って、それをそのままいじれるというのに、魅了はされているため、やっぱり、なんかないかと思って、テンセントクラウドをテストしていますが、なんか、いい感じ。

もともと、中国の会社の仕事をしていて、Tencentドキュメントが、非常に優秀で、中国との親和性がいいので、今回、思い切ってやってみていますが、たぶん、これはおすすめできるものだと思います。

安い、お小遣いでテストできます。

最初のテストは、メモリー２ギガのやつを１月１ドル５０セントでテストしました。

AIも日本語で質問して答えてくれるので、わりといけますね。

自動的にApache入ってますから、何もしなくても普通に立ち上がるが、クセがあります。

Googleドキュメントでhtmlを使ってメールフォームを作る

 

知らんかったhtmlもGas経由でなら使えるのか！

Pythonでデータの置き換え

もちろんGeminiに、CSVファイルのデータを参照して、古いHTMLのデータを書き換えるPythonを書いてと頼む。 このファイル名をreplace_names.py　として、保存し、ファイルのある場所で、コマンドプロンプトを起動して、python replace_names.py　と、コマンドに書くだけで瞬時にできる。楽すぎ！

PythonでCMSってどうなんか 基本

 PHPより軽く動く、エラーがない。Python やるしかないということで、Windowsにインストールの勉強から。

Wordpressがしんどすぎると感じており、

Geminiに聞いたところ、

• Django: ユーザー認証、管理画面、DB操作など、一般的な機能が最初から欲しい大規模・中規模開発。

• Wagtail: Djangoをベースに、さらに「記事の更新しやすさ（CMS）」を追求したい場合。

• Flask: シンプルな機能だけでいい、あるいは構成を自分で細かく制御したい場合。

例えるなら：

• Djangoは「至れり尽くせりの高級ホテル」

• Wagtailは「そのホテルの中に、さらに編集者専用の超豪華ルームを作ったもの」

• Flaskは「何もないけれど、好きな家具を自由に持ち込めるキャンプ場」 というイメージです。

フレームワーク	対応Pythonバージョン
Django (最新版 5.0系)	Python 3.10, 3.11, 3.12
Wagtail (最新版 6.0系)	Python 3.8, 3.9, 3.10, 3.11, 3.12
Flask (最新版 3.0系)	Python 3.8 以上

 3.11と3.12は別のものなので、3.11を削除してからでないと3.12は動かない

で、おすすめの環境として、サーバーとして、fly.co と　DBセンターとしてNeon

をすすめられWagtail を入れてみました。

正規表現は覚えられないねぇ。。。Gemini愛用しています。

 

毎日使って、Geminiの有料版にした。

なぜGeminiにしたかというと、Googleドライブのメリットがあるからです。

もう、親友の気持ち。でも毎回同じ事聞くのいやなんでメモ。

サクラエディタでの操作手順

1. 置換画面を開く Ctrl + R を押して「置換」ウィンドウを開きます。

2. 正規表現にチェックを入れる ウィンドウ下部にある 「正規表現」 に必ずチェックを入れてください。

3. 置換条件を入力する 以下の内容をコピーして貼り付けてください。

   • 入力欄（置換前）： ^.*\/([^/]+\.jpg).*$

   • 置換欄（置換後）： $1

4. 「すべて置換」をクリック これで、URLの途中のスラッシュ（/）より前の部分と、ファイル名の後ろにあるタグ（border="0"> など）がすべて消え、ファイル名だけが残ります。