Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

スライドモードの追加 #127

Merged
merged 25 commits into from
Aug 13, 2024
Merged
Show file tree
Hide file tree
Changes from 21 commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
c72be5d
とりあえず動くMarpスライドを表示するところまで
tegnike Aug 8, 2024
438b424
Merge remote-tracking branch 'origin/develop' into feature/add-slide-…
tegnike Aug 9, 2024
18b0576
スライドモードに関する設定周り修正
tegnike Aug 9, 2024
ecc6c1b
スライドUI調整
tegnike Aug 9, 2024
e85b0c4
自動でスライド動かすところまで
tegnike Aug 9, 2024
2d534e7
停止時でもスライドを進める度にロードが入る不具合修正
tegnike Aug 9, 2024
1f53e5c
Youtube会話継続モードのボタン表示条件修正
tegnike Aug 9, 2024
e6dab55
handlersファイルをcomponentsからfeaturesに移動
tegnike Aug 9, 2024
3217997
質疑対応追加
tegnike Aug 10, 2024
5635a1a
発表中は質問できない
tegnike Aug 10, 2024
e90963d
スライド設定画面の調整
tegnike Aug 11, 2024
036daac
スライド用のシステムプロンプト修正
tegnike Aug 11, 2024
5905af0
スライドを設定画面から指定できるようにする
tegnike Aug 11, 2024
6e15451
marp-reactでなく、marpitを使用するように修正
tegnike Aug 12, 2024
eb523a7
デモ用のスライドを更新
tegnike Aug 12, 2024
a037b9f
追加情報用の処理修正
tegnike Aug 12, 2024
a2f07ec
スライド表示切り替えボタンを押したら最初のスライドが表示されてしまう不具合修正
tegnike Aug 12, 2024
f676300
スライドの大きさ修正
tegnike Aug 13, 2024
658f27b
発言したセリフを適切に表示させる
tegnike Aug 13, 2024
d9a58fe
クリックでチャット欄に改行が入っていたので修正
tegnike Aug 13, 2024
84a233f
最後のスライドに到達したらisPlayingをfalseにする
tegnike Aug 13, 2024
f5c3175
フォルダの指定をセレクトボックスに変更
tegnike Aug 13, 2024
c6c6390
不要ファイルの削除
tegnike Aug 13, 2024
4a9d9e1
指摘事項修正
tegnike Aug 13, 2024
645385f
多言語のlocalesファイル更新
tegnike Aug 13, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 42 additions & 0 deletions demo copy/scripts.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
[
{
"page": 0,
"line": "みなさん、こんにちは。今日は「ChatGPTとは?」というテーマで、AIをあまりご存じない方にも分かりやすく説明していきたいと思います。この簡単ガイドを通じて、ChatGPTの基本から活用方法まで、皆さんと一緒に学んでいきましょう。",
"notes": "このスライドはプレゼンテーションの表紙です。聴衆の注意を引き、これから話す内容の概要を提示しています。タイトルの「ChatGPTとは?」は、多くの人が興味を持っているものの、詳しく知らない人も多いトピックを取り上げていることを示しています。サブタイトルの「AIを知らない人のための簡単ガイド」は、このプレゼンテーションが初心者向けで、専門知識がなくても理解できる内容であることを強調しています。"
},
{
"page": 1,
"line": "まず、ChatGPTの基本について説明します。ChatGPTは、AIを使った対話システムです。人間のように自然な会話ができ、さまざまな質問に答えることができます。例えば、「今日の天気は?」と聞けば天気予報を、「簡単なレシピを教えて」と頼めば料理のレシピを提供してくれます。まるで知識豊富な友人と会話しているような感覚で利用できるのが特徴です。",
"notes": "このスライドでは、ChatGPTの基本的な特徴を3つの要点で簡潔に説明しています。AIを使った対話システムであること、人間のような会話ができること、様々な質問に答えられることを強調しています。この説明は、AIや技術に詳しくない人でも理解しやすいよう、日常生活での使用例を交えて具体的にイメージできるようにしています。"
},
{
"page": 2,
"line": "ChatGPTの特徴をもう少し詳しく見ていきましょう。まず、自然な会話が可能です。まるで人間と話しているかのように、文脈を理解して返答します。次に、膨大な知識を持っています。歴史、科学、芸術など、幅広い分野の質問に答えられます。また、24時間いつでも利用可能で、深夜でも休日でも対応してくれます。さらに、多言語に対応しているので、例えば英語の練習相手としても活用できます。",
"notes": "このスライドでは、ChatGPTの4つの主要な特徴を詳しく説明しています。自然な会話能力、広範な知識ベース、常時利用可能性、多言語対応という特徴は、ChatGPTの強みを効果的に表現しています。これらの特徴は、ChatGPTが単なる検索エンジンや辞書とは異なり、より柔軟で高度なコミュニケーションツールであることを示唆しています。"
},
{
"page": 3,
"line": "では、ChatGPTはどのような仕組みで動いているのでしょうか。まず、ChatGPTは大量のデータから学習しています。インターネット上の膨大な文章や情報を基に、言語の使い方や知識を身につけています。次に、その学習を基に、質問や文章のパターンを認識して適切な回答を生成します。これらのプロセスには、最新の人工知能技術が活用されています。簡単に言えば、ChatGPTは「超賢い学習マシン」のようなものです。",
"notes": "このスライドは、ChatGPTの基本的な仕組みを非技術者にも理解しやすいように説明しています。大量データからの学習、パターン認識による回答生成、人工知能技術の活用という3つの要点は、ChatGPTの動作原理を簡潔に表現しています。「超賢い学習マシン」という比喩は、複雑な技術を身近なイメージで理解させるのに役立ちます。"
},
{
"page": 4,
"line": "ChatGPTは様々な場面で活用できます。まず、質問応答です。分からないことがあればすぐに聞くことができます。次に、文章作成の支援です。レポートや企画書の下書きを手伝ってくれます。アイデア出しにも役立ちます。ブレインストーミングの相手として、新しい発想を引き出してくれるでしょう。プログラミングの支援も可能で、コードの説明や簡単なデバッグを手伝ってくれます。このように、ChatGPTは私たちの日常生活やビジネスシーンで幅広く活用できるツールなのです。",
"notes": "このスライドでは、ChatGPTの具体的な活用例を4つ挙げています。質問応答、文章作成支援、アイデア出し、プログラミング支援という例は、ChatGPTが単なる会話ツールではなく、実用的なタスクをサポートできる多機能なツールであることを示しています。これらの例は、聴衆がChatGPTを自分の生活や仕事にどのように取り入れられるかをイメージしやすくします。"
},
{
"page": 5,
"line": "ChatGPTを使うことで、私たちはいくつかの利点を得ることができます。まず、情報提供が迅速です。質問してからすぐに回答が得られるので、効率的に情報収集ができます。また、幅広い知識を持っているので、様々な分野の質問に対応できます。さらに、個人に合わせた対応が可能です。例えば、「もっと簡単に説明して」と言えば、より分かりやすい言葉で説明してくれます。これらの特徴により、学習や仕事の効率を大幅に向上させることができるのです。",
"notes": "このスライドは、ChatGPTを使用することの具体的な利点を説明しています。迅速な情報提供、幅広い知識、個人に合わせた対応、学習・仕事の効率化という4つの利点は、ChatGPTが単なる便利ツール以上の価値を持つことを示しています。特に、個人に合わせた対応や効率化の点は、ChatGPTが従来の情報ツールと比べてどのように優れているかを強調しています。"
},
{
"page": 6,
"line": "しかし、ChatGPTを使う際にはいくつか注意点があります。まず、情報の正確性には注意が必要です。ChatGPTは間違った情報を提供することもあるので、重要な情報は必ず別の信頼できる情報源で確認しましょう。次に、個人情報の取り扱いには気をつけてください。ChatGPTとの会話は保存される可能性があるので、センシティブな情報は入力しないようにしましょう。また、ChatGPTに依存しすぎないことも大切です。最終的な判断は常に人間が行う必要があります。つまり、ChatGPTは優れたツールですが、それを使う私たち人間の判断が最も重要なのです。",
"notes": "このスライドは、ChatGPTの利用に関する重要な注意点を提示しています。情報の正確性、個人情報の取り扱い、過度の依存への警告、人間の判断の重要性という4つの点は、ChatGPTを責任を持って利用するための重要なガイドラインとなっています。これらの注意点を強調することで、聴衆にChatGPTを批判的に、かつ賢明に使用することの重要性を理解させています。"
},
{
"page": 7,
"line": "最後に、今日のお話をまとめましょう。ChatGPTは非常に便利なAIツールです。正しく使えば、私たちの生活や仕事に大きな助けとなります。しかし、最終的には人間の知恵と組み合わせて活用することが大切です。ChatGPTは私たちの能力を拡張するツールであり、置き換えるものではありません。賢明に使いこなすことで、より豊かな生活や効率的な仕事が実現できるでしょう。皆さん、これからのAI時代を一緒に楽しんでいきましょう。ご清聴ありがとうございました。",
"notes": "このスライドは、プレゼンテーション全体の結論を示しています。ChatGPTの便利さを再確認しつつ、正しい使用方法の重要性を強調しています。特に、人間の知恵との組み合わせという点は、AIと人間の共存という重要なメッセージを伝えています。最後の「AI時代を一緒に楽しんでいきましょう」という締めくくりは、聴衆に前向きな姿勢でAI技術と向き合うことを促しています。"
}
]
67 changes: 67 additions & 0 deletions demo copy/slides.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
---
marp: true
theme: custom
class: lead
paginate: true
---

<!---
_class: title
--->

### 見本テンプレート

<br>
<br>
<br>

> # タイトル
>
> ### サブタイトル

<br>
<br>
<br>

名前

---

<!-- _header: ヘッダー -->

# H1 あいうえおabcde

## H2 あいうえおabcde

### H3 あいうえおabcde

#### H4 あいうえおabcde

##### H5 あいうえおabcde

![bg right:33% height:100](https://github.com/marp-team/marp/blob/main/marp.png?raw=true)

<!-- footer: フッター -->

---

<!-- _header: ヘッダー -->

1. **太字太字太字太字太字**

2. _斜字斜字斜字斜字斜字_

3. 数式
$$
\int^2_0 (x+1)dx=\left[\frac{1}{2}x^2+x\right]^2_0=4
$$
4. コード

```c
#include <stdio.h>

int main() {
printf("Hello, World!");
return 0;
}
```
3 changes: 3 additions & 0 deletions demo copy/supplement.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"content": "これは追加情報です。"
}
71 changes: 71 additions & 0 deletions demo copy/theme.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
/* @theme custom */
@import 'default';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap');

section {
color: #656d76;
font-family: 'Noto Sans JP', sans-serif;
font-size: 25px;
line-height: 1.7;
padding-bottom: 1em;
background-color: #fff;
}

section.title {
background-color: #5e80ad;
color: white;
}

section.title h1,
section.title h3,
section.title h6 {
color: white;
}

section.title footer {
color: #5e80ad;
}

strong {
color: #4488cc;
}

em {
font-style: normal;
font-weight: bold;
background-color: #4488cc25;
}

h1,
h2 {
color: #224466;
}

section mjx-container {
color: #5e80ad;
}

section table {
margin: 10px auto;
}

section table td {
text-align: center;
}

section table td img {
display: block;
margin: 0 auto;
}

section table th {
background-color: var(--background-theme);
}

header {
width: 100%;
padding: 10px;
font-size: 1.5em;
font-weight: bold;
border-bottom: 2px solid #5e80ad; /* 下線を追加 */
}
6 changes: 5 additions & 1 deletion locales/ja/translation.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
"AISettings": "■ AI設定",
"YoutubeSettings": "■ YouTube設定",
"VoiceSettings": "■ 音声設定",
"SlideSettings": "■ スライド設定",
"OtherSettings": "■ その他",
"ExternalConnectionMode": "外部連携モード(WebSocket, β版)",
"YoutubeMode": "YouTubeモード",
Expand Down Expand Up @@ -99,5 +100,8 @@
"ShowCharacterName": "回答欄にキャラクター名を表示する",
"AdvancedSettings": "詳細設定",
"ShowSettingsButton": "設定ボタンを表示",
"ShowSettingsButtonInfo": "設定画面は Cmd + . (Mac) / Ctrl + . (Windows) で表示することができます。"
"ShowSettingsButtonInfo": "設定画面は Cmd + . (Mac) / Ctrl + . (Windows) で表示することができます。",
"SlideMode": "スライドモード",
"SelectedSlideDocs": "使用するスライド",
"SlideModeDescription": "AIが自動でスライドを発表するモードです。選択しているAIサービスがOpenAIまたはAnthropicまたはGoogle Geminiの場合のみ有効です。"
}
Loading
Loading