Next.jsのチュートリアルを終了したので雑で断片的なまとめ

概要 Next.jsのチュートリアルを終了した。 雑なまとめを書きたいと思ったが、ZennやQiitaなどのプラットフォームに書くことではないと思ったので、こっちに書く。 雑で断片的なまとめ Fast Refresh たしかに開発環境での変更箇所のブラウザへの反映(Refres…

Draft.js製テキストエディタの内容をFireStoreに保存する

はじめに Draft.js製テキストエディタに入力されたデータをFireStoreに保存する手順を記録します。 正確には、今回エディタのコンポーネントを取ってきているライブラリはDraft.jsではなく、react-draft-wysiwygというDraft.jsをさらに拡張させたライブラリ…

React Draft Wysiwygを使ってシンプルなテキストエディタを作成する

概要 今作っているアプリの中にテキストエディタを投入したいとなったので、取り急ぎ作成しました。 完成形 環境 react 17.0.1 typescript 4.5.4 gatsby 4.3.0 @emotion/react 11.7.0 react-draft-wysiwyg 1.14.7 選定したライブラリ react-draft-wysiwygを…

JavaScript非同期処理サイクルの紙芝居

概要 JavaScriptではシングルスレッドで処理が行われる。 スレッドとはコンピューターが実行する処理の一本の流れのことであり、「シングルスレッドで処理が行われる」ということは、「複数のスレッドで並列して処理を進めることはできない」ということであ…

最近TSとJSについて学んだことを乱雑にまとめる

TS インデックス型のオブジェクト 名称が定義されていないプロパティを持ったオブジェクトを作成することができる。 例えばkeyを文字列、valueが数値のプロパティを作成したい場合は [K: string]: number と記述する。 その場合は以下のようにプロパティを後…

サバイバルTSを読んでのまとめ(第1回)

来月からWebアプリケーションのエンジニアとして働き始める。 転職先の会社ではTypeScriptとReactを使うようなので、最近その2つの言語を教材をいくつか用いて勉強している。 TSの方は知り合いのエンジニアの方から「サバイバルTypeScript-TypeScript入門」…

リモートとローカルでリポジトリの始祖が異なると不具合が起きる話とgitの復習

知り合いのエンジニアの方にRailsで簡単なAPIを作るという課題を出していただいており、やや久しぶりにgitを触った(add、commit、push以外のことをした)。その際初っ端から不具合が出たので、復習を兼ねたgitのコマンド・概念の整理とともに記事にする。 …