githubリポジトリ内のサブディレクトリのみをダウンロードしてくる方法

今回はgithub上に上がっているリポジトリ内のサブディレクトリのみを取得する方法についてまとめたいと思います。最近参考にしたいコードをローカルにダウンロードしようと思ったのですが、 リポジトリがとても大きかったので欲しいコードだけ持ってこれないか？と思い、 調べたところ、方法があったのでその備忘録になります。 ■前準備 ■sparsecheckoutを用いてサブディレクトリのみを取得する。 ■補足 ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■前準備 まずダウンロードを行うためのディレクトリを作成していきます。 mk…

OpenCVで作成した文字や四角形を移動させてみる

OpenCVで動画を再生させたり、動画のフレーム数を変えたり、フレームレート切り替えたり、、、 動画を切った貼ったやっていると、 あれ？？今フレームレート想定通りになっているかな？？遅くない？？早くない？？ と不安になることがあります。動画を見比べて判断すればよいのですが、 ただの動画だと分かりにくい。。ということで、自作でサンプル動画を作成してみることにしました。 ただ連番画像を動画にするだけだと画像作成面倒ですし、やりなれた方法ですので、 今回は、OpenCVのライブラリとして提供されている、 rectangleとTextを用いて、自作で動画を作成してみることにしました。 ■作成した動画 …

nodejsでサーバーのCPUやメモリリソースを取得してみる

前回、Pythonでサーバー上のリソースを取得するためのアプリを作成してみました。 elsammit-beginnerblg.hatenablog.com前回のアプリはfrontをjavascriptで作成したのですが、どうせならReactを使用してしっかり作ってみようかな？ と思い、再挑戦することに。どうせならサーバーサイドもpythonではなく、nodejsでも使ってみようと思ったのですが、、、 nodejsでCPUやメモリリソースのチェックの仕方を知らない！！ということで、今回はnodejsでリソース取得する方法を調べましたので備忘録として残そうと思います。 ■CPU・メモリリソース取得…

cifsをマウントしたディレクトリでもリンク作成できるようにする

先日、リンクが作成出来ないことに起因してnpmやnpxでエラーが発生してしまいました。 一応、npm、npxコマンド実行時にオプションを付与することで回避できたのですが、、、 elsammit-beginnerblg.hatenablog.com そもそも、 なんでリンク作成出来ないのだろうか？リンク作成出来るようにするための方法は？ が気になったので調査は継続していました。原因と解決策が分かりましたので備忘録としてまとめておきます。 ■原因 ■対策 ■(補足)cifsとは？ ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({});…

ENOTSUP: operation not supported on socket, symlinkを解決した話

最近、以前勉強していたReactやnodejsを再勉強中。 そこである日、 npm installや npx create-react-appを実行したところ、 ERR! code ENOTSUP npm ERR! syscall symlink npm ERR! path ../mime/cli.js npm ERR! errno -95 npm ERR! ENOTSUP: operation not supported on socket, symlink 'といったエラーが発生してしまいました。今回は本エラー発生の原因とその解決方法を調べたので備忘録として残しておきたいと思います。 ■現…

OpenCV.jsで動画再生を実施

先日、OpenCV.jsの導入手順や画像をグレーやカラーに変化して表示させてみました。 elsammit-beginnerblg.hatenablog.com今回はOpenCV.jsで動画の再生を試してみたいと思います。 ■OpenCV.js公式サイトのサンプルを試してみる ■なぜエラーとなってしまったか？ ■OpenCV.jsでの動画再生コード紹介 ■実際に動かしてみる ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■OpenCV.js公式サイトのサンプルを試してみる OpenCV.jsの公式サイトには動画再生のサンプ…

javascript用OpenCVであるOpenCV.js試してみた

先日OpenCVに関して調べものをしていたところ、 javascriptで動作させることが出来るOpenCV.jsなるものを発見！！早速使ってみましたので今回はセットアップも含めて備忘録残しておこうと思います。 ■OpenCV.jsとは？ ■OpenCV.js利用環境構築 ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■OpenCV.jsとは？ OpenCVの公式ページにはこちらの通り説明がありました。 OpenCV.js is a JavaScript binding for selected subset of Op…

jsonやcsvファイルの相互変換や編集サイト作成

前にjsonやcsvファイルの相互変換や編集の方法を備忘録としてまとめました。 elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.comこちらの変換サイトですが、少し便利で使うときもあり、せっかくなのでWebサイトにて作成することにしました。 ■サイトリンク ■使い方 ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■サイトリンク 作成したファイル変換のサイトですが、こちらになります。 https://elsammit.github.io…

githubで公開した時の検索時の説明文(ディスクリプション)を用意

前回から引き続きgithub関係について備忘録としてまとめておきたいと思います。今回は検索時に表示される説明文(ディスクリプション)を用意する方法です。 ■githubをpublicで公開した時に気づいたこと ■ディスクリプションを用意する方法 ■試しに対応 ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■githubをpublicで公開した時に気づいたこと ここ最近、publicで上げたコードが検索に引っかかることがあるのですが、 説明文(ディスクリプション)がデフォルトのままなんですよね。 ディスクリプションとは、g…

githubのREADMEに動画を表示する

今回はgithubのREADMEに動画を埋め込む方法をまとめてみます。最近githubでアプリを上げているのですがどういう動作なのかを示すのに、 動画で見せるのが結構手っ取り早かったりするんですよね。 そこで、githubのREADMEに動画を埋め込んでいるのですが、備忘録としてまとめておこうと思います。 ■簡単に動画を埋め込む方法 ■コミットされた動画をREADMEに埋め込み ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■簡単に動画を埋め込む方法 まずは簡単にREADMEに動画を埋め込む方法についてです。それは、、、…

32bit UEFIブートかつ64bitアーキテクチャにubuntuをインストールするまで

先日部屋掃除をしていたところ、 昔使用していた2in1タブレットPC(Aspire Switch)を発見！！ 懐かしくなり起動させてみたところ、OSがWindows8.1。 せっかくなのでwindows10にアップデートしようとしたのですが、なぜかインストール失敗。。 まぁ、windows10がインストールできたとしてもスペック的にカクついたりしてまともに動かなかっただろう。このまま眠らせておくのももったいないので、、 せっかくなのでubuntuをインストールすることに！！下記からubuntuをUSBメモリに焼いてインストールすればよいのだと思い気軽な気持ちで始めたのですが、 ちょっと手間取っ…

javascriptをtype="module"で読み出すとonclickイベントで関数がis not definedになる

先日調査したjsonデータ⇔csvデータ変換やjsonデータ⇔xmlデータ変換や各種ファイルを出力する方法をまとめました。 elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.comどうせなのでこれらのコードをgithub pagesで公開したら後で便利かな？ と思い立ち、Webアプリを作成中！！そこで、 ファイル分割のためにexport/importを使用したところ、 ちょっとハマったことがあるので備忘録としてまとめたいと思います。 ■export/importを用いてファイル分割を行ってみる。 ■htmlで…

ウィンドウ上の指定した領域に対するスクリーン録画アプリをリリースしました

先日、指定した領域に対してスクリーンショット(録画)をする方法をまとめました。 elsammit-beginnerblg.hatenablog.com 今後、自分でも何かと使いそうだな！！と思ったので、 アプリケーションを作成しました。 ■アプリダウンロード先 ■使用条件(動作確認環境) ■アプリ紹介 ■アプリを使用する際の注意事項 ■最後に (adsbygoogle = window.adsbygoogle []).push({}); ■アプリダウンロード先 アプリはgithubにて公開いたしました。 ダウンロード先のURLはこちらになります。 https://github.com/E…

WPFでディスクトップ上の指定したエリアのスクリーン録画を行ってみた

自分でカスタマイズしながらスクリーンショットアプリが欲しくて色々試してきました。今回はこちらで紹介したウィンドウ全体を表示、録画する方法をまとめました。 elsammit-beginnerblg.hatenablog.comまた、Rctangleで描画する方法もまとめました。 elsammit-beginnerblg.hatenablog.com今回はこちらのディスクトップウィンドウのスクリーン録画する方法と、 Rectangleを描画する方法を組み合わせて、、、 Rectangleで描画した部分を切り出してスクリーン録画する方法をまとめたいと思います。 これで画面上の好きなエリアのみを録画す…

CreateBitmapSourceFromHBitmapでメモリリークが発生した件

先日よりC#で画面スクリーンショット方法をまとめていました。 elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.com そこで、CreateBitmapSourceFromHBitmap関数でどうもメモリリークが発生してしまい、 メモリ使用量がどんどん増えていく。。ということで原因と対応策を調べたので備忘録としてまとめておくことしました。 ※同じミスはしたくないので。 ■原因 ■解決方法 ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■…

WPFで自由にRectangleを描画する

先日、WPFで特定のアプリケーションに限定してスリーンショット録画の方法をまとめました。 elsammit-beginnerblg.hatenablog.comですが、 ・複数アプリを録画したい ・好きなエリアを指定したい といった場合にはアプリケーションに限定するだけでは不十分です。。 そこで、自分で指定したエリアで録画するアプリケーションを実装したいと考えました！今回は、エリアを指定するためにRectangleを描画する方法をまとめたいと思います。 ■xamlの実装 ■好きなエリアにRectangleを作成する ■Rectangle描画領域をCanvasに限定する ■最後に ■参考 (ad…

特定のアプリに限定したスクリーン録画を試みる

先日、OpenCVSharpを用いて画面全体でのスクリーン録画を試してみました。 elsammit-beginnerblg.hatenablog.comですがこの方法ですと、 特定のアプリが映っている領域のみ録画したい場合には無駄な領域も写ってしまいますね。 後で余計な領域を削除するのも大変なので、今回は特定のアプリケーションの領域のみを録画する方法をまとめたいと思います！！ ■前提条件 ■アプリケーションの座標やサイズ取得方法 ■特定アプリの領域を切り出してスクリーン録画してみる ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({…

WPFでスクリーン録画してみる

先日、WPFでスクリーンショットやスクリーン画面の動画を表示してみました。 elsammit-beginnerblg.hatenablog.com今回はこちらのコードに録画機能を追加してスクリーン上の映像を録画してみようと思います！！ ■OpenCVSharpを準備する ■WPFでスクリーン録画してみる ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■OpenCVSharpを準備する 録画するにあたり、OpenCVSharpを用います。 OpenCVのC#版ですね。OpenCVSharpですが、 Visual Studi…

WPFでスクリーンショットや画面操作動画表示

今回はC#でスクリーンショットや画面をリアルタイムで表示する方法をまとめたいと思います。 最終的にはC#で画面録画を実現するまでをまとめたいと思いますが、 今回は画面をWPFのImageに表示するまでをまとめていきます。 ■前提条件 ■スクリーンショット実現方法 ■動画化してみる ■(補足)Dispatcher.Invokeとは？ ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■前提条件 今回画面レイアウトですが、こちらの通り ImageタグとButtonタグのみの構成とします。 用意したボタンをトリガにスクリーンショッ…

OpenCVで映像のズームイン・ズームアウトを試してみる

今回はOpenCVで映像のズームイン・ズームアウトを行ってみたいと思います。 言語はPythonです。 ■Pythonバージョン ■映像のズームイン・ズームアウトのコード ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■Pythonバージョン 使用するPythonのバージョンですが、 Python 3.7.4 になります。 ■映像のズームイン・ズームアウトのコード 早速、ズームイン・ズームアウトのコードをご紹介します。 コードはこちら。 こちらは、2倍の倍率でズームインしているコードになります。 import cv2 s…