[初級] QMLプログラミング2編

Name: [初級] QMLプログラミング2編
Price: 38500 KRW

Qt UI開発のためのQML、入門から実習まで詳しくお知らせします。

（4.8）受講レビュー 6件

受講生 37名

qtdev

이론 실습 모두

iot

QML

C++

学習した受講者のレビュー

こんなことが学べます

QMLを使用した近代的なUIの開発
QMLとC ++を使用したUIの開発

Qtフレームワークを使ってGUIプログラムを開発するとき、UI部分のデザインロジックと機能部分の機能ロジックを区別して見ることができます。なかでもQMLは、デザインロジックに対応するUIを開発する際にC++の代替として選択できる言語です。特にQMLでUIを開発すれば、デザインロジックと機能ロジックを完全に分離でき、ソースコードの再利用性を高めることができます。

 import QtQuick

Window {
    幅: 300
    height : 200
    visible : true
    title : qsTr ( "QMLサンプルソースコード" )

    Text {
        x : 80
        y : 70
        text : 「Hello World」
        font. pixelSize : 25
    }
}

セクション1。 Anaimation Animationは、GUI要素にAnimationを簡単に適用する方法を提供します。たとえば、ボタンが表示されて消えることがあります。この時点でアニメーションを使用できます。ボタンが消えると、1秒間消えることがあります。つまり、Opacity の値が 100% から 0% に変わり、特定の時間を与えることができます。

これらのアニメーションを使用すると、GUI上でEffectと同じ効果を発揮できます。また、画面切り替え時にスムーズに画面を切り替えることができるEffectを実装できます。したがって、このセクションでは、GUI要素でアニメーションを使用する方法について学びます。

セクション 2. Animation と Easing curve を使った Ball Bounding の例の実装 Easing Curveとは、Animationに特定のオプションを使用することで、より洗練されたEffectを使用できます。たとえば、アニメーションが10秒間動作しているときに特定の時間帯に加速するようにすることで、さまざまな効果を実装できます。このセクションでは、練習の例を通して、アニメーションでイージングカーブを使用する方法について学びます。

セクション 3. State と Transition Stateは条件を指します。 Transitionは行動を指します。たとえば、オン/オフスイッチでオンとオフが条件であり、オンからオフに変わることをアクションとして定義できます。 StateとTransitionを使用すると、かなり複雑な行動をグループ化し、条件が変わったときに一括して変更することで、GUIの複雑な実装をより簡単に実装できる方法を学びます。

セクション 5. Model and View ModelとViewは、GUI上に大量のデータを表示するために使用されます。たとえば、100 個のデータを表として表示する場合、データは Model に保存し、View は Model に保存されたデータを GUI に何らかの方法で表示する種類を指します。ビューはテーブルまたはツリーの形にすることができます。このセクションでは、ModelとViewの使い方について学びます。

👉学習後変わった皆さんの姿に会いましょう。

講義を聞いたら、QMLを自由自在に活用できます。また、本番プロジェクトでQMLを使用する場合と、従来のC++/Qt方式であるQWidgetを使用する場合、どのような違いがあるのか、長所と短所が何であるかを把握できます。
また、QMLを使用してプロジェクトを実装する場合、実装したソースコードのデザインロジック(QML部分)と機能ロジック(C++)を完全に分離でき、作成したコードの再利用性を高めることができます。

`こんな方におすすめです`

学習対象は誰でしょう？

QMLを使ってUIを開発したい人
QtフレームワークでQMLを使用してUIを開発したい人

前提知識、必要でしょうか？

C++基礎
Qt

`こんにちはです。`

1,028

受講生

90

受講レビュー

103

回答

4.7

講座評価

9

講座

`지식공유자 소개 ✒️`

근무경력 현: Embedded 분야 SW Team leader LG전자, VS사업부 IVI선행플랫폼/모듈개발 SW마에스트로, SW 멘토 강의경력 삼성전자, Qt & QML 강의 LG전자, Qt & QML 분야 사내 강사 한컴아카데미 Qt 강의 출강 다수의 IT기업 Qt 강의 출강

저서 Qt 프로그래밍 Qt Quick 프로그래밍 Qt5 프로그래밍 가이드 MeeGo 프로그래밍 완벽 가이드 Qt 실전 프로그래밍

SW커뮤니티 운영 Qt 개발자 커뮤니티 운영자 ( www.qt-dev.com )

`カリキュラム`

全体

47件 ∙ (8時間 56分)

講座資料（こうぎしりょう）:

授業資料


1. Animationの理解
03:59
2. NumberAnimation と PropertyAnimation
05:50
3. RotationAnimationとAnimationのイベント
04:20
4. Behavior、SmoothedAnimation、SpringAnimation10:53
5. SequentialAnimation と ParallelAnimation05:15


6. 実装する Ball Bouncing の例の説明04:20
7. Ball Bouncingの実装25:13


8. State と Transition17:16
9. Transitionを使った実践例10:51


10. 全体的な構造説明06:10
11. プロジェクト作成、リソース登録、Buttonタイプの実装10:58
12. RotationButton型の実装07:45
13. Thumbnail型の実装06:21
14. Main.qml実装Part113:34
15. Main.qml実装Part213:41
16. Main.qml実装Part317:18


17. ModelとViewの概念と使用例04:02
18. ListModelとListElement13:34
19. ListViewの使い方12:14
20. リピーター、ヘッド、フーター10:46
21. GridView12:24
22. TableViewとObjectModel04:57
23. ListViewでJavaScript関数を使用する07:56


24. Chess Game 実装 Part107:53
25. Chess Game 実装 Part215:39


26. QMLとC ++間の相互作用に必要な機能09:17
27. Q_PROPERTYとQ_INVOKABLEマクロ関数の使用13:08
28. Q_PROPERTYを使用した例16:37
29. Q_INVOKAVALとパブリックスロット関数の使用例19:15


30. qmlRegisterType関数を使用して新しい型を実装する10:00
31. QMLタイプを実装する実践例24:08
32. タイマータイプの実装実践例28:15


33. QQuickPaintedItemクラスを使用する理由09:14
34. QQuickPaintedItemを使用した2D描画実装の実践例14:30


35. 実装する例の全体構造の説明05:00
36. BarItemクラスの実装10:38
37. ChartItem クラスの実装26:19


38. 学ぶ内容のまとめ05:21
39. PropertyのREADとWRITE法04:18
40. C ++でのQMLタイプのObjectアクセス05:20
41. invokeMethod関数を使用したJavaScript関数の呼び出し03:54
42. SIGNAL接続とQMLオブジェクトの使用06:21
43. QMLとC ++間の型変換10:20
44. ListModelの使用例05:57
45. EnumerationをQMLで使用するための実践例13:46


46. サーバー実装22:38
47. クライアント実装19:11

講座掲載日:

最終更新日:

`受講レビュー`

全体

6件

4.8

6件の受講レビュー

White受講レビュー 18 ∙ 平均評価 5.0
5
32% 受講後に作成
현재 유일하게 1부터 다 알려주는 Qt강의에요
- 김대진知識共有者
  White 님 좋은평가 너무 감사합니다. 좋은 평가는 좋은 콘텐츠를 제공하는데 큰힘이 됩니다. 앞으로 더 열심히 노력하겠습니다 :)
좋은 꽁치受講レビュー 1 ∙ 平均評価 5.0
5
32% 受講後に作成
- 김대진知識共有者
  좋은 꽁치님, 좋은평가해 감사합니다. 새해 복 많이 받으세요. ^^
Son受講レビュー 2 ∙ 平均評価 5.0
5
83% 受講後に作成
로드맵을 따라가며 강의 잘 보고 있습니다. Qt와 QML에 대해 전반적으로 이해하는데 큰 도움이 되었습니다. 그리고 자료도 깃허브에 공유해 주셔서 좋습니다. 추후에 부분적인 실습 말고 전체를 활용할 수 있는 프로젝트(여러 화면에서 동작하는 프로그램)가 있으면 정말 좋을 것 같습니다. 웹 강의들을 보면 초반에는 문법이나 네트워크 수업을 하다가 실습 프로젝트로 CRUD 게시판 만들기를 하는 것처럼 배운 것 들을 활용하여 하나의 프로젝트를 만들어 가는 과정이 있으면 부분적으로 머리에 남아있는 개념들이 하나로 연결되며 완성될 것 같습니다. 추후에 나올 임베디드 강의도 기다리고 있겠습니다. 감사합니다.
- 김대진知識共有者
  안녕하세요. Son님, 이런 Detail한 수강평 감사합니다. 무엇을 개선해야 할지 알려주셔서 너무 감사합니다. 정말 너무 소중한 피드백 감사합니다. 언젠가 기회가 되면 제가 커피한잔 사겠습니다. ^^; 그리고 프로젝트 형식의 강의로 "임시제목: 실시간 개인 방송국 구현 프로젝트를 구현"라는 강의를 준비하고 있습니다. 그런다음 "Qt를 이용한 임베디드 리눅스 프로그래밍" 강의와 "Qt for MCU" 강의를 진행할 계획을 가지고 있습니다. 마지막으로 좋은 피드백 너무 감사합니다.
JunHwan Song受講レビュー 3 ∙ 平均評価 5.0
5
100% 受講後に作成
좋은강의였습니다. 다음에 심화과정도 해주셨으면 좋겠습니다. 파이썬-QML 부탁드립니다.
- 김대진知識共有者
  안녕하세요. JunHwan Song 님 좋은 평가 너무 감사합니다. Qt Python 관련한 영상도 준비하고 있습니다. :)
다중언어GUI受講レビュー 8 ∙ 平均評価 4.9
4
100% 受講後に作成
C++과 QML 간 Interaction 부분이 여전히 어려워서 여러번 봐야겠지만, 전체적으로 QML에 대한 주요 기능들을 잘 알려주셔서 감사합니다. 반복 학습을 통해서 숙달해 나가야할 거 같네요.
- 김대진知識共有者
  안녕하세요. 다중언어GUI님 의견 주셔서 감사합니다.

￥4,607

`qtdevの他の講座`

知識共有者の他の講座を見てみましょう！


[Level 3] 초보를 넘어 전문가로: Qt와 Python을 통한 실전 응용  마스터 클래스
김대진
실전 프로젝트를 중심으로 Qt와 Python 프로그래밍 기술을 익힙니다. 이 강의를 통해 최신 Qt와 Python 프로그래밍 트렌드와 기법을 학습함으로써 초급에서 중급 수준으로의 성장을 도모할 수 있습니다.
초급
Qt, Python, pyside6
[Level 3] 초보를 넘어 전문가로: Qt와 Python을 통한 실전 응용  마스터 클래스
김대진


[Level 2] Qt를 이용한 Python 프로그래밍: QML편
김대진
QML은 Qt에서 제공하는 UI를 만드는 프로그래밍 인터프리터 언어입니다. JSON과 유사하고 JavaScript를 사용할 수 있습니다. QML과 Python 함께 이용하면 현대적인 고급 UI를 쉽게 개발할 수 있습니다.
입문
Qt, QML, pyside6
[Level 2] Qt를 이용한 Python 프로그래밍: QML편
김대진


[Level 1] Qt를 이용한 Python 프로그래밍: 입문편
김대진
Qt는 GUI뿐만 아니라 네트워크, 데이터베이스, 멀티미디어, IPC 등 다양한 기능을 제공하여 Python으로 쉽고 빠르게 다양한 분야의 애플리케이션을 개발할 수 있는 강력한 프레임워크입니다. 본 강의를 통해 Qt 기초부터 다양한 예제를 통해 Python에서 Qt를 효과적으로 활용하는 방법을 배워보겠습니다.
입문
Python, Qt, QML
[Level 1] Qt를 이용한 Python 프로그래밍: 입문편
김대진


[초급] 중급자로 도약하기 위한 Qt/QML 실전 프로그래밍
김대진
초급 개발자에서 중급자로 도약하기 위해서 실전 프로젝트를 중심으로 Qt/QML 프로그래밍 스킬 및 최신 기술을 배웁니다.
초급
Qt, QML, C++
[초급] 중급자로 도약하기 위한 Qt/QML 실전 프로그래밍
김대진


웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스
김대진
WebAssembly를 이용해 C, C++, Rust 등의 컴파일 언어로 웹 브라우저에서 동작하는 고성능 웹 애플리케이션을 개발 할 수 있습니다.
초급
webassembly, Qt, wasm
웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스
김대진


[초급] QML 프로그래밍 1편
김대진
QML은 Qt에서 제공하는 UI를 만드는 프로그래밍 언어입니다. JSON과 유사하고 JavaScript를 사용할 수 있습니다. C++ 언어 대신 QML을 이용하면 C++을 사용하지 않고도 현대적인 고급 UI를 쉽게 개발할 수 있습니다.
초급
Qt, QML
[초급] QML 프로그래밍 1편
김대진


[입문] Qt 6 프로그래밍 2편
김대진
이번 강의는 Qt 프로그래밍 1편에 이어서 2편 강의 입니다. Qt를 처음 접하시는 분들은 1편을 먼저 학습하시고 2편을 학습하는 것을 권장합니다.
입문
Qt, GUI
[입문] Qt 6 프로그래밍 2편
김대진


[입문] Qt 6 프로그래밍 1편
김대진
Qt를 이용하면 다양한 운영체제에서 호환되는 SW를 개발 할 수 있습니다. 즉 한번 Qt로 개발한 소스코드로 다양한 플랫폼에서 동작하는 SW를 개발할 수 있습니다.
입문
Qt, GUI
[입문] Qt 6 프로그래밍 1편
김대진

`似ている講座`

同じ分野の他の講座を見てみましょう！


[초급] QML 프로그래밍 1편
김대진
QML은 Qt에서 제공하는 UI를 만드는 프로그래밍 언어입니다. JSON과 유사하고 JavaScript를 사용할 수 있습니다. C++ 언어 대신 QML을 이용하면 C++을 사용하지 않고도 현대적인 고급 UI를 쉽게 개발할 수 있습니다.
초급
Qt, QML
[초급] QML 프로그래밍 1편
김대진


[입문] Qt 6 프로그래밍 2편
김대진
이번 강의는 Qt 프로그래밍 1편에 이어서 2편 강의 입니다. Qt를 처음 접하시는 분들은 1편을 먼저 학습하시고 2편을 학습하는 것을 권장합니다.
입문
Qt, GUI
[입문] Qt 6 프로그래밍 2편
김대진


웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스
김대진
WebAssembly를 이용해 C, C++, Rust 등의 컴파일 언어로 웹 브라우저에서 동작하는 고성능 웹 애플리케이션을 개발 할 수 있습니다.
초급
webassembly, Qt, wasm
웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스
김대진


소프트웨어 테스팅 입문 - C++
문수영
이 강의를 통해 자신이 개발한 코드에 좀 더 자신감을 가질 수 있게 도움을 주는 테스팅 기초를 습득합니다
초급
소프트웨어 테스트, TDD, C++
소프트웨어 테스팅 입문 - C++
문수영


삼각형의 실전! CMake 초급
삼각형
CMake가 사용하기 어려우신가요? 이 강의를 듣고 나면 당신도 CMake 전문가입니다.
초급
cmake, vcpkg, C++
삼각형의 실전! CMake 초급
삼각형


[Level 1] Qt를 이용한 Python 프로그래밍: 입문편
김대진
Qt는 GUI뿐만 아니라 네트워크, 데이터베이스, 멀티미디어, IPC 등 다양한 기능을 제공하여 Python으로 쉽고 빠르게 다양한 분야의 애플리케이션을 개발할 수 있는 강력한 프레임워크입니다. 본 강의를 통해 Qt 기초부터 다양한 예제를 통해 Python에서 Qt를 효과적으로 활용하는 방법을 배워보겠습니다.
입문
Python, Qt, QML
[Level 1] Qt를 이용한 Python 프로그래밍: 입문편
김대진


C++을 이용한 자체 엔진 제작(유니티 엔진 클론코딩)
얌얌코딩
C++을 이용해 유니티 게임엔진과 비슷하게 게임엔진을 제작하는 과정입니다. 내부적 코드를 유추하는 방식으로 제작되었으며 이를 통해 유니티엔진의 내부 원리에 대해서 생각해 볼 수 있습니다.
중급이상
windows-api, C++, game-programming
C++을 이용한 자체 엔진 제작(유니티 엔진 클론코딩)
얌얌코딩


게임 엔진 만들기 - Directx11와  imgui를 이용하여 기반 구조 만들기 (PART1)
얌얌코딩
C++을 이용해 만든 게임엔진에 Directx11 라이브러리를 이용하여  게임엔진을 리팩토링 하는 과정입니다. 내부적 코드를 유추하는 방식으로 제작되었으며 이를 통해 유니티엔진의 내부 원리에 대해서 생각해 볼 수 있습니다. 일반적으로 만드는 학원/강의 에서 다루는 렌더링 프로그램 수준의 프로젝트가 아닙니다. 빌드시스템, 스크립트 부터 다양한 기술들을 접목된 진짜 게임엔진을 만듭니다.
중급이상
C++, Unity, DirectX
게임 엔진 만들기 - Directx11와  imgui를 이용하여 기반 구조 만들기 (PART1)
얌얌코딩


[Level 3] 초보를 넘어 전문가로: Qt와 Python을 통한 실전 응용  마스터 클래스
김대진
실전 프로젝트를 중심으로 Qt와 Python 프로그래밍 기술을 익힙니다. 이 강의를 통해 최신 Qt와 Python 프로그래밍 트렌드와 기법을 학습함으로써 초급에서 중급 수준으로의 성장을 도모할 수 있습니다.
초급
Qt, Python, pyside6
[Level 3] 초보를 넘어 전문가로: Qt와 Python을 통한 실전 응용  마스터 클래스
김대진


EasyWin32와 함께 그래픽 환경에서 C 언어 실습하기
tipsware
재미없는 환경에서 C 언어 실습하지 마시고 실제로 사용 가능한 Windows 응용 프로그램을 만들면서 재미있게 C 언어 실습을 해보세요.
입문
C, microsoft-visual-c++, C++
EasyWin32와 함께 그래픽 환경에서 C 언어 실습하기
tipsware

[初級] QMLプログラミング2編

学習した受講者のレビュー

こんなことが学べます

プログラミング言語QML？

簡単な文法、簡潔な読みやすさ
QMLの利点を体験してください。

`QMLプログラミング入門`

`こんな方におすすめです🙋‍♀`

`講義目標💡`

`この講義だけの特徴確認してください📖`

`講義構成📖`

`Q&A 💬`

`こんな方へお勧めします！`

`こんな方におすすめです`

`こんにちはです。`

`지식공유자 소개 ✒️`

`カリキュラム`

`受講レビュー`

`qtdevの他の講座`

`似ている講座`

[初級] QMLプログラミング2編

学習した受講者のレビュー

こんなことが学べます

プログラミング言語QML？

簡単な文法、簡潔な読みやすさQMLの利点を体験してください。

QMLプログラミング入門

こんな方におすすめです🙋‍♀

講義目標💡

この講義だけの特徴確認してください📖

講義構成📖

Q&A 💬

こんな方へお勧めします！

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

지식공유자 소개 ✒️

カリキュラム

受講レビュー

qtdevの他の講座

似ている講座

簡単な文法、簡潔な読みやすさ
QMLの利点を体験してください。

`QMLプログラミング入門`

`こんな方におすすめです🙋‍♀`

`講義目標💡`

`この講義だけの特徴確認してください📖`

`講義構成📖`

`Q&A 💬`

`こんな方へお勧めします！`

`こんな方におすすめです`

`こんにちはです。`

`지식공유자 소개 ✒️`

`カリキュラム`

`受講レビュー`

`qtdevの他の講座`

`似ている講座`