各種小説投稿サイトのルビ記法をJavaScriptで実現する - Qiita
GitHubでWeb小説の原稿を管理している8amjpと申します。 原稿は、基本的にMarkdownで書いてるんですが、厄介なのがルビの扱い。 Markdownでルビを表現することは、今のところできません。かと言って、わざわざruby要素を記述するのも面倒です。 なので、執筆時は各種小説投稿サイトで採用されているルビ記法で記述し、表示するときにJavaScriptでruby要素に変換する、という手法を取ることにしました。 その際に調べたことを書いておきます。 はじめに HTMLでは、ルビを下記のように表記します。 ブラウザでは瀬尾絵子せのおえこという風に表示されます。 で、「瀬尾絵子」の部分をベーステキスト、「せのおえこ」の部分をルビテキストと呼びます。 各種小説投稿サイトでは、この表記を簡略化するために、 <ruby>に代わるベーステキストの開始記号 <rt>～</rt>に代わるルビテキ
Exceeding the buffering quota | Blog | Chrome for Developers
Or other limited memory Chrome device. So what do I do? Since the amount of supported data varies so widely and you can't find the amount of data in a SourceBuffer, you must get it indirectly by handling the QuotaExceededError. Now let's look at a few ways to do that. There are several approaches to dealing with QuotaExceededError. In reality a combination of one or more approaches is best. Your a
A complete guide to forms in Vue.js - LogRocket Blog
Editor’s note: This guide to forms in Vue.js was updated on 19 January 2021. Learning to work with forms properly in our favorite frameworks is valuable, and it can save us some time and energy during development. In this tutorial, I will walk you through the process of creating, validating, and utilizing inputs from a form in a Vue.js v2.x application. To follow along with this tutorial, you will
CKEditor 5: A new era for rich text editing | CKEditor.com
The heart of the new CKEditor Ecosystem is undoubtedly our brand new editor, CKEditor 5. It’s not simply the next major version of one the most popular rich text editors out there. It’s the next chapter on what web text editors are, how they should be used and what possibilities they bring. Be ready to forget everything you knew so far about text editors and open your mind to a whole new experienc
Micro Frontends - extending the microservice idea to frontend development
Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. What are Micro Frontends? The term Micro Frontends first came up in ThoughtWorks Technology Radar at the end of 2016. It extends the concepts of micro services to the frontend world. The current trend is to build a feature-rich and powerful browser application, aka single page
Introducing PayPal’s open-source cross-domain javascript suite
At PayPal we write a lot of javascript that ends up running on other websites and other domains. The prime example of this is checkout.js, the integration script for our entire checkout experience, which allows merchants to embed our button and checkout flow seamlessly into their sites. There are a huge number of perils and pitfalls around running our code on third-party sites, though: We absolute
東京ラビットハウス
簡単JavaScript AST入門 2017/10/24 試供用PDF最新版を配布しています。第三章まで載っています。 2017/10/22 第1版 技術書典3 頒布 (80P, 1000円) 誰か売り子を手伝っていただけないでしょうか？一日中ブースにいるとトイレにいくタイミングが無くてしんどいので、お手伝いできる方いたらTwitter @erukiti にでもご連絡ください。 あと前回の経験上おそい時間だと売り切れ完売の可能性が高そうなので、取り置き希望の人はこれまた Twitter などでご連絡ください。 コンセプト この本は JavaScript AST の入門書です。AST とはソースコードを扱いやすいように加工されたデータ構造のことです。AST を操作するとソースコードの変更・削除・挿入や解析ができます。 JavaScript においては AST は難しいものではありません。A
GitHub - nashwaan/xml-js: Converter utility between XML text and Javascript object / JSON text.
Maintain Order of Elements: Most libraries will convert <a/><b/><a/> to {a:[{},{}],b:{}} which merges any node of same name into an array. This library can create the following to preserve the order of elements: {"elements":[{"type":"element","name":"a"},{"type":"element","name":"b"},{"type":"element","name":"a"}]}. This is very important and it is the main reason why this library was created. Rea
EyeJS
Introduction Hello, I'm Arthur Guiot, I created DisplayJS not that long ago, and I figured out that I couldn't find an easy to setup testing framework. So, I wanted to create my own, and here it is. EyeJS is easy to setup, and has some unique features, such as the ability to test your project right in a browser, which make it adapted to real world test. Installation We recommend using node 8, but
HolyJit: A New Hope
tl;dr: We believe there is a safer and easier way of writing a Jit. Current State Today, all browsers’ Jits share a similar design. This design makes extending the language or improving its performance time-consuming and complex, especially while avoiding security issues. For instance, at the time of this writing, our Jit relies upon ~15000 lines of carefully crafted, hand-written assembly code (~
2017-10-17のJS: Vue 2.5.0、E2Eテストフレームワーク、GlimmerのBinary Template
JSer.info #353 - Vue 2.5.0がリリースされました。 Release v2.5.0 Level E · vuejs/vue Vue 2.5 released – The Vue Point – Medium Vue 2.5 release details 以前から予告(Upcoming TypeScript Changes in Vue 2.5 – The Vue Point – Medium)されていたTypeScript向けの型が改善されています。 また、React 16で導入されたError BoundariesのようにエラーをキャッチすることができるerrorCapturedというhookが追加されています。 E2EテストフレームワークであるTestCafe v0.18.0がリリースされています。 Angularに対応するtestcafe-angular-se
GitHub - planttheidea/fast-equals: A blazing fast equality comparison, either shallow or deep
fast-equals Perform blazing fast equality comparisons between two objects, while also allowing for flexibility for various use-cases. It has no dependencies, and is ~2kB when minified and gzipped. The following types are handled out-of-the-box: Plain objects (including react elements and Arguments) Arrays ArrayBuffer / TypedArray / DataView instances Date objects RegExp objects Map / Set iterables
ProseMirror 1.0
Two years ago, I started the ProseMirror project because I wanted to take a stab at a better approach to WYSIWYG-style editing. Today, I'm releasing version 1.0 of the library. The architecture and scope of the project have changed quite a bit during its lifetime, but I feel that the original goal has been met. ProseMirror is a Web interface component, and though some of the challenges it tackles
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - medikoo/es-async: ES2017 async functions compiler
Release 0.23.0 · avajs/ava
GitHub - kbrsh/wade: :ocean: Blazing fast 1kb search library
GitHub - dollarshaveclub/es-check: Checks the version of ES in JavaScript files with simple shell commands 🏆
GitHub - mathiasbynens/he: A robust HTML entity encoder/decoder written in JavaScript.
GitHub - github/accessibilityjs: Client side accessibility error scanner.
GitHub - peakmoney/whitelister: Simple, basic filtering and validation tool for Node.js.
