new wings

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

継続

完全に存在を忘れていた

Youtubeライブ配信の固定URLとチャンネルIDの特定について

チャンネルIDとは、個々のYoutubeチャンネルに割り当てられた被りのない一意のIDのこと。UCから始まる。 例:UCfB8TO0f3iIT43myKEqd1JA ライブ配信の固定URL 結論 Youtubeチャンネルのライブ配信の固定URLは次のようなURLであり、チャンネルIDをクエリパラメ…

constとポインタ

cpp

C言語想定。少し離れるとすぐ忘れるのでconstとポインタの組み合わせと、それらの意味を表にした。

ポケモンずかんのapi

公式のポケモンずかんのapiがあった。どんなデータ構造?スキーマ?でポケモンのデータを保存しているかがわかって面白い。 ゲンシカイキとメガシンカは別カウントだった。 その昔ポケモンのホームページは右クリ禁止でポケモンの画像が(表向きは)保存でき…

型遊び

型遊び /********************************************/ // prettier-ignore export const systemModifierList = [ 'STAB', 'Critical', 'MultiTarget', 'NotFullProtect', 'Burn', 'ParentalBond', ] as const; export type systemModifier = typeof syste…

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…

メモを残したいというメモ

msal.js を利用して認証付きの Azure functions を ajax で呼び出す SPA を作ったのでメモを残しておきたい。 Microsoft ID プラットフォーム JavaScript シングルページ アプリケーション ガイド | Microsoft Docs Azure 側の設定、特に認証関係の用語は全…

ヘッドレスブラウザでスクショ

たったこれだけでスクショがとれるのか。 まあ、それだけ。 参考: ヘッドレス Chrome を使えるようになりたいのだ! | LOGZITSU const puppeteer = require("puppeteer"); (async () => { const browser = await puppeteer.launch({ args: ["--no-sandbox"] …

Twitterの動画をダウンロード

できること: twitter の動画をダウンロードできる。 必要なこと: nodejs がなんとなくわかる。 問題がありそうなら記事消す。 nodejs で twitter の動画をダウンロードする。 なぜ nodejs なのかというと、普段から使っていて慣れているから。 twitter 側の…

けいけんアメ計算ツール

namaharumaki.hatenablog.com ウッウロボの計算ツールも作りました。 参考:経験値タイプ - ポケモンWiki 目標レベル 経験値タイプ 60万タイプ 80万タイプ 100万タイプ 105万タイプ 125万タイプ 164万タイプ 現在の経験値 アメ 使う 使用数上限 けいけんアメ…

javascriptのクラスメソッドで引っかかった点

ES6での話 クラスメソッドを別のクラスメソッドから使おうと思ったら使えなかったので少しつまずいた。 解決方法はJavaScript - クラス内でPromiseを使ったときのthisの挙動|teratailに書いてあったが理由がさっぱりわからなかったので調べた。 下記は例。…

二周年記念イベントへ向けて一周年の振り返り

二周年記念イベントへ向けて一周年の振り返り 二周年イベントへ向けて一周年イベントでの走り方を振り返ります。 二周年イベントでも同じ形式とは限りませんが(というかできれば同じであって欲しくない)、せっかくなのでまとめておきます。 なお、私の最終…

GitHubでプライベートなメールアドレスを晒し続けていた

まー、だれも見てないからセーフ。 GitHubのメールアドレスが漏れる?コミット時のメールアドレスにnoreplyを設定 - メンチカツには醤油でしょ!! (はてな用のリンクの貼り方があると思うけどわからない。) hogehoge@users.noreply.github.com をローカルの…

外付けタッチパッド感想

なめらかUSBタッチパッド [TTP-US01] | 株式会社ミヨシ を購入。 Windows10 で使用。総合的には満足。 ダブルクリックからのドラッグ動作に対応していないとあるがそれはWindows7の話であって、Windows10であれば設定の「2回タップしてドラッグすると複数選…

VPN とリモートデスクトップ

追記 Norton が動いてファイアウォール関係の設定が変わったのか、VPN 経由でのリモートデスクトップができなくなった。 Windows セキュリティの「ファイアウォールとネットワーク保護」で「ファイアウォールを規定値に復元する」を実行してから再び許可され…

Azure Storage Emulator の更新後に起動できなかった

Azure Storage Emulator を更新したら unable to start the storage emulator とか出てきて起動できない。 からのPC再起動で何事もなく起動できた。