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