MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プレゼンテーションというと、退屈なスライドが並んでいて、切り替え時にちょっとしたアニメーションが起きる程度と思っているかも知れません。もっと聴衆の目を引くスライドを作ってみたいと思う方はPreziを使っていたりします。しかし、あれはデスクトップで動作するソフトウェアです。 Webならもっと公開やシェアも手軽にできるのに…そう考える方はHovercraftを使ってみましょう。 Hovercraftの使い方 通常のプレゼンテーションのようにスライドを切り替える例です。 Preziのようにダイナミックなコンテンツ切り替えも可能です。 右から左、さらに回転とスライドが激しく入れ替わります。 Hovercraftはテキストファイルでコンテンツを作ります。そのためアニメーションにこだわりすぎる
プレゼンテーションというとPowerPointやKeynoteで作ることが多いですが、HTMLでのプレゼンテーションも使われるようになっています。しかし表現力があまり高くなく、シンプルなスライドが多かったように思います。 そこで使ってみたいのがWebSlidesです。これまでにないほど表現力の高いHTMLスライドが作れるフレームワークです。 WebSlidesの使い方 例えばこんな表示。大きな画像を背景に当てています。 クラスも多数用意されています。 2つのカラムでの表現。ソースコードをハイライトできます。 上下左右、どこでも自由に記述できます。 左寄せ。 3カラムでのグリッド表示。 地図表示の例。 ナビゲーション。 Apple風のクラスが用意されています。 なんとなくそれっぽいですよね。 こんな表示も。HTMLならではですね。 Webサイトにも使えそうなデザインです。 表現という意味にお
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTMLでプレゼンテーションを作るケースが増えています。HTMLであれば専用のソフトウェアを使わずに済み、バージョン管理も簡単です。さらにアニメーションなどは難しい分、逆にコンテンツに集中できるのが利点です。 最近ではMarkdownベースのものが増えていますが、今回紹介するSlide Presentation Frameworkは純粋なHTML/JavaScriptベースになっています。 Slide Presentation Frameworkの使い方 デモのスライドです。 デフォルトのフォントがかなりはっきりしています。 文字サイズは大きめです。 Slide Presentation Frameworkではスライドの切り替わりにアニメーションを行っています。それ以外に特別な機能
It's a time to migrate into Marp Next! The publication of classic Marp app has ended. Marp desktop app, a simple Markdown presentation writer, already had stopped maintenance since 2017. Today Marp team is focusing into Marp Next project, the brand-new presentation ecosystem for the future. See more details in our blog post. Why? We had kept publishing app for stuck users that are thinking Marp Ne
よろしくお願いします 名古屋からリモート勤務させてくれるフロントエンド系の働き口ないかな〜〜〜！！ — あほむ@消費豚 (@ahomu) January 15, 2015 - +
こんにちは。音楽と服と美少女をこよなく愛する陽気な関西人supermannerです。 本日はdots girls Advent Calendar 2015の８日目を書かせていただきます、よろしくお願い致します！ Talkie.jsとは？ さて、本日の表題にもなっているTalkie.jsですが一体どのようなものなのでしょうか。 皆さんは普段発表用のスライドを作るときに何をつかっておられますか？ パワーポイント？Key note??いやーアプリケーション起動するのめちゃめちゃめんどくさいですよね！！ あの独特のGUIも綺麗に作るのには一苦労...デザイナーみたいなスキルないお... 普段のMarkDown形式をそのまま転用できたらどれだけ楽か... そんなあなたに朗報です！！このTalkie.jsですが 簡単に言いますと 「mdやHTML形式ででさらりとおしゃれなスライドを作成することができる
Pelletkachels waren ooit eenvoudige apparaten voor verwarming, maar ze hebben een opmerkelijke evolutie doorgemaakt sinds hun bescheiden begin in de jaren ’80 van de vorige eeuw. In dit artikel duiken we diep in de geschiedenis van pelletkachel, bespreken we de belangrijkste mijlpalen en ontwikkelingen op het gebied van subsidiemogelijkheden en werpen we een blik op de transformatie tot moderne en
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者であってもプレゼンを作らないといけないことがありますよね。外部の勉強会であれば好きなツールが使えますが、企業であるとPowerPointが必須になるでしょう。 そこでPowerPointのファイルが生成できるpython-pptxを使ってみましょう。プログラマブルにスライドが作れるようになります。 python-pptxの使い方 デモです。まずはシンプルなHello World。 リストもできます。 ちょっと形が歪んでしまっていますが、ウィザードをつけることもできます。 さらにテーブルや画像も使えますが。 python-pptxはスライドの内容をすべてPythonで記述します。例えばHello Worldであれば次のように記述します。 from pptx import Pre
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プレゼンテーションにおいてスライドは重要な要素になります。PowerPointを使ったものは似たり寄ったりで眠くなりますし、Keynoteの派手なアニメーションも出尽くした感があります。 そこでHTMLプレゼンテーションの出番です。しかも自分でカスタマイズまでできてしまうものはいかがでしょう。今回はSinatra製のShowoffを紹介します。 Showoffの使い方 Showoffのデモです。 キーボードで次のスライドに切り替えられます。目立たせたいところを点滅させることもできます。 実際に使っているところです。 Showoffはこれまでに出てきたHTMLスライドと比べてアニメーションが多機能に見えます。HTMLスライドは簡素なものが多いのですが、少しでも目立たせたいと考えると方
Showoff is a slideshow presentation tool with a twist. It runs as a web application, with audience interactivity features. This means that your audience can follow along in their own browsers, can download supplemental materials, can participate in quizzes or polls, post questions for the presenter, etc. By default, their slideshows will synchronize with the presenter, but they can switch to self-
アジャイル開発に取り組むチーム向けのコーチングや、技術顧問、認定スクラムマスター研修などの各種トレーニングを提供しています。ぜひお気軽にご相談ください（初回相談無料） 全国100万人のブリよりワラサ好きのみなさんこんにちは。先日強いチームの作り方を公開したのですが、何人かの知り合いからこういうスライドの作り方教えてほしい、というリクエストを受けたので以下にダンプしておきます。 参考書籍以下にあげる本は一度読んでおいて損はないです。プレゼンテーションZenは、ピアソンが技術書の取り扱いやめてしまい絶版かと思ったけど第二版が出て何より。 ガー・レイノルズ シンプルプレゼンプレゼンテーションZEN 第2版プレゼンテーションZENデザインこれらの本の中でも出てきますが、「プレゼンテーション」と「ドキュメント」は明確に分けた方がいい。 よく会社で経営方針とか数字とかをパワーポイントで作って配りますが
Reactが流行っていることもあって、既存の仕組みをReactで再実装し直す試みが増えています。既にある題材を使えばアイディアに困りませんし、Reactの向き不向きを感じることもできるでしょう。 今回はReactを使ったスライドツール、Spectacleを紹介します。アニメーションもサポートし、Reactでプレゼンが行えるようになります。 Spectacleの使い方 こちらがSpectacleの画面です。 矢印キーでスライドが切り替えられます。 こちらが書き方。細かな指定が行えます。 アニメーションも多数用意されていますので、インパクトあるスライドが作れるのではないかと思います。 アニメーションはReactが苦手とする分野かと思っていましたが、意外とスムーズに動作します。後はアニメーションのパターンを増やすことでスライド切り替えをもっと格好良く演出できるようになるでしょう。 Spectac
19. “The primary design principle underlying the Web’s usefulness and growth is universality. ••• And it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. Long Live the Web: A Call for Continued Open Standards and Neutrality: Scientific American http://www.scientificamerican.com/article.cfm?id=long-live-the-web by Tim Bern
I/O 2012 SlidesはGoogle I/O 2012にあわせて作られたスライドテンプレートです。 Androidの新バージョンやNexus 7、Googleグラス、Google Compute Engineなど今年も様々な発表があったGoogle I/O 2012ですが、その中で使われたスライドのテンプレートがI/O 2012 Slidesです。Googleらしく使い勝手の良い、それでいて効果が格好いいスライドテンプレートになっています。 最初のスライド（実際にはスプラッシュが入るので2枚目ですが）。 機能は色々。 スライド一覧。oキーでいつでも呼び出せます。 コードスニペットの一部だけを目立たせられます。 スピーカーノートの表示。 画像の表示も問題ありません。 テーブル表示。 フルイメージ。 スライドの中にiframeを使って外部サイトを表示できます。 こちらはプレゼンターモー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
