ローカル環境で動作し、Markdownで書いたノートをつなげるアプリ「Obsidian」とは | gihyo.jp
ノートアプリ「Obsidian」を使いこなす ローカル環境で動作し、Markdownで書いたノートをつなげるアプリ「Obsidian」とは 2022年10月に「1.0」というバージョンがリリースされたアプリ「Obsidian」。このリリースはgihyo.jpでも記事として取り上げられ、非常に注目されています。 この記事では具体的にどのような特徴があるのか、他のノートアプリやMarkdownエディタと比較しながら紹介します。 図 Obsidian Obsidianとは何か？ Obsidianというアプリを紹介するとき、さまざまな説明が使われます。 ノートアプリ メモアプリ Markdownエディタ PKM（Personal Knowledge Management）ツール など これらはいずれも間違いではありませんが、一言で表現するのは難しいものです。そして、一言で表現しようとすると、そ
MarkdownをコマンドでPDFスライドに変換する
勉強会などで簡単な説明資料を作りたいとき，PowerPointで資料作成に時間をかけたくないとき，普段のメモからさっとスライドが作れるのが理想です． Pandoc無料の文書変換ソフト Pandoc で，様々な文書間の相互変換（一部は一方向の変換）を行えます． 今回は２種類の形式でスライド化してみようと思います． Markdown → PowerPointMarkdown → PDF (Beamer)Installationパッケージインストーラをダウンロードして起動するだけです． Pandoc - Installing pandoc Markdown to PowerPointサンプルとして以下の記事を PowerPoint 形式に変換してみます． 完成したものが以下のスライドです．--toc オプションをつけることで，目次を出力できます． 一見うまくいっているように見えますが，下の部分が
開発者のためのスライド作成ツール Slidev がすごい
マークダウン形式のスライド作成ツール Slidev を試したら、とても良かったので紹介です。 Slidevとは？ Slidev はVue UseやType Challengesの作者であり、Vue.js のコアチームメンバーでもあるAnthony Fuが開発しているマークダウン形式でのスライド作成ツールです。 Vite、Vue3、WindiCSSを用いて開発されています。 まだ Public Beta ですが、リリースからわずか数日で 7,000 を超える GitHub スターを集めています。 実際にどのようなスライドが作成可能なのかは、Slidev のデモや、作者の Anthony が Slidev を用いてプレゼンした VueDay2021 の資料が分かりやすいです。 デモ動画 VueDay2021 でのプレゼン 使い方 任意のディレクトリで以下コマンドを実行するだけで環境は整います。
マークダウンを校正してPDF形式のスライドに変換する(Slidev+textlint)
はじめに スライドを作る作業って辛くないですか？ 内容の構成を考えるだけで頭が痛いのに、テキスト位置を調整したり、書式を変えたり、画像を貼り付けたり…。 そんな鬱屈した日々を過ごしていたある日、この記事を見かけました。Slidevの特徴と使い方が丁寧に解説されています。 重要な部分のみ引用します。 reveal.jsやremarkなどのマークダウン形式でのスライド作成ツールとほぼ同様の記法で、スライドを作成できます。大抵のツールでは、ある程度決まったレイアウトになるのですが、Slidev の場合は拡張性がかなり高いです。Vue Component や、WindiCSS でスタイリングすることでページごとに独自のスタイルを当てて自由なレイアウトで構築することも出来きます。 …マークダウン形式でスライドを作成できます。苦悶と哀愁に満ちたスライド作成作業に光明が差しました。 完成形 Slidev
納品ドキュメントの作成にMarkdown+Vivliostyleを採用した話 - Qiita
こんにちは、製造業でソフト開発エンジニアをやっているとみー(@tommyecguitar)です。 会社で納品物の説明ドキュメントを作ることがあり、その時にMarkdownでの組版をやってみたので、どう運用したか、困ったところ、いい点、悪い点をまとめてみようと思います。 Vivliostyleで組版したブログはたくさんあるので、見た目がどんな感じにできるかなどはそちらを見ていただくか、Vivliostyleのサイトをご覧ください。 Wordじゃだめなのか。 製造業で何かしら長大なドキュメントを作るとなったら、大抵はWordを複数人数で編集するという運用をしているところが多いと思います。 しかし、Wordにはいろいろと悪いところがあります。 チーム内で共同編集すると、編集したところが消えたり、フォントやデザインがなぜか統一されなかったりする。 セクションごとに担当を分けても、マージが手作業にな
Vivliostyle：とにかくCreate Bookのサンプルをビルドしてみる（中編その1）
この記事は4つの記事で構成されています。（注意：中編が膨れ上がってしまったので、2つに分割しています） 前編：Vivliostyleで今度こそはじめる「Markdownで技術同人誌」 Vivliostyle、Create Book、Vivliostyle Flavored Markdown（VFM）の概要を紹介 中編その1：とにかくCreate Bookのサンプルをビルドしてみる ← いまここ インストール Create Bookのサンプルをビルドしてみる 中編その2：VFMの紹介 VFMを「GFMの記法」「GFMを拡張する記法」に分けて紹介 後編：技術同人誌を作って入稿用PDFをビルドする 同人印刷所の入稿要件を満たしてみる インストール まず必要なソフトウェアをインストールしていきます。 公式チュートリアルガイドによると、Create Bookの動作環境として次が挙げられています。 m
開発者が考える提案書テンプレート markdown版 - Qiita
概要 定型的な システム開発 では以下のような設計書が使われる。 システム要件定義 システム方式定義 ソフトウェア要件定義 ソフトウェア方式設計 ソフトウェア詳細設計 しかしそれ以前に 開発者目線、開発者発信で顧客に提案する概要資料を作りたい ケースがある。あるいは就職活動時の自身のポートフォリオを採用担当に説明することも同様かもしれません。 オードリー・タンがコード書く前にまずreadme.txtを書く話、Yahoo!がプロダクト開発の最初にプレスリリースから作る話、自分が前職で商品企画する際にまず広告から考えていた話、どれも明確なゴールイメージをまず確定させて必要要件を定義していくという意味で全部共通の考え方 — 菅俊一 / Syunichi SUGE (@ssuge) February 2, 2021 なんて話も。 技術とマーケティングのちょうど中間、開発者と顧客との意思疎通の橋渡し
VisualStudioCodeでMarkdownを書く際に入れておきたい便利な拡張機能5選 - Qiita
ドキュメント類はMarkdownで書きたい。エディタはVSCで。 何でもかんでもMarkdownで書きたいお年頃なVSC愛用エンジニアな方に向けて、入れておいて損はない（気がする）拡張機能を5つ紹介しておきます。 特にQiita用のメモ書きやらシステム要件定義やら書く機会が多いエンジニアの方なら役立つんではないでしょうかね Markdown All in One インストール：Markdown All in One All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more). この拡張機能はMarkdownを記述する際に便利なショートカットキーを提供してくれる拡張機能です。 以下にショートカットと使えるコマンドを簡単に書いておきます。 キーボードショートカット キー コマン
Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO
こんにちは、臼田です。 みなさん、業務設計してますか？(挨拶 今回はMarkdownでシーケンス図やフローチャートなどの図を記述できるMermaidを使って業務フローを書いてみたら、意外と書けたので自分なりのTipsを紹介したいと思います。 その前に 注意点として、まだMermaidを使い始めたばかりなので、「もっとこうしたらいいぞ」とか「こっちのほうがいいぞ」とかあれば建設的なフィードバックとしてSNSとかでいただけるとありがたいです。 あと業務フローって表現しましたが、人によって思い描く業務フローが違うと思うので、業務フローの定義に関するツッコミはご容赦ください。私が今回Mermaidで書いたのは以下の図です。(内容はブログ用に簡素化しました) この図のコードは以下のとおりです。(後ほど解説します) sequenceDiagram autonumber actor お客様 partic
Markdownの方言とMarkdown プレビュアー Glance Vimの紹介
Markdownの方言 世の中には沢山のMarkdownの方言があります。 GitHub Flavored Markdown, Pandoc Markdown, Stack Overflow Markdown, Qiita Markdown, Zenn Markdown, dev.to Markodown, GitLab Markdown, Hatena Markdown, BitBucket Markdown, Common Mark ... Markdownをサービスに組み込もうとすると各々が拡張構文を加えてしまうため そのサービスに応じて独自方言が生れます。 ところでMarkdown ItというMarkdown to HTMLなライブラリをご存知でしょうか？ これはVisual Studio CodeのMarkdownのレンダリングにも使われている有名な JavaScriptのライブ
Visual Studio Code拡張 Markdown All in One
目次 1. 概要 2. インストール 3. 使い方 3.1. キーボードショートカット 3.2. 目次関連 3.3. 見出しのナンバリング 3.4. リスト編集補完 3.5. MarkdownをHTMLに変換 3.6. GitHub風Markdown(テーブルの整形) 3.7. 数式 3.8. 自動補完 3.9. リンク貼り付け支援 4. 参考ページ 4.1. 公式ページ 1. 概要 Visual Studio Code(以下VS Code)でMarkdownを書くのが便利になるMarkdown All in Oneを入れてみんとす。 機能としては下記のようなことができるようになる。 機能 説明
Deno(Aleph.js) で Markdown で投稿できる SNS のようなものを作ってみた
本記事で紹介した Heroku 上のアプリは動かなくなったため、 Deno Deploy にデプロイしています。 以下の記事を参照してください。 https://zenn.dev/chiba/articles/md-sns-deno-fresh Leaves Deno(Aleph.js) の学習がてら、Markdown で投稿できる SNS のようなものを作り、Heroku 上に公開してみました。 Leaves と名づけました（Heroku 無料枠の利用のため、残念ながら初回アクセス時はインスタンスの起動が行われレスポンスが遅いことが多いと思います。。） SNS にありそうな機能を含め、以下の機能を実装しています。 投稿(Post) 📰 コメント(Comment) フォロー(Follow) 👦 いいね(Like) 💛 通知(Notification) 🔔 ソーシャルログイン(Goo
sonictemplate-vimで自分専用テンプレート - Qiita
sonictemplate-vimとは mattnさんが作られた、テンプレートを管理するvimプラグイン。mattn/sonictemplate-vim ノーマルモードで:Templateと書いた後にタブを押すことで、テンプレートの候補が表示され、とても簡単で激速。 （自分の環境では:Temでタブを押すと最初にTemplateが出る。一度スペースを打ち、場合によってはテンプレート名の頭文字をいれ、タブを押して選ぶだけ） mattnさんご本人の解説もあるので、もっと詳しく知りたい方は参考にされるといいと思います。 自分が使うテンプレートも呼び出せるようにして楽したい。 sonictemplateそのものに自分のテンプレートを突っ込むと色々管理とか問題起きそうなので、次の方法を取ります。 テンプレート用のディレクトリを用意する init.vimもしくは.vimrcで指定する テンプレートを書く
Nuxt.jsで作ったアプリでMarkdownをレンダリングしてみる | DevelopersIO
こんにちは。 プロダクトグループのshoitoです。 Nuxt.jsでSPAを作っていて「ここのテキスト表示領域、Markdownで書けるとイイなー」というようなリクエストがあったので、@nuxtjs/markdownitを使ってMarkdownのレンダリングを試してみました。 @nuxtjs/markdownitとは markdown-itというMarkdownパーサーライブラリのNuxt.jsモジュール提供版です。 markdown-itについては、GitHubのREADME.mdにもリンクがありますが、 デモページを見ると、Markdownをどのようにレンダリングするか分かります。 create-nuxt-appでベースとなるNuxt.jsアプリを作る ここではcreate-nuxt-appコマンドで、try-markdownitという名前のアプリを作ります。 yarn dev まで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Include diagrams in your Markdown files with Mermaid
GitHub - DavidAnson/markdownlint at v0.19.0
GitHub - markdown-it/markdown-it: Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed
GitHub - img-paste-devs/img-paste.vim: paste image to markdown
GitHubのMarkdownで折りたたみ記法の中身を整形させる方法
GitHub - Milkdown/milkdown: 🍼 Plugin driven WYSIWYG markdown editor framework.