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
自作 Markdown プロセッサベースの blog.jxck.io v2 リリース | blog.jxck.io
Intro 本サイトは自作の Markdown ビルダを使っていたが、色々と気に食わない部分があったのでフルスクラッチで作り直し、それにともなってサイトの刷新を実施した。 必要だった要件や、意思決定を作業ログとして記す。 Markdown 本サイトは、一般に使われている Markdown -> HTML の変換結果では要件を満たせないため、最も都合の良い AST を吐く Kramdown のパーサから AST だけを取得し、それを Traverser でカスタマイズしてから自前でシリアライズしていた。 その実装を、微修正を繰り返しながら、継ぎ足し継ぎ足しで 5 年くらいイジってきたので、そろそろ自分がブログを書く上での要件も固まっており、記事中の Markdown のスタイルも固定してきた。 一方、 Kramdown の実装が原因でどうしてもワークアラウンドが必要だった部分に、フラストレー
Vim/NeoVimでMarkdownをプレビューするプラグインを作った
esm.shの仕様変更で動作しなくなっているかもしれません。ご了承ください。 直していただきました！ありがとうございます😭 使用方法が少し変わっているので注意ください 初めに Vim/NeoVim(Windows/Mac/Linux(+WSL))対応のMarkdownプレビュープラグインを作成しました。 この記事では作った経緯とこのプラグインについて紹介します。 使い方 インストール このプラグインはDenoとdenops.vimに依存しています。 初めにDenoを公式のインストールからインストールしてください。 denops.vimは通常のVimプラグインと同じようにインストールしてください。 Plug-Vim: Plug 'vim-denops/denops.vim' Plug 'kat0h/bufpreview.vim', { 'do': 'deno task prepare' }
Slidevを導入してMarkdownで美しいスライドを書こう - Qiita
(PR) 本記事でご紹介している Slidev などのテクニックについて、2021/11/20(土) 開催の VS Code Conference Japan 2021 にてご紹介しました。YouTubeアーカイブや発表資料も是非ご参照ください。 Slidevとは Slidevはエンジニア向けプレゼンテーションツールです。 Markdownで記述した文書から美しいスライドを生成できます。 公式デモ とそのソースとなるMarkdown もご参照ください。 ドキュメントは以下にあります。 すぐに使えるサンプル 使用頻度の高いと思われる記法を含めたサンプルのMarkdownを以下に公開しています。 コピペするなどしてお使いください。詳細は後述します。 上記Markdownを使用しているスライドを以下にデプロイしています。 上記Markdownの記述内容と見比べていただけると分かりやすいかと思いま
簡単操作で自分専用Wikiを構築できるMarkdownエディタ「Obsidian」のモバイル版を使ってみた
基本無料のMarkdownエディタ「Obsidian」では、Markdown形式で見やすいノートを記述し、ノート同士にリンクを張ることで自分専用のWikiを構築することができます。そんなObsidianのモバイル版が2021年7月12日に登場したので、実際に使って機能を確かめてみました。 Mobile apps - Obsidian https://obsidian.md/mobile Obsidian - Connected Notes on the App Store https://apps.apple.com/us/app/obsidian-connected-notes/id1557175442 Obsidian - Google Play のアプリ https://play.google.com/store/apps/details?id=md.obsidian Obsidia
自己流の手順書フォーマットを公開してみた | DevelopersIO
手順書フォーマットは千差万別 みなさんは自己流または、組織やプロジェクトで定められた手順書のフォーマットはありますか? 私は自己流の手順書フォーマットがあります。 自己流の手順書フォーマットがあるといっても、かなり扱いがふわふわしているので、備忘やメモの意味合い強めでまとめていきます。 「もっとこうした方がいいよ!!」などフィードバックがあれば、ぜひお願いします! いきなりまとめ 手順書はExcelやスプレッドシートではなく、Markdownで書く 手順書はgitで管理する 5W1Hを意識して手順書を書く 基本的にはCLIを使った手順書にする 手順書はExcelやスプレッドシートではなく、Markdownで書く 手順書をExcelやスプレッドシートで書くメリット・デメリット 手順書をExcelやスプレッドシートで書いている方も多いと思いますが、私はMarkdownで書いています。 Exce
TypeScriptプロジェクトのCIでやってること
概要 最近退職に伴いTypeScriptプロジェクトのCI/CDの見直しを行っているので主にプルリクに対するCIを中心に何をやっているのか(やっていた＆やろうとしているもの含む)紹介します。 それぞれはさらっとした紹介のみです。 ちなみに書いてから気づいたんですが殆どTS以外でもできます。 tsc, prettier, eslint 基本です。恐らく殆どのプロジェクトでやっているかと思います。 tscは--noEmitオプションを付けて実行、eslintは--cacheと--quietオプションを付けて実行しています。 prettierは--list-differentオプションを付けると差分があった場合(=prettierが適用されていないファイルがあった場合)にエラーにしてくれます。 CIでWebpack等でバンドルしてる場合はこの辺を明示的に行わなくてもそこでコケるのでやってないケー
最近はノートアプリに Obsidian を使っています｜tokuhirom
みなさんこんにちは。徳永広夢です。 日々を過ごしていると、自分の作業や思いついたことをメモにとることが多いかと思います。紙のメモをとってもいいのですが、かさばりますし、検索性も悪いので、やはりデジタルメモをとっておきたいところです(僕は紙のメモも併用していますが)。 コンピューターでノートを取るにあたっては、学生の頃は ChangeLog メモを利用していましたし、その後は howm、Evernote、Notion、Scrapbox、Joplin、Bear、Inkdrop、紙copi、plan text、org-mode など色々なツールを試してきました。 そして最近は Obsidian を利用しています。Obsidian はわりと新興のノートテイキングアプリです。Obsidian の以下の点に僕は魅力を感じています 使いやすい Markdown editor CodeMirror ベース
スクリーンショットドリブンのメモアプリ mumemo を作った
自分は技術書などの書籍のメモはスクリーンショットを撮ってそれにメモを追加するという形で取っています。 以前はOneNoteにスクショを貼り付けていましたが、OneNoteを立ち上げるのが面倒なので、去年mumemoというスクリーンショットベースのメモアプリを書いて、メモはGitHubのPrivateリポジトリで管理するようにしました。 この記事では、スクリーンショットべースのメモを取るmumemoというアプリを紹介します。 書籍などを読むときにスクリーンショットを撮って、Markdownでメモを書くスタイルでやっているので、それをいい感じにやるElectronアプリを書きました。 "スクリーンショットドリブンのメモアプリ mumemo を作った | Web Scratch"https://t.co/Y26TvxvEvv pic.twitter.com/gA1txccoIw — azu (@
Markdown を Confluence Wiki Markup に変換するやつを作った - かぶりモノ
仕事で Atlassian 系のサービスを使うことになったのだが､Bitbucket 以外の Jira や Confluence は残念ながら Markdown が使えない｡ 代わりに Confluence Wiki Markup という記法を採用している｡ Markdown に比べると面倒かつ使ったことのない記法なので､毎回ドキュメントを読みながら書いている｡ 僕のようなユーザーは少なくないようで､Markdown 対応の要望は数多くあがっているようだが､実装には至っていない｡ Confluence Wiki Markup の変換ロジックや既存投稿との共存が難しいからなのではないか､と勝手に邪推している｡ まあぐだぐだ文句を言っていても Markdown で書けるようになるわけではないので､自分でなんとかしてみた次第である｡ ソース: https://github.com/Keisuke
フロントエンド初心者がGatsbyでブログを作り直した話 - As a Futurist...
フロントエンド初心者が無事に Hugo のブログを Gatsby で一から作り直すことができた。その振り返り。 歴史 インターネットを小中学生(もはや 25 年以上前)に触り初めた頃に、HTML で文章の構造を作り CSS でデザインする、ということができるのを知って感動したけど、結局自分には何かが合わなくてそれを突き詰めることができなかった。というか、それを知ったが故にテーブルレイアウトとかがどうしても気に入らず、かといって CSS は float が難しすぎて、結局ウェブサイトを作る、という根本的な営みをずっと避けてきてしまった。 時は過ぎ、Wordpress の様なブログエンジンや Hugo の様な仕組みがあったおかげでブログを初めて続けることはできた。13 年前にレンタルサーバに Wordpress を置いて始めたこのブログも 9 年前には VPS での Wordpress 運用に
Vim上でリアルタイムにMarkdownをプレビューするプラグインを作った
VimでMarkdownを書くために様々なプラグインが存在しています。 その中でも私は、preview-markdown.vimを使用していました。 このプラグインは、Vim上でMarkdownを表示することができる、とても便利なプラグインです。 ただ、リアルタイムプレビューやカーソル追従の機能が欲しくなってきました。 いい機会なので、Vim script入門も兼ねて自作Vim Pluginに挑戦しました。 本記事では、初めてのVim scriptで作成した自作Plugin及び使用したVim Scriptの機能について紹介したいと思います。 作ったやつ 仕組み Markdownの表示には、glowというterminalベースのMarkdown readerを使用しています。 glowについて glowでは、-pオプションを使用してpagerを指定して表示することができます。 今回は、pag
サッと 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 記法でプレゼンスライドを書けるツー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - scaffdog/scaffdog: :dog: scaffdog is Markdown driven scaffolding tool.
GitHub - kentaro-m/md2confl: 🛠 md2confl is a CLI tool to convert the markdown text to confluence wiki format.
GitHub - honkit/honkit: :book: HonKit is building beautiful books using Markdown - Fork of GitBook
Obsidian - Sharpen your thinking
Slidev
GitHub - docuowl/docuowl: 🦉 A documentation generator
GitHub - googleworkspace/md2googleslides: Generate Google Slides from markdown
