サッと Markdown でスライドを書いて GitHub で自動的に HTML と PDF を公開する方法
Marp というツールで Markdown から手軽にスライドを作る方法と、そのスライドを GitHub Pages で自動的に公開するためのツール Marp CLI Action というものを作ったので紹介します。 先に結論だけ述べますと、Marp のエコシステムを使ってスライドを書き、GitHub にプッシュすれば Marp CLI Action を含んだ GitHub Actions で GitHub Pages に自動でスライドを公開できます。 前置き 会社や勉強会でプレゼンをするとき、どのようにスライドを作成しているでしょうか？ PowerPoint、Keynote、Google スライドなど、さまざまなやり方があると思います。 私はとにかく楽に作りたいので Marp というツールを使っています。 Marp とは Marp は Markdown 記法でプレゼンスライドを書けるツー
【導入3分】GoogleスプレッドシートをMarkdown出力するアドオン「MarkdownTableMaker」が超絶便利で悶絶 | DevelopersIO
「もっと早く知っておけばよかった・・・」 という気持ちしか湧いてこない、素晴らしいGoogleスプレッドシートのアドオンがあったので紹介します。昔から探してたんですが、ようやく巡り会えました。 導入も利用方法も超カンタン、普段からMarkdownで表を書いている人には絶対オススメしたいアドオンなので、これを機にガンガンMarkdownで表を書きましょう！ 2021年1月25日追記 現在、このアドオンが利用できなくなっています。ちょっと探しましたが代替のサービスもなさそうで、似たようなサイトとしてこちらが使いやすいかと思います。 Create LaTeX tables online – TablesGenerator.com 「MarkdownTableMaker」とは？ Googleスプレッドシートの内容を、Markdown記法で出力するアドオンです。Markdownはドキュメント記述に非
今月からtodo.mdを初めました。これ書くのにオススメのエディタも紹介するよ。 - Qiita
==================================== Now!! 【①今日、やるべきタスクを一つ】 ==================================== 期限あり ------------------------------------ + [x] 【②期限ありタスク】 **【③締切日時】** + [ ] 【②期限ありタスク】 **【③締切日時】** - 【④タスクの詳細、子タスクなど】 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ 期限未定 ------------------------------------ + [x] 【⑤期限はないが近々に解決すべきタスク】 + [ ] 【⑤そろそろやらねばならないタスク】 - 【④タスクの詳細、子タスクなど】 - 【④タスクの詳細、子タスクなど】 _ _ _ _ _ _ _ _
Markdown記法＋クラウド環境でノウハウを整理したくて試したこと - Cyokodog :: Diary
パソコン崩壊 先日、雷の影響で約10年間連れ添ったパソコンがとうとう壊れてしまいました。 ここ数日は奥さんが衝動買いして埃をかぶってたVistaのノートPCをひっぱりだして、環境設定にいそしむ毎日です。電源系の故障なのでハードディスクは無事でしたが、３ヶ月前にもディスプレイが雷の影響で壊れたりとなにかと家電製品にトラブルの多い我が家、クラウドを活用したデータバックアップ環境などを真面目に考え始めようかなと思ってます。 Markdown記法でGoogle Sitesっぽく管理したい そんな訳で心機一転、安心して使用できるインフラ環境を整えるべく無料ストレージのサービス内容を調べてはGoogle SitesやGoogle Driveなどにメモしてるんですが、メモの量が増えるにつれ前々から感じていたこれらサービスがWYGWYG変換出力するヘンテコHTMLに対する違和感が気になりはじめました。 も
Electron で Markdownプレゼン作成ツールを作って公開するまで - Qiita
Markdown でスライドを作るためのツールを漁っていたのですが、なかなか自分好みのものが無く、Electron の勉強を兼ねて作ってみた話です。 追記 (2018/12/10): その後の進捗はこちら Puppeteer & Carlo を Markdown スライド作成 CLI ツール (Marp CLI) で活用する - Qiita 成果物 今回作ったプレゼンツールは、以下にてプレリリース版を公開しています。 Marp - Markdown presentation writer https://yhatt.github.io/marp/ (旧称 mdSlide) 追記 (2016/07/13 19:42) ＿人人人人人人人人人人人人人人＿ ＞ 突然のGithubトレンド入り ＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣ Markdown スライドツール比較表 私の欲
完全に単一のHTMLファイルで動作するMarkdownエディタ作った - Qiita
概要 完全に単一のHTMLファイルで動作するMarkdownエディタ「かんたんMarkdown」を作ったというお話。 お断り 一応簡単に動作検証はしていますが、とんでもないバグが潜んでいるかもしれません。 かんたんMarkdownを利用して大切な文章がなくなってしまったり、その他損害が生じても責任は取れませんm_ _m 経緯 前回の記事(そろそろExcelで資料作るのやめたい)で、 単一ファイルで動くMarkdown 画像をbase64で埋め込んでしまう というアイデアに可能性を感じて下さった方が多いようです1。 しかしながら、 エディタとプレビューアが別なのが面倒 base64に変換するのが面倒 といった意見も多く聞かれました。 そこで思ったのです。ならばエディタを作ってしまえと。 かんたんMarkdown かんたんMarkdownは完全に単一のhtmlファイルで動作するMarkdown
一瞬でExcelの表をHTML形式やMarkdown形式に変換する方法 - プロクラシスト
Markdown形式で一番面倒だなと思うのが表の作成です。 こればっかりは、Excelでいろいろと編集したほうが楽そうです。 つまり、Excelでの編集結果をmarkdownに変換できれば良いわけです。 今回、そんなMarkdow使いにとって夢のようなツールを紹介します Tables Generator 使い方(簡略版) 使い方(詳しく:注意とtips有り) 参考:セルの結合をしたいときはHTMLで まとめ Tables Generator www.tablesgenerator.com 一瞬でMarkdownのテーブル形式に変換してくれる、ウェブサービス。もちろん無料。 使い方(簡略版) 1. Excelで作成した表をコピー 2. Tables GeneratorのFile→Paste table data...をポチ 3. 変換されたデータのCopy to Clipboardをポチ た
adiary - 日本製のHTML5/Markdownを使ったCMS MOONGIFT
ソフトウェアは世界共通に提供できる一方、思想は作った人のバックグラウンドが反映されやすいものです。海外製のソフトウェアはなんとなく大味で、日本人の感性に合わないと聞くことは多々あります。 Webサイトの基本となるCMSについてもそう言えます。そこで今回は日本製のCMS、adiaryを紹介します。なんと10年以上に渡って継続的に開発が続けられているとソフトウェアです。 adiaryの使い方 最初に自分のブログを作成します。ユーザ毎に作成できるようです。 文書はMarkdownで記述できます。 画像はサムネイルの表示もそのまま埋め込みもできます。 デザインの変更はツールバーが表示されます。 テーマを変更しました。 デザイン編集画面です。 adiaryはPerl製で、長期的に開発が続けられています。多くのシステムでは開発期間が長いシステムはどうしてもレガシーな雰囲気が出てしまうものですが、adi
そろそろExcelで資料作るのやめたい - Qiita
(追記） このアイデアを一部利用したエディタを作りました→完全に単一のHTMLファイルで動作するMarkdownエディタ作った 概要 Excelの代わりにHTML5+markdownを使うといいんじゃないの？というお話し。 エクセル方眼紙つらい SIer界隈ではいまだにExcelが大流行です。Excelは使いどころさえ間違えなければ大変強力で便利なツールですが、いかんせん使いどころを間違えた資料が多すぎるなと感じています。 例えば開発環境などの導入手順書とかバグの調査報告書とか、どう考えてもExcelに向いてない資料まで頑張ってExcelで作っていたりします。使いどころを間違えたExcelの資料は、非常にメンテナンス性が悪いです。 Excelで作られた資料を手直ししたら改行位置がずれて一行一行手動で直した 1行増えただけで罫線がずれて1ページ1ページチマチマと泣きながら直した 追記しようと
Markdown Tables generator - TablesGenerator.com
You can now import Markdown table code directly using File/Paste table data... dialog. How to use it? Using the Table menu set the desired size of the table. Enter the table data into the table: select and copy (Ctrl+C) a table from the spreadsheet (e.g. Google Docs, LibreOffice Calc, webpage) and paste it into our editor -- click a cell and press Ctrl+V or just double click any cell to start edit
Markdown なファイルを Windows で PDF で出力する（印刷する）方法 - 約束の地
Markdown 文字だけの構造的な文章をサッと書く用途として、エディタだけで完結する Markdown 記法は便利です。このはてなブログも Makrdown で書いています。 Windows では PDF への出力や印刷が困難 他の環境を深く知っているわけではありませんが、Windows では Markdown を PDF にするのが困難だと思います。PDF の次の段階である「印刷」もしかりです。一応、選択肢としては、以下のようなところが考えられるでしょうか。 Pandoc markdown-pdf Atom + プラグイン Haroopad MarkDown#Editor Markdown Edit Kobito Markdown to PDF（MD2PDF） しかしいずれの場合も、インストールが煩雑だったり、特定の条件が必要だったり、HTML書き出しを経てのPDF書き出し（印刷）だっ
Markdown スライド作成ツール『Marp』の開発経緯裏話 - Speee DEVELOPER BLOG
2019/08/03 追記: 2019年現在、デスクトップアプリ版の Marp はすでに開発を中止しており、次世代版である Marp Next の開発に注力しています。デスクトップアプリはまだ使用可能ですが、すでにメンテナンスが中止されており、セキュリティに関する一部懸念も指摘されているため、デスクトップアプリ版をこれから使い始めるのは決して推奨されません。 移行先として、Marp Next の公式ツールの1つとして提供されている Visual Studio Code の拡張機能、Marp for VS Code をお勧めしています。クロスプラットフォーム・オフライン対応・ライブプレビュー・PDF出力はもちろん、新しい Marpit フレームワーク をベースとした Markdown 構文、HTML 形式や PowerPoint 形式での出力、カスタムテーマ CSS の対応など、スライド作成
Dropbox上のMarkdownテキストをプレビューしちゃえ！ - Articles Advent Calendar 2012 Casual
こんにちは。先日、調べものをしてたらいつの間にかインナーに着ていたT-shirtsを破っていたyusukebeです。 色んなところで書いているネタな気がしますが、イマイチ良さが伝わってないのでもう一度まとめます。まず、Dropbox便利ですよね^^ PCから手元のストレージ感覚で保存したものが、クラウド？に保存され、各々のデバイスで同期される。これは素晴らしい。次に、この記事は「はてな記法」で書かれていますが、僕は最近もっぱら「Markdown記法」で文章を書いていて、シンプルで見やすく素晴らしい。となると「Markdownの文章をDropboxに保存して共有」なんてユースケースは割とあるのではないでしょうかね？ Markdownを使っていて気になるのはHTMLに変換した見た目だったりしますね。Markdownはプレーンな状態とレンダリング後の見た目の差異が少ない感じ... というのが売り
Markdown + Dropbox がなにげに便利 - 新潟の空は今日も灰色/東京の空は今日も青空
最近メモ書きにMarkdownを使うことが多くなっているんですが(はてなブログもMarkdownで書いてます)、勉強会に関するものとかはDropbox上にテキストファイルとして書いていたりします。先週あたりに気づいたんですが、DropboxのWebインターフェース上からMarkdownのファイルを参照するとレンダリングして表示してくれるんですね。Gistあたりを使ってる人にはあまり恩恵は無いのかも知れませんが、個人的にはすごく便利に感じました。 手順(というほどのものではない) こんな感じでDropboxの上に*.mdファイルを置いておいて、Webインターフェースから右クリック。 「リンクの共有」をクリックすると、 こんな感じで新しいウインドウ(またはタブ)にレンダリング。 もちろん表示中にローカルで編集・保存してブラウザの更新をかければ、変更は反映されてレンダリングされます。 もしかした
androidのmarkdownビュアー を正式にリリースしました - k4zy no blog
MarkDownerを正式リリースしました． 以前，β版を公開していたandroid端末用markdownビュアー : MarkDownerを正式にリリースしました． 前回のβ版の記事 Androidアプリ MarkDownerをリリースしました． - kazy no blog 前回からの変更点 操作性の改善 外部メディアの保存したcssファイルを読み込むことによってスタイルの変更が可能． Dropboxとの連携機能追加 Markdownってなに? markdownとは，メモを取る際などに用いる特殊な記法です．(正体はただのテキストファイルです) たとえば.. ## Title list1 list2 みたいに書くと <h2>Title </h2> <ul> <li>list1</li> <li>list2</li> <ul> みたいにhtmlに変換することができます．楽して綺麗なメモが残
ikiwiki
Ikiwiki is a wiki compiler. It converts wiki pages into HTML pages suitable for publishing on a website. Ikiwiki stores pages and history in a revision control system such as Subversion or Git. There are many other features, including support for blogging and podcasting, as well as a large array of plugins. Alternatively, think of ikiwiki as a particularly flexible static site generator with some
MarkDownで書いたファイルを置くだけでWiki化できるMDWikiを導入してみた。 - Qiita
MarkDownファイルを書くだけで簡単にWiki化できるMDWikiを導入してみました。 日本語情報が少なかったことと、恐ろしく便利なのにあまり日本で使われていなさそうだったので書いてみました。 情報共有Wikiを作りたいけどDB用意したくないとか、簡単で軽量なwikiを求めている人に向いています。 MDWikiの特徴 ・3MB程度と軽量 ・JavaScriptだけで動く ・DBを使用しない ・スマホのページビューに対応している ・記事更新がMarkDownファイルを配置するだけで簡単 ・MarkDownなのでQiitaからのデータ移行も簡単 ・GitHub／GoogleDrive／Dropbox／Disqus／facebook／twitterなどとも連携できる。 ・特にGoogleアカウントでグループ管理していてGoogleドライブを利用しているような組織にはお勧め ダウンロード ht
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub
http://brettterpstra.comprojects/nvalt/
¤³¤Î¥Ú¡¼¥¸¤Ï¡¢²¼µ¤Ë°ÜÆ°¤·¤Þ¤·¤¿¡£ - catch.jp-wiki