<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MIT App Inventor 2 日本語化プロジェクト アーカイブ - nyanblog ~にゃんぶろぐ~</title>
	<atom:link href="https://nyanblog2222.com/tag/mit-app-inventor-2-%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%8C%96%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88/feed/" rel="self" type="application/rss+xml" />
	<link>https://nyanblog2222.com/tag/mit-app-inventor-2-日本語化プロジェクト/</link>
	<description>ちょっとしたことを調べているよ</description>
	<lastBuildDate>Fri, 03 Sep 2021 13:21:10 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7</generator>

<image>
	<url>https://nyanblog2222.com/wp-content/uploads/2021/09/cropped-favicon-32x32.png</url>
	<title>MIT App Inventor 2 日本語化プロジェクト アーカイブ - nyanblog ~にゃんぶろぐ~</title>
	<link>https://nyanblog2222.com/tag/mit-app-inventor-2-日本語化プロジェクト/</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/><atom:link rel="hub" href="https://websubhub.com/hub"/>	<item>
		<title>【App Inventor】簡単スマホアプリ作成【MIT App Inventor 2】</title>
		<link>https://nyanblog2222.com/programming/app-inventor/1853/</link>
					<comments>https://nyanblog2222.com/programming/app-inventor/1853/#respond</comments>
		
		<dc:creator><![CDATA[nyan2222]]></dc:creator>
		<pubDate>Sat, 01 Aug 2020 09:00:00 +0000</pubDate>
				<category><![CDATA[App Inventor]]></category>
		<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[MIT App Inventor 2]]></category>
		<category><![CDATA[MIT App Inventor 2 日本語化プロジェクト]]></category>
		<guid isPermaLink="false">https://nyanblog2222.com/?p=1853</guid>

					<description><![CDATA[<p><img src="https://nyanblog2222.com/wp-content/uploads/2022/11/111.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://nyanblog2222.com/wp-content/uploads/2022/11/111.png 1280w, https://nyanblog2222.com/wp-content/uploads/2022/11/111-300x157.png 300w, https://nyanblog2222.com/wp-content/uploads/2022/11/111-1024x536.png 1024w, https://nyanblog2222.com/wp-content/uploads/2022/11/111-768x402.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" />こんにちは。今回は、App Inventor（MIT App Inventor 2 日本語化プロジェクト）を使ったAndroidアプリ作成について紹介します。子どもから大人まで、パソコンさえあればだれでも超簡単にスマホア [&#8230;]</p>
<p>投稿 <a href="https://nyanblog2222.com/programming/app-inventor/1853/">【App Inventor】簡単スマホアプリ作成【MIT App Inventor 2】</a> は <a href="https://nyanblog2222.com">nyanblog ~にゃんぶろぐ~</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<img src="https://nyanblog2222.com/wp-content/uploads/2022/11/111.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://nyanblog2222.com/wp-content/uploads/2022/11/111.png 1280w, https://nyanblog2222.com/wp-content/uploads/2022/11/111-300x157.png 300w, https://nyanblog2222.com/wp-content/uploads/2022/11/111-1024x536.png 1024w, https://nyanblog2222.com/wp-content/uploads/2022/11/111-768x402.png 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" />
<p>こんにちは。今回は、App Inventor（<a class="link" href="https://appinventor.tmsoftwareinc.com/">MIT App Inventor 2 日本語化プロジェクト</a>）を使ったAndroidアプリ作成について紹介します。<br>子どもから大人まで、パソコンさえあればだれでも超簡単にスマホアプリが作れますよ♪</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">App Inventorとは</a></li><li><a href="#toc2" tabindex="0">App Inventorを使用するメリット</a></li><li><a href="#toc3" tabindex="0">App Inventor開発の準備・始め方</a></li><li><a href="#toc4" tabindex="0">スマホアプリ開発初心者がApp Inventorでアプリを作ってみた</a><ol><li><a href="#toc5" tabindex="0">１．チュートリアルを確認</a></li><li><a href="#toc6" tabindex="0">２．開発</a></li><li><a href="#toc7" tabindex="0">３．ビルド</a></li><li><a href="#toc8" tabindex="0">４．スマートフォンで確認</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">App Inventorとは</span></h2>



<p>App Inventorとは、MIT（マサチューセッツ工科大学）が提供している<span class="bold-red">Androidアプリ作成ツール</span>です。</p>



<p>以下のように<span class="marker-under">パズルを作るように各パーツをドラッグアンドドロップするだけ</span>で、簡単にアプリを作成できます。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="913" height="447" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-16-min.png" alt="App Inventor" class="wp-image-1856" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-16-min.png 913w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-16-min-300x147.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-16-min-768x376.png 768w" sizes="(max-width: 913px) 100vw, 913px" /></figure>



<p>当初はGoogleが提供していましたが、現在はMITが「App Inventor 2」として研究開発・提供されています。また、今後はiOSにも対応予定となっています。<br><a class="link" href="https://appinventor.mit.edu/">MIT&nbsp;<em>App Inventor</em></a></p>



<p>現状、App Inventor 2は日本語対応しておらず、日本であまり知られているツールではありませんが、非公式で<span class="bold-red">日本語化プロジェクト</span>が進められており、今後きっかけ次第で大きく普及が期待できるツールです。<br><a class="link" href="https://appinventor.tmsoftwareinc.com/">MIT App Inventor 2 日本語化プロジェクト</a></p>



<p>作ったアプリはGoogle Storeで公開することも可能ですよ。</p>



<h2 class="wp-block-heading"><span id="toc2">App Inventorを使用するメリット</span></h2>



<p>App Inventorについて調べてみたところ、以下のようなメリットが書かれていました。</p>



<p><span class="bold-red">・誰でも作れる</span><br>コードでの記述が不要なので、子どもから大人まで誰でも作れます。</p>



<p><span class="bold-red">・開発環境不要</span><br>本来、Androidアプリ作成には以下サイトに書かれているとおり「Eclipse」や「Android Studio」などの開発環境が必要ですが、App Inventorの場合、Web上で開発するため不要です。<br><a class="link" href="https://www.sejuku.net/blog/5293">参考：初心者がスマホアプリを開発する時に必要な言語とツールまとめ</a></p>



<p><span class="bold-red">・バグが少ない</span><br>用意されたパーツを組み合わせて作成するため、発見がし辛いようなややこしいバグはありません。<br>デメリットでもありますが、できることは限られているためバグ自体も少ないです。</p>



<h2 class="wp-block-heading"><span id="toc3">App Inventor開発の準備・始め方</span></h2>



<p>App Inventorは基本的に<span class="marker-under">Googleアカウントさえあれば何もいらない</span>ため、以下だけです。</p>



<p>１．Googleアカウントを作る</p>



<p>２．<a class="link" href="https://appinventor.tmsoftwareinc.com/">MIT App Inventor 2 日本語化プロジェクト</a>にアクセスし、赤枠をクリック</p>



<figure class="wp-block-image size-large"><img decoding="async" width="647" height="601" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-min.png" alt="App Inventor開発の準備・始め方" class="wp-image-1857" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-min.png 647w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-min-300x279.png 300w" sizes="(max-width: 647px) 100vw, 647px" /></figure>



<p>３．Googleアカウントの認証</p>



<p>４．利用規約に同意</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="373" height="326" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-1-min.png" alt="App Inventor開発の準備・始め方" class="wp-image-1858" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-1-min.png 373w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-1-min-300x262.png 300w" sizes="auto, (max-width: 373px) 100vw, 373px" /></figure>



<p>５．完了。「プロジェクトを新規作成」から作成していきます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="490" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-2-min-1024x490.png" alt="App Inventor開発の準備・始め方" class="wp-image-1859" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-2-min-1024x490.png 1024w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-2-min-300x144.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-2-min-768x367.png 768w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-2-min.png 1183w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc4">スマホアプリ開発初心者がApp Inventorでアプリを作ってみた</span></h2>



<p>スマホアプリ開発初心者の私が、<br>・App Inventorでの開発はどんなものか<br>・普段のシステム開発と比べてどうか<br>を感じるためにApp Inventorでアプリを作ってみました。</p>



<p>アプリの内容は、<br>アプリを立ち上げた際に表示される「挨拶」ボタンを押したら、「Hello! Nyanblog!!」と音声がでる<br>という簡単なものです。<br>ただApp Inventorを使わずコーディングするとなると、以下サイトのようにAPIの知識の知識も必要でしょうし、すぐにはできないでしょうね。コーディング初心者だときっと厳しいと思います。<br><a class="link" href="https://qiita.com/maKunugi/items/90cbefe97887470fb328">アプリ開発に利用可能な音声合成まとめ</a></p>



<h3 class="wp-block-heading"><span id="toc5">１．チュートリアルを確認</span></h3>



<p><a class="link" href="https://appinventor.tmsoftwareinc.com/tutorials">MIT App Inventor 2 日本語化プロジェクト チュートリアル</a>の動画を上から４つほど見てから作り始めています。<br>もしこの記事を見て初めて作られる方は、動画でとても分かりやすく解説してくださってるので、<span class="marker-under">１度チュートリアルを見てから始めてみてください</span>ね。</p>



<h3 class="wp-block-heading"><span id="toc6">２．開発</span></h3>



<p>１．プロジェクト作成<br>「プロジェクトを新規作成」→プロジェクト名を入力</p>



<figure class="wp-block-image"><img decoding="async" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-24-2-min-1024x490.png" alt="開発"/></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="364" height="207" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-0-min.png" alt="開発" class="wp-image-1860" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-0-min.png 364w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-0-min-300x171.png 300w" sizes="auto, (max-width: 364px) 100vw, 364px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="482" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-2-min-1024x482.png" alt="開発" class="wp-image-1861" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-2-min-1024x482.png 1024w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-2-min-300x141.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-2-min-768x362.png 768w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-2-min-1536x723.png 1536w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-2-min.png 1890w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>２．挨拶ボタンの作成<br>ユーザーインターフェースの「ボタン」を画面にドラッグアンドドロップ→右側のプロパティで、「高さ」と「幅」を画面いっぱいに表示＋「テキスト」をご挨拶</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="922" height="306" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-3-min.png" alt="開発" class="wp-image-1862" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-3-min.png 922w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-3-min-300x100.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-3-min-768x255.png 768w" sizes="auto, (max-width: 922px) 100vw, 922px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="519" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-6-min-1024x519.png" alt="開発" class="wp-image-1863" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-6-min-1024x519.png 1024w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-6-min-300x152.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-6-min-768x389.png 768w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-6-min.png 1205w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>３－１．挨拶ボタンの下に猫の画像を表示するため、使うファイルをアップロード<br>メディアの「ファイルをアップロード」→ファイルを選択</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="394" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-7-min.png" alt="開発" class="wp-image-1864" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-7-min.png 800w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-7-min-300x148.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-7-min-768x378.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="707" height="439" src="https://nyanblog2222.com/wp-content/uploads/2020/08/2020-07-25-8-min.png" alt="開発" class="wp-image-1933" srcset="https://nyanblog2222.com/wp-content/uploads/2020/08/2020-07-25-8-min.png 707w, https://nyanblog2222.com/wp-content/uploads/2020/08/2020-07-25-8-min-300x186.png 300w" sizes="auto, (max-width: 707px) 100vw, 707px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="341" height="154" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-9-min.png" alt="開発" class="wp-image-1866" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-9-min.png 341w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-9-min-300x135.png 300w" sizes="auto, (max-width: 341px) 100vw, 341px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="235" height="114" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-10-min.png" alt="開発" class="wp-image-1867"/></figure>



<p>３－２．アップロードしたファイルを表示する<br>「イメージ」を画面にドラッグアンドドロップ→「高さ」と「幅」を画面いっぱいに表示</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="794" height="241" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-13-min.png" alt="開発" class="wp-image-1868" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-13-min.png 794w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-13-min-300x91.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-13-min-768x233.png 768w" sizes="auto, (max-width: 794px) 100vw, 794px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="555" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-16-min-1024x555.png" alt="開発" class="wp-image-1869" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-16-min-1024x555.png 1024w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-16-min-300x162.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-16-min-768x416.png 768w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-16-min.png 800w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>４－１．「Hello!Nyanblog!!」と音声化できるように前準備<br>メディアから「テキスト音声化」を画面にドラッグアンドドロップ</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="249" height="523" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-26-min.png" alt="開発" class="wp-image-1879" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-26-min.png 249w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-26-min-143x300.png 143w" sizes="auto, (max-width: 249px) 100vw, 249px" /></figure>



<p>４－２．ロジック部分を作るため、画面切り替え<br>画面右上の「ブロック編集」</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="453" height="235" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-17-min.png" alt="開発" class="wp-image-1870" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-17-min.png 453w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-17-min-300x156.png 300w" sizes="auto, (max-width: 453px) 100vw, 453px" /></figure>



<p>４－３．パーツを組み合わせる<br>ブロックの「ボタン」をクリック→選択肢が表示されるので、「いつもボタン～」の赤枠部分をビューアーにドラッグアンドドロップ</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="746" height="738" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-19-min.png" alt="開発" class="wp-image-1871" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-19-min.png 746w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-19-min-300x297.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-19-min-120x120.png 120w" sizes="auto, (max-width: 746px) 100vw, 746px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="529" height="289" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-20-min.png" alt="開発" class="wp-image-1872" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-20-min.png 529w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-20-min-300x164.png 300w" sizes="auto, (max-width: 529px) 100vw, 529px" /></figure>



<p>４－４．パーツを組み合わせる<br>「テキスト音声化１」をクリック→赤枠部分をドラッグアンドドロップで、先ほど追加したパーツに組み合わせる</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="436" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-21-min-1024x436.png" alt="開発" class="wp-image-1873" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-21-min-1024x436.png 1024w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-21-min-300x128.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-21-min-768x327.png 768w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-21-min.png 800w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="434" height="165" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-22_1-min.png" alt="開発" class="wp-image-1874" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-22_1-min.png 434w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-22_1-min-300x114.png 300w" sizes="auto, (max-width: 434px) 100vw, 434px" /></figure>



<p>４－５．パーツを組み合わせる<br>「テキスト」をクリック→赤枠部分をドラッグアンドドロップで、先ほど追加したパーツに組み合わせる→空白になっているテキストをクリック→「Hello!Nyanblog!!」と入力</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="410" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-22_2-min-1024x410.png" alt="開発" class="wp-image-1875" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-22_2-min-1024x410.png 1024w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-22_2-min-300x120.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-22_2-min-768x308.png 768w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-22_2-min.png 800w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="587" height="163" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-23-min.png" alt="開発" class="wp-image-1876" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-23-min.png 587w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-23-min-300x83.png 300w" sizes="auto, (max-width: 587px) 100vw, 587px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="611" height="137" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-25-min.png" alt="開発" class="wp-image-1877" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-25-min.png 611w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-25-min-300x67.png 300w" sizes="auto, (max-width: 611px) 100vw, 611px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-26-min-1024x576.png" alt="開発" class="wp-image-1878" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-26-min-1024x576.png 1024w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-26-min-300x169.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-26-min-768x432.png 768w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-26-min-1536x864.png 1536w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-26-min.png 800w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>これで完成です。<br>事前にチュートリアルを見ていたのもありますが、<span class="marker-under">初めてやってもここまで１０分もかかりません</span>でした。App Inventor恐るべし。</p>



<h3 class="wp-block-heading"><span id="toc7">３．ビルド</span></h3>



<p>App Inventorで作った画面を、アプリ化します。</p>



<p>画面上部の「ビルド」タブ→アプリ（apk用のQRコードを表示します）をクリック</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="372" height="135" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-27-min.png" alt="ビルド" class="wp-image-1880" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-27-min.png 372w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-27-min-300x109.png 300w" sizes="auto, (max-width: 372px) 100vw, 372px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="370" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-28-min.png" alt="ビルド" class="wp-image-1881" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-28-min.png 800w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-28-min-300x139.png 300w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-28-min-768x356.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>スマートフォンで読み取る用のQRが出てきます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="290" height="353" src="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-30-min.png" alt="ビルド" class="wp-image-1882" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-30-min.png 290w, https://nyanblog2222.com/wp-content/uploads/2020/07/2020-07-25-30-min-246x300.png 246w" sizes="auto, (max-width: 290px) 100vw, 290px" /></figure>



<h3 class="wp-block-heading"><span id="toc8">４．スマートフォンで確認</span></h3>



<p>１．App InventorのQRコード読み取り用アプリをインストール</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182834_com.android.vending-min.jpg" alt="スマートフォンで確認" class="wp-image-1883" width="300" height="377" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182834_com.android.vending-min.jpg 600w, https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182834_com.android.vending-min-239x300.jpg 239w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182848_com.huawei.android.launcher-min.jpg" alt="スマートフォンで確認" class="wp-image-1884" width="113" height="134"/></figure>



<p>２．App InventorのQRコード読み取り用アプリを起動し、「scan QR code」を押す→読み取りの画面になるため、先ほどビルドしたQRを読み取る<br>この後、いくつか注意喚起される場合がありますが、気にせずインストール</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182852_edu.mit_.appinventor.aicompanion3-min.jpg" alt="スマートフォンで確認" class="wp-image-1885" width="300" height="331" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182852_edu.mit_.appinventor.aicompanion3-min.jpg 600w, https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182852_edu.mit_.appinventor.aicompanion3-min-272x300.jpg 272w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182926_com.google.android.packageinstaller-min-473x1024.jpg" alt="スマートフォンで確認" class="wp-image-1886" width="237" height="512" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182926_com.google.android.packageinstaller-min-473x1024.jpg 473w, https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182926_com.google.android.packageinstaller-min-709x1536.jpg 709w, https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182926_com.google.android.packageinstaller-min.jpg 800w" sizes="auto, (max-width: 237px) 100vw, 237px" /></figure>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_182958_com.huawei.android.launcher-min.jpg" alt="スマートフォンで確認" class="wp-image-1887" width="108" height="123"/></figure>



<p>４．最後に、アプリを起動させ、動作確認して完了。</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_183005_appinventor.ai_nyan22220801.HelloNyanblog-min-537x1024.jpg" alt="スマートフォンで確認" class="wp-image-1888" width="269" height="512" srcset="https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_183005_appinventor.ai_nyan22220801.HelloNyanblog-min-537x1024.jpg 537w, https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_183005_appinventor.ai_nyan22220801.HelloNyanblog-min-157x300.jpg 157w, https://nyanblog2222.com/wp-content/uploads/2020/07/Screenshot_20200725_183005_appinventor.ai_nyan22220801.HelloNyanblog-min.jpg 600w" sizes="auto, (max-width: 269px) 100vw, 269px" /></figure>



<p>問題なく、音声がでました♪</p>



<p>以上、私自身アプリを実際に作ってみて、率直な感想は「<span class="bold-red">超簡単！</span>」でした。<br>機能が限られていたり、繰り返しや分岐が増えるとややこしくなりそうなので<span class="marker-under">多機能の本格的なアプリは厳しくとも、趣味で作るレベルの単機能アプリはそれなりに作れる</span>んじゃないだろうか、という印象です。</p>



<p>App Inventorは、<br><span class="marker-under">・こどものプログラミング学習のきっかけ<br>・日頃の「こういうのがあれば」を形にできる。公開できる。</span><br>など、社会にとっても非常に有益なツールです。<br>MITで現在も開発中ですし、今後も徐々に機能が追加されていけばなと思います。</p>
<p>投稿 <a href="https://nyanblog2222.com/programming/app-inventor/1853/">【App Inventor】簡単スマホアプリ作成【MIT App Inventor 2】</a> は <a href="https://nyanblog2222.com">nyanblog ~にゃんぶろぐ~</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nyanblog2222.com/programming/app-inventor/1853/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
