世界を動かす技術を、日本語で。

Figma Slidesは美しい混乱です

概要

  • プレゼンテーションスライド の役割を再確認
  • Figma Slides の魅力と課題を体験
  • Keynote との機能比較と実際の運用感
  • オフラインやアニメーション機能の 不具合 が発生
  • 結論として「 地味な技術」の価値を再認識

プレゼン資料作成の基本とFigma Slidesへの挑戦

  • プレゼン資料の主な役割は 要点の強調複雑な概念の分解聴衆の興味を引くこと の3つ
    • 画像や短いフレーズ中心のスライドが効果的
    • ダイアグラムなど、雰囲気やポイントを伝えるためのスライドも一部必要
  • KeynoteとFigmaを 行き来しながら 資料を作る手間も、価値あるプロセス
  • Figma Slidesは 2023年にリリース され、2024年3月にベータ卒業
  • 20年近くKeynoteを愛用してきたが、 Figma Slidesに初挑戦

Figma Slidesの利点と機能面の印象

  • Figma内で直接スライドを作成 できる利便性
  • Gridビュー でアイデアの構造化が容易
  • Auto LayoutComponents 機能で、テキストや画像の変動にも柔軟に対応
    • 例:JavaScriptフレームワーク選択の複雑さを ビジュアル化 しやすい
    • Keynoteより 10倍速く 作成可能
  • ただしKeynoteの「 Autosize Text」のような機能がFigmaには未実装
    • Figmaは CSS Grid準拠 のため、Web設計には理にかなうが、他分野展開の難しさも露呈
  • アニメーションや段階的表示(クリックごとに項目表示)が 簡単にできない 仕様
    • レイヤー分割と1ミリ秒のフェードアニメーションで対応可能だが、手間がかかる

Figma Slidesのプレゼン運用上の課題

  • Save Local Copy」でローカル保存しても、オフラインでは プレゼン不可
  • オンライン環境必須、 Presentボタン クリック時にオフラインだと エラー表示
  • オフライン用に「ダウンロード」しても、タブを閉じると 無効化
  • フルスクリーン表示や ディスプレイ切替ショートカット が未対応
    • ポップアップウィンドウを 手動で移動・最大化 する必要
    • マウスカーソルが画面上に残りやすい問題
  • Present/Audienceビュー の挙動が不安定
  • HTML5ビデオ未対応 など、細かな不具合も散見

実際の発表時に遭遇したトラブル

  • 巨大スクリーンでプレゼン時、 スライド進行に2回クリック 必要な現象
  • アニメーションが 全く進行しない 重大なバグ発生
    • クリックしても無反応、空白スライドが表示され続ける
    • すべてのビルドを進めてから戻ることで、 一括表示 のみ可能
  • 7つのビルドを持つスライドで 14回クリック して次へ進み、戻って一気に解説
  • 聴衆は温かく対応してくれたが、 技術的な痛手 を実感

Figma Slidesの現状とKeynote再評価

  • アニメーションバグは再起動で一時的に解消したが、 再現性や他の不具合報告 も存在
  • Figma Slidesは 本番利用を重視していない印象
    • オフラインで「Present」時に エラー-106 表示は致命的
  • Keynoteは古いが、 Appleの品質管理 による信頼性
    • プレゼン用途における 堅牢性 が圧倒的

結論:「地味な技術」の価値

  • 派手さより安定性 を重視する姿勢の重要性
  • Keynoteのような「 つまらないが確実に動く技術」の価値再認識
  • Boring technology is good, actually.」という教訓

Hackerたちの意見

これから学んだことは、特にプレゼンテーションをする時は、ローカルで動いているソフトウェアを使うべきだってこと。シンプルなPDFをバックアップとして用意しておくのもいいかも。ページごとに見せられるし、アニメーションはないけど、アニメーションの段階を見せることはできるよね。

Google Slidesを使ってるけど、いつもローカルのPDFも作るよ。実際、Google Slidesには必要なものがほとんど揃ってて、不要なものはあまりないと思う。(Google Docsも同じ気持ち。)アニメーションやビルドは99%の時間使わないしね。

これが私のプレゼンテーションのやり方なんだ。最初がGoogleスライドのドキュメントだったら、プレゼンの前にローカルにダウンロードするし、ローカルの.pptxや.odpファイルでも、念のためにPDF形式で余分にエクスポートするようにしてる。特に重要なトークのときは、技術的な問題が起こるかもしれないから、スライドを準備した2台のノートパソコンを持って行くこともある。そんなに手間じゃないし、準備が一度でも役に立てば、その苦労は全然無駄じゃないよ。仲間がいる部屋で恥をかくのは最悪だし、特にそのトークが録画されてオンラインにアップされるとなると、余計にね。

ちょっと脱線するけど、最近のプレゼンテーションソフトって妙に「壊れてる」気がする。まるでXerox(PARC?)の「すべては紙」っていうアナロジーが唯一のやり方みたい。プレゼンは、好きなテキストや写真を載せて、読者がその間を読み取って価値を見出してくれることを期待する手段みたい。まずはPowerPointのスマートアートの例を見てみて、どんな大手のプロの報告書と比べてもみてよ。アニメーションができるメディアが静的なPDFの後ろにいるなんておかしいのに、プレゼンをきれいに仕上げようとすると、PowerPointがネイティブでサポートしてない素敵な機能に膨大な時間を費やさなきゃいけない。MiroのPowerPoint用の拡張機能は使ったことないけど、Microsoftがネイティブで許可してるものよりもずっと優れてると思う。

僕の意見では、これはメンタルフレームワークの問題だね。プレゼンは読者のためじゃなくて、聴衆のためのものだから、読みやすくしたり自己完結型にしようとすると、失敗する運命にあるよ。プレゼンは、プレゼンターがいる時にこそ効果的なんだ。

Figmaはいろんなことを進めてるから(SitesやMakeなど)、Slidesに必要な投資や手間がかかるとは思えない。僕もクラウドファーストは避けるようにしてる。サーバーが遅かったりダウンしたり、何かの理由でロックアウトされたら、自分のファイルにアクセスできなくなるからね。PowerPointやKeynoteみたいなアプリが好き。ローカルファーストで、クラウドにバックアップするのがベスト。

記事が言ってるSlides、去年のFigmaの大きな新機能については、今年の新機能に対する信頼感を与えてくれないね。

私もクラウドファーストは避けるようにしてる。サーバーが遅かったりダウンしたり、何らかの理由でロックアウトされると、自分のファイルにアクセスできなくなるから。この理由もあって、私はFigmaではなくSketchを使ってる。特にソロプロジェクトで、他の参加者が編集能力を必要としない場合ね。Figmaでは、ローカルファイルを常にエクスポートして最新のコピーを保持しないといけないのが変だし、完全な作業が独自のフォーマットにロックされていて、会社の気まぐれで突然変更される可能性があるから、ユーザーの作業を解放するために逆エンジニアリングされたツールが壊れることになる。対照的に、Sketchはクラウドモードもあるけど、ローカルファーストでも使えるし、ファイルフォーマットのオープンスペックを公開している。これが正しいやり方だと思う。

スティーブ・ジョブズは2011年に亡くなった。もう14年だね。彼のプレゼンは伝説的だった。iPhoneは2007年に登場した。もう18年。世界は素晴らしいプレゼンが何か、プレゼンソフトはどうあるべきかを学ぶべきだったのに。なのに、ほぼ20年経った今でも、MS PowerPointを含むスライドやプレゼンソフトは2007年のKeynoteにすら及ばない。学んだことの一つは、人にコピーを頼んでも、100%正確なレプリカを作るのはそれ自体が難しいってこと。ほとんどの人は正確にコピーできなくて、小さなディテールを無視しちゃう。彼らはコピーして、90年代や00年代のMicrosoftのように、逆に悪化させてしまう。結局、これは好みの問題かもしれない。スティーブ・ジョブズが言ったように、Microsoftの最大の問題はセンスがないこと。彼らには素晴らしい製品や悪い製品を見極める職人技や製品の天才がいない。代わりに、素晴らしい製品は売れるかどうかで決まってしまう。これが今のAppleだね。

世界は素晴らしいプレゼンが何か、プレゼンソフトはどうあるべきかを学ぶべきだった。根本的な違いはソフトウェアでは解決できない。なぜなら、ソフトウェアは人に物事を大切に思わせたり、価値を見出させたりできないから。ジョブズはプレゼンをパフォーマンスとして捉えていた。これは軽視する意味じゃなくて、彼はプレゼンを演劇やミュージカルのように扱っていた。何日もリハーサルしてプレゼンを微調整するために時間を取る人は少ないし、フィードバックや提案をもらうために複数人で何日もかけるなんてさらに少ない。実際の世界ではね。

世界は素晴らしいプレゼンテーションが何か、プレゼンテーションソフトがどうあるべきかを学ぶべきだと思う。プレゼンターにちょっとした魔法があるのは少数派かもしれない。実際、世界中でプレゼンテーションに関心を持っている人はほとんどいない。

スティーブが業界に持っていた役割を引き継げる人がいないのは本当に残念だよね。新しいことやワクワクすることを効果的に伝える能力が欠けていて、全体的に士気に影響してる。今は、エンジニアのチームを引き連れたハイプマンがどんどん自分たちのソリューションを押し出してる。スティーブがハイプに貢献しなかったわけじゃないけど、彼はそれを自然で歓迎されるものに感じさせてたんだよね。

ちょっと物議を醸す意見かもしれないけど、スティーブ・ジョブズから多くの有用なことを学べる人は少ないと思うし、彼のプレゼンを真似しようとするのもどうかと。彼には大きなサポートチームがいて、磨きをかけてもらってたし、すごくスキルもあった。まるで運転したことがない人がF1を見て運転を学ぼうとしてる感じだよね。ドライバーはすごいけど、配達ドライバーがF1のスピードを出せないからって文句言えないよ。

「世界は素晴らしいプレゼンとは何か、プレゼンソフトはどうあるべきかを学ぶべきだ」なんて、まったくのナンセンス。彼のプレゼンスタイルは、Appleのマーケティングが今知られている特定のコミュニケーションに適していた。スライドは教室から会議室まで、もっと広い範囲で使われていて、Appleスタイルの効果は無効か有害になることもある。スティーブ・ジョブズは、あのスタイルで社内の技術プレゼンをしたら、プレゼンターを叱責しただろうね。形式を機能よりも重視しないようにしよう。人間のコミュニケーションは、ただ脳をくすぐって商品を買わせるだけじゃないから。

プレゼンテーションソフトウェアに関わってきたけど、見た目以上に複雑なんだよね。まず、基本的なケースを考えると、PowerPoint、Keynote、Googleスライドには敵わない。これらは基本アカウントに含まれていて、使い慣れてる人も多いし、どれも仕事をこなすには十分だよね。これらの会社にとっては、プレゼンテーションソフトがコア製品じゃないから、改善するインセンティブもほとんどない。次に、基本的なケースで競争できないから、企業はプレゼンテーションソフトにお金を払う意欲のある人たちをターゲットにする必要がある。つまり、営業やマーケティングが重要で、彼らは美しいソフトウェアには興味がなくて、コンバージョンやデータを重視してる。最後に、ほとんどのプレゼンテーションは味気ない。素晴らしい制作や編集体験に投資すればするほど、複雑になって、基本的なプレゼンを作りたい人が実際にやる可能性が低くなる。チュートリアルやテンプレートがあっても、彼らは仕事をこなすためにクソみたいなプレゼンを作るだろうし、ちょっとしたアレンジを加えようとすると、アニメーションや似たような機能を過剰に使って、さらにクソ化することが多い。結局、実際にプレゼンテーションデッキを作るのに努力する人は少ない。実際に提示される内容の方がずっと重要だし、プレゼンテーションはしばしば乗り越えるべきハードル、例えば社内プレゼンや学校の課題発表なんかだよね。カンファレンスでも、ひどいプレゼンが多いけど、良いものはスライドの質じゃなくて、内容やプレゼンターのスキルで覚えられることが多い。

クラウドファーストが癌であるもう一つの理由。すべてのソフトウェアは:* オフラインで動作すべき * ローカルに保存された(できれば)人間が読みやすい形式でエクスポートして動作すべき

Electronみたいなものがもっと良くないのは本当に残念だよ。クロスプラットフォームのアプリを作るのはちょっと大変だから、結局多くのところがウェブに置いちゃうんだよね。

iA Presenter(関係ないけど)がマークダウンをベースにして、ストーリーを最初に語るところが好きなんだよね。レイアウトは自動で、予測可能だし。前に使ったときは、箇条書きリストが全く作れなかったんだよね。制限はあるけど、それが逆にいい感じ。あと、オフラインでも使えるよ。

一時期、reveal.js(それからslides.com)を試してみたけど、結構制限があったんだよね。それで、いた会社がほぼGoogleスライドを採用しちゃって、特にその時は共同プレゼンが多かったから、コラボ機能がすごく役立った。

marpについてもいい話を聞いたことがあるし、FOSSであることもポイント高いね。0: https://marp.app/

iAPresenterが大好き。リストや箇条書きもちゃんとあるしね。私は(誤用して)クライアントに送る提案書のPDFを作るのに使ってる。主にプレゼン向けだけど、サクッとドキュメントをまとめるのにも便利だよ。

Decksetを(非FOSS)オプションとして追加するって返信してるよ。Decksetや他のコンテンツベースのアプローチは、自動レイアウトでスライドをコンテンツに合わせるのにすごく良さそうだよね。スライドのトランジションに何時間もかけるより、こっちの方が断然いいと思う。

Appleスタイルのプレゼンを作るとき(視覚的なノイズなし、箇条書きリストなし、一つのスライドに一つの魅力的なビジュアルやアイデアなど、情報を詰め込むんじゃなくてストーリーを語る)、観客が本当に楽しんでいるのが見えるんだよね。アイデアも理解してくれてる。でも、常に管理者が近づいてきて、企業のテンプレートを使え、テンプレートに従え、テンプレートの要素を使えって言ってくる。彼らは本当にわかってない。良いプレゼンが何で構成されるかを。観客の中で彼ら自身がコンテンツを楽しんでいるとしても、無駄だよ。追記:余談だけど、700人以上の同僚がいる会社で、私だけがMacBookを使ってる。

私の経験では、人々はスライドを補助的なものではなく、ドキュメントとして使うことが多いんだ。私のプレゼンでは、スライドを計画したスピーチの伴侶として使うのが好きなんだけど、その後に人々がスライドを求めてくると、いつも驚くんだ。喜んで送るけど、スライドだけでは全く役に立たない。だから、管理者がスライドにすべての情報を載せて、スライドを読めばアイデアが理解できるようにしろって言ってくることも経験した。そうすると、プレゼンターはただの声の上乗せになっちゃうんだよね。

2つのバージョンが必要だね。詳細なものを後で共有する用と、話すためのシンプルなやつ。

メインのメッセージをスライドのタイトルにして、他のスライドの内容でそのポイントを補強する形で、なんとかバランスを取ってる。特定のスライドでは、内容は無視してタイトルに集中してもらうように言ったり、強調のためにタイトルを前後で繰り返したりもできるし…技術的な話にはサポートする証拠も必要だから、いろいろな資料にもアクセスできる。ちなみに、シンプルなプレゼンはAppleのマーケティングが得意とする特定のコミュニケーションには合ってるけど、他の状況ではほぼ正反対のことが必要だから、あのスタイルは普遍的に適用できるわけじゃない。形式を機能よりも重視しちゃダメだよ。

彼らは本当に理解していない。良いプレゼンテーションとは何かを。プレゼンテーションとトークの違いについて議論することもできるけど、私が見た中で最高のプレゼンの一つは、リッチ・ヒッキーがClojureを発表しているものだ。あとは「Simple made easy」も、多くの人にとって最高のプレゼンの一つとされている。https://www.youtube.com/watch?v=SxdOUGdseq4 たくさんの箇条書きがあるけど、彼はそれぞれを丁寧に説明して、前のポイントが終わるまで次のポイントは見せない。スライドの一つに作り話のグラフについて冗談を言ったりもしてる。良いプレゼンが何かは、提示される内容に大きく依存していると思う。

スライドにはいろんなタイプがあって、その目的を理解することが成功の鍵だと思う。少なくとも、私はチームに「これはプレゼンテーションスライド(箇条書き少なめ、ビジュアルあり、スピーカーに焦点を当てている)なのか、それとも参照用スライド(プレゼンを見ていない人が読むもの)になるのか」を考えるように指導してる。あと、私のお気に入り(皮肉で)なのは、スライドでのプロジェクト管理。プレゼン以外の目的でスライドを使う企業文化に対して怒るのは無駄だと気づいたよ。そこにあなたのギャップがあるんじゃないかな。私よりも長期的にうまくいくことを願ってるよ!

プレゼンテーションのガイドとして、Beamer(プレゼンテーションデッキを作るためのLaTeX拡張)のドキュメントをいつも紹介してる。https://texlive.mycozy.space/macros/latex/contrib/beamer/doc... (Getting Started > Guidelines for Creating Presentations)いくつかの抜粋を紹介するね: * 理想的には、目次はそれ自体で理解できるべき。特に、誰かがあなたのトークを聞く前に理解できるべき。 * 内容が少なすぎるフレームの方が、内容が多すぎるフレームよりも良い。通常のフレームは20〜40語程度が理想。最大でも80語くらいにすべき。 * 聴衆全員がそのテーマの専門家だとは思わないで。たとえ聴いている人が専門家であっても、あなたが当然だと思っていることを数年前に聞いたきりかもしれない。例えば「意味論的複雑性クラス」や「ω-完全部分順序」が何かを簡単に思い出させる時間を常に持つべき。 * シンプルに保つこと。通常、聴衆はスライドを50秒未満しか見ない。長い文や複雑な数式を考え込む時間はない。 * 「サブアイテム化」は2レベル以上使わないこと。beamerは3レベルをサポートしているけど、その3つ目は使うべきじゃない。ほとんどの場合、2つ目すら使わない方がいい。良いグラフィックを使おう。 * 脚注は使わないこと。読みの流れを無駄に乱す。脚注で言われていることが重要なら、通常のテキストに入れるべきだし、重要でないなら省略すべき(特にプレゼンでは)。 * 短い文を使うこと。 * 可能な限り、各スライドに(少なくとも)1つのグラフィックを入れること。視覚化は聴衆にとって非常に助けになる。 * テキストと同様に、グラフィックに表示されているすべてを説明するべき。説明がない詳細は、聴衆に「これが重要なことだったのか?」と考えさせる。論文や他のソースからグラフィックをインポートする際は注意が必要。通常、あなたが説明できる以上の詳細が含まれていて、かなり簡略化すべき。 * 聴衆の注意を引くためだけにアニメーションを使わないこと。これがしばしばスライドのメインテーマから注意を逸らす。どんなに可愛い回転する定理が見えたとしても、聴衆の気を引くためにアクションが必要だと思っても、ほとんどの人はあなたが彼らをバカにしていると感じるだろう。

参加者として、最近のカンファレンスでのスピーカーたちがAI生成のスライドデッキを使うことが増えてるのが、個人的に気に障る。どうしても、 - 不要なAIビジュアルや - 遠くからは全く読めない巨大なAIの文章が詰まってるんだよね。スライド生成のスタートアップがなんでこんなにやりすぎるのか理解できない。だって「1スライド1ビジュアル」のパラダイムの方が、観客にとってもずっと良い体験だし、生成するのもずっと簡単だと思うのに。

これらのスタートアップの創業者や、彼らの製品を使ってるユーザーは、細かいことに気を使わないか、気づいてないんじゃないかな。ボタンを押して、ぱっと見いい感じのスライドを見て、そのまま出荷しちゃう。雰囲気でやってる感じ。

それは、これらの人たちが品質に気を使っていない良い指標のように聞こえるね。 :)

最近はプレゼンテーションをPDFとしてエクスポートしてる。これも一度失敗したことがある。大学で発表するための論文についてプレゼンをする予定だったんだけど、好きなフォントを使ってたんだ。問題は、コンピュータがそのフォントを気に入らなかったこと(PDFに埋め込まれていなかった)で、プレゼンのテキストが全部切れてしまって、ほぼ台無しになった。今はPDF/Aかそれ以外は使わないようにしてる。ありがたいことに、LibreOffice Impressでもファイル > エクスポート > PDFとしてエクスポート > 一般 > アーカイブ(PDF/A, ISO 19005)でエクスポートできる。https://en.wikipedia.org/wiki/PDF/A#Description アニメーションや他の動的コンテンツはないけど、それらはYouTubeにリンクしたり、ローカルのMP4ファイルを見せたりすればいいから簡単だし、それ以降は失敗してない。あ、あと、指定された場所のコンピュータにウェブブラウザがあれば、そのファイルを開くこともできる。他のソフトウェアも必要ないし、ウェブプラットフォームにログインする必要もないから楽だよ。