Redux DevTools·Diff Monitor - Reduxと組み合わせる状態ビジュアル化ツール MOONGIFT
Reactが流行っていますが、より大きなソフトウェアを開発する場合には単にReactを使うだけでなく、Fluxと言われるアーキテクチャで構築するのが推奨されています。ReduxというのもFluxの一実装です。 そんなReduxが提供する開発ツールをさらに拡張し、状態の変化を見える化してくれるのがRedux DevTools – Diff Monitorです。 Redux DevTools – Diff Monitorの使い方 Redux DevTools – Diff Monitorを実行すると以下のように右側にDiff Monitorが表示されます。 そして状態が変化すると自動的にその差分が表示されます。 JSONフォーマットで内容の確認ができます。 データの追加も同じように分かります。 ロールバックするとステータスを戻すこともできます。 Reactにとってデータの状態は肝とも言える技術
ProseMirror - Markdownで記入できるWYSIWYGエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました WYSIWYGエディタは多数ありますが、基本HTMLを作成するためのツールです。HTMLに不慣れな非エンジニアにとっては便利ですが、ある程度技術力がある人にとってはツールの使い勝手によってストレスが感じられるでしょう。 今回は次世代的なWYSIWYGとも言えるProseMirrorを紹介します。記法はMarkdown、描画はHTMLというソフトウェアです。 ProseMirrorの使い方 こちらがProseMirrorの画面です。HTMLが描画されていますが、記法としてはMarkdownが使えます。 リンクなどは別途ツールが表示されて、そこでURLを入力できます。 画像の埋め込み表示にも対応しています。 ツールバーではなくツールチップモードも用意されています。 メニューから機能を辿
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
