Hatena Blog Tags
はてなブログ トップ
シンタックスハイライト
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

シンタックスハイライト

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
JavaScriptメモ•1ヶ月前

HTMLのシンタックスハイライトを作った

前にJavaScript版を作って面白かったので、勢いのままHTML版も作りました。 ソースコード全体- glitch.com なおスタイルシートはJavaScript版のスタイルシートを使っています。 コード JavaScript版より少し長いです。 JavaScript function myHighlighter(str) { // 文字列の先頭からトークンを切り出すクラス class TokenSlicer { // コンストラクタ constructor(str) { // str：分解したい文字列 this.token = ""; // 切り出したトークン this.str = s…

#JavaScript#HTML#シンタックスハイライト

ネットで話題

もっと見る
249ブックマークはてなダイアリー日記 - 入力したプログラムコードを色付けするスーパーpre記法 シンタックス・ハイライトの実装についてdiary.hatenastaff.com
167ブックマーク「Visual Studio Code API」を現役エンジニアから学ぶ！ 拡張機能開発の入門書が発売／シンタックスハイライトやスニペット作成の壁を経験をもとに解説【Book Watch/ニュース】forest.watch.impress.co.jp
143ブックマーク技術書籍をシンタックスハイライトする話 | blog.jxck.ioblog.jxck.io
70ブックマークirbでシンタックスハイライトやキー補完を実現するWirble - 元RX-7乗りの適当な日々www.na3.jp
67ブックマークRedmineのシンタックスハイライトの対応形式 (2023年更新)blog.redmine.jp
66ブックマーク【ハウツー】Rubyの小技 - irbに補完・シンタックスハイライト機能をつけてみる | エンタープライズ | マイコミジャーナルRubyにはirb(1)と呼ばれるツールが付属している。irb(interactive ruby)は、Rubyの対話的なシェルで、標準入力からRubyのコードを入力して実行できる。exit、quit、jobs、fg、killなどインタラクティブシェルとして動作するための拡張コマンドが用意されているほか、プロンプトの設定機能や履歴機能なども搭載されている...journal.mycom.co.jp
65ブックマークIntelliJ・WebStrom・PhpStorm等のJetBrains製IDEで、文字列の直前に「language=JSON」と書くと、その文字列にJSONのシンタックスハイライトが効いて便利だった。 - Qiitaqiita.com
56ブックマーク新しい「メモ帳」アプリはRichEditの採用で大きく進化 ～Microsoftが実装を解説／今後はシンタックスハイライトの実装やインデント・括弧への対応も？forest.watch.impress.co.jp
50ブックマークvimでmarkdownのクォート内をシンタックスハイライトする方法とプラグイン - Qiitaqiita.com

関連ブログ

ジャコ Lab•7ヶ月前

コードブロックの表現に Highlight.js を使用する

このブログではシンタックスハイライトを表現するのに CSS を上書きしまくってなんとなく表示できるようになっています。 Highlight.js を使用しているつもりなのですが、上手く反映していたりしていなかったりしているのです。 YAML のコードブロックのキャプチャ いつも思ってはいたんですが、黒が濃いのと白が強いんですよね・・・ 今回は、シンタックスハイライトの見直しをするついでに記事にします。

#はてなブログ#シンタックスハイライト
カメリアの記事•2年前

ブログ上のシンタックスハイライトに関する悶々

はてなブログでシンタックスハイライトするのに highlight.js を使っています。ちょっとイマイチだな、と感じています。派手さが。 VS Code なんかで見るシンタックスハイライトと比較してにぎやかさがないんですよね。そこで目を付けたのが Prism.js です。 ちょっと使ってみました。とりあえず JavaScript に関して言うと highlight.js より地味。白い文字が多いです。これは面白くないですね。それにコードブロックに class="language-javascript" とか書かないと動作しません。 highlight.js は書かないでも適当に判断して動作して…

#ブログ#はてなブログ#シンタックスハイライト#highlight.js#Prism.js#はてな記法
nikkie-ftnextの日記•2年前

Sphinxには、シンタックスハイライトしたコードの表示の仕方が「4つ」ある

はじめに Sphinx、全然理解せずに使ってたな… nikkieです。 ドキュメント変換ツールSphinx、私は執筆や発表資料作成でもヘビーユースしています。 シンタックスハイライトしたコードの表示はcode-blockディレクティブ1やliteralincludeディレクティブを使ってきたのですが、このたびあと2つあることを知りました。 このエントリの流れとしては知った順に見ていきますが、「終わりに」に4つをまとめています。 目次 はじめに 目次 前提 動作環境 すでに知っていたcode-blockディレクティブ すでに知っていたliteralincludeディレクティブ 存在を初めて知った…

#Sphinx#シンタックスハイライト#ソースコード
砂漠の旅人(たびと)•3年前

【Notion】技術メモに最適なMarkdown対応ツール

こんにちは、たびとです。 昔は Evernote を使って情報を整理していましたが、いつの間にか使わなくなっていました。 個人的には仕事や趣味で使うプログラムやコンソールに打ち込むコマンドの情報を便利に 管理することが目的なので、Evernote は思ったほど便利に管理できないのが原因でした。

#Notion#Markdown#技術メモ#シンタックスハイライト
サポンテ 勉強ノート•4年前

Visual Studio Code のブラケットペアをハイライトする機能が便利すぎる

はじめに 仕事で Visual Studio を使っていますが（少し古いものでもあるので）、Visual Studio Code で実現されている機能が使えなかったりするとストレスになったりしています。 最近、またさらに便利な機能が追加されました。ペアとなる括弧（ブラケット）を同じ色にハイライトするというものです。 Visual Studio Code August 2021 - High performance bracket pair colorization ネコぱら ショコラ 華ロリVer. 1/7スケール ABS&PVC製 塗装済み完成品フィギュア G94356グッドスマイルカンパニ…

#エディタ#シンタックスハイライト#Visual Studio Code
OREMATOPEE•4年前

はてなブログのコードブロックにテーマを設定する（シンタックスハイライト）

はてなブログで配布されているテーマをそのまま使っていたが、コードブロックが白と黒一色だったりしてぱっと見で変数や関数がわかりづらかったので、ちゃんとコードの構成要素に沿った形で色付け表示してみた。 highlight.jsというツールを使うことで簡単に導入可能で、少しはてなブログをカスタマイズするだけ。 まず、現在の状態を確認しておく。 コードブロックが白と黒で表現されていて見づらい... highlight.jsを導入することでこのような表示になる。 エディタで見るような色付けがされていて見やすい 導入方法 以下のコードをはてなブログ管理画面 → 設定 → 詳細設定 → headに要素を追加…

#はてなブログ#highlight.js#カスタマイズ#シンタックスハイライト
NETWORK ENGINEER BLOG•4年前

はてなブログでよく使うシンタックスハイライト

ブログを書く時に使っているシンタックスハイライトの覚書です。 シンタックスハイライトとは 可読性を上げるため、ソースコードを色付けして表示する機能です。 はてな記法とシンタックスハイライト はてなブログでシンタックスハイライトを使用するためには、スーパー pre 記法で先頭の >|| の 2本のパイプ（||）の間に指定します。 シンタックスハイライトの使用例 で書かれたソースコードの場合、以下のように html と書きます。 >|html| <html> <head> <title>NETWORK ENGINEER BLOG</title> </head>次のようにハイライトされます。 <ht…

#はてなブログ#シンタックスハイライト
自分方位研究所•4年前

「はてな記法モード」でソースコードの「シンタックスハイライト」

ソースコードの「シンタックスハイライト」を「はてな記法モード」を利用して実現する手順について説明していきます。昨日の続きです。 通常の記事作成は、「見たままモード」を利用していることを前提としています。 １．はてなブログの編集モードを「はてな記法モード」にする はてなブログの管理画面にログインして 「設定」を選択します。 「基本設定」を下の方にスクロールしていき、「編集モード」の設定で 「はてな記法モード」を選択します。 一番下までスクロールして「変更する」をクリック。 ２．シンタックスハイライトの作業用編集ページを「はてな記法モード」で作成 「記事を書く」をクリック。 編集画面が、「はてな記…

#シンタックスハイライト#はてな記法#スーパーpre記法