1. はじめに 皆さんは社内の勉強会やLTイベント等で登壇するとき、どのようなツールを使ってスライドを作成していますか？Google Slide？PowerPoint？Zenn？ 今回は、エンジニアには比較的に馴染みのある Markdown と Vue.js を使ってスライドを作成できる、 Slidev というライブラリを新たな選択肢として提案します！！ Google Slide 等でスライド作成されている、営業さんや人事の方を驚かせるようなスライドを作成することができるかもしれません！ 2. Slidev とは？ Slidev は Markdown ベースで構築できるプレゼンテーションライブラリです。 数々のOSSに携わってきている Anthony Fu さん(antfu.me)が開発したライブラリで、 Vue.js をベースに構築されています。 Slidev の特徴 Markdownで

前回はDoclingというドキュメントコンバートツールを紹介しました。その後、他の変換ツールを探していた所、MicrosoftさんのGitHubにMarkItDownというツールがある事がわかりました。用途はDoclingと大きく変わりませんが、対応フォーマットが特殊ものもあり、こちらも見逃せないなということでメモを取っています。 MarkItDownは、様々なファイルをMarkdownに変換するユーティリティで、インデックス作成、テキスト分析などにも対応しているようです。 github.com インデックス作成機能により、RAGでの検索への活用も期待できます。また、対応するファイルフォーマットも以下のように多様なのですが、このなかで便利そうなのがAudio、XML、ZIPファイルでしょうか。Audioファイルの箇所にspeech transcriptionと記載されているので、かなり守備

MarkItDownとは？ MarkItDownは、Microsoftが開発したPythonライブラリで、さまざまなファイル形式をMarkdownに変換することができます。 リリースされてからわずか2週間でGitHubで25k以上のスターを獲得し、急速に人気を集めています！🤯 なぜMarkItDownはこんなに人気なのか？ MarkItDownは以下のような幅広いファイル形式に対応しています： Officeドキュメント: PowerPoint、Word、Excel リッチメディアファイル: 画像（EXIFおよび画像説明付き）、音声（文字起こし付き） ウェブ・構造化データ: HTML、CSV、JSON、XML アーカイブ: ZIPファイル WordやExcelなどの一般的な形式に対応しているだけでなく、OCRや音声認識を活用してコンテンツを抽出することで、マルチモーダルなファイルにも対応し

この記事は Jamstack Advent Calendar 2020 4日目の記事です。 はじめに Markdown -> HTML の変換に使われる事が多い、Remark / Rehype について書いていきます。 検索すると、Gatsby.js のプラグイン関連の記事は結構出てくるのですが、素の Remark / Rehype にフォーカスを当てた記事は少ないので、よく分からないまま使っているという人も多いのではないでしょうか。 全体像 実はこれらは、Unified と呼ばれるエコシステムの一部に属しています。その中でも、 Markdown を扱う処理系が Remark HTML を扱う処理系が Rehype となっています。 処理の仕組み その処理の仕組みは、Babel や PostCSS によく似ていて、 Parse : 文字列を AST に変換する Transform : AS

Gatsby だと時折見かける gray-matter ですが、Next.js でも非常に役立つので使い方と利点を書いておきます。 マークダウンでコンテンツを分けることを合わせて pages/ の負担を減らせます。 pages/ の管理 pages/ 下には設定用にスクリプト（js, jsx, ts, tsx）を置けません。 data/ などを外に用意してもいいんですが疎になりすぎてフォルダを行き来するのが面倒になります。 jsonで管理してもいいんですがコンテンツを入れると構造がごちゃごちゃします。 マークダウンならタグ付きのコンテンツを簡単に管理できます。 この辺は以前の内容ですが、gray-matter を使って config 付きのコンテンツとして管理することが出来ます。 gray-matter とは gray-matter は front matter の YAML 解析を行うラ

はじめに Visual Studio Codeの環境を整える記事をいくつか書いていますが、Markdownについてもまとめてみようと思います。 前提となる環境の情報 Windows 10 ver.20H2 Visual Studio COde 1.63.2 実現したい機能 Markdownで気持ちよく開発や文書作成を行えるようにするために、次の機能をセットアップします。 プレビュー 標準機能 ファイルエクスプローラー 標準機能 ショートカット 拡張機能を活用 エクスポート HTMLとPDFを出力したい。拡張機能を活用 Marpでプレゼンテーション資料を作りたい 拡張機能を活用 正しい文法でMarkdownを記述したい 拡張機能を活用 ※Markdownで「正しい文法」というのはなかなか難しいですが、他者と共同作業をするときに、同じルールの下で文章を作成できるようになることを目指します。 1

任意のアプリケーションで表示確認するためのサンプルです。 自分用ですが、よろしければ置いておきますのでどうぞ。 【2016/03/24】 Markdown Extra, GFM（GitHub Flavored Markdown）の記法を追加しました forapp-markdown-sample.md - Dropbox 見出し1（h1） 見出し1（h1） 見出し2（h2) 見出し2（h2） 見出し3 見出し4 見出し5 見出し6 ここは段落です。♪もーもたろさん もーもたーろさん おっこしーにつっけたーちーびまーるこー ここは段落です。 ↑半角スペース2個で強制改行しています。 ♪もーもたろさん もーもたーろさん おっこしーにつっけたーちーんあーなごー 強い強調（strong）です。 これも強い強調です。 <strong>strongタグです。</strong> 強調（em）です。 これも

家で野生のカビゴンが出てきて無事にGetできて、ここ最近で一番興奮した中村です、こんにちは。 今日は、リアルタイムでテキスト共同編集ができるMarkdownエディタ「HackMD」というOSSツールをhackしてみたので、そのhack方法についてご紹介します！　HackMDは、ヌーラボのリモートワークやミーティングでの議事録ツールとしても活用しており、導入の背景や他のツールとの使用比較についてもまとめました。 背景：オンラインでのリアルタイムコミュニケーションを円滑に ヌーラボは、国内だけでも福岡・東京・京都、さらに海外も含めるとニューヨーク・台湾・シンガポールなど、各地域に拠点があり、たくさんのスタッフがいます。拠点間でも、朝会など日常的にコミュニケーションが発生するので、face to faceじゃなくともオンラインでうまくコミュニケーションできる仕組みを必要としています。 今ヌーラボ

markdownからkeynoteを生成する奴作った LT資料作るのがめんどくさすぎてmarkdownからkeynote生成するやつ作ってた https://t.co/sK8XaBcj2T— ᴋᴏᴋᴜʙᴜɴ (@k0kubun) 2015, 8月 6 なんか昨日社内でLT頼まれててLTしたんだけど、前日に資料を作るモチベが沸かなすぎて資料を作る奴を作ってしまった。 使い方 gem install md2keyでmd2keyをインストールしておく。 キーノートを開いて好きなテーマを選んで新規作成。 一つ目のスライドが表紙のスライドになるので、好きなレイアウトのスライドに変える。 二つ目のスライドがコンテンツのスライドのレイアウトに使われるので、使いたいレイアウトのスライドを追加する。 md2key **.mdを叩く。 markdownのフォーマット # The presentation @k

gemのslideshowを使ってMarkdownファイルをスライドhtmlに変換する slideshowとは？ slideshowは、Markdownファイルを様々なJavaScriptスライドライブラリを使ったhtmlファイルをビルドするgem。 一つのMarkdownからいろいろなテンプレートのスライドを生成出来るので便利。 Slide Show (S9) - A Free Web Alternative to PowerPoint and KeyNote in Ruby markdownでスライド資料を作りたい | でつmblr インストールとサンプル $ gem install slideshow $ slideshow help #オプションを確認 $ slideshow help build #buildオプションを確認 $ slideshow new #サンプル用のwelc

ちょっと書き物をする用事があって、markdown で書かなきゃいけなかったんですが 余計なインストールの手間が不要で 余計な設定は一切不要で 使い勝手は Linux や Windows 全て同じで 出来れば Markdown 保存したら自動更新されて GitHub Flavour Markdown でコードハイライトト GitHub Flavour Markdown でテーブル表記 こういうのが欲しくて、あるアプリケーションを見つけたんだけど外部の JavaScript を使ってる上にそのリソースURLが無くなり動かなくなってて困ったので作った。 今後もこういう事あるだろうし、自分用に作っておくべきだと思った。書き物をする予定だったのに気付いたら作ってたのでしょうがない。僕のせいではない。 mattn/mkup - GitHub README.md mkup Portable Markd

NW.js(node-webkit)でazu/pdf-markdown-annotatorというアプリを作りました。 pdf-markdown-annotator 簡単に書くと PDFとMarkdownエディタを横に並べてメモを書けるアプリ PDFから選択範囲をエディタに引用 プレビューモードから該当ページにジャンプできる Markdownの読み書き Markdownのプレビュー という感じのシンプルなアプリです。 インストール latest binaryからダウンロード OS X, Windows, Linuxで多分動くはずです なぜ作ったか? 箇条書すると以下のような感じで作りました。 ES5の仕様書を読みたくなった PDF or HTML どっちで読む? メモ付けないと一瞬で忘れる HTMLにメモを書く? HTMLページにメモ付けるタイプはサービスに依存する(保存場所の問題 Home

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Posted 1月 21st, 2012 by codechord. 9 Comments Tweet Tweet つい先日から、ようやくgithubを使い始めました。 gitのことはあまり勉強してないので右も左もわからず、とりあえず、公開されてるレポジトリのクローンを作りまくってニヤニヤ閲覧しています。 で、そろそろ自分もリポジトリを作りたいなと思って、作り方を調べてたんですが、 「README.md」ファイルというものの存在を知りました。 拡張子「.md」？何の事かさっぱりわからず、ドットモジュールって勝手に思ってたんですけど、全然違いました。「マークダウン」の略でした/// マークダウンとは マークダウンファイルとは何ぞや。調べました。 普通のテキストファイルを、ちょっとした法則にならって書くだけで、HTMLマークアップせずに、自動的にHTMLコードとして変換して出力してくれるという

mamemose: Markdown memo server Markdown で快適にメモを取るためのツールを作ったので公開しました。 mamemose といいます。 Ruby でできています。 UNIX ライクな環境で動きます。 GitHub リポジトリ： https://github.com/daimatz/mamemose コレは何 軽量マークアップ言語である Markdown でメモを取るためのツールです。 この手のツールはすでにいくつか存在しますが、 mamemose は次の特徴を持っています。 Ruby 製 ローカルで HTTP サーバとして動く テキストエディタ等で書かれた Markdown 形式のファイルを、コマンド操作無しで HTML に変換して表示する ローカルに余計な HTML ファイルなどを生成せず、ディレクトリを汚さない 複数マシンで内容を共有できる (要 Dr