前回 Markdown Preview を追加したときに、bold や italic の マークアップは問題なくレンダリングできたのですが、 たとえば、リストアイテムのマークアップを入れると 意図通り作動しなくなっていました。

この問題を解決します。

React を使って、ボタンを押すとレイアウトが変わる仕組みをつくりたい。

初期状態はこれ。

前回 から 引き続き作業していきます。

今回は、Markdown Preview を追加しようと思います。

方針として、現状は Editor での編集結果を textarea へ渡していましたが、 それをやめて、代わりに React の Preview コンポーネントへ渡し Markdown テキストを良い感じにレンダリングさせます。

今回作成する React Preview コンポーネントは、 lexical のエディタ（LexicalComposer）を editable false の状態にして使います。 幸い、lexical は Markdownテキスト のレンダリングに最初から対応しているので、 それを活用します。

前回 から引き続いて 今回は、 エディタへの初期値のセットおよび エディタの内容が更新されたときに現在のエディタの内容を取得する部分を 改良します。

前々回 および 前回から引き続いて 今回は、 lexical の Editor で変更があったら index.html にそれを反映する 方法を調べます。

前回から引き続いて lexical について調べていきます。 今回は、エディタの初期テキストを index.html で指定する方法です。

lexicalのミニマムスタート。

このページ Getting Started with React の内容をやってみた備忘録です。

ウェブ上で動くツールでメモを書いているのだが、 テキストエディタの部分を改良したいと思い始めた。 現状は Ace を使ってプレーンテキストにマークアップ（マークダウン）しているだけ。 これを Google Doc のようにできないか。 もちろん、そんなワープロのような高度なことをしたいわけではなく、 もし実現できたとしてこのエディタに期待することは・・・

• タイトル用マークアップの部分を太字にするとか
• 特定のマークアップ部分は下線を引くとか

そんな程度の話である。

EWWというブラウザが Emacs には随分前からあるらしく、それを試すことにした。

メモを残すときにファイルをコマンドラインでつくるのだがファイル名を考えるのが面倒などの理由により UUID 付きのファイル名にしたい場合がある。 そのやり方の備忘録です。

Wnn8サーバは、 Ubuntu 22.04 でも FreeBSD 13.2 のどちらでも作動します。 今回、 Wnn7egg を Emacs 28.2 (29.1 にも対応)で使えるようにするために、 FreeBSD の ports japanese wnn7egg から wnn7egg 関連のファイルを入手して このパッチ wnn7-elisp-el-1.02-1.patch.gz をあてた上でさらにエラーに対処する という手順を踏んだため、 ついでに FreeBSD 13.2 に Wnn8 サーバをインストールできるか も検証しました。（インストールできました。）

電子書籍「Node.js による InDesign ExtendScript モダン開発入門 2024」をリリースしました。

2021年末にリリースした「Node.js による InDesign ExtendScript モダン開発入門」の 内容を2023年12月現在の最新版にアップデートしました。 新しい内容（7章 old-macs プロジェクト, 8章 配布(デプロイメント) ）も追加しています。

主な変更点は、ビルドするときに使うツールを webpack + Babel から extendscript-es5-shim + Browserify + Babel へ移行しました。

Browserify + Babel によるビルド方法の概要はこのエントリーをご覧ください。

Amazon の Kindle Unlimited の会員の方は無料で読めます。ExtendScript に関心がある方は是非ご覧ください。