new wings

プログラミングを始めたので、感想を書いてくと思います

2020-01-01から1年間の記事一覧

npm packと.gitignore

有識者によると.npmignoreよりもpakcage.jsonのfilesを使ったほうが良いそう。.gitignore無視されて認証情報漏れる恐れあり。 medium.com npmの動作はもう少し公式ドキュメント読んで理解したほうがよさそう。 何らかのライブラリを作りたい。 typescriptで…

ローカルのgitリポジトリからnpmインストールする

とてもニッチなnpm installとyarn add あまりにも実用性がない httpsもsshも介さずにgitリポジトリからnpmパッケージをインストールする方法はある。 1. fileスキーム的なあれでgitリポジトリからインストールする gitリポジトリからインストールするのでpac…

Create React AppのtemplateオプションにGitHub上のテンプレートを指定する

Create React App にはデフォルトで typescript のテンプレートがある。 npx create-react-app myapp --template typescript この template オプションにはカスタムテンプレートを指定することができる。Custom Templates | Create React App npm に公開され…

JavaScriptの実行環境についての現状の理解

JavaScriptの実行環境についての現状の理解 現状の理解を整理する。 実行環境が色々ある。 例えば、 Webブラウザ Node.js など。初めのころは全く区別がついていなかった。似て非なるようなもの。JavaScriptエンジンがどうこうは気にしないことにする。 Web…

ウッウロボ計算ツール

目的のアイテムをウッウロボで作るためのアイテムの組み合わせを計算します。 使い方 「作りたいアイテム」に作りたいアイテムを入力します。 必要なアイテムの候補が更新されるので1つ目から順に選択します。 4つ目まで選択するとその組み合わせで作れるア…

javascript で unicode の encode と decode

unicode encoded unicode decoded // https://github.com/uxitten/polyfill/blob/master/string.polyfill.js // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart if (!String.prototype.padStart) { Str…

ポエム 検索力

Googleで検索すればだいたいわかると言われる。 おおむねそうだと思う。ただ例外はあって、専門的な学問分野に関することは出てこなかったりする。 それはさておく。 検索するにもどう検索したらいいかわからない、なんてことはよくある。 なにか問題があっ…

アルゴリズムとデータ構造

sevendays-study.com 一週間で身に着けたい。

Synology NAS に Node v12 をインストールしたことで npm install が失敗する件の対策

Synology NAS に Node v12 をインストールしたことで npm install が失敗する件の対策について 現状の対策方法: Node v8 の npm を引き続き実行する。 注意 この記事では Node v12 の npm install を正しく実行させる方法については書いていません。それを…

Save Google Earth Presentation As a Movie File

Save Google Earth Presentation As a Movie File This script can save a canvas, video or audio element. 60fps の動画に対して video.captureStream().getVideoTracks()[0].getSettings().frameRate でフレームレート調べたら 30 になっていた。 どうや…

metaflac を使って flac ファイルのアートワーク(ジャケット画像?)を追加・削除する

xiph.org metaflac を使って flac ファイルのアートワーク(ジャケット画像?)を追加・削除する。 例: sample.flac ファイルからアートワークを削除する。 $ metaflac --remove --block-type=PICTURE,PADDING "./sample.flac" 例: sample.flac ファイルに…

bulma を一部にのみ適用する

bulma を一部にのみ適用する。 言い換えると、bulma を特定の要素以下に限定して適用する。 apply-bulma クラスの下のみが bulma の影響を受ける。 bulma/sass/base/generic.sass や bulma/sass/base/minireset.sass には html や body へのスタイルが定義さ…

bulma でカスタムカラーを追加する

css

bulma.io scss を css にコンパイルできる前提。idolColors.scss を idolColors.css にコンパイルして index.html で読み込む。 /* idolColors.scss */ /* findColorInvert, findLightColor, findDarkColor 関数を使えるように先にインポートしておく。 */ @…

React でスコープをコンポーネントに限定して css を適用する

CSS Modules github.com React でスコープをコンポーネントに限定して css を適用する方法はないの?と思ってたら普通にあった。create-react-app で開始したプロジェクトを想定。 ├ Button.tsx └ Button.module.css Button.module.css .redButton { backgro…

ffmpegでの動画変換メモ

ffmpeg をダウンロードする。 https://www.ffmpeg.org/ ffmepg はインストールしないで使うことができる。コマンドラインから利用するので ffmpeg のパスを通す。 mp4 から gif へ変換する gif に変換する。GPU支援使えない? ffmpeg -i source_file.mp4 res…