GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → jsakamoto → Self Learning Materials For Blazor Jp

jsakamoto / Self Learning Materials For Blazor Jp

Licence: unlicense
C# で Single Page Web アプリを開発するフレームワーク「Blazor」の WebAssembly 版 (client-side 版) の自習教材です。

Programming Languages

powershell
5483 projects
csharp
926 projects

Labels

wasmspa

Projects that are alternatives of or similar to Self Learning Materials For Blazor Jp

Spasm
Write single page applications in D that compile to webassembly
Stars: ✭ 129 (+38.71%)
Mutual labels:  wasm, spa
imgalign
Webapplication for image stitching and aligning
Stars: ✭ 162 (+74.19%)
Mutual labels:  spa, wasm
Rustmart Yew Example
Single Page Application (SPA) written using Rust, Wasm and Yew
Stars: ✭ 196 (+110.75%)
Mutual labels:  wasm, spa
wecty
Frontend ToolKit for Go and TinyGo.
Stars: ✭ 34 (-63.44%)
Mutual labels:  spa, wasm
Prism
Build frontend web apps with Ruby and WebAssembly
Stars: ✭ 251 (+169.89%)
Mutual labels:  wasm, spa
Zwitterion
A web dev server that lets you import anything*
Stars: ✭ 514 (+452.69%)
Mutual labels:  wasm, spa
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-8.6%)
Mutual labels:  spa
Award
⚙基于react的服务端渲染框架
Stars: ✭ 91 (-2.15%)
Mutual labels:  spa
Wasm To Oci
Use OCI registries to distribute WASM modules
Stars: ✭ 83 (-10.75%)
Mutual labels:  wasm
Client
An alternative Polkadot Runtime Environment implementation acting as a full-node (excluding block production for validators) for syncing with Substrate-based chains.
Stars: ✭ 82 (-11.83%)
Mutual labels:  wasm
Assortedwidgets
OpenGL GUI library
Stars: ✭ 92 (-1.08%)
Mutual labels:  wasm
Golang Wasm Example
Example app using Go's wasm support.
Stars: ✭ 92 (-1.08%)
Mutual labels:  wasm
Cloudbookmark Spa
基于iView开发的云书签SPA应用
Stars: ✭ 88 (-5.38%)
Mutual labels:  spa
Soma Fm Player
This is a Vue.js web application for streaming radio stations from Somafm.com. This app uses the public SomaFM JSON channels API endpoint to pull in a list of stations and makes it easy to switch between stations. This app also uses Three.js and the HTML5 Web Audio Context API to sample audio data and create a visualizer effect for the selected station.
Stars: ✭ 86 (-7.53%)
Mutual labels:  spa
Wizdm
The ultimate SPA boilerplate
Stars: ✭ 91 (-2.15%)
Mutual labels:  spa
Operator
1.8kb drop-in "PJAX" solution for fluid, smooth transitions between pages.
Stars: ✭ 84 (-9.68%)
Mutual labels:  spa
Wasm Forth
A Forth implementation compiling to WebAssembly.
Stars: ✭ 92 (-1.08%)
Mutual labels:  wasm
Plus Small Screen Client
本库已经合并进入 https://github.com/slimkit/plus 中，仅提供 2.1 及以前版本下载使用！
Stars: ✭ 83 (-10.75%)
Mutual labels:  spa
Luwa
WIP jit lua to wasm
Stars: ✭ 88 (-5.38%)
Mutual labels:  wasm
Rustyvolleysrc
A Rust reimplementation of Blobby Volley 2.
Stars: ✭ 90 (-3.23%)
Mutual labels:  wasm
View All Similar Projects ➔

Blazor WebAssembly (client-side Blazor) アプリケーションプログラミング自習書

概要 - Blazor WebAssembly (client-side Balzor) とは

"Blazor" (ブレイザー) とは、C# 言語を用いて Single Page Web アプリケーション (SPA) を開発、実行する、フレームワーク/実行環境/開発環境です。

Blazor WebAssembly ("client-side") 版では、C# ソースコードを JavaScript に変換するのではなく、Web ブラウザの WebAssembly の仕組みの上に .NET 実行環境を構築することで実現されています。
この Web ブラウザ上の .NET 実行環境が .NET アセンブリ (.dll) を読み込んで IL (中間言語) を実行します。

Blazor はこの実行環境の上で SPA フレームワークを提供しており、ビュー (コンポーネントの HTML テンプレート部分) は Razor 構文で記述します。

開発は Microsoft の ASP.NET 開発チームに引き継がれており、Apache 2.0 ライセンスのオープンソースソフトウェアとなっています。

本稿執筆時点での Blazor WebAssembly (client-side) 版 のバージョンは、v.5.0.0 です。

この自習書について

自習書作成の背景

Blazor は SPA アプリケーション開発のシーンにおいて、もちろん決して "銀の弾丸" ではありません。
しかしながら Blazor は、適合する案件や開発者であれば、開発の負担を減らし、よりよい生産性向上をもたらす可能性を秘めています。

そこでこの Blazor の可能性をより多くの開発者に体験していただき、Blazor WebAssembly (client-side) を事前評価していただければと考え、この「Blazor WebAssembly 自習書 (自習教材)」を作成しました。

概要

この「Blazor WebAssembly (client-side) 自習書」では、CRUD 操作を含む SPA アプリケーションを Blazor WebAssembly (client-side) を使って作成する手順を、1ステップごとに分けて解説しています。

また、ステップごとの完成ソースコードも提供しています。

この手順に沿って作業を進めることで、Blazor WebAssembly (client-side) プログラミングの主だった構成要素を習得・体験できます。
加えてその開発作業の中で、IDE 支援がどのように役立つかも体験することができます。

コンテンツ

自習書テキスト、および各ステップのソースコードは、Release ページで配布している Zip アーカイブをダウンロードして入手してください。

自習書テキストは、PDF ファイルの形式でこの Zip アーカイブ内に収録しています。

また、本リポジトリの v.5.0.0b ブランチには、自習書テキストで解説している1ステップを 1コミットとして履歴を記録したソースコードも収録してあります。

想定する本自習書の利用者層

本自習書では、サーバー側実装として ASP.NET Core MVC を採用しています。
また Blazor は基本的にプログラミング言語は C# が想定されています。

そのため、本自習書では下記のような開発者を想定しております。

  • HTML/CSS/JavaScript を用いた Web アプリケーション開発の知識がある
  • C# によるプログラミングの知識がある
  • 加えて ASP.NET Core MVC によるサーバーサイド Web アプリケーション開発の知識があるとなお可

※ Angular, React, Vue などといった JavaScript SPA フレームワークの知識・経験は必ずしも必要としないことと考えていますが、もし何かしら SPA フレームワークの知識・経験があれば、Blazor の理解にも役立つと思います。

必要な開発環境

本稿執筆時点で、本自習書による Blazor 開発を実践するにあたり必要な開発環境は下記のとおりです。

なお、本自習書では Windows OS 上で Visual Studio 2019 16.8.1 以降を使っての手順で説明しておりますが、Blazor アプリ開発にあたっては、最低限、

さえあれば、"dotnet" CLI (Command Line Interface) を用いて、Linux 各種ディストリビューションや macOS 上でも実践可能です。

特にテキストエディタとして、Visual Studio Code を用い、これに "C# for Visual Studio Code" 拡張 v.1.23.6以上 をインストールして使用する場合は、本自習書で説明しているような Visual Studio 2019 と同等の開発支援が得られます。

本自習書では Windows OS 上で Visual Studio 2019 16.8.1 以降を使っての手順で説明します。

※1 - Visual Studio 2019 は、無償利用可能な (但しライセンス条項に違反しない場合) Community Edition で可。
※2 - Visual Studio は、複数のバージョンやインスタンスを、ひとつの OS 上に互いの干渉なくいくつもインストールして使用することが可能です。

ライセンス

本 GitHub リポジトリに含まれる自習書テキスト、及び、ソースコードは、The Unlicense として提供します。

商用・非商用に関係なく、また、クレジット表示も不要で、本リポジトリに含まれるテキストやソースコードを再利用・改変・再配布が可能です。

サポート

本自習書は個人が自主的に無償で公開・提供するものであり、サポートはありません。

本自習書に関して、質問や連絡事項などある場合は、本 GitHub リポジトリの Issue を利用ください。

関連リソース

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].