短縮URLを お⼿軽に導⼊しよう 2025/02/21 .NETラボ 2025年2⽉ 当⽇LT NTTテクノクロス 中島進也（なかしょ）

⾃⼰紹介 • なかしょ（中島進也） @nakasho_dev • 所属：NTTテクノクロス株式会社 デジタルトランスフォーメーション事業部 • 業務：MaaS関連のスマートフォンアプリ開発担当 • 趣味： Ø妻とモンハンデート ØIT関連の勉強会（主にモバイル系 or アジャイル系） Ø技術コミュニティの運営スタッフ üeXtreme Programming Japan User Group（XPJUG） 2019〜 üTDD BootCamp Online (TDDBC) 2020〜 ※本資料は私個⼈の意⾒であり、所属企業・部⾨⾒解を代表するものではありません。

とあるショッピングセンターで．．． 3 お店に誘導するためのQRコード をSC内の各所に掲⽰したいんだ けど作ってくれない？ OK。ちなみにどんなURL？

4 ⼒作のHomePageなんだ！⾒てみてよ！ 「C:\Users\xxxxxx\OneDrive - な かしょ\01_勉強会\20250222_.NET ラボ\HomePage.html」 ⾒られねーよ！

5 てへぺろ。こっちです。 https://sugokunagaisubdomaindaked o.orematananikayacchaimashita.exam ple.com/kisetuno.oryouriwo.magokoro komete.teikyouitashimasu.do なげーよ！

6 今のURLに対して、以下のパラメータを つけてね？ ・キャンペーンコード ・遷移元媒体 ・ホームページ内DeepLink⽤パラメータ さらに⻑くなるのかよ！

⻑いURLからQRコードを⽣成 7 https://sugokunagaisubdomaindakedo.orematananikayacchaimashita.example.com/kisetuno.ory ouriwo.magokorokomete.teikyouitashimasu.do ?senimoto=iriguchinoyokoniaruuekibachinikazattearu.tanzaku &campaigncode=koredeuriagebaizou.bokunokyuuyomobaizou &deeplink=omisenoyoyakujoukyou ※有効なURLではありません

8 QRコードが細かすぎて印刷物から読み込 めないってクレームたくさん来ているんで すけど！！！！！ 情報詰めすぎたらQRコードも細か くなるよね。 紙媒体だと印刷の品質も影響ある。

※有効なURLではありません 短いURLだとQRコードも読みやすい ※有効なURLではありません 例：https://example.com/nakasho.doc 前述のQRコード

10 そこで短縮URL ですよ！ （ようやく本題かよ．．．）

11 Azureの⾃社のテナントで 短縮URLが⼿軽に実現できる⽅法あ るかなぁ．．．

12 そこで Azure Url Shortener ですよ！

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

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 Ø管理画⾯

Tiny Blazor AdminはGithub Actionsで構築 15

Azure URL ShortenerはARMテンプレートで構築 16

17 ロール管理でadminのロールを与え たユーザのみ閲覧・編集が可能

18 短縮URLの⽂字列 カスタムも可能なのでブランディン グにも活⽤できる

19

実際に短縮URLを叩いてみる 20

現在、⼤幅アップデート中 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 • QRコードはデータ量が少ないほど読み取りやすい • ⻑いURLは短縮URLにしよう Øカスタムドメイン、カスタムVanityでブランディング戦略 • Azure で運⽤するならAzure URL Shortenerを使おう • Github ActionsやARMテンプレートを使いこなして 効率よく環境構築しよう

ご清聴ありがとうございました。 23