34.NETTER

MSテクノロジとReactをメインに色々買いていく予定です

asp.net core で swagger を使って typescript 対応の APIを作成する (尚・・・細かいところ)

TL;DR

新しい知識を書く内容がないので 本日の自己プログラムの進捗 APIの実装

本文

EntityFramework codefirst DbContext を修正

Modelフォルダ以下に でDBの内容を修正!

DBとやり取りするための DataTableObject http://e-words.jp/w/DTO.html

を作成!!

//sample studentDTO
public class StudentDTO
{
  //性
  public string sex { get; set; }
  //学籍番号
  public int Id { get; set; }
  //名前
  public string name { get; set; }
}

Controller クラスに

public BaseReseult Register([FromBody]StudentDTO studentDTO)
{
  //dbに登録する処理
}

これをswagger に登録されているので NSwagを使って typscriptに変換して どーん!!

みたいなことをやりました。 詳細の手順とかみてみたいたいたら また書きます。

swagger はクライアントとのAPIを勝手に作ってくれてらく! クライアントの通信完成!みたいなことやってました

最後に

('ω')勉強と自プロダクトの記事 の料率たいへん

Visual Studio で Windowsと Mac 両方で作業するときに気をつけたいこと (2)

TL;DR

前回

34dotnetter.hatenablog.com

Visual Stdio for Mac で作って git pushしたファイルを作りました。

Windows で開いたら無事動いたよ

この記事の目的

Windows 10 VisualStudio 2019 Community MacOS 10.1.4 Visual Studio for Mac 8.0.6

で Web App ASP.NET core React SPA のプロジェクト を無事 両方とも動作させることができました

.NET core SDKをそろえて入れれば問題なく どちらからでも行けそうです

Visual Studio で Windowsと Mac 両方で作業するときに気をつけたいこと (1)

TL;DR

MSテクノロジのプロジェクトでMacでできるものは マックでも作業したい、 VisualStudioを使いたいけど、

環境設定で詰まった箇所があったからそれをまとめるよ

前提知識

クロスプラットフォーム開発への興味

開発環境

Mac OS 10.14.4
Visual Studio for Mac 8.0.6

f:id:yamu778:20190518140927p:plain

なんか文字化けしてる

本文

Windows 10 VisualStudio 2019 で作った
Asp.NET Core 2.2 Webapp project React SPA を使います。

github.com

gitからクローンして作ったプロジェクト

① .netCore SDKが入っていない

この記事が書かれたとき.netcore3 がプレビューなのでこちら https://dotnet.microsoft.com/download/dotnet-core/3.0

安定版はこちら
https://dotnet.microsoft.com/download

② エラーで該当の.net core がインストールされているはずなのに   ファイルがありません 等のエラーが出る

私の場合はこれにぶち当たりました

github.com

  過去に入っていた.net core の古いものを一旦削除して、該当のバージョンの .net core のみ入れてみましょう

docs.microsoft.com

③nuget package が不足している

docs.microsoft.com 参照にして入れましょう

④npm コマンドが通らない nodebrew でnode.jsはインストールされていても、visual studio for Mac のIDEに pathが通ってない場合があります pathを通しましょう → 記事は山ほどあるのでググってください・・・

⑤ ④むしろフロントエンドとバックエンドの挙動を分けてしまいましょう フロントはターミナルから npm で起動して バックエンドは IDEから起動しましょう 

下記のCRAサーバー以下を参照するといいです

docs.microsoft.com

残った課題

もしかしてVSCODEでやったほうが楽なのかな? でもnuget をVSCODE でやる方法を調べてないので割愛

最後に

今度はMac側でプッシュした内容をWindows側から触ります

blazorを調べるとき awesome blazor で調べると 公式ドキュメントの次に捗りそう

TL;DR

技術動向のチェックについて awesome というのを知ったらめちゃくちゃ捗りそう という話

前提知識

少し英語を読む力

本文

TLでフォローしている凄い方々、どこから情報 仕入れているのかなと思ったら リンクをたどってい行ったら awesomeっていうのを知ったから捗りそうです。

github awesomeで検索すると、各言語 各projectで沢山まとまっています。

試しにblazor をチェックしてみます。

https://github.com/AdrienTorris/awesome-blazor

blazorについてすべてがまとまっているといっても 過言ではありません。サンプルがまとまってます。

・blazorのスプレッドシート https://lupblazorspreadsheet.z20.web.core.windows.net/

・blazorをつかったXamarinのクロスプラットフォームモバイル https://github.com/Daddoon/BlazorMobile

・blazor+Electorn クロスプラットフォームデスクトップアプリ https://github.com/aspnet/AspLabs/tree/master/src/ComponentsElectron/sample/SampleApp

最後に

サンプルだけでなく 各種ライブラリもそろって とても1週間でも飽き足らなそうです。

awesome はほかのフレームわーくや 言語でもあるので 公式ドキュメントの後、 最初にここを調べてみるといいのではないでしょうか

react-native を expoで少しいじった

TL;DR

react-native を expo で作る 作業30分ぐらい

進捗作業

1枚絵のページを作れた ページ遷移は? stateの管理は?

と思ったらこれが結構いい感じなのでまねして一回作ろうかなと firebaseの認証まで行けたら最高

でも明日は、.netcore 使いたい記事書きたいけど

note.mu

react-native で遊んでみる

TL;DR

iOSAndroidのアプリが手軽に crosslatform の React Nativeが面白なので

チュートリアルだけやったよ

 

前提知識

開発環境

再現手順

ちなみにモバイルのアプリの開発は初めてです。 facebook.github.io

調べたら、今はExpoというdevelopmentツールを使うことで

expo.io

手軽にアプリが作れるようです。 恐らく細かく作るのであれば ReactNative CLI さらに言えば ネイティブで作る必要があるのだと思いますが・・・

expoのアカウントを作って、  tutolial 通りに 

npm install -g expo-cli

expo init AwesomeProject

cd AwesomeProject
npm start

サーバーが立ち上がります f:id:yamu778:20190513235708p:plain

なんとこれは、iOSにExpoのアプリをインストールして  QRコード

で読み込むと、 なんとなんと 自分のiphoneが テスト環境に!!!!

うええええ!? 驚き

あとはReactみたいにコンポーネントを使っていけばいいのでしょうか?

Vscode でファイルを開いて Hello Reac-Native! にコメントを変更して保存すると すぐに手元のiOSに反映されるというすばらしさ

f:id:yamu778:20190514000052p:plain

コンポーネントおいて、 typescripe で書いていけば簡単にできそうです?

最後に

javascriptでイベントでAPIとか投げていく感じでしょうか。 簡単に遊べそうな雰囲気がでて楽しみです。

これでこの手軽さなら Flutterも同じレベルなのでしょうか・・? PowerAppsも面白そうで

本業とは別の遊びでいろいろ使えそうです 楽しみだなぁ(´ω`) qiita.com  

アプリ開発が捗るかもしれません ライブラリもたくさんあるみたいなのでサンプルアプリ作ろうと思います

【休閑】React-Nativeを始めようと思ったら npm周りがおかしくなった

WindowsPCのnode.js周りがおかしいので node.js環境を結局再インストールすることにしました。

yarnコマンドとか creat-react-appが動かないとか チュートリアル以前の問題が起きました

Windowsの方は Node環境はどう管理しているのでしょう Nodist安定でしょうか