最近のAI触ってみた
v0
code:prompt.md
## 目的
アニメーションの多いWEBページを作って欲しいです。
## 仕様
タイトルがタイピングのキーのように入力されます
小見出しが細かいドットが集まるように文字になります
他にも説明の文字がふわっと浮き上がるように出てきます
ページの内容はある男性の自己紹介のページでお願いします
code: plain
ゲームをするWEBサイトを作りたいです。
ゲームの内容
一般的なWEBサイトがあります 進む、戻るボタンがあります たまにランダムでWEBサイトのページがおかしくなっており、そのページでは「戻る」を押すと1点もらえます 何もページがおかしくなっていない時は「進む」を押します 10点になったらクリアで、間違ったボタンを押すと0になります
ページがおかしくなるとは
例えば ・タイトルが逆さまになっている ・ページの背景が真っ赤になっている ・ページの内容の文章がよく読むとおかしい ・文字のフォントがおかしい
などです。
では作ってみてください。
8番出口のWEB版を作りたい。
色々やりとりしてみた。
すげえ...
Napkin AI
code:prompt
RailsのMVCを説明して図を書いて
RailsのMVCアーキテクチャ
本ドキュメントでは、Ruby on RailsにおけるMVC（Model-View-Controller）アーキテクチャについて説明します。MVCは、アプリケーションの構造を整理し、コードの再利用性や保守性を向上させるためのデザインパターンです。以下に、MVCの各コンポーネントの役割と相互関係を示す図と説明を提供します。
MVCの構成要素
1. Model（モデル）
モデルは、アプリケーションのデータやビジネスロジックを管理します。データベースとのやり取りを行い、データの取得、保存、更新、削除などの操作を担当します。Railsでは、Active RecordというORM（Object-Relational Mapping）を使用して、データベースとのやり取りを簡素化します。
2. View（ビュー）
ビューは、ユーザーに表示されるインターフェースを担当します。HTMLやCSSを用いて、データを視覚的に表現します。Railsでは、ERB（Embedded Ruby）を使用して、RubyコードをHTMLに埋め込むことができます。ビューは、モデルから受け取ったデータを基に、ユーザーに情報を提供します。
3. Controller（コントローラー）
コントローラーは、ユーザーからのリクエストを受け取り、適切なモデルやビューを呼び出す役割を果たします。リクエストを処理し、必要なデータをモデルから取得し、そのデータをビューに渡して、最終的なレスポンスを生成します。Railsでは、コントローラーはアクションメソッドを持ち、各アクションが特定のリクエストに対応します。
MVCの相互関係
以下の図は、MVCの各コンポーネントの相互関係を示しています。
+-----------+ +-----------+ +-----------+
| Model | <---- | Controller | ----> | View |
+-----------+ +-----------+ +-----------+
ユーザーがビューを通じてアクションを実行します。
コントローラーがそのアクションを受け取り、必要なモデルを呼び出します。
モデルはデータベースとやり取りを行い、結果をコントローラーに返します。
コントローラーは、モデルから受け取ったデータをビューに渡します。
ビューは、受け取ったデータを基にユーザーに表示します。
まとめ
RailsのMVCアーキテクチャは、アプリケーションの構造を整理し、各コンポーネントの役割を明確にすることで、開発の効率を向上させます。モデル、ビュー、コントローラーの相互作用を理解することで、Railsアプリケーションの設計と実装がよりスムーズになります。
なんか表とかを作ってくれると思ってた。違う？
アウトプットされたものに手を加えるとかもできるっぽい。
そういうことか！！
https://scrapbox.io/files/66dbdaa0bc33db001cc61aac.png
横にあるSparkっての押したらできた。
miibo
これは前から触ってるけど本当に便利
個人的に活用している。
Genspark
めっちゃ検索しやすい。ビジュアルがいい。
https://scrapbox.io/files/66dbdf335828d3001d1f86d9.png
https://scrapbox.io/files/670e69502af4a3001ca95282.png
ファクトチェック機能がついていた
Create xyz
こういうサービス名だと探すのが大変
code:prompt
エンジニアの自己紹介サイト
縦に長くてデザインが綺麗
色々な画像が配置されている
黒と緑中心のデザイン
スタイルも選べるのね
https://scrapbox.io/files/66dbe150ef81e0001caf9ad3.png
https://scrapbox.io/files/66dbe18c3db098001ca584e2.png
すごいですねぇ
Imagen3
サービスじゃなくてGeminiで使われているText to Imageのモデルだった。
dog cats
https://scrapbox.io/files/66dbe297b1144c001ef4660e.jpeg
bolt
v0とbolt触ったけど、個人的にはboltの方がいいUIのものが出てきた印象でした。
3Dとかはv0の方がすごいの出てきた感じがしました。
絵を描いている最中に録画をして、描いた証明をしてくれるアプリケーション
https://scrapbox.io/files/672b14a12441e1259de4ca52.mov