Markdownでスライドを作るツールのFusumaのv2をリリースをしました - 技術探し
リポジトリ: github.com 今回の変更では、面倒事を減らしスライド作成に集中できるようにすることを目標にしていました。 Fusumaとは？ #0CJS MDX(Markdown + JSX(optional)) を使いスライドを作れる プレゼンターモードの提供(なぜかTwitter流せたりや落書きもできる) 音声録音とスライドの操作記録を保存できる github pagesへのデプロイがメインで、pdfでも出力可能 大きな変更 og:imageを自動生成/設定するようにしました ogp用に画像を設定するのがめんどくさいという意見があり、自動的に生成するように追加しました。現在はスライドの1ページ目を画像化しています。 ユーザー側へCSS Variablesを提供しました v1では、publicで外に出さずに自由にcssを書いてもらうようにしていましたが、0から書くのはめんどくさい部
画像を選ぶだけで魅力的なスライド資料が作れる無料Webサービス「SlideLab」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単にブラウザ上でダイナミックなスライド資料を作成できる無料のWebサービスをご紹介します！ スライド作りに最適な高品質画像を自由に配置できるので、ちょっとしたテキストだけでも魅力的なスライドに早変わりします。また、エフェクトやアニメーションなども細かくカスタマイズできるようになっています。 美しいスライド資料を手っ取り早く作りたい人には最適なので、ご興味ある方はぜひ参考にしてみてください！ 【 SlideLab 】 ■「SlideLab」の使い方 それでは、まず最初に「SlideLab」をどのように使えばいいのかについて見ていきましょう。 トップページにアクセスしたら画面中央のボタンをクリックします。 ユーザー登録画面が表示されるので、今回はメールアドレスを利用した登録をしてみましょう。 （※GoogleやFacebookのアカ
Google スライドで登壇用スライドを作る際のテクニック - Qiita
Googleスライドで作られたLT用スライドや社内の資料をみることがありますが、Googleスライドの強みを活かせてない作り方をしている方がとても多いです。 今回は私がGoogleスライドを書く上で意識しているテクニックを紹介します。 Qiitaなので 勉強会などで使う登壇用資料としてGoogleスライドを使う場合 という観点で書いてみました。 先日 Laravel/Vue.js勉強会#10 - connpass というイベントで筆者が実際に作ったスライドを元に解説していきます。 ※@jnchito さんが書かれた【動画付き・プレゼン初心者向け】忙しいITエンジニアのためのKeynote講座 という記事がとても良かったのも、本記事を書こうと思った理由のひとつだったりもします。 マスターを活用する 基本的に文字サイズや色や位置の調整は、スライド側ではなくマスター機能を使います。 マスター機能
MarkdownでSlide作成して自分のGitHub Pagesで公開する - 山ｐの楽しいお勉強生活
MarkdownでSlide作成して自分のGitHub Pagesで公開する奴を作りました。 資料がアチラコチラに散らばることがなく、テキストでGitなので差分が見れたりと結構便利です。 動きがあるスライドなどは辛いですが、さくっと作る時には良いかと思いますので良かったら使ってみてください。 忙しい人用まとめ SlideをMarkdownで書いて自分のGitHubで管理して、自分のGitHub Pagesで表示できるようにした。 reveal.js version 3.5.0を使用 毎回HTMLとか書きたくないので、Markdownのパスを指定すればスライドが表示されるようにした。 真似したい人は、リポジトリをForkやCloneして、GitHub Pagesで公開すればすぐ使えます。（↓に使い方書いてます） https://github.com/yamap55/SlideWithGitH
Vue.jsで構築された、デスクトップでもスマホでも快適に操作できるスライドショーのフレームワーク -Eagle.js | コリス
Vue.jsで構築されたスライドショーのフレームワークを紹介します。 デスクトップ・スマホに完全対応、プレゼンテーションモードも備えており、キーボード・マウス・タッチ操作をサポートしている快適なスライドショーを実装できます。 Vue.jsで構築された、軽快に動作するスライドショーのフレームワーク。 アニメーション、テーマ、インタラクティブウィジェットをサポート。 プレゼンテーション全体でコンポーネント、スライド、スタイルを再利用可能。 ビルトインプレゼンターモードとさまざまな便利なウィジェット。 すべてのAPIが公開されており、カスタマイズ可能。 ライセンスはISC Licenseで、商用でも無料で利用できます。 Eagle.jsのデモ Eagle.jsを使用したさまざまなスライドショーを楽しめます。 まずは、スライドやフェードなどのアニメーションが仕込まれたスライドショーから。 Eagl
【パワポ時代の情報整理術】つめこみすぎなスライドがこれでスッキリ！｜Designer
昨今、情報量がとにかく多く、理解しづらいパワーポイント資料が溢れています。「ポンチ絵」や「曼荼羅」などとも呼ばれるこの手の資料。パワーポイントを作る方も、読み解く方も大変です。 でも、わかります。一枚の資料に収めないといけない事情があることを―。会議の配布資料、提案資料、体制図、システムの構成図…。シンプルな資料が良いとわかっていながら、どうしても情報量を落とせない場合もあります。 そこで今回は、掲載する情報量はそのままに、デザインの力で資料をわかりやすくするテクニックをご紹介します。 【Before】元のスライドはこちらお題にするのはこちらのスライド。体制やネットワークを表す図です。一枚のスライドあたりの情報量が多く、色々な要素が詰まっています。 出典：厚生労働省「医療・介護制度改革について」P.1 www.mhlw.go.jp/stf/shingi/2r9852000001gj87-a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
