[B! Javascript][JSON] hush_inのブックマーク

hush_in id:hush_in

JavascriptとJSONに関するhush_inのブックマーク (3)

2つのJSONの差分を動的に表示する。シンタックスハイライトもする。powered by shiki
２つのJSON文字列の差分をシンタックスハイライト付きで表示したいケースがありました。 Zennでも同じ差分かつシンタックスハイライトができますね。下のようなコードブロックがそうです。 Zennでは行頭に+や-をつけることで差分としてハイライトされるようになっています。このようなシンタックスハイライトかつ差分ハイライトを、2つのJSON文字列の差分に対して行いたいと思いました。つまり、差分を表示したい箇所に明示的かつ静的にマークしていくのではなく、2つのテキストから動的に差分を計算して差分ハイライトを表示してくれる機能です。この記事ではその方法を紹介します。なお、僕がJSONの差分を表示したかったのでJSONで例を出しますが、好きな言語で、なんならプレーンテキストでも応用可能です。好きなだけdiff表示してください。先出し結論 jsdiffでJSONの差分トークンを取得し、shik
hush_in 2024/11/07
JSON

javascript
リンク
JSON Canvas
An open file format for infinite canvas data. Infinite canvas tools are a way to view and organize information spatially, like a digital whiteboard. Infinite canvases encourage freedom and exploration, and have become a popular interface pattern across many apps. The JSON Canvas format was created to provide longevity, readability, interoperability, and extensibility to data created with infinite
hush_in 2024/03/13
JSON

diagram

canvas

javascript
リンク
JSON Parser with JavaScript | Tan Li Hau
Series: AST JavaScriptAST Understand the grammar Implementing the parser Handling the unexpected input Unexpected token Unexpected end of string Going the extra mile Error code and standard error message A better view of what went wrong Suggestions for error recovery Summary The interview question of the week for this week on Cassidoo's weekly newsletter is, Write a function that takes in a string
hush_in 2019/12/15
Parser

javascript

JSON
リンク
1