강의

멘토링

커뮤니티

Programming

/

Web Development

ウェブ開発の革新:C, C++, Rustで始めるWebAssemblyマスタークラス

WebAssemblyを利用して、C、C++、Rustなどのコンパイル言語でウェブブラウザ上で動作する高性能なウェブアプリケーションを開発できます。

難易度 初級

受講期間 12か月

  • qtdev
webassembly
webassembly
Qt
Qt
wasm
wasm
webassembly
webassembly
Qt
Qt
wasm
wasm

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

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

4.7

5.0

Junghwan Jeong

100% 受講後に作成

web assemblyを理解するのに役立ちました。 もっと詳しく知りたい部分はプログラムが web クライアントで動作するので、 web サーバとデータ連携をする部分の説明があってほしいです。 Emscripten SDKを介してサーバーと連携する必要があるのか​​、QtのQNetwork SDKを利用する必要があるのか​​、それとも他の方法があるのか​​、もし資料があれば共有してください。

5.0

hjwang

31% 受講後に作成

詳細な講義をありがとうございます。

5.0

funky856

100% 受講後に作成

Webアセンブリは資料がたくさん足りませんでしたが、本当に感謝しています。

受講後に得られること

  • C/C++/Rustを利用して、ウェブブラウザで動作するウェブアプリケーションを開発できます。

  • PHP、ASP.NET、JSPなどの代わりに、C/C++/Rustを用いてウェブアプリケーションを開発できます。

  • C/C++/Rustで開発した既存のソースコードをそのまま利用して、ウェブブラウザで動作するウェブアプリケーションを開発できます。

これからはWebもQtを利用して簡単に開発しましょう!

コンパイル言語でウェブアプリケーションを?
WebAssembly

Webアプリケーションの開発は、伝統的にHTML、CSS、JavaScript、PHP、ASP.NET、JSPなど、多様なWebプログラミング言語を活用して行われてきました。しかし、WebAssembly技術の導入により、今ではより効率的で強力な方法でWebアプリケーションを開発できるようになりました。特に、CC++、そしてRustのような高性能言語を使用して、Webブラウザ上で動作するアプリケーションを実装できる新しい可能性が開かれました。

ネイティブウェブアプリケーション vs. WebAssembly

同じソースコードでビルドされたネイティブアプリケーションと、WebAssemblyベースでビルドされたウェブアプリケーションを実行した比較画面です。その結果、実行速度において有意な差を感じるのが難しいほど、WebAssemblyが驚異的なパフォーマンスを見せています。

1) 同一のソースコードでビルドしたClock実行比較画面

네이티브 컴파일러를 이용해 빌드한 파일을 실행한 화면
WebAssembly 기술로 빌드한 실행파일(WASM)을 웹 브라우저에서 실행한 화면

2) 同じソースコードでビルドした Submarine Attack ゲームソースコード実行比較画面

네이티브 컴파일러를 이용해 빌드한 파일을 실행한 화면
WebAssembly 기술로 빌드한 실행파일(WASM)을 웹 브라우저에서 실행한 화면

3) 同一のソースコードでビルドした Colliding Mice 実行比較画面

네이티브 컴파일러를 이용해 빌드한 파일을 실행한 화면
WebAssembly 기술로 빌드한 실행파일(WASM)을 웹 브라우저에서 실행한 화면

講義の目標

Microsoft Windows、Linux、macOSなど、多様なプラットフォームでWebAssembly開発環境を効果的に構築する方法を学習します。

また、CC++Rustのような高性能言語を活用して、WebAssembly技術でウェブアプリケーションを開発する実践的なスキルを習得できます。

JavaScriptで開発するには複雑なロジックや高いパフォーマンスが求められるウェブアプリケーションも、WebAssembly技術を通じて、より容易かつ効率的に実装することができます。


CC++Rustなどの言語でコンパイルされたWebAssemblyベースのアプリケーションは、ネイティブレベルのパフォーマンスを提供し、ウェブ環境でも優れた実行速度と安定性を誇ります。

この講座ならではの核心的なメリット ✅

実践まで見据えた講義

本講座は実務スキルの向上を目指し、体系的に設計されています。各セクションでは、理論学習を通じて基礎概念をしっかりと固めた後、実践的な例題を自ら実装することで、実務に即した技術を習得できる構成となっています。このプロセスを通じて、受講生は現場ですぐに活用できる実践的な能力を養うことができます。

臨場感あふれるライブコーディングで集中力アップ

講師の姿を講義画面に収めました。臨場感あふれるライブコーディングと共に行われる授業を通じて、まるでオフライン授業を受けているような感覚で、いつでもどこでも学習してみてください。

WebAssembly、こんな方におすすめです!

✅ ウェブブラウザで動作する高性能なウェブアプリケーションを開発したい方

✅ Webブラウザで動作するWebアプリケーションを開発したい方


Q&A 💬

Q. 理論や文法以外に、実際に使われている多様な例題にも触れることができますか?

もちろん可能です。WebAssemblyを活用してウェブブラウザで動作するウェブアプリケーションを開発する過程を、実習中心の例題で学習できます。また、実習を通じて実際の開発過程で活用できる実践的なノウハウを習得できるよう、カリキュラムを体系的に構成しました。

Q. WebAssemblyの開発環境として、希望するOSで開発環境の構築が可能でしょうか?

もちろん可能です。Microsoft WindowsmacOSLinuxなど、様々なオペレーティングシステムでWebAssembly開発環境を構築する方法を、講義を通じて体系的に学習することができます。

Q. 学習する講義内容の参考になる資料や教材はありますか?

Qt開発者コミュニティ(qt-dev.com)で運営者として活動しています。関連情報は、このサイトで得ることができます。

講義の目標を確認してみてください。

  • Microsoft Windows、Linux、およびmacOSなど、さまざまなプラットフォームでWebAssemblyの開発環境を構築する方法について学びます。
  • WebAssembly技術でウェブアプリケーションを開発する際に、C++を使用する方法を学ぶことができます。
  • 従来のウェブプログラミングでは開発が難しく、複雑なロジックを備えていたり、高いパフォーマンスを必要としたりするウェブアプリケーションを、WebAssembly技術によってより簡単かつ迅速に開発することができます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • C/C++/Rustを利用して、簡単にウェブブラウザで動作するウェブアプリケーションを開発したい方

  • C/C++/Rustを利用して高性能なウェブアプリケーションを開発したい方

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

  • 基礎的なC、C++、Rustのいずれか1つの言語

こんにちは
です。

1,079

受講生

109

受講レビュー

107

回答

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 )

カリキュラム

全体

67件 ∙ (13時間 26分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

6件

4.7

6件の受講レビュー

  • junghwanjeong님의 프로필 이미지
    junghwanjeong

    受講レビュー 52

    平均評価 5.0

    5

    100% 受講後に作成

    web assemblyを理解するのに役立ちました。 もっと詳しく知りたい部分はプログラムが web クライアントで動作するので、 web サーバとデータ連携をする部分の説明があってほしいです。 Emscripten SDKを介してサーバーと連携する必要があるのか​​、QtのQNetwork SDKを利用する必要があるのか​​、それとも他の方法があるのか​​、もし資料があれば共有してください。

    • qtdev
      知識共有者

      こんにちは、Junghwan Jeongさん、WebAssemblyプログラミングを受講していただきありがとうございます。 また、良い評価していただきありがとうございます。 WebAssemblyを使用して実行される実行バイナリがクライアントサイドで動作するので、Webサーバーと通信するためにクライアントからソケットなどの通信ライブラリを介して接続する必要があるようです。します。 もう一度良い評価をいただきありがとうございます^^; もっと気になることがあれば、いつでも質問してください。

  • 15800189355님의 프로필 이미지
    15800189355

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    • qtdev
      知識共有者

      こんにちは。具滋錫(ク・ジャソク)様、高評価をいただきありがとうございます。

  • hjwang1905님의 프로필 이미지
    hjwang1905

    受講レビュー 6

    平均評価 4.8

    5

    31% 受講後に作成

    詳細な講義をありがとうございます。

    • qtdev
      知識共有者

      hjwangさん、良い評価をいただき、本当にありがとうございます。:)

  • dgko님의 프로필 이미지
    dgko

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    • funky8568407님의 프로필 이미지
      funky8568407

      受講レビュー 7

      平均評価 5.0

      5

      100% 受講後に作成

      Webアセンブリは資料がたくさん足りませんでしたが、本当に感謝しています。

      • qtdev
        知識共有者

        funky856 さん 良い評価をいただきありがとうございます。 可能であれば、今後のアップデート時にC++とJavaScriptを利用する方法も共有できるようにします。 そして何よりも受講していただき、良い評価していただきありがとうございます。

    ¥9,417

    qtdevの他の講座

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

    似ている講座

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