Elsaの技術日記(徒然なるままに)

主に自分で作ったアプリとかの報告・日記を記載

MENU

pythonで動画に字幕を付ける方法

現在オンライン講義Courseraを利用(聴講)して1から勉強中なのですが、、 Courseraは日本語の講義が全くない!! 一応字幕機能もあるのですが、、、 ・動画欄の下に字幕文章欄が付いている形式なので動画を見ながら受講しにくい ・そもそも字幕も日本語対応し…

html+javascriptでxmlファイルをjsonデータへjsonデータをxmlファイルに変換

前回まででjsonファイルの読み込みやcsvファイルの読み込み、 csv⇔jsonデータの変換を行ってきました。 elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.com今回は最後で、xmlファイルを読み込みjsonデータに変換したり、jsonデータを…

html+javascriptでcsvファイルをjsonデータへjsonデータをcsvファイルに変換

先日、javascritptでjsonファイルを読み出したり、書き出す処理についてまとめました。 elsammit-beginnerblg.hatenablog.comこちらのファイル読み込み・出力を行うにあたり、 json⇔csv、 json⇒xml、 xml⇒csv、 と変換できるツール的なものが作成できれば面…

html+javascriptでフロントエンドにてjsonファイルの読み込み・書き出し

前回まで動画や画像処理について備忘録まとめてきましたが、 今回は打って変わってjavascriptでのjsonデータやjsonファイルの取り扱いについてまとめていきたいと思います。ちょうどjsonファイルを取り扱ってデータ管理する必要があったのですが、 アプリを…

OpenCVでのマウスによるエリア指定方法

今回はOpenCVでマウスイベントを取得する方法とマウスクリックした位置を取得してエリア指定する方法をまとめていきたいと思います。 マウス操作で領域切り出しを実施してみたかったので、知れて良かった!! ■環境 ■マウスイベント取得 ■選択した領域で囲う…

連番画像を動画化してコマ撮り映像を作成してみた

先日こんな記事を発見!! note.comさっそく妻に "コマ撮りしてみないか?" と誘ってみたところ、 "昔やってみたけどうまく行かなかった。" "ただ興味はあるから協力してくれたらやる!!" とのこと。こんなご時世なのでお外に出づらいこともあり、 休日のお…

Flask 動画アップロード方法

前回、Flaskでの動画再生アプリや、 elsammit-beginnerblg.hatenablog.comYoloで物体検知が行える動画再生アプリを作成しました。 elsammit-beginnerblg.hatenablog.com今回はFlaskでの動画アップロード機能を追加して、自分の持っている動画をWeb上で物体検…

sqlite3でDBを操作してみる(C++編) ~~続き~~

先日C++でsql文を利用使用してDB操作する方法をまとめましたが、 データ挿入まででデータ閲覧までは記事に載せきれませんでした。 elsammit-beginnerblg.hatenablog.com今回はデータ閲覧方法についてまとめていきたいと思います!! ■sqlite3操作(データベー…

sqlite3でDBを操作してみる(C++編)

以前sqlについて簡単にまとめました。 今までnodejsやpython、go言語などでsqlを用いてDBの操作したことがあったのですが、 CやC++でsqlを利用したことがなかったので今回使ってみました!! elsammit-beginnerblg.hatenablog.comちょっとばかしクセのある使…

xfreeでPHP・MySQLサーバー導入手順 & VScodeでftpサーバー同期方法

Webアプリや作品を公開するのにサーバが欲しいな!!と思っていたのですが、 遊びでサーバをわざわざ契約するのもな。。。と悩んでおりました。。。そんな時、TwitterでWeb作成やWeb開発されている方が「xfree」をお勧めしており、 どんなものか?? と調べ…

Yoloによる物体検知と動画再生Webアプリを組み合わせてみる

前回、Yoloを用いて画像に対する物体検知を行いました。 elsammit-beginnerblg.hatenablog.com今回はこちらのYoloによる物体検知と以前作成したWebアプリを組み合わせ、動画再生中に物体検知するWebアプリを作成していきたいと思います。 ■条件 ■環境 ■試し…

Raspberry PiにYOLOをインストールし物体検知してみる

今回はラズパイでYoloを使用して物体検知をしてみたいと思います!!結構環境構築に手こずったところがあるので、こちらも備忘録として残して置ければと思います。 ■環境構築手順 ■tensorflow2-yolo-v3を利用して物体検知してみる ■実行結果をまとめてみる ■…

Flaskで静的ファイル(javascript、css)のファイル更新で反映されない

先日作成した動画再生アプリ作成しました。 elsammit-beginnerblg.hatenablog.comこの際Flaskを用いたのですが、javascriptやcssを変更しても表示上変更されずに苦労したので、対策を備忘録として残しておこうと思います。 ■現象 ■対処方法 ■最後に ■参考 (a…

flaskで動画再生Webアプリを作ってみる

先日OpenCVを用いた動画再生や逆再生、早送り等を実装してみました。 elsammit-beginnerblg.hatenablog.com今回はFlaskを用いてこれら逆再生や早送りなどが実装されたWebアプリについてまとめていきたいと思います!! ■完成形 ■最終コード ■フォルダ構成 ■F…

FFMPEGでmp4動画から音声抽出

最近またOpenCVを触って楽しんでおりますw。 OpenCVは色々出来て面白いですね!! ですが、動画で遊んでいるとどうしても音声も触りたい欲が強くなってしまうのですよね。。。ということで今回は音声関係について少し触れていきたいと思います。 内容は、mp4…

OpenCVで特定時間から動画再生や早送り・巻き戻し

OpenCVで動画再生方法の記事はいくつか投稿していたのですが、 そういえば、初めから再生させる方法しか知らなかったな!!と思い調べてみました!! 今回は忘れないように備忘録として残しておこうと思います。 ■環境 ■動画の途中から再生する方法 ■動画早…

Gtk# + OpenCVSharpでGUIアプリにて動画再生

前回、GtkSharp + OpenCVSharpを用いてGUIアプリに画像を表示してみました。 elsammit-beginnerblg.hatenablog.com今回はGtkSharp + OpenCVSharpで動画再生させてみたいと思います。 ■条件 ■GtkSharp + OpenCVSharpで動画再生してみる ■ボタン押下による動画…

Gtk# + OpenCVSharpでGUIアプリに画像を表示

前回OpenCVSharpをdotnetに導入するまでの手順をまとめました。 今回はdotnetで生成したGtkSharp + OpenCVSharpでWindowアプリケーション上に画像を表示させてみたいと思います!!分かると簡単なのですが、結構ハマったところなので忘れないように備忘録残…

dotnetでOpenCvSharpを導入してみる

半年ぐらい前、dotnetでGtk#にてGUIの作成を行う記事を公開しました。 elsammit-beginnerblg.hatenablog.comそこで下記のようなコメントを残していたのですが、、、 やれておりませんでした。。。 ここまでは出来たのですが、OpenCVとの連携が出来ていないで…

pandasで2次元配列データを加工する

Kaggleを行う上で用意されているデータの加工は重要なファクターになります。 ですが、Kaggleで用意されているデータは穴が抜けていたり、文字列データであったりと扱いにくい場合が多々あります。今回はこのような扱いにくいデータを加工する手段についてま…

ポケモンステータスからタイプを識別してみる Keras編

先日までkerasで2値や多値分類を行ってきました。 elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.com今回はkerasでポケモンのステータスからタイプを分類してみたいと思います。 このタイプ分類ですが、すでにロジスティック回帰な…

Kerasでkaggleの問題を解いてみた

先日、Kerasについてまとめてみました。 elsammit-beginnerblg.hatenablog.com今回はKerasを用いてkaggleで掲載されている問題を解いてみたいと思います!! 解いていく問題ですが、 ・Titanic - Machine Learning from Disaster ・Otto Group Product Class…

Keras基礎をまとめてみた

kaggle挑戦中のElsammitですw 機械学習超初心者ですw今回はKerasって何?から基礎的な部分をアヤメの分類を例にまとめてみました!! ■Kerasとは? ■Kerasを試してみる ■kerasでアヤメを分類 ■(補足)SGDとは?? ■最後に ■参考 (adsbygoogle = window.adsbyg…

Kaggleで過去案件を実施してみる(Otto Group Product Classification実施してみた)

kagglerの仲間入りを果たしたく先日kaggler jaに参加してみました!! https://kaggler-ja-wiki.herokuapp.com/ そこでタイタニック案件を実施した後は過去の案件をいくつか実施した方がよいとのこと。 そして、その中でおすすめされていたのが Otto Group P…

scss、sass導入手順

css

今回はscss、sass導入手順です。 ■そもそもscss、sassって? ■Windows(VS Code)での構築方法 ■Linuxへのコンパイル導入手順 ■最後に ■参考 (adsbygoogle = window.adsbygoogle || []).push({}); ■そもそもscss、sassって? まずはscss、sassについてまとめて…

Go言語でログインサーバ構築

前回Go言語でhttpsサーバを構築してみました。 elsammit-beginnerblg.hatenablog.comサイトによってはログイン権限が必要になることもありますよね?? そこで今回は、httpsでのログインサーバを構築してみたいと思います!! ■動作環境 ■フロントエンド実装…

Go言語 ginでhttpsサーバとして扱う

今回はgo言語でのhttpsサーバ立ち上げ方法についてまとめたいと思います!! 今までhttpアクセスができるようにサーバ立ち上げておりましたが、セキュリティに配慮するならhttpsも扱えた方がいいよな と思い、試しにginで実現させてみました。 ■環境 ■オレオ…

htmlでスライドショー作成 ~合わせて桜フォトフレームのご紹介~

少し時間が空いてしまいました 色々と所要があり、ブログの作成が行えず時間が空いてしまいました。今回は先日のブログでご紹介した桜フォトフレームについての技術内容についてまとめておこうと思います。 ■桜フォトフレーム ■桜フォトフレームのソースコー…

Web上で桜をヒラヒラ舞わせてみる

もうすぐ春ですね!! 春と言えば桜!!ということで、Web上で桜をヒラヒラ舞わせてみようと思い、コーディングしてみました。 まだまだ自粛でお花見も難しそうなので、お部屋で桜が舞い散る風景を見て楽しめればと思っております。今回はフレームワークは用…

golangでクラスを使うには??(別ファイルで定義したクラスの利用も載せてみた)

今回は今までと毛色を変えてGo言語でクラスを用いる方法についてまとめていきたいと思います!! さらに、定義するクラスと実際に用いるファイルは分けたいので別ファイルのクラスを用いる方法も合わせて載せていきます!! ■go言語でクラスって使えるの? ■…