短縮URLをお手軽に導入しよう

2025/2/22(土)に開催された .NETラボ 勉強会 2025年2月( https://dotnetlab.connpass.com/event/344101/ ) に参加した時に当日受付LTで発表した資料です。 #dotnetlab

Transcript

1. 短縮URLを お⼿軽に導⼊しよう 2025/02/21 .NETラボ 2025年2⽉ 当⽇LT NTTテクノクロス 中島進也（なかしょ）
2. ⾃⼰紹介 • なかしょ（中島進也） @nakasho_dev • 所属：NTTテクノクロス株式会社 デジタルトランスフォーメーション事業部 • 業務：MaaS関連のスマートフォンアプリ開発担当 • 趣味： Ø妻とモンハンデート ØIT関連の勉強会（主にモバイル系 or アジャイル系） Ø技術コミュニティの運営スタッフ üeXtreme Programming Japan User Group（XPJUG） 2019〜 üTDD BootCamp Online (TDDBC) 2020〜 ※本資料は私個⼈の意⾒であり、所属企業・部⾨⾒解を代表するものではありません。
3. とあるショッピングセンターで．．． 3 お店に誘導するためのQRコード をSC内の各所に掲⽰したいんだ けど作ってくれない？ OK。ちなみにどんなURL？
4. 4 ⼒作のHomePageなんだ！⾒てみてよ！ 「C:\Users\xxxxxx\OneDrive - な かしょ\01_勉強会\20250222_.NET ラボ\HomePage.html」 ⾒られねーよ！
5. 5 てへぺろ。こっちです。 https://sugokunagaisubdomaindaked o.orematananikayacchaimashita.exam ple.com/kisetuno.oryouriwo.magokoro komete.teikyouitashimasu.do なげーよ！
6. 6 今のURLに対して、以下のパラメータを つけてね？ ・キャンペーンコード ・遷移元媒体 ・ホームページ内DeepLink⽤パラメータ さらに⻑くなるのかよ！
7. ⻑いURLからQRコードを⽣成 7 https://sugokunagaisubdomaindakedo.orematananikayacchaimashita.example.com/kisetuno.ory ouriwo.magokorokomete.teikyouitashimasu.do ?senimoto=iriguchinoyokoniaruuekibachinikazattearu.tanzaku &campaigncode=koredeuriagebaizou.bokunokyuuyomobaizou &deeplink=omisenoyoyakujoukyou ※有効なURLではありません
8. 8 QRコードが細かすぎて印刷物から読み込 めないってクレームたくさん来ているんで すけど！！！！！ 情報詰めすぎたらQRコードも細か くなるよね。 紙媒体だと印刷の品質も影響ある。
9. ※有効なURLではありません 短いURLだとQRコードも読みやすい ※有効なURLではありません 例：https://example.com/nakasho.doc 前述のQRコード
10. 10 そこで短縮URL ですよ！ （ようやく本題かよ．．．）
11. 11 Azureの⾃社のテナントで 短縮URLが⼿軽に実現できる⽅法あ るかなぁ．．．
12. 12 そこで Azure Url Shortener ですよ！
13. Azure Url Shortener 13 • 特徴 Ø100%OSSの短縮URLサービス ØGithub ActionsやARMテンプレートでAzureにデプロイ Øスケジュールに基づいてさまざまな宛先をリダイレクト Øクリックの統計を保存 ØAPI経由で短縮URLを追加可能 ØTinyBlazorAdminで管理画⾯を提供 Ø独⾃ドメインにも対応 • Frank Boucher⽒が開発 Ø個⼈のGithubリポジトリで開発していた Ø現在はMicrosoftの公式リポジトリに移⾏している ØAzure Communication ServicesのDocでも活⽤⽅法を紹介している https://github.com/microsoft/AzUrlShortener
14. Azure Url Shortenerの仕組み 14 https://github.com/microsoft/AzUrlShortener/wiki/How-It-Works • Azure Functions Ø短縮UrlのRedirect Ø短縮URLの⼀覧取得 Ø短縮URLの登録・更新 Ø短縮URLの利⽤統計をとる機能 • Azure Table Storage Ø短縮URL情報 Ø利⽤統計 • Azure Static Web Apps Ø管理画⾯
15. Tiny Blazor AdminはGithub Actionsで構築 15
16. Azure URL ShortenerはARMテンプレートで構築 16
17. 17 ロール管理でadminのロールを与え たユーザのみ閲覧・編集が可能
18. 18 短縮URLの⽂字列 カスタムも可能なのでブランディン グにも活⽤できる
20. 実際に短縮URLを叩いてみる 20
21. 現在、⼤幅アップデート中 21 https://github.com/microsoft/AzUrlShortener/pull/542 • .NET 9.0 • Use .NET Aspire • Azure Resources will be: Ø Azure Storage Table as data source Ø Azure Manage Identity Ø Azure Container App: ü Container App Azure Function 100% public for redirect only ü Container Api App (internal) with all management capabilities ü Container App webapp Admin & Stats Tools (using Blazor server, FluentUI Blazor) and secured with EasyAuth • Using Azure Developer CLI (AZD): azd up to deploy ~10mins • IaC in Bicep • Migrate from Microsoft.Azure.Cosmos.Table to Aspire.Azure.Data.Tables
22. まとめ 22 • QRコードはデータ量が少ないほど読み取りやすい • ⻑いURLは短縮URLにしよう Øカスタムドメイン、カスタムVanityでブランディング戦略 • Azure で運⽤するならAzure URL Shortenerを使おう • Github ActionsやARMテンプレートを使いこなして 効率よく環境構築しよう
23. ご清聴ありがとうございました。 23