Draft.jsでカーソル位置にEditorStateを挿入する
背景 Draft.jsで、既に入力済みであるEditorStateのカーソル位置に、別のEditorStateを挿入したい。 それを以下のコードで解決。 import { EditorState...
0
0
Comment0
19 search resultsShowing 1~19 results
Stocked
You need to log-in
nodenv installで yarn command not found になった時の対処法
> nodenv install 18.12.1 Downloading node-v18.12.1-darwin-x64.tar.gz... -> https://nodejs.o...
2
1
Comment0
Reactでモーダル背景固定用CustomHooks
モーダルで背景を固定したい時のCustomHooks CustomHook import { useEffect, useState } from "react"; export const u...
0
0
Comment0
Vue.js & TypeScript で Google Mapの自作コンポーネント作成
背景 Vue.jsでGoogle Mapを表示する際に、既存のライブラリであるvue2-google-mapsを使う選択肢もありましたが、今後様々なカスタマイズをしていきたいと考えた場合に使い勝...
6
6
Comment0
SPAでのメタタグ変更
setHeadTag const baseMetas: Meta[] = [ { name: 'keyword', content: null }, { name: 'description',...
1
1
Comment0
Vue.js で googleMap に overlay view を表示するコンポーネントを作る
google.maps.OverlayViewを継承する用クラス GoogleOverlay.ts export class GoogleOverlay { lat: string | numb...
0
0
Comment0
Typescript async catch 考察
やりたいこと エラー発生時に、以降の処理をスキップしたり、例外処理したりする時に便利なメソッドを作る。 wrapPromise.ts type Result<T> = T | Err...
1
1
Comment0
Node.jsでログにUser IDを自動出力
背景 ECサイトなどを運用する場合、ログにユーザの識別IDが付与されていると調査時に行動を把握することが容易なため便利です。 そこで今回はNode.js（Express）で実現してみたいとおもい...
1
1
Comment0
Vueで作る汎用的なシンプルアコーディオン
背景 Reactで作る汎用的なシンプルアコーディオン をVueで実装する。 実装 SimpleAccordion.vue <script lang="ts"> import { Co...
0
0
Comment0
eslint prettier husky を使った簡単環境構築
環境を構築するメリット eslint 一定のコーディングルールを儲けることができる為、コードレビュー負担の削減や可読性の向上を期待できます。 プラグインを設定することで即時エラーを確認することが...
18
11
Comment0
JavascriptでCSV出力
多次元配列からBOM付きUTF-8で出力 export const downloadCSV = (rows, fileName = 'download') => { const bom ...
2
4
Comment0
Typescript Node.js メソッドの結果をキャッシュする
背景 APIの結果を指定した時間キャッシュさせたかったので、シンプルにキャッシュできるクラスを自前で実装する。 使用ライブラリ ioredis zlib 実装 import ioredis fr...
0
0
Comment0
Javascriptで自作のrange関数
range export const range = (start, end, step = 1) => [...Array(Math.floor((end - start + step)...
2
3
Comment0
webpack NODE_ENV でハマった話
背景 NODE_ENVの値で分岐を行いたいと考えていました。 しかし、何を設定しても起動するとproductionとなる... 調査 調査用に、下記のようなコードを追加 console.log(...
2
1
Comment0
Reactで作る汎用的なシンプルアコーディオン
背景 クリックしたら開いて閉じるというただ単純な実装が、色々なコンポーネントに散乱しだしていたので、汎用的にその機能を使えるコンポーネントを実装してみました。 実装 import React, ...
0
1
Comment0
Vue.js Typescript Express で開発環境を作ってみる
内容 Vue.js + express + Typescriptで、何かプロダクト開発をする際のベースとなる環境を作ってみます。 expressはAPIとして利用し、バックエンドとして使用する想...
9
8
Comment0
JSON内の特定の値をマスクする
目的 APIリクエスト・レスポンスをログに吐きだす際など用のメモ書き 例 javascript const MASK_KEYS = ['email', 'password'] const mas...
0
2
Comment0
Elasticsearch aliasを用いた運用
背景 社内では既にElasticsearchを取り入れていましたが、運用においていくつか不便な点がありました。 既存index運用方法 ある用途に特化したindexを作成 初期データをインポート...
8
1
Comment0
React パフォーマンス改善 （Array系）
改善対象 配列を繰り返し処理によって表示しており、ソートや絞り込み等が行われる場合、レンダリングコストや繰り返し表示する数によっては、何も意識せずに実装した時に著しくパフォーマンスが悪くなること...
3
2
Comment0
19 search resultsShowing 1~19 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles