WSL2上にTypeScript、React、Next.jsを使うための環境を構築してみた | DevelopersIO
こんにちは、ゲームソリューション部のsoraです。 今回は、WSL2上にTypeScript、React、Next.jsを使うための環境を構築してみたことについて書いていきます。 環境 Windows 11 Pro Ubuntu 22.04.3 LTS WSL2有効化やUbuntuのインストールは説明しません。 Node.jsのインストール まずは実行環境であるNode.jsをインストールします。 普通にインストールしようとすると、最新バージョンや最新のLTSバージョンがインストールされなかったため、Node.jsのバージョン管理ツールの n をインストールしました。 # nodeのインストール $ sudo apt install nodejs # 最新バージョンはv21.x、最新のLTSバージョンは20.10.0なのに、古いバージョンがインストールされている $ node -v v10
React v18 + TypeScript と ASP.NET Core (C#) でホロジュール Web アプリを作り直した - Qiita
React v18 + TypeScript と ASP.NET Core (C#) でホロジュール Web アプリを作り直したC#TypeScriptReactASP.NET_Corechakra-ui はじめに 1年ほど前、React + ASP.NET Core を使用して、個人用のホロジュール Web アプリを作りました。 React と ASP.NET Core (C#) でホロジュール Web アプリをつくってみた 当時は React v17 でクラスコンポーネントを利用し、更新や状態を力技で制御した感じでしたので、あらためて React を学習し直し、React v18 + TypeScript と ASP.NET Core でこんな感じに作り直してみました。 学習方法 Udemy で下記講座を受講しつつ、TypeScript や React のドキュメントやチュートリアルを
WSL2環境でNext.jsに入門してみた | DevelopersIO
しばたです。 ふとAWS謹製のCloudscapeを使ったサイトを作ってみたくなり、そのためにまずはReactとNext.jsを学んでみることにしました。 私は普段Windows環境を利用しておりWSL2上でNext.jsを実行するための環境を作ってみたのですが、これだけでも地味にハマったのでこの記事で共有したいと思います。 検証環境 本記事の内容は私の普段の開発機(Windows 10 Pro)のWSL2環境(Ubuntu 20.04)で試しています。 Ubuntu 22.04でなくて20.04なのは22.04環境を普段の業務で使っているため避けたのが理由です。本記事の内容でOS依存の部分は無いと思います。 ホスト側環境 64 bit版 Windows 10 Professional 21H1 Visual Studio Code 1.72.2をインストール済み WSL環境 Ubuntu
フロント側は Next.js で構築する ASP.NET Core プロジェクト、およびそのローカル開発環境を、セキュア接続 (https) 必須で構築する | @jsakamoto
C#、ASP.NET、TypeScript、Angular を中心にプログラミングに関した話題を諸々。 by @jsakamoto
"React での ASP.NET Core" テンプレートで生成されるプロジェクトの仕組みを調べてみた | @jsakamoto
C#、ASP.NET、TypeScript、Angular を中心にプログラミングに関した話題を諸々。 by @jsakamoto
JavaScriptライブラリ「Wijmo」のFlexGridをReact＋ASP.NET Core環境で使ってみよう
本記事では、グレープシティのJavaScriptライブラリ「Wijmo（ウィジモ）」に含まれるグリッド部品FlexGridを、Reactと組み合わせて利用する方法を説明します。ReactとASP.NET Coreを利用するVisual Studio 2022のテンプレートをもとに、FlexGridを表示させる実装を行います。関連して、ASP.NET CoreでWeb APIを作成して、APIの戻り値をFlexGridで表示する方法も説明します。 はじめに Wijmo（ウィジモ）は、グレープシティがHTML/JavaScript環境に向けて提供しているJavaScriptライブラリで、WebサイトやWebアプリケーションで活用できるUI部品を利用者に提供します。現状の最新版は「2021J v3」です。 図1 Wijmoの製品ページ Wijmoが提供するUI部品は、単体で利用する他に、Angu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React And .NET Core 6.0 Web API Sample Project with Docker
React and .NET Core 6.0 Sample Project with Docker - Part 2