hata6502

[Editor.js](https://editorjs.io/) は、GitHub で 12000 個以上の Star がついているブロックエディタです。シンプルでクリーンなデータ構造をコンセプトとしています。しかし、標準ではマルチカラムレイアウトを組むことはできず、これをうまく実現する必要がありました。 ## Editor.js をネストさせて実現 Editor.js のシンプルなコンセプトを保ちつつ高度なレイアウトを組む方法として、「Editor.js のなかでさらに Editor.js を立ち上げる」というアイデアを思いつきました。私は OSS として editor-js-grid を開発しました。Editor.js のなかで FlexBox レイアウトを構築し、各アイテムのなかでさらに Editor.js を起動させます。 ## iframe で動作を安定化 editor-js-grid を試作して、複雑なレイアウトを組む機能は実現できました。しかし、Editor.js はネストさせることを前提とした設計になっておらず、 クリックイベントが誤発火するなど動作上の問題がありました。諸事情により editor-js-grid は現在公開されていませんが、現在は editor-js-grid の改良版ともいえる [editorjs-inline](https://github.com/hata6502/editorjs-inline) を開発中です。editorjs-inline では iframe 内に Editor.js を隔離したうえでネストさせることで、動作上の問題を解消しています。 ## 最近の活動 Editor.js は私にとってはじめて本格的に参加できた OSS コミュニティになっています。最近ではロシア人のメンテナーとプライベートチャットで連絡することがあり、コードレビューを依頼されることがあります。Editor.js での最近の活動は以下より確認できます。 https://github.com/codex-team/editor.js/issues?q=author%3Ahata6502

[校正さん](https://kohsei-san.b-hood.site/lp/)は、文章を校正できるアプリです。 ## PWA を利用したオフラインアプリ [PWA](https://developer.mozilla.org/ja/docs/Web/Progressive_web_apps) を導入することで、「校正さん」をオフラインでも使用できるようにしました。文章をサーバーに送信せずにプライバシーを確保するためです。形態素解析の辞書データ (20 MB) などすべてのファイルをデバイスに保存させています。さらに PWA の恩恵として、スマホのホーム画面に追加するとネイティブアプリと遜色のない UI になります。 ## textlint プラグインの開発 「校正さん」に機能を追加するため、文章校正エンジンである [textlint](https://github.com/textlint/textlint) 向けに新しいプラグインを開発しました。これらは GitHub 上で公開しています。 - [textlint-rule-en-spell](https://www.npmjs.com/package/textlint-rule-en-spell) - [textlint-rule-ja-no-inappropriate-words](https://www.npmjs.com/package/textlint-rule-ja-no-inappropriate-words) - [textlint-plugin-jsx](https://www.npmjs.com/package/textlint-plugin-jsx) ## 最近の活動 現在は、[Hugo](https://gohugo.io/) を使ってランディングページとブログ運営に力を入れています。~~また、[校正偏差値](https://github.com/hata6502/kohsei-san#%E6%A0%A1%E6%AD%A3%E5%81%8F%E5%B7%AE%E5%80%A4)に代わる新しい戦略を考えているところです。~~ →[ネガポジ判別機能](https://twitter.com/hata6502/status/1340789469302046720)を公開しました！ 2021年１月からは[IMA 検定](https://ima-kentei.jp/)を通じてウェブマーケティングを学んでいきます。