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

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

QMLはQtが提供するUIを作成するプログラミング言語です。 JSONに似ており、JavaScriptを使用できます。 C++言語の代わりにQMLを使用すると、C++を使用せずに最新の高度なUIを簡単に開発できます。

（4.9）受講レビュー 14件

受講生 151名

qtdev

c++

QML

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

こんなことが学べます

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

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

QtフレームワークUIの実装、
QMLでより強力に！

プログラミング言語QML？

Qtフレームワークでモダンな高度なUIを
簡単に開発できるプログラミング言語です。

QML（Qt Modeling Language）はQtフレームワークによって提供されるプログラミング言語です。QMLはQtフレームワークでUIを開発するために使用できるプログラミング言語です。

Qtフレームワークを利用してGUIプログラムを開発する際、UI部分のデザインロジックと機能部分の機能ロジックを区別して見ることができます。

QMLを使用してデザインロジックを開発すると、C ++を使用して開発するよりもはるかに簡単かつ迅速にUIを実装できます。

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

プログラミング言語を初めて学ぶときの主な「Hello World」出力の例を見てみましょうか？

 import QtQuick Window { width: 300 height: 200 visible: true title: qsTr("QML 예제소스코드") Text { x: 80 y: 70 text: "Hello World" font.pixelSize: 25 } }

_{QMLサンプルソースコード}

_{QMLサンプルソースコード実行画面}

QMLは簡単で簡単です。開発者でなくても簡単に理解できます。

そのため、QMLを利用すると、デザイナーと開発者が互いに同じ開発ツールを持って協力することで、以前より開発期間を短縮できるようになります。

QMLプログラミング入門
こんな方におすすめです🙋‍♀️

1️⃣

QtでQMLを使用して、現代的な高度なUI / UXを簡単に実装したい人（開発者、デザイナー）

2️⃣

デザインロジックと機能ロジックを分離することで、ソースコードのメンテナンス性、再利用性を高めたい方

✅

プレイヤーの知識は、C ++言語とQtフレームワークの基礎知識を理解している限り、このコースを学ぶことができます。

講義目標💡

QMLを使用して、最新の高度なUX/UIを開発する方法を学ぶことができます。
QMLを使用し、デザインロジックと機能ロジックを完全に分離する方法を学ぶことができます。
セクションごとに理論を勉強し、さまざまな実務例を中心にコードを直接書くことができるので、実務で必要なQML開発能力を自然に学ぶことができます。

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

理論と実践を一度に

QML文法の他に、実践能力まで向上させることができるように講義を構成しました。

オンラインの壁を越えて

知識共有者の姿を講義画面にまとめました。

講義構成📖

セクション1. What is QML
QMLはQt Frameworkが提供するインタプリタ言語です。

セクション2. QMLのSyntaxと構造
QMLの構造と文法を学びます。
セクション3。
TypeとはQtのQWidgetのような概念です。このセクションでは、Typeが何かを学び、QMLが提供するTypeの中でよく使うTypeを中心に学びます。

セクション4。
タッチ、マウス、キーボードなど、ユーザーインターフェイスで発生するイベント処理をどのように実装するかを学ぶセクションです。QMLでSignalを実装する方法を学びます。

セクション 5. Loader タイプを使用した Dynamic UI の実装
UIでユーザーが特定の領域を動的に変更する方法を学びます。たとえば、AというGUI画面で特定の条件を満たす場合、B画面に切り替える方法を学びます。

セクション 6. Canvas
ペイントのように画面上にイメージ、線、図形、テキストを表示する方法について学びます。

セクション 7. Graphic Effects
Blur、Blend、ColorなどのEffectを画像に使用する方法を学びます。

セクション 8. Module Programming
ボタン、コンボボックスなど、GUI上でよく使用するモジュールをモジュール化するなど、ユーザーが定義したTypeをモジュールする方法について学びます。

セクション9. QMLでJavaScriptを使用する
QMLでJavaScript関数を使用する方法を学び、JavaScriptファイルをQMLでインポートする方法を学びます。

セクション 10. Dialog
QMLでダイアログを使用する方法を学びます。そして、練習の例としてColorを選択するダイアログを直接実装することで、ダイアログの使用方法について学ぶことができます。

セクション 11. Layout
QMLでは、Anchorsの他にRowLayout、ColumnLayout、GridLayout、LayoutなどのLayoutを使用できます。

セクション 12. Type Positioning
Type Positioning とは、画面上に Type を表示する方法を学習します。

セクション 13. Qt Quick Controls
Qt Quick Controlsは、Button、Dial、CheckBox、BusyIndicatorなどの画面を構成するために必要なGUIインターフェースを提供します。

Q&A 💬

Q. 理論、文法以外に実際に使われる様々な例も触れることができますか？

はい、可能です。各セクションごとの理論授業の後の例では、直接講師とコーディングするプロセスが用意されており、現業でQMLで実践プログラミングを行う際のノウハウを一緒に学ぶことができます。

Q. 学習する講義内容を参考にする資料や教材がありますか？

Qt開発者コミュニティ（ qt-dev.com ）でオペレータとして活動しています。

Q. 講義を聞く前に学ぶべきことはありますか？

C ++とQtの基礎知識がなければ受講することができる講義です。

Q. 授業内容はどのレベルまで扱いますか？

QMLの基礎から様々な活用分野に対応する高度な内容まで取り上げます。

💾注意事項

詳細については、プレビューで公開されているセクション1 [QML参考資料とQML学習のための推奨Qtバージョンの説明]クラスを確認してください。

こんな方に
おすすめです

学習対象は
誰でしょう？

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

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

こんにちは
です。

1,028

受講生

受講レビュー

103

回答

4.7

講座評価

講座

지식공유자 소개 ✒️

근무경력
현: 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件 ∙ (9時間 8分)

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

授業資料

セクション 1．QMLとは何ですか

6件 ∙ (56分)

セクション 2．QMLの構文および構造

2件 ∙ (35分)

7. QMLの文法と型
21:41
8. 画像とマウスイベントを使った実習例
13:21

セクション 3．タイプ

5件 ∙ (1時間 4分)

9. タイプの特徴、Rectangle、Image そして AnimatedImage
13:19
10. anchors, gradient, Screen そして FontLoader
08:11
11. Transform と Accessible タイプ
07:19
12. anchorsを使った実習例
21:17
13. アクセシブルタイプを利用したボタン機能実装の実習例
14:02

セクション 4．イベント

7件 ∙ (1時間 14分)

セクション 5．Loader タイプを利用したダイナミックUIの実装

5件 ∙ (40分)

セクション 6．キャンバス

4件 ∙ (50分)

セクション 7．グラフィックエフェクト

2件 ∙ (25分)

セクション 8．モジュールプログラミング

2件 ∙ (35分)

セクション 9．QMLでJavaScript使用

5件 ∙ (47分)

セクション 10．ダイアログ

2件 ∙ (20分)

セクション 11．レイアウト

2件 ∙ (29分)

セクション 12．タイプポジショニング

2件 ∙ (43分)

セクション 13．Qt Quick Controls

3件 ∙ (23分)

講座掲載日:

最終更新日:

受講レビュー

全体

14件

4.9

14件の受講レビュー

junghwanjeong
受講レビュー 52
∙
平均評価 5.0
5
100% 受講後に作成
Nó rất hữu ích trong việc tìm ra cách sử dụng QML trong tương lai. Trong tương lai, sẽ rất hữu ích nếu có được bí quyết nếu có một chương trình giảng dạy chọn một nội dung thực tế và thực hiện toàn bộ quy trình.
- qtdev
  知識共有者
  Junghwan Jeong, cảm ơn bạn rất nhiều vì sự giúp đỡ của bạn. Cảm ơn bạn đã phản hồi tốt. Trong ứng dụng QML tiếp theo, chúng tôi sẽ bổ sung triển khai toàn bộ quy trình và bao gồm cả Qt Design Studio.
siroimono
受講レビュー 18
∙
平均評価 5.0
5
64% 受講後に作成
Kích thước chữ trên màn hình có vẻ lớn hơn rồi? Tốt đấy
- qtdev
  知識共有者
  White님 đánh giá điểm số tốt, cảm ơn rất nhiều. Sẽ nỗ lực hơn nữa để cung cấp nội dung chất lượng. :)
mcube9934
受講レビュー 3
∙
平均評価 5.0
5
32% 受講後に作成
- qtdev
  知識共有者
  mcube, vô cùng cảm ơn đánh giá tốt. :)
greenspace
受講レビュー 3
∙
平均評価 5.0
5
32% 受講後に作成
Giảng viên đỉnh quá~~!!!
- qtdev
  知識共有者
  Anh/Chị 박시우, cảm ơn đánh giá tốt rất nhiều. :)
wldudvud6780
受講レビュー 1
∙
平均評価 5.0
5
32% 受講後に作成
- qtdev
  知識共有者
  yp j, cảm ơn rất nhiều vì điểm đánh giá tốt. :)

￥4,607

qtdevの他の講座

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

[Cấp độ 3] Từ người mới bắt đầu đến chuyên gia: Lớp thạc sĩ ứng dụng thực tế sử dụng Qt và Python

qtdev

Học kỹ năng lập trình Qt và Python thông qua các dự án thực tế. Khóa học này sẽ giúp bạn tiến bộ từ trình độ sơ cấp đến trung cấp bằng cách tìm hiểu các xu hướng và kỹ thuật lập trình Qt và Python mới nhất.

초급

Qt, Python, pyside6

[Cấp độ 3] Từ người mới bắt đầu đến chuyên gia: Lớp thạc sĩ ứng dụng thực tế sử dụng Qt và Python

qtdev

[Cấp độ 2] Lập trình Python sử dụng Qt: QML

qtdev

QML là ngôn ngữ thông dịch lập trình tạo giao diện người dùng do Qt cung cấp. Tương tự như JSON và có thể sử dụng JavaScript. Sử dụng QML và Python cùng nhau, bạn có thể dễ dàng phát triển giao diện người dùng hiện đại, nâng cao.

입문

Qt, QML, pyside6

[Cấp độ 2] Lập trình Python sử dụng Qt: QML

qtdev

[Cấp độ 1] Lập trình Python sử dụng Qt: Giới thiệu

qtdev

Qt là một framework mạnh mẽ không chỉ cung cấp GUI mà còn cung cấp nhiều chức năng khác nhau như mạng, cơ sở dữ liệu, đa phương tiện và IPC, cho phép bạn phát triển nhanh chóng và dễ dàng các ứng dụng trong nhiều lĩnh vực khác nhau bằng Python. Trong bài giảng này, chúng ta sẽ tìm hiểu cách sử dụng Qt hiệu quả trong Python thông qua nhiều ví dụ khác nhau, bắt đầu từ những điều cơ bản về Qt.

입문

Python, Qt, QML

[Cấp độ 1] Lập trình Python sử dụng Qt: Giới thiệu

qtdev

[Cơ bản] Lập trình thực tế Qt/QML để tiến lên cấp độ trung cấp

qtdev

Học các kỹ năng lập trình Qt/QML và các công nghệ mới nhất thông qua các dự án thực tế để giúp bạn thăng tiến từ một lập trình viên mới bắt đầu lên một lập trình viên trung cấp.

초급

Qt, QML, C++

[Cơ bản] Lập trình thực tế Qt/QML để tiến lên cấp độ trung cấp

qtdev

[Người mới bắt đầu] Lập trình QML Phần 2

qtdev

QML để phát triển giao diện người dùng Qt, Chúng tôi sẽ cung cấp thông tin chi tiết từ giới thiệu đến thực hành.

초급

Qt, QML, C++

[Người mới bắt đầu] Lập trình QML Phần 2

qtdev

Chuyển đổi hoạt động phát triển web: Lớp chính WebAssembly bắt đầu bằng C, C++ và Rust

qtdev

Sử dụng WebAssugging, bạn có thể phát triển các ứng dụng web hiệu suất cao chạy trong trình duyệt web bằng các ngôn ngữ được biên dịch như C, C++ và Rust.

초급

webassembly, Qt, wasm

Chuyển đổi hoạt động phát triển web: Lớp chính WebAssembly bắt đầu bằng C, C++ và Rust

qtdev

[Giới thiệu] Lập trình Qt 6 phần 2

qtdev

Bài giảng này là bài giảng thứ 2 sau Phần 1 của lập trình Qt. Nếu bạn chưa quen với Qt, chúng tôi khuyên bạn nên học Phần 1 trước rồi đến Phần 2.

입문

Qt, GUI

[Giới thiệu] Lập trình Qt 6 phần 2

qtdev

[Giới thiệu] Lập trình Qt 6 phần 1

qtdev

Sử dụng Qt, bạn có thể phát triển phần mềm tương thích với nhiều hệ điều hành khác nhau. Nói cách khác, bạn có thể phát triển phần mềm chạy trên nhiều nền tảng khác nhau với mã nguồn được phát triển bằng Qt.

입문

Qt, GUI

[Giới thiệu] Lập trình Qt 6 phần 1

qtdev

似ている講座

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

[Giới thiệu] Lập trình Qt 6 phần 1

qtdev

입문

Qt, GUI

[Giới thiệu] Lập trình Qt 6 phần 1

qtdev

[Người mới bắt đầu] Lập trình QML Phần 2

qtdev

QML để phát triển giao diện người dùng Qt, Chúng tôi sẽ cung cấp thông tin chi tiết từ giới thiệu đến thực hành.

초급

Qt, QML, C++

[Người mới bắt đầu] Lập trình QML Phần 2

qtdev

[Cấp độ 1] Lập trình Python sử dụng Qt: Giới thiệu

qtdev

입문

Python, Qt, QML

[Cấp độ 1] Lập trình Python sử dụng Qt: Giới thiệu

qtdev

[Cấp độ 3] Từ người mới bắt đầu đến chuyên gia: Lớp thạc sĩ ứng dụng thực tế sử dụng Qt và Python

qtdev

초급

Qt, Python, pyside6

[Cấp độ 3] Từ người mới bắt đầu đến chuyên gia: Lớp thạc sĩ ứng dụng thực tế sử dụng Qt và Python

qtdev

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

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

こんなことが学べます

QtフレームワークUIの実装、 QMLでより強力に！

プログラミング言語QML？

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

QMLプログラミング入門こんな方におすすめです🙋‍♀️

講義目標💡

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

講義構成📖

Q&A 💬

こんな方に おすすめです

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

지식공유자 소개 ✒️

カリキュラム

受講レビュー

qtdevの他の講座

似ている講座

QtフレームワークUIの実装、
QMLでより強力に！

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

QMLプログラミング入門
こんな方におすすめです🙋‍♀️

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

こんな方に
おすすめです

こんにちは
です。