社用PCで使うために完全オフラインで軽量なマークダウンエディタを自作した - エムスリーテックブログ
この記事はエムスリー Advent Calendar 2021 2日目の記事です。 デジカルの末永(@asmsuechan)です。社用PCで使うメモツールを作った話をします。どうせなら全部作ろうと思って仮想DOMライブラリ、CSSフレームワーク、マークダウンパーサ、IndexedDBラッパーから自作しました。 下でも紹介しますが、先日作ったマークダウンパーサを実際に使用したアプリケーションとなります。 www.m3tech.blog 作ったもの 名前はtinyです。小さくて軽い、をコンセプトにしたのでこんな名前になりました。 フォルダ分けされてたりゴミ箱もあったり検索できたりと、どっかで見たことあるような最低限のメモツール用機能は備わっています。 あとダークモードも作ってみたり (使ってない)。 背景 私は4月にM3に入社したのですが、入社してから「社用PCで使えるちょうどいいメモツールが
GitHub.com の Markdown でアラート記法が増えた話 - Qiita
GitHub.com で利用できる Markdown 記法のアラートは、これまで [!Note]・[!Warning] と 2023 年 7 月 23 日 に追加された [!Important] がありました。 このアラート記法は断続的に更新されており、2023 年 11 月 14 日にいくつかの重要な変更がなされました。 本記事では、これらの変更を紹介します。 追加されたアラート 2023 年 11 月 14 日に、これまでのアラートに [!Tip] と [!Caution] が追加されました > [!NOTE] > Highlights information that users should take into account, even when skimming. > [!TIP] > Optional information to help a user be more su
GROWI について | GROWI Docs
# GROWI について ここでは GROWI について簡単に紹介します。 使い心地を確かめたい方は デモサイトで GROWI を体験する をご参照ください。 # Markdown で書ける wiki 左右2画面でリアルタイムにプレビューをしながら Markdown でドキュメントを執筆できます。 プログラミング言語ごとのコードハイライトや絵文字や注釈(footnotes)、タスクリスト、Bootstrap による HTML コードにも対応しています。 また、ページに階層を持たせることができ、カテゴリ毎にページを分けたいときなど、用途に応じてページを整理できます。 # 高速な検索 ElasticSearch を利用したページタイトルのインクリメンタルサーチと、ページコンテンツの全文検索が可能です。日本語ユーザーにもやさしく、英数字は全角半角どちらでもヒットするようになっています。 ページ作
VSCode + Markdownでお手軽電子出版 - Qiita
概要 Qiita 読者の中にどれくらい電子書籍の発行に興味がある方がいるのか未知数ですが、制作環境がかなり巡り会えた感があったので投稿します。 基本はMarkdownだけで ePub という形式の電子書籍が発行できてしまいます。 ※ePub の電子書籍を読むには、calibre や Kindle Previewer などのePub 形式に対応したビューアが必要です。 成果物としては、以下のような電子書籍ファイルが生成されます。バイナリ（というかZIP）なのでダウンロードした上で、calibre 等で開いてみてください。 なお、この手順で作成した電子書籍を Amazon KDP を使用して直販していますので、どんな風に仕上がるかも「試し読み」から確認いただけます。 準備するもの VSCode （Visual Studio Code） VSCode拡張機能：Markdown Preview E
Markdown + AI（GithubCopiotX）の驚異のタッグ！💥 2023年新世代の爆速ライティング体験へようこそ！💻いま、✨GithubCopiotXでMarkdownを作らないで、いつ作りますか？ - Qiita
Markdown + AI（GithubCopiotX）の驚異のタッグ！💥 2023年新世代の爆速ライティング体験へようこそ！💻いま、✨GithubCopiotXでMarkdownを作らないで、いつ作りますか？MarkdownVSCodegithubcopilotChatGPTMarkdownViewer 新世代のライティング体験 VSCode Insider＋GitHub Copilot nightly(Chat機能)で快適なMarkdown執筆体験を実現！ Markdown Viewerでリアルタイムにプレビューを確認しながら執筆可能！ Typoraを使っていた頃のライティング体験とは比べ物にならないほど快適！ ChatGPTと比べても、MarkDownを理解して会話ができるので便利すぎる！ ※2023/06/09追記(Chat機能など）ベータプレビュー版の機能について一旦削除m(
VSCodeで最強のMarkdownノートエディタを作ろう
昨日の自分「今作ってる曲まじで良すぎる。天才かもしれん」 今日の自分「ﾅﾆｺﾚ。曲作り下手すぎか～～」 この記事は新歓ブログリレー23日目の記事です。 こんにちは、カシワデと言います。サウンド班に所属していてパソコンで音楽を作っています。 皆さん、DTMってしってますか？ DTMとはDeskTop Musicという和製英語の略で、パソコンで音楽を作ることを広く指します。パソコンで音楽を作ると言っても昨今の曲は大体パソコンを用いて作られているので、DTMというと特に"打ち込み"のニュアンスが出るような気がします。 でも、『パソコンで音楽を作る～』とか『打ち込み』っ… 🎉入学おめでとう🎉まずは新入生の皆さん、ご入学おめでとうございます！！！これから始まる大学生活は非常に短いですし、世間で言われる程時間に余裕があるわけでは無いので、後悔の無い充実した生活を送ってください！
Obsidian がすごくいい
Obsidian（オブシディアン） と出会ってまだ3日目ではありますが、ここ最近で一番興味をそそられるアプリだったので紹介します。 A second brain, for you, forever. https://obsidian.md/ 出会いの経緯 を眺めていたときに一つの記事が目に付きました。 私がソフトウェア開発者として Notion から Obsidian に移った理由トップ3 何やら少し挑戦的なタイトルです。私も情報を整理するときに Notion はよく使用しています。不満がないとは言わないものの、Notion の機能を超える情報整理ツールは中々ないことくらいはわかります。 気になった記事は、まず読んでみることです。 読みながらの感想 "Obsidian" ……なんて読むの？ｶﾀｶﾀ……オブシディアン。いやー、スペルも読み方も覚えられないなぁ……。どんな意味なの？ｶﾀｶﾀ……
Markdown + Pandoc でお手軽に電子書籍を書く - Qiita
前回は Markdown + でんでんコンバーターでお手軽に電子書籍を書いた が、でんでんコンバーターはいちいちブラウザからアップロードする＆大きなサイズは扱えないといった不便があったので、今回は Pandoc に挑んでみた。 意外と簡単にできたので、まとめてみる。 はじめに 本記事の内容 本記事では Pandoc が絡む部分のみをまとめる。それ以外の話題は Markdown + でんでんコンバーターでお手軽に電子書籍を書く - Qiita の方を参照。 書いた本 ルーチンタスクの底力: やり忘れとストレスをなくす仕組みと実践 | Amazon 178 ページくらいの仕事術の本（プログラミング無関係）。 サンプルリポジトリ stakiran/eBook_sample_with_markdown_and_pandoc: Markdown + Pandoc で電子書籍をつくるサンプル 今回使っ
gihyo.jp編集部におけるMarkdown記法 | gihyo.jp
本稿では、gihyo.jp編集部で利用しているMarkdownファイルの記述方法を主に解説します。 注意：gihyo.jp編集部内でのみ採用しているMarkdownの書き方をまとめた文書を、記事の体裁を取って公開したものです。なお、記事公開後に記述方法を追加・変更する可能性もあります。 Markdownとは？ はじめに、筆者の把握している範囲でMarkdownについて概説しておきます。 近年は一般向けのウェブサービスやテキストエディタでも利用されてきているMarkdown。端的に言えば、テキストファイル上で文書を書くための構文です。文書の読みやすさに焦点を当てており、Markdown形式のテキストファイル（＝Markdownファイル）をそのまま見れば文書とその構造が理解できるように、Markdown特有の編集記号や字下げを用いて表現します。また、MarkdownファイルをHTMLファイルに
【Markdoc】Markdownベースの文書作成フレームワークを触ってみた
Markdocとは オンライン決済サービスのStripeがドキュメント作成に使っているフレームワークです。 Markdownを使って柔軟かつパワフルにドキュメントを作ることができるようです。 少し前にStripeがこのフレームワークをOSS化し、HackerNews上で話題になっていました。 今回試したのはチュートリアル程度の内容ですが、機能がシンプルにまとまっており、Markdownを簡単に拡張できて面白かったです。ドキュメントをしっかり書きたい人にはおすすめです。 Markdocの公式ドキュメントにGetting Startedがあり、GitHubの方にも分かりやすいサンプルリポジトリがあるので、基本的にはそちらを参考にしてください。 また、サンプルリポジトリではWebpackを使用してビルドしていますが、本記事ではViteを使用しております。（著者がViteを使ってみたかっただけです
Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO
こんにちは、臼田です。 みなさん、業務設計してますか？(挨拶 今回はMarkdownでシーケンス図やフローチャートなどの図を記述できるMermaidを使って業務フローを書いてみたら、意外と書けたので自分なりのTipsを紹介したいと思います。 その前に 注意点として、まだMermaidを使い始めたばかりなので、「もっとこうしたらいいぞ」とか「こっちのほうがいいぞ」とかあれば建設的なフィードバックとしてSNSとかでいただけるとありがたいです。 あと業務フローって表現しましたが、人によって思い描く業務フローが違うと思うので、業務フローの定義に関するツッコミはご容赦ください。私が今回Mermaidで書いたのは以下の図です。(内容はブログ用に簡素化しました) この図のコードは以下のとおりです。(後ほど解説します) sequenceDiagram autonumber actor お客様 partic
Visual Studio CodeでMarkdownを書く環境を整える - Qiita
はじめに Visual Studio Codeの環境を整える記事をいくつか書いていますが、Markdownについてもまとめてみようと思います。 前提となる環境の情報 Windows 10 ver.20H2 Visual Studio COde 1.63.2 実現したい機能 Markdownで気持ちよく開発や文書作成を行えるようにするために、次の機能をセットアップします。 プレビュー 標準機能 ファイルエクスプローラー 標準機能 ショートカット 拡張機能を活用 エクスポート HTMLとPDFを出力したい。拡張機能を活用 Marpでプレゼンテーション資料を作りたい 拡張機能を活用 正しい文法でMarkdownを記述したい 拡張機能を活用 ※Markdownで「正しい文法」というのはなかなか難しいですが、他者と共同作業をするときに、同じルールの下で文章を作成できるようになることを目指します。 1
MarkdownでTable(表テーブル)を書く
NotePMのMarkdownテーブルエディタ 【便利ツール】MarkdownテーブルをExcelライクな操作で簡単に作成できるツール MarkdownテーブルをExcelライクな操作でかんたんに編集できる テーブルエディタ の使い方をご紹介します。 Markdownテーブルを読み込む 1. 読込対象のMarkdownテーブルテキストにカーソルを合わせて[テーブル]アイコンをクリック →読み込まれた状態で「テーブルエディタ」が表示されます 読込可能時は[テーブル]アイコンが水色になります） 行追加、列追加 1. 追加したい列・行の[○]アイコンにカーソルを合わせ、[+]アイコンをクリック →行・列が追加されます 行削除、列削除 1. 追加したい行・列を選択し[ゴミ箱]アイコンをクリック →行・列が削除されます セル内で改行する 1. 改行したい箇所で、Alt + Enter を入力 →セル
Markdown記法 チートシート
Markdown記法のチートシートです。 記法はGitHub Flavored Markdownに準拠し、一部拡張しています。 Qiitaでシンタックスハイライト可能な言語一覧については、 シンタックスハイライト可能な言語 をご覧下さい。 Code - コードの挿入 Code blocks - コードブロック たとえば、「Ruby」で記述したコードをファイル名「qiita.rb」として投稿したいときは、 バッククオート（`） か チルダ（~） を使用して以下のように投稿するとシンタックスハイライトが適用されます。 コードブロック内でコードブロックを書きたい場合は異なる記号を使うことで書けます。
よくあるAWSサーバーレス構成のシーケンス図をMarkdown（Mermaid）で描いてみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 今までシステムのドキュメントなどでUML図を使用したい場合は、別途PlantUMLで書いて画像ファイルを生成し、MarkdownやAsciiDoc内に配置するということをしていました。 しかしこちらの記事の通り、Mermaidを使用すればMarkdown内で直接UML図の定義をコードで記述し、さらにGitHub上ではそのまま描画までしてくれるとのことです。知らなかった…！ GitHubでmermaid記法が使えるようになったのでアーキテクチャーの図を書いてみた | DevelopersIO そこで今回は、下記のようなよくあるAWSサーバーレス構成（API Gateway + Lambda + DynamoDB + α）のシーケンス図をMermaidで描いてみました。 描いてみた Mermaidにおけるシーケンス図の文法はこちらを参考にしま
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
ExcelやGoogleスプレッドシートをMarkdown出力するVS Codeの拡張機能「Excel to Markdown table」が便利すぎる件 | DevelopersIO
Markdownでテーブルを表現するにはつらみが深すぎる みなさんはMarkdownでテーブルを書くことは得意ですか? 私は苦手です。 簡単なテーブルは簡単に書けるのですが、以下のようなテーブルを書くことには抵抗感があります。 行数、列数が多い セル内に書くテキスト量が多い セル内でリストを表現する 一方、私は先日、「Markdownで手順を書いています!」とこちらの記事で伝えました。 そんな私に対して、 「オイオイオイ。 Markdownでもなんでもいいけどよォ... テーブルを使いたい場面は多いんだぜ。」 というセリフが聞こえてくる気がします。 私のようなMarkdownでテーブルを書くことにつらみを覚える方への解決策として、以下記事で紹介している「MarkdownTableMaker」があります。 このアドオンを使うことで、選択したスプレッドシートをMarkdownに出力してくれます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Obsidian.Zenn
A powerful, flexible, Markdown-based authoring framework
脱ExcelしたいMarkdownテンプレート目次 - Qiita
