なつねこメモ

主にプログラミング関連のメモ帳 ♪(✿╹ヮ╹)ノ 書いてあるコードは自己責任でご自由にどうぞ。記事本文の無断転載は禁止です。

JavaScript

JavaScript で value が undefined な key を取り除いたオブジェクトがほしい

JavaScript で、例えば以下のようなオブジェクトがあったとして、 const obj = { a: false, b: undefined, c: 0, d: "", }; value が undefined なキー、つまりは今回の場合は b を除いた、以下のようなオブジェクトが欲しいケースがある。 const obj = { a:…

JavaScript でメンバーがすべて undefined かどうかを調べたい

クラスやらオブジェクトのメンバーがすべて undefined かどうか調べたいときは以下のコードで出来る。 const obj = { a: undefined, b: undefined, c: undefined, }; const obj1 = { ...obj }; const obj2 = { ...obj, d: null }; const checkAllMembersAreU…

JavaScript で型定義ファイルを Global に宣言したい

TypeScript 使うまでもない単体の JS ファイルでも d.ts を使いたい時ってあるじゃないですか。 そういうときのあれ。 例えば、 window に Docute というオブジェクトを生やしたこんな型定義があって。 // 面倒なので一部だけ type DocuteOptions = { target…

はてなブログで Prism.js を使う

はてなブログのシンタックスハイライトに JSX / TSX が対応してなかったり、 C# の async/await 当たりが永遠に真っ白だったりしてつらかったので、 Prism.js を導入しました。 導入方法は簡単で、こんなコードを設定の「 head に要素を追加」の部分に付け足…

React で特定条件で useState を使っているコンポーネントが2回描画される

React.js にて、再描画される必要が無いコンポーネントが、なぜか再描画されている事があった。 調べてみると、 React.StrictMode と useState を使っている場合、再描画しているらしい。 React.StrictMode combined with useState causes component to rend…

JavaScript のテストで Date を Mock したい

時間に関わるテストをしようと思うと、 Date をなんとかしないといけない。 ただ、 Jest でやろうとするといろいろ面倒だったので、サクッとする方法。 探してみるとそれっぽい事をしてくれる Node モジュールを見つけた。 mockdate yarn add mockdate --dev…

FlexSlider で右開きのコンテンツを作りたい

jQuery.FlexSlider 、スライドショーとか作れて便利みたいなのですが、 例えば漫画だったり小説だったりは、日本だと右開きになっています。 ということで、若干無理やりな気がしますが、 FlexSlider で右開きのコンテンツを作ります。 上の通り、右開きのコ…

Node.js + CircleCI + Coveralls でカバレッジを取得してみる

TypeScript + Node.js でアプリを作っているのですが、テストのカバレッジを取得して、 GitHub にて、そのバッジを README.md に表示してみようという試み。 TypeScript + Node.js だけじゃなく、 JavaScript でもいけます。 前提条件としては、下の通り。 T…

Wordpress の RSS からアイキャッチを取り出したい

アプリケーションエンジニア目指してたら、何でも屋になりつつあります。 ということで、 Wordpress にて、特にプラグインや function.php をいじらないで、 アイキャッチだけを取り出すのをやってみます。 前提条件として、 Wordpress (もしかしたら、ほか…

Electron を学習してみる

Windows PC が修理しても壊れている状態で UWP の勉強ができなくなってしまったので、 最近よくきく Electron とやらを学習してみる。 おのれ修理センター、ちゃんと修理せずに送りつけてきおって。 Electron は、 GitHub の Atom エディターで使われている…