Submit Search
Upload
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
•
3 likes
•
1,295 views
典子 松本
Follow
JAZUG 札幌支部第10回勉強会 ~祝!! きたあず2周年記念勉強会~でお話した内容です。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 41
Download Now
Download to read offline
Recommended
Web制作的に便利な機能満載!Microsoft Azureを使ってみよう
Web制作的に便利な機能満載!Microsoft Azureを使ってみよう
典子 松本
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
典子 松本
案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話
典子 松本
Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~
Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~
典子 松本
A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。
典子 松本
Webデザイナー視点で使ってみたMicrosoft Azureの話
Webデザイナー視点で使ってみたMicrosoft Azureの話
典子 松本
Web制作に便利な機能いろいろ!Microsoft Azureの概要
Web制作に便利な機能いろいろ!Microsoft Azureの概要
典子 松本
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
典子 松本
More Related Content
What's hot
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
典子 松本
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
典子 松本
ノンコーディングでLINE BOTを作ってみた話
ノンコーディングでLINE BOTを作ってみた話
典子 松本
インフラ知識ゼロのWebデザイナーがAzureWebSitesを使ってみた話
インフラ知識ゼロのWebデザイナーがAzureWebSitesを使ってみた話
典子 松本
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
典子 松本
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
Atsushi Kojima
Azure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイント
Makoto Nishimura
Azure Web Apps 入門
Azure Web Apps 入門
Miho Kurosawa
Go (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的な
Keiji Kamebuchi
GCPでCI環境を構築する
GCPでCI環境を構築する
Toshihumi Anan
Bootstrap
Bootstrap
kenji goto
20150121 jaws ug関西女子会
20150121 jaws ug関西女子会
Shinya Yamada
UE4エンジンソースをMacでビルドしてみた
UE4エンジンソースをMacでビルドしてみた
Yuuki Ogino
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
Masayuki Abe
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
HTML5時代のWebデザイン
HTML5時代のWebデザイン
masaaki komori
TypeScript x Bot Framework
TypeScript x Bot Framework
Kazumi IWANAGA
スマホ版ログレスでグローバル展開を想定したサーバ構築をAnsibleで試してみた話
スマホ版ログレスでグローバル展開を想定したサーバ構築をAnsibleで試してみた話
Akihiro Sugeno
Ms build 触ってみよう
Ms build 触ってみよう
Oda Shinsuke
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
What's hot
(20)
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
ノンコーディングでLINE BOTを作ってみた話
ノンコーディングでLINE BOTを作ってみた話
インフラ知識ゼロのWebデザイナーがAzureWebSitesを使ってみた話
インフラ知識ゼロのWebデザイナーがAzureWebSitesを使ってみた話
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
Azure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイント
Azure Web Apps 入門
Azure Web Apps 入門
Go (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的な
GCPでCI環境を構築する
GCPでCI環境を構築する
Bootstrap
Bootstrap
20150121 jaws ug関西女子会
20150121 jaws ug関西女子会
UE4エンジンソースをMacでビルドしてみた
UE4エンジンソースをMacでビルドしてみた
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
HTML5時代のWebデザイン
HTML5時代のWebデザイン
TypeScript x Bot Framework
TypeScript x Bot Framework
スマホ版ログレスでグローバル展開を想定したサーバ構築をAnsibleで試してみた話
スマホ版ログレスでグローバル展開を想定したサーバ構築をAnsibleで試してみた話
Ms build 触ってみよう
Ms build 触ってみよう
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
Similar to インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure活用方法
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure活用方法
典子 松本
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
sogawaminoru
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
愛 増子
141219 まにフェス
141219 まにフェス
rie05
20140118 it summit 2nd
20140118 it summit 2nd
Seiji Noro
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選
Yuki Okada
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
アクセシビリティを考えたalt属性を自動生成してみよう!
アクセシビリティを考えたalt属性を自動生成してみよう!
典子 松本
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
愛 増子
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
「Azureの動くしくみ」の片鱗を見て
「Azureの動くしくみ」の片鱗を見て
Hideaki Aoyagi
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
典子 松本
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
schoowebcampus
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
Hideki Akiba
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
典子 松本
JAZUG沖縄第二回 Azure App Service Web Apps
JAZUG沖縄第二回 Azure App Service Web Apps
Kazumi Hirose
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
kenji goto
もっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Apps
典子 松本
SB TechNight #5 ~AVD構築のアレコレ~
SB TechNight #5 ~AVD構築のアレコレ~
DaisukeIwai3
Similar to インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
(20)
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure活用方法
一度使うとレンタルサーバーに戻れない!?便利機能を使ってみよう!Web制作でのMicrosoft Azure活用方法
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
141219 まにフェス
141219 まにフェス
20140118 it summit 2nd
20140118 it summit 2nd
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
アクセシビリティを考えたalt属性を自動生成してみよう!
アクセシビリティを考えたalt属性を自動生成してみよう!
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
「Azureの動くしくみ」の片鱗を見て
「Azureの動くしくみ」の片鱗を見て
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
JAZUG沖縄第二回 Azure App Service Web Apps
JAZUG沖縄第二回 Azure App Service Web Apps
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
もっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Apps
SB TechNight #5 ~AVD構築のアレコレ~
SB TechNight #5 ~AVD構築のアレコレ~
More from 典子 松本
ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」
典子 松本
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
典子 松本
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話
典子 松本
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
典子 松本
「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話
典子 松本
テキスト書き起こし&読み上げLINEボットを作ってみた
テキスト書き起こし&読み上げLINEボットを作ってみた
典子 松本
タイムカード打刻チャットボット「ごえもん」誕生話
タイムカード打刻チャットボット「ごえもん」誕生話
典子 松本
Microsoft Flow 改め、Power Automateはじめました。
Microsoft Flow 改め、Power Automateはじめました。
典子 松本
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 × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
典子 松本
古代エジプトの魅力について
古代エジプトの魅力について
典子 松本
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
典子 松本
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
典子 松本
ノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintone
典子 松本
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
典子 松本
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
典子 松本
ノンコーディングでやってみよう!Logic Appsのすゝめ
ノンコーディングでやってみよう!Logic Appsのすゝめ
典子 松本
More from 典子 松本
(18)
ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話
テキスト書き起こし&読み上げLINEボットを作ってみた
テキスト書き起こし&読み上げLINEボットを作ってみた
タイムカード打刻チャットボット「ごえもん」誕生話
タイムカード打刻チャットボット「ごえもん」誕生話
Microsoft Flow 改め、Power Automateはじめました。
Microsoft Flow 改め、Power Automateはじめました。
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 × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
古代エジプトの魅力について
古代エジプトの魅力について
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintone
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでやってみよう!Logic Appsのすゝめ
ノンコーディングでやってみよう!Logic Appsのすゝめ
Recently uploaded
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
Tetsuya Nihonmatsu
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
ssuser539845
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
ssuser370dd7
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
Industrial Technology Research Institute (ITRI)(工業技術研究院, 工研院)
2024 04 minnanoito
2024 04 minnanoito
arts yokohama
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
Shumpei Kishi
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
arts yokohama
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
arts yokohama
2024 03 CTEA
2024 03 CTEA
arts yokohama
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
Ayachika Kitazaki
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
Matsushita Laboratory
Recently uploaded
(11)
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
2024 04 minnanoito
2024 04 minnanoito
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
2024 03 CTEA
2024 03 CTEA
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
1.
インフラ知識ゼロの「デザイナー」でもOK! Microsoft Azureの便利機能を Web制作的に活かしてみた話 松本 典子 Noriko
Matsumoto フリーランス Webデザイナー / ディレクター 2016/03/05 JAZUG札幌支部 第10回勉強会 ~祝!! きたあず2周年記念勉強会~
2.
2 福岡県北九州市在住 Webデザイナー歴 14年 フリーランス Webデザイナー /
ディレクター インフラ知識ゼロ… Microsoft MVP for Microsoft Azure 松本 典子(まつもと のりこ) Webに関する業務全般やってますが、 メイン業務は「デザイン」です。 自己紹介
3.
こういうロゴデザインや… 3
4.
Webデザインを制作してます 4
5.
Webデザインを制作してます 5 コーディングも苦手なので できれば、 「コードは一切触りたくない」 普段はビジュアル制作メインの デザイナーやってます。 (そして見たくない・・・)
6.
本日お話しすること 6 Webデザイナーなのに なぜAzureを使ってるの? Web制作的に使って欲しい オススメ機能 Azure WebAppsの便利機能を活かす サイト構成例 – WordPressサイトを構築してみよう <番外編>Azure
WebAppsで いろいろチャレンジしてみた件
7.
Webデザイナーなのに、 なぜAzureを使ってるの? クラウドって難しいイメージあるけど…? 7
8.
実際に使う前のAzureのイメージ 8 インフラエンジニアやプログラマが 知識と技術を駆使して使うイメージ – そもそも用語に馴染みがなかった •
デプロイ? • リージョン? 専門知識が無いと使えない? – 使えるように設定するの無理そう・・・ とりあえずWeb制作には関係なさそう
9.
使ってみたら実はそんなに難しくない! やりたいことは、ほぼポータル画面から 設定・変更できる レンタルサーバーと同じようにも使える –
レンサバよりラクで便利な場合が多い 専用のツールが必要なものも WebAppsの機能を工夫すれば代替可能 – 例:A / Bテストなど しくじったらとりあえず消せばいい 9 Azure WebAppsは デザイナーやWeb制作者に優しい!
10.
ポータル画面でやりたいことはできる 10 管理ポータル画面で、よく使う必要な 機能は操作できる – コマンド知らなくて大丈夫 –
スケールアウトやフェイルオーバーなどの 独自設計が基本不要 Azure新旧ポータル対応表 https://azure.microsoft.com/ja-jp/features/azure-portal/compatibility/
11.
11 1 CloudServices(主にプログラマ向け) ミッションクリティカル、常に動き続けていないと いけないサービス、きわめて高負荷なサービスなど 2 VirtualMachine(主にインフラ向け) 以前からの移植やVPSを触ってきた人、 Linuxユーザー向け(仮想マシン) 3
WebApps(Webデザイナー向け) 軽量なWebシステムやWebデザイナー、 フロントプログラマ向け Microsoft Azureについてざっくり説明
12.
12 Azure WebAppsのメリット クラウド上に作られたレンタルサーバーの ようなもの 数分で作れるWeb制作・配信・構築環境 構築環境をそれぞれに変えられる – PHPのバージョンやSSL、CMSなど デプロイ(アップロード)方法が選べる –
FTP、Git、Dropbox、OneDrive… インフラなどの知識の無い人でも クラウドサービスの利点を活かせる!
13.
WEB制作的に使って欲しい オススメ機能 Web制作的視点で「コレは使える!」と思う便利機能のご紹介 13
14.
14 Web構築環境が一瞬でできるWebアプリ ポータル画面で「Web+モバイル」を選び、 「アプリの名前」を入力するだけ
15.
容量無制限のAzure BLOBストレージ 画像や動画など容量が大きなファイルを 置くのに適している
Webサーバー代わりにも使える カスタムドメインの設定も可能 WordPressの場合はプラグインがある – Windows Azure Storage for WordPress 15 Azure BLOBストレージは容量無制限 課金制(1GB 2.45円くらい)
16.
Azure BLOBストレージとWebAppsの違い 16
17.
動画配信もすぐに対応できる 17 ライブストリーム配信やオンデマンドで配 信ができる インデックス作成ができる 自動的にキャプションを追加 DRM(著作権保護機能)の追加も可能 SSL接続経由でコンテンツのストリーミン グも可能 Azure Media Services 動画配信サーバを用意したり、動画のエンコードを 自力でやったりという手順は一切なく、 Azure管理ポータルから簡単に準備して配信できる。
18.
Webサイトの自動バックアップ・復元 18
19.
テスト環境と本番環境を一瞬で入れ替え 19 ステージング環境のURLは「サイト名-staging.azurewebsites.net」 ワンクリックでテストと本番を入れ替え 「ステージング」でテスト環境と本番環境 をワンクリックで入れ替えできる!!
20.
デプロイ(アップロード)方法が選べる 20 FTP、Git、Dropbox、OneDrive…
21.
デプロイ(アップロード)方法が選べる 21 Microsoft Azure WebAppsとBitbucketを使ってGitデプロイ環境を構築してみた話。 http://zuvuyalink.net/nrjlog/archives/2486
22.
22 急激なアクセス過多も安心! スケールアウト スケールアウトとは?
23.
急激なアクセス過多も安心! スケールアウト 23 手動でスケールアウトする
24.
Azure WebAppsの便利機能を 活かすサイト構成例 WordPressサイトを構築してみよう! 24
25.
一般的なWordPressサイトの構成 25 データベースにMySQLを採用
26.
WordPressの構成を工夫 26 WordPressと画像を別々に配信するように構成
27.
使用するプラグイン 27 Windows Azure
Storage for WordPress – メディアコンテンツ(画像 / 動画)を AzureBLOBストレージに配置する SQLite Integration – MySQLの代替用 WP-Mail-SMTP or SendGrid – Azureでメール送信できるようにする
28.
ステージングで、テスト環境と本番環境が ワンクリックで入れ替えられる WordPressの「wp-config.php」に追記 28
29.
ステージングで、テスト環境と本番環境が ワンクリックで入れ替えられる 29
30.
WordPressサイトの 自動バックアップ・復元が可能 データベースのバックアップ対策を わざわざしなくて大丈夫 – データベースバックアップ用のプラグイン不要
データベースの復旧が必要な場合は FTP等でファイルをあげるだけ 30
31.
改ざん検知も入れられる 2つのPowershellスクリプト Webジョブ+scheduler+外部SMTP –
CreateHashDbは「DBを作るとき実行する」 – IntegrityCheckは「定期的に実行する」 31
32.
Azure WebAppsを使うといいところ 32 データベースはSQLiteがオススメ
WordPressサイトでもワンクリックで テスト環境と本番環境を入れ替え可能 自動バックアップができる、復旧もラク 改ざん検知(簡易的)も入れられる WordPressサイトの構築が ものすごくラクになる♪
33.
<番外編>Azure WebAppsで いろいろチャレンジしてみた件 ・・・ネタ枠です。 33
34.
A / Bテストができる仕組みを作る 34 ステージング機能とトラフィックルーティ ング、GoogleAnalystを利用。
35.
A / Bテストができる仕組みを作る 35
36.
iPhoneでWebページを修正する 36 Dropbox or
OneDriveを使ってデプロイ – 事前に上記方法でデプロイできるように設定 – iPhoneには無料のFTPクライアントがない問題 をこれで回避する HTMLやCSSの修正ができるエディタとし て「iEditor」を使用 ✕ 複数のデプロイ方法を利用。
37.
37 iPhone側の 作業 Azure側の 作業
38.
iPhoneでWordPressをインストール 38 ✕ Dropboxを使ってデプロイ – Dropboxでデプロイできるように設定 – WordPressファイルはzip化しておく –
iPhoneには無料のFTPクライアントがない問題 をこれで回避する Kuduでzipファイルを解凍 クラシックポータルで頑張るとできる!
39.
iPhoneでWordPressをインストール 39 がんばります… _(´ཀ`」 ∠)_
40.
Azure WebAppsのオススメポイント インフラ知識が無くてもクラウド サービスの利点を活かせる
実はWeb制作向きの便利機能が多い 大体ポータル画面でやりたいことは 操作できる 各種機能を工夫すれば色々できる 40 Azure WebAppsはとても便利なので ぜひ使ってみてください!!
41.
ご静聴ありがとうございました! 今回の内容はブログに記事書いてます。 ご興味のある方はぜひ! 41 http://zuvuyalink.net/nrjlog/Blog
Download Now