鈴木颯介のブログスマートフォン用の表示で見る鈴木颯介のブログ技術的なメモとかポエムとか。2018-12-31Frozenをちょっとアップデートした趣味で作っているMarkdownエディタ、Frozenをちょっとアップデートしたので忘備録。https://frozen-editor.netlify.com/MobXからReduxに移行したもともとMobXを使って状態の管理を行っていたけど、辛くなってきたのでReduxに移行した。MobXは書き心地は良かったけど、何も考えずに書くとあとで管理が大変になる。いうか実際そうなってしまった。Reduxに移行してみた。Reduxならアーキテクチャがコーディングの自由度をある程度まで下げてくれるから、後々になって見直しても問題なさそうな気がする。非同期処理はredux-saga。1つ問題として、InversifyJSの使い方どうしようみたいのがあった。IndexedDBとLocalstorageを使う部分をInversifyJSでサービスとして実装してそれをMobXのストアのクラスに注入していたから、Reduxでそこをどう解決しようというのは少し考える必要があった。結論としては、InversifyJSの公式に載ってる関数に依存性を注入する方法を使って、reudx-sagaのジェネレータ関数に対して注入することにした。普通のtextareaをやめてCodeMirrorにした実際に自分で使ってて、普通のtextarea使いにくすぎるなぁと感じたのでCodeMirrorに移行してみた。CodeMirrorをReactで使うときはちょっとした工夫が必要だったりする。今まではクラスコンポーネントのライフサイクルメソッドでそれをやっていたけど、今回はHooksを使うことにした。Hooksについては前から他の用途で使っていたから、それなりにすんなり使うことができた気がする。使うたびに思うけど、今後のReactは本当にクラスコンポーネントを使う必要がなくなるなぁ、、、Workspace機能を実装したバイト中につかっていて、プライベートのメモと混ざりそうで面倒だったからワークスペースごとにメモを作成できるような機能を実装してみた。左側にSideNavigationを表示して、そこでワークスペースを切り替える。ワークスペースの追加や名前の編集、削除などはモーダルから行うことができる。06:15FrozenをちょっとアップデートしたTweet広告を非表示にする関連記事2018-11-28InversifyJSでMobXのStoreに注入しますFrozenエディタを開発するにあたって、localStorageとIndexedDB...2018-11-27ReactとMobXでオフラインで動くMarkdownエディタを作った趣味でFrozenというMarkdownエディタを作ったので紹介します。...2017-12-16Spacemacsを捨てAtomを再び使うことにしたこんにちは、最近テキストエディタをAtomに移行したすずきです...2017-07-21reactでmarkdownする時はremarkを使うといいよという話01こんにちは。完全な自分用メモです。»プロフィールid:tako_programing技術的なメモや、僕の気持ちです。夏休みの目標はあまり達成できなかった月別アーカイブはてなブログをはじめよう!tako_programingさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。