ネスケラボ

Speech Studioについて株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。今回はAzureAI Speech Studioの記事となります。このSpeech Studio、「アプリケーションで Azure AI 音声サービスの機能を構築および統合するための UI ベースのツールのセット」ということで音声周りのサービスの設定、テスト、確認がWeb上で簡単に行えます。実際にアプリケーションにこれらのサービスを組み込むにはコードの記述が必要になりますが、そのとっかかりとなるであろうサンプルコードもSpeech Studioが提供してくれます。では早速Speech Studioにアクセスしてみましょう。speech.microsoft.com以下がTOPページになります。上の画面はTOPページの一部ですが、下までスクロールするとSpeech Studioの機能が一通り表示されています。大項目に該当するであろう機能は以下になります。シナリオ別の音声機能音声テキスト変換テキスト読み上げ音声アシスタントSpeech Studioの各機能にフルアクセスするには自身のAzureサブスクリプション上にSpeech ServicesやCognitive Servicesをデプロイする必要がある場合があるのですが、今回試す内容については必要ありません。リアルタイム音声テキスト変換を試す今回は上の４つの機能のうち、「音声テキスト変換」の「リアルタイム音声テキスト変換」を試してみたいと思います。TOPページをスクロールし、以下の画面の赤枠部分、「リアルタイム音声テキスト変換」をクリックします。すると以下の画面に遷移します。まずは変換したい音声の言語を選択する必要があるため、「言語を選択する」プルダウンで日本語を選びます。更にその下の「オーディオファイルを選択する」であらかじめ録音したオーディオファイル、mp3ファイルをアップロードします。ちなみにWindowsのボイスレコーダー機能で録音及びファイル出力は可能なのですが、ファイル形式がm4aなので更にmp3への変換が必要になりますのでご注意ください。iTunesでも変換可能です。また、上の画像にあるように「マイクで音声を録音する」こともできるのですが、同じソースで何度も変換結果を試したい場合はファイルに出力しておいた方が良いです。ここでは割愛しますが、「マイクで音声を録音する」と、まさに機能名通りリアルタイムで文字起こししてくれますし、画面にも記載されている通り1分以内であれば無料なので、試してみてもらえればと思います。今回試した文言は当社の企業理念である以下の赤枠部分を私が夜中に一人でつぶやき、録音したものになります。企業情報 | 株式会社ネクストスケープ結果確認とチューニングそしてその録音したファイルをアップすると即変換が行われまして、結果は以下のようになります。いかがでしょうか？少々文字が小さいかもしれませんのでその場合は少々拡大してご覧ください。この結果をどうとらえるかは人によるかもしれませんが、低く見積もっても大体７～８割は文字起こしできているような気がします。ただ、私の活舌の悪さもありまして、「事業」が「授業」、「IT技術を駆使して」が「IT技術を作成して」となってしまっているのはちょっと残念な感じです。そこで再度録音することなく、なんとか出力結果を改善できないか調べてみたところ、以下のような「語句リスト」という設定に気づきました。ヘルプによると語句のリストを指定することで音声認識の精度を向上させることができるようです。ということで、今回正しく変換できなかった「事業」と「駆使して」を登録してみます。語句リストを登録後、再度文字起こしを試した結果が以下になります。見事に「事業」「駆使して」が正しく変換されていました。間違えた場所を指定したわけでもないので本当だろうかと思い、再度語句リストを無効にして試してみるとやはり間違った出力結果になっていましたので、どうやら語句リストの内容が有効となり、出力結果に反映されているようです。なかなか良い結果が得られました。恐らく皆さんが携わっている事業・業務の専門用語であったりはこういった変換間違いが起きやすいと思いますので、あらかじめこのように語句リストに登録しておくと正しく変換される可能性が高まると思います。最後に皆さんもご経験があるかもしれませんが、少し前まではこういった文字起こしについては英語はかなり精度が高いものの、日本語はまだまだこれからという印象がありました（サービスにもよりますが）。例えばYoutubeの字幕機能を思い出してもらうと「ああ。。」と皆さんも思い当たることがあると思います。しかしながらここ最近、当社ではMicrosoft Teamsでオンライン会議を行い、その内容を録画・文字起こししており、更にそれらを元にサマリーを作成するようにしているのですが、やはりこれもかなり精度が上がってきております。上で挙げたように専門用語や特定の会社の社名（特に会社の略称）等については「ん？」と思わせる出力結果にはなるものの、それを除いては実際に録音された内容を見聞きせずとも会議の内容がかなり把握できるレベルになっています。今回はまだ本当に「試してみた」レベルですが、最初にTOP画面でお見せした通り、非常に興味深く、役立つ機能が色々とSpeech Studioでは揃えられています。機会があれば他の機能についてもこのブログでご紹介できればと思います。また、今回紹介したテキスト変換、文字起こし機能については過去に当社XRチームの道下がXR、Quest3と組み合わせる形で実際にアプリに組み込み使用していますので以下の記事も併せてご覧ください。blog.nextscape.net当社はWebサイト、スマホアプリ、Hololensアプリの開発だけでなく、こういったAIを利用したサービス開発等にも既に色々と取り組んでおります。興味のある方は是非お気軽にお問い合わせください。Microsoft Formsnextscape.net

Speech Studioの「リアルタイム音声テキスト変換」を試してみる

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。9月16日にMicrosoft社がCopilotに関する発表を行いました。以下がそれに関するページとなります。news.microsoft.comSatya氏自ら上記ページ内の動画にて内容を説明しています。Microsoft 365に組み込まれている Copilotで多くの新機能と改善が行われたというものでして、その内容が上記ページにて紹介されています。当社で使っているOffice365でもCopilotは既に組み込まれており、文言のチェックやうまい言い回しを教えてもらったりと色々と活用していましたが、上記ページをチェックし、改めて興味深く感じた次第です。まだネスケラボではあまりMicrosoft365は取り扱っていないかと思いますので既存のCopilotの紹介も交えつつ、上記のページで紹介されている各機能のうち、今回はPower Pointに関する機能を試してみたいと思います。Microsoft 365 Copilot in PowerPoint | Narrative builder今回試してみるのは「Narrative builder」という機能になります。ちょっと日本語では翻訳しにくく、名称だけではなんのことやらという感じですが、Copilotに書きたい内容を伝えるだけで情報収集、まとめ、更にレイアウト等も考慮し、画像の用意等も含め、丸々プレゼンテーション資料の作成を行ってくれるというものになります。テキストレベルの情報収集やそのまとめ「まで」であれば今までのChatGPT等でも恐らく皆様も使われているようにある程度見慣れてきた内容になりますが、Microsoft 365においては更にその一歩先を行く内容となっておりますので、実際にやってみた結果をお見せしたいと思います。まずはPowerPointで新規にドキュメントを開くと以下のようになりまして、スライドの表示部分の左上にCopilotのアイコンがあると思いますのでそれをクリックします。するとメニューが表示され、「以下についてのプレゼンテーションを作成する」という項目がありますのでそれをクリックします。（「以下について」。。というのが日本語的によくわからないかもしれませんが、直訳なので無視していただければと）そうすると以下のようなダイアログが表示されます。上部に「以下についてのプレゼンテーションを作成します」と書かれた入力欄がありますので、そこに作成したプレゼンテーションの内容を書きます。2000文字までなので、それほど詳しくなくて構いません。今回は簡単に「AzureとAWSのハイブリッド構成におけるメリット・デメリットについて説明したい」と打ち込み、入力欄右下の矢印ボタンが活性化されるはずなのでクリックします。すると以下のように文章の構成、流れを踏まえた要約が表示されます。私の簡単な文章に対し、この段階で既にかなり色々と網羅した情報を書いてくれそうな雰囲気があります。もし、Copilotが挙げた内容に対して更に追記する必要があれば挿入したい箇所をクリックすることで以下のようにトピックを追加することもできますし、トピック単位でドラッグ＆ドロップすることで順番の入れ替えも可能です。今までのCopilot Chatでもパワーポイント資料の作成というのはできたのですが、こういった構成レベルの内容をまずはCopilotが作り出し、その段階でもユーザーとやり取りを行えるというのが今回追加された機能のようです。では、一旦内容はそのままにダイアログの一番右下「スライドの生成」をクリックします。スクリーンショットを取り損ねてしまいましたが、「スライドを生成しています」的な内容が表示され、10～20秒ほど経過しますと以下のような画面になり、スライドが生成されました。1枚1枚見ていくとこのようになります。最初に挙げてくれたトピックに対して色々と文章が加わり、更には良い感じの画像まで作成してくれています。では、更に個々のページに対してCopilotを使ってみましょう。（ここからは既存のCopilot Chatでも行えた機能かと思います）以下のページで再度Copilotアイコンをクリックし、今度は「Copilotに質問する」を選択します。このページは画像が無いので、良さそうな画像を追加してもらいましょう。まずはちょっと雑な質問の仕方で。。一度でうまく行けば良かったのですが、やはり質問の仕方が雑すぎたため、上の質問で追加された画像はいまいちでした。。そこで更にもう少し具体的にお願いして良さげな画像を挿入してもらいました。最後にと、このようにCopilotとやり取りして30分も経たずに立派なプレゼンテーション資料が作成できました。既に色々と生成AIのサービスを試されている、あるいは活用されている方には蛇足ではありますが、他の生成AIによるアウトプットと同様、当然ながらその内容に関しては改めて自分たちで確認・修正を行う必要があることも付け加えておきます。以上が今回紹介されていた内容となりますが、かなりの完成度であり、非常に便利な機能となっています。プロンプトを工夫すればもっと使いやすく、かつ、質の高い資料を作成することができそうです。今回は紹介できませんでしたが、「Microsoft 365 Copilot in Excel with Python」もなかなか面白そうです。こちらも機会があれば触ってみたいと思います。弊社は生成AIを使用したシステム開発や、Webサイト、スマホアプリ、Hololensアプリの開発等、様々な知識・技術を用い、お客さまに寄り添ったシステム開発を心掛けております。是非お気軽にお問い合わせください。nextscape.net

Microsoft 365 Copilot in PowerPoint、Narrative builder機能を触ってみる

Webアクセシビリティとは？株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。Webサイト開発に携わったことがある方であれば「Webアクセシビリティ」という言葉、もしくはそれに関連する言葉を見聞きしたことがあるかと思います。より具体的に言いますと、海外であれば「WCAG」（Web Content Accessibility Guidelines）、日本であれば「JIS X 8341-3:2016」といったWebアクセシビリティに関する基準が存在しています。特に官公庁等の公的機関のホームページ・サイトに携わった方であればご存じではないでしょうか。ここ近年、このWebアクセシビリティが重要視されてきていまして、例えばこれに関する事柄として今年の2024年4月1日から障害者差別解消法が変更され、「合理的配慮の提供」が義務化されました。ちょっと横道にそれるかもしれませんが、これは例えば障害のある方がお店に来店した場合、お店の方から「障害のある方はお断りします」ということで入店を拒否すること、これは「不要な差別的取り扱い」ということで禁止され、入店はもちろん売り場への案内を行うといった「合理的配慮の提供」が求められるというものです。こういった例は実際の社会活動だけでなく、Webサイトについても求められるものになるわけでして、「義務化」という表現にドキッとしてしまう方もいるかもしれません（Webサイト開発に携わっている筆者もですが。。）。ただ、Webのアクセシビリティについては合理的配慮の「事前改善措置」である「環境の整備」という分類に該当しまして、これは「努力」義務となっています。「なーんだ、じゃあ大丈夫か」と一瞬思ってしまうのですが、海外では「努力義務」では済まされない状況になっておりまして、具体的な名前は以下のリンクを見てもらえればと思いますが、日本の有名なアパレル企業が訴訟を起こされた事例も存在します。www.classaction.orgそしてこういった訴訟はコロナ禍を機に、つまりWebサイトを使う機会が増えていくにつれて徐々に増えてきております。つまり、グローバル向けサイトの開発・保守を行っている方にとってはあまり無視できない話題になってきたわけです。WCAGの概要では、Webアクセシビリティとは何なのか、WCAGの中から簡単な例を幾つか挙げてみたいと思います。このWCAG、現在の最新バージョンは2.2になります。日本語ページも存在していますのでリンクを挙げておきます。waic.jpWCAG2.0では後述する4つの原則とウェブアクセシビリティを向上させるための12のガイドラインで構成されています。WCAG2.1ではスマートフォンなどのモバイル端末への対応や、弱視・認知・学習障害への対応等が盛り込まれました。そして、WCAG2.2において認証方法やヘルプリンク等、現在の情報システムで使われているナビゲーションに対応した達成基準が追加されました。更にWCAGには４つの原則があります。それは知覚可能操作可能理解可能堅牢性の４つです。今回は一番わかりやすいものとして知覚可能を説明します。この知覚可能というのは「情報及びユーザインタフェース コンポーネントは、利用者が知覚できる方法で利用者に提示可能でなければならない。」というものです。更に各原則の中には幾つかのガイドラインや基準があるのですが、一番わかりやすいのが「ガイドライン 1.1 テキストによる代替」の「達成基準 1.1.1 非テキストコンテンツ」かもしれません。これにはalt属性が１つの例として該当します。（Webサイト開発に関わる方には釈迦に説法ではありますが）alt属性とは画像の代わりとなるテキスト情報のことであり、画像が表示されなかったときの代替手段の文言となるわけですが、そういった障害発生時のためだけではなく、視覚障害者の方々がスクリーンリーダーという音声読み上げソフトを利用する際にも必要となります。また、聴覚障害者の方には動画についても字幕を用意するといった配慮が必要になり、これも知覚可能の原則に含まれます。こういった様々な方、様々な環境のあらゆる制約によらずにWebサイトを利用できるように決められた指標、基準がWCAGなのです。WCAG対策上でWCAGの概要、原則、そして基準に関する簡単な例を幾つか挙げてみましたが、ではどうすればいいのかということになるかと思います。上で挙げたWCAGの要件と自分たちが作成した、または管理しているWebサイトの内容を１つ１つ見比べていくというのは１つの手ですが、かなり大変な作業となります。そこで登場するのがWCAGのチェックツール、つまり対象のWebサイトがWCAGの要件を満たしているかどうかをチェックするためのツールとなります。WCAGチェックツールについてはW3C、Web技術の標準化を行う非営利団体がその一覧を作成していますのでまずはそれを見てもらえればと思います。www.w3.orgここにツールの一覧が表示されており、そのツールがWebサイトだけに対応するのか、スマホアプリにも対応しているのかといった違いも含めて記載されています。今回はSiteimproveという会社が提供しているChromeの拡張機能を試してみたいと思います。以下のリンクからChromeへの拡張機能としてのインストールができますのでもしすぐに試せる方は是非試してみてください。Siteimprove Accessibility Checker - Chrome Web StoreJumpstart your web accessibility efforts directly in Chrome.chromewebstore.google.com上記のリンクからインストールを行うと他の拡張機能同様、アドレスバーの右にアイコンが表示されるので、チェックを行いたいサイトにアクセスしてからアイコンをクリックします。今回はYahooで試してみたのですが、以下がアイコンをクリックした直後の画面です。Accessibility Checkerのダイアログが表示され、そこにチェック対象となるサイトのチェック結果が表示されます。例えば一番上に表示された項目は以下のようなものです。「Link missing a text alternative」、リンクに代替テキストが存在しないということですね。ある程度の知識を持っている方であればこのメッセージだけでも何をすべきかわかるかもしれませんが、この項目をクリックすると以下のように更に詳しく説明してくれます。「Occurrence of this issue」の右隣の数字はそのページ上における「Link missing a text alternative」に該当する箇所の数、そして更にその下にそれぞれの箇所へのリンクが並んでいます。その４つのリンクのうちの１つをクリックするとそのページで定義されている箇所に移動すると同時に、具体的にどのように修正すればよいかも説明してくれます。「Copy code」をクリックすることでサンプルのコードをクリップボードにコピーもしてくれます。至れり尽くせりですね。。実際にこれで修正するのもなかなか大変ではあるのですが、WCAGの内容を確認しつつ、自身のサイトをチェックするよりは遥かに楽になるのではないでしょうか。是非、試してもらえればと思います。最後にWebアクセシビリティについてはこういったツールだけでなく、目視による確認やキーボードのみの操作、スクリーンリーダーなどの支援技術を用いた確認をする必要がありますので、ツールに頼りすぎないということは注意いただく必要があります。また、Webアクセシビリティは単純な「使い勝手」だけではなく、SEOにも影響する可能性があると言われています。実際、Googleが提供するSEOツールである「Lighthouse」でもアクセシビリティの項目があることからそれが伺えますので決しておろそかにはできないと思います。一般企業でもアクセシビリティに関する取り組みが行われており、例えばfreee株式会社様はモバイルやアプリケーションのプロダクト開発において、使いやすいガイドラインの提供を目的に「freeeアクセシビリティー・ガイドライン」を公開しています。a11y-guidelines.freee.co.jp是非皆さまもWebアクセシビリティについて改めて見直してみてはいかがでしょうか。弊社はWebサイト、スマホアプリ、Hololensアプリの開発等、お客さまに寄り添ったシステム開発を心掛けております。是非お気軽にお問い合わせください。www.nextscape.net

Webアクセシビリティ、WCAGについて調べてみた

AI Challenge Dayの問題を社内プロジェクトとして解いてみた

株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。今回はAzure AI Studioを試してみます。前回のCopilot StudioはCopilot、ボットを作成するためのものでしたが、今回のAI StudioではAIモデル自体を構築し、デプロイすることができます。そのデプロイした生成AIに対してAPIで質問を行い、回答を得るといったことができますので、前回のCopilot Studioよりも更に自由度が高くなります。azure.microsoft.comでは早速AI Studioにログインしてみましょう。AI Studioを使用するにはAzureサブスクリプションだけでなく、Azure OpenAI Service へのアクセス申請も必要なのですが、ここではその説明や手順をについて割愛します。ログインすると以下のような画面になりますので、「新しいプロジェクト」でプロジェクトを作成します。最初にプロジェクト名と、あとは「ハブ」、初めてプロジェクトを作成するのであれば「新しいハブの作成」のまま、デフォルトで「次へ」を押します。「ハブ」はAI Studioにおける最上位のリソースで、このハブを通じてプロジェクトの作成を始め色々なことを管理することができます。なので、まずはハブを作成することが大前提となります。次はプロジェクトのハブに関する設定となります。サブスクリプションやリソースグループを設定してください。指定したAzureサブスクリプション上に「Azure AI ハブ」というリソースが作成されます。そして問題無ければ「プロジェクトを作成する」で完了です。無事に作成完了すると以下の画面が表示されます。今回はAPIとブラウザアプリ、２つの方法でチャットを試してみたいと思いますので、左側のメニューから 「チャット」を選択してみましょう。すると以下の画面になります。「デプロイが存在しない」と書かれていますが文章的にちょっとわかりにくいですね。最初の説明で「AIモデルを構築し、デプロイする」と書いた通り、この時点では単にハブとプロジェクトが作成されただけであって、GPT-3等のAIモデルがデプロイされていないため、このままでは何もできません。では、モデルをデプロイしてみましょう。左側のメニューで「デプロイ」を選択します（上のスクリーンショットでは見切れていますが一番左下の部分です）。モデルの選択ダイアログが表示されますが、gpt-35、gpt-4といった有名どころはもちろん、例えばMeta社の「Liama」等も選択可能です。今回はgrp-35-turboでデプロイしてみましょう。grp-35-turboの場合、「モデルバージョン」が「0301」「0613」の2種類、「1分あたりのトークンレート制限(数千)」、「動的クォータを有効にする」といったところが変更できましたが、他はデフォルトで表示されている以外に選択肢はありませんでした。上記のダイアログで「デプロイ」をクリックして、無事にデプロイできました。以下の画面がその結果になります。私だけの現象だったのかもしれませんが、改めてチャットを試すために「プレイグラウンドで開く」をクリックしたところ、以下の画面になって何もデプロイされていないように見えたのですが、更新すると画面が変わりますので同じ症状の方は更新してみてください。以下の画面が表示され、無事デプロイできていることが確認できます。では改めてチャットをしてみましょう。まずはこのプレイグラウンドでチャットを試せます。「Microsoft Azureとはなんですか？」と質問した結果が以下になります（左下の赤枠の上の部分がそのやり取りになります）。では次にAPIで同じことを実施してみましょう。つまり、APIで質問を行い、回答を得るということをやってみます。Azure APIに限らずですが、APIを試す場合には皆さんもご存じの通りマニュアル等でそのAPIを調べ、エンドポイントを確認し、APIキーを取得して。。というように色々と手間がかかります。しかしながら、今回の場合はこのチャットプレイグラウンド上だけであっという間にAPIを試すことができます。まずは注意点なのですが、最初に質問を入力した欄にあらかじめ質問した文章を入力しておいてください。これを入力しておかないとこの後で表示されるサンプルコードが不完全なものになります。次に画面上部の「コードの表示」（以下のスクリーンショットの左上の赤枠部分）をクリックします。すると以下のようなダイアログが表示されます。以下のスクリーンショットでは消していますが、「エンドポイント」の欄にエンドポイントが表示されています。更にAPIキーも表示されていますのである程度慣れている方であればそれだけでもAPI呼び出しは可能ではありますが、更にプルダウンメニューでサンプルコードを取得できます。（言わずもがなかもしれませんが、「エンドポイント」「APIキー」の右側のアイコンをクリックするとクリップボードにコピーされます）C#であればimport文も出力されていますので、そのまま利用可能です。 今回は「curl」で試してみましょう。プルダウンメニューで「curl」を選択し、表示されたコードをテキストファイル等にコピペして、余計な改行を削除します。APIキーはサンプルには含まれていないため、上のダイアログからコピぺしてサンプルコードを修正してください（コードの中に"API_KEY"のような箇所があるのでそれを実際のAPIキーに置き換えます）。curlコマンドはWindows10であればコマンドプロンプトで叩けますのでコマンドプロンプトを起動して試してみます。すると以下のようにかなり見づらいですが、APIを叩いてレスポンスが得られることが確認できます。と、ここまでであれば他の有識者の方々のブログでも説明されてきましたが、今回は更にプレビュー段階の機能についても試してみたいと思います。同じくチャットプレイグラウンドの上部のタブ（メニュー）に「Webアプリにデプロイ」というものがあるのでこれを選択してみましょう。すると以下のダイアログが表示されますので、必要事項を入力します。ここに入力することでApp Serviceが指定のサブスクリプション上にデプロイされ、そのApp Service上のWebアプリで生成AIとのチャットが可能になります。ちなみに価格プランは無料のF0プランも選べます。上記ダイアログで「デプロイ」を押すとデプロイが実行されます。 しばらく待って完了の旨が通知されますので、実際にAzureポータルを開いてApp Serviceがデプロイされていることを確認してみましょう。デプロイが確認できたら再度AI Studioに戻って「Webアプリにデプロイ」の右側に「起動」ボタンが表示されているのでクリックします。そうするとWebアプリがブラウザに表示され、プレイグラウンド同様チャット形式で生成AIとのやり取りが可能になります。ここまで一気に説明しましたが、実はWebアプリをデプロイすることですぐにチャットができるわけではありません。今回は何も設定していませんが、例えばCopilot Studioの記事の時のように社内の非公開データを参照させてそれを答えさせるということがAI Studioでも可能になります。その上でWebアプリを公開してしまうと非公開のデータに誰でもアクセスできることになってしまいます。それを防ぐため、上記のWebアプリ、AppServiceはデフォルトで認証が有効になっており、ただURLを叩いただけではアクセスできなくなっています。アクセスしたい方はAzureポータル上で作成したAppServiceの「認証」をクリックし、必要な設定を行った上でアクセスしてください。以上がAIモデルのデプロイ、APIの実行、WebアプリのデプロイといったAI Studioの機能の一部となります。Copilot Studioでは利用できる方法がチャネルという形である程度制限されていましたが、今回はAPIを利用できるということで最初に書いた通り自由度が一気に上がり、使い方も更に広がると思います。是非利用してみてください。弊社はWebサイト、スマホアプリ、Hololensアプリの開発だけでなく、生成AIを利用したサービス開発等にも既に色々と取り組んでおります。興味のある方は是非お気軽にお問い合わせください。  www.nextscape.net

Azure AI StudioでOpenAI API及び「Webアプリにデプロイ」を試してみる

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。OpenAI、ChatGPTが世に出てから、生成AIの情報がありとあらゆるところで見受けられるようになりました。有名どころではOffice365もそうですが、皆様が使われているであろう他の様々なサービスでも生成AIが導入され始めているかと思います。今回はその生成AI絡みでMicrosoft Copilot Studioについて触れてみたいと思います。Copilot Studioの概要まず紹介するにあたってはやはり学ばねばということで、Microsoftのサイト、Microsoft Learn等を読み漁るわけですが、サイト内の文章を読んでいると時々「Power Virtual Agents」という製品の説明が出てきます。元々チャットボットをノーコードで作成できるツールとしてこのPower Virtual Agentsという製品があったのですが、Copilot Stuidoの一部として統合されました。Copilot Studioは一言で言えば組織向けのカスタムCopilotを作成し、公開するためのプラットフォームになります。単に作成するだけでなく、回答に必要な情報源を指定したり、このフレーズにはこのように回答するといった設定を行うことで拡張およびカスタマイズすることが可能になります。今回は作成と情報源（ナレッジソース）の設定までを試してみたいと思います。Copilotの作成では、早速Copilotを作成してみましょう。以下のサイトからログインできます。無料試用版もありますので興味のある方は是非お試しください。www.microsoft.comCopilot Studioを開くと恐らく以下の画面になると思います。もしくは以下の画面の左側メニューで「作成」、もしくは画面上部の「新しいコパイロット」をクリックしてもらえれば上の画面に遷移します。コパイロットの作成画面を見ると「名前」「説明」等、色々記入するところがありますが、作成後でも変更可能です。とりあえずお試しであれば未記入で「作成」を押してもらっても問題ありませんので、押してみましょう。作成中の画面が表示され、しばらくすると以下の画面になります。これでCopilotが作成できました。非常に簡単に作成できるのでちょっと拍子抜けしてしまうかもしれません。早速、Copilotを使ってみたいと思いますので画面右側の「コパイロットをテストする」で簡単な質問を入力してみましょう。今回は「Azureについて教えてください」と入力してみます。すると上のように色々と詳しく教えてくれます。ナレッジの設定ここまでは恐らく皆さんも使ったことがあるであろうChatGPT等と同じように思われます。では次に当社、ネクストスケープについて質問してみましょう。このようにちょっとそっけない回答が返ってきます。こういった場合にCopilot Studioではデータソースを提供・設定することでAIが生成する回答を改善することができますのでそれを試してみましょう。Copilotの作成後の画面の真ん中あたり、「ナレッジ」という項目がありますので、そこの「ナレッジの追加」をクリックします。すると以下のようにナレッジソースを選択する画面になります。以下のスクリーンショットでは見切れてしまっていますが、以下が全てではなく更に色々なナレッジソースが存在します。今回は一番上の左端、「公開Webサイト」を選択します。すると以下のダイアログが表示されますので、当社のURLを幾つか設定してみます。TOPページとちょうど質問の回答に該当するであろう「サービス」のページがあるのでその２つを追加します。以下がその設定した結果です。ではもう一度同じ質問をしてみましょう。以下がその結果です。どうでしょうか。たった２つのURLしか設定していないにもかかわらず、画面内に全て表示しきれないくらいに回答を返してくれるようになりました。上の当社についての質問だけでなく、一般に公開されているChatGPTやCopilotはそれらがアクセスできないデータ、例えば自分たちの会社内のデータ等についてはアクセスできないがゆえに答えることができないわけですが、Copilot Studioではナレッジとしてそれらのデータを設定してあげればそれをCopilotを通じてこのように回答を得ることができます。Sharepointの場合Sharepointをナレッジソースに設定した場合も試してみました。Sharepointの場合もURLを設定するのですが、なかなか設定が反映されず、今回私が試した結果では以下の流れで表示されたURLを設定することでうまくいきました。「Sharepointのスタートページへ移動ー＞ナレッジソースにしたいSharepointが含まれるサイトを選択ー＞そこで表示されたURLを設定」※URL形式は以下の通り（他にも有効なURLがあるかもしれません）　https://xxxxx.sharepoint.com/sites/xxxxxx例えば実際に試した質問として、色々な種類のバッチ仕様書を格納しておき、「～というバッチは何をするバッチですか？」と質問すると対象のバッチの仕様書の内容について要点をまとめて回答してくれました。また、個人的な感想ですが、少々質問の仕方を工夫しないと欲しい情報が得られないかもしれません。例えば複数の提案書がアップされていて、それぞれに納品物についての記述がある場合、「ｘｘｘのプロジェクトについての納品物について教えてください」と指定しても目的の情報が得られませんでした。ドキュメントの種類、数、内容によって変わってくると思いますのでこのあたりはもう少し色々試してみる必要がありそうです。最後にさわりではありますが、Copilot Studioを作成し、ナレッジの追加とそれによって受け答えがどう変わるかを簡単な例と共に説明させてもらいました。ナレッジソースについては今回紹介したWebサイトのURLやSharePoint以外にOneDrive、Salesforce、Azure SQL、Microsoft DevOpsのWiki等、多岐に渡ります。これらのデータにCopilotを通じてアクセスでき、日本語でデータの検索ができるようになると色々と夢が広がりそうです。オールインワンデータプラットフォーム、Microsoft Fabricも近日中にナレッジソースとして設定できるようです。引き続き色々と試してみて、何か皆様にお役に立ちそうな情報があれば随時ご紹介できればと思います。弊社はWebサイト、スマホアプリ、Hololensアプリの開発だけでなく、生成AIを利用したサービス開発等にも既に色々と取り組んでおります。興味のある方は是非お気軽にお問い合わせください。www.nextscape.net

Microsoft Copilot Studioによるボット作成

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。今回は、2020年10月にリリースされたMicrosoft Clarityについてご紹介します。 なぜ今、Clarityを取り上げるのか、その理由は記事の後半で解説します。clarity.microsoft.com 概要Microsoft Clarityは、セッションのレコーディングやヒートマップなどの機能を備えたアクセス解析ツールです。 ヒートマップは、ユーザーのWebページ上の行動や反応を視覚的に確認できる便利なツールです。どの部分が最も注目されているか、どこでクリックやタップが行われているかが色分けされて表示されます。 同様のツールは他にもありますが、Clarityが無料である点が大きな魅力ではないでしょうか。筆者自身、過去にヒートマップの開発に携わった経験があり、かなり苦労しましたのでこれを無料で利用できることのありがたさを強く感じております。。プロジェクト作成では早速Clarityを触ってみましょう。まずはMicrosoftアカウントでClarityのサイトにログインすると以下のような画面になると思いますので、「新しいプロジェクト」をクリックします。以下のダイアログが表示されますので必要な情報を入力しましょう。上のダイアログで「新しいプロジェクトを追加する」ボタンを押すと以下の画面になります。以下の画面にある通り、Wix等のローコード・ノーコードのCMSを使っている場合は「サードパーティーのプラットフォームにインストールする」を選んでみてください。具体的には以下の画面に表示されているツールであれば、コード不要で簡単に設定ができますので、参考にしてください。WordpressやWix、Shopify等、有名どころのサードパーティーツールとの連携が可能です。もし、自分たちがClarityで解析したいサイト、サービスが上の各ツールに該当しない場合は「手動でインストールする」を選んでください。以下の画面になりまして、GoogleAnalytics同様、JavaScriptでコードを組み込むことで利用可能になります。機能紹介次にヒートマップ以外の主な機能を紹介します。正しく設定できた場合、そのサイトにアクセスすると、あるいはアクセスしているユーザーがいる場合、以下のようにリアルタイムでアクセスしていることが表示されます。以下の「レコーディング」画面に遷移し、アクセスしている人がどういった操作をしているかを確認できます。リアルタイムでなく、レコーディングされたそのデータを後で確認することも可能です。「ダッシュボード」画面は以下のようになります。設定したばかりなのでややデータが乏しいですが、以下のようにアクセス解析に必要かつ基本的なデータが揃っております。あとは1画面に対するヒートマップを2つ並べてのABテストのような比較が可能であったりと（しつこいようですが）無料とは思えないほど機能が豊富です。セキュリティ無料なのは非常に嬉しいのですが、セキュリティはどうでしょうか。まず、ClarityはGDPR（EU一般データ保護規則）に準拠しておりますので、グローバル対応のサイトでも安心して利用できます。また、上のレコーディングデータもそうですが、記録したデータについてはマスクが可能です。Clarityの画面から「設定」ー＞「マスク」を選択すると以下のような画面になり、サイト上のテキストについてどのレベルまでマスクするかを設定できます。このようにセキュリティに対しても色々な配慮がなされておりますので安心して利用できると思います。Copilot連携そして、近々のトピックとして最も大きいのが、生成AI、Copilotとの連携ではないでしょうか。他のMicrosoftの製品でもCopilotが次々と導入されているCopilotがClarityでも利用可能になりました。例えば先ほどのヒートマップの画面の右上に「ヒートマップの要約」というのがありまして、これを選択するとヒートマップの情報を元にした分析結果を生成AIが出力してくれます。Google Analyticsもそうですが、デジタルマーケティングを導入し、データは増えてきたものの、そのデータをどう活用したらいいのかわからないということが往々にして起きるかと思います。以下に要約例を挙げておきます。デスクトップユーザーはページ全体をスクロールし、「～」要素で最初のクリックを行いました。モバイルユーザーはページ全体をスクロールし、「～」要素と「～」セクション内の画像ギャラリースライドで最初と最後の両方のタッチ操作がありました。あるユーザーはプライバシーポリシーに興味を示しましたが、「～」ページで複数回無効なクリック（Dead click）がありました。サイト訪問者が「～」ページで長時間過ごしていたことから、このセクションに対する関心度が高いことがわかります。ただし、「Dead click」から推測するにナビゲーションやUI/UX改善の余地がありそうです。以上のような要約をCopilotを利用することで取得することができます。３つの主な機能のうち、「レコーディング」でも利用可能なのですが、「ダッシュボード」には見当たりませんでした。ヒートマップツールはユーザーの動き・操作を視覚的にわかりやすく見せてくれますが、対応を検討するためにその操作内容について言語化しなければならない場合はなかなか手間がかかります。「データは取得できたが、ではどうすればよいのか」という次の一手に悩まれている方にとっては非常に有益ではないでしょうか。最後に無料とはいえ、機能・設定はかなり豊富なため、真面目に調べて書こうとすると１冊本が書けてしまいますので、Clarityの紹介は一旦ここまでにしたいと思います。Google Analyticsとはまた別の情報を提供するものであり、Google Analyticsと接続することでGoogle AnalyticsのデータをClarity上で参照することもできます。Clarityは「コンバージョン」、つまり「そのサイトで商品を購入した」、「申し込みが行われた」等、サイトの目標が達成されたかどうかについては計測できません。Google Analyticsと併用することで、お互いに足りない点を補完しつつ利用するというのが良いと思います。弊社はWebサイト、スマホアプリ、Hololensアプリの開発であったり、今回のCopilotのようにAIを利用したサービス開発等、多岐にわたる開発を行っております。また、こういったSaaSのサービス、サードパーティーのツールについても良いものがあれば積極的に調査・採用し、お客様の満足度を高めるために日々努力しております。是非お気軽にお問い合わせください。

Microsoftのアクセス解析ツール「Clarity」の紹介

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。本記事は先月紹介したAzure Load Testingについてもう少し深堀りし、他にどういった機能や特徴があるかを説明したいと思います。もしLoad Testingに興味があり、まだ先月の記事を見ていない方がいらっしゃいましたら是非以下のリンク先の記事も併せてご覧ください。もうしばらくLoad Testingについて書くことはあるまいと思っていたのですが、4月9日にApp Serviceの機能としてLoad Testingが実行できるという記事を見かけました。azure.microsoft.com">これも縁？ということでもう1回だけ負荷テストに関して、といいますか、この機能について紹介したいと思います。準備">まず、App Serviceを作成します。対応するプランが限られているのかが気になりましたが、ドキュメントを見ると限りは特に触れられていませんでした。今回はS1で試しています。まず、以下のようにLoad Tesing(Preview)という項目がメニューに追加されているのがわかります。これをクリックしてみましょうすると以下のような画面になります。今回の環境、サブスクリプションではAzure Load Tesingが存在していないため、新しく作成する必要があります。「Load Testingのリソースの作成」をクリックしてみましょう。すると以下のウィンドウが右側に表示されますので、名前やリソースグループ等、必要事項を入力します。いつものAzureのリソース作成画面を簡略化したようなものですね。 テスト実行Load Tesingの作成が終わって先ほどの画面に戻ると、画面上部にあった「テストの作成」というリンクが押せるようになっています。「テストの作成」をクリックするとLoad Tesingと同じ画面、テスト作成画面に遷移します。ここからはAzure Load Testingと同じなので詳細な説明は割愛します。Load Testingからの実行との違いとして、Azure Load Tesingでテストを作成する場合、通常の設定と詳細設定の2種類の設定があったのですが、このApp Serviceからのテスト作成の場合は必ず詳細設定になるようです（設定の違いについては１つ前の記事をご覧ください）。つまり、上の画面で「要求の追加」を押すと以下のようにURLやHTTPメソッド、クエリパラメータの入力・設定が可能になります。もう１つの違いとして気づいた点がもう１つ。URLはあえて消していますが、この「要求の追加」ウィンドウが開いた段階で既に入力されています。通常のLoad Testingからのテスト作成ではURLをわざわざ(？)入力する必要があったのでその手間が省けます。些細な手間ではありますが。。そして、「構成の読み込み」タブで負荷に関数情報を設定し、テストを実行します。こちらが実行中の画面になります。このようにメトリックスが表示されますが、ここまで来るとAzure Load Testingで実行した場合と同じですね最後に以上がApp ServiceにおけるLoad Tesing、負荷テストの内容となります。Load Tesingを知っている人には今更の内容になりますが、それを知らない人もまだまだいると思います。非常に便利な機能ですので、App Serviceの画面に導線が表示され、気軽に実行できるというのはLoad Testingの普及に繋がるものになると思います。今回は説明を割愛しますが、JMeterのスクリプト、JMXファイルを利用したり、逆にここで作成したテストからJMXファイルをエクスポートして他のサブスクリプションのAzure Load Testing、もしくはJMeterで流用することもできます。「プレビュー」ということになっていますが、Load Testing自体は既にGAされたものであるため、機能自体は問題無いはずです。是非利用してみてください。弊社はMicrosoftのパートナーとしてこのようなAzureのさまざまなリソース・機能を利用したWebサイト、ツール開発を得意としており、更にはスマホアプリやHoloLensと多岐に渡って開発を行っております。もしお困りの方がいらっしゃいましたら、是非お気軽にお問い合わせください。

「App Serviceの機能としてのLoad Testing」を試す

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。本記事は先月紹介したAzure Load Testingについてもう少し深堀りし、他にどういった機能や特徴があるかを説明したいと思います。もしLoad Testingに興味があり、まだ先月の記事を見ていない方がいらっしゃいましたら是非以下のリンク先の記事も併せてご覧ください。blog.nextscape.netテスト準備まずは前回と同様、テスト準備を行っていきたいと思いますが、一応Load Testingを作るところから再度進めていきます。まず、Azureポータルの画面上部の検索窓に「Azure Load Tesing」と入力すると、以下の様にAzure Load Testingが出てくると思いますのでそれをクリックします。そうしますとAzureに携わっている方であれば見慣れているであろうリソースの作成画面になりますので必要事項を入力していきます。Azureのリソースによってはリージョンを他のリソースと一緒にしないと正しく動作しないといった注意事項がある場合もありますが、Load Testingに関してはそういったことは気にしなくても大丈夫です。あとは今回のテストでは複数のWebサイトに対して同時に負荷をかけたいと思いますので、WebAppを２つ用意しておきます。これで一旦準備は完了です。テスト作成では、次にテストを作成したいと思います。前回のテストではAzureポータルでどのサイト（URL）に対して負荷をかけるかを設定してテストを行いましたが、今回はJMeterで使われるスクリプト、jmxファイルを使ってテストを行いたいと思います。今までJMeterを使ったことがある方であればjmxファイルが利用できるというのは非常に助かるのではないでしょうか。jmxファイルは無いが、今回を契機に試してみたい、使ったみたいという方は以下にサンプルがあるのでダウンロードしてみてください。あくまでサンプルなのでいくらかスクリプトの内容を変更する必要があるのですが、今回はそれについては割愛させてください。github.com先ほど作成したLoad Tesingに移動し、左側のメニューで「テスト」を選択します。そして、画面上の「作成」プルダウンを押して、「JMeterスクリプトのアップロード」を選択します。まずはテスト名やテストの説明を入力して「次へ」ボタンを押します。テストの説明は入力しなくても問題ありません。テスト名もかなり長い名前が入力できますのでプログラムの変数のように説明を兼ねた名前にしておけば他の方にとっても助かると思います。次に「テスト計画」タブに移りますのでここでjmxファイルをアップロードします。スクリプトの内容によっては設定ファイルとして他のファイルを読み込む場合もあるかと思いますが、その場合もこの画面で一緒にアップロードしておきます。次に「パラメータ」画面。ここは今回は何も入力しないで大丈夫です。クライアントの証明書等、こういった指定・設定ができるんだなということで参考にしていただければと思います。あとは「読み込み」画面。ここも特に変更の必要はありません。そして、「テスト抽出条件」。エラーが閾値以上に発生した場合にテストを中止するといった設定が可能ですが、ここもデフォルトのまま。一通りテストの設定が終わりましたら、作成を行います。以下のように「スクリプトを検証しています」といったメッセージが表示され、問題無ければテストが実行されます。もしくは手動でテストを実行します。※テスト作成時、最初の画面で「作成後にテストを実行する」チェックボックスがあるのでそこにチェックを入れておくと作成してすぐにテストが実行されますテスト結果も以下のように（ちょっとわかりづらいですが）各サーバーのメトリクスをLoad Testingの画面で同時に表示することができます。１台に対する負荷であればそのWebサーバーのメトリクス画面に遷移すれば良いのでメリットとしてはひと手間減る程度だったのですが、このように複数台表示できると非常に助かると思います。詳細設定によるAzureポータルでのテスト作成前回の記事ではAzureポータル上でテストを作成し、その時はURLが１つしか入力できませんでした。では、今回のような複数サーバーを対象としたテストはjmxスクリプトを作成しないとできないのかというとそうではありません。jmxファイルほどではありませんが、ある程度複雑なテストもAzureポータルで作成が可能です。前回にさかのぼって説明しますと、例えば１つのサーバーに対しての負荷であれば以下のテスト作成画面で「テストURL」にテスト対象のURLを入力すればOKでした。ただ、今回のように複数のサーバー、正確にはURLが複数ある場合はこれではテストできません。そこで「テストURL」の上の項目、「詳細設定を有効にする」チェックボックスにチェックを入れてみましょう（下のスクリーンショット参照）。すると以下に表示されているように詳細な設定は「テスト計画」タブで。。とありますので「テスト計画」タブに遷移します。「テスト計画」タブで「要求の追加」リンクを押すと右側に「要求の追加」ウィンドウが表示されます。ここでURLだけでなく、HTTPメソッド、クエリパラメータ等、先ほどの内容よりもより詳細というか細かい指定が可能となります。要求は１つだけでなく複数設定が可能なので今回のような複数のサーバーに対してであれば要求を複数作成すれば対応可能となります。JMeterではベーシック認証も対応できたりするので同じレベルのテスト内容をAzureポータルで行えるかというと若干難しい雰囲気なのですが、この設定画面を見る限りAzureポータル上だけでもかなり色々できるのではないかと思います。jmxファイルの検証先ほどのjmxファイルを利用したテストにおいて、jmxファイルをアップロードし、テストを実行するまでに「jmxファイルを検証しています」といった表示が出ていました。この「検証」がどこまで検証してくれるのか、ちょっと疑問に思ったので試してみました。まず、以下のようなjmxファイルがあります。最初の赤枠の中でテスト対象のURLが含まれたCSV、「websites.csv」ファイルを読み込むように記述しており、２番目の赤枠${Url}にCSVファイル内のURLが設定されます。そこで、通常はCSVファイルも一緒にアップロードするのですが、試しにCSVファイルをアップロードせずにテストを実行してみます。すると。。以下のように状態がFailedとなり、テストが終了します。ちょっと見づらいですが、上の画面上に「(詳細表示)」のリンクがあるのでそれをクリックすると以下のような詳細内容が表示され、「websites.csvファイルが無い」と指摘してくれます。ただ、先ほどのwebsites.csv、以下のような記述になっており「URL」の内容がjmxファイル内で使用されることになるのですが、ここでURLの項目をごっそり削除した場合、つまりCustomerIdとNameだけの状態にした場合はテストとしては正常終了してしまいました（しかもサーバーに負荷がかからず、何も行われないまま終了）。この２パターンしか試していないので何とも言えませんが、そこまで詳細なチェックはしてくれないように思われますので注意が必要です。jmxファイルのエクスポートLoad Testingでは自身がAzureポータルで作成したテストをjmxファイルに変換することも可能です。自分が作ったテストを選択すると以下のような画面になるので、右端の３点リーダーをクリックし、赤枠の「入力ファイルのダウンロード」を選択します。すると圧縮ファイルがダウンロードできるので、それを解凍すると以下のようなファイルが展開されます。この中のjmxファイルを最初に書いた手順のようにアップロードすれば他の環境のLoad Testingでも同じ内容をテストすることができます。 最後に前回の記事と合わせてLoad Testingで最低限紹介した方が良さそうな内容について説明しました。jmxファイルを利用できることで今までJMeterを使っていたユーザーに対してもとっつきやすくなりますし、逆にJMeterを触ったことがない方にもAzureポータルで簡単にテストが作成できます。負荷テストのハードルをかなり下げてくれるツールだと思うのですが、いかがでしょうか？これから負荷テストを行う機会がある方は是非試してみてください。弊社はMicrosoftのパートナーとしてこのようなAzureのさまざまなリソース・機能を利用したWebサイト、ツール開発を得意としており、更にはスマホアプリやHoloLensと多岐に渡って開発を行っております。もしお困りの方がいらっしゃいましたら、是非お気軽にお問い合わせください。www.nextscape.net

Azure Load Testingによる負荷テストの続き

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。先月の本ブログでは「Azure Chaos Studio」を紹介しました。blog.nextscape.net今回は同じくAzureのテストツールである「Azure Load Testing」を紹介したいと思います。このLoad Testing、Azureを扱う案件に色々と携わってきたこともあり、色々と目にすることも多かったので２～３年前ぐらいには存在していたような気もするのですが、改めて調べたところ昨年1月にGAとなったばかりでして比較的新しいサービスとなります。Azure Load Testing概要この「Load Testing」、内容としてはその名の通りLoad Test、つまり負荷テストを行うためのツールとなります。今回は単純な負荷テストのみの紹介になりますが、既存の Apache JMeter スクリプトをアップロードしたり、Azure DevOpsのCI/CDに組み込んで回帰テストを実行したりと非常に使い勝手の良いツールです。2024/2/23時点での価格は以下になります。ロード テスト リソース1 か月あたり ¥1,476.7501 か月あたりの仮想ユーザー時間 (VUH) 50 を含む仮想ユーザー時間 (VUH) の追加使用量0 - 9,950+追加の仮想ユーザー時間 - ¥22.152/追加の VUH9,950+追加の仮想ユーザー時間 - ¥11.076/追加の VUHAzure Load Testing準備では早速負荷テストを行うための準備を進めてみたいと思います。当然ながら負荷テストの対象となるリソースが必要となりますので、もし無い場合はあらかじめ準備しておきましょう。前回はVMでWebサーバーを構築しましたが、今回はWebAppsで新規に構築を行い、それに対して負荷テストを行うようにします。サーバー構築後、URLを叩いて（デフォルトの）Webサイトが見れることを確認します。この時点で前回のChaos Studioと大きく異なる点がありまして、Chaos Studioの場合、その対象となるリソースはAzure内のリソースである必要があったのですが、Load Testingは公開されているエンドポイント・リソースであればAzureサービスに限らず利用できます。なので今回のようにテスト対象はVMではなくWebAppでもよいですし、AzureではなくAWSでも構いません。Azure Load Testing作成及びテスト実行そして次にLoad Testingそのものを作成してみましょう。Azureポータル上部の検索欄に「Azure Load Testing」と入力し、表示されたそれをクリックします。すると以下の画面になりますので「Azure Load Testingのリソースの作成」をクリックします。するといつものAzureのリソース作成のための画面になりますので、ここで必要事項を入力します。単純な負荷テストであれば特に入力項目において気を付ける必要は無いと思います。リソースグループや名前、リージョンを入力し、次に進みます。暗号化の種類の選択になりますが、ここはデフォルトのままでよいです。そして「確認および作成」ボタンを押下し、リソースを作成します。デプロイが完了したら、「リソースに移動」ボタンをクリック。以下のようにLoad Testingの画面に遷移するので「概要」ー＞「作業の開始」ー＞「HTTP要求を追加する」、で「作成」ボタンを押下します。すると以下のようにテストを作成するための画面が表示されますので、必要事項を入力します。項目を見てもらえればおわかりになると思いますが、「テストURL」にはテスト対象となる、負荷をかけたいWebサイト、サービスのURLを入力します。あとは仮想ユーザーの数や負荷をかける期間等、必要な情報を入力します。必要事項の入力が終わったら「確認および作成」ボタンを押して、上のスクリーンショットで「作成後にテストを実行する」にチェックが付いていれば作成後、以下のように即テストが実行されます。テスト実行後の結果確認テスト実行後の結果が以下になります。まずは「クライアント側として」Load Testingがどういった負荷をかけたのかがわかるようになっています。画面の真ん中あたりには以下の様にテスト期間等が表示され。。クライアント側のメトリックとして以下のような情報が表示されています。ただ、これは「クライアント側」になりますので今回はあまり重要ではありません。問題はテスト対象となるサーバー側になるわけですが、サーバー側の状況を知るための方法としてまず考えられるのはサーバー側のメトリックになるかなと思います。実際にサーバー側のメトリックでCPU時間を見てみると以下のように負荷テストが実行されたことがわかります。ただ、いちいち確認のためにリソースというか画面を切り替えるのは面倒なので、先ほどのLoad Testingの画面の下の部分、以下の文章の「アプリ　コンポーネントの構成」をクリックします。すると以下の画面になりますので、今回テスト対象としたリソースを選択して、「適用」ボタンを押すと、以下のように「サーバー側のメトリック」も表示され、一画面で確認ができるようにします。ただ、サーバー側のメトリックもデフォルトで表示されている「Http5xx」「Requests」「HttpResponseTime」以外も見たい場合があると思います。その場合は以下の「メトリックの構成」をクリックします。すると以下にような画面が表示されますのでそこから好きなメトリック、表示させたいメトリックを選択できます。最後に駆け足で紹介しましたが、Load Testingによってこのように簡単に負荷テストが実行できます。単純に負荷テストを実施するということであれば先月紹介したChaos Studioよりも色々な権限設定を行う必要が無い分、Load Testingの方が使いやすいですね。テスト対象となるリソースについてもAzureに限らずエンドポイントが存在していればよいのでAWS等でも実施できるというのも大きいと思います。是非皆さんも使ってみてください。弊社はMicrosoftのパートナーとしてこのようなAzureのさまざまなリソース・機能を利用したWebサイト、ツール開発を得意としており、更にはスマホアプリやHoloLensと多岐に渡って開発を行っております。もしお困りの方がいらっしゃいましたら、是非お気軽にお問い合わせください。www.nextscape.net

Azure Load Testingで負荷テストをやってみよう

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。今回は去年の11月頃にGAになった「Azure Chaos Studio」を紹介しようと思います。そもそも「Chaos Studio」が何ぞやというところからですが、これを知ったのが、さかのぼること2022年の6月頃にAzureの標準ガイドラインというものを読んだことがきっかけでした。github.com標準化ガイドラインの説明は割愛しますが、ここで「Chaos Studio」が簡単に触れられており、このChaos Studioを使うことでカオスエンジニアリングが実行できる、というものでした。そうなるとカオスエンジニアリングとは何ぞや、になるのですが、上記標準ガイドラインの言葉を引用させていただきますと「アプリケーションやサービスに現実世界のストレスや障害を与え、信頼性の低い状態や依存性の欠落に対する回復力を構築し、検証すること」です。つまりはAzureであればAzureの各リソースに対して「意図的に」障害を発生させ、それに対してどのように対処するか・対処できるかを確認するというもので、具体的にはサーバーに対してCPU負荷を与えて、それでも正しくサイトが表示できるか確認するといったことが挙げられます。NetflixでもAWSでこのカオスエンジニアリングを行い、改善を行ったという話が以下のURLで説明されています。www.publickey1.jp テスト準備　VM作成では、このChaos Studioを使ってAzure VMに対してCPU負荷をかけてみるところまで試してみたいと思います。先ほどお話しした通り、Azureの各リソースに対して意図的にエラーといいますか、異常な状態を発生させるので、まずはそのリソースを作成する必要があります。今回はUbuntuを載せたVMに対してCPU負荷をかけてみましょう。今回はCPU負荷をかけて一旦良しとしますので、VM作成時の注意点は特にありません。また、今回試す内容においては特に必要はないのですが、SSH接続を作成し、NGINX Webサーバーのインストールまで実施しておきます。パブリックIPアドレスでWebサーバーが起動されていることを確認しておきます（わかりにくいですが、以下がブラウザでパブリックIPを叩いたときの画面です）。テスト準備　ユーザ割り当てマネージドID次にまたまた繰り返しとなってしまいますが、Chaos StudioはAzureのリソースに対して異常を発生させるものですので、それをするための権限設定の準備が必要になります。今回はテスト対象となるVMに対して異常を発生させるために「ユーザ割り当てマネージドID」を作成します。作ったことが無い方もいらっしゃるかもなので作成についても簡単に触れておきます。まずはAzureポータル上部の検索欄に「マネージドID」と入力します。そうするとマネージドIDが表示されると思うのでそれをクリックするといつものAzureのリソース作成画面に進みます。作成にあたっては以下のようにあまり入力欄も無く、特に注意点も無かったかと思います。ロールの割り当てもう少し準備が続きます。そして次の作業が今回の肝になりますので頑張りましょう。VMに対してChaos Studioが操作を行うための権限付与作業となります。先に目指すべき結果を共有しておきますと、VMで以下のように先ほど作成したユーザー割り当てマネージドIDに対してロールの割り当てを追加します。必要なロールとしては以下の２つです。・マネージド アプリケーションのオペレーター ロール・仮想マシン共同作成者これも簡単に手順を説明しておきますと、以下の画面のように「追加」ー＞「ロールの割り当ての追加」を選択します。以下のような画面になりますので、検索欄に上記２つのロールいずれかを選択して、「次へ」を押します。次に「アクセスの割り当て先」で「マネージドID」を選択し、その下の「メンバーを選択する」を押し、画面右側に「マネージドIDの選択」ウィンドウが出てきますので「マネージドID」のプルダウンで先ほど作成したマネージドIDを選択し、更にその下に表示されたマネージドID（今回はUAI1という名前で作成しています）を選択します。そのあとの操作は割愛しますが、このような手順で２つのロールをユーザー割り当てマネージドIDに割り当てます。そしていよいよ最後の準備、ユーザー割り当てマネージドIDを開き、「アクセス制御(IAM)」から「追加」ー＞「ロールの割り当ての追加」で閲覧者のロールを割り当てます。以下がその実行結果となります。実はこの「閲覧者」のロールがどのように影響するのかがちょっとわからないのですが、これを設定しておかないとテスト時にエラーとなりますので忘れずに設定しておきましょう。テスト作成では、いよいよテストを作成してみたいと思います。Chaos Studioの画面に遷移し、「実験の管理」で「対象」を選びます。そして最初に作成したVMを選択し、「ターゲットを有効にする」で有効にしておきます。次にChaos Studioの左側のメニューから今度は「実験」を選択し、「作成」ー＞「新しい実験」を選択します。以下の画面でサブスクリプションとリソースグループ、テストの名前を入力します。更に「Permissions」ではマネージドIDに作成したマネージドIDを設定します。そして以下の「実験デザイナー」の画面、こちらで「アクションの追加」ー＞「障害の追加」を選択します。以下のような「フォールトの追加」ウィンドウが右側に表示されますので、フォールト、つまり発生したいエラーを選択します。以下がプルダウンメニューを選択した状態です。ここで「CPU Pressure」を選択します。他にも「Cloud Serivce Shutdown」とか、「DiskIO Pressure」とか面白そうなものが色々ありますね。こういったエラーをChaos Studioで発生させることができます。そして、作成したテストの画面に遷移して、「開始」ボタンでテスト開始します。そうすると「履歴」に実行した結果が表示されます。詳細で実行中のテストの状態が見えるのですが、「詳細」というほど詳細ではないですね。。これだけですと本当にCPU負荷がかかっているかどうかがさっぱりわかりませんので、VMの画面に遷移してメトリックを見てみます。すると以下の様にちゃんとCPU負荷がかかっていることが確認できます。このように非常に簡単に負荷テストを実行することができるわけです。便利ですね。最後に以上が、Chaos Studioによるテスト作成とその実行結果となります。今までであればJMeterでも負荷テストが行えましたが、Chaos Studioであればより簡単に、そしてリソースのシャットダウンや更には自動スケーリングの無効化といったAzureの機能に対するエラー（正しくは「フォールト」なので残りわずかですが、以下「フォールト」でいきます）も発生させることができます。現時点でのフォールトの種類・内容が以下のページに記載されていますので参考にしていただければと思います。GAされただけあって、私が以前プレビュー版を眺めたときよりも非常に種類が増えていますし、恐らく今後も更に増えていくかと思います。learn.microsoft.com機会があればまた別のフォールトを発生させ、更にそれに対してテストされる側が単にエラーにならず、回避・対応できるかどうかまで実行してみたいと思いますが、今回はここまでとしたいと思います。弊社はMicrosoftのパートナーとしてこのようなAzureのさまざまなリソース・機能を利用したWebサイト、ツール開発を得意としており、更にはスマホアプリやHoloLensと多岐に渡って開発を行っております。もしお困りの方がいらっしゃいましたら、是非お気軽にお問い合わせください。www.nextscape.net

Azure Chaos StudioによるCPU負荷テスト

AIの民主化元年だった2023年

初めまして。この4月からネクストスケープにJoinした和田です。 現在は管理本部を所管していますが、IT業界歴としてはJBSで32年経とうとしています。そのうち28年は技術、4年は営業を率いていました。まだ1年経過していませんが、大分ネクストスケープとそこで業務に従事している皆さんの凄さを実感してきている今日この頃です！ 今回初めてアドベントカレンダーに投稿するわけですが、どんなことを書こうかと色々考えました。新しい担当領域で色々なことを経験できた1年ですが、その中でも改めて思うところは「一期一会」の大切さだと思い、今回は過去の経験も踏まえてお話させていただきます。 「一期一会」というと茶道に由来する言葉で、一生に一度の出会いで二度と繰り返されないと思って誠意を尽くすという言葉と理解されています。まさしくその通りですが、私はこれには続きがあって、その機会をもとにいつでも同じ相手でも一期一会の精神で相手に接するべきだと思っています。その結果が人間関係を生み、自分の財産になると考えます。 話を進める上で、自分の社会人生活で心がけている（なかなかできていない時もあるのですが）ことを少しお話させていただきます。 「120％」の人生を送りたいこれが私の座右の銘です。 何のことだ？と思われる方もいらっしゃると思いますので、この思いに行きついたエピソードをお話します。まだ現場でエンジニアだったころ、とあるお客様の案件に関わっていました。最初は大手メーカーからの紹介で案件対応をしていたのですがそこでの実績が評価され、次の案件は直接契約することができこれもかなりの規模感でお仕事をもらえました。あまり詳しく書くとどこのお客様かネタバレしてしまうのでこの辺にしておきますが、当時のこのお客様がご利用される端末（店舗業務にも関わる範囲まで）はすべて関わっていました。（IT業界の方からすると端末なのかと思われますが、ものすごく重要です！！！） そんなある日、このお客様で大きなイベントが起きることとなり、企業のIT環境すべての刷新まで企画していくという話が持ち上がりました。当時はそれをすべて請け負えるほどの会社ではないためどこかで絡みたいなと考えていたのですが、ある日その会社のCIOの方からご連絡頂き、「是非顧客側に参画頂き、このイベントをリードしてもらえないか」とのお声がけをもらいました。最初は、何を言っているのかさっぱり理解できず（なにせ、IT全部ですよ！やったことがない領域が多すぎて）何かの間違えだろうと思っていましたがとんとん拍子に話が進み、約2年程度お客様先に常駐することになりました。入ってみると、やはりIT全般でかつ5年間の投資計画立案（3桁億！！！）ということで試行錯誤しながら（他にも問題いっぱいありましたが）進めていました。ある日、CIO、本部長さんと会議をしていて一段落した時に、「ここまでの領域、規模を未経験だった私にどうして白羽の矢が立ったのですか？」と聞いたところ、「今までの仕事はできることは十分わかったので、もっと和田さんも経験できて、自分の会社も成長できるところで活躍してもらいたかったから」との言葉。この言葉が今でも忘れられません。最初の仕事から簡単な領域（苦労はありましたが）でも全力を出し切り、見てくれている方はそれを全力（ここで120％というわかりやすい言葉に自分で置き換えました）でやっているとどんどん良い仕事が舞い込むのだと確信しました。長い社会経験の中ですごい人ってどなたもどんな仕事でも「120％」で取り組んでいるはずなので、是非見てみてください。 と題名が「120％」になってしまいそうなので、ここで「一期一会」に戻しますが、最初にどれだけ相手のことを思い、全力で行動ができるかがすべて人間関係・仕事につながります。ご縁でどれだけの方とお会いし、その方と短い時間の話かもしれませんがどれだけ全力で自分を理解してもらい、また全力で相手を理解しそれを全力で（しつこいですが！）継続的に実施することが人間関係を広げ、自分を成長させ、会社が成長することにつながると思います。 「一期一会」というと最初の出会いのことだけと考えられがちですが、最初の出会いの時はもちろん重要ですが（ここでまた会いたいと思ってもらえないとダメ）、そこからお会いする度に「一期一会」の精神を継続することがものすごく重要なことだと思います。 仕事だけではなく、趣味の世界でも同じことが言えると思います。全力で取り組んでいる、楽しんでいる方には自然と人が集まってきます。関係ができます。お会いできた縁からつながる絆、そんなことがこの1年でもう一度思い返し、自分でも反省するところは大いに反省しまた来年、今まで頂いたご縁、来年また作られる新たなご縁を大切に過ごしたいと思います。 この投稿を見ていただいた方も何かのご縁ですので、いつの日かお会いできることを楽しみにしています。

改めて　「一期一会」を考える

NEXTSCAPE Advent Calender 2023 22日目 皆様お疲れさまです。DX iedです。 はじめに現在の部署では、管理や経理の方々と連携しながら業務を進めることが多いため、その辺りや簡単な簿記的な用語などについて記事にしようと考えて、この内容にすることにしました。 エンジニアもコスト管理などマネジメントで必要になる部分だと思うので、さらっと目を通していただければと思います。細部に間違いがあったらご指摘下さい。 管理経理系業務でよく使用される用語よく使用する用語を自分的に簡単にまとめてみました。全体のMTGなどで出てくると思います。たくさん書いても一度に覚えられないと思うので少なめにします。 ・売上高：一定期間の収入のこと。・原価：費用のこと。・売上総利益：売上高から原価を差し引いたもの。・粗利（粗利益）：売上総利益の別称。・販管費：商品を販売するために発生する費用（販売費）と会社全体の管理にかかる費用（一般管理費）の総称。・営業利益：売上総利益から販管費を差し引いたもの。・減価償却：固定資産購入時に費用を数年に分けて計算する方法のこと。 ・管理会計：内部向けの会計。経営者などが意思決定に役立てるためのもの。・財務会計：外部のステークホルダー向けの会計 ・キャッシュ・フロー：手元にある現金のこと。売掛金は含みません。・売掛金：購入者から後で支払われると約束されているお金のこと。・買掛金：売掛金とは逆で、こちらが支払うと約束しているお金のこと。 ・リード：見込顧客のこと。・パイプライン：見込のことですが、顧客や数字など示すものが異なる場合があるようです。・インサイト：顧客や消費者の隠れた動機・本音。 ・貸借対照表（B/S)：会社に存在する財産の状態、会社資産の調達と運用状況を表す財務諸表。・損益計算書（P/L）：会社の特定の期間の営業成績を示す財務諸表。・キャッシュ・フロー計算書（C/S）：手元の現金の状況を表す財務諸表。・監査（会計監査）：第三者の立場から決算書が合理的に正しい数字であることを公認会計士が確認する。 おわりにさまざまな法律で作成しなければならない諸表やルールが決まっていて、それらを管理するために日々仕訳が行われたり帳簿が付けられたりしていることは既に承知だと思います。実際には簿記で学習するような仕掛の計算であったり、実際の確定数字を出すための作業であったり、色々大変なんだなぁと感じています。今は、決算書を読めるようになる本を読んでいますが、引き続き読み進めます。何かの一助となれば幸いです。 余談会社のそれぞれの方が思い思いの記事を読んでいると、こういうことを考えているんだなぁという側面が見えてきて面白いです。 実は最近、ひっそりと学んだことを記録するためにブログを書き始めていて（メモみたいなものですが）、最初は毎日少しずつでも書こうと考えていたのですが、一つの記事を書くにも中々労力がかかり、記事を書いたり発信するということは結構大変だなぁと身に沁みて感じています。

管理経理系業務でよく使用される用語を簡単にまとめてみた

こんにちは。デバイスソリューション部アプリチームの浜口です。2023年4月から新卒で入社をしました。現在の自分は入社してよかったと思っていますが、入社当初は不安がたくさんありました。この記事では入社後、何をしたか伝えることを目標にしています。今後、新卒入社を悩んでいる学生の方々の不安を少しでも減らすことができれば幸いです。この記事はNEXTSCAPE Advent Calendar 2023の20日目です。qiita.com NEXTSCAPEとは自分が所属する部署はスマホアプリのプライムベンダー（一次請け）です。プライムベンダーはプログラミングなどの作業をすることは少ないとされていますが、弊社では要件定義、開発など幅広い業務を行っています。他の部署ではWebアプリ開発や自社開発などを行っており、社内の業務内容は多岐にわたります。また、強みとして、AzureというMicrosoftが提供するクラウドサービスに関する知識と経験があります。入社前の自分の能力どの程度の能力を持っていたのか指標があったほうがわかりやすいと思うため、ざっくりと入社前の能力を説明します。プログラミング能力はpythonを用いて自分で考えた簡単なシステムを作ったことがあるぐらいでした。当時は動けばいいや精神だったため、可読性や保守性を全く考えていなかったです。知識もほとんどなかったです（オブジェクト指向？なにそれおいしいの？状態）。（現在も知識は乏しいため勉強中！）タイピングはブラインドタッチできるが、寿司打のお勧めで損をするぐらいのタイピング速度でした。このような能力の自分が研修後、仕事を進めることができるのかすごく不安でした。結論は苦労しながらも仕事を進めることができています。これは研修の手厚さが要因であると考えられます。新卒入社してからの流れ半年間、研修を受けることになります。他のIT企業では新人研修は3ヶ月のところが多いようなのですごく手厚いことがわかります（外部研修で一緒になった5社の方々に聞いたところ、弊社以外は3ヶ月）。※その年によって多少変化があります。外部研修（4月〜6月）有楽町の研修会場で他の会社の新入社員の方と研修を受けます。2ヶ月間、C#やデータベースの基礎や社会人マナーを学びます。残りの一ヶ月で学んだことを活かして、チーム開発を行います。新人研修の方針として、チーム開発を研修の内に経験してほしいということがあったため、研修カリキュラムが大幅に変更された場合でも研修の内に経験する可能性が高いです。社内研修（7月の3週間）社内の方から研修（ネットワーク、セキュリティ、生成系AIの利用についてなど）をしていただきました。ここでは研修のことはもちろんですが、研修以外のことも質問してみると楽しい経験ができます。自分たちは弊社が提供しているRoboLensというサービスのTeachingがどのようなものかを体験しました（MR初体験で感動）。withmr.nextscape.netこの記事を読んでいる学生はRoboLensに興味を持って、教授に紹介してくれると信じてます！模擬プロジェクト（7月の終わり〜9月）研修の最後に今まで学んできたことの集大成として、社内のシステムを開発しました。今年はchat GPTが流行だったため、chat GPTを利用したシステムでした。模擬プロジェクトは基本的に新卒だけで進め、一人が一つの責任者となって開発を進めます。自分はタスクやスケジュールを管理する責任者を務めました。責任者は名ばかりだろと声が聞こえてきそうなので責任者として実際にやったことを紹介します。タスクの洗い出し大まかな要件がまとまった後、必要なタスクの洗い出しを行いました。タスクが細分化できておらず、タスクに必要な時間を検討することに時間がかかりました。タスクの細分化はスケジュールを立てる時だけでなく、実際の業務で仕事がどのくらいで終わるのかの検討をつけるためにも重要なので良い経験になりました。開発手法の選定と調査最終的なゴールを明確にイメージできている人がおらず、開発途中に要望が多くでてくることが予想できていたため、アジャイル開発を選択しました。自分たちはアジャイル開発を経験したことがなかったため、どのように開発を進めたりするのか調査しました。最初からはうまく運用できず、進めていく中でやり方を改善するようにしていきました。スケジュールの作成タスクの洗い出しで検討した時間をもとにガントチャートを作成しました。初めはタスクに終了予定日を書いただけものを作成していました。それでは確認がし難いとの声が上がったため、ガントチャートに作成し直しました。ガントチャートにすることで視覚的に進捗状況とのすり合わせが可能になりました。スケジュールの管理新たな要望がでた時のスケジュールにタスクの追加や遅れが出ていないかを確認するなどしていました。開発中は大きな遅れはなかったのですが、資料作成の時間を見誤ったため、10月以降も時間を見つけて作業を行いました。完成したシステムは動画や音声ファイルからVideo Indexerで文字起こしした後、Azure Open AIによって議事録化するものです。簡単に説明すると右上の新規作成を押すことでファイルをアップロードできます。ファイルアップロード後、議事録化の処理が始まります。作成した議事録はシステム上で管理でき、編集や削除ができます。配属（10月〜）自分は配属後、dartという言語、flutterというフレームワークを開発で使うことになりました。flutterの利点は一つのコードを書くだけでiOSとAndroidOSのアプリを同じように作ることができることです。C#からdartへ言語が変わったため、勉強期間として一ヶ月ほど時間をもらいました。今まで学んだ言語と記述は変わりますが、基本的なことは同じことができます（たまにできないことに遭遇して少し驚きます）。そのため、初学言語に比べて理解が早いように感じます。勉強期間中には簡単なブックマークアプリを開発しました。ブックマークの文字を押すことでWebサイトをWeb Viewで表示するようにしています。基本操作はブックマークの削除、編集、検索、追加です。シンプルなデザインでブックマークに必要そうな機能を詰め込むことができました。特にアプリの開発時はコードの保守性や可読性や現代人が使い慣れたUIを考えながら実装を進めることができました。入社前には持っていなかった考えを持つことができているだけでも成長を感じられます。最後にプログラミングが好きな人はすごく楽しめる会社だと思います。この記事があなたの入社に対する気持ちを後押しするものとなれば、幸いです。お会いできるのを楽しみにしています！

ネクストスケープに新卒入社することを悩んでいる学生の方へ

初めまして！　ネクストスケープに入社して5か月目の乾です。この記事は「NEXTSCAPE Advent Calendar 2023」の18日目です。今日は入社してから感じたこと、そして早速アサインされた案件で自身が心掛けていることを前職の経験も踏まえてお伝えしたいと思います！入社して感じたことそれは、『元請け会社としてシステムを内製するSIer』入社前から何となく理解していたものの、入社して改めて、その実力（システム開発力）を目の当たりにしました。アプリまでを含めたシステム開発を、元請け会社として内製で開発し切るところが強みと感じました。SIerはシステムが動くところまでを構築することが使命であり、その成果により達成感が得られます。これからそれを感じることが出来ると思うととても楽しみです。さて、良い面だけ書くと仕込みのようになるので(^_^;)、改善ポイント的な気付きを一つ。それは、PMとPJメンバー間で距離感のあるプロジェクトが進行している気がしました。これはリモートワークの弊害？、それともアジャイル手法による影響？、なのでしょうか。一枚岩で、メンバ全員が歯車のように噛み合ってプロジェクトが回らないと成功は収められないかな、と…私のこの気付きが現実かどうか、仮に現実なら何が原因か、そしてDXできるか、これから取り組んでみようと思っています。PMとしての心掛けさて、少しPMの話題になったので、Techではないですが、私がPM業務をする上で、心掛けていることをお伝えしたいと思います。（PMとしてのいわゆる手法やノウハウはPMBOKに任せます(^_-)-☆）私がPMとして心掛けていることの一つ…それは『懐に入る』ことです。”懐に入る”とは、着物を着ていた時代は懐（胸元）に財布を入れていたことから、「お金を自分のものにする」という意味があります。それに合わせて「顧客を自分のモノにする」という意味で、私は使っています。その他にも、「人当たりがいい」、「人との距離感をつかむ」、「人間関係をうまくつくる」、「場の雰囲気や空気を読む」といった意味でも使えると思います。これは、社長が言っている「顧客と融ける（共感）」と、同じではないでしょうか！PMは、「顧客に言われたことを言われた通りに作業していればよい」ということではない、つまり、顧客の言うことを「はい、はい」と聞く役割ではないですよね。元請け会社としてのPMは、顧客プロジェクトの成功に全責任を負うこと。言い換えると、当社を信頼してくれた顧客に対して、約束した以上の価値を提供することと考えています。これからも価値を提供するSIerとして、・「できないこと」は「できない」と言う・顧客が言う内容より「エンジニア目線でもっと良い案があるときは強く提案する」を実践していきたいと思います。更に少しだけ…更に、心掛けていることを少しだけ。・『先手必勝』　文字通り後手にならないように顧客をリードする・『WinWinを目指す』　顧客だけがWinでも、元請け会社だけがWinでも駄目・『相手の立場に立って考える』　懐に入る一つの方法(かも⁉)・『ノンオフィシャルの場をもつ』　懐に入る二つ目の方法(かも⁉)　※飲みの場など最後にここまで読んで頂いた皆様、ありがとうございました。 貴方も貴女も、PMを担いたくなってきませんか(^^♪、そして一緒にSI（シリアルイノベータ）したくなったのではないでしょうか。そんな時は、迷わずご連絡を！一緒に「顧客の想いに共感し、感動を実現」しましょう。あれ？、採用活動？？？　(^_^;)　では、またの機会に！

入社５か月目の今…

こんにちは、Azure ビジネス部 の島田です。Nextscape は会社全体としてMicrosoft Azure のPaaS開発に強い会社ですが、Azure ビジネス部は、中でもAzure に関する新しい技術をお客様にいち早く使っていただき、業務に活用していただくことをミッションとしている部門です。そんなAzure ビジネス部なので、Microsoft の代表的な生成AIサービスとして「Azure OpenAI」というサービスを活用したソリューションに沢山取り組んだ一年でした。ここまで読んでいただいた皆様は、当然この先にAzure OpenAIにまつわるエトセトラを期待しますよね。実はそれも考えたのですが、（考えたネタがすべてボツったので）今まで十数年やってきたことに対する大きな気づきや、考察をするきっかけになった一年の仕事について振り返ってみることにしました。ソリューションエンジニアリングとは今年自分がやってきたメインの仕事に、「ソリューションエンジニアリング」という名前を付けてみました。これは『ソリューションエンジニアの教科書』（山口央(2023).『ソリューションエンジニアの教科書』.翔泳社.）という本で知った後付けのネーミングです。ここでは、ソリューションエンジニアリングの定義を、顧客の課題を発見し、その課題に対するソリューションを作り上げていく（組み立てていく）お仕事（そしてその結果として成約に至るということをゴールとする）とします。ソリューションは、SIerであればシステムがメインになりますし、SaaSベンダーであれば自分たちのSaaSサービスそのもの、またはその組み合わせ等が考えられます。システム化にアプローチする前のいわゆる上流工程に位置づけられますが、新規の顧客に限らず、実際にソリューションを提供しているフェーズの顧客に対しても、そのソリューションを使う上での課題を新しく発見したり、顧客企業で働いている人の様子を観察することで真のニーズに関するヒントを得ることができます。特にSIという仕事をしていると、ソリューションエンジニアリングの機会は至るところにあるのではないでしょうか。結論：顧客をどれだけ理解できているかがすべてこの1年で痛感したことはこの言葉に集約されています。例えば、以下のような質問にどれだけ答えられるでしょうか。顧客にとっての課題は何か顧客はその課題に気づけているのか課題を解決することによるインパクトを顧客はどう考えているのか顧客の意志決定者は誰かその意志決定者はソリューション決定にあたりどのような基準を持っているかそもそも我々はベンダーとして意思決定者にどう期待（評価）されているか他にも顧客を理解できているかという視点でさまざまな自問をすべきですが、自分自身の1年を振り返ると、これらの質問に答えられていなかったケースがたくさん思い浮かびます。その中でも、よくハマってしまった落とし穴について書いてみたいと思います。落とし穴①「解決するインパクトのある課題について検討・議論できていない」これは言葉にしてみると当然できているべきことのように思われますが、意外とできていませんでした。今年はありがたいことに生成AIに関する世の中の機運が高まり、様々な企業が「とりあえずやってみよう」という姿勢で、生成AIをテーマとした引合いも非常に多かったです。ですが、生成AIというソリューションや手段を使うこと自体が目的化してしまい、「解決する価値のある課題についての議論」がどこかに忘れ去られているケースも多かったと感じています。もちろん、生成AIのような新規性の強い技術が出てきた場合に「使ってみて何ができるのかを検証し、活用できる業務のユースケースを検討する」ということ自体は大事です。ここで言いたいことは、ソリューションエンジニアには、「顧客がお金を出してでも解決したいインパクトのある課題を解決できるのか」（So What?）を常に自問し、そうでないのであればそれを見出すためのアプローチをとること（顧客自身が気づけていない課題の深堀をしてみること）が求められるという点です。落とし穴②「課題解決のインパクトが意志決定者に理解されていない」十分にインパクトのある課題だと自信を持つところで満足してしまっていることも多かったです。しかし成功のためには、それが意思決定者にとっても同じように理解されていることが必要です。この点については以下のようなアプローチができると思います。意志決定者を特定し、その人が持っているミッション、課題認識、意思決定における観点や基準を踏まえてアピールする自分の提案に賛同してくれる意思決定者がいないかを探す1つ目については、まず大前提として、新しく提案をする際にその提案についての意志決定者を特定できている必要があります。そもそも提案に関わるステークホルダーを特定する必要性についての理解がないと、フェーシングしている担当者からの意見のみを対象にして課題やソリューションを定義することになります。これだと結果として、意思決定者にとってはインパクトの大きい課題になっていないという事態が発生します。また提案期間が短かったり工数が少ない等、ステークホルダーへの十分なインタビューができない場合もあります。既に取引のある顧客に対してであれば、日頃から顧客を観察したり関係性を作っていろいろな情報にアンテナを立てておき、いざ提案をする際の貴重な情報として使うことも大事だと感じました。2つ目については、ソリューション自体は顧客にとって有用だと自信を持って言える場合でも、提案先が適切でない（顧客担当者のミッションとは関係がない等）ということも往々にしてあり、そういう場合に有効だと思います。提案先というのは自分たちで開拓できるという柔軟な発想を持っておくことで、よりプロアクティブに機会を創出していくことができます。（この点は実は親会社の営業さんから学んだ部分が非常に多く、貴重な経験でした。）落とし穴③「顧客は複数のソリューション案を持っていることを忘れている」これは、特によくある失敗だと思います。当然ですが、顧客に提案しているのは自分たちだけではありません。解決するインパクトのある課題になっていることは前提として、それを解決するソリューションは無数にあるという認識を持ち（つまり競合サービスへの理解も大事）、自分たちのソリューションを採用してもらうための一手を持っておきたいところです。この点については、以下のようなアプローチができると思います。システムとしての最適性と実現性のみに終始しないコスト、付帯するメリット（顧客におけるサプライチェーン等を考慮して）も考えたソリューションになっているかを見直す日頃から信頼される仕事をする特にエンジニアとしての経験が長いと、「システムとしての最適化と実現性」のみに着目し、「コスト」や「付帯するメリット」には意識が向かないことが多いです。これは私も反省する点が多かったです。「なぜ顧客はそのソリューションを選ぶのか」、「より採用してもらえる確度を上げられないか」、「その値段で発注できるのか」を少し想像してみるだけでも、提案のレベルは格段に上がることを実感しました。そして何よりも大事なのは、（これは提案の成功云々の話とは別の次元で当然ですが）やはり、日頃から信頼される仕事をしているかだと思っています。どんなに顧客にとってインパクトのある課題をとらえ、よりよいソリューションを提案しても、「この人達にできるだろう」と信頼してもらえなければ、顧客は提案を採用してくれないのではないでしょうか。まとめ：「自分たちのサービスにいくらの値段をつける？」という問いに応えられるかなんだか盛大なポエムになってしまいましたが、ここまで読んでくださった皆様、ありがとうございました。書籍を読んで自分の経験と照らし合わせた気づきについて書いてみましたが、実はまだ見えていないいろいろな前提や状況に応じてアップデートしていきたいと思います。今年は自分の働き方を考える上できっかけになった様々な出来事があり、色々と自問する機会が多い一年でした。しかし、一番大きかった問いは今年の春ごろに社長から言われたこの言葉でした。「値付けも一旦島田さんたちでやってみてよ」と言われ、「うーん、これだけ工数がかかるから云々。。。」というような回答をした記憶があります。しかし一年を振り返ってみて、この言葉に込められた難しさ、奥深さ、サービスを提供するということの意味を今改めて考えています。いくら工数がかかるかなんて、顧客には関係ない。自分たちの提供するサービスの価値を理解できているのか、つまりは自分たちが日頃顧客を理解し、価値を出せるように常に自分を磨き、価値を出そうと尽力しているのかという問いだったのではないかと思っています。これは私見ですが、SIerはソリューションエンジニアリングに向いている業態なのではないかと思っています。SIについてはいわゆる「クライアントワーク」と言われて、一部では「顧客主導の仕事をやっていて自分たちで積極的に課題を発掘する姿勢がない」といった意見もあります。私自身もそういう傾向に陥ってしまっていると反省する場面がたくさんありました。仕事の構造からしてそういう傾向になりがちなのは認めるとしても、だからと言って「積極的に課題を発掘することができない」わけではありません。日々企業で働いている方とのコミュニケーションの機会が与えられているその機会を活用していろいろな課題に気づく機会が豊富にあるエンジニアはソリューションを考えるのが得意要は、そういう機会を活用しようという姿勢を持てているか次第だと思います。「自分たちのサービスにいくらの値段をつける？」という問いに応えられるかを常に自問し、これからも仕事をしていきたいと感じた2023年でした。おまけ：生成AI系のボツネタたちプロンプトデータの著作権が懸念されたのと、それを回避するデータ作成が間に合わず、ボツネタに。（言い訳です、はい。）画像生成系AIを使って、4コマ漫画の4コマ目を生成する（3コマ目までの文脈を元にどんな4コマ目を作るのかに興味があり）音声生成系AIを利用して自分の声を学習させたアバターを使った動画を作ってみるCMなどの口語表現を用いた文脈把握の精度を生成AIモデル毎に比較するちなみに下記は、「問い」というプロンプトを入れた際に画像生成AIが生成した画像です。なかなか哲学的で気に入っています。参考文献山口央(2023).『ソリューションエンジニアの教科書』.翔泳社.

ソリューションをエンジニアリングする

こんにちは。DX推進室の桂です。皆さんはPowerToysとDevToysをご存知でしょうか？部内でも意外と知らない人が居たので今日はその紹介をしたいと思います。この記事は「NEXTSCAPE Advent Calendar 2023」の13日目です。qiita.comPowerToysとはプレーンテキストとして貼り付けImage ResizerホストファイルエディターPowerToysまとめDevToysとはDevToysの何が便利かJSONフォーマッターSQLフォーマッターURL エンコーダー/デコーダーパスワード生成DevToysまとめまとめ PowerToysとはPowerToysはWindowsの十徳ナイフとして有名なツールです。こちらは有名なので知っている方も多いのではないでしょうか。内包しているツールについては日々追加されたり独立されたりしているので、最新の情報は以下を参照してください。例えばSnippingToolなんかは以前はPowerToysの1つだったのですが、WindowsVistaからは独立しOS標準付属ソフトになったりしています。learn.microsoft.com以下、2023年12月現在での機能で個人的に良く使うものをさらっと紹介してみます。プレーンテキストとして貼り付け一番使っている機能で、現行のWindowsではWebなどからコピペしたときに書式が一緒に貼り付けられてしまうケースがオフィス製品等ちらほらあります。そんなときにこの機能を使えばCtrl+Shift+V（デフォルト設定の場合）で貼り付けると、その名の通り書式なしで貼り付けることができます。超便利です。いや、機能が劣化したものを元の動作にできるようにしているだけなので便利も何も……って話はありますが。個人的にはCtrl+Shift+Vのときだけ書式ごと貼り付けるよう動作を逆にしてくれないかな？とは思っているんですけどね。Image Resizerデザイン担当に依頼するまでもない画像のリサイズを手元でサクッと行えます。ペイントなんかでリサイズするよりは綺麗なので、資料向けやスタブ用画像のときに使ってます。ホストファイルエディター現行のWindowsはHostsファイルを直接書き換えができなくなっているので、メモ帳やテキストエディタで編集する場合は一旦他の場所に保存してから管理者権限で上書きする必要があります。ところがこれを使えば直接編集・保存ができます。PowerToysまとめそんな感じで意外と便利なツールがありつつ、あんまり使わないなぁというものも昔から多いPowerToys。それでもMS謹製ということで安心感のあるツール群ですので一度試してはいかでしょうか。DevToysとはで、ここからが本番です。開発者向けのツールが集まっているDevToysを知らないのは勿体ないと思います。部内でも本当に知られてなかったので是非覚えて帰ってください。devtoys.appDevToysの何が便利か上にDevToysに入っているすべての機能を並べてみました。どうでしょうか？開発者の皆さんなら使う機能ばかりではないでしょうか？よく使うものをピン留めしてメニューの上の方に並べられるんですが、僕は該当する機能が多すぎてピン留めが機能しないことに気付いて途中でやめました（笑）PowerToysと比較して有用さが段違いです。これがMS謹製で、オフライン、スタンドアロンで使えます。検索して誰が提供しているか分からないサイトも使わなくてよくなります。個人的にはブログを今すぐ閉じてでも使ってみて欲しいんですが、それではあまり記事にならなくなってしまうのでこちらもよく使う機能を紹介します。JSONフォーマッターWebサービスとかでありがちな改行もないJSONもご覧の通りです。アウトラインでの折りたたみもできます。クリップボードにJSON形式のテキストが入ってるとDevToysを開いた瞬間にこの機能が立ち上がったりもします。至れり尽くせりです。たまに誤爆するのはご愛嬌。SQLフォーマッターSQLなんかもご覧の通り。これでログ中の改行が入っていないSQLや、長くて読み辛い負の遺産となったSQLも少しは読みやすく……？URL エンコーダー/デコーダー日本語交じりのURLを貼り付けても上手くリンクになってくれないときも、これさえあれば大丈夫！パスワード生成パスワード生成に誰が提供しているか分からないサイトの利用は本当にやめましょう。オフラインで使えるということは、生成したパスワードも外部に送信されていないといういことです。DevToysまとめここでは4機能しか挙げませんでしたが、それ以外の機能も本当によく使ったりそうでなかったとしてもふとした拍子に必要になったりするものばかりです。一度インストールして実際に使ってみてください。まとめWindows環境での開発者向けツールはMS製をはじめよく使われるものに関しては以下にまとめられています。learn.microsoft.com昨今では我々開発者は技術情報だけでなく、こうした便利ツールやCopilotといったAIアシストといったものも積極的に取り入れて生産性を高めていくことも求められています。便利なものはどんどん試して、良かったものはもちろんダメだったとしてもどこがどうダメだったかを共有していきましょう！

DevToysが便利だったので（今更ながら）共有します

NEXTSCAPE Advent Calendar 2023 13日目の記事です。はじめにコロナが流行る前まで、私が所属していた部署では、発表する力を鍛えるためにライトニングトーク大会というものを定期的に催していました。ライトニングトーク（LT）とは5～10分程度の短時間で行われるプレゼンテーションのことです。テーマは自由で、IT関連のことから最近自分がはまっているゲームまで様々なことをみんなで発表し合いました。今回は、そのLT大会で作成した「体験するデザイン」の内容をここで再発表したいと思います。デザインというと、魅力的な色合いだとかかっこいい画像だとかを想像しがちですし、そういったものをつくるための専門的な知識や技術が必要だと思い込んでしまうかもしれません。しかし、ユーザーにとっての普遍的な使いやすさ、わかりやすさ、そういったものを考えることもまたひとつのデザインなのではないでしょうか。そういったデザインを考えるための基礎となるルールを、このスライド（記事）を通じて開発者である読者の皆さんが少しでも体験することができればと思います。体験するデザイン私たちの暮らす世界には「もの」があります。それらは世界にばらばらと存在しているようにも見え、しかし私たちはそれらの並びに様々な意味を見出し、ルール付けしている。 そのルール付けは時に曖昧です。人によっては若い女性が老婆に見えたり、壺が人の横顔に見えたり、枯れ木が国家指導者達に見えたりする。「認知心理学」とは、そんな私たちがどのようにして世界をルール付けしているのかを探る学問です。人間の脳は大きなブラックボックスです。まだまだわからない部分もありますが、ある一定のルールが見いだされています。そのうちの一部を紹介しましょう。この画像を見て、まず目に飛び込んできたのは黄色の四角ではありませんでしたか？ 見ようと意識していなくても、黄色の四角へ注意を向けてしまったのでは？このように人間が注意を向ける特質を「示差性」といいます。示差性とは、他とは違うと明らかに知覚できること。街中でチカチカするライト、赤いマーカーで囲まれた日付、スーパーのチラシやポップの大売出しの広告。注目を集めたい、視覚に訴えるさまざまなものたちは、このテクニックが大いに活用されています。では、注目を集めたいときには、とにかく目立たせれば良いのでしょうか？答えは No です。示差性は他と比較して異なって見えることが第一。みんながみんな違いを強調すると、最終的には似たり寄ったりになってしまい、示差性は失われてしまいます。わかりやすいのは、選挙のポスターですね。誰もが自分のセールスポイントをアピールしようと派手になりがちですが、いかんせんどれも同じように見えてしまっています。デザインを語るとき、椅子ほど話題の中心になるものもないそうです。世界には多種多様な見た目・素材の椅子があります。椅子が椅子であるための条件とは、「お尻で身体を支え、足への負担が小さくなるようにできる」こと。最低限これらの条件がそろっていれば、おおよそ椅子といって差支えないでしょう。木の切り株、机、公園の車止めや安全枠。これらもまた、椅子としての条件を満たしていることになります。実際、いずれにか腰かけたことがある人は多いと思います。いずれも他の用途があるもので、椅子として存在しているわけではない。しかし何故か私たちはそれらに座ってしまう。言い換えると、特定の条件が満たされれば、我々は自然な行為として「座らされてしまう」ようにも思えないでしょうか？  とある切り株について考えてみましょう。この切り株は、安定した平面があり、足の高さと平面がちょうどよい切り株です。こんな切り株を見ると私たちは「座ることができる」という認識を得ます。そしてそれ以外にも、上に乗る、ものを置く……様々な意味を見出すことができる。切り株という環境は、私たちに多くの知覚を提供します。アメリカの知覚心理学者ギブソンは「まず環境側にすでに意味があり、それを人間が環境との関係で見つけ出しているのだ」と提唱し、それをアフォーダンスと名付けました。今回でいえば、「人間が乗ってもしっかり安定してそうな切り株」という環境がある。そこには「物を乗せる」「歌うためのステージ」「待ち合わせ場所」などなど無数の意味（＝アフォーダンス）がある。その中で、自分が今しようとしている「座る」という行為とセットで考えたとき、「座る事ができるもの（＝椅子）」という価値を発見している、ということになります。では、この意味付けの方向性を定めることができれば、わざわざ説明書きをつけずとも「この切り株は椅子である」という認識を与えられそうじゃないでしょうか？この切り株の傍にちょうどいい高さのテーブルがあったとしましょう。こうすると、「この切り株は座るためのものなのだ」と認識することができると思います。このような、適切な行動へ誘導するようなサインを「シグニフィア」といいます。わかりやすい例としては、ドアの取っ手でしょう。ノブが平たければ、引っ張るのは難しい＝押して開けるドアだと認識する。ノブがバー状になっていれば、掴んで引っ張ることに適している＝引っ張って開けるドアだと認識する。逆にこのシグニフィアのデザインが間違っていると、誤った認識を与えてしまうことになります。直感的に使えないな、わかりづらいな、と思ってしまうときは、往々にしてこのシグニフィアのデザインが上手くないのが原因でしょう。読者の皆さんも、身近に思い当たるものがあるのではないでしょうか？さて、今回は数多ある認識のルールから2つのトピックを切り出して説明しました。説明した内容は 心を動かすデザインの秘密 認知心理学から見る新しいデザイン学 という本を参考にしています。他にもたくさんのデザインの秘密が掲載されていますので、興味を持った方は是非読んでみてください。おわりに「体験するデザイン」はいかがでしたでしょうか？UX という単語が広がりましたが、これはまさに「体験をデザインする」といえるでしょう。開発者である私たちが、デザインとは何かを少しでも知ることで、成果物の価値をより高めることができるのではないでしょうか。この記事が開発者の皆さんが新たなステージに上がるための一助、クリスマス的に言えば、ちょっとしたプレゼントになりますように。

開発者のための「体験するデザイン」

みなさん、こんにちは。システムインテグレーション事業本部の橋正です。この記事は「NEXTSCAPE Advent Calendar 2023」の12日目です。２年ぶりにアドベントカレンダーに参加します。何を書こうかと迷った結果、今さら感漂うタイトルの文章を書くことにしました。コロナ禍を過ぎ、日本中がリモートワークを当たり前とするようになりました。充実して集中できる仕事環境、通勤時間とその疲労からの解放、・・・と長所がある一方、孤独になりがちだったり、やはりコミュニケーションとしては疎になることがあり、イザ！という時は対面で～みたいなことが聞かれます。（ボクは仲間の顔が見えた方が楽しいので、割と会社に来ちゃいますが・・・）概して言うと、コミュニケーションの量ならびに質が低下する傾向は否めない。じゃぁ、そういうことに対策しながら対話力を高める必要がある（注１）と思います。では、こういう時に武器とするべきものは何か？と考えると。「親切心」と「想像力」（注２）なんだとボクは思います。加えて言うならば、それぞれを個別に発揮するものではなく、併せもつことに意味があると思うのです。こちらの言いたいことを正しく認識してもらうためにどんな風に伝えればいいのか？このテーマ技術的に、わかりにくくないかな？⇒　それだったら作業とはなるけど、誤解が生じないように、正確に図を描き表現してみよう！　　あとで、認識齟齬が発覚するより、はるかにその方がコスパいいし、何より安心！今回の仕様変更で、悩んでいるけどそれを言えない人がいるのではないかな？風邪が流行っているけど、体調大丈夫かな？⇒　体調の確認を兼ねて、個別に思いを探ってみよう！まぁ、言うなればこんな「心」を想像しようとする脳の律動から行動を起こすことが、これまで以上に意味を持つと思うワケです。親切心を基盤として、その上に分野ごとの想像力を置き、対話力を高めてプロジェクトに挑戦していきたいと思います。互いに見えない「心」を合わせることを楽しみながら（注３）、来年も多くのことにチャレンジしていきましょう！（注１）コミュニケーション齟齬が起きないように、適宜正確なドキュメントを取り交わすことが、これまで以上に大事になってきたような気がします。（注２）某お客様のＰＭはプロジェクトを牽引するには、「思いやりとイマジネーションが大事」だと言ってました。（心の中でボクと同じじゃん！と笑ってしまいました）（注３）う～ん、考えてみたら長い付き合いの夫婦でも同じことだな。。と少しだけ反省。親切心と想像力

リモートワーク時代におけるコミュニケーションってどうあるべきか論

はじめにこんにちは。デバイスソリューション部 XRチームの道下です。前年のアドベントカレンダーではARDK Lightship VPSを試すという記事を書きました。私は毎年その一年で行った中で一番興味があるものを記事にしています。今年は去年末にOpenAIからChatGPTが公開され、X（旧Twitter）ニュースサイトなどがAIで溢れた一年だという印象です。また、XRにおいてもMagic Leap 2やQuest3などのハードウェアが公開、発売され大いに盛り上がったと思っています。というわけで今年はXR×AIでChatGPTとQuest3を組み合わせて音声、画像入力でコミュニケーションをする方法について書きます。最終的な構成操作者は音声入力と画像入力ができます。音声入力はQuest3のマイクを通して認識し、テキストに変換され、入力されます。画像入力は別のAndroid端末で撮影したカメラ画像が入力されます。その後ChatGPT APIを通じて、入力に対した結果を表示します。まずはテキスト入力の場合に使用する音声→テキスト変換の実装をします音声をテキストに変換するQuest3でできる音声認識を探したところ、MetaのボイスSDKチュートリアルが転がっていたので、ドキュメント通りに実装します。以下にスクショ付きで詳しく記述されているので説明は割愛します。チュートリアル - ボイスSDKを使って基本的な音声入力を受け取る | Oculus開発者動作確認する話した内容がテキストで確認できます。Wit.aiはMetaのサービスである事と結構認識精度がが良かったので採用しました。（この時コロナに掛かっていたので、「まだ喉痛いです」的なことを言ってます…ChatGPT APIの実装次にChatGPTにテキスト送り、応答を受け取る実装をします以下の記事を参考にさせていただきましたChatGPT APIをUnityから動かす。｜ねぎぽよしまずは動作確認。問題なさそうです。次はChatGPT APIのリクエストとレスポンスを理解していきます。リクエストOpenAI APIへ以下の形式でリクエストします{  "model": "gpt-3.5-turbo",  "messages": [    {      "role": "system",      "content": "語尾に「にゃ」をつけて"    },    {      "role": "user",      "content": "好きな魚料理を1つ教えて"    }  ]}modelにChatGPTでどのモデルを使用するかを決めています。”gpt-4”, “gpt-4 turbo”などに変更することもできます。"role": "system"ではChatGPTの人格について設定しています。この例では"語尾に「にゃ」をつけて"なので回答+「にゃ」がついたテキストが返ってくるようになります。"role": "user",ではChatGPTに入力するテキストを設定しています。このテキストを変更することで問う内容が変わります。レスポンス以下の形式で返ってきます。{  "id": "chatcmpl-8SLORP8afxX5H0ub66Vapwv8hWB6B",  "object": "chat.completion",  "created": 1701766111,  "model": "gpt-3.5-turbo-0613",  "choices": [    {      "index": 0,      "message": {        "role": "assistant",        "content": "好きな魚料理は、さばの味噌煮にゃ。さばの身がふっくらとしていて、味噌の風味がしっかりと絡んでいて美味しいにゃ！"      },      "finish_reason": "stop"    }  ],  "usage": {    "prompt_tokens": 40,    "completion_tokens": 71,    "total_tokens": 111  },  "system_fingerprint": null}"role": "assistant"はChatGPTからの回答です。会話内容をユーザーに表示する場合はこの値を使えば良さそうです。形式についてはOpenAIのドキュメントにも記載があります。https://platform.openai.com/docs/guides/text-generation/chat-completions-api別の言葉でリクエストしてみる実際にsystemとuserを以下の値に変更してみます。system:”関西弁で30文字以内で話して”user:”大阪で有名な観光地はどこ"ちゃんと関西弁になっていて親しみやすくなりましたね。次はこの応答テキストを音声に変換します。テキストを音声に変換する音声変換Azure AI Serviceの音声サービスを使用します。音声サービスでは音声⇄テキストの変換に対応しています。音声サービスとは - Azure AI servicesサービスを新規作成しておきます。Unityから呼び出すSpeech SDK for Unityをインストールします。以下のページからunitypackageを取得してプロジェクトにインポートします。Speech SDK のインストール - Azure AI services | Microsoft Learnテキストを音声サービスを使って再生するコードは以下です。YourSubscriptionKey、YourServiceRegionは自身のものに置き換えてください。using UnityEngine;using Microsoft.CognitiveServices.Speech;using Cysharp.Threading.Tasks;public class TextToSpeechManager : MonoBehaviour{    private string YourSubscriptionKey = "YourSubscriptionKey";    private string YourServiceRegion = "YourServiceRegion";    /// <summary>    /// テキストを音声で再生します    /// </summary>    /// <param name="speechText"></param>    /// <returns></returns>    public async UniTask PlaySpeakAsync(string speechText)    {        var speechConfig = SpeechConfig.FromSubscription(YourSubscriptionKey, YourServiceRegion);        // 日本語        speechConfig.SpeechSynthesisVoiceName = "ja-JP-MayuNeural";        speechConfig.SpeechSynthesisLanguage = "ja-JP";        using (var speechSynthesizer = new SpeechSynthesizer(speechConfig))        {            var speechSynthesisResult = await speechSynthesizer.SpeakTextAsync(speechText);            switch (speechSynthesisResult.Reason)            {                case ResultReason.SynthesizingAudioCompleted:                    Debug.Log($"SynthesizingAudioCompleted : {speechText}");                    break;                case ResultReason.Canceled:                    var cancellation = SpeechSynthesisCancellationDetails.FromResult(speechSynthesisResult);                    Debug.Log($"CANCELED: Reason={cancellation.Reason}");                    if (cancellation.Reason == CancellationReason.Error)                    {                        Debug.Log($"CANCELED: ErrorCode={cancellation.ErrorCode}");                        Debug.Log($"CANCELED: ErrorDetails=[{cancellation.ErrorDetails}]");                    }                    break;                default:                    break;            }        }    }}SpeechSynthesisVoiceNameは再生する音声を設定します。SpeechSynthesisLanguageは再生する音声の言語を設定します。Azure AI Serviceの音声サービスには言語ごとに数は異なりますが、複数の音声が登録されています。音声はSpeech Studioから確認することが出来ます。音声を決めたら、サンプルコードを開き、SpeechSynthesisVoiceNameの文字列をコピーしてUnityのコードに貼り付けるなどして音声を設定します。Quest3で動作テスト一通り実装が終わったらQuest3で動作確認します※音が出るため音量注意東京タワー前駅とか架空の駅を返してきましたが、リアルに会話しているようでいい感じですね。テキスト入力はここまでです。以降は画像入力について書きます。ChatGPTに画像を入力するGPT-4はテキスト入力以外に画像入力も対応しているので試してみます。リクエストには入力したい画像のURLもしくはBase64エンコードした画像を追加します。試しにWikipediaにあるコロッセオのURLを使い、どのくらい認識できるか確認します。コロッセオ - Wikipedia「この画像に何が見えますか。」と聞いたところ結構詳しく説明してくれますね。コロッセオや観光客、天気なども認識しています。リクエストはテキスト入力と多少異なるので見ていきます。リクエスト画像入力は以下の形式でリクエストします。{    "model": "gpt-4-vision-preview",    "messages": [        {            "role": "user",            "content": [                {                    "type": "text",                    "text": "この画像に何が見えますか。"                },                {                    "type": "image_url",                    "image_url": "<https://upload.wikimedia.org/wikipedia/commons/a/a3/0_Colosseum_-_Rome_111001_%281%29.JPG>"                }            ]        }    ],    "max_tokens": 1000}image_url”に画像のURLを設定します。Base64エンコードした画像でリクエストする場合は以下のフォーマットにする必要があります。data:image/jpeg;base64,{base64_image}形式はテキスト入力と同様にOpenAIのドキュメントに記載があります。https://platform.openai.com/docs/guides/vision撮影した画像を使用する最後にカメラで撮影した画像を入力してみます。ただQuest3のパススルー映像へは現状アクセスできないようになっているようです。ユーザーの物理環境の画像や動画に、アプリからアクセスすることはできません。その代わり、アプリでは特殊なパススルーレイヤーを作成します。このレイヤーが、XRコンポジターにより実際のパススルー表示に置き換えられますPassthrough API Overview | Oculus Developersそのため、今回は別のAndroid端末で撮影した画像をQuest3で取得するようにしました。動画ではキーボード、ラズパイ、光造形用レジン液を認識させてみました。おわりに今回はChatGPTとQuest3を組み合わせてコミュニケーションをしました。様々なサービスを使っているためコストはかかります(特に画像入力)が、体験として非常に良いと思いました。今後もXRに関する記事を書いていきたいと思っております。最後まで読んでいただきありがとうございました。ネクストスケープでは共に働く仲間を絶賛募集中です。ご興味ある方は下記のURLからお気軽に。www.nextscape.net

ChatGPTとQuest3を組み合わせたAIとのコミュニケーション

はじめにこの記事は「NEXTSCAPE Advent Calendar 2023」の9日目の記事になります。qiita.com唐突ですが、皆様の会社ではデジタルマーケティングに関する取り組みとして何か行っておりますでしょうか。mixpanel.comMixpanel概要Mixpanelはアメリカに存在する会社名でもありまして、その名を冠したWebトラッキングツール「Mixpanel」を開発・販売しています（以下「Mixpanel」はツール名を表すものとします）。では、GAとの違いは何かといいますと、GAもGA4への移行にあたってクッキーやGoogleアカウントを元に個人をある程度特定し、イベント寄りの情報収集・表示を行うようになったようですが、Mixpanelはサイト内の会員情報等を元により具体的な情報を収集します。ユーザー登録まずは公式サイトの右上「Get Started」を選択し、アカウント作成・登録を行います。実装（JavaScriptの場合）今回はJavaScriptでの実装方法をお見せします。<script type="text/javascript">  (function (f, b) { if (!b.__SV) { var e, g, i, h; window.mixpanel = b; b._i = []; b.init = function (e, f, c) { function g(a, d) { var b = d.split("."); 2 == b.length && ((a = a[b[0]]), (d = b[1])); a[d] = function () { a.push([d].concat(Array.prototype.slice.call(arguments, 0))); }; } var a = b; "undefined" !== typeof c ? (a = b[c] = []) : (c = "mixpanel"); a.people = a.people || []; a.toString = function (a) { var d = "mixpanel"; "mixpanel" !== c && (d += "." + c); a || (d += " (stub)"); return d; }; a.people.toString = function () { return a.toString(1) + ".people (stub)"; }; i = "disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split( " "); for (h = 0; h < i.length; h++) g(a, i[h]); var j = "set set_once union unset remove delete".split(" "); a.get_group = function () { function b(c) { d[c] = function () { call2_args = arguments; call2 = [c].concat(Array.prototype.slice.call(call2_args, 0)); a.push([e, call2]); }; } for ( var d = {}, e = ["get_group"].concat( Array.prototype.slice.call(arguments, 0)), c = 0; c < j.length; c++) b(j[c]); return d; }; b._i.push([e, f, c]); }; b.__SV = 1.2; e = f.createElement("script"); e.type = "text/javascript"; e.async = !0; e.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ? MIXPANEL_CUSTOM_LIB_URL : "file:" === f.location.protocol && "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ? "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"; g = f.getElementsByTagName("script")[0]; g.parentNode.insertBefore(e, g); } })(document, window.mixpanel || []);</script>そして、以下の処理を呼び出します。mixpanel.init('YOUR_TOKEN', {debug: true, track_pageview: true, persistence: 'localStorage'}); // Set this to a unique identifier for the user performing the event.mixpanel.identify('onozuka') // Send a default page view event with additional propertiesmixpanel.track_pageview({"page": "Pricing"});出力結果さて、一度でも上で書いた処理が通ればMixpanelにデータが送信されているなので確認してみましょう。」をクリックすると以下のようにデータの詳細が表示され、更に詳しい内容を確認することができます。C#によるMixpanelへのデータ連携さて、今回はJavaScriptによる実装例を挙げてみましたが、SDKが用意されている言語としてはJavaScript以外にSwift、Flutter、Unity、PHP、Java等々、色々と用意されています。github.com終わりに以上がMixpanelの簡単な紹介となります。mixpanel.com弊社はMicrosoft社のパートナーとしてAzureのさまざまなリソース・機能を利用したWebサイト、ツール開発を得意としております。www.nextscape.net

アクセスデータ分析ツール「Mixpanel」の紹介

退屈なプロンプトエンジニアリングはLLMにやらせよう

こんにちは。ソリューションビジネス部の開發(@mamikaihatsu)です。NEXTSCAPE Advent Calendar 2023」の7日目です。さて、弊社の武器の１つにAzureに関する知識と経験があります。そう・・今回、Azureに関するMCP試験および認定資格の紹介  を記載いたします。このシリーズを記載するのが随分久しぶりになってしまいました。すでに年末ですので、前のめりで2024年版！まだAzureに関する資格を持っていない方や、新たに次のステップへの資格を検討されている方の ご参考になればと思います。MCPとはマイクロソフト認定プロフェッショナル (MCP) 認定とは、業界で評価および認知されている厳正な試験により、IT プロフェッショナルとデベロッパーの技術的な専門知識が検証される資格です。そして、指定されたMCP試験に合格することによって、Fundamentals、Associate、Expert に認定され、高度な専門知識を有していることを証明することができます。さらに、近年Specialty認定も増えているようです。Azure 関連の 認定資格対象資格のロールと必要な前提条件や試験も記載します。資格は年に1回更新が必要となります。(更新費用はナシ)★Fundamentals(初級) Azure Fundamentals　※これからAzureを学ぶ人の登竜門的な資格ですロール: 管理者試験: AZ-900: Microsoft Azure の基礎AZ-900: Microsoft Azure の基礎の学習ガイドAzure Data Fundamentalsロール: データベース管理者試験: DP-900: Microsoft Azure のデータの基礎DP-900: Microsoft Azure のデータの基礎の学習ガイドAzure AI Fundamentalsロール: AI エンジニア試験: AI-900: Microsoft Azure AI FundamentalsAI-900: Microsoft Azure AI の基礎の学習ガイド★★Associate(中級)Azure Administrator Associate※開発者であっても取っておいてほしい知識(資格)ですロール: 管理者試験: AZ-104: Microsoft Azure AdministratorAZ-104 の学習ガイド: Microsoft Azure AdministratorAzure Developer Associate※開発者であれば取っておいてほしい知識(資格)ですロール: 開発者試験: AZ-204: Developing Solutions for Microsoft AzureAZ-204: Microsoft Azure 向けソリューションの開発の学習ガイドAzure Security Engineer Associateロール: セキュリティ エンジニア試験: AZ-500: Microsoft Azure セキュリティ テクノロジAZ-500: Microsoft Azure セキュリティ テクノロジの学習ガイドAzure Network Engineer Associateロール: ネットワーク エンジニア試験: AZ-700: Microsoft Azure ネットワーク ソリューションの設計と実装AZ-700: Microsoft Azure ネットワーク ソリューションの設計と実装の学習ガイドAzure Data Scientist Associateロール: データ サイエンティスト試験: DP-100: Azure でのデータ サイエンス ソリューションの設計と実装DP-100: Azure でのデータ サイエンス ソリューションの設計と実装の学習ガイドAzure Data Engineer Associateロール: データ エンジニア試験: DP-203: Microsoft Azure でのデータ エンジニアリングDP-203: Microsoft Azure でのデータ エンジニアリングの学習ガイドAzure Database Administrator Associateロール: データ エンジニア試験: DP-300: Microsoft Azure SQL ソリューションの管理DP-300: Microsoft Azure SQL ソリューションの管理に関する学習ガイドAzure Cosmos DB Developer Specialtyロール: 開発者試験: DP-420: Microsoft Azure Cosmos DB を使用したクラウドネイティブ アプリケーションの設計と実装DP-420 の学習ガイド:Microsoft Azure Cosmos DB を使用したクラウドネイティブ アプリケーションの設計と実装Azure Enterprise Data Analyst Associateロール: データ アナリスト試験: DP-500: Microsoft Azure と Microsoft Power BI を使用したエンタープライズ規模の分析ソリューションの設計および実装DP-500: Microsoft Azure と Microsoft Power BI を使用したエンタープライズ規模の分析ソリューションの設計および実装に関する学習ガイドAzure AI Engineer AssociateAI エンジニア試験: AI-102: Designing and Implementing a Microsoft Azure AI SolutionAI-102: Microsoft Azure AI ソリューションの設計と実装に関する学習ガイド★★Specialty(中級)Azure for SAP Workloads Specialtyロール: 管理者試験: AZ-120: Planning and Administering Microsoft Azure for SAP WorkloadsAZ-120 の学習ガイド:SAP ワークロードのための Microsoft Azure の計画と管理Azure Virtual Desktop Specialtyロール: 管理者試験: AZ-140: Microsoft Azure Virtual Desktop の構成と運用AZ-140: Microsoft Azure Virtual Desktop の構成と運用の学習ガイド★★★Expert (上級)Azure Solutions Architect Expert※最終的に習得してほしい知識(資格)ですロール: ソリューション アーキテクト前提: Azure Administrator Associate試験: AZ-305: Microsoft Azure Infrastructure Solutions の設計AZ-305: Microsoft Azure インフラストラクチャ ソリューションの設計の学習ガイドMicrosoft Certified: DevOps Engineer Expertロール: DevOps エンジニア前提: Azure Administrator Associate or  Azure Developer Associate試験: AZ-400: Designing and Implementing Microsoft DevOps SolutionsAZ-400: Microsoft DevOps ソリューションの設計と実装の学習ガイド※試験の種類や内容は随時更新されております。まとめ以前に資格まとめ記事を記載していた頃より、かなり資格が増えました。さらに各分野に専門化、細分化された印象です。ロールベースの試験ではありますが、例えばどのロールであっても、まずAzureを学び始める人はまず、 Azure Fundamentals基礎を学んだ後は、 Azure Administrator Associateこれは最初に押さえておいてほしい資格かなと思っています。どのロールであっても、Azureの特徴を理解し多角的な視点からシステムを考えれるようになれば、自身のロールに必ず役に立つはずです。

Azure関連のMCP試験と認定資格 ～2024年版～

この記事は、NEXTSCAPE Advent Calendar 2023 の 4 日目 の記事です。 こんにちは、私はC#でバックエンドの開発を行っているネクストスケープのきどです。本記事では新卒二年目の私が仕事をする上でやってよかったことを紹介します。今年の新人や就活生に参考になれば嬉しいです。①気になったことは発言するプロジェクトに参加したばかりはできなかったのですが、今は少しでも気になったことがあれば発言するようにしています。たとえば開発しているシステムのボタン1つでも、場所が分かりにくのではないか？であったり、言葉の表現が別の意味に捉えられてしまいそうで、ユーザーが間違えて使ってしまうのではないか？といった少しの気づきをそのままにしないで、とりあえず発言するようにしています。気になったことを発言する回数が増えていくと、周囲に自分の気づきポイントのようなものが伝わってきます。そうすると他のチームメンバーから先に意見を求められるようになり、プロジェクトに貢献できることが多くなったと思います。他にもTeamsのチャンネルをある目的のために1つ新しく作りませんか？提案したり、マニュアルが更新されてないので使いづらいですなど、不便だな、気になるなと思ったことをは発言するようにしました。自分の意見が通るか通らないというか重要ではなく、自分はどんなことを考えているのかをチーム内にアピールすることはやってよかったと思いました。②なんでもメモを残すプロジェクトに参加してから初めてのことばかりなので、たくさん新しいことを覚える必要があります。もちろん一度には覚えられないので、メモを残すことは当たり前だと思います。ただ、メモは必要そうだから残すのではなく、なんでも残せるものは残した方がよい感じました。メモを残すときは必要ないかも、と思った内容もメモしておくと未来の自分の助けになることが多かったです。たとえば環境構築でデータベースの接続手順を教えて貰ったとします。ツールをインストールして、設定を正しく行って、各種テーブル構造を把握する…という流れです。1度接続してしまえば接続手順を忘れてもはいったんは困ることありません。ただし1ヶ月後に新しいプロジェクトメンバーが参加したとすると、「じゃあそのメンバーに前教えたデータベースの接続手順を教えいて！」と依頼されることは良くあります。上記の例えは少し分かりにくいかもしれませんが、メモを残すタイミングでは想定していなかった状況になることも多いです。あの時少しでもメモしておけば、すぐに思い出せたのに、、とならないようになんでもメモを残しておく必要があるわけです。メモを残す際は文字に起こすことが多くなりがちですが、文章をまとめるのは少々時間がかかってしまいます。時間がかかってしまうと面倒に感じてしまうことが多くなり、忙しいとメモを残すこと自体を諦めてしまうことになってしまいます。私はそれが嫌だったので、文字に起こす以外の方法でメモを取ります。一番多い方法がスクリーンショットとることです。ツールの画面や会議中の資料、Teamsのチャット履歴など、なんでもスクリーンショットして保存しておきます。スクリーンショットには「Screenpresso」というツールを使っています。無料版でも使いやすく画像の編集も簡単にできるので重宝しています。それを「Notion」というメモアプリに張り付けています。必要があれば一言文字を入れることもありますが、画像だけ張り付けておくことも多いです。文字がなくても数枚のスクリーンショットがあれば、当時の内容をある程度思い出すことができます。スクリーンショットだと検索することができないというデメリットがあるのですが、私は内容を忘れても、それをいつやったのか？ということはよく覚えているので、日付情報である程度絞りこみをして探すことができています。他にもTeams会議の録画機能も活用しています。ただ動画も検索することができないので、後で再確認しそうな内容があれば、その動画の何分何秒から話をしているのかということだけをメモするようにしています。③業務理解をする関わっているプロジェクトの業務理解をすることは、開発を行う上で役に立つということが多々ありました。新しい機能の開発をする際に、ユーザー目線で画面デザインの提案ができたり、使っていて違和感のないシステムにするために注意を向けることができます。たとえば図書館の書籍を管理するシステムを開発するプロジェクトなら、システムを使うのは図書館職員です。それなら図書館職員の一日の仕事内容を調べてみたり、その分野の専門用語を頭に入れておくことは最低限やっておくべきだと思います。それをしないと、その業種の文化や温度感というものがわからないまま開発を進めることになると感じます。たとえですが、図書館職員が書籍の中でも「漫画」に対して、実は「コミック」という表現を使うこと多いということを知っていれば、開発しているシステムで「漫画」という表現は「コミック」に差し替えた方がいいんじゃないか？という提案ができるわけです。1つ1つは些細な違いかもしれませんが、こういったものが積み重なるとユーザーとって違和感のあるシステムになってしまうのかもしれないと最近は感じるようになりました。自分が調べられる範囲でも業務理解を深めることは、プロジェクトに貢献するのにコスパがよいと感じましたし、やってよかったと思います。④PC環境にこだわるリモートワークがメインということもあり、自宅の作業環境は入社してからお金をかけるようにしていました。個人的に買ってよかったものを2つ紹介します。1つ目にスタンディングデスクです。これは机の高さを自由に変更できるのもので、立って作業することもできるようになる机です。私は座高が高い（脚が短い）という身体的特徴があるため、椅子の高さを変えるだけではモニターへの目線と肘の高さがベストフィットしないという悩みがありました。スタンディングデスクは購入してからは、その悩みが解消されてとても良かったです。メインの用途であろう高さを変えて、立って仕事しているのか？と問われると、思ったより使っています。昼食を食べた後で眠くなりそうなときや、気分転換で立って作業したりします。立って作業することで作業効率は下がってしまう気もするのですが、刺激の少ないリモートワークだと気分転換になるというのは結構メリットだと思います。2つ目は他ボタンマウスです。私は昔から他ボタンマウスを好んで使っていたのですが、去年からロジクールのG600tというマウスを私用しています。これは親指で押せる12個のボタンついているマウスで、ショートカットを自由に設定できます。各種ボタンにはスクリーンショットやメモアプリの起動ボタン、仮想デスクトップの切り替えを設定しています。PC環境をこだわることは作業効率アップだけでなく、気に入ったものを使うことで日々のモチベーションアップに繋がっていたと感じていたのでやって良かったです。⑤コミュニケーション手段を工夫する何か質問したり確認をとるときに、チャットと通話どちらでコミュニケーションをするか悩むことがあります。どちらの手段も一長一短あると思うので、場合によって使い分けられようにするべきです。私はチャットよりも通話の方が得意、、というよりも楽だと感じていました。反対にチャットは苦手、、特にはストレスを感じることもあります。（メモと同じように、短時間で文字に起こすのが苦手なんですよね。）そのため、わからないことはとりあえず通話で聞きたいと考えてしまいがちなのですが、チャットでコミュニケーションをとらないといけない場面も多いです。だから、チャットも得意になる、、までいかなくてもストレスがかからないやり方を考える必要ありました。自分がストレスを感じる理由は、チャットを送信するまでに時間がかかってしまうからです。それの対策として考えたのが、ある程度チャットをテンプレ化してしまうことです。たとえば質問のチャットであれば、「今何をしているのか」「何に困っているのか」「相手に何をしてほしいのか」を3行で書くだけでよいと考えるようにしています。場合によって書き方はいくらでも変わってしまいますが、チャットのテンプレを自分の中で持つことができたので、チャットすることが少し楽になったと思います。私は通話をすることが苦手ではないですが、通話が苦手と感じる人も同じように通話のテンプレを持つことができれば、気が楽になるのではないかなと思います。おわりに新卒1年目は仕事に慣れるということを意識していましたが、2年目になると慣れてきたので、どうすればもっと仕事がやりやすいかを考えるようになっていました。まだまだ課題点が多いので、今のやり方が正しいとは思っていません。特にタスク管理については自分の中では合格点に届いていないと感じており、困っています。仕事のやり方についてアドバイスがあれば、ぜひお聞きしたいです。

新卒二年目が仕事でやってよかったこと

こんにちは、ネクストスケープ Azure ビジネス部に所属しております 堀越です。先月、Power BI に新しいビジュアル「ボタンスライサー」が追加されました。書式設定が大ボリュームかつ動的要素もあり大変な感じなので整理をしてみます。★この記事は…NEXTSCAPE Advent Calendar 2023 3日目 です。qiita.com目次です。「4. ボタンスライサー書式設定の項目一覧」が本題です。1. Power BI にボタンスライサーがお目見え2. 前提3. 下準備（ほぼ余談）サンプルデータの取得レポート作成ボタンスライサーの追加4. ボタンスライサー 書式設定の項目一覧サイズとスタイル└ サイズと位置└ パディング└ 背景└ 視覚的な境界└ 影タイトル└ タイトル└ サブタイトル└ 区切り線└ 間隔スライサーの設定└ 選択項目シェイプ└ シェイプレイアウト└ レイアウト└ オーバーフロー吹き出しの値└ 設定の適用先└ 値└ ラベル└ 背景イメージ└ 設定の適用先└ イメージボタン└ 設定の適用先└ パディング└ 罫線└ フィル└ 影└ 光彩└ アクセントバー気付いたこと終わりに1. Power BI にボタンスライサーがお目見えいままでのスライサーは、書式設定の「スライサーの設定」→「オプション」にて、バーティカルリスト・タイル・ドロップダウンの3つから種類を選ぶものでした。既存のスライサーの書式設定新しいスライサーは、「スライサーの設定」から「オプション」の項目自体がなくなり、以前のタイルに似たボタンによる操作を行うビジュアルになっています。このため「ボタンスライサー」と呼称しているようです。powerbi.microsoft.comリッチな表現が可能に！ しかし…カスタマイズ性があがったということは、すなわち書式設定が増えたということ…！ 操作はひたすら触って覚えるべしというのが基本ではありますが、今回はとにかく全部の書式設定を載せています。2. 前提当記事はすべて2023年12月2日現時点での情報です。記事公開時までに詳細がわからなかった項目もあります。判明次第追記したいと思っています。（ご存じの方、コメントでご教示くださるとありがたいです！）実際のところ、ボタンスライサーの設定項目は半年前にリリースされた新しいカードビジュアルとかなり重複しています。ボタンスライサーで初めて出たわけではない設定項目も特筆なく記載していますがご容赦ください。powerbi.microsoft.com3. 下準備（ほぼ余談）サンプルデータの取得今年はあまり Power BI に触れられておらず、リハビリがてらPower BI ホーム（という呼び方がいま正しいのかわからない）を眺めていたら、世界各国の祝日データが提供されていたのでそれを使ってレポートを作ってみました。Lakehouse 用のサンプルデータだったので、Power BI での接続までの手順をメモしておきます。Azure Fabric ホーム で Synapse Data Engineering を選択するか、Power BI ホーム でページ左下のアイコンをクリックして Synapse Data Engineering を選択し、サンプルデータによる Lakehouse 作成へと進みます。ページ左下で Data Engineering を選択ホーム＞サンプルを使用する＞Lakehouse＞祝日サンプルデータの入ったレイクハウスとSQLエンドポイントが作成されるので、Power BI Desktop から接続を行います。 OneLakeデータハブに接続レポート作成データ加工、モデリング、ビジュアルの追加を適宜行います。ざっくり作ったレポートかつ、サンプルデータゆえか国数もそんなに多くないのですが、北ヨーロッパが祝日数が多いことや、年を追うごとに全体的に祝日数が増加傾向であることがなどがわかり、ちょっとした満足感を得ました。ボタンスライサーの追加ボタンスライサーの使い方ことはじめは、公式ブログの「セットアップ手順」「ボタンスライサーの構築」をご参照ください。ちなみにPower BI Desktop 内での表記は、いままでのスライサーが「スライサー」、ボタンスライサーが「スライサー(新規)」です。「ボタンスライサー」じゃないのかい。（名称不一致あるある） 国の上位カテゴリとして地域データをwikipediaから引っ張ってきたので、これでボタンスライサーを作成してみました。のびのびとしたボタンスライサーが挿入されましたそれでは以下、本題です。4. ボタンスライサー 書式設定の項目一覧サイズとスタイルこちらの内容は既存のスライサーと変更はないようです。└ サイズと位置サイズと位置を数値で細かく調整できます。縦横比のロックもここで行います。└ パディング上下左右のパディング設定です。└ 背景スライサーの内側の塗りつぶし設定です。※書式設定すべての項目に共通しますが、"fx"から条件付き書式を設定することができます。条件付き書式の設定画面。よりリッチな表現をお求めの方に└ 視覚的な境界スライサーの周囲に罫線を表示します。「丸い角(px)」を1以上に設定すると角丸四角形にできます。└ 影スライサーの周囲または内側におなじみの影のエフェクトを付けます。「カスタム」で詳細設定可能です。既存スライサーにもカスタム設定があった（知らなんだ）タイトル└ タイトルスライサー上部に表示するタイトルの表示を設定します。└ サブタイトルタイトルの下にサブタイトルを表示します。└ 区切り線タイトル（サブタイトルを表示する場合はサブタイトル）の下に区切り線を表示します。サブタイトルと区切り線（破線）を入れてみた例└ 間隔タイトルとサブタイトルの上下の間隔を設定します。カスタマイズで詳細な調整ができます。スライサーの設定スライサー内の項目の選択方法を選べます。既存スライサーではあった「Ctrlキーで複数選択」がなくなり、デフォルト（「単一選択」が OFF ）で複数選択ができるようになっています。組み合わせのパターン└ 選択項目「単一選択」を ON にした場合に表示されます。シェイプスライサー内のボタンの形を設定します。└ シェイプ四角形・角丸四角形・"上の二つの角を切り取ったタブ"の3つから選択します。後者2つは「スタイルのカスタマイズ」を ON にすることで詳細な設定ができます。自由自在名前にとらわれてはいけないというありがたい教えレイアウトボタンの配置を調整します。└ レイアウト文字列の縦方向の配置、行・列数の設定、カード間のスペースを設定します。既存スライサーでは、全体のサイズによって自動的に配置されていた行と列数が決められるようになりました。上限はそれぞれ10までです。下限は1のはずですが、2023年12月2日現在下向きボタンの連打で0が設定できてしまいます。きっとそのうち修正されるでしょう。困惑が伝わってくるような小規模なフリーズが起きますデータの増減がある場合、いつのまにかオーバーフローになっていたり、スペースができてしまってレイアウトが想定から外れている可能性もありそうなので、レポート作成時は注意したい項目です。└ オーバーフローレイアウトで設定した行数・列数にボタンが収まらない場合にどのように表示するかを設定します。「ページネーション」はPgUp / PgDn のような動きをする矢印が表示されます。「連続スクロール」はスクロールバーが表示されます。それぞれ方向を設定します。ページネーションと連続スクロール（横方向を設定）個人的には、「オーバーフローさせずにボタンのサイズを自動的に縮小する」吹き出しの値ボタンに表示する値の設定項目です。└ 設定の適用先ボタンの4つの状態について選択し、後述の値、ラベル、背景をそれぞれ設定します。各状態ごとの設定を行う状態の名称は英語の方がわかりやすい└ 値「設定の適用先」で選択されている状態の値の書式を設定します。「空白の表示方法」にはデフォルトで"--"が設定されています。└ ラベル値に紐づく参照ラベルを表示します。参照先のデータフィールドは「設定の適用先」が「規定」の時のみ追加できます。参照先を状態の変更で切り替えることはできないということですね。地域に属する国のカウントを表示してみました「位置」で値の上に表示するか、下に表示するかを選べます。「ベースラインの配置」はどういう意味なのか現時点ではわかりませんでした…└ 背景こちらは項目として存在するものの、いつ ON にできるのか現時点ではわかりませんでした…イメージ公式ブログよりイメージのイメージ画像を用意してURLを設定してみたのですが、スライサーのボタンに表示することができませんでした。テーブルビジュアルでは同一のフィールドで画像表示ができていましたので、スライサー起因の問題がなにかあるのかもしれません。└ 設定の適用先「吹き出しの値」→「設定の適用先」と同様に、4つの状態について選択します。└ イメージ「吹き出しの値」→「ラベル」と同様に、イメージのデータフィールドは「設定の適用先」が「規定」の時のみ追加できます。アイコンのように表示するか、背景として表示するかを選べるようです。「イメージのサイズ調整」は「ボタン」の項目を参照してください。ボタン└ 設定の適用先「吹き出しの値」「イメージ」と同様です。└ パディング「サイズとスタイル」のパディングと異なり、既定のパターンから選択します。└ 罫線ボタンそれぞれの周囲の罫線の設定です。「サイズとスタイル」→「視覚的な境界」と異なり角に丸みはつけられませんが、幅と透過性を設定できます。└ フィルボタンそれぞれの塗りつぶしの設定です。「サイズとスタイル」→「背景」での設定項目（色、透過性）に加えて、画像を設定できます。 「イメージのサイズ調整」は標準・自動調整・フィルの3つから選択します。我が家の猫その1の画像を設定しましたイメージのサイズ調整3パターン └ 影「サイズとスタイル」→「影」と同じ設定項目です。ONにすると、デフォルトでオフセットが「外側」になっているため、ボタンサイズが小さくなってしまいました。一瞬原因を見失って焦りました└ 光彩設定項目は「影」と同じです。どのように活用するのかいまいちピンと来ていません。影との組み合わせで立体感を出したりするのかな…影と光彩の比較└ アクセントバーボタンの左右上下のうち一辺に色を付けられます。気付いたこと選択によって下位項目が動的に変わるものが多く混乱しやすい「視覚的な境界」と「罫線」、「背景」と「フィル」は似て非なるものだった自分の家の猫がいっぱい並んでいるとなごむが、黒の太字にしないと文字が見えないため三毛は背景画像としてあまり向いていない終わりに必然的に大長編となってしまいました……更新も頻繁なツールでこういった記事を書くことにあまり意味はないよなぁ～～～～～と思いながらも書き終えました。自分はかなり整理がついたのでヨシとします。不明部分は引き続き調査予定です。訪れてくださった方にとって少しでもご興味のある部分があれば幸いです。明日は木戸さんが記事を書いてくれます！お楽しみに！はっぴーほりでー

Power BI  ボタンスライサー 書式設定の項目 大調査

この記事は、NEXTSCAPE Advent Calendar 2023 の 1 日目 の記事です。「Tさんという方をご存知ですか？」尋ねてきたのは10年を超えて親交を頂いている大先輩。T氏はイノベーションの世界では有名な方で、大手食品メーカーの、誰もが知る大ヒット商品の画期的製造技術で業界では知らない人がいないくらいの人物。今は大学の教授も務めつつ、先の大先輩の主宰する知識創造に関する学会の研究会に参加し、ちょうど基調演説をしたところだと仰る。「同じ中学校の後輩にTさんという方、いました？」その名前と一致するTちゃんについて思い出す。頭の回転が速かったこと、サッカー部だったこと、私と同じ悩みを抱えてよく夜中まで語ったことなどの記憶が蘇る。もしあのTちゃんが件のT氏なら合点は行く。しかし、なぜこの大先輩と？　なぜ私のことを？「イノベーションのルブリックモデル図に、Tさんが驚いて『これを描いた人は誰ですか？』と訊かれたのであなたのことをお話したんです。すると、きっとその人は中学の先輩に違いないと言うんですよ」その図とはソリューションとイノベーションを橋渡しする構造を描いたもので、特にリスクテイクと矛盾の内包を重要な転回点としている。どうやらT氏はそこに強く反応したらしい。問題解決のステップが上手くいった後、もしその逆の手段を取ったら？異なる前提を置いたら？という「反論包含」ピースを置くことで、リスクを取る準備が始まりイノベーションのステップに入るという見立てをしたのだ。三十数年ぶりに再会したTちゃんは、某大企業の新事業創造責任者と大学教授の肩書を持ちながら、昔と変わらない人懐っこい笑顔で、「中学生の頃に先輩に読めと貸し付けられたあの本、米国流と違う日本流のイノベーションを志すきっかけになりました」　人に本を貸し付けるのは、どうやら私の昔からの癖のようだ。 ビールを酌み交わしながら、長い無沙汰にお互いどんなことをしてきたのかを話してみると、全く違う道を歩んだ結果、ほぼ同じ問題意識を持つに至ったことがわかる。T氏は製造現場で改善と品質向上、新商品開発に関わり続けたが、コンピュータと機械の組み合わせが人間の能力に近づけば、最後に人間の役目として残るのは「創造」そして「イノベーション」になると。私は人材育成・組織開発の現場で能力向上に関わり続けたが、コンピュータと機械の組み合わせではどうしてもできない（或いは極めて高コスト）のは「創造」「イノベーション」だと。その後、再会の労を頂いた大先輩を交えた会合（という名の飲み会）を不定期に続けているのだが、よく話題に上るのが『違和感』への着目だ。20年ほど前から、気付きという言葉が使われるようになったが、これは「注意を向けた先から想起されること」を指しているようだ。その多くは類似感であり、連想という行為によって起きる。しかし、ごく稀に、「ああ、アレがコレか！」ということも起きる。何かがわかる瞬間だ。しかし「アレがコレか！」には「アレ」がわからない状態を経る必要がある。現象学ではこのわからないながらも受けとっている状態を「把持」というが、コンピュータには難しい。人間はこれが容易にできる。連想レベルの類似感検索はそろそろ機械も追いついてきた感がある一方で、違和感検索というのは聞いたことが無い。恐らく違和感を懐き表明することは、まだ暫く人間の特権であり続ける。違和感は、それが矛盾を孕んでいることに起因することが多い。ビジネスでは矛盾の存在を認めない事が多いが、スッキリしない違和感があるからではないかと推測する。 しかし、矛盾というのはイノベーションの大事な前段階だと思う。「〇〇であるはずなのにどうして△△なのだろう？」この問いに対して「それはきっと□□だからに違いない」と考えるのが帰納的推論（アブダクション）である。演繹は既にコンピュータに敵わないが、帰納法、特にアブダクションは矛盾を受け入れ違和感を持たなければ始まらない。確かに多くの矛盾は単純なエラーが原因で解消されるものだが、中には矛盾に見えたことが別の真理を示唆しているということもある。「〇〇であるはずなのにどうして△△なのだろう？」「それはきっと□□だからに違いない」「ああ、アレがコレか！」 T氏はこの練習をするために修行道場のようなものが必要だと考え、様々な講演機会を通して賛同者を募っている。私は組織がこの練習を行うための手法をマネジメント研修講義にこっそり組み込んでいる。違和感を持つこと表明すること、矛盾を扱うことはミスを防ぐ、特に未知のリスクの発見にも役立つ。端折って書くと、前提と矛盾する内容を検討過程に置かなかったり、対象に矛盾が存在しないように取り繕うことが、未知を扱いにくくする。IT業界のミスは最近大きな社会的な損失につながることが多いので、斯界の一人としても違和感や矛盾の活用を考えようと思う。2023年は私自身も多くの違和感と矛盾に苛まれた1年だった。しかし、これはイノベーション前夜なのだと信じて、三十年振りに再び同志となったTちゃんと大先輩との会合を支えに、ビジネスの違和感と向き合い、ビジネスで矛盾を扱い、ビジネスに潜む未知のリスクを発見する2024年を迎えたい。

違和感とイノベーション

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。今回、Azure  Bastionについて記事を書いてみました。azure.microsoft.comAzure Bastion、こちらは2019年11月頃にGAされており、その手軽さから既に利用されている方も多いと思いますので今さらかと思われる方もいらっしゃるかもしれません。しかしながら・本ネスケラボではまだ取り扱っていない・2023年に入り、ランサムウェアの被害が大幅に増えているそしてBastionの一機能が今年5月にGAされたこともあり、今回改めて取り上げてみたいと思います。Azure VMをAzureポータルで操作していると左側のメニューにちらちらとこの「Bastion」の文字が出ていたと思いますが、それを何だろうと思いつつもスルーされていた方もいらっしゃるかもしれません。そういった方は是非本記事を見ていただければと思います。Azure BastionとはAzure Bastion、Bastionの意味としては「要塞」・「砦」、ということですが、簡単に言ってしまえば踏み台サーバーのようなもの（分類としてはPaaS）になります。そういう意味で「要塞」・「砦」になるわけです。通常、仮想マシンを作成してRDPのポートを開くように設定すると以下の様な警告が表示されます。先に書いたランサムウェアの流行を考えるとVMでリモートデスクトップを有効にして何も対策を施さずにおくのはかなり危険です。頻繁に使うのでなければVMを都度起動・シャットダウンする、あるいはIPアドレス制限をかける等、様々な方法が考えられますが、このAzure  Bastionも一手段として有効です。Azure Bastionの作成それでは早速Azure Bastionを作成してみましょう。Azure Portalで対象の仮想マシンを開き、左側のメニューから「Bastion」を選択すると以下のような画面になりますので、ここで「Bastionのデプロイ」を選択します。Bastionのデプロイを行うと、Bastionのためにサブネットがまずは追加され、次にBastionが作成されます。以前はサブネットも手動で作成する必要がありましたが、今はサブネット作成からBastionのデプロイまで一気通貫で対応してくれます。以下の通知のスクリーンショットを見ていただけるとお分かりになる通り、7分程かかります。決して問題が起きているわけではないので我慢強く待ちましょう。作成出来たら改めてVMのメニューで「Bastion」を選ぶと以下のような画面になります。ここでVM作成時に設定したユーザー名とパスワードを入力し、「接続」を押します。初めて実行する場合、ブラウザの設定で以下のようなエラーが出ることがあるので、portal.azure.comからのポップアップを許可するように設定し、改めて接続をボタンを押してください。設定によるのかもしれませんが、私のChromeですと以下のようなエラーが出て接続できず、代わりにEdgeで試したところ正常に動作しました。同じ事象が発生した方はEdgeでお試しいただければと思います。先ほどのBastionの画面で「新しいブラウザータブで開く」にチェックしなければ以下のようにAzureポータル上で（内で？）リモートデスクトップ画面が表示されます。ただ、動作が少々重いですし、そもそも見づらいのでEdgeで新規タブを開き、お試しいただければと思います。以下がEdgeで試した結果となりまして、ブラウザでリモートデスクトップでのアクセスと変わりなく操作が可能です。このように非常に簡単にBastionのデプロイが行えます。ちなみに今回はブラウザでアクセスしましたが、設定することでいつものようにネイティブクライアントでの接続も可能です。Bastionの共有リンク機能(2023年5月GA)さて、冒頭でお話しした通り、次は今年の5月にGAとなった共通リンク機能について説明＆試してみたいと思います。azure.microsoft.comまずはAzureポータルで今回デプロイしたAzure Bastionの画面を開きます。次に左側のメニューで「構成」をクリックすると以下のような画面になりますので、「レベル」をStandard、そして「共有可能なリンク」にチェックを入れて、「適用」ボタンをクリックします。 この時も３分ぐらいかかりますのでお待ちください。そして、適用が完了したら同じくBastionの画面から（日本語の場合ですが）「共有可能リンク」をメニューから設定し、更にそこで表示された画面で「追加」ボタンを押下、そして、以下の画面にある通り「共有可能リンクの作成」で対象となるVM（属するサブスクリプションとリソースグループも）を選択して適用します。そうすると以下のように共有可能リンクが作成され、一覧に表示されますので「共有可能リンク」のURLをコピペします。そして、そのリンクをブラウザで叩くと以下のようなAzure Bastionのログイン画面が表示されますので、ユーザー名とパスワードを入力すると先ほどのようにブラウザ上でリモートデスクトップが開き、仮想マシンにアクセスできます。「共有可能リンク」という名前の通り、これを他の人に共有すればその人のブラウザからでもアクセスが可能になります。もし万が一流出してしまった場合も管理画面から簡単に共有リンクの削除・再作成が行えます。パブリックIPアドレス削除単純にBastionの確認だけであればこれでめでたしめでたしなのですが、このままですとVMのパブリックIPアドレスでリモートデスクトップにアクセスすることができるため、危険な状態です。なので、VMのパブリックIPアドレスを削除し、Bastionでアクセスできるところまで試してみたいと思います。まずはAzureポータルでVMを開き、概要の部分でパブリックIPの部分をクリックします（実際は赤枠部分にIPアドレスが表示されていますのでそこをクリックします）。すると以下の画面になりますので、赤枠の「関連付けの解除」を選択します。これで先ほどの概要の画面に戻るとパブリックIPアドレスが削除されていますので、念のためBastionで再度VMにアクセスしてみてください。パブリックIPアドレスが削除されたにもかかわらず、先ほどと同じようにリモートデスクトップ接続できると思います。終わりに以上がAzure Bastion、そして追加機能となる共有可能リンクの説明となります。そもそもVMではなく、AppServices等のPaaSを使うという選択肢もありますが、システムによってはVMの構築・利用が必要になる場合もあると思います。上で説明した通りAzure Bastionはかなり手軽に作成・設定が可能ですので是非お試しください。弊社はMicrosoftのパートナーとしてこのようなAzureのさまざまなリソース・機能を利用したWebサイト、ツール開発を得意としており、更にはスマホアプリやHoloLensと多岐に渡って開発を行っております。もしお困りの方がいらっしゃいましたら、是非お気軽にお問い合わせください。www.nextscape.net

Azure Bastionと共有可能リンク機能を試してみる

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。以前、プレビュー機能であったAzure Coommunication Serviceを使ってのメール配信を試してみました。blog.nextscape.netこの記事が2022年の6月になりますので、既に1年以上経っている形になります。当時はプレビューかつ始まったばかりで「とりあえず」メールを配信できるサービスという雰囲気がありましたが、1年経ってより洗練されてきましたので、どれだけ変わっているかを今回の記事で紹介していきたいと思います。リソース作成まずはリソース作成から見てみましょう。Email Communication Serviceを作成します。作成にあたって入力する項目のうち「Data Loation」、以前は「United States」しか選べなかったのですが、現在は以下のようにJapanを含む様々なロケーションが選べるようになっています。昨年は1個だけだったにもかかわらず、なかなかの増えっぷりですね。次にメールドメインを追加（作成）します。最初の「概要」画面で以下の画面になりますので無料のAzureサブドメインか、カスタムドメインを選びます。今回はお試しということもあり、無料の方を選びましょう。次に「ドメインの追加」をクリック。これでドメインが作成できました。次にCommunication Serviceを作成します。前回はCommunication ServiceとEmail Commucation Service、同じリージョンに作成しなかったために余計な手間がかかってしまいましたが、今回はそこも配慮済みです。Communication　Serviceが作成できたら、左側のメニューから「ドメイン」を選び、下の画面の「ドメインを接続する」をクリックします。以下の画面になりますので、先ほど作成したメールドメインを選択・設定します。これで一通りの設定が完了しました。こちらは以前無かった機能かと思うのですが、メニューに「メール」ー＞「メールを試す」というのがありますのでそれを選択すると以下のような画面が表示されます。前回はメール送信を試してみるにはコードを書く必要があったのですが、現在は以下のようにAzureポータルから送信することができます。送信先メールアドレスだけでなく、件名や本文も設定可能です。また、右側の部分を見ていただくとわかるようにC#やJavaScriptでのソースコードのサンプルが記述されていますので、これをそのまま流用することが可能です。色々便利になりましたね。。また、前回の自身の記事を見ると配信するまでに５分程度かかっていたようですが、今回は配信後すぐに配信先のメールアドレスに送られており、通常のメール配信サービスと同じレベルになっています。実用にあたっては当然といえば当然なのですが、前回から比べると感慨深いものがあります。配信状況の確認さて、前回ではMail Communication ServiceではAPIによって配信状況を確認することができました。これをログ出力すれば独自で配信状況を記録することができたわけですが、現在はそういった手間をかけなくても状況を確認することができます。まずは「メトリック」による確認方法があります（データが少なくてスミマセン。。）。メトリックで「Email Service Delivery Status Update」を選択し、以下のように配信結果（Result）等を確認することができます。ただ、メトリックですと細かい情報が見づらかったりするので、Log Analyticsで分析情報を見れるようにします。以下の「診断設定」で赤枠の部分がEmail Communication Serviceに関する情報なので、この３つにチェックを入れます。その後、配信を何回か試して分析情報を見るとAPIの呼び出し結果やメールのサイズ、サイズ別のメール数、メール受信者数、そして、以下の画面、「RecipientId」のプルダウンに今まで送った宛先が表示されるので、それを選択することでその宛先の配信履歴が参照できるようになります。この配信履歴の中にDeliveryStatusがあるので、これで配信結果が確認できます。試しに存在しないメールアドレスに送ると以下の様にDeliveryStatusが「Failed」、SMTPのステータスコードが550で返ってきて、それも記録されています。便利ですね。。LogAnalyticsであればKustoも利用可能なので独自のクエリで取得したい情報だけ取得することもできます。あとは前回は触れていませんでしたが、注意点として以下のような配信制限、スロットリングがあります。例えば1分間に配信できる数が30通までといったものがありますが、これもサポートに依頼することで制限解除できるようです（ちなみにこの制限はExchange Onlineでも存在しています）。Azure Communication Serviceの主要原則として大量のメール配信も謳っておりますのでこういった制限解除も恐らく対応してくれるはずですが、このあたりは実践にあたって確認しておくことをお勧めします。learn.microsoft.comこれから期待すること一旦ここまでで留めておきますが、特定の状況・設定でメールの開封状況も調べることができるようですので、機会があればそれも試してみたいと思います。あとは個人的な希望を書いておきます。メール配信サービスとして有名なSendGridはSMTPサーバーとして利用できるのですが、残念ながらEmail Communication Serviceは現在もまだSMTPサーバーとしては利用できない状況でした。例えばCMS等でメール配信を行う場合、別途SMTPサーバーが必要になります。私の携わった案件ではそういった時にSendGridを使って設定・配信できるようにしていたため、Email Communication ServiceもSMTPサーバーとして使えれば更に利用の機会が広がるのですが。。終わりにというように1年経過した今、かなり実用的なレベルとなっておりますので皆さんのサイト・サービスでも利用できるかと思います。是非お試しください。また、弊社はMicrosoftのパートナーとしてAzureを利用したWebサイト、ツール開発を得意としており、更にスマホアプリやHoloLensと多岐に渡って開発を行っております。お気軽にお問い合わせください。www.nextscape.net

Azure Communication Serviceによるメール配信がどれだけ進化したかをチェックしてみました

はじめに株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。以前本ブログにおいてOSS（オープンソース）のCMSを紹介させてもらいました。blog.nextscape.netもしかするとこの記事を見ていただいて、実際にUmbracoやOrchard Coreがどのようなものなのかを見てみたい・触ってみたいと思った方もいらっしゃるかもしれません。今回は上の記事の中で取り上げたCMSのうちの１つ、「Umbraco CMS」をローカル環境にインストールして、起動するところまで試してみたいと思います。Visual Studioのインストール等が必要にはなるものの、コーディングまでは必要ありませんので環境の準備が可能な方は是非お試しください。準備まずは以下のツール等を必要に応じてインストールしてください。・Microsoft Visual Studio 2022・.NET Core CLI・.NET 7.0・SQL Server（Expressでも可。SQLiteもインストールされるようなのでそもそも不要かも）今回はVisual StudioとCLI、両方とも使用しています。まずは.NET Core CLIでまっさらな環境を作ってみましょう。コマンドプロンプトからdotnet new install Umbraco.Templateと入力・実行します。次にプロジェクトを作成しますので、プロジェクトを作成したいディレクトリを作成・移動して、dotnet new umbraco --name MyProjectと入力・実行します。すると以下のように各種ファイルが作成されます。そして、プロジェクトファイルが存在する場所に移動し、dotnet runで実行します。すると、上のような情報が表示されますので、ここで表示されたURL（「HTTPS～」の方）をブラウザで叩きます。すると以下のような画面が表示されまして、ここからUmbracoをインストールします。名前とEメールアドレス、そしてパスワードを入力しますが、Eメールアドレスとパスワードは後で管理画面にログインするときに必要になりますのでどこかにメモっておいてください。そして次の画面で先ほど入力したEメールアドレスとパスワードを入力して、Loginボタンをクリックします。すると以下のように管理画面へアクセスすることができます。URLのhttps://localhost:xxxx/umbraco/から最後の「umbraco」を外すとこの管理画面が対象とするサイト、今回構築したユーザー向けのサイトに移動するのですが、今回はまっさら、つまり空っぽの状態ですので「何もコンテンツが無いです」と表示されます。実際はここからサイトを構築するための手順、作業を進めていくわけですが、非エンジニアの方々であったり、とりあえずUmbracoがどんなものなのかを軽く触ってみたいという方にはそんな時間が無いと思いますので、今回は更にスターターキットを利用してみたいと思います。スターターキットスターターキットは以下のGitHubにありまして、いわゆる初心者の方向けにサンプルサイトまで含めた環境になります。GitHub - umbraco/The-Starter-Kitこれをダウンロード、もしくはGit CloneしてVisual Studioで開くとソリューションエクスプローラーには以下のように表示されます。２つのプロジェクトが存在していますが、そのうち「Umbraco.SampleSite.Web」をスタートアッププロジェクトに設定してください（プロジェクトを右クリックして表示されたメニューから設定できます）。するとデバッグ実行用のメニューバーの箇所が以下のように変わりますので、これでデバッグ実行します。そうすると自動的にブラウザが立ち上がり、最初に書いたインストール画面が表示され、必要事項を入力してログインすることで管理画面が表示されるはずです。管理画面のメニューバーで「Content」を選択し、左側のツリー表示を見ると先ほどは「Recycle Bin」だけだったのに対して今回は他に色々と表示されています。これはサイトマップのようなものでして、スターターキットをインストールすることでサンプルサイトもインストールされ、そのサイトの構成がツリー表示で表示されています。URLから「Umbraco」を外して、実際のサイトにアクセスすると以下の画面が表示されます。これが実際のサンプルサイト、ユーザー向けのサイトになりまして、メニューバーを見ると上のツリーの内容と一致します。「PRODUCTS」を選択すると商品一覧が表示され、任意の商品をクリックすると以下のような画面になります。サンプルサイトは架空のお店のECサイトのようですね。ブログもあるようなので、簡単なサイトであればこれを元にカスタマイズすれば作れそうです。Umbracoのアップグレードでは今回はこれで。。と思ったのですが、実はスターターキットのUmbracoのバージョンは11となっており、Umbracoの最新バージョンから１つ古いバージョンになっています。ということでアップグレードの方法も軽く説明してみたいと思います。Visual Studioの「ツール」ー＞「NuGetパッケージマネージャ」ー＞「ソリューションのNuGetパッケージマネージャの管理」を選択し、「インストール済み」タブを選択して、「Umbraco Cms」を選択します。すると以下の画面になりまして、右側のウィンドウで最新の安定バージョン12.2.0をインストールします。そして再度ビルドを行い、デバッグ実行すると以下の画面になりますので、右下の「Finish the maintenance」をクリックします。すると以下の画面になるので「Continue」をクリック。そうすると管理画面に再度アクセスすることができますのでバージョンを確認すると、12.2.0になっていることがわかります。終わりにということで、以上がUmbracoのインストール及びスターターキットを利用したサンプルサイトの構築となります。ここから更にUmbracoについてご紹介したいところですが、今回はここまでとします。当社はこのUmbracoに限らずSitecoreやKentico等、様々なCMSによるWebサイト構築を行っております。CMSによるサイト開発に限らず、フルスクラッチでのWebサイト、ツール開発、スマホアプリやHoloLensと多岐に渡って開発を行っておりますのでお気軽にお問い合わせください。www.nextscape.net

ネスケラボ

Speech Studioの「リアルタイム音声テキスト変換」を試してみる

Microsoft 365 Copilot in PowerPoint、Narrative builder機能を触ってみる

Webアクセシビリティ、WCAGについて調べてみた

AI Challenge Dayの問題を社内プロジェクトとして解いてみた

Azure AI StudioでOpenAI API及び「Webアプリにデプロイ」を試してみる

Microsoft Copilot Studioによるボット作成

Microsoftのアクセス解析ツール「Clarity」の紹介

「App Serviceの機能としてのLoad Testing」を試す

Azure Load Testingによる負荷テストの続き

Azure Load Testingで負荷テストをやってみよう

Azure Chaos StudioによるCPU負荷テスト

AIの民主化元年だった2023年

改めて　「一期一会」を考える

管理経理系業務でよく使用される用語を簡単にまとめてみた

ネクストスケープに新卒入社することを悩んでいる学生の方へ

入社５か月目の今…

ソリューションをエンジニアリングする

DevToysが便利だったので（今更ながら）共有します

開発者のための「体験するデザイン」

リモートワーク時代におけるコミュニケーションってどうあるべきか論

ChatGPTとQuest3を組み合わせたAIとのコミュニケーション

アクセスデータ分析ツール「Mixpanel」の紹介

退屈なプロンプトエンジニアリングはLLMにやらせよう

Azure関連のMCP試験と認定資格～2024年版～

新卒二年目が仕事でやってよかったこと

Power BI ボタンスライサー書式設定の項目大調査

違和感とイノベーション

Azure Bastionと共有可能リンク機能を試してみる

Azure Communication Serviceによるメール配信がどれだけ進化したかをチェックしてみました

OSSのCMS、Umbracoのインストールとサンプルサイト構築

Speech Studioの「リアルタイム音声テキスト変換」を試してみる

Microsoft 365 Copilot in PowerPoint、Narrative builder機能を触ってみる

Webアクセシビリティ、WCAGについて調べてみた

AI Challenge Dayの問題を社内プロジェクトとして解いてみた

Azure AI StudioでOpenAI API及び「Webアプリにデプロイ」を試してみる

Microsoft Copilot Studioによるボット作成

Microsoftのアクセス解析ツール「Clarity」の紹介

「App Serviceの機能としてのLoad Testing」を試す

Azure Load Testingによる負荷テストの続き

Azure Load Testingで負荷テストをやってみよう

Azure Chaos StudioによるCPU負荷テスト

AIの民主化元年だった2023年

改めて 「一期一会」を考える

管理経理系業務でよく使用される用語を簡単にまとめてみた

ネクストスケープに新卒入社することを悩んでいる学生の方へ

入社５か月目の今…

ソリューションをエンジニアリングする

DevToysが便利だったので（今更ながら）共有します

開発者のための「体験するデザイン」

リモートワーク時代におけるコミュニケーションってどうあるべきか論

ChatGPTとQuest3を組み合わせたAIとのコミュニケーション

アクセスデータ分析ツール「Mixpanel」の紹介

退屈なプロンプトエンジニアリングはLLMにやらせよう

Azure関連のMCP試験と認定資格 ～2024年版～

新卒二年目が仕事でやってよかったこと

Power BI ボタンスライサー 書式設定の項目 大調査

違和感とイノベーション

Azure Bastionと共有可能リンク機能を試してみる

Azure Communication Serviceによるメール配信がどれだけ進化したかをチェックしてみました

OSSのCMS、Umbracoのインストールとサンプルサイト構築

改めて　「一期一会」を考える

Azure関連のMCP試験と認定資格～2024年版～

Power BI ボタンスライサー書式設定の項目大調査