45分登壇で75%効率化したMarkdown+生成AIスライド作成術 - Qiita
KDDIアジャイル開発センターのpiyonakajimaです。 突然ですが、あなたは登壇スライドの作成にどれぐらいの時間をかけていますか？ 6/21-22に開催されたScrum Fest Osaka 2024に登壇した際、Markdown+生成AIを活用して登壇スライドを作成しました。その際、45分の登壇資料作成を75%効率化（自分比）できました。 普段からMarkdownで資料を作成している方からすると、これまで時間かけすぎやろ、というツッコミが聞こえてきそうですが、登壇資料の作成時間に悩まれる方は沢山いらっしゃるのではないかと思います。今回はこの時に実施した工夫をお話します。 以下がMarkdown(Marp)と生成AIを使って執筆した45分の登壇資料です。一部PowerPointで作図した過去資料から流用しています。 Marpでは、たとえば以下のようなmarkdownを書くと、 --
Tome — Business presentations that persuade
AI template fill Instantly personalize decks with AI.Streamline your sales process by automating sales research and deck personalization. Available for Enterprise only. AI template fill Instantly personalize decks with AI.Streamline your sales process by automating sales research and deck personalization. Available for Enterprise only. Data sources Leverage your company's intelligence.Whether it's
プレゼンスライドがみるみる良くなる基本の推敲技術 -事例付き解説-｜石原尚（大阪大学教員）｜note
研究発表のスライドの仕上げの目的は、単に見栄えを良くすることではなく、伝えたいことが正しく・詳しく・分かりやすく伝わるようにすることです。スライドの推敲の技術を知って、実践的に身につけましょう。大阪大学大学院の教員であり、2021年10月に『卒論・修論研究の攻略本（森北出版）』を上梓した著者が実例付きで解説します。 スライドの推敲とは？文章がそうであるように、スライドもまた、「伝えたかったこと」をいつでも正しく伝えてくれるとは限りません。そして、正しく伝わるはずだ、という淡い期待を裏切られたときは、本当につらいものです。 文章を推敲するように、スライドにも推敲をかけましょう。ただし、スライドを推敲する際に、単にスライド中の語句を推敲するだけでは不十分です。スライドは、文章とは異なる表現形式だからです。 とはいえ、実は、著者の別記事で紹介した文章の推敲技術は、スライドの推敲にも使うことができ
開発者のためのスライド作成ツール Slidev がすごい
マークダウン形式のスライド作成ツール Slidev を試したら、とても良かったので紹介です。 Slidevとは？ Slidev はVue UseやType Challengesの作者であり、Vue.js のコアチームメンバーでもあるAnthony Fuが開発しているマークダウン形式でのスライド作成ツールです。 Vite、Vue3、WindiCSSを用いて開発されています。 まだ Public Beta ですが、リリースからわずか数日で 7,000 を超える GitHub スターを集めています。 実際にどのようなスライドが作成可能なのかは、Slidev のデモや、作者の Anthony が Slidev を用いてプレゼンした VueDay2021 の資料が分かりやすいです。 デモ動画 VueDay2021 でのプレゼン 使い方 任意のディレクトリで以下コマンドを実行するだけで環境は整います。
提案書の書き方、徹底解説～提案書のストーリー・コピー・デザインの基本法則【スライド付】 | knowledge / baigie
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法～伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
「Googleスライド」で作る資料を、ちょっと良く見せるコツまとめ - Yunicode
はじめに こんにちは。書き始めを「はじめに」にしてしまうハウツーサイト出身者です。 コロナコロナで様々なものが中止や延期になってしまい、3.11のときに似た閉塞感を感じていますが、みなさまいかがお過ごしでしょうか。通勤や平日が好きな日常を愛する者として、一刻も早くいつも通りの日常が戻ってきてくれることを心より祈ります。 そんなときこそブログを書こう せっかくブログの会社に転職したんだし？ 最近は何をしているかというと、実案件運用から組織マネジメントまで幅広くやっております。お金周りに近いところを希望し入社したので、営業さんとお仕事をさせてもらっていて楽しいです。ありがとうございます。 資料をよくつくる となると、内部向け外部向け問わず資料を作ることも多くなります。以前は圧倒的Keynote派でしたが、現在はなるべく共有しやすいGoogleスライド中心にしています。 みなさん資料作りは好きで
Notist. Build your public speaking portfolio.
More than just slides. Notist is a place to build your public speaking portfolio. A place to share your slides, but also to collate feedback, tweets, photos, resources and everything to create a permanent history of your speaking events. Take a look around Share a presentation Create a beautiful page for your presentation ahead of time, set it to go live with a predictable, tidy URL. Add your slid
SpeakerDeckのURLを操る！ - HAL @bump_of_kiharu
釣りっぽいタイトルになってしまいましたが、前々からSpeakerDeckの公開スライドのURLの仕様が超絶ダサくて、これどうにかならんのか？？と思っていたところ、裏ワザ（なのか分からないけど…）を発見し、Twitterでツイートしたところ地味にリツイートされたので、もしかして皆思ってたけど知らないのかも？と思ったのでブログに書きます。 SpeakerDeckのURLの仕様 試しに1枚のスライドをアップロードしてみます。 すると・・・ まぁこんな感じで公開されるんですが URLぇ・・・(；´Д｀) これはアリエナイ。わざわざローマ字に変換されてURLになっとる。ダサい。しかも長い。さらに言えばEditボタンから、スライド名を変更したらURLごと変更される。これが一番アリエナイ。 どうにかならないのか考えた タイトルがURLになるなら、もうURLを意識したタイトルで登録するしかないのか・・・と
SpeakerDeck のスライドはりつけが巨大で困る - Qiita
SpeakerDeck のembedスクリプトは、親要素の横幅を基準にスライドの表示幅を決めるっぽい。 <div style="width: 65%"> <script async class="speakerdeck-embed" data-id="507ea19ed1e0a4000203d45d" data-ratio="1.3333333333333333" src="//speakerdeck.com/assets/embed.js"></script> </div>
発表スライドについてのルール
学会、卒業研究等の発表会でのプレゼンテーションを念頭に、守ったほうがいい（とぼくが考える）ごく基本的なルールをまとめる。 物理に近い分野での発表を想定しているが、おそらくほとんどのジャンルにあてはまる。 もちろん、すべての研究者が以下のルールのすべてを実践しているわけではない。 しかし、プレゼンテーションについて真剣に考えれば、多くのルールに賛同してもらえるはずだと信じている。 ここでは、よい発表をするための心がけや考え方には（ほとんど）触れていない。それはまた別に書くべきだろう。 また、実際に（PowerPoint や Keynote などの道具を使って）いかにスライドを作るかということには全く触れていない。これについて省みるに、ぼく自身が実際のスライド作成については確固たるノウハウを持たず、その場その場でなんとなく作ってきたため、人にしっかりと伝えられることがないのだと自覚した。 スラ
deck.js » Modern HTML Presentations
<div class="deck-container on-slide-1"> <section class="slide deck-previous"> <h1>My Presentation</h1> </section> <section class="slide deck-current"> <h2>Slide Header</h2> <p>Here is a list of points:</p> <ul> <li>Point 1</li> <li>Point 2</li> <li>Point 3</li> </ul> </section> <section class="slide deck-next"> <h2>Another Slide</h2> <blockquote cite="http://example.com"> <p>Lorem ipsum dolor sit
Markdownからスライド資料を作る
B! 460 0 1 0 何か人に見せる時には資料としてPower Pointとかでスライドを作るわけですが、 普段メモもMarkdown形式で書いてく事が多くて、 簡単なもの、特に文字だけの物の場合はそのままコピペするだけみたいな ことも多いので、 直接Markdownからスライドを作る物を試してみることに。 Markdownからスライドを作れるツール Pandoc 対応フォーマット インストール PDF作成(beamerテンプレートを使う) beamerのテーマについて 日本語について Pandocまとめ Slide Show (S9) インストール スライド用HTML作成 PDFにコンバート その他のツール Marp mkd2pdf markdown-pdf markdown2impress mdslide slidedeck remark Markdown2pdf Swipe Sl
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Slidev
GitHub - ryuzee/open-slideshare: Open Source Slide Deck Sharing Application like Slideshare or SpeakerDeck
GitHub - ulf/markdown2deckjs: Create beautiful deck.js slides directly from markdown text
お盆休みにまとめ読み！Web制作のおすすめスライド コーダー・エンジニア編