{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/udemy-mnist-app","result":{"data":{"markdownRemark":{"id":"6f6e1abf-d683-5319-9fa3-97c1a907baa3","html":"<p>先日、Udemy 講座第 3 段として、「Python と JavaScript による機械学習アプリケーション公開入門【ONNX・Render】」というコースをリリースしました。</p>\n<p>どんなコースなのか、どういった考えで作ったのかを、この記事で少し紹介させていただきます。</p>\n<p>※ 著者が出した Udemy 講座の一覧は <a href=\"https://www.nextskill.co.jp/courses\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">こちら﻿</a> です。</p>\n<h2 id=\"コース概要\" style=\"position:relative;\"><a href=\"#%E3%82%B3%E3%83%BC%E3%82%B9%E6%A6%82%E8%A6%81\" aria-label=\"コース概要 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>コース概要</h2>\n<p>「Python と JavaScript による機械学習アプリケーション公開入門【ONNX・Render】」は、機械学習に関わるデータサイエンティスト・PM・PdM といった方にむけた、機械学習を使ったアプリケーションを公開する方法を学ぶコースです。</p>\n<p>キーワードは</p>\n<ul>\n<li>Git/GitHub、Python、JavaScript、FastAPI、scikit-learn、MNIST、ONNX、Render</li>\n</ul>\n<p>などで、MNIST で学習したモデルを使った “手書き数字推論 Web アプリケーション” を実装してインターネットに公開してみる内容になっています。</p>\n<h2 id=\"なぜこのコースを作ったのか\" style=\"position:relative;\"><a href=\"#%E3%81%AA%E3%81%9C%E3%81%93%E3%81%AE%E3%82%B3%E3%83%BC%E3%82%B9%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%9F%E3%81%AE%E3%81%8B\" aria-label=\"なぜこのコースを作ったのか permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>なぜこのコースを作ったのか</h2>\n<p>近年、機械学習に入門するための情報源は非常に多くなっており、機械学習モデルの作成には気軽に取り組めるようになっています。</p>\n<p>個人でも、ちょっとしたモデルを作ってみて手元で推論してみたことがある方は少なくないと思います。</p>\n<p>しかし、個人が作ってみたモデルを、実際に推論を試せるアプリケーションとして「公開」している方は少ないです。</p>\n<p>また、企業においても、データサイエンティストが R&#x26;D 的に作成したモデルを実際のアプリケーションに組み込む段階で苦戦している例は多いです。</p>\n<p>こういった背景を踏まえて、機械学習モデルを実際に Web アプリケーションに組み込んで「公開する」ことをテーマとした講座を作成しました。</p>\n<h2 id=\"主な対象者\" style=\"position:relative;\"><a href=\"#%E4%B8%BB%E3%81%AA%E5%AF%BE%E8%B1%A1%E8%80%85\" aria-label=\"主な対象者 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>主な対象者</h2>\n<p>このような背景から、</p>\n<ul>\n<li>自分が作ったモデルを使い、簡単なアプリケーションを実装して公開してみたいデータサイエンティストの方</li>\n<li>機械学習については知識があるが、アプリケーション開発についても学びたいと思っている PM・PdM といったポジションの方</li>\n</ul>\n<p>といった方を主な対象者として想定しています。</p>\n<p>一方で、</p>\n<ul>\n<li>機械学習をアプリケーションに組み込む方法を学びたいアプリケーションエンジニアの方</li>\n</ul>\n<p>にとっても面白い内容を含むコースになっていると思います。</p>\n<h2 id=\"このコースの特徴\" style=\"position:relative;\"><a href=\"#%E3%81%93%E3%81%AE%E3%82%B3%E3%83%BC%E3%82%B9%E3%81%AE%E7%89%B9%E5%BE%B4\" aria-label=\"このコースの特徴 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>このコースの特徴</h2>\n<p>ここから、このコースの特徴を紹介させていただきます。</p>\n<h3 id=\"python-だけでなく、javascript-も使用する実践的な構成\" style=\"position:relative;\"><a href=\"#python-%E3%81%A0%E3%81%91%E3%81%A7%E3%81%AA%E3%81%8F%E3%80%81javascript-%E3%82%82%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E5%AE%9F%E8%B7%B5%E7%9A%84%E3%81%AA%E6%A7%8B%E6%88%90\" aria-label=\"python だけでなく、javascript も使用する実践的な構成 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Python だけでなく、JavaScript も使用する実践的な構成</h3>\n<p>機械学習に主に関わるデータサイエンティストなどのポジションの方に対してアプリケーションの作り方を説明する場合、Python だけを使う例が多いです。</p>\n<p>しかし、Web アプリケーションの実践的な構成としては、JavaScript も使われることが多いです。</p>\n<p>そこでこのコースでは、Python と JavaScript を連携させて使う実践的な構成で Web アプリケーションを実装することにしました。</p>\n<h3 id=\"onnx-runtime-web-を使い、静的サイトとしてアプリケーションを公開する方法も紹介\" style=\"position:relative;\"><a href=\"#onnx-runtime-web-%E3%82%92%E4%BD%BF%E3%81%84%E3%80%81%E9%9D%99%E7%9A%84%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A8%E3%81%97%E3%81%A6%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%85%AC%E9%96%8B%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%E3%82%82%E7%B4%B9%E4%BB%8B\" aria-label=\"onnx runtime web を使い、静的サイトとしてアプリケーションを公開する方法も紹介 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ONNX Runtime Web を使い、静的サイトとしてアプリケーションを公開する方法も紹介</h3>\n<p>機械学習を使ったアプリケーションの実装例の多くは、Python を使っていわゆる「サーバサイド」で推論するものが多いです。</p>\n<p>一方で、「静的サイト」の方式でアプリケーションを実現することで得られるメリットも大きいです。</p>\n<p>そこでこのコースでは、Python を活用した方式と、Python を使わない静的サイトの方式の、2 つの方法でアプリケーションを公開する流れを解説しています。</p>\n<h2 id=\"おわりに\" style=\"position:relative;\"><a href=\"#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB\" aria-label=\"おわりに permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>おわりに</h2>\n<p>このコースの紹介は以上になります。</p>\n<p>多くの方に楽しんでいただけるコースだと思いますが、特に「自分が作ったモデルを公開してみたい」と考えているデータサイエンティストの方に手にとっていただけるといいなと思っています。</p>\n<p>少しでも多くの方に手にとっていただけると嬉しいです。</p>\n<p>最後に、著者が出した Udemy 講座の一覧（割引クーポン付き）は、以下のページにまとまっています。</p>\n<p><a href=\"https://www.nextskill.co.jp/courses\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://www.nextskill.co.jp/courses</a></p>\n<p>ご興味ある方はこちらからアクセスしてみてください。</p>","fields":{"slug":"/posts/udemy-mnist-app","tagSlugs":["/tag/udemy/","/tag/machine-learning/","/tag/python/","/tag/javascript/","/tag/mlops/"],"autoRecommendPosts":["udemy-step-up-python","udemy-learning-application-architecture-with-reversi","udemy-langchain-apps","udemy-web-application-development-with-javascript"]},"frontmatter":{"date":"2022-09-06T12:14:59.897Z","description":"先日、Udemy 講座第 3 段として、「Python と JavaScript による機械学習アプリケーション公開入門【ONNX・Render】」というコースをリリースしました。\nどんなコースなのか、どういった考えで作ったのかを、この記事で少し紹介させていただきます。","tags":["udemy","machine-learning","python","javascript","mlops"],"title":"Udemy で「Python と JavaScript による機械学習アプリケーション公開入門【ONNX・Render】」をリリースしました","socialImage":null,"recommendPosts":null}}},"pageContext":{"slug":"/posts/udemy-mnist-app"}},"staticQueryHashes":["251939775","3942705351","401334301"]}