はじめに react-highlight.jsがv10に対応していなかったので, highlight.js v10でComponentを作成 なぜかvue.jsはPluginがある、、、vuePlugin bvaughn.github.io npm install 2020/12/03 latest version -> 10.4.1 $ npm i highlight.js $ npm i @types/hig…

binary dataからHEIF/HEIC形式かどうか判定する方法(memo) 背景 S3からgetObjectした画像がReactで表示されなかった heic2anyというlibraryで画像でheicをに設定可能だが、処理が重いので、APIからcontentTypeを適切に渡してあげたかった （無理やりjpgにren…

github.com demo fileを $ npm install した時のerror 対処方法 package.jsonの以下を削除 "react-router": "4.4.0", "react-router-dom": "4.4.0", $ npm install manual install : react-router-dom www.npmjs.com $ npm install --save react-router-dom …

const raw = window.atob(base64); const rawLength = raw.length; const blobArray = new Uint8Array(new ArrayBuffer(rawLength)); for (let i = 0; i < rawLength; i++) { blobArray[i] = raw.charCodeAt(i); } const blob = new Blob([blobArray], {type…

はじめに POM.xmlのErrorの解決方法のmemo IntelliJ IDEA tree ├── pom.xml ├── src │ ├── main │ │ ├── filters │ │ │ └── dev.properties POM.xml <project ...> 略 <profiles> <profile> <id>dev</id> <properties> <foo>src/main/filters/dev.properties</foo> </properties> </profile> </profiles> <build> <filters> <filter>${f…</filter></filters></build></project>

memo private void stringToUnicode(String s) { StringBuilder sb = new StringBuilder(); for (int i = 0; i < original.length(); i++) { sb.append(String.format("\\u%04X", Character.codePointAt(original, i))); } String unicode = sb.toString(); …

とりあえず、localにDBが欲しい場合のメモ $ docker pull mysql # 起動 $ docker run --name mysql -e MYSQL_ROOT_PASSWORD=<任意password> -d -p 3306:3306 mysql # 接続 $ mysql -h 127.0.0.1 -u root -p Enter password: <任意password>

日時分までの文字列が必要だったので、メモ $ date '+%Y%m%d%R' | tr -d : 202001211357 gitのtagで使いたかった。 trコマンドについて tr -d <stringA> stringAを削除してくれる tr <stringA> <stringB> stringAをstringBに置き換える</stringb></stringa></stringa>

$ grep -c で可能 docker imagesのcountを調べる場合は $ docker images -q | grep -c '' -q, --quiet Only show numeric IDs

参考リンク ja.reactjs.org 概要 ファイル選択ボタン, 画像表示エリアを用意 ファイル選択アクションで画像を表示する React Appの新規作成 $ npx create-react-app my-react-app 表示するComponentを作成 FileUpload.js import React, { Component } from '…