VSCode + Markdownでスライドや書籍も書いちゃおう！ - Qiita
はじめに Markdownって便利ですよね？ README.md、PR や Issue の本文やコメント、Qiita や Zenn はもちろん、Google Docs や Trello や Notion や Jupyter Notebook でも使えるみたいです。もっといろいろな文書を Markdown で書ければいいのになあ、あらゆる文書のソースコードを Markdown にできればいいのになあ。 さあ、Markdown の可能性を広げましょう！ 本記事では「スライド」と「(電子)書籍」をMarkdownで書く方法をご紹介したいと思います。もちろん、VSCodeでMarkdownを効率よく便利に書いていくためのチップスもご紹介していきますよ。 ご参考スライド VS Code Conference Japan 2021 で発表した際の以下スライドもご参照ください。 もちろんこのスライドもV
【VSCode】Markdownに目次を自動作成する方法 - Qiita
作成方法 目次を自動で作成するために以下の拡張機能を使用します。 インストール後にMarkdownファイルの目次を挿入したい箇所にカーソルを合わせます。 コマンドパレットでMarkdown All in One: Create Table of Contentsを実行します。 すると以下のように目次が挿入されます。 # タイトル ## 目次 - [タイトル](#タイトル) - [目次](#目次) - [セクション1](#セクション1) - [セクション1-1](#セクション1-1) - [セクション1-2](#セクション1-2) - [セクション2](#セクション2) - [セクション3](#セクション3) ## セクション1 ### セクション1-1 ### セクション1-2 ## セクション2 ## セクション3 デフォルトではファイル保存時に自動で内容が更新されます。 目次に関する設
3分できる即席GitHubプロフィール
こんなやつ。 前置き GitHubプロフィールに関する記事は珍しくはありません。 有名どころの記事だとこんな記事があります。 GitHubProfileのページを可能な限りキラキラさせる方法 だがしかし！ 拙者には、とくに素晴らしい実績がない。 だからこの記事の著者のように格好良いトロフィーとかは載っけられない。 「それでも、なんかいい感じのGitHubプロフィールを作りたい...!!」 ...ということで、今回は何の実績のない方でも作れる一番シンプルなGitHubプロフィールのレシピです。 カップ麺にお湯を入れて待っている間にできるかもしれません。 ぜひ読みながら一緒にGitHubプロフィールを作ってみてください。 GitHubプロフィールのレシピ 下記のWebサイトにアクセスして必要な項目を全て埋めた後、「GenerateREADME」のボタンを押します。 GitHub Profile
Markdown を PDF に変換する CI/CD パイプライン構築 - Qiita
AWS が提供するサービスを組み合わせて、Git で管理された Markdown を PDF に一括変換する CI/CD パイプラインを構築した。 パイプライン構成図 処理フロー Markdown を含むファイルを Git で CodeCommit のリポジトリにプッシュ CodeBuild で CodeCommit から Markdown を含むソース一式を取得 ECR にある Pandoc の Docker イメージを利用して Markdown から PDF に変換 PDFをまとめて zip に圧縮し S3 へ転送 パイプライン構築手順 【注意】各種サービスのリージョンは同一リージョンに揃える必要がある S3 生成したPDFを格納するS3バケットを構築する。特に注意点はなし。 ECR Pandoc の Docker イメージをプッシュするためのレジストリを予め作成しておき、Docker
結局UMLとかシーケンス図とかAWSの図とかどれで描くと良いのよ？と思ったときの選択肢 - Qiita
自身のプライオリティによりますが、いくつか。 Markdownで幅広く再利用性を利かせたい、長期的に丁寧に版管理したい 自分自身の操作性、描きやすさと、見た目 俄然手軽に、短期的に、Onlineでいつでもどこでも いずれかという視点で考えると良いのかなと思い、並べてみました。 1. 長期的に: Markdownで幅広く再利用性を利かせたい、丁寧に版管理したいなら Markdownで描くことのメリットは再利用性。 将来的に追記・編集、自分以外の誰かが手を入れる可能性が高い。 現在のドキュメントだけでなく多種説明資料、媒体に転用する可能性がある。 ...という点で差分管理をしたいなら、以下。 VSCodeでPlantUML、Mermaid 上記参考で以下。 Alt+D でプレビュー起動。 Ctrl + Shift + P でコマンドパレットを起動し、出力。 png, svg, eps, pdf
Rubyでmarkdownのmetadata(front_matter)をパースする | swfz[:memo] << TIL
metadata Gatsbyなどでも使っているMarkdownにタイトルなどの情報を付与するための構文 front_matterと言うらしい RubyでMarkdownをパースしてはてなブログにPOSTするためのスクリプトを書いていてこのfront_matterにも対応させるかーという流れになった YAMLのGemでパースできるかと思ってちょっと調べてみたがそうでもなかった ruby - How to include metadata in a template file? - Stack Overflow 上記試してみたがPsych::SyntaxErrorが出てしまい面倒になったのでGemを探すことにした 結局こっちを使うことに waiting-for-dev/front_matter_parser: Ruby library to parse files or strings wi
![Rubyでmarkdownのmetadata(front_matter)をパースする | swfz[:memo] << TIL](https://cdn-ak-scissors.b.st-hatena.com/image/square/aff11d78e4a795c42362ba3f6f74dafee0de19d0/height=288;version=1;width=512/https%3A%2F%2Fterminal-image.deno.dev%2F%3Ftitle%3DRuby%25E3%2581%25A7markdown%25E3%2581%25AEmetadata%2528front_matter%2529%25E3%2582%2592%25E3%2583%2591%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%2599%25E3%2582%258B%26bottom_line_texts%3DRuby%252CMarkdown)
Markdown 書式のリストからリンクを抜き出す - ブログ
Redcarpet と Nokogiri に全力で乗っかっていく なぜ書くのか テストを書く(RSpec) 実装を書く Links なぜ書くのか 「なんとなく」が答え 普段、Google Chrome 拡張の Copy as Markdown を使っている それがあるとタブの情報(タイトル, URL)を、複数選択して一度に取ってこれる そこからURL やタイトルを個別に持ってこられると他の用途として処理を組み込んだり利用できそうな気がした テストを書く(RSpec) テストを書くのと実装を書く順序は "絶対遵守" ではないので、あまり気にしない("二人三脚" のためにある) でも今回は簡単な内容なのでテストを先に書く describe LinkExtractor do context 'passing multiple link with markdown style list' do l
RailsでRedcarpetを使う | 株式会社テクノブレーン
Ruby on RailsでRedcarpetを使ってみる ドキュメントをHTMLで 作成中のグループウェアに、UIkitのHTMLエディタを使用しています。 これまではWordなどのアプリケーションで作成していたドキュメントを添付したりダウンロードしたりする必要がありました。 頻度が少なければさほど気にならないのかもしれませんが、数十名分のレポートを確認する場合などは結構ストレスを感じます。 レポートなどの文書を、Markdown形式で作成して、ブラウザ上で直接閲覧できるようにすることで、グループウェアへの添付やダウンロードなどの煩雑な作業を少しでも減らしたいと考えています。また、テキストデータ化されますので、キーワードによる検索などの便利機能を追加することも容易にできそうです。 MarkdownエディタはUIkitのエディタを採用 UIkitのHTMLエディタはMarkdown形式で入
Ruby on Railsでredcarpetを利用し、シンタックスハイライトに対応したブログ機能を実装する
ゼロイチ-TOPRuby on Railsプログラミング全般Ruby on Railsでredcarpetを利用し、シンタックスハイライトに対応したブログ機能を実装する Ruby on Railsでredcarpetを利用し、シンタックスハイライトに対応したブログ機能を実装する 本サイトプログラミング学習サイトゼロイチも、Ruby on Railsで作成されており gem redcarpetでマークダウンで記入した内容をhtml化しています。 今回はRuby on RailsのGem redcarpetを利用し、Ruby on Railsでブログ機能を実装する方法を解説します また、redcarpetではコード部分の表記があまりイケてないので、Gem coderayを利用しシンタックスハイライト対応にします。 そもそもシンタックスハイライトとは シンタックスハイライトはマークダウンでコード
Railsのプロジェクトにgem 'redcarpet' を用いてマークダウンエディタを導入してみた - Qiita
背景 サービスの修正や機能開発の際に、リリース報をうちたい。 社内のメンバーはマークダウンでの記述に慣れているため、今回はマークダウンで書いてもらうことを前提とする。 流れ gem 'redcarpet' をインストール markdown_helper.rbを作成し、オプションを追加 フォームでマークダウンで記述 Gem追加 $ bundle install redcarpet Helper追加 # gem 'redcarpet' 用 module MarkdownHelper def markdown(text) unless @markdown options = { filter_html: true, autolink: true, space_after_headers: true, no_intra_emphasis: true, fenced_code_blocks: tru
redcarpetで新しいマークダウン記法をサクッと追加する - Qiita
コロナウィルスにも負けずに相変わらずサウナに行っているプレイライフのエンジニアの合原です。 昨日ちょうど、弊社の特集記事の入稿画面に、redcarpetを用いて、マークダウンでの入力を拡張したので、それについてまとめます。 なぜマークダウン記法の追加をした？ 弊社では、従来なかなかの骨のある作りのオリジナルのhtmlエディタが実装されており、 テストもなく、何がデグレするかわからない状態です。 手を加えるとなると、手間も時間もかかることから難しいなと。 何よりも、 「使用者」である編集担当も、使いやすいと思っていない マークダウンも使えるようにして欲しいと言う声が前々からあった といった点から、redcarpetを用いたマークダウン記法を部分的に追加をすることにしました。 本来であれば、エディタ機能自体リプレースしたいところですが、別案件もあったりと。。。現状厳しく（泣 また一方で、弊社の
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る - Qiita
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作るMarkdownVisualStudioCodeDraw.ioMarpvega TL;DR Visual Studio Code上で、Markdownから、こんな感じのデッキを生成できるようにします。 使用したファイル類は、GitHub tomo-makes/marp-styles にまとめました。 きっかけ 叩き台となる資料がなく、急ぎプレゼンをする機会があり、Marpで作成した 内輪では使っていたが、多くの目に触れるのは初めてで、もう少しデザインを調整したいと思った 今後も使いまわせるものを、スニペット、およびサンプルテーマ化しておこうと思い立った ついでにいろいろな図表の生成とデッキへの入れ方、必要そうな配色、素材のリンクをまとめておきたい Marpとは Marp: Markdown
GROWI Docs
Markdown x Wiki 左右2画面でのリアルタイムプレビューが可能。言語ごとのコードハイライトや絵文字や注釈(footnotes)、タスクリスト、Bootstrap による HTML コードにも対応しています。 高いカスタマイズ性 テーマ選択、認証機構の変更、ユーザーごとに Vim/Emacs/Sublime Text のキーマップを選択できたりと、管理者とユーザー両方に合わせた柔軟なカスタマイズが可能です。 育ち続けるプロジェクト WESEEK, Inc. のエンジニアを中心とした活発なコミュニティが、システムを常に成長させ、ユーザーのみなさまと一緒により良いコミュニケーションツールの在り方を模索します。質問や提案があれば私たちの Slack にご参加ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kramdown Converter | kramdown
kramdown
Obsidianは最高のマークダウン『メモ』アプリである
「Visual Studio Code」で“Markdown”テーブルを扱う際は必携「Text Tables」【レビュー】 - 窓の杜
GitHub - gettalong/kramdown: kramdown is a fast, pure Ruby Markdown superset converter, using a strict syntax definition and supporting several common extensions.
GitHub - vmg/redcarpet: The safe Markdown parser, reloaded.
GitHub - ryuta46/eval-spec-maker
