タグ シンタックスハイライト
人気順 10 users 50 users 100 users 500 users 1000 usersシンタックスハイライトをライブラリなしで簡単に！Custom Highlight APIの魅力 - コハム
2024/04/02
8 users
ライブラリ
こハム
魅力
Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で囲み、適切なクラスを割り当て、CSSを使って色付けすることで... 続きを読む
jsx, tsx のシンタックスハイライトにも対応しました。また、JavaScriptのハイライトを改善しました - はてなブログ開発ブログ
2024/03/21
17 users
しんた
シンタックス
jsx
TSX
構文
はてなブログでは、ソースコードなどを構文（シンタックス）に応じて色付け（ハイライト）表示する シンタックスハイライトに対応しています。今回、シンタックスハイライトに関する改善を行いました。 jsx, tsx形式のシンタックスハイライトの追加 JavaScript形式のシンタックスハイライトの改善 jsx, tsx形式のシンタ... 続きを読む
技術書籍をシンタックスハイライトする話 | blog.jxck.io
2023/05/02
97 users
jxck.io
技術書籍
INTRO
エンジニア
リポジトリ上
Intro 「連載するけど、代わりにコードはハイライトさせてほしい」 それが Web+DB Press 編集長に俺が出した条件だった。 技術書籍のシンタックスハイライト エンジニアは普段から、エディタ上でも、リポジトリ上でも、ブログ上でも、何かしらハイライトされたコードを見ている。 そんなエンジニアに向けて書かれた技術... 続きを読む
「CUIのような操作感」を謳うプログラマー向けの電卓アプリ「Calctus」がユニーク／組み込み定数・関数、変数、シンタックスハイライト、逆ポーランド記法などにも対応【やじうまの杜】
2023/04/25
9 users
CUI
やじうま
定数
変数
関数
GitHubのコード表示部分はtextareaとbefore疑似要素でできている - hogashi.*
2023/04/10
55 users
textarea
GitHub
hogashi
div
カラム
ここのことです*1。 真ん中のカラムがコードの表示 (開発者ツールで見ると textarea にコードが入っている 目次 目次 シンタックスハイライトはどうしているのか？ 上に表示されている div ならその文字もマウスカーソルで選択できるはずでは？ なぜこうしたのか？ 困ることはないのか？ たしかこないだまでは普通に div... 続きを読む
Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応
2023/02/21
7 users
Dart
less
Sass
jsx
angular
Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応 GoogleはすでにリリースしているWebブラウザのChrome 110と現在開発中のChrome 111に搭載されているDevToolsで、Angular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応したことが明らか... 続きを読む
フリーのRPAツール「Power Automate for desktop」2022年12月更新、ブラウザー拡張機能が「Manifest V3」に／UI要素を指定するセレクターにはシンタックスハイライトを追加
2022/12/12
13 users
セレクター
Manifest V
RPAツール
UI要素
追加
Ruby用VSCode拡張: vscode-ruby-light
2022/08/16
9 users
VSCode拡張
メソッド
モチベーション
拡張
Ruby向け
Ruby向けに、vscode-ruby-lightというVSCode拡張をつくっています。この拡張は、シンタックスハイライトやカーソル操作など、VSCode標準の機能より少し良い編集体験を提供しようというものです。 最初は「メソッドやブロックをもう少し上手く選択できるようにしたい」というモチベーションで調べ始めたのですが、気付け... 続きを読む
続・作って理解するpry（Ripperでシンタックスハイライト） - Link and Motivation Developers' Blog
2022/07/27
9 users
エスケープシーケンス
Pry
見栄え
バックエンドエンジニア
はじめに バックエンドエンジニアのやまぴーです。 pryというツールをマネしながら対話型デバッグツールを作成していた 前回の記事の続きになります。 前回までの様子 シンタックスハイライト どうも味気ない印象なので、見栄えを良くしていきたいです。 エスケープシーケンスで色やスタイルを付与したいと思います。 試... 続きを読む
「Visual Studio Code API」を現役エンジニアから学ぶ！ 拡張機能開発の入門書が発売／シンタックスハイライトやスニペット作成の壁を経験をもとに解説【Book Watch/ニュース】
2022/06/14
129 users
現役エンジニア
Book Watch
入門書
もと
解説
新しい「メモ帳」アプリはRichEditの採用で大きく進化 ～Microsoftが実装を解説／今後はシンタックスハイライトの実装やインデント・括弧への対応も？
2022/02/25
20 users
インデント
括弧
Microsoft
実装
メモ帳
はてな記法のシンタックスハイライトに対応したVS Code拡張を作った - stefafafan の fa は3つです
2021/12/09
18 users
エントリ
拡張
自社
様子
はてな記法モード
このエントリははてなエンジニアAdvent Calendar 2021の10日目の記事です。今回はVisual Studio Code向けの拡張を作った話を書きます。 拡張の様子 はてな記法そこそこ使っている 自分ははてな社員というのもあり、自社のサービスをちゃんと使っておきたいという気持ちで個人ブログもはてな記法モードで書いています。 ... 続きを読む
Golangの公式ドキュメントにシンタックスハイライトが無い件について - stefafafan の fa は3つです
2021/03/01
12 users
golang
stefafafan
golang.org
Go言語のドキュメントに掲載されているソースコードをみると、コメントが緑色になっている以外シンタックスハイライトが特にないことがわかる。 例えばブログの記事はこんな感じ。 blog.golang.org base64.goのソースコードとかを見るとこんな感じ。 golang.org 調べてみると、「シンタックスハイライト足しませんか？」... 続きを読む
クロスプラットフォームに対応しシンタックスハイライトやタグ、マルチ編集機能をサポートしたオープンソースのノートアプリ「Notable」がリリース。 | AAPL Ch.
2018/12/29
33 users
Notable
AAPL
クロスプラットフォーム
リリース
クロスプラットフォームに対応しシンタックスハイライトやタグ、マルチ編集機能をサポートしたオープンソースのノートアプリ「Notable」がリリースされています。詳細は以下から。 Notableはイタリア・カターニア大学 続きを読む
VuePress をお試ししてみた - Qiita
2018/04/16
76 users
Qiita
GATSBY
Markdown
Pwa
Vue
VuePress とは VuePress Vue の始祖こと Evan You 氏が新たに始めた Vue による静的サイトジェネレーターです。 Markdown によるページの作成が可能で、Vue の機能はもちろん、Webサイトを作っていてほしくなるシンタックスハイライトや、PWAのサポートがされています。 雑な解釈としては Vue 版の Gatsby という認識で良いのではないのかと思います。 ... 続きを読む
「GitHub Desktop」v1.1.0が公開、プルリクエストを簡単にチェックアウトできるように - 窓の杜
2018/02/27
19 users
GitHub Desktop
プルリクエスト
樽井
チェック
ニュース 「GitHub Desktop」v1.1.0が公開、プルリクエストを簡単にチェックアウトできるように 共同編集者を追加したコミットやDiffのシンタックスハイライトにも対応 樽井 秀人 2018年2月27日 16:26 「GitHub Desktop」v1.1.0 米GitHub, Inc.は26日（現地時間）、プロジェクトホスティングサービス“GitHub”のクライアントソフト「Gi... 続きを読む
100種類の言語に対応したプログラマー向けノートアプリ「Boostnote」 ｜ ライフハッカー［日本版］
2017/02/05
371 users
Boostnote
ライフハッカー
オールマイティ
言語
「Boostnote」は 100種類の言語に対応したプログラマー向けノートアプリ です。Markdown形式のファイルも扱えますし、HTMLやJavaなど様々な言語に対応されています。シンタックスハイライトが有効なのでソースコードも見やすいですよ。また、よく使うスニペットを登録しておくと、すぐさま呼び出してコピーすることができます。起動時間も早くオールマイティに使えるノートアプリとなっていますよ。... 続きを読む
Kotlinに対する雑感
2016/02/24
183 users
Kotlin
エディタ
チュートリアル
雑感
入力補完
1.0.0がリリースされました。やりましたね。 僕の観測範囲内に見えることが増えてきたので、興味本位で少しずつ触っています。 まず、ブラウザだけで試せるチュートリアルが大変素晴らしいので、Kotlinが肌に合うかどうか確認するといいですよ。 Kotlin Koans jsで実装されたエディタなのにシンタックスハイライトだけでなく、入力補完がガンガン効くので凄く良い。 僕の理解 大体3日くらいかけて... 続きを読む
Amazon Web Services ブログ: AWS CodeCommitのコンソールでコードを閲覧できるようになりました
2015/10/06
9 users
コンソール
AWS CodeCommit
レポジトリ
コード
今日からAWS CodeCommitのレポジトリの中身をAWSマネージメントコンソール上で見ることができるようになりました。見たいレポジトリとブランチを選ぶだけで、ディレクトリをたどることができ、ファイルの中身をシンタックスハイライトと行番号付きで見ることができます。 詳しくは、ドキュメントをご覧ください。 AWS CodeCommitのより詳細な情報については以下をご覧ください: 製品紹介 ドキ... 続きを読む
無料で商用利用も可能なソースコードを読みやすくするためのタイプフェース「Hack」 - GIGAZINE
2015/08/31
63 users
キリル
ホールド
GIGAZINE
hack
書体
モニターに表示する文字間隔やx-height値などを調整し、ソースコードを読みやすくするためだけに作られたオープンソースのタイプフェースが「Hack」です。 Hack http://sourcefoundry.org/hack/ 「Hack」には等幅のレギュラー、ボールド、斜体、斜体ボールドの4書体があり、シンタックスハイライトに必要な全ての書体をカバーしています。ラテン語、現代ギリシャ語、キリル... 続きを読む
Mycli - ハイライト/自動補完対応のMySQLクライアント MOONGIFT
2015/08/16
32 users
MOONGIFT
CUI
phpMyAdmin
難点
画面
MySQLクライアントといえば、開発時にはphpMyAdminが使えますが、開発に慣れてくるとCUIのクライアントを使うことが多いかと思います。しかし画面はシンプルですし、機能も多くないのが難点です。 そこで使ってみたいのがMycliです。Python製のMySQLクライアントで、シンタックスハイライトやオートコンプリート機能があります。 Mycliの使い方 MycliはMac OSXであればHo... 続きを読む
プログラムコードをコピペで簡単共有できるサービス「Climbi」 ｜ ライフハッカー［日本版］
2014/09/22
134 users
コピペ
ライフハッカー
ワンクリック
プログラムコード
コード
「Climbi」はプログラムコードをコピペで簡単共有できるサービスです。自分の書いたコードをワンクリックで共有することができますよ。シンタックスハイライトもついており見やすいです。それぞれ個別にURLが割り振られるので友人への共有も簡単。1年以内に最低1アクセスでもされている場合は削除されることはないようです。 以下に使ってみた様子を載せておきます。 まずClimbiへアクセスしましょう。共有した... 続きを読む
プログラムコードを画像化できる「Instacode」 ｜ ライフハッカー［日本版］
2014/09/10
96 users
Instacode
ライフハッカー
Ruby
Python
「Instacode」はプログラムコードを画像化できるサービスです。JavaScriptやPython、Rubyなどプログラミング言語でコードを書くとそのコードが画像として出力できます。ぼかしたり、影をつけたり加工をすることもできますよ。 以下に使ってみた様子を載せておきます。 まずInstacodeへアクセスしましょう。コードを書いて、シンタックスハイライトを選んで画像化します。 画像化されたあ... 続きを読む
QiitaでSwiftがハイライトできるようになりました - Qiita Blog
2014/06/12
23 users
Qiita
Swift
Qiita Blog
知見
Apple
Hooray! yuku_t です。 Appleが発表した新しいプログラミング言語「Swift」がQiitaでシンタックスハイライト可能になりました！ コードブロックの言語名に swift を指定すると… ハイライトされます！コードが綺麗に表示されると書きがいがぐんっと増しますね！ Swiftで遊んで得られた知見は是非Qiitaへ！ ただし、Swiftについての情報を発信する際は、それがApple... 続きを読む
Marked.app で GitHub Flavored Markdown を使う - portal shit!
2014/05/12
40 users
portal shit
GitHub
Markdown
解釈
MacVim で Markdown 形式で文章を書いて Marked.app でプレビューしてた。 Marked.app 、便利なんだけどリストのネストの解釈が GitHub とかの Markdown と違ってて、スペース 4 つ入れないといけないのがだるかった。あとコードのシンタックスハイライトも GitHub のに比べたら弱い。やはり GitHub Flavored Markdown で Ma... 続きを読む