最近の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