プログラミング言語C#で世界を創る - Create the world with the programming language C#.

プログラミング言語C#で
世界を創る
C#のスゴイところ、お魅せします。
Speaker:@AtriaSoft
2020/5/26(火)
YOUtH TechnologyNight Vol3.

View Slide

スライドの撮影
SNSへの投稿OK
Speaker : @AtriaSoft

View Slide

自己紹介とかいろいろ

View Slide

Atria（あとりあ）です。
@AtriaSoft
http://atriasoft.work/
Atria64
• 畑大地(a.k.a. Atria)
• 公立はこだて未来大学B2
– 北海道にある情報系大学！
• 趣味がいっぱい
– プログラミング
– アウトドア
– ゲーム

View Slide


View Slide

熟練度別
この発表を聞く心構え

View Slide

スライドの配置
ここに現在のトピック
ここにぼくのTwitterId
ここにスライドの内容

View Slide

プログラミング何もわからん方
• 6割かんたんな内容で構成してるので大丈夫！(なはず)
• 出てくるコードは読まなくていいです！
雰囲気感じる感じで楽しんでください。
プログラミングﾁｮｯﾄﾃﾞｷﾙ方
• 4割コアな内容を入れています。コアな内容は緑。
• 内容が間違っているなどの指摘をいただけると幸いです。
(その時はやんわりとお伝え下さい)

View Slide

“ﾁｮｯﾄﾃﾞｷﾙ”
完全理解者を指す界隈用語。

View Slide

“ﾁｮｯﾄﾃﾞｷﾙ”
完全理解者を指す界隈用語。
オレンジの吹き出しは初学者向け情報!

View Slide

緑の内容は聞き流しOK.

View Slide

本日のおしながき
• 自己紹介とかいろいろ
• プログラミング言語とは
– 基礎の基礎から解説します
• C#とは
• C#でできること
– なんでもできます
• C#の可能性

View Slide

プログラミング言語とは

View Slide

“方言”のようなものである

View Slide

コンピュータに命令するしくみ

View Slide

• コンピューターくんは0と1しかわからない
– かわいいね！
• なので我々プログラマーは、0と1でプログラムを書く

View Slide

“プログラム”
コンピュータへの命令をまとめたもの

View Slide


View Slide

• なので我々プログラマーは、
いや、無理やろ。

View Slide

わかった！
コンピュータに命令するしくみ(2)
• 人間が理解できて、コンピュータにも分かる言葉
(厳密には翻訳できる言葉)ができた。
– これがプログラミング言語！
プログラミング言語
00101110110001
10111101010011
11110001010111
00001111010101
01110101010100...
バイナリ

View Slide

わかった！
コンピュータに命令するしくみ(2)
• 人間が理解できて、コンピュータにも分かる言葉
(厳密には翻訳できる言葉)ができた。
– これがプログラミング言語！
プログラミング言語
00101110110001
10111101010011
11110001010111
00001111010101
01110101010100...
バイナリ
“バイナリ”
２進数で表現されるデータ。
基本人間は読めない。

View Slide

言語には種類と特徴がある
• C++(しーぷらぷら)
– 計算速度が早い。難しい。
• Python(ぱいそん)
– AI作る時に使われる。読みやすい。
• C#(しーしゃーぷ)
– ぼくの推し、今回のメイン
– 他の言語と比べてできることが多い

View Slide

言語には種類と特徴がある(2)
言語ごとに文法が違う→方言みたいでしょ?
各言語の”こんにちは”
C++(しーぷらぷら)
std::cout << “こんにちは”<< std::endl;
Python(ぱいそん)
print(‘こんにちは’)
C#(しーしゃーぷ)
Console.WriteLine(“こんにちは”);

View Slide

まとめ

View Slide

“方言”のようなものである

View Slide

今回のメイン
C#とは

View Slide

プログラミング言語C#とは
• 2000年生まれ,2001年リリース
• Microsoftが作ったオープンな言語
• 初心者に優しいとされている
– 読みやすくって、環境を作りやすい
– 使うのは無料！
• 強力で、変態的、なんでもできる
• 強い静的型付け
• ラムダ式、LINQ、最高だよな。
C#とは

View Slide

プログラミング言語C#とは
• 2000年生まれ,2001年リリース
• Microsoftが作ったオープンな言語
• 初心者に優しいとされている
– 読みやすくって、環境を作りやすい
– 使うのは無料！
• 強力で、変態的、なんでもできる
• 強い静的型付け
• ラムダ式、LINQ、最高だよな。
“環境づくり”
プログラムを作るための準備のこと
C#とは

View Slide

C#ができること

View Slide

なんでもできます
画像出典:MS Build

View Slide

C#でできること一覧
• Web開発
– Blazor, ASP.NET, Wyam
• ゲーム開発, xR
– Unity, UnlialEngine(Usharp)
• モバイル開発
– XamarinForms, Xamarin.Android, Xamarin.IOS
• ソフトウェア開発・IoT
• 機械学習

View Slide

• Web開発
• 機械学習
“xR”
VR,AR,MRの総称.

View Slide

• Web開発
• 機械学習

View Slide

Web開発

View Slide

実際に作ったもの
C#ができること | Web開発

View Slide

円グラフで進捗状況を表示
その他雑多な機能ふたつ
タスク管理アプリ(Blazor)

View Slide

タスクの状況は
このように確認できる

View Slide

アプリについての
説明ページも作成

View Slide

スマートフォンなど
小さい画面にも対応
アプリケーションのURL
https://todomanager-7196c.web.app/
PWA対応はできてません
(頑張れば対応できます)

View Slide

ポートフォリオ(Wyam)
https://atria64.github.io/portfolio/

View Slide

すごいだろ

View Slide

Web開発(Blazor, ASP.NET, Wyam)
• Web上で動くものを作ることができる。
– たとえばTwitter、Instagramなど
• みんなに使ってもらいやすい
• ホームページを作れちゃう
• ログインシステムも作れちゃう
• サーバーサイドをC#で統一すると
すべてC#で開発できる

View Slide

エンジニアタイム
C#でSPAが開発できるBlazorが今アツい!
• Blazorを使うとフルスタック”C#”でSPA開発が可能
• Razor構文でhtmlを記述できます
• 豊富な.NETの資産を利用できます(NuGet)
• 難しいことしなければC#の知識だけで組めるかも
• Blazor WebAssembly 公式リリース！！(2020/05/20)
• MobileBlazorBindings
– Blazorでスマホネイティブが作れる野心的なプロジェクト

View Slide

詳しくはWebで
• タスク管理を行うSPAを"C#で"作ってみた / I made a
task management…
https://speakerdeck.com/atria/i-made-a-task-
management-spa-in-c-number
• 作ったWebアプリ(Blazor製)
https://todomanager-7196c.web.app/

View Slide

ゲーム開発,xR

View Slide

世界を創る
Speaker:@AtriaSoft
2020/5/26(火)
C#ができること |ゲーム開発

View Slide

Speaker:@AtriaSoft
2020/5/26(火)
Unityでな！！！！！
世界を創る

View Slide

世界つくります
(ここでUnityのデモ)

View Slide

すごいだろ(2)

View Slide

これで怒られないはず
タイトル詐欺だ！

View Slide

ゲーム開発
• Unityという有名ゲームエンジンが使える
• ほとんどの個人開発者は無料でつかえる
• ゲームも汎用アプリもARもVRも
• アセットとかいうチート
• C# 7.3を使える
– Nullableなど対応のC#8が入ってほしい
• .NETの資産を使える.便利.

View Slide

モバイル開発

View Slide

完成品 ~LP_Navi~
• 毎日の特売情報をサジェスト
• 無効条件などの
複雑な処理を自動で行う。
• Xamarin. Androidを用いて開発
• C#でバリバリ書ける
• Azure Functions
を用いて特売情報などを取得
• C#でガリガリ書ける
C#ができること |モバイル開発

View Slide

すごいだろ(3)

View Slide

モバイル開発
• Apple store, Play storeにあるようなアプリが作れる
• 普通AndroidとiOSは
別々の言語でかかなきゃいけない
– Xamarinというものを使えばC#で全部書ける
– 使う言語が少なくて済む
• Nintendo Switch Online
NHK 紅白アプリ
などがC#で作られています。

View Slide

モバイル開発
• Apple store, Play storeにあるようなアプリが作れる
• 普通AndroidとiOSは
別々の言語でかかなきゃいけない
– Xamarinというものを使えばC#で全部書ける
– 使う言語が少なくて済む
• Nintendo Switch Online
NHK 紅白アプリ
などがC#で作られています。
“iOS”
iPhoneのことです

View Slide

Httpリクエスト Jsonオブジェクト
特売情報を格納している
ストレージ
エンジニアタイム Speaker : @AtriaSoft

View Slide

エンジニアタイム
Xamarinによるスマホネイティブ開発
• Xamarin.Formsを用いると
強力なクロスプラットフォーム開発が可能
– コード、UIの共通化が可能です
• 最新バージョンにすぐ対応してくれます
– Android Qも配信当日から使えました
• 正直ぼくiOSは知識がありません
– メモリ管理が難しいと聞いたことがある

View Slide

詳しくはWebで
• All C#なモバイル開発. / All C # Mobile Development.
– https://speakerdeck.com/atria/all-c-number-mobile-
development
• Xamarin.Android と Azure Functions で全てがC#製の
スマホアプリを作った話
– https://qiita.com/Atria/items/ffe8b510dcca07afcb8d

View Slide

ソフトウェア開発・IoT

View Slide

こんなものが作れます
(実際に作ったもの)
C#ができること | ソフトウェア開発・IoT

View Slide

PDFの編集履歴いじるやつ
ちょっとグレーめなソフトウェア

View Slide

画面キャプチャを
即座にツイートするやつ
わりと便利なソフトウェア

View Slide

C#製のDiscord Bot
DiscordのBotも開発できちゃう

View Slide

すごいだろ(4)

View Slide

Windowsアプリ開発最強説
• C#でのWindowsアプリ開発は最強(だと思う)
• パーツの組み合わせで作れるよ
• 割とかんたんに組めちゃう
• .NET Coreで他OSもいける
出典:How to Create a C# Windows Forms Application

View Slide

C#ができること |番外編
番外編
C# + Visual Studioの最強タッグ

View Slide

番外編
“Visual Studio”
統合開発環境(IDE)のこと。
VSCodeなども一緒にされる事がある

View Slide

番外編
“Visual Studio”
“統合開発環境(IDE)”
多機能な開発環境を指す。(おおざっぱ)

View Slide

番外編
“Visual Studio”
“VSCode”
Visual Studio Codeのこと。
かなりリッチなテキストエディタである。
(メモ帳)

View Slide

番外編
“Visual Studio”
“VSCode”
Visual Studio Codeのこと。
かなりリッチなテキストエディタである。
(メモ帳)
エンジニアあるある
調べると知らないことが増える

View Slide

最初の設定をマウスで進められる
• 真っ黒い画面を打つ必要なし。優しい。

View Slide

インテリセンス
• インテリセンスが強力で気持ちいい
• 下の画像のように、次何をするかを提案してくれる

View Slide

インテリセンス
• インテリセンスが強力で気持ちいい
• 下の画像のように、次何をするかを提案してくれる
“インテリセンス”
補完機能のこと。予測変換のようなもの。

View Slide

しかも無料
• VSCodeは完全無料.
• VisualStudioはCommunity版なら無料
– Professional, Enterprise版は有料
– 個人が上の2つを選択することはあんまりない(と思う)
• 話し忘れたけどAzureもすごく安く使える

View Slide

すごいだろ(5)

View Slide

ちなみに
機械学習もできます
回帰モデルを回して価格予測を行った図
正直なんもわからんかった

View Slide

ちなみに
機械学習もできます
回帰モデルを回して価格予測を行った図
正直なんもわからんかった
ぼくもわかりません

View Slide

C#の可能性

View Slide

C#の扉を叩いてみて
• なんでもできちゃうC#、ワクワクしませんか?
• 趣味で始めるのもよいかもしれません
• C#で世界を作っちゃうのが本当になるかも
– C#で世界を変えてみたい(夢)
プログラミングの可能性、
C#の可能性を感じていただければ幸いです。
C#の可能性

View Slide

世界を創る
Speaker:@AtriaSoft
2020/5/26(火)

View Slide

プログラミング言語C#で世界を創る - Create the world with the programming language C#.

プログラミング言語C#で世界を創る - Create the world with the programming language C#.

Atria

More Decks by Atria

Other Decks in Programming

Featured

Transcript