[GitHub] コードブロックでシンタックスハイライト可能な言語一覧 | DevelopersIO
コードブロックにカラーを付けよう GitHub 上でソースコードが含まれるコメントのやり取りを行う場合、```（三連バッククォート）をソースコードの前後に挟むことで、その部分を コードブロック として表現できます。 例 Write Preview このようにコードブロックで表現するとソースコードの可読性が上がります。 ここで 開始の三連バッククォートの後 にその言語に対するキーワードを記述すると、コードブロックでシンタックスハイライトが有効になります。 Write Preview 対応言語一覧 シンタックスハイライト可能な言語は GitHub 公式の設定ファイル に書かれています。 language_id というものが 0 開始で連番になっているため、ざっと見た感じ 431 の言語がサポートされているようです。 多いですね。 一部抜粋 YAML に関する設定を見てみましょう。 YAML:
![[GitHub] コードブロックでシンタックスハイライト可能な言語一覧 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/e673a2692e4ae8f6c24573a53abda1396f809278/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F11%2Fgithub.jpg)
好きだったSlideSha○eが悲しいUXになっていたので、その怒りを糧にSlideの作成・共有サービスを爆誕させた話
概要 スライド形式の資料が好きな筆者が、Markdownでおしゃれなスライドをつくって、即座にシェアできるようなサービス、Slidevookを開発したので、紹介します。 この記事自体には、あまり技術的な話はでてきませんが、技術的な話は、別途記事にしていきたいと考えています。 書き起こしました。→ Wasmやモダンフロントエンドを駆使してMarkdownでLT資料を作ってシェアするアプリを作る技術の裏側 対象読者 よくLTで発表をする方 MarkdownでLT資料を作成するのが好きな方 つくったLT資料を公開するのに、いちいちPDF化してというのが大変という方 はじめに・動機 筆者は、いろいろな媒体から、技術やマネジメントや組織運営に関する情報を収集をしています。 その中でも、Slide形式は、記憶に残りやすく、好んで参照する癖があります。（もちろんZenn・Qiitaのようなブログ形式の情
Slidevを導入してMarkdownで美しいスライドを書こう - Qiita
(PR) 本記事でご紹介している Slidev などのテクニックについて、2021/11/20(土) 開催の VS Code Conference Japan 2021 にてご紹介しました。YouTubeアーカイブや発表資料も是非ご参照ください。 Slidevとは Slidevはエンジニア向けプレゼンテーションツールです。 Markdownで記述した文書から美しいスライドを生成できます。 公式デモ とそのソースとなるMarkdown もご参照ください。 ドキュメントは以下にあります。 すぐに使えるサンプル 使用頻度の高いと思われる記法を含めたサンプルのMarkdownを以下に公開しています。 コピペするなどしてお使いください。詳細は後述します。 上記Markdownを使用しているスライドを以下にデプロイしています。 上記Markdownの記述内容と見比べていただけると分かりやすいかと思いま
ExcelやGoogleスプレッドシートをMarkdown出力するVS Codeの拡張機能「Excel to Markdown table」が便利すぎる件 | DevelopersIO
Markdownでテーブルを表現するにはつらみが深すぎる みなさんはMarkdownでテーブルを書くことは得意ですか? 私は苦手です。 簡単なテーブルは簡単に書けるのですが、以下のようなテーブルを書くことには抵抗感があります。 行数、列数が多い セル内に書くテキスト量が多い セル内でリストを表現する 一方、私は先日、「Markdownで手順を書いています!」とこちらの記事で伝えました。 そんな私に対して、 「オイオイオイ。 Markdownでもなんでもいいけどよォ... テーブルを使いたい場面は多いんだぜ。」 というセリフが聞こえてくる気がします。 私のようなMarkdownでテーブルを書くことにつらみを覚える方への解決策として、以下記事で紹介している「MarkdownTableMaker」があります。 このアドオンを使うことで、選択したスプレッドシートをMarkdownに出力してくれます
VuePress入門 | NxWorld
静的サイトジェネレータ「VuePress」の導入からデフォルトテーマの簡単な設定までを紹介します。 Node.jsがインストール済みで少しコマンドが入力できさえすれば、Vueの知識がなくてもそれっぽいドキュメントがすぐ作れるような形で紹介しているので、興味ある方は試してみてください。 Node.js（Ver 8以上）が必要になるので、使っている覚えのない方や使用しているバージョンが古い方は、Node.jsをインストールまたはアップデートをしてください。 コマンドで$ node -vを入力すれば、インストールの有無やバージョン確認ができます。 「Getting Started」ではYarnとnpmそれぞれのコマンドで紹介しますが、それ以降は基本的にYarnを用いた形で紹介しているので、npmを利用している場合は置き換えてください。 紹介している内容は、VuePress Ver 0.14.8を
VisualStudioCodeで最速で俺流Markdown編集環境を構築する - Qiita
注意 VSCodeのMarkdown周りはこの記事を書いたときから大きく変わっています。パーサーがMarkdown-itに変わりました。 Visual Studio Code July 2017 をみると大きく変わっていることが実感できると思います。Previewに対してのpluginが作れるようになり mjbvz/vscode-github-markdown-preview-style: VS Code extension that changes the built-in markdown preview to match Github's styling mjbvz/vscode-markdown-emoji: VS Code extension that adds support for syntax to the built-in markdown preview Visual
Visual Studio Code を使って Markdown のプレビュー - Qiita
Visual Studio Codeが巷で話題になっているので、Markdownの記法をざっと記述してみました。 作業画面としてはこんな感じです。一番左のビューで開いているファイルやフォルダの一覧が見れます。 また、Markdownのファイルを開いているときに、command+shift+VでMarkdownをプレビューすることが出来ます。 Markdownサンプル 以下のコードをVisual Studio CodeのプレビューとKobitoのプレビューを比較します。 Kobito 感想 画面分割をして、記述しながら隣でビューできる(Kobitoみたいな感じ)はとても便利！ 起動がとても軽い！ 文字の漢字変換をreturnキーで候補を表示したあと、決定しないまま次の単語を入力すると消えてしまう テーブル表記とインラインコードと引用のプレビューが、なんか…なんかなぁ… コードを記述する際のシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
