東北大学生成AI研究会
Tohoku University Generative AI Research Group

今週の成果

定例会の資料兼Markdownのテストです。

今週実装した機能

  1. YouTubeの埋め込み機能
  2. Meta情報の埋め込み機能
  3. LLMとの対話表示機能
  4. トップページのデザイン

1. YouTube動画の埋め込み実装機能

こいつは,Gemini 2.5Proに投げたところ一瞬で実装してくれました。

以下の形式でYouTube動画の埋め込みをすることができます。

@[youtube](youtubeの動画のURL)

最近おすすめのアニメです。monoです。 ↓

2. Meta情報の埋め込み

Meta情報の埋め込みを行うことができるようにしました。これによりテンプレートの設定、

meta情報の埋め込み例
meta情報の埋め込み例

3.公開日時の設定(見かけ上であるけど)

公開日時の設定をMeta情報で設定できるようしました。 アクセスしたときにフロントエンド側で判断して、予定より前の場合はトップページへリダイレクトされる仕組みになっています。なので、理論上見ようと思えば見ることができます。

また、記事のURLに?previewというパラ‐メータをつけるとリダイレクトされないようになっています。

4.LLMとの対話表示機能(前回に引き続き)

Gemini 2.5Proに投げても案外うまく実装されなくて大変でした。 なんとか実装できたので良かったです。

PROMPT

松本城の画像を生成してください。

ANSWER

松本城の画像の生成を完了しました。

これは実際の写真です。
これは実際の写真です。
Generated on 2025-05-20 by Gemini-Pro

今後実装する機能

  • indexページでちゃんと記事一覧を表示する →着手してます。定例会までにできるかどうか。
  • 画像圧縮あたりで不具合があるので解消したい。
  • コードを改善したい。 →ファイルを管理する系統の処理がまとまりがなくなってきて、メンテナンスコストが高い。Geminiに作らせるか検討中。(Geminiに作らせるとうまく動作しないときの修正にかなり時間がかかって結果的により時間がかかる。

実装するか悩んでいる機能

文字色変更について

<span style="color: red">赤い文字です</span>のようにすると文字色を変更することができます。

例:赤い文字です

拡張記法でよく使う色については !red(赤色の文字),!blue(青色の文字) のような形式で文字色を変更できるようにすることを検討しています。

皆さんの考えを聞かせてほしいです。

更新履歴