Download to read offline
More Related Content
![[MW08] de:code イベントアプリの作り方 ～ Xamarin.Forms で開発しています ～](https://cdn.slidesharecdn.com/ss_thumbnails/mw08-170614050111-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to マスコットアプリ─ キャラアプリ─ 開発 with Xamarin
マスコットアプリ─ キャラアプリ─ 開発 with Xamarin
- 1. マスコットアプリ ─ キャラアプリ─ 開発 with Xamarin （Visual Studio for Mac も出るよ） jz5 プロ生勉強会 第45回 ＠名古屋 2016/11/26
- 2. プロフィール • jz5 • 仕事１：プロ生ちゃんP • 仕事２： プログラマー • Xamarin 歴： 1年と少し • Visual Basic 歴： 20年近く
- 3.
- 4.
- 5. プロ生ちゃんアプリ開発支援プログラム • はじめました • 第一弾は自作iOS アプリを App Store での 配布をサポート（無料で公開できます） • 対象者: アプリ開発初心者 • 必要なもの： Mac と開発～公開の作業 • 詳しくは Web & お問合せで
- 6.
- 7.
- 8. Mac 環境の提供もはじめました！ • 合同会社プロ生所有のMac (Server) へ リモートアクセスできるアカウント無料提供 • 対象者: 開発用 Mac がないアプリ開発初心者 • 詳しくは Web & お問合せで
- 9. Agenda • マスコットアプリ（キャラアプリ）とは • Xamarinでスマホアプリ開発 • アプリが完成したら
- 10.
- 11. はじめに・前提 • キャラ運営の立場・ アプリ等を作ってほしい立場からの話 • マスコットアプリ文化祭などの経験からの話 •キャラクター – 第三者が利用できるキャラ – ※ アニメ・ゲーム等キャラの非公認同人利用とは違う • アプリ – 第三者が作るアプリ – ※ キャラ運営公式でないアプリ
- 12.
- 13.
- 14. キャラを使う • ガイドライン等の確認 – 公認されている使い方の確認 –ない場合は、要望・交渉もアリ • チェックポイント – 活動の継続性 – 二次利用（素材の提供・利用等）、二次創作の許可 – 運営との距離 • 萌えキャラ・ゆるキャラ®たくさんいる – ガイドラインやキャラの活動を見れば 使ってほしい or 単なるライセンス商品 or 権利者のみ利用かが だいたいわかるかも
- 15. キャラの設定 • 好きな設定を盛り込もう – 少なくともプロ生ちゃんはOK – 料理が苦手 = 料理アプリで使うのは向いてない… というわけではない • ゲームなら – 実は双子、実はエスパー、実は未来人 – とかなんでもアリ • 教育系？なら – 教え役、教えられ役どっちもアリ
- 16.
- 17. ① 既存アプリにキャラ追加 • 自作アプリに追加 –キャラバージョン作成、 キャラ化できる機能追加など •他者アプリに追加 –エディターのプラグイン、Chrome 拡張など
- 18.
- 19.
- 20.
- 21.
- 22. ① 良いところ • 手軽に作れるかも •有名アプリだと話題性がある • ユーザー層が広がる –ファンユーザーが増えるかも • 既にユーザーがいる –アプリユーザーに向けてアピール
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. ② 良いところ • 手軽に作れる場合も •キャラという付加価値でアプリ置き換え • アイデアは自分のホーム画面や メニュー画面を参考に • ユーザーは自分・ファン（＋キャラ運営）
- 29.
- 30.
- 31.
- 32.
- 33. ③ 良いところ • 独自性のあるアイデアを実現 •新規でも一度作れば… キャラの追加・差し替えも簡単な場合も • ゲームの場合オリジナルキャラとの共演もアリ –自分の創作と両立 –キャラのファン層へアピール
- 34. ④ 番外: 少し変わった使い方 •アプリ名だけキャラ登場 • サンプル画面やヘルプだけキャラ登場 • サンプルアプリだけで素材提供
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42. Xamarin • ここでは iOSや Android アプリが作れる 開発環境のこと • 個人/小規模開発チームは無料
- 43. Xamarin ブランドは消えるかも？ • Microsoft買収により… –Windows の Xamarin Studio → Visual Studio のみ –Mac の Xamarin Studio → Visual Studio for Mac –諸 Xamarin サービス → 消えたり消えてなかったり • 名前は消えても中身は同じ（諸問題も以前残る）
- 44. おまけ情報: ざまりん • 神奈川県座間市をPR する ためにがんばっている妖精 のマスコットキャラクター • 所定の手続きで誰でも営 利・非営利目的関わらず無 料で使える • 「ざまりんの使い方」で プロ生でも記事で紹介
- 45. 大前提 • 目標・目的： ○○できるアプリが作りたい （iOS/Androidで○○したい） • ゴールさえすれば過程は何でもいい
- 46.
- 47. だいたいトレードオフ • Xamarin の言われているメリット的なところ –クロスプラットフォーム –ネイティブUI/API/パフォーマンス –Visual Studio + .NET クラスライブラリ –オープンソース（部分的に）
- 48. C#/Xamarin を使うということ • Microsoft製 3rd パーティー開発環境 C# Swift /Objective-C Java Visual Studio /Xamarin Studio HockeyApp, .. Xcode Android Studio Firebase, .. 3rd ライブラリ3rd ライブラリ
- 49. C#/Xamarin を使うということ • iOS/Androidの機能はすべて網羅 –タイムラグはある（iOS 新機能は同日サポート） • 競合するようなサービスやライブラリも存在 • 多くのサービスやライブラリは iOS/Android 用 –Xamarin 対応は少ない –頑張れば利用可能（バインディング作業）
- 50. Xamarin で iOS/Androidアプリを作る
- 51. Xamarin.* • Xamarin.iOS –iOS アプリが作れる •Xamarin.Android –Android アプリが作れる • Xamarin.Forms –Forms アプリが作れない –iOS/Android/UWP アプリを同じコードで作れる （ということになっている）
- 52.
- 53. Xamarin.iOS/Android でクロスプラットフォーム開発 ライブラリ活用 iOS プロジェクト .NET ライブラリ プロジェクト Android プロジェクト 共通のロジック・データ 画面遷移 OSの機能呼び出し 画面/UI OS 固有機能の処理 画像/リソース 参照
- 54.
- 55. Xamarin.Forms • UI も含めたiOS/Android/UWP クロスプラットフォーム開発環境 –DSL に近い印象 –現実は各プラットフォームごとに Forms 用の コードを書く必要多々あり –発展途上・バグあり・結果に妥協＆妥協も必要
- 56. オマケ情報: MVVM で開発 •MVVM: イケてる開発ができる設計/実装方法 • イケてるライブラリを導入 ← イケてない –MvvmCross –ReactiveUI –MVVM Light –Prism (Xamarin.Forms 用)
- 57.
- 58. Demo 1 • プロジェクト新規作成 •ソリューション構成 –.NET クラスライブラリ プロジェクト（コードなし） –Xamarin.Android プロジェクト サンプルコードあり –Xamarin.iOS プロジェクト サンプルコードあり
- 59.
- 60.
- 61.
- 62. Xamarin で 2D/3D描画 • CocosSharp –Cocos2D • MonoGame • UrhoSharp –Urho3D
- 63. Demo2: UrhoSharp • 先ほどのプロジェクトを修正 –NuGetでインストール –.NET クラスライブラリに Application クラスを継承したクラス作成 （UrhoSharp のクラス） –iOS/Android プロジェクトから Application クラスを生成して画面を呼び出し
- 64. Q. Unity でいいんじゃ？ •A1. いいと思う • A2. 1画面だけ 3D というのもできる
- 65. Demo3: OS 固有の機能を使う •カメラ & バーコードリーダー Demo • iOS 固有のクラスを C# で使える
- 66.
- 67. Xamarin.Forms • デモ程度のアプリは Formsでできる • 業務で求められるアプリは厳しい –途中から Xamarin.iOS/Android に移行は ほぼすべてのコードを捨てる
- 68. Xamarin.iOS/Android • 困ったときは iOS/Android情報がそのまま役立つ – 同じAPI・クラスがある（ちょっと思想が違う場合もある、古 い Xamarin 情報があることも） • Material Design や iOS ガイドラインに準じることも できる（Forms に比べ自由度が高い） • 結構クリティカルな Xamarin バグに遭遇することも – ブレークポイントで止まらない – 例外発生場所が不明など
- 69. Xamarin.iOS/Android + MvvmCross •ViewModel/Model で多くを共通化できた –ただし iOS/Android で 画面/UI が異なり 片方でしか使わない ViewModel もできがち –見た目にこだわると View 側の実装が肥大に • MvvmCross –重い。起動時、View 生成時いろいろしすぎ？ –不具合箇所がわかりづらくなることが あってデバッグしづらい –Binding を文字列で書くと保守性がさがる
- 70. その他 • サーバー側のアプリも Model共通利用できた
- 71. まとめ • Xamarin の選択のポイント –C#で開発に価値があるかどうか • Xamarin でクロスプラットフォーム開発 –Xamarin.iOS/Android と Forms • Xamarin でアプリ開発 –Xmarin.iOS/Android を紹介
- 72.
- 73.
- 74. アプリを広める • Web サイト等で紹介 •プレスリリース • その他いろいろ
- 75. Web サイト・Blog・ツイートなど • 公式の情報元を作る –Webサイトや Blog、ツイートでも OK • 紹介されやすくする –サイトにツイートボタンなどを設置 –ツイートはプロフィールに固定 –ツイートする時間・回数を工夫
- 76. プレスリリース（ニュースリリース） • Web メディアに連絡する –窓の杜 – GIGAZINE – スマホレビューサイトなど • 紹介文、スクリーンショット、 ロゴ画像などすぐ使えるものを提供する • 連絡する時間を工夫する • 紹介されなくても気を落とさない
- 77. その他いろいろ • コンテストに応募 –コンテスト用バージョンを作るのもアリ • キャラ運営に直接連絡 •素材の提供 –SNS 用アイコンなど
- 78.
- 79. ご清聴ありがとうございました マスコットアプリ（キャラアプリ）開発 with Xamarin jz5 プロ生勉強会第45回＠名古屋 2016/11/26 プロ生ちゃん LINE スタンプ販売中！