More Related Content
Similar to nameless ある沼にDeepDiveした人のポートフォリオ
Similar to nameless ある沼にDeepDiveした人のポートフォリオ (20)
nameless ある沼にDeepDiveした人のポートフォリオ
- 2. • H.N. :蜜葉 優 [@mitsuba yu]
• Microsoft MVP for Windows Development
• 昔は会社やってたりもした。
• Freelance / Designer / Developer / Photographer
• Keynoteの表紙はいつも自分で撮影
• 最近、ベタを飼い始めました。
• http://c-mitsuba.hatenablog.com
Profile
- 6. • 動機
• Visual Studioを開く前に
• DaDD、名前とロゴの話
• 技術コンセプト、技術選定
• デザイン
• デザインコンセプト
• インフラ
• 開発環境
• AzureとCloudflare
• 実装
• ストレージ
• キャッシュ対応
• oEmbed
• 認証
Agenda
/606
- 9. • ドメイン取得駆動開発。
• ドメインを取るためには、まず名前の考案が必要。
• 名前が決まれば、プロダクト名が決まる。
• 名前が決まれば、ロゴが作れる。
• プロダクト名が決まれば、.slnを作れる。
• 開発を始められる。
• ドメイン取得にはお金がかかる。
• 真面目に作る気概が生まれる。
• 挫折しない心大事。
Domain acquisition Driven Development
/609
- 11. • nameless (ねむれす)
• なにかテーマを決めて撮った写真を集めたのではなくて、
日常カメラを持って出歩いた中の1枚を寄せ集めたもの。
• タイトルや背景は置いておいて、純粋に写真を見てほしい。
文字列に第一印象を左右されないコンセプトの名前。
Product Name
/6011
- 15. • Web
• Azure Web Apps
• .net core 3.1
• Azure Blob Storage
• Cloudflare CDN
• No-DB
• asp.net core mvc
• 仕事で使うことに
その勉強も兼ねて。
• Bootstrap 4.x
• JSライブラリ
• 基本的になし。
• vueとか検討したけど、まず
は素で。
Technology Selection
/6015
- 17. • 名前を決めた
• プロジェクト名を決めないと、プロジェクトが作れない。
• ドメインを取った
• お金が掛かると、やる気がでる。頓挫させない。
• ロゴを作った
• ロゴがあると、やる気がでる。頓挫させない。
• 技術コンセプトを決めた
• このプロダクトをどんな設計思想で作るかを決めた。
• 技術選定を(ある程度)した
• 使う技術を決めて、技術コンセプトがブレないようにした。
Before Visual Studio
/6017
- 19. • 写真が主役。
• 集中と一覧性を重きに作る。
• 原寸大写真を使う -> 大画面デバイスを優先した見た目。
• モバイルは後回し。
• どんな機材を使ったか、なにを思ってシャッターを切ったか。
• そんなポエムよりまずは写真を1番に見てほしい。
• 全ての写真を平等に扱う。
• 被写体、テーマ、機材とかでフィルタリング・クラスタリングは
(今は)しない。
Design Concept
/6019
- 22. • nameless.sln
• Web
• nameless -> 公開ページ
• nameless.admin -> 管理ページ
• nameless.api -> 写真取得公開API
• Library
• nameless.ClassLibrary -> Blobアクセスとか共通処理を。
• UWP
• nameless.store -> 一応MVP for WDなので。
Project
/6022
- 23. • Azure DevOps
• ソース管理 / CI / CD
• Azure App Service -> 1 App Service Plan -> 3 Web Apps
• nameless、nameless.admin、nameless.api ホスト
• Azure Blob
• 写真ストレージ
• jpgの塊 + metadataに撮影日、機材、コメントを追記
Azure
/6023
- 32. • ブラジル南部 VMから西日本WebApp/Blobまで10倍速い。
• Blobへの通信を軽減してくれる。
• CloudflareのDNSサービスで、ネイキッドドメイン(サブドメインのない)
含む、カスタムドメインでのアクセスをHTTPS化できる。
• これを素直にWebAppでやろうとすると、かなり高いプランが必要だっ
た。(P1v2以上 月17500円ぐらい。
• 実は最初CDNよりも、HTTPS化のために導入した。
Cloudflare
/6032
- 33. • 170枚*2(original , thumbnail)のJPEG 1GBちょっとぐらい
• WebApp JapanWest B1 月約7000円、Blob Storageと通信費 月約40円
• ドメインが年3278円
• トータル、月7314円ぐらい。WebAppがやっぱちょっと高いね。
Total Cost
- 51. • Blob Index Tags
• nameless.api
• nameless.store
• nameless.MR????
• nameless.card
Extend
/6051
- 55. • HoloLens / Windows MixedReality版も、なんかいい魅せ方が思いついたら
つくってみたい。
• いまのとこ、2Dコンテンツを3Dにする意味とは?????感ある(
nameless.MR????
/6055
- 60. • ポートフォリオをどう作ってきたかをお話しました。
• 真面目に作ったとはいえ、初めてのC# Webだったけど、よくできたのでは?
• 技術コンセプトは、管理は安く、薄く。楽に。
• 運用費用は極力減らして、コンテンツの扱いもファイル1つで、
アップデートもモバイルからさくっと。
• BlobとCloudflareはいいぞ!
• ブランディングへのコストは惜しみなく。
• コストをかければ大事にするし、魅せれるようになる。
• ドメイン、ロゴ作成、oEmbed、ブランディングカード。
Conclusion
/6060