ffmpegで意図しない解像度になるビデオを正しくリサイズ&パディングする手順:DAR/SARメタデータと解像度の不一致を解決する
はじめに FFmpegを使用して動画の解像度変更やパディング(黒帯追加)を行う際、コマンドが意図通りに機能しないことがあります。特に、フィルターを適用しても出力ファイルの解像度が変わらない場合、...
21 search resultsShowing 1~20 results
はじめに FFmpegを使用して動画の解像度変更やパディング(黒帯追加)を行う際、コマンドが意図通りに機能しないことがあります。特に、フィルターを適用しても出力ファイルの解像度が変わらない場合、...
概要 開発を進めていると、いつの間にかローカルブランチが増えてしまって管理が大変…なんてこと、よくありますよね。特に、マージ済みのブランチはそのまま放置してしまいがちです。 でも大丈夫! Gi...
はじめに WebGLについて、初学者の方向けに概要や背景などを説明する資料が欲しかったので書いています。 章に分けて読み物として書いている箇所もあるので、文章が長いと感じる方は興味がある箇所のみ...
概要 動画から一枚画像を切り出したい、複数の動画をつなげたい、再生できないAVIファイルをMP4に変換したい。そんな悩みを抱えたことはありませんか? スクリーンキャプチャやAdobe Premi...
概要 今回は、ブラウザ上で動作するテトリス風落ち物パズルゲームを、TypeScriptとHTMLのCanvas APIを用いてゼロから実装する工程を、細かなステップに分けて解説していきます。ソー...
はじめに 前回の記事では、WebGLの概要から開発環境の構築、そして基本的な三角形の描画までを解説しました。今回は、3Dグラフィックスがどのようにして画面に描画されるのか、その中心的な役割を担う...
WSL2 上に構築した Nginx サーバーに、Windows の Web ブラウザからアクセスするための設定手順を、解説します。ポートフォワーディングの必要性についても補足で説明しています。 ...
概要 本記事では、VSCode で DeepSeek R1 を利用する拡張機能を作成し、ローカルで AI アシスタントとして動作させる方法を初心者向けに解説します。AIがサポートしてくれながら開...
概要 このブログでは、Three.jsを使用してクリスマスツリーを描画する方法を解説します。3Dグラフィックスの基本から、木や装飾、星などの構築までをステップバイステップで進めていきます。 今回...
概要 shadcn/uiは、Reactアプリケーション向けのUIコンポーネントセットで、特にTailwind CSSとRadix UIを組み合わせて使用することを前提としています。このライブラリ...
概要 この記事では、WebGLを使って時間経過で変化する波状のカラーグラデーションを描画する方法をWebGL初心者の方を対象に、ステップバイステップで手順を説明していきます。 完成イメージ 手順...
概要 MySQL 8.4以降のMySQL 9.0で追加、非推奨、変更、削除された内容まとめです。 MySQL 9.0に追加された機能は以下の通りです。 JavaScriptストアドプログラム M...
概要 Nuxt4 は、Nuxt.js の最新バージョンであり、パフォーマンス、開発者エクスペリエンス、機能性の向上など、多くの新機能と改善が盛り込まれています。Nuxt3 から Nuxt4 への...
概要 AWS S3 と CloudFront を使用し、独自ドメインで安全にアクセスできるサーバー環境構築をステップバイステップで解説します。本ガイドでは、Origin Access Ident...
ウェブアプリやスマホアプリのユーザーインターフェース(UI)デザインは、ユーザーに選んでもらえるサービスになるために重要な要素です。単なる見た目の美しさだけでなく、ユーザーがアプリやサービスを直...
Three.jsで黒い背景の動画の黒の部分を透明にする方法を、シェーダーを使って実現する方法を紹介します。今回は、for ループを使わずに、周辺のピクセルをサンプリングして平均化することで、エッ...
Google Chromeには、特定のWebサイトをデスクトップアプリのように扱うことができる「ウィンドウ化」機能があります。この機能を利用することで、Gmail、Google Calendar...
MacBook M1/M2/M3チップにImagemagickをインストールする方法(arm64オプション付き) 最新のMacBookには、従来のIntelチップに代わってAppleが開発したM...
Vite は現代のウェブアプリケーション開発において、ビルド速度の高速化と最終的なファイルサイズの削減を実現する強力なツールです。特にproductionビルドでは、以下の最適化技術がパフォーマ...
概要 WebARの認識ライブラリ8th wallを使って、画像マーカーを読み込みタイミングでSEや音楽を再生したいという要望があったので、やり方を記載します。 前提 A-Frameを使った実装の...
21 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.