はてなブックマーク

概要 Windows環境で、VirtualBoxとDockerを併用しているときにVirtualBoxで躓いた箇所があったのでそのときのメモです。 詳細 ことの発端 私の所属している会社では、昔からあるプロジェクトはVirtualBox、最近のプロジェクトはDockerでの開発を行っています。 VirtualBoxの6.1.14～6.1.16あたりでDockerとVirtualBoxが共存で動かせるとのことだったので、共存で動くように設定し、昔からあるプロジェクトの作業をするときはVirtualBoxを立ち上げ、最近のプロジェクトの場合はDockerを立ち上げて作業を行っています。 ※VirtualBoxとDockerの共存設定参考記事 そのような環境で作業している中である時、昔からある方のプロジェクトでmongoDBのバージョン3系列から5もしくは6にアップデートする要件があり、じゃあV

概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい！」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 Interactive CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodeP

前置き レガシーなシステムを保守、パフォーマンス改善をするときにとんでもない実装がされていることってありますよね(悲) 今回は私が遭遇したとんでも実装を改善し、1/20程度の実行時間に改善できた話を紹介します。 実装内容 (実際の処理内容とは多少異なりますが、)APIで取得したデータ(リスト)を繰り返し処理し、テーブルに表示する実装を行います。 もとの実装 もとの実装ではhtml側でテンプレートを作っておき、それをループ処理でクローンし、正規表現で文字列を置換しながらひたすらDOMツリーに追加する方法で実装していました。 (実際に実装されていたものではもっと要素も多く、複雑な処理をしていたため、1万件表示しきれるまでに30～40秒程度かかっていました。上記JSFiddleで私の環境では10～12秒程度かかっています。) 改善後の実装 改善後の実装では、createDocumentFragm