この記事の概要 私は登壇する機会がそれなりに多いです。 そのため、発表資料としてスライドを用意することも多いです。 Keynote にせよ Figma にせよ、基本的には便利この上ないのですがピンポイントで「これはやりづらいな」と思うタイミングもあります。 それが reveal.js だと実現しやすいときもあり、差分について記事にしました。 1 行ずつ表示を増やしたいようなとき こんな感じです。 最近ではスマートアニメーションのような機能がついているので、アニメーション自体は問題ではありません。 文章の数だけ前後のスライドが増えるので、修正がする場合大変でした。 reveal.js の場合はこういったコードを 1 度書くだけで OK です。 複数ページ用意する必要はありません。 Paragraph <p class="fragment fade-up">Fade in 1</p> <p c
生成AI使っていますか？ChatGPTにわからないことを聞いてみたら、それっぽいことを答えてくれるよね〜という人から、API連携して自家製のアプリに落とし込んでいる人まで様々な方がいると思います。 今回は、生成AIのなかでもClaude Opusという生成AIを使っておしゃれなプレゼンテーションを作ってみたのでご紹介します。 Claudeは、Anthropic社が開発した生成AIで、ChatGPTと同様に自然言語処理を得意としています。ただ、ChatGPTと比べると、より具体的でクリエイティブな回答をしてくれる印象があります。もちろん他の生成AIを使っても構いません。 今回は、そんなClaudeを使って、Reveal.jsというプレゼンテーションフレームワークでスライドを作ってみました。Reveal.jsは、HTMLとJavaScriptを使ってプレゼンテーションを作成するためのオープンソ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
こういう表現をしたいとき、reveal.js は楽だなあ - Qiita
生成AI×Reveal.jsでパワポを作る｜Kishida Takashi@Omluc