AIToday
AIコーディングZenn AI/ML掲載日時: 2026年10月20日 13:00

Qt/QML画像ビューアにCMakeでSVGアイコン追加

LINEで送る
Qt/QML画像ビューアにCMakeでSVGアイコン追加

3つのポイント

  1. 何が起きたか

    Zenn連載の最新回で、著者はqt_add_qml_moduleのRESOURCESにパスを列挙し、Qt/QML画像ビューアにSVGツールバーアイコンを追加した。

  2. なぜ重要か

    ビルドファイルのテキスト編集だけで画像リソースを管理でき、手作業のGUI操作が不要になる。

わからないところ、AIに聞けます

質問と回答はこのページに公開されます。

こういう要約が、毎朝あなたのメールに届きます。

背景と解説

これはAI支援でQt/QML画像ビューアを構築する過程を記録した連載の第5回です。過去の回では環境構築、ドラッグ&ドロップによるUI作成、C++バックエンドとの連携、AIと共に進めるデバッグを扱いました。今回はツールバーアイコンの追加という実務的な課題に移ります。従来、Qt開発者はQt Creatorで.qrcリソースファイルを作成し、GUIで画像を登録していました。アセットを変更するたびにIDEを開く必要があったのです。AIエージェントAntigravityは、Qt 6とCMakeではqt_add_qml_moduleコマンドがRESOURCESリストを直接受け取り、CMakeが裏で.qrcファイルを生成・コンパイルできると指摘しました。著者はこれに従い、SVGファイルを入れたiconsフォルダを作成してCMakeLists.txtに列挙し、QMLからはqrcパスまたは相対パスで参照しました。ビルドは成功し、SVGアイコン付きのツールバーが表示されました。著者は、変更のすべてをGUIツールなしでテキストエディタ上で行えたと述べています。AIが、古いドキュメントを読むより時間を節約できる最新のベストプラクティスを提案した例だと位置づけています。

よくある質問
この方法でリソース画像を追加するのにQt Creatorは必要ですか?
不要です。著者によれば、iconsフォルダを作成してSVGファイルを置き、CMakeLists.txtにパスを列挙するだけで、あとはCMakeが処理します。
QMLからこれらのリソースを参照するには?
「qrc:/ImageAnnotator/icons/save.svg」のようなパスや、同じモジュール内なら「icons/save.svg」のような相対パスが使えます。
AIエージェントAntigravityは何を勧めましたか?
AntigravityはQt 6とCMakeのqt_add_qml_moduleでRESOURCESセクションを使う方法を勧めました。これにより.qrcファイルが自動生成・コンパイルされます。
LINEで送る

あなたの仕事に関係するAIニュースを、毎朝お届けします。

業界と使っているAIツールを選ぶと、仕事に関係するニュースが毎朝届きます。

登録無料・Googleアカウントなら30秒・いつでも解除できますAITodayについて →

AIに質問

この記事についてわからないことをAIに質問できます。AIはこの記事・AIToday の過去記事・Wikipedia を読み、出典を付けて答えます。Q&Aはこのページに公開され、他の読者も読めます。

質問と回答はこのページに公開されます。

関連記事

AIコーディングツール更新、変更履歴は「不具合修正」のみ

Claude Code 2.1.303が公開されたが、変更履歴には個別の修正が列挙されず「不具合修正と信頼性の改善」とだけ記され、実際に何が変わったのか利用者には分からないままだ

NEWZenn AI/ML1時間前

Claudeに大規模作業を任せる3機能を開発

tanashun氏はtanacode 2.0.0のチャット機構をターミナル画面の読み取りからstream-jsonへ作り直し、親子セッション・チェックリスト・最適化圧縮を組み合わせて1日で完了した

NEWZenn AI/ML1時間前

Claude Codeのフック、rm -frの回避を許す

Claude Code 2.1.304の実セッションで、PreToolUseフックが『rm -rf build』を終了コード2で阻止したが、『rm -fr build』は実行されフォルダが削除された

NEWZenn AI/ML1時間前

Amazon Bedrock、Claude全モデルで

Amazon Bedrockがbedrock-runtimeとbedrock-mantleの両エンドポイントで全Anthropic Claudeモデル向けの構造化出力を提供開始

NEWAmazon AI Blog4時間前

Amazon、AIチップがCUDAで動作と発表

アマゾンは自社AIチップがNVIDIAのエコシステムに連なる広く使われるコーディング言語CUDAで動作すると発表した

Top Companies AI7時間前

OpenCodeに侵入、1.4%のユーザーに不正課金

オープンソースのAIコーディングエージェント「OpenCode」の旧システムに攻撃者が侵入し、「OpenCode Console」のユーザーの1.4%が影響を受けた

TechCrunch AI8時間前
次の記事へMamdani、連邦のAI規制放棄を批判