SpeakerDeckの日本語かすれる問題について SpeakerDeckにアップしたスライドで、一部のテキストがかすれる問題に悩まされていました。 若干白抜きされるというか…カッスカスな感じになってしまいます。 こいつの解消方法が確立できたので共有します。 状況整理 SpeakerDeckにGoogleスライドからエクスポートしたPDFをアップすると、一部の日本語がかすれる問題がある 英数字は問題なし ボールド(太字)指定した日本語のみ本現象が発生する模様 エクスポートしたPDF自体はかすれていない SpeakerDeckにアップするとかすれる SpeakerDeck上からダウンロードしたPDFはかすれていない Googleスライド上でフォントを切り替えても効果なし PowerPointやKeynoteからエクスポートしたPDFは問題なさそう 対処法① Googleスライド以外のスライド
前置き フォントをM PLUS 1pにする 絵文字は使わない ソースコードを貼り付ける時にいい感じにシンタックスハイライトを効かせるやつ SlidesCodeHighlighter Carbon VSCodeなど 前置き 普段発表用の資料は Google Slides で作成し、Google SlidesでPDFにエクスポートした後に https://speakerdeck.com/ にアップロードしています。 長年の暗黙知が積み重なってきたのでメモ。 フォントをM PLUS 1pにする Google SlidesだとデフォルトのフォントがArialとかになっていますが、このフォントだとPDF化した時にレイアウトが崩れたり文字が掠れるため、PDF化する前提なら初手でM PLUS 1pにするのが無難です。 参考URL speakerdeck.com note.com 絵文字は使わない 絵文字
スライドを共有するSlideshareやSpeakerdeckのようなサービスを作りたいと思ったことはないでしょうか。個人的には以前作ったことがあるのですが、その頃はFlashに変換してビューワーで表示するのが基本でした。今であればPDFや画像化して表示することでしょう。 今回紹介するReact SlideShow UIは画像をスライド風に切り替えて表示できるビューワーです。 React SlideShow UIの使い方 Reactコンポーネントの記述法です。imagesで複数の画像を指定できます。 <slideshow style={{width: 400}} images={[ './img/example1.png', './img/example2.png', './img/example3.png', ]} withTimestamp={true} pageWillUpdate=
はじめに今回は、エンジニア採用担当向けに、スライド共有サービスであるSpeakerDeckの使い方を解説します。 エンジニア採用に役立つサイトの見方をまとめた記事「エンジニア採用担当が知っておくべきGitHubの基礎知識」「Qiitaの基礎知識」「connpassの使い方」「teratailの基礎知識」に次ぐ第5弾です。 第5弾では、実際のSpeakerDeckの使い方はもちろん、なぜエンジニア採用担当もSpeakerDeckの使い方を知る必要があるのか、その理由もあわせて説明します。 SpeakerDeckとはSpeakerDeckとは、PDFをアップロードするだけで、簡単にWeb上にスライドを共有できるサービスです。海外サービスのため英語表記ですが、シンプルなUIなので迷うことなく画面操作できます。 エンジニア採用担当がSpeakerDeckの使い方を知るべき理由多くのエンジニアがSp
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く