SlideShare a Scribd company logo
1 of 33
Webデザイナー視点で使ってみた
Microsoft Azureの話
松本 典子
Noriko Matsumoto
フリーランス Webデザイナー / ディレクター
2015 / 11 / 21 プログラミング生放送勉強会 第37回@福岡
 福岡県北九州市在住
 フリーランス
Webデザイナー / ディレクター
 インフラ知識ゼロ…
 昨年12月にAzureデビュー
2
自己紹介
松本 典子(まつもと のりこ)
Webに関する業務全般やってます。
(提案~Webページ制作~運用・マーケティングetc…)
3
こういうデザイン作ってます
本日お話しする内容
 Microsoft Azureについて
 Webデザイナー視点で便利と思った機能
– Web構築環境が一瞬でできるWebアプリ
– Webサイトのバックアップ・復元
– 急激なアクセス増も安心!スケールアウト
– 一瞬でテスト環境と本番環境入れ替える方法
– YouTubeのような制御できる動画を配信できる
 もっと便利に!
Web的に工夫して使ってみた
4
Microsoft Azureについて
5
Microsoft Azureについて
 Microsoft Azureについてざっくり説明
66
1 CloudServices(主にプログラマ向け)
ミッションクリティカル、常に動き続けていないと
いけないサービス、きわめて高負荷なサービスなど
2 VirtualMachine(主にインフラ向け)
以前からの移植やVPSを触ってきた人、
Linuxユーザー向け(仮想マシン)
3 WebApps(Webデザイナー向け)
軽量なWebシステムやWebデザイナー、
フロントプログラマ向け
Microsoft Azureについて
 Microsoft Azureについてざっくり説明
77
1 CloudServices(主にプログラマ向け)
ミッションクリティカル、常に動き続けていないと
いけないサービス、きわめて高負荷なサービスなど
2 VirtualMachine(主にインフラ向け)
以前からの移植やVPSを触ってきた人、
Linuxユーザー向け(仮想マシン)
3 WebApps(Webデザイナー向け)
軽量なWebシステムやWebデザイナー、
フロントプログラマ向け
Azure WebAppsについて
8
Azure WebAppsについて
9
Azure WebAppsってこんな感じ
10
 「STANDARD」がおすすめ
 50GBまで「独自ドメインサイト」が入れ放題
– 約8000円で
– WordPressだったら1000サイト入る計算
 5ドメインまでSSLもOK
– 6サイト目から918円/月
 構築環境をそれぞれに変えられる
– PHPのバージョンやSSL、CMSなど
自分専用で環境を細かく設定できる
レンタルサーバーを持てるイメージ
Azure WebAppsのいいところ
 Azureを従来のレンタルサーバーの
ような形で使うことができる
 管理ポータル画面で、よく使う必要な機能は
操作できる
– コマンド知らなくて大丈夫
– スケールアウト・フェイルオーバーも
自力で設計せずに使える
11
Webデザイナー視点で
便利と思ったAzureの機能
12
Web構築環境が一瞬でできるWebアプリ
13
 管理画面から「新規作成」を選ぶだけ
Webサイトの自動バックアップ・復元
14
 完全バックアップを1日1回やってくれる
– 設定しておけば毎日
 バックアップデータはストレージに
保存されていくので容量を圧迫しない
– 極論365日前の状態に戻すこともできる
 WordPressもSQLiteを採用すれば
DBのバックアップ対策しなくてOK
– DBバックアップ用のプラグイン不要
– 復旧時はFTPでファイルをあげるだけ
Webサイトの自動バックアップ・復元
15
テスト環境と本番環境を一瞬で入れ替え
16
「ステージング」でテスト環境と本番環境を
ワンクリックで入れ替えできる!!
テスト環境と本番環境を一瞬で入れ替え
17
ステージング環境のURLは「サイト名-staging.azurewebsites.net」
 「新しい展開スロットの追加」で作成
 ワンクリックでテストと本番を入れ替え
急激なアクセス増も安心!スケールアウト
 スケールアウトとは?
18
急激なアクセス増も安心!スケールアウト
 手動でスケールアウトする
19
急激なアクセス増も安心!スケールアウト
 時間でスケジュールしスケールアウトする
20
YouTubeのような制御できる動画を
配信できる
 Azure Media ServicesでYouTubeのよう
な制御できる動画が配信できる
 動画配信サーバを用意する必要がない
 動画を配信できる状態にエンコードする
必要もなし
 ライブストリーミング配信や
コンテンツ保護もできる
21
もっと便利に!
Web的に工夫して使ってみた
Azure WebAppsの各機能を工夫して使ってみました。
22
ファイル転送サービス的に使ってみる
 宅ふぁいる便やfirestorageの変わり
 BLOBストレージは容量無制限で
画像入れ放題
 ダウンロードに期限がない
 納品データのバックアップの意味も
 FTPクライアントではなく
専用クライアントが必要
– 「Azure Storage Explorer」が便利
23
BLOBストレージを利用。
制作データを丸ごとバックアップ
 MacでいうとTime Machineのクラウド版な
イメージ
 geo 冗長ストレージ (GRS)では
データのコピーが6つ保持される
 一度スケジュールを設定すると自動で
バックアップし続けてくれる
– デザインデータなどのバックアップに便利
 1回の操作でバックアップ可能な対象
ファイルサイズは最大53TB
24
Azure Backupを利用。
iPhoneでWebページを修正する
 WebAppsはFTP以外にもDropboxでの
デプロイが可能
– 事前にDropboxでデプロイできるように設定
– iPhoneには無料のFTPクライアントがない問題を
これで回避する
 HTMLやCSSの修正ができるエディタとして
「iEditor」を使用 25
✕
複数のデプロイ方法を利用。
26
iPhone側の
作業
Azure側の
作業
A/Bテストを実施する
27
 A/Bテストとは?
異なる2パターンのWebページやバナーを用意し、実際
にユーザーに利用させて効果を比較するテスト。
A/Bテストを実施する
28
 新規Webサイトを作成
 展開スロットを準備
 「オリジナル」と「スロット」
それぞれにテストしたいデザインを
アップロード
ステージング機能とトラフィックルーティ
ングを利用。
A/Bテストを実施する
29
 トラフィックルーティングを設定する
A/Bテストを実施する
30
WebAppsの魅力、総まとめ
31
 1分程度でWeb構築環境が作れる
 FTP操作で通常のレンタルサーバーのように
使える
– Visual Studio Online、GitHub、Git、Dropbox
等、その他のデプロイ方法も複数選択可能
 Web制作の根本的なワークフロー効率化に
役立つ
 インフラ的な専門知識・技術が無くても、
スケールアウトなどアクセス負荷にも耐える
「サイトを落とさない」仕組みをデザイナー
が構築できる
最後に
32
Webデザイナー視点で実際に使ってみた
Azureの色々な機能についてブログ書いてます。
http://zuvuyalink.net/nrjlog/Blog
ご静聴ありがとうございました!

More Related Content

What's hot

[社内勉強会]Webエンジニアへ送るインフラのおすすめ本:記事7本
[社内勉強会]Webエンジニアへ送るインフラのおすすめ本:記事7本[社内勉強会]Webエンジニアへ送るインフラのおすすめ本:記事7本
[社内勉強会]Webエンジニアへ送るインフラのおすすめ本:記事7本
Takahiro Moteki
 
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
 

What's hot (20)

案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話
 
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
 
Web制作に便利な機能いろいろ!Microsoft Azureの概要
Web制作に便利な機能いろいろ!Microsoft Azureの概要Web制作に便利な機能いろいろ!Microsoft Azureの概要
Web制作に便利な機能いろいろ!Microsoft Azureの概要
 
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
 
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
 
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
 
Azure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイントAzure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイント
 
Go (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的なGo (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的な
 
Azure Web Apps 入門
Azure Web Apps 入門Azure Web Apps 入門
Azure Web Apps 入門
 
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
 
[社内勉強会]Webエンジニアへ送るインフラのおすすめ本:記事7本
[社内勉強会]Webエンジニアへ送るインフラのおすすめ本:記事7本[社内勉強会]Webエンジニアへ送るインフラのおすすめ本:記事7本
[社内勉強会]Webエンジニアへ送るインフラのおすすめ本:記事7本
 
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
 
20150121 jaws ug関西女子会
20150121 jaws ug関西女子会20150121 jaws ug関西女子会
20150121 jaws ug関西女子会
 
Innovation eggcloudnative
Innovation eggcloudnativeInnovation eggcloudnative
Innovation eggcloudnative
 
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみようa-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
 
GCPでCI環境を構築する
GCPでCI環境を構築するGCPでCI環境を構築する
GCPでCI環境を構築する
 
a-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなすa-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなす
 
軽量フレームワークNancy
軽量フレームワークNancy軽量フレームワークNancy
軽量フレームワークNancy
 
グラフ解析で社長の脳内さらす!
グラフ解析で社長の脳内さらす!グラフ解析で社長の脳内さらす!
グラフ解析で社長の脳内さらす!
 
2015年に向けたWordPress動向
2015年に向けたWordPress動向2015年に向けたWordPress動向
2015年に向けたWordPress動向
 

Viewers also liked

《kintoneプラグイン》「Movable Type連携」のご紹介
《kintoneプラグイン》「Movable Type連携」のご紹介《kintoneプラグイン》「Movable Type連携」のご紹介
《kintoneプラグイン》「Movable Type連携」のご紹介
Sakae Saito
 

Viewers also liked (20)

20160402 jaws oita_opening
20160402 jaws oita_opening20160402 jaws oita_opening
20160402 jaws oita_opening
 
Asp.netとbluemixで遊んでみたお話
Asp.netとbluemixで遊んでみたお話Asp.netとbluemixで遊んでみたお話
Asp.netとbluemixで遊んでみたお話
 
機械学習プロ生20151121
機械学習プロ生20151121機械学習プロ生20151121
機械学習プロ生20151121
 
開発を効率化してみよう.NET
開発を効率化してみよう.NET開発を効率化してみよう.NET
開発を効率化してみよう.NET
 
20160402_Awsで簡単実装cmsサイト
20160402_Awsで簡単実装cmsサイト20160402_Awsで簡単実装cmsサイト
20160402_Awsで簡単実装cmsサイト
 
AWS free tier maximization
AWS free tier maximizationAWS free tier maximization
AWS free tier maximization
 
20160402 JAWS-UG大分 AWS初心者向け勉強会@おおいた2016春
20160402 JAWS-UG大分 AWS初心者向け勉強会@おおいた2016春20160402 JAWS-UG大分 AWS初心者向け勉強会@おおいた2016春
20160402 JAWS-UG大分 AWS初心者向け勉強会@おおいた2016春
 
kintone café 大阪 Vol.3
kintone café 大阪 Vol.3 kintone café 大阪 Vol.3
kintone café 大阪 Vol.3
 
《kintoneプラグイン》「Movable Type連携」のご紹介
《kintoneプラグイン》「Movable Type連携」のご紹介《kintoneプラグイン》「Movable Type連携」のご紹介
《kintoneプラグイン》「Movable Type連携」のご紹介
 
20150715 kintone Café 大阪 Vol.3 カスタマイズハンズオン
20150715 kintone Café 大阪 Vol.3 カスタマイズハンズオン20150715 kintone Café 大阪 Vol.3 カスタマイズハンズオン
20150715 kintone Café 大阪 Vol.3 カスタマイズハンズオン
 
【kintone café松江#1】kintoneの可能性
【kintone café松江#1】kintoneの可能性【kintone café松江#1】kintoneの可能性
【kintone café松江#1】kintoneの可能性
 
第35回 WordBench 大阪 kintoneハンズオン
第35回 WordBench 大阪 kintoneハンズオン第35回 WordBench 大阪 kintoneハンズオン
第35回 WordBench 大阪 kintoneハンズオン
 
kintone Café 福岡 vol.6 / kintone.Promise を使ったREST API更新処理
kintone Café 福岡 vol.6 / kintone.Promise を使ったREST API更新処理kintone Café 福岡 vol.6 / kintone.Promise を使ったREST API更新処理
kintone Café 福岡 vol.6 / kintone.Promise を使ったREST API更新処理
 
20150624 kintone Café 福岡
20150624 kintone Café  福岡20150624 kintone Café  福岡
20150624 kintone Café 福岡
 
kintone Café 新潟 Vol.2 -kintone magic-
kintone Café 新潟 Vol.2 -kintone magic-kintone Café 新潟 Vol.2 -kintone magic-
kintone Café 新潟 Vol.2 -kintone magic-
 
「納品のないkintone受託開発」で お客様が価値を感じたポイントは?
「納品のないkintone受託開発」でお客様が価値を感じたポイントは?「納品のないkintone受託開発」でお客様が価値を感じたポイントは?
「納品のないkintone受託開発」で お客様が価値を感じたポイントは?
 
kintone Café 福岡 Vol.1(kintoneまとめ・ハンズオン)
kintone Café 福岡 Vol.1(kintoneまとめ・ハンズオン)kintone Café 福岡 Vol.1(kintoneまとめ・ハンズオン)
kintone Café 福岡 Vol.1(kintoneまとめ・ハンズオン)
 
APIで広がるkintoneの世界
APIで広がるkintoneの世界APIで広がるkintoneの世界
APIで広がるkintoneの世界
 
kintone基本操作ガイド
kintone基本操作ガイドkintone基本操作ガイド
kintone基本操作ガイド
 
kintone devCamp Vol.5 LT資料
kintone devCamp Vol.5 LT資料kintone devCamp Vol.5 LT資料
kintone devCamp Vol.5 LT資料
 

Similar to Webデザイナー視点で使ってみた Microsoft Azureの話

Similar to Webデザイナー視点で使ってみた Microsoft Azureの話 (20)

アクセシビリティを考えたalt属性を自動生成してみよう!
アクセシビリティを考えたalt属性を自動生成してみよう!アクセシビリティを考えたalt属性を自動生成してみよう!
アクセシビリティを考えたalt属性を自動生成してみよう!
 
裏クラウドデザインパターン
裏クラウドデザインパターン裏クラウドデザインパターン
裏クラウドデザインパターン
 
現場からみた Azure リファレンスアーキテクチャ答え合わせ
現場からみた Azure リファレンスアーキテクチャ答え合わせ現場からみた Azure リファレンスアーキテクチャ答え合わせ
現場からみた Azure リファレンスアーキテクチャ答え合わせ
 
もっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Appsもっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Apps
 
JAZUG沖縄第二回 Azure App Service Web Apps
JAZUG沖縄第二回 Azure App Service Web AppsJAZUG沖縄第二回 Azure App Service Web Apps
JAZUG沖縄第二回 Azure App Service Web Apps
 
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
 
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
 
「Atomic Design × Nuxt.js」コンポーネント毎に責務の範囲を明確にしたら幸せになった話
「Atomic Design × Nuxt.js」コンポーネント毎に責務の範囲を明確にしたら幸せになった話「Atomic Design × Nuxt.js」コンポーネント毎に責務の範囲を明確にしたら幸せになった話
「Atomic Design × Nuxt.js」コンポーネント毎に責務の範囲を明確にしたら幸せになった話
 
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
 
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
 
Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門
Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門
Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門
 
アプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdfアプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdf
 
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
 
DOO-012_FinTech だけじゃモッタイない! ブロックチェーンとクラウドが作る未来
DOO-012_FinTech だけじゃモッタイない! ブロックチェーンとクラウドが作る未来DOO-012_FinTech だけじゃモッタイない! ブロックチェーンとクラウドが作る未来
DOO-012_FinTech だけじゃモッタイない! ブロックチェーンとクラウドが作る未来
 
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
 
世界を変えるクラウドサインの取り組み
世界を変えるクラウドサインの取り組み世界を変えるクラウドサインの取り組み
世界を変えるクラウドサインの取り組み
 
20200822 azuread gav
20200822 azuread gav20200822 azuread gav
20200822 azuread gav
 
Web開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor AppWeb開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor App
 
Microsoft MVP/Regional Director x Microsoft Japan Digital Days #MSDD2021
Microsoft MVP/Regional Director x Microsoft Japan Digital Days #MSDD2021Microsoft MVP/Regional Director x Microsoft Japan Digital Days #MSDD2021
Microsoft MVP/Regional Director x Microsoft Japan Digital Days #MSDD2021
 
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
 

More from 典子 松本

More from 典子 松本 (17)

ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」
 
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話
 
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
 
「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話
 
テキスト書き起こし&読み上げLINEボットを作ってみた
テキスト書き起こし&読み上げLINEボットを作ってみたテキスト書き起こし&読み上げLINEボットを作ってみた
テキスト書き起こし&読み上げLINEボットを作ってみた
 
タイムカード打刻チャットボット「ごえもん」誕生話 
タイムカード打刻チャットボット「ごえもん」誕生話 タイムカード打刻チャットボット「ごえもん」誕生話 
タイムカード打刻チャットボット「ごえもん」誕生話 
 
Microsoft Flow 改め、Power Automateはじめました。
Microsoft Flow 改め、Power Automateはじめました。Microsoft Flow 改め、Power Automateはじめました。
Microsoft Flow 改め、Power Automateはじめました。
 
Designer's Design Talk「デザインの基礎」
Designer's Design Talk「デザインの基礎」Designer's Design Talk「デザインの基礎」
Designer's Design Talk「デザインの基礎」
 
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
 
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
 
古代エジプトの魅力について
古代エジプトの魅力について古代エジプトの魅力について
古代エジプトの魅力について
 
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
 
ノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintoneノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintone
 
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
 
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
 
ノンコーディングでやってみよう!Logic Appsのすゝめ
ノンコーディングでやってみよう!Logic Appsのすゝめノンコーディングでやってみよう!Logic Appsのすゝめ
ノンコーディングでやってみよう!Logic Appsのすゝめ
 
ノンコーディングでLINE BOTを作ってみた話
ノンコーディングでLINE BOTを作ってみた話ノンコーディングでLINE BOTを作ってみた話
ノンコーディングでLINE BOTを作ってみた話
 

Recently uploaded

研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
atsushi061452
 

Recently uploaded (16)

20240523_IoTLT_vol111_kitazaki_v1___.pdf
20240523_IoTLT_vol111_kitazaki_v1___.pdf20240523_IoTLT_vol111_kitazaki_v1___.pdf
20240523_IoTLT_vol111_kitazaki_v1___.pdf
 
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
 
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
 
論文紹介:ViTPose: Simple Vision Transformer Baselines for Human Pose Estimation
論文紹介:ViTPose: Simple Vision Transformer Baselines for Human Pose Estimation論文紹介:ViTPose: Simple Vision Transformer Baselines for Human Pose Estimation
論文紹介:ViTPose: Simple Vision Transformer Baselines for Human Pose Estimation
 
情報を表現するときのポイント
情報を表現するときのポイント情報を表現するときのポイント
情報を表現するときのポイント
 
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdfネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
 
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
 
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
 
クラウド時代におけるSREとUPWARDの取組ーUPWARD株式会社 CTO門畑
クラウド時代におけるSREとUPWARDの取組ーUPWARD株式会社 CTO門畑クラウド時代におけるSREとUPWARDの取組ーUPWARD株式会社 CTO門畑
クラウド時代におけるSREとUPWARDの取組ーUPWARD株式会社 CTO門畑
 
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
 
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
 
Intranet Development v1.0 (TSG LIVE! 12 LT )
Intranet Development v1.0 (TSG LIVE! 12 LT )Intranet Development v1.0 (TSG LIVE! 12 LT )
Intranet Development v1.0 (TSG LIVE! 12 LT )
 
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
 
Keywordmap overview material/CINC.co.ltd
Keywordmap overview material/CINC.co.ltdKeywordmap overview material/CINC.co.ltd
Keywordmap overview material/CINC.co.ltd
 
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイルLoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
 
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
 

Webデザイナー視点で使ってみた Microsoft Azureの話

Editor's Notes

  1. インフラ知識がなくても使えてる部分が、このWebApps。
  2. WebAppsはAzure App Serviceの一部。
  3. Azureは無料版もありますが、プレビュー用とかに使うのがオススメ (WEBホスティングプラン 無料/SHARED/BASIC/STANDARD/PREMIUM)
  4. この設定はプレビューポータルでしかできないのですが、トラフィックルーティングという機能があって、ここで比率を設定。 今回は50%としておきます。
  5. 「トラフィックルーティング」を使った場合を図解するとこんな感じ。 解析データはGoogleアナリティクスで取るようにすれば、手軽にABテストを実施できます。