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
Markdown記法 チートシート
Markdown記法のチートシートです。 記法はGitHub Flavored Markdownに準拠し、一部拡張しています。 Qiitaでシンタックスハイライト可能な言語一覧については、 シンタックスハイライト可能な言語 をご覧下さい。 Code - コードの挿入 Code blocks - コードブロック たとえば、「Ruby」で記述したコードをファイル名「qiita.rb」として投稿したいときは、 バッククオート（`） か チルダ（~） を使用して以下のように投稿するとシンタックスハイライトが適用されます。 コードブロック内でコードブロックを書きたい場合は異なる記号を使うことで書けます。
markdownでシーケンス図を書こう - Qiita
ちょっとしたシーケンス図をさくっと書きたい 皆さんは設計でシーケンス図を書くときにどのようにしていますか？ astahなどのUMLツールを使って書くのが一般的だと思います。私もそうです。 確かに込み入ったシーケンスを書く場合にはそれがいいのでしょうが、例えばWikiの中にちょっとしたシーケンスを書きたいときはどうでしょうか？ astahでシーケンス図を書く 画像に出力する Wikiに貼る という工程を踏むのはかなり面倒ですよね？ しかも、しばらく経ってからシーケンスを更新する必要が生じたとき、「元のastahはどこだ…？」となるのは火を見るより明らかです。 もっと便利な方法があります。 markdownでシーケンス図を書くのです。 mermaidを使ったシーケンス図の書き方 markdownでシーケンス図を書くときにはmermaidとういライブラリを使います。 例えば、GitLabでは初め
ReactでマークダウンをHTMLに変換する - Qiita
import React,{Component} from 'react'; import ReactMarkdown from 'react-markdown/with-html'; export default class MarkdownSample extends React.Component { constructor(props) { super(props) } getHTMLfromMarkdown(){ let markdown = '# 見出し 1\n' + '## 見出し 2\n' + '### 見出し 3\n' + '#### 見出し 4\n' + '---\n' + '- リスト 1\n' + '- リスト 2\n' + '- リスト 2-1\n' + '1. 番号付きリスト 1\n' + '2. 番号付きリスト 2\n' + '3. 番号付きリスト 3\n'
mermaidを使ったmarkdown資料作りメモ(VS Codeの場合) - Qiita
Introduction 最近、VS codeでメモやドキュメントを残すことが増えて、Markdownで書く機会が増えました。 *2022/2/22 GithubやNotionでも、mermaid記法をサポートしてきており、注目度も上がってきてますね。 いろいろと試しているなかで、Mermaidを使ってガントチャートやシーケンス図も作れる便利さを知り、せっかくなので書き方をnoteしておきます。 VS codeをmarkdown editorとして使用するということ自体は、多くの方がやっています。 特に、VS code + Markdown Preview Enhanced の拡張機能 という構成で使用する人が多く、私もその構成で使っています。 余談ですが、もともとAtmoでかなり支持されていた拡張機能（パッケージ）のようです。 私もAtomを使うには使いますが、VS codeのほうがサク
会議を爆速にする、Visual Studio Code 超便利スニペット集 - Qiita
以前の投稿でVisual Studio CodeとMarkdown Preview Enhanced環境を組み合わせの便利さを紹介しました。 議事メモを作成にマークダウンを使うと、議論が構造化されて表示されるので、非常にわかりやすくなりますね。みなさんもお使いかと思います。本稿では、そこに、更にVisual Studio Codeにマークダウン用のスニペットを登録しておくことを提案します。 出席者の議論をフォーカスさせる図や表がスムーズに呼び出せますので、効率的な会議を行うことができます。そんな爆速会議に便利なスニペットをいくつか紹介します。 以下ではVisual Studio CodeエディタとMarkdown Preview Enhancedプラグインが前提となっております。環境構築には以前の投稿をご参照ください。 1.会議を一気に立ち上げる：議事録スニペット まずは議事録のテンプレー
WordPressの投稿をMarkdownで書いて執筆速度をアップ！ | 隣IT
みなさん、こんにちは！ アイキャッチがクリスマスっぽくて気に入ってますタカハシ(@ntakahashi0505)です。 私はWordPressの投稿は基本的にテキストエディタで行っています。 しかし面倒なんですよね…タグを閉じるのが。 ほぼ毎日のことなので、ブログの執筆を速くすると効率化の効果は非常に高いものとなります。 そんな時に見つけたのが、Markdown（マークダウン）記法です。 Markdownを使うことで、見出し、強調、引用、リストなどのよく使うタグを簡単にサクサク書いていくことができます。 本稿では Markdownとは何か Markdownで投稿するためのプラグイン よく使うオススメMarkdown記法 についてお伝えしていきます。 面倒なHTMLタグをMarkdown記法に置き換える WordPressのテキストエディタで見出しを書くときは <h2>見出し</h2> と書
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHubのMarkdownで折りたたみ記法の中身を整形させる方法
【Mermaid】ER図の作成方法 - Qiita
Mermaid でシーケンス図を書く方法を解説！Notion AI にシーケンス図を書いてもらったら…!?
Mermaid | Diagramming and charting tool
VS CodeでMarkdownをプレビューするには？