検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 32 件 / 32件

新着順 人気順

highlightの検索結果1 - 32 件 / 32件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

highlightに関するエントリは32件あります。 ruby、 library、 css などが関連タグです。 人気エントリには 『「どうカーソルを動かしたか」「どこをクリックしたか」「どの部分をスクロールして読み飛ばしたか」などのアクセス情報を全て入手し解析・分析できるオープンソースのアプリ「highlight.io」を使ってみた』などがあります。

highlightの関連エントリー

  • 「どうカーソルを動かしたか」「どこをクリックしたか」「どの部分をスクロールして読み飛ばしたか」などのアクセス情報を全て入手し解析・分析できるオープンソースのアプリ「highlight.io」を使ってみた

    ウェブアプリの開発をする時、ユーザーに「どこが分かりにくかったか」や「どこでエラーが発生したのか」などの情報をフィードバックしてもらいたいものですが、そうしたフィードバックを送る作業はなかなかに面倒なもので、全然直接のフィードバックは来ないのにTwitterにはいろんな意見が書かれている……ということはよくあります。「highlight.io」はそうしたフィードバックを勝手にやってくれるツールということで、実際に使って試してみました。 highlight.io: The open source monitoring platform. https://www.highlight.io/ highlight.ioはオープンソースということでセルフホスト版が用意されていますが、今回はどんな機能があるのかについて確かめるためhighlight.ioの開発元が提供するSaaSを利用します。公式サイ

      「どうカーソルを動かしたか」「どこをクリックしたか」「どの部分をスクロールして読み飛ばしたか」などのアクセス情報を全て入手し解析・分析できるオープンソースのアプリ「highlight.io」を使ってみた

    • How does Chrome decide what to highlight when you double-click Japanese text?

      If you double-click English text in Chrome, the whitespace-delimited word you clicked on is highlighted. This is not surprising. However, the other day I was clicking while reading some text in Japanese and noticed that some words were highlighted at word boundaries, even though Japanese doesn't have spaces. Here's some example text: どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。 For exampl

        How does Chrome decide what to highlight when you double-click Japanese text?

      • シンタックスハイライトをライブラリなしで簡単に！Custom Highlight APIの魅力 - コハム

        Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で囲み、適切なクラスを割り当て、CSSを使って色付けすることです。 CSS Custom Highlight APIのおかげで、DOMツリーにを散りばめてカラー情報を追加するステップを省略できます。 Custom Highlight APIの基礎 ブラウザサポート 静的コードスニペットの構文ハイライト 仕組み ステップ1:セットアップ ステップ2:コードのトークン化 ステップ3:トークンとハイライトの関連付け Custom Highlight APIの欠点 制限されたスタイリングオ

          シンタックスハイライトをライブラリなしで簡単に！Custom Highlight APIの魅力 - コハム

        • TextKitでのシンタックスハイライト高速化 / Optimize Syntax Highlight with TextKit

          macOS native symposium (https://macos-native.github.io) #08 登壇資料 テキスト描画の世界は複雑で、何気ない操作もデータ量が大きくなると簡単に処理のボトルネックと化します。しかし、何がそんなに時間を要するのでしょうか。macOS、iOS共にテキスト描画を司るTextKitの癖を読み抜くことで、愚直な実装からシンタックスハイライトの適用を高速化していく過程を理屈を追いながら解説します。

            TextKitでのシンタックスハイライト高速化 / Optimize Syntax Highlight with TextKit

            • highlightの関連エントリー

          • Ruby 3.1: error_highlight gemが追加された（翻訳）｜TechRacho by BPS株式会社

            概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Ruby 3.1 adds error highlighting gem | Saeloun Blog 原文公開日: 2022/02/09 原著者: Alkesh Ghorpade サイト: blog.saeloun.com プログラミング言語で例外やエラーが発生すると、エラーのスタックトレースを扱います。スタックトレースは、エラーの発生場所を整った書式で示し、プログラムのサブルーチンに関する情報を提供します。 Rubyを使っていると、さまざまな場所でエラーや例外が発生することに気づきます。例を見てみましょう。 # test.rb class Addition attr_reader :num1, :num2 def initialize(num1, num2) @num1 = num1 @num2 = num2 end def

              Ruby 3.1: error_highlight gemが追加された（翻訳）｜TechRacho by BPS株式会社

            • CSS Custom Highlight API: A First Look | CSS-Tricks

              DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Styling ranges of text in software is a very useful thing to be able to do. Thankfully, we have the CSS Custom Highlight API to look forward to because it represents the future of styling text ranges on the web. One example: if you’ve ever used text editing software like Google Docs, Word, o

                CSS Custom Highlight API: A First Look | CSS-Tricks

              • 【RubyKaigi発表予告】error_highlight: user-friendly error diagnostics - クックパッド開発者ブログ

                技術部の遠藤です。2日連続の投稿です。 今年のRubyKaigi 2022ではTRICKの発表をしますが、もうひとつ真面目な発表もします。Ruby 3.1の目玉機能であったerror_highlightについてです。 この発表内容について、あらすじを紹介したいと思います。 Ruby 3.1のerror_highlightとは Ruby 3.1でNoMethodErrorが発生すると、次のようなエラーが表示されます。 $ ruby test.rb test.rb:1:in `<main>': undefined method `time' for 42:Integer (NoMethodError) 42.time { print "Hello" } ^^^^^ Did you mean? times この42.time { print "Hello" }とその下線を出しているのがerror

                  【RubyKaigi発表予告】error_highlight: user-friendly error diagnostics - クックパッド開発者ブログ

                • GitHub - wstaeblein/texthighlighter: Vanilla JS class to highlight search results in a textarea while maintaining the area's functionality

                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                    GitHub - wstaeblein/texthighlighter: Vanilla JS class to highlight search results in a textarea while maintaining the area's functionality

                  • Rails 7: エラー発生位置をわかりやすく示すerror_highlightが導入された（翻訳）｜TechRacho by BPS株式会社

                    概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Rails now uses error_highlight to locate the columns where an error is present | Saeloun Blog 原文公開日: 2022/09/20 原著者: Swaathi Kakarla サイト: Saeloun Blog 参考: 週刊Railsウォッチ（20220920） Ruby 3.1のerror_highlight機能でエラー発生位置が詳しく表示されるようになった #45818は、現時点ではmainブランチにのみマージされており、7-0-stableブランチには含まれていません。また、error_highlightはRuby 3.1以降でのみ有効になります。 Ruby 3.1で導入されたerror_highlightと呼ばれる新機能によって、エ

                      Rails 7: エラー発生位置をわかりやすく示すerror_highlightが導入された（翻訳）｜TechRacho by BPS株式会社

                    • [Markdown] An option to highlight a "Note" and "Warning" using blockquote (Beta) · community · Discussion #16925

                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                        [Markdown] An option to highlight a "Note" and "Warning" using blockquote (Beta) · community · Discussion #16925

                      • GitHub - inokawa/rich-textarea: A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.

                        Styleable texts: Not just highlighting texts like similar libraries, this library also supports colorizing, decorating and more. Regex or any tokenizers can be used. Easy to interact with events: You can get caret position and can catch some mouse events on texts, which are useful to display something reflects user actions. Compatible with textarea: Except added features, this library is designed

                          GitHub - inokawa/rich-textarea: A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.

                        • CSS Custom Highlight API でのテキストハイライト

                          先日、Safari Technology Preview 175の情報を眺めていたところ、Web API について次の変更の記述がありました。 Added support for priority to CSS Highlight API CSS Highlight API に priority とやらのサポートが追加されたとのことです。 自分はそもそも CSS Highlight API が何かを知らなかったため、少し調べてみました。 CSS Custom Highlight API とは mdn がとても参考になります。 CSS Custom Highlight API とは、Web ページにおいて、テキストの範囲を装飾するための API のことです。 もともと存在していた Range()と組み合わせることで、JavaScript 上からテキスト範囲をコントロールしつつ、その範囲に対し

                            CSS Custom Highlight API でのテキストハイライト

                          • [Markdown] An option to highlight a "Note" and "Warning" using blockquote (Beta) · community · Discussion #16925

                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                              [Markdown] An option to highlight a "Note" and "Warning" using blockquote (Beta) · community · Discussion #16925

                            • highlight.io: The open source monitoring platform.

                              Understand the real reason why bugs are happening in your web application.

                                highlight.io: The open source monitoring platform.

                              • Syntax Highlight Guide

                                Version 1.93 is now available! Read about the new features and fixes from August. Syntax highlighting determines the color and style of source code displayed in the Visual Studio Code editor. It is responsible for colorizing keywords like if or for in JavaScript differently than strings and comments and variable names. There are two components to syntax highlighting: Tokenization: Breaking text in

                                  Syntax Highlight Guide

                                • Safari Technology Preview 175がリリース。HEVCのサポート開始、CSS Highlight APIの優先度サポート

                                  7月28日、Safari Technology Preview 175がリリースされました。 この最新バージョンでは、さまざまな新機能や修正が行われており、ユーザーにとって注目すべき内容が含まれています。 詳細は以下の通りです。 Safari Technology Preview Release 175が、 macOS Sonoma betaとmacOS Ventura向けにダウンロード可能になりました。既にSafari Technology Previewをインストールしている場合は、一般設定（General）→ ソフトウェアアップデート（Software Update）からアップデートすることができます。 WebCodecsとCSS Highlight APIの強化 今回のSafari Technology Preview 175のリリースでは、特にWebCodecsとCSS High

                                    Safari Technology Preview 175がリリース。HEVCのサポート開始、CSS Highlight APIの優先度サポート

                                  • Railsの技: highlightヘルパーで検索結果を強調表示する（翻訳）｜TechRacho by BPS株式会社

                                    概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Use the Rails helper highlight when showing search results | Boring Rails: Skip the bullshit and ship fast 原文公開日: 2021/02/08 著者: Matt Swanson サイト: Boring Rails 日本語タイトルは内容に即したものにしました。 Railsのhighlightヘルパーで、以下のように検索結果のマッチ部分を<mark>タグでラップします。 通知リストの"comment"という語の検索結果をハイライトする 使い方 検索する語をparams経由でコントローラに渡し（params[:search]など）、これを用いて結果をフィルタします。 # app/controllers/inbox_controlle

                                      Railsの技: highlightヘルパーで検索結果を強調表示する（翻訳）｜TechRacho by BPS株式会社

                                    • GitHub - ruby/error_highlight: The gem enhances Exception#message by adding a short explanation where the exception is raised

                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                        GitHub - ruby/error_highlight: The gem enhances Exception#message by adding a short explanation where the exception is raised

                                      • GitHub - speed-highlight/core: Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection

                                        You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                          GitHub - speed-highlight/core: Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection

                                        • Glasp Web Highlighter: PDF & Web Highlight - Chrome Web Store

                                          Created by the owner of the listed website. The publisher has a good record with no history of violations. Learn more AI-powered Web Highlighter for Websites, PDF, and YouTube videos. YouTube Summary with ChatGPT, Claude, and Gemini. Highlight PDF and Websites, save it for later, and share it with everyone. Glasp is a PDF & Web highlighter that helps you collect and organize your favorite quotes a

                                            Glasp Web Highlighter: PDF & Web Highlight - Chrome Web Store

                                          • GitHub - WebReflection/highlighted-code: A textarea builtin extend to automatically provide code highlights based on one of the languages available via highlight.js

                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                              GitHub - WebReflection/highlighted-code: A textarea builtin extend to automatically provide code highlights based on one of the languages available via highlight.js

                                            • CSS Custom Highlight API - Web APIs | MDN

                                              The CSS Custom Highlight API provides a mechanism for styling arbitrary text ranges on a document by using JavaScript to create the ranges, and CSS to style them. Styling text ranges on a webpage can be very useful. For example, text editing web apps highlight spelling or grammar errors, and code editors highlight syntax errors. The CSS Custom Highlight API extends the concept of other highlight p

                                                CSS Custom Highlight API - Web APIs | MDN

                                              • Highlight your expertise with GitHub Certifications

                                                Getting GitHub certified is a resounding endorsement that validates your skills, credibility, trust, and knowledge of the technologies and developer tools that are used by more than 100 million developers worldwide. Register here

                                                  Highlight your expertise with GitHub Certifications

                                                • Web の仕様を眺めるシリーズ CSS Custom Highlight API | Offers Tech Blog

                                                  Offers を運営している株式会社 overflow の あほむ でございます。 本記事は Chrome Platform Status からなんとなく Proposed なステータスのフィーチャーを取り上げて、そのプロポーザルを眺めてみるシリーズです。前回は Document Picture-in-Picture でした。 ユーザー選択領域 ::selection 以外を任意にハイライト 今回は CSS Custom Highlight API を眺めてみます。本当に眺めるだけで深入りしないので概要のみのライトな記事とご認識ください。 今回は W3C のサイト内にその所在がある仕様ですが W3C の冠がついていても Editor's Draft なので[1]合意形成が保証されない文書であることに注意してください。 これまでのカスタムハイライト沼 特定の範囲にスタイルをつけてハイライトす

                                                    Web の仕様を眺めるシリーズ CSS Custom Highlight API | Offers Tech Blog

                                                  •  PopClipに新しくいれたExtensions 2つ [Highlight][Stickies] - T’s blog

                                                    PopClip Extensions Macを使うのに個人的に必須なアプリの１つに「PopClip」があります。PopClipはiPhoneなどと同じようにテキストを範囲指定するとメニューが表示されて選択するとコピーや辞書検索などができる機能拡張アプリです。オリジナルのextensionsが200以上有って日々増え続けています。いろいろ試しましたが現在登録しているのが検索・カット・コピー・ペースト・辞書・Google翻訳・辞書登録・文字数カウントでしたが新たにHighlightとStickiesを加えました。 Highlight テキストを範囲指定すると画像のようにメニューに項目が表示されるので必要な機能をクリックします。例えばHighlightを選べばテキストにマーカーラインを引くことができます。このマーカーは同期しているデバイスすべてに表示されます。※ただし動作するのはEvernote

                                                       PopClipに新しくいれたExtensions 2つ [Highlight][Stickies] - T’s blog

                                                    • Presentify - Screen Annotation and Cursor Highlight for Mac

                                                      Presentify A macOS app that helps you give better presentations, online classes, or video tutorials by letting you annotate any screen, highlight your cursor, and more. Annotate Draw anywhere You can draw on or annotate any screen you wish. Simply select `Annotate` from the menu bar and start scribbling.

                                                        Presentify - Screen Annotation and Cursor Highlight for Mac

                                                      • Highlight Matching Tag - Visual Studio Marketplace

                                                        If you're serious about your software development career, There's no better platform to learn programming online than Educative.io. Their courses are excellent and your subscription supports this plugin. VSCode Highlight Matching Tag GitHub repository: https://github.com/vincaslt/vscode-highlight-matching-tag This extension highlights matching opening and/or closing tags. Optionally it also shows

                                                          Highlight Matching Tag - Visual Studio Marketplace

                                                        • WordPressでhighlight.jsを使う方法。｜DESIGN REMARKS [デザインリマークス]

                                                          WEBデザインやプログラムなど、技術系のブログ記事を書いていると、“ソースコード”をどのような見た目で書くか悩むことがあると思います。 普通の文章と同じようにソースコードを書いてしまったら読みづらくてしょうがないです。 ソースコードを色分けすることを“シンタックスハイライト”と言いますが、これを実現してくれるWordPressのプラグインがいくつかあります。 しかし、WordPressが5.0(Gutenberg)にバージョンアップしたときに「Crayon Syntax Highlighter」というプラグインが使えなくなってしまったことをきっかけに、プラグインに頼るのが不安になりました。 そこで、プラグインを使わずに、「highlight.js」というJavaScriptライブラリを使って“シンタックスハイライト”をすることにしました。 highlight.js の使い方 まずはWord

                                                            WordPressでhighlight.jsを使う方法。｜DESIGN REMARKS [デザインリマークス]

                                                          • GitHub - obsidianmd/obsidian-clipper: Highlight and capture the web in your favorite browser. The official Web Clipper extension for Obsidian.

                                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                              GitHub - obsidianmd/obsidian-clipper: Highlight and capture the web in your favorite browser. The official Web Clipper extension for Obsidian.

                                                            • M1MacのHomebew3で入れたgitのdiffにdiff-highlightを反映 - Qiita

                                                              検索するといっぱい出てくるのですが、そこにdiff-highlightが無いんですよね。結論を言うとHomebrewのインストール先が変更されてたのでパスが変わったようです。 M1MacのHomebewはインストール先が/usr/local/binから/opt/homebrew/binに変わったようです。そういえばインストールした時に~/.zprofileにeval "$(/opt/homebrew/bin/brew shellenv)"を書けって出ましたね。 以前は/usr/local/share/git-core/contrib/diff-highlight/diff-highlightを実行できるようにしてpagerに指定していたのですが/opt/homebrew/share/git-core/contrib/diff-highlight/diff-highlightを指定しないとダ

                                                                M1MacのHomebew3で入れたgitのdiffにdiff-highlightを反映 - Qiita

                                                              • Checka11y.css - CSS stylesheet to quickly highlight a11y concerns.

                                                                View error/warning codes Getting started To get started using Checka11y.css in your project, all you need to do is: Install checka11y-css via CDN, npm or yarn Ensure you're not using Checka11y.css in production Usage CDN In the below CDN links: Replace :version with a version listed here (latest version is always recommended). If you always want to get the latest stylesheet, remove @:version compl

                                                                  Checka11y.css - CSS stylesheet to quickly highlight a11y concerns.

                                                                • Syntax Highlighting code snippets with Prism and the Custom Highlight API

                                                                  Screenshot of the On-the-fly syntax highlighting of [contenteditable] code snippets demo with DevTools open. Thanks to Prism’s Tokenizer and the Custom Highlight API, the code is highlighted without the need for a bunch of <span> elements wrapped around each token. ~ The way syntax highlighters on the web typically work is a to wrap all tokens in <span> elements with a proper class and use CSS to

                                                                    Syntax Highlighting code snippets with Prism and the Custom Highlight API
                                                                  1

                                                                  新着記事

                                                                  はてなブックマーク

                                                                  公式Twitter

                                                                  はてなのサービス

                                                                  • App Storeからダウンロード
                                                                  • Google Playで手に入れよう
                                                                  Copyright © 2005-2024 Hatena. All Rights Reserved.