nDiki : フォント

Markdown でプレゼンテーションスライドを書ける Deckset for Mac

ここ最近はプレゼンテーションスライドを用意する時は reveal.js を使っています。Markdown で内容を書けるので便利なのですが、個人的には書き始めが億劫というネックがあります。ディレクトリを作って reveal.js のファイル一式を最初に用意するのがちょっとしたことなのですが面倒くさいのです(自分用に若干アレンジしたサンプル一式をコピーする作業)。

Markdown で書けるもので、かつもうちょっとさくっと書けるツールがあるかなと探してみたところ Deckset for Mac が良さそうなので使ってみることにしました。

• http://www.decksetapp.com/

スライドを書く

Deckset 方言の Markdown で記述したファイルを1つ用意すれば Deckset でスライドとしてレンダリングしてくれるのでお手軽。Deckset アプリ自体には Markdown エディタは内蔵されておらず Emacs や Atom など好みのテキストエディタで編集するスタイルというのも良いです。テキストエディタ側で保存すると Deckset 側が更新を検知してスライドを更新してくれます。

スライドに使う画像は URL で指定することができる(そして推奨している)ので、ローカルディレクトリに用意してという必要がありません(もちろん Markdown ファイルと同じディレクトリに用意して読み込ませることもできます)。「プレゼンテーション時にネットワークにつながっていなかったり URL 先から消えていたら困るのでは?」というのが気になるところですが、 Deckset 側でローカルホスト上にキャッシュしてくれるので大丈夫になっています。

テーマ

テーマは Deckset が用意しているものから選びます。欧文系らしいちょっと派手なのが多く、個人的に使えるなというのはそれほど多くない印象です。個人的には Titillium がいちばんしっくりくるかなと。

エクスポート

PDF ファイルや画像でエクスポート可能なので困ることはなさそうです。

好みの設定

スライドの冒頭にそのスライドの設定を書いておくことができます。

 theme: Titillium,1
 footer: [各ページ下部のフッタに載せたい文字列]
 slidenumbers: true
 autoscale: true

が良さそげ。

reveal.js との比較

reveal.js と比べて良いなというところは以下です。

• すぐ書き始められる。
• さくっと画像を貼れる。
• 「右半分画像」というレイアウトが簡単にできる(reveal.js だと厳しい)。
• autoscale を有効にするとページに収まるようにフォントサイズを調整してくれる。

reveal.js では Web ブラウザで表示するため縦横比が変わる前提である程度余裕をもってページを書く必要があるのですが、Deckset はそこを気にしなくて良いのが楽です。CSS や JavaScript コードをいじれる reveal.js に比べると細かいカスタマイズは全然できないのですが、その分デザインは Deckset に任せると割り切って内容だけに集中してさくっと書けます。

reveal.js が便利なところもあるのでプレゼンテーションシーンに合わせて使い分けることにします。

(画像は http://www.decksetapp.com/ より。)

昨日 Day One Premium にしたのでいろいろ使ってみる

昨日 Day One Premium にしたので本日もりもり使ってます。 Mac では最近ずっと Ulysses をメインのノートツールにしていましたが、ここも Day One でやってみてます。

以下感想その他。

• (Mac) Ulysses と違って都度編集モードにする必要があるのが慣れるまで手間 (編集モードトグルの command + E を速攻覚えた)。
• (Mac) エントリを選択していない時の右側のペインの背景色がちょっとどぎつい。
• (Mac) フォントサイズは 12pts ぐらいでもよさそう。
• (Mac) [システム環境設定] - [機能拡張] で Day One を有効にしておく。

今日のさえずり: 自分のとこでも社内 Twitter オフ会やってみたいな

2018年03月08日

• 08:42 Markdown でプレゼンテーションスライドを書ける Deckset、 Deckset 2 からは Mac App Store 購入じゃなくなってる。で $29 か。
• 09:15 雨だし寒いしなので今日はいいかなーとマスクをしないで出てきた。
• 15:15 アルバイト募集をみるにマクドナルド 大井町イトーヨーカドー店は2018年5月25日オープンらしい。 http://bit.ly/2FnQGne
• 17:15 RT @as_tone: RKSKYM （理科系の作文技術読め）
• 17:18 また休みの朝食にカルディコーヒーファームで売ってるパナビの冷凍クロワッサンを焼いて食べたいな。 http://bit.ly/2FdjHi6
• 21:27 自分のとこでも社内 Twitter オフ会やってみたいな。 https://twitter.com/...
• 22:12 Deckset 2 入れてみた。テーマをカスタマイズできる範囲結構狭かった。でも日本語フォントを指定できるだけでもだいぶスライドがいい印象になるな。
• 22:30 14年以上続いている大規模サービスの運用/サーバサイド開発/スマートフォンアプリ開発をしてみたいエンジニアをめっちゃ探しています。
• 23:14 RT @youclick0113: こう書かれるとめっちゃかっこいいしやって見たい！って思うけど、先輩に全力で止められる
• 23:30 トイデジ VQ1005 入手したのもう10年前かあ。 / “トイデジカメ VistaQuest VQ1005 来た” #トイデジ #VQ1005 http://bit.ly/2oW4Z7k
• 23:44 雨だったせいか今日はマスクをしなくても平気で、最高な一日だった。

テーマカスタマイズが可能になったプレゼンテーションツール Deckset 2

Markdown でプレゼンテーションスライドを書ける Mac アプリケーション Deckset が 2 になって遂にテーマのカスタマイズができるようになりました。

早速試してみたところテーマをカスタマイズできる範囲は狭め。でも日本語フォントを指定できるだけでもだいぶスライドがいい印象になりました。もともと入っているテーマは「フォントが違えば」「色がもうちょっと違えば」「ここ中央寄せでなくて左寄せだったら」と、あとちょっと変えられればなと思っていたので、微妙にいじれるだけでも結構嬉しいです。

今後 Deckset 1 が保守されなくなることも考えて Deckset 2 を購入することにしました(有料アップデート)。今回から Mac App Store からの購入ではなくなって公式サイトからの購入です。 $29 で PayPal 経由で 3,199円。コンピュータ2台まで。

今まで Titillium テーマが一番気に入っていたので、これをちょっとカスタマイズして日本語に合ったテーマに調整してみます。

• Deckset 2

今日のさえずり: 星のカービィ1992年4月27日発売なので今日で26周年だ

2018年04月27日

• 09:39 2018年4月27日 朝の渋谷 https://t.co/C2Bq3CfxMP
• 12:27 星のカービィ1992年4月27日発売なので今日で26周年だ。
• 12:30 サイバーショット DSC-RX0 を使い始めて1カ月。ビジュアル・ブックマーク機として最高です。 http://bit.ly/2r1lGjs
• 16:57 朝の渋谷駅の原宿寄り。 DSC-RX0 #RX0 https://t.co/qp3LpxcCBr
• 18:47 Windows PC を返却するのにちょっと恥ずかしい感じにカスタマイズしていたロック画面を戻そうと思ったけれども、変更の仕方が忘却の彼方でしばらく途方に暮れてた。
• 20:59 部の人が今日アルフォートくれました。感謝。 https://twitter.com/...
• 21:06 TweetDeck の字が小さくて厳しいなぁと思ったら設定でフォントサイズを Smallest にしてた(過去の自分)。
• 21:07 「フォントはナガ10」だった頃が懐かしい。
• 21:22 TweetDeck のフォントサイズを Large にしてガンガン斜め読みした方が快適だった。 https://twitter.com/...

Homebrew でプログラミング用フォント Ricty をインストール

2014年頃に Emacs の設定に Ricty フォントを追加していました(記憶がない)

 (add-to-list 'default-frame-alist '(font . "Ricty"))

けれども今の環境には Ricty を入れてなかったので入れました。

 $ brew tap sanemat/font
 $ brew install ricty
 $ cp -f /usr/local/opt/ricty/share/fonts/Ricty*.ttf ~/Library/Fonts/
 $ fc-cache -vf

Symbola フォントを入れて Emacs で絵文字を表示できるようにする

絵文字が含まれているファイルを Emacs で開いても絵文字が表示されず誤編集してしまいそうなので、絵文字が表示されるようにした。

Emacs は Homebrew で入れた Emacs 26.1。このバージョンではフォントを入れれば表示できるようになるとのこと。

• Unicode Fonts for Ancient Scripts

から Symbola v.11.00 をダウンロードしアーカイブを展開。

~/Library/Fonts に Symbola.ttf Symbola_Hinted.ttf をコピーし

 fc-cache -vf

で OK。

mixi日記風スライドにしてみた

昨日は部署で、今日は本部で、上半期ふりかりと下半期キックオフのミーティングを行った。今回は SNS の事業部らしくということでmixi日記風スライドでプレゼンテーションしてみた。

PC 版 mixi の CSS を見ながら色やフォントサイズ比をピックアップして Google スライド上に図形を使ってそこそこmixi日記風にできてちょっと自己満足(実際にプレゼンテーション資料を作る段階では見やすさを考慮して適宜本文テキストを大きくしたりした)。

半期を日記形式で時系列にふりかえるの割といいんじゃないかと思っちゃうの、どんだけ自分日記好きなんだろと。

今日のさえずり: テールメイトのマイナーチェンジ気になるけど今使っているやつあと10年は余裕で使えそう

2019年02月05日

• 06:45 鉄橋。 #SEL1670Z https://t.co/kUHU0CnxnM
• 07:00 RT @Naney: 屋上の配管が楽しい。 PowerShot G9 X Mark II https://t.co/bTmzniEZPl
• 07:15 RT @naturallyphoto: #おつかれさま #写真撮るのが好きな人と繋がりたい #ファインダー越しの私の世界 #キリトリセカイ https://t.co/avoI0JEP2w
• 10:02 2019年2月5日 #朝の渋谷 昨日の暖かさはいずこ。 DSC-RX0 #RX0 https://t.co/n1pvhZGPUK
• 11:45 RT @umefilmphoto: 待合所のフォントが素敵。 #xt10 #fujifilm #fujifilm_xseries #写真好きな人と繋がりたい #photography #snap https://t.co/ES77qa2pef
• 12:30 グレゴリーのテールメイトがマイナーチェンジするのか。気になるけど今使っているやつあと10年は余裕で使えそうだしなー。
• 16:57 渋谷、ちょっと雨降ってて、ちょっとうるおってる。
• 22:19 CHAROP インストールした! @CHAROP_OFFICIAL
• 22:45 RT @Naney: 渋谷東口マイアミビル PowerShot G9 X Mark II https://t.co/aEgUGsffwA
• 23:42 「信頼性を向上するために、新規バックアップを作成する必要があります。」2017年8月11日からの Time Machine バックアップが壊れた。悲しい。
• 23:45 集合住宅。 #SEL1670Z https://t.co/ydGM31cs1U
• 24:11 ダーリン・イン・ザ・フランキス第8話。

nDiki のフォントの大きさと行の高さを変える

PC で閲覧した時のフォントサイズを 18px に、また行の高さを 2.0 にと、今どきっぽく大きく広くしてみた。

幅はいじると影響範囲が大きいのでそのままで。