タグ

2020年6月3日のブックマーク (4件)

  • Marp: Markdown Presentation Ecosystem

    Marp:Markdown Presentation EcosystemGet started! Find Marp tools on GitHub! Create beautiful slide decks using an intuitive Markdown experienceMarp (also known as the Markdown Presentation Ecosystem) provides an intuitive experience for creating beautiful slide decks. You only have to focus on writing your story in a Markdown document. The slides above are from generated directly from Marp CoreSho

    Marp: Markdown Presentation Ecosystem
  • Markdownでプレゼンを作ってGitHubで自動公開するフローを整えた

    Cosnomiプログラミングをする医学生。物を作ること、自動化すること、今まで知らなかったことを知ることが好き。TypeScript書いたり、Python機械学習したりなど。 Twitter / GitHub / GPG key / Fediverse / My Page 何を行ったのか LT会や勉強会などの軽いプレゼンを行うときに役立つ次のようなフローを整備しました。 Marpを用いて、Markdownでプレゼンのスライド(pdf)を作成 GitHub Actionsを用いて自動でPDFに変換 masterのスライドをBespokeのHTML形式に変換してGitHub Pagesで公開 何が便利なのか Marpのメリット MarpはMarkdown形式で箇条書き主体のプレゼン用スライドを作成できるツールです。VSCode拡張機能が公開されているので、基的にそれを用いて作業しています。

    Markdownでプレゼンを作ってGitHubで自動公開するフローを整えた
  • 画像による Layout Shift が無くなる Web がやって来る - mizdra's blog

    はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize

    画像による Layout Shift が無くなる Web がやって来る - mizdra's blog
  • 東京 新たに34人がコロナ感染 小池知事「東京アラート」検討

    東京都は2日、都内で新たに34人が新型コロナウイルスに感染していることを確認したと発表しました。1日の感染の確認が30人以上となるのは先月14日以来、19日ぶりで、34人のうち8人が夜の繁華街で働いていたり客として訪れていたりしていたということです。 感染が確認された34人のうち、22人はこれまでに感染が確認された人の濃厚接触者で、残りの12人は今のところ感染経路がわかっていません。 都によりますと、34人のうちおよそ2割の8人は、夜の繁華街で働いていたり、客として訪れていたりしていたということです。 また、4割近くにあたる13人は、集団感染が発生した小金井市の武蔵野中央病院の患者と職員だということです。 これで都内で感染が確認された人は、合わせて5283人になりました。 一方、都は、感染が確認されていた80代の男性1人が死亡したことを明らかにしました。これで都内で死亡した感染者は合わせて

    東京 新たに34人がコロナ感染 小池知事「東京アラート」検討