<?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>AppSheet  |  Pythonアカデミア</title>
	<atom:link href="https://arika-blog.com/tag/appsheet/feed/" rel="self" type="application/rss+xml" />
	<link>https://arika-blog.com</link>
	<description>Pythonの基礎が学べる</description>
	<lastBuildDate>Sat, 07 Feb 2026 22:37:24 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://arika-blog.com/wp-content/uploads/2022/11/cropped-icon-12-32x32.png</url>
	<title>AppSheet  |  Pythonアカデミア</title>
	<link>https://arika-blog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<atom:link rel='hub' href='https://arika-blog.com/?pushpress=hub'/>
	<item>
		<title>【AppSheet】Refに表示されるNewを非表示にする方法</title>
		<link>https://arika-blog.com/appsheet-ref-new/</link>
					<comments>https://arika-blog.com/appsheet-ref-new/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Sat, 07 Feb 2026 22:37:23 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[その他]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4816</guid>

					<description><![CDATA[AppSheetでRefを使っていると、選択画面に表示される「New」が気になったことはありませんか？実はこの「New」設定次第で非表示にすることができます。本記事ではその具体的な方法を、初心者の方にもわかりやすく解説し [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetでRefを使っていると、選択画面に表示される「New」が気になったことはありませんか？<br>実はこの「New」設定次第で非表示にすることができます。本記事ではその具体的な方法を、初心者の方にもわかりやすく解説します。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">Refに表示されるNewを非表示にする方法</h2>



<p>Refに表示されるNewを非表示にする方法を解説します。<strong>Refで参照される側のシート</strong>の設定を変更することで非表示にできます。</p>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" width="395" height="281" src="https://arika-blog.com/wp-content/uploads/2026/02/f8f22e3b3a8302cc8de5553943192090.png" alt="" class="wp-image-4832" style="width:243px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/f8f22e3b3a8302cc8de5553943192090.png 395w, https://arika-blog.com/wp-content/uploads/2026/02/f8f22e3b3a8302cc8de5553943192090-300x213.png 300w" sizes="(max-width: 395px) 100vw, 395px" /></figure>



<h3 class="wp-block-heading">Dataを追加するタイミングで非表示にする</h3>



<p>[Data]に移動し、テーブル名の右側にある <strong>+</strong> をクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="334" height="106" src="https://arika-blog.com/wp-content/uploads/2026/02/924e28e82c14f510c7bda51e4571acb8.png" alt="" class="wp-image-4834" style="width:265px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/924e28e82c14f510c7bda51e4571acb8.png 334w, https://arika-blog.com/wp-content/uploads/2026/02/924e28e82c14f510c7bda51e4571acb8-300x95.png 300w" sizes="(max-width: 334px) 100vw, 334px" /></figure>



<p>SUGGESTIONSに追加したいDataが表示されている場合は選択します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="766" height="193" src="https://arika-blog.com/wp-content/uploads/2026/02/33e9779d6775c49063dec80344b0c861.png" alt="" class="wp-image-4833" style="width:417px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/33e9779d6775c49063dec80344b0c861.png 766w, https://arika-blog.com/wp-content/uploads/2026/02/33e9779d6775c49063dec80344b0c861-300x76.png 300w" sizes="(max-width: 766px) 100vw, 766px" /></figure>



<p>次の画面が表示されるのでAddsのチェックを外します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="765" height="511" src="https://arika-blog.com/wp-content/uploads/2026/02/aa4183f9225e4b0beafc647b5eea5e9c.png" alt="" class="wp-image-4835" style="width:508px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/aa4183f9225e4b0beafc647b5eea5e9c.png 765w, https://arika-blog.com/wp-content/uploads/2026/02/aa4183f9225e4b0beafc647b5eea5e9c-300x200.png 300w" sizes="auto, (max-width: 765px) 100vw, 765px" /></figure>



<p>SUGGESTIONSに追加したいDataがなく、ご自身で追加した場合は以下のような画面が表示されると思います。こちらも同様にAddのチェックを外します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="855" height="514" src="https://arika-blog.com/wp-content/uploads/2026/02/ca0d33c20c0a35d49df8e7f17049326c.png" alt="" class="wp-image-4836" style="aspect-ratio:1.6634692740887431;width:466px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/ca0d33c20c0a35d49df8e7f17049326c.png 855w, https://arika-blog.com/wp-content/uploads/2026/02/ca0d33c20c0a35d49df8e7f17049326c-300x180.png 300w, https://arika-blog.com/wp-content/uploads/2026/02/ca0d33c20c0a35d49df8e7f17049326c-768x462.png 768w" sizes="auto, (max-width: 855px) 100vw, 855px" /></figure>



<p>どちらの操作であっても、追加の設定を無効にすることでNewが非表示になります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="405" height="246" src="https://arika-blog.com/wp-content/uploads/2026/02/85d9e32b16660553a61c0850fe901538.png" alt="" class="wp-image-4840" style="width:277px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/85d9e32b16660553a61c0850fe901538.png 405w, https://arika-blog.com/wp-content/uploads/2026/02/85d9e32b16660553a61c0850fe901538-300x182.png 300w" sizes="auto, (max-width: 405px) 100vw, 405px" /></figure>



<h3 class="wp-block-heading">既存のDataに対して非表示の設定をする</h3>



<p>対象のデータを選択して、以下のアイコン（Table settings）を選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="405" height="107" src="https://arika-blog.com/wp-content/uploads/2026/02/b3e1351803de66519bf62fe91c6bde29.png" alt="" class="wp-image-4837" srcset="https://arika-blog.com/wp-content/uploads/2026/02/b3e1351803de66519bf62fe91c6bde29.png 405w, https://arika-blog.com/wp-content/uploads/2026/02/b3e1351803de66519bf62fe91c6bde29-300x79.png 300w" sizes="auto, (max-width: 405px) 100vw, 405px" /></figure>



<p>次の画面が表示されるのでAddsのチェックを外します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="230" src="https://arika-blog.com/wp-content/uploads/2026/02/b8388336804fc56d9c6b99616d821d68-1024x230.png" alt="" class="wp-image-4838" srcset="https://arika-blog.com/wp-content/uploads/2026/02/b8388336804fc56d9c6b99616d821d68-1024x230.png 1024w, https://arika-blog.com/wp-content/uploads/2026/02/b8388336804fc56d9c6b99616d821d68-300x67.png 300w, https://arika-blog.com/wp-content/uploads/2026/02/b8388336804fc56d9c6b99616d821d68-768x172.png 768w, https://arika-blog.com/wp-content/uploads/2026/02/b8388336804fc56d9c6b99616d821d68.png 1182w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>チェックを外すとNewが表示されなくなります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="405" height="246" src="https://arika-blog.com/wp-content/uploads/2026/02/85d9e32b16660553a61c0850fe901538-1.png" alt="" class="wp-image-4841" style="width:277px" srcset="https://arika-blog.com/wp-content/uploads/2026/02/85d9e32b16660553a61c0850fe901538-1.png 405w, https://arika-blog.com/wp-content/uploads/2026/02/85d9e32b16660553a61c0850fe901538-1-300x182.png 300w" sizes="auto, (max-width: 405px) 100vw, 405px" /></figure>



<h2 class="wp-block-heading">おわり</h2>



<p>現場で使われるアプリでは、余計な選択肢を出さないことがとても大切です。<br>アプリの操作性を一段階アップさせたい方は、ぜひ設定してみてください。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-ref-new/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】指定した画面のみアクションボタンを表示する方法（CONTEXT関数）</title>
		<link>https://arika-blog.com/appsheet-context/</link>
					<comments>https://arika-blog.com/appsheet-context/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Sat, 07 Feb 2026 21:49:26 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[関数]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4818</guid>

					<description><![CDATA[AppSheetでアクションボタンを作ったはいいけれど「全部の画面に出てしまって邪魔…」と感じたことはありませんか？この記事では、指定した画面だけにアクションボタンを表示させる方法を、わかりやすく解説します。 リンク 指 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetでアクションボタンを作ったはいいけれど「全部の画面に出てしまって邪魔…」と感じたことはありませんか？<br>この記事では、指定した画面だけにアクションボタンを表示させる方法を、わかりやすく解説します。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">指定した画面のみアクションボタンを表示する</h2>



<p>適当なアプリを作成します。<br>作成したアプリは２つの画面で編集ボタンが表示されています。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="756" height="1008" src="https://arika-blog.com/wp-content/uploads/2026/02/55f232af7eb6cc8b2c8dabf995713cd1.png" alt="" class="wp-image-4822" style="width:324px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/55f232af7eb6cc8b2c8dabf995713cd1.png 756w, https://arika-blog.com/wp-content/uploads/2026/02/55f232af7eb6cc8b2c8dabf995713cd1-225x300.png 225w" sizes="auto, (max-width: 756px) 100vw, 756px" /></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="754" height="1004" src="https://arika-blog.com/wp-content/uploads/2026/02/2f899eae94a8a71fceccf253c4886d99.png" alt="" class="wp-image-4823" style="aspect-ratio:0.7510077036806474;width:321px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/2f899eae94a8a71fceccf253c4886d99.png 754w, https://arika-blog.com/wp-content/uploads/2026/02/2f899eae94a8a71fceccf253c4886d99-225x300.png 225w" sizes="auto, (max-width: 754px) 100vw, 754px" /></figure>



<p>CONTEXT関数を使って、片方の画面だけ表示させます。</p>



<p>[Actions]に移動し、表示を制御したいアクションを選択します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="420" height="343" src="https://arika-blog.com/wp-content/uploads/2026/02/b3d36cadbdf7e8a7af3140fc0dc4fb64.png" alt="" class="wp-image-4827" style="width:277px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/b3d36cadbdf7e8a7af3140fc0dc4fb64.png 420w, https://arika-blog.com/wp-content/uploads/2026/02/b3d36cadbdf7e8a7af3140fc0dc4fb64-300x245.png 300w" sizes="auto, (max-width: 420px) 100vw, 420px" /></figure>



<p> [Behavior] セクションの [Only if this condition is true]に</p>



<pre class="wp-block-code"><code>CONTEXT("View") = "シート1"</code></pre>



<p>と入力します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="931" height="177" src="https://arika-blog.com/wp-content/uploads/2026/02/61978cd144c0f4382615197968d734c8.png" alt="" class="wp-image-4829" style="aspect-ratio:5.260273972602739;width:594px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/61978cd144c0f4382615197968d734c8.png 931w, https://arika-blog.com/wp-content/uploads/2026/02/61978cd144c0f4382615197968d734c8-300x57.png 300w, https://arika-blog.com/wp-content/uploads/2026/02/61978cd144c0f4382615197968d734c8-768x146.png 768w" sizes="auto, (max-width: 931px) 100vw, 931px" /></figure>



<p>これにより、シート1にのみ表示されます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="470" height="618" src="https://arika-blog.com/wp-content/uploads/2026/02/9540e265f076d022aa0976d89ef8b6eb.png" alt="" class="wp-image-4828" style="width:264px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/9540e265f076d022aa0976d89ef8b6eb.png 470w, https://arika-blog.com/wp-content/uploads/2026/02/9540e265f076d022aa0976d89ef8b6eb-228x300.png 228w" sizes="auto, (max-width: 470px) 100vw, 470px" /><figcaption class="wp-element-caption">別のViewには表示されない</figcaption></figure>



<p><strong>ちなみにViewは画面右下で確認することができます。</strong></p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="543" height="1024" src="https://arika-blog.com/wp-content/uploads/2026/02/ab386f19e49b5334e5b322b9388b1ce2-543x1024.png" alt="" class="wp-image-4825" style="aspect-ratio:0.5302740599107711;width:284px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/ab386f19e49b5334e5b322b9388b1ce2-543x1024.png 543w, https://arika-blog.com/wp-content/uploads/2026/02/ab386f19e49b5334e5b322b9388b1ce2-159x300.png 159w, https://arika-blog.com/wp-content/uploads/2026/02/ab386f19e49b5334e5b322b9388b1ce2.png 640w" sizes="auto, (max-width: 543px) 100vw, 543px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-flat sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://arika-blog.com/wp-content/uploads/2025/11/icon-1-1-1.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>画像のように表示されていない場合は、「Ctrlキー」を押しながら「マイナス（－）キー」を押してみてください。</p>
</div></div>



<p>また、以下のように入力すればシート1以外で表示されます。</p>



<pre class="wp-block-code"><code>CONTEXT("View") &lt;> "シート1"</code></pre>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/answer/10107946?hl=ja" title="Yes/No &#24335; - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Fanswer%2F10107946%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Yes/No &#24335; - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">結果が TRUE または FALSE になる式を作成するYes/No 式は、TRUE（正）または FALSE（誤）のどちらかの結果を生成します。これらの式は、IF ステートメントが必要な場合に AppSheet で通常使用されます。たとえば、Show_IF や Condition フィールドの場合です。 以下に Sho</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/answer/10107946?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<h2 class="wp-block-heading">おわり</h2>



<p>アクションの出し方をコントロールするだけで、アプリの使いやすさは大きく変わります。<br>ぜひ今回の設定を取り入れて、迷わない画面設計にしてみてください。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-context/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】アプリを行き来する方法を解説（ディープリンク）</title>
		<link>https://arika-blog.com/appsheet-deep-link/</link>
					<comments>https://arika-blog.com/appsheet-deep-link/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Sat, 31 Jan 2026 23:12:02 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[関数]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4792</guid>

					<description><![CDATA[AppSheetで複数のアプリを使っていると、「この画面から別アプリにすぐ移動できたらいいのに…」と思うことはありませんか？そんなときに便利なのが、アプリ同士をつなぐ「ディープリンク」という仕組みです。本記事では、App [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetで複数のアプリを使っていると、「この画面から別アプリにすぐ移動できたらいいのに…」と思うことはありませんか？<br>そんなときに便利なのが、アプリ同士をつなぐ「ディープリンク」という仕組みです。本記事では、AppSheetでアプリを行き来する方法を、初心者の方にもわかりやすく解説します。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">ディープリンクを作成してアプリを行き来する</h2>



<p>ディープリンクを使ってアプリを行き来するため、2つのアプリを準備します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="486" height="286" src="https://arika-blog.com/wp-content/uploads/2026/01/043d45a24304b0963ed68d9e8b526751.png" alt="" class="wp-image-4795" style="width:299px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/043d45a24304b0963ed68d9e8b526751.png 486w, https://arika-blog.com/wp-content/uploads/2026/01/043d45a24304b0963ed68d9e8b526751-300x177.png 300w" sizes="auto, (max-width: 486px) 100vw, 486px" /><figcaption class="wp-element-caption">アプリ1のスプレッドシート</figcaption></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="477" height="624" src="https://arika-blog.com/wp-content/uploads/2026/01/60b322f85928a0140e14e600e3e4993d.png" alt="" class="wp-image-4796" style="width:203px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/60b322f85928a0140e14e600e3e4993d.png 477w, https://arika-blog.com/wp-content/uploads/2026/01/60b322f85928a0140e14e600e3e4993d-229x300.png 229w" sizes="auto, (max-width: 477px) 100vw, 477px" /><figcaption class="wp-element-caption">アプリ1</figcaption></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="482" height="291" src="https://arika-blog.com/wp-content/uploads/2026/02/d31184ca3e95f358f6667e5bdba9b6d5.png" alt="" class="wp-image-4798" style="width:306px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/d31184ca3e95f358f6667e5bdba9b6d5.png 482w, https://arika-blog.com/wp-content/uploads/2026/02/d31184ca3e95f358f6667e5bdba9b6d5-300x181.png 300w" sizes="auto, (max-width: 482px) 100vw, 482px" /><figcaption class="wp-element-caption">アプリ2のスプレッドシート</figcaption></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="476" height="633" src="https://arika-blog.com/wp-content/uploads/2026/02/0d8fe0c77c9990f4d35e3aa1d9df8598.png" alt="" class="wp-image-4799" style="aspect-ratio:0.7520049735778676;width:222px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/0d8fe0c77c9990f4d35e3aa1d9df8598.png 476w, https://arika-blog.com/wp-content/uploads/2026/02/0d8fe0c77c9990f4d35e3aa1d9df8598-226x300.png 226w" sizes="auto, (max-width: 476px) 100vw, 476px" /><figcaption class="wp-element-caption">アプリ2</figcaption></figure>



<p>画面遷移するためのアクションを新しく作成します。[Actions]に移動し、[Actions]パネルの上部ヘッダーにある[+]をクリックして、[Create a new action]をクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="418" height="283" src="https://arika-blog.com/wp-content/uploads/2026/02/ed1c09a0e80dc9858350ea46a849e567.png" alt="" class="wp-image-4800" style="width:270px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/ed1c09a0e80dc9858350ea46a849e567.png 418w, https://arika-blog.com/wp-content/uploads/2026/02/ed1c09a0e80dc9858350ea46a849e567-300x203.png 300w" sizes="auto, (max-width: 418px) 100vw, 418px" /></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="945" height="473" src="https://arika-blog.com/wp-content/uploads/2026/02/cea26b4f0ac8c35dc26a3510f5efc670.png" alt="" class="wp-image-4801" style="aspect-ratio:1.9979188345473464;width:511px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/cea26b4f0ac8c35dc26a3510f5efc670.png 945w, https://arika-blog.com/wp-content/uploads/2026/02/cea26b4f0ac8c35dc26a3510f5efc670-300x150.png 300w, https://arika-blog.com/wp-content/uploads/2026/02/cea26b4f0ac8c35dc26a3510f5efc670-768x384.png 768w" sizes="auto, (max-width: 945px) 100vw, 945px" /></figure>



<p><strong>For a record of this table</strong>でアクションが適用されるテーブルを選択します。<strong>Do this</strong>の項目で<strong>App: go to another AppSheet app</strong>を選択します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="948" height="516" src="https://arika-blog.com/wp-content/uploads/2026/02/a062aca12e06af59b3471fd0d21f4df0.png" alt="" class="wp-image-4802" style="aspect-ratio:1.8372577833976966;width:623px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/a062aca12e06af59b3471fd0d21f4df0.png 948w, https://arika-blog.com/wp-content/uploads/2026/02/a062aca12e06af59b3471fd0d21f4df0-300x163.png 300w, https://arika-blog.com/wp-content/uploads/2026/02/a062aca12e06af59b3471fd0d21f4df0-768x418.png 768w" sizes="auto, (max-width: 948px) 100vw, 948px" /></figure>



<p><strong>Target</strong>に</p>



<pre class="wp-block-code"><code>LINKTOAPP("アプリ名")</code></pre>



<p>と入力します。</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>アプリ名は<br>https://www.appsheet.com/template/AppDef?appName=<strong>ShiftManagement-3518598</strong>&amp;appId=58bb9fcc-b701-462a-87fd-34129fe8fcba&amp;quickStart=False#Data.Columns.Admin%20Scheduled%20Shift<br>の<strong>ShiftManagement-3518598</strong>の部分です。</p>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/answer/10106757?hl=ja#deep-link-expression" title="App &#21015;&#12398;&#22411;&#65288;&#12487;&#12451;&#12540;&#12503;&#12522;&#12531;&#12463;&#65289; - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Fanswer%2F10106757%3Fhl%3Dja%23deep-link-expression?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">App &#21015;&#12398;&#22411;&#65288;&#12487;&#12451;&#12540;&#12503;&#12522;&#12531;&#12463;&#65289; - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">App 列の型は、現在のアプリ内の別のビューに移動するとき、または別のアプリに移動するときに使用します。App 列の値は、ディープリンクである必要があります。 ディープリンクは、特定の形式を持つ特別なテキストの値です。ディープリンクを作成する方法は 2 つあります。 ディープリンク式を使用する（最も簡単な方法） ディー</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/answer/10106757?hl=ja#deep-link-expression" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<p>アクションボタンの追加が完了しました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="447" src="https://arika-blog.com/wp-content/uploads/2026/02/f6c1e4d591a4fe22a3885c3bea42b917-1024x447.png" alt="" class="wp-image-4803" srcset="https://arika-blog.com/wp-content/uploads/2026/02/f6c1e4d591a4fe22a3885c3bea42b917-1024x447.png 1024w, https://arika-blog.com/wp-content/uploads/2026/02/f6c1e4d591a4fe22a3885c3bea42b917-300x131.png 300w, https://arika-blog.com/wp-content/uploads/2026/02/f6c1e4d591a4fe22a3885c3bea42b917-768x335.png 768w, https://arika-blog.com/wp-content/uploads/2026/02/f6c1e4d591a4fe22a3885c3bea42b917.png 1488w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>紙飛行機のボタンを押すとアプリ2に移動することができます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="466" height="248" src="https://arika-blog.com/wp-content/uploads/2026/02/cc326a2dd42cdab364ae9f2f8873f833.png" alt="" class="wp-image-4804" style="width:348px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/cc326a2dd42cdab364ae9f2f8873f833.png 466w, https://arika-blog.com/wp-content/uploads/2026/02/cc326a2dd42cdab364ae9f2f8873f833-300x160.png 300w" sizes="auto, (max-width: 466px) 100vw, 466px" /></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="480" height="623" src="https://arika-blog.com/wp-content/uploads/2026/02/39945c51d2cbdb2736f8b000a96f3e77.png" alt="" class="wp-image-4805" style="width:240px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/02/39945c51d2cbdb2736f8b000a96f3e77.png 480w, https://arika-blog.com/wp-content/uploads/2026/02/39945c51d2cbdb2736f8b000a96f3e77-231x300.png 231w" sizes="auto, (max-width: 480px) 100vw, 480px" /></figure>



<p>アプリ2も同様にアクションボタンを追加すると、アプリ1とアプリ2の行き来ができるようになります。</p>



<h2 class="wp-block-heading">おわり</h2>



<p>ディープリンクでアプリの行き来ができるようになると、操作のストレスはかなり減ります。<br>複数のアプリを連携させたい場合は、ぜひ活用してみてください。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-deep-link/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】重複禁止！「このユーザー名は既に使用されています」と表示させる方法</title>
		<link>https://arika-blog.com/appsheet-registration-control/</link>
					<comments>https://arika-blog.com/appsheet-registration-control/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Mon, 26 Jan 2026 21:06:12 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[基本操作]]></category>
		<category><![CDATA[エラー対処]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4785</guid>

					<description><![CDATA[AppSheetでは、入力内容に応じてエラーメッセージを表示し、登録を制御することができます。本記事では、ユーザー名が既に存在する場合に、「このユーザー名は既に使用されています」と表示させて重複登録を防ぐ方法を解説します [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetでは、入力内容に応じてエラーメッセージを表示し、登録を制御することができます。<br>本記事では、ユーザー名が既に存在する場合に、<strong>「このユーザー名は既に使用されています」</strong>と表示させて重複登録を防ぐ方法を解説します。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">「このユーザー名は既に使用されています」と表示させる方法</h2>



<p>AppSheetで「このユーザー名は既に使用されています」と表示させるには<strong>Valid_If</strong>を使用します。</p>



<p><strong>関連記事</strong><br><a href="https://arika-blog.com/appsheet-valid-if/">AppSheetの入力をValid_Ifで制御する</a></p>



<p>今回使用するスプレッドシートは以下になります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="436" height="134" src="https://arika-blog.com/wp-content/uploads/2026/01/a77947279d2a43ddda3d88bc092391ee.png" alt="" class="wp-image-4787" srcset="https://arika-blog.com/wp-content/uploads/2026/01/a77947279d2a43ddda3d88bc092391ee.png 436w, https://arika-blog.com/wp-content/uploads/2026/01/a77947279d2a43ddda3d88bc092391ee-300x92.png 300w" sizes="auto, (max-width: 436px) 100vw, 436px" /></figure>



<p>ユーザー名のValid_Ifに</p>



<pre class="wp-block-code"><code>ISBLANK(FILTER("シート1", &#91;ユーザー名] = &#91;_THIS]))</code></pre>



<p>と入力します。</p>



<p>使用した関数の説明をします。</p>



<p><strong>FILTER</strong>関数は行条件を満たすリストを返します。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-background has-border-color has-watery-blue-background-color has-light-blue-border-color"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">構文</span></div><div class="tab-caption-box-content block-box-content box-content">
<p>FILTER(データセット, 行条件)</p>
</div></div>



<p>今回は</p>



<pre class="wp-block-code"><code>FILTER("シート1", &#91;ユーザー名] = &#91;_THIS])</code></pre>



<p>となっているため、シート1のユーザー名の列で、フォームに入力された値と同じものがあれば（その行のキーの）リストを返します。</p>



<p><strong>ISBLANK</strong>関数は指定されたアイテムに値がない場合は TRUE を返します（値が含まれていない空のリストの場合）。指定されたアイテムに値がある場合は FALSE を返します。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-background has-border-color has-watery-blue-background-color has-light-blue-border-color"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">構文</span></div><div class="tab-caption-box-content block-box-content box-content">
<p>ISBLANK(<em>値</em>)</p>
</div></div>



<p>最後に、<strong>Invalid value error</strong>に「このユーザー名は既に使用されています」と入力することで、ユーザー名の重複登録を防ぐことができます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="423" height="156" src="https://arika-blog.com/wp-content/uploads/2026/01/87ae187591ada5dff2f4acf3b4d63100.png" alt="" class="wp-image-4786" style="aspect-ratio:2.7119444854569617;width:312px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/87ae187591ada5dff2f4acf3b4d63100.png 423w, https://arika-blog.com/wp-content/uploads/2026/01/87ae187591ada5dff2f4acf3b4d63100-300x111.png 300w" sizes="auto, (max-width: 423px) 100vw, 423px" /></figure>



<h2 class="wp-block-heading">おわり</h2>



<p>今回紹介した方法は、ユーザー名だけでなく、メールアドレスや社員番号などの重複チェックにも使用できます。<br>ぜひ他の項目にも展開して、ミスの起きにくいアプリ設計に挑戦してみてください。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-registration-control/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】前回入力した値を保持する方法</title>
		<link>https://arika-blog.com/appsheet-retain-value/</link>
					<comments>https://arika-blog.com/appsheet-retain-value/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Fri, 16 Jan 2026 22:30:16 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[基本操作]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4774</guid>

					<description><![CDATA[AppSheetでフォーム入力をしていると、「さっき入力した値、また同じ内容を入れるの面倒だな…」と思ったことはありませんか？ 実はAppSheetには、前回入力した値を自動で再利用する方法があります。この記事では、毎回 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetでフォーム入力をしていると、「さっき入力した値、また同じ内容を入れるの面倒だな…」と思ったことはありませんか？</p>



<p>実はAppSheetには、<strong>前回入力した値を自動で再利用する方法</strong>があります。<br>この記事では、毎回の入力作業をぐっと楽にする設定方法を、初心者の方にもわかりやすく解説します。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">前回入力した値を保持する方法</h2>



<p>前回入力した値を保持する方法を解説します。<br>使用するスプレッドシートは以下のようになります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="434" height="137" src="https://arika-blog.com/wp-content/uploads/2026/01/8ee1432c86a8f68688386a1056e975ca.png" alt="" class="wp-image-4775" style="width:352px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/8ee1432c86a8f68688386a1056e975ca.png 434w, https://arika-blog.com/wp-content/uploads/2026/01/8ee1432c86a8f68688386a1056e975ca-300x95.png 300w" sizes="auto, (max-width: 434px) 100vw, 434px" /></figure>



<p>AppSheetを開きます。（View typeはformを選択しています。）</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="447" src="https://arika-blog.com/wp-content/uploads/2026/01/15f7f6e40c2e5a18376cff5869bf74e0-1024x447.png" alt="" class="wp-image-4776" style="aspect-ratio:2.290876550049005;width:678px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/15f7f6e40c2e5a18376cff5869bf74e0-1024x447.png 1024w, https://arika-blog.com/wp-content/uploads/2026/01/15f7f6e40c2e5a18376cff5869bf74e0-300x131.png 300w, https://arika-blog.com/wp-content/uploads/2026/01/15f7f6e40c2e5a18376cff5869bf74e0-768x335.png 768w, https://arika-blog.com/wp-content/uploads/2026/01/15f7f6e40c2e5a18376cff5869bf74e0.png 1481w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>日付のTYPEをDateTimeにし、INITIAL VALUEに</p>



<pre class="wp-block-code"><code>NOW()</code></pre>



<p>を入力します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="227" src="https://arika-blog.com/wp-content/uploads/2026/01/135923bf38ae32af2e4e9abcc9586213-1024x227.png" alt="" class="wp-image-4777" srcset="https://arika-blog.com/wp-content/uploads/2026/01/135923bf38ae32af2e4e9abcc9586213-1024x227.png 1024w, https://arika-blog.com/wp-content/uploads/2026/01/135923bf38ae32af2e4e9abcc9586213-300x66.png 300w, https://arika-blog.com/wp-content/uploads/2026/01/135923bf38ae32af2e4e9abcc9586213-768x170.png 768w, https://arika-blog.com/wp-content/uploads/2026/01/135923bf38ae32af2e4e9abcc9586213.png 1270w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>次に、名前のINITIAL VALUEに</p>



<pre class="wp-block-code"><code>ANY(SELECT(シート1&#91;名前], (&#91;日付] = MAX(シート1&#91;日付])), TRUE))</code></pre>



<p>と入力します。</p>



<p>SELECT関数はデータセット内の選択された行の列から値のリストを返します。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-background has-border-color has-watery-blue-background-color has-light-blue-border-color"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">構文</span></div><div class="tab-caption-box-content block-box-content box-content">
<p>SELECT(データセットの列, 行条件, [一意のみ])</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/answer/10108207?hl=ja" title="SELECT() - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Fanswer%2F10108207%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">SELECT() - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">テーブルまたはスライスから特定の行を選択するデータセット内の選択された行の列から値のリストを返します。 使用例 SELECT(生徒, TRUE, FALSE) は、生徒全員のファースト ネーム（重複あり）のリストを返します。SELECT(生徒 , TRUE) に相当します。 SELECT(生徒, ( = &quot;20</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/answer/10108207?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<p>また、MAX関数はリスト内の最大値を返します。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-background has-border-color has-watery-blue-background-color has-light-blue-border-color"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">構文</span></div><div class="tab-caption-box-content block-box-content box-content">
<p>MAX(<em>リスト</em>)</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/answer/10107969?hl=ja" title="MAX() - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Fanswer%2F10107969%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">MAX() - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">リスト内の最大値のアイテムリスト内の最大値を返します。リストが値のない空のリストの場合は 0 を返します。 使用例 MAX(商品) は、商品テーブルの価格列にあるすべての値の中から、最大の値を返します。これは MAX(SELECT(商品, TRUE)) と同等です。関連情報:</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/answer/10107969?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<p>つまり、SELECT関数を使ってシート1の名前の列からリストを作成します。条件は[日付] = MAX(シート1[日付])を満たすもののみ（一番下の行のみ）となります。</p>



<p>ANY関数はリストから 1 個の項目を返します。よって、SELECT関数で作成したリストの中身がANY関数で返されます。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-background has-border-color has-watery-blue-background-color has-light-blue-border-color"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">構文</span></div><div class="tab-caption-box-content block-box-content box-content">
<p>ANY(<em>リスト</em>)</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/answer/10107399?hl=ja" title="ANY() - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Fanswer%2F10107399%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">ANY() - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">リスト内の任意の 1 項目次のように、リストから 1 個の項目を返します。 リストが LIST() などで作成されている場合は、リストの最初の項目。 リストが FILTER() または</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/answer/10107399?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<p>実際に入力してみると値が保持されている（前回入力した値が表示されている）のが分かります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="640" height="415" src="https://arika-blog.com/wp-content/uploads/2026/01/5945e935b8b1445560c3617629234db8.png" alt="" class="wp-image-4781" style="width:510px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/5945e935b8b1445560c3617629234db8.png 640w, https://arika-blog.com/wp-content/uploads/2026/01/5945e935b8b1445560c3617629234db8-300x195.png 300w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>



<h2 class="wp-block-heading">おわり</h2>



<p>前回入力した値を保持できるようになると、入力の手間が減るだけでなく、ミスの防止にもつながります。<br>ぜひ今回紹介した設定をあなたのAppSheetにも取り入れて、日々の入力作業をもっと快適にしてみてください。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-retain-value/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】Show型を使用して区切り線を引く</title>
		<link>https://arika-blog.com/appsheet-show-slice/</link>
					<comments>https://arika-blog.com/appsheet-show-slice/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Tue, 13 Jan 2026 21:45:28 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[基本操作]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4743</guid>

					<description><![CDATA[AppSheetでアプリを作っていると、アプリによっては項目が多くなり、 と感じることはありませんか？ AppSheetには区切り線専用の部品はありませんが、Show型を使うことで、簡単に区切り線のような表現を作ることが [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetでアプリを作っていると、アプリによっては項目が多くなり、</p>



<ul class="wp-block-list">
<li>どこからどこまでが同じグループなのか分かりにくい</li>



<li>画面が縦に長くなって見づらい</li>
</ul>



<p>と感じることはありませんか？</p>



<p>AppSheetには区切り線専用の部品はありませんが、<strong>Show型</strong>を使うことで、簡単に区切り線のような表現を作ることができます。</p>



<p>この記事では、<strong>Show型を使って区切り線を引く方法</strong>を、設定手順とあわせて分かりやすく解説します。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">Show型を使用して区切り線を引く</h2>



<p>Show型を使用して区切り線を引いていきます。使用するスプレッドシートは以下のようになります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="561" height="176" src="https://arika-blog.com/wp-content/uploads/2026/01/e7605d04756f1772c1147dd2359daa01.png" alt="" class="wp-image-4748" style="width:449px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/e7605d04756f1772c1147dd2359daa01.png 561w, https://arika-blog.com/wp-content/uploads/2026/01/e7605d04756f1772c1147dd2359daa01-300x94.png 300w" sizes="auto, (max-width: 561px) 100vw, 561px" /></figure>



<p>AppSheetを開き、仮想列をテーブルに追加します。（View typeはformを選択しています。）</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="640" height="307" src="https://arika-blog.com/wp-content/uploads/2026/01/7fc116ccb530e3d9571cabf7a879b265.png" alt="" class="wp-image-4751" style="width:565px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/7fc116ccb530e3d9571cabf7a879b265.png 640w, https://arika-blog.com/wp-content/uploads/2026/01/7fc116ccb530e3d9571cabf7a879b265-300x144.png 300w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>



<p>[App formula] に &#8220;&#8221; （空の値）を設定します。この値はShow型の列には適用されず、無視されます。ただし、仮想列を構成する際には必須項目であるため、なんらかの値を構成する必要があります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="961" height="292" src="https://arika-blog.com/wp-content/uploads/2026/01/0c60200588a04976f77167bf06928aa4.png" alt="" class="wp-image-4756" style="aspect-ratio:3.2912942328884536;width:517px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/0c60200588a04976f77167bf06928aa4.png 961w, https://arika-blog.com/wp-content/uploads/2026/01/0c60200588a04976f77167bf06928aa4-300x91.png 300w, https://arika-blog.com/wp-content/uploads/2026/01/0c60200588a04976f77167bf06928aa4-768x233.png 768w" sizes="auto, (max-width: 961px) 100vw, 961px" /></figure>



<p>仮想列の[Type]プルダウンで[Show]を選択します。 [Category]は、<strong>Image</strong>にします。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="956" height="338" src="https://arika-blog.com/wp-content/uploads/2026/01/992585b90b23e2db6938074ed56a5ca5.png" alt="" class="wp-image-4758" style="aspect-ratio:2.8285804482794905;width:546px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/992585b90b23e2db6938074ed56a5ca5.png 956w, https://arika-blog.com/wp-content/uploads/2026/01/992585b90b23e2db6938074ed56a5ca5-300x106.png 300w, https://arika-blog.com/wp-content/uploads/2026/01/992585b90b23e2db6938074ed56a5ca5-768x272.png 768w" sizes="auto, (max-width: 956px) 100vw, 956px" /></figure>



<p>[Content]フィールドには、画像のリンクを配置します。今回はいらすとやの「いろいろなドットのライン素材」を使用しました。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="840" height="611" src="https://arika-blog.com/wp-content/uploads/2026/01/8b23225dc2b2ab1dead53fdaf74d7ff2.jpg" alt="" class="wp-image-4757" style="width:448px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/8b23225dc2b2ab1dead53fdaf74d7ff2.jpg 840w, https://arika-blog.com/wp-content/uploads/2026/01/8b23225dc2b2ab1dead53fdaf74d7ff2-300x218.jpg 300w, https://arika-blog.com/wp-content/uploads/2026/01/8b23225dc2b2ab1dead53fdaf74d7ff2-768x559.jpg 768w" sizes="auto, (max-width: 840px) 100vw, 840px" /></figure>



<p>青色のリンクを載せておきます。</p>



<div class="wp-block-cocoon-blocks-sticky-box blank-box block-box sticky st-blue">
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcyvY0qVzt2GCXBBbQFtILpwoTzP4vd-xxCXJpS7HhD7rrwZWwNKwcpk4O4LtaIYPi8a1uEQ2iGpfa7hhcU2U3S1hdF1h5w492ohue-5E1kJk77MaBYZfw3cq9RapI2RXXA-4o1yM7qZ5f/s800/line_dots5_blue.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcyvY0qVzt2GCXBBbQFtILpwoTzP4vd-xxCXJpS7HhD7rrwZWwNKwcpk4O4LtaIYPi8a1uEQ2iGpfa7hhcU2U3S1hdF1h5w492ohue-5E1kJk77MaBYZfw3cq9RapI2RXXA-4o1yM7qZ5f/s800/line_dots5_blue.png</a></p>
</div>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>URLの末尾は一般に.pngまたは.jpgです。</p>
</div>



<p>このままだと一番下に表示されるので、スライスを使って位置を変更します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="470" height="616" src="https://arika-blog.com/wp-content/uploads/2026/01/67cee23be58d2381788c1bb6db37012a.png" alt="" class="wp-image-4759" style="width:245px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/67cee23be58d2381788c1bb6db37012a.png 470w, https://arika-blog.com/wp-content/uploads/2026/01/67cee23be58d2381788c1bb6db37012a-229x300.png 229w" sizes="auto, (max-width: 470px) 100vw, 470px" /></figure>



<p>[Data]に移動し、テーブル名の右側にある&nbsp;<strong>+</strong>&nbsp;をクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="465" height="159" src="https://arika-blog.com/wp-content/uploads/2025/11/4f5e1bc3b38a22cb9983ca3bb692c11e.png" alt="" class="wp-image-4634" style="width:371px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/4f5e1bc3b38a22cb9983ca3bb692c11e.png 465w, https://arika-blog.com/wp-content/uploads/2025/11/4f5e1bc3b38a22cb9983ca3bb692c11e-300x103.png 300w" sizes="auto, (max-width: 465px) 100vw, 465px" /></figure>



<p>スライスを作成します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="941" height="467" src="https://arika-blog.com/wp-content/uploads/2026/01/514a0a639b50a6fcb97f5a838eb56ff6.png" alt="" class="wp-image-4764" style="aspect-ratio:2.0149925037481258;width:510px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/514a0a639b50a6fcb97f5a838eb56ff6.png 941w, https://arika-blog.com/wp-content/uploads/2026/01/514a0a639b50a6fcb97f5a838eb56ff6-300x149.png 300w, https://arika-blog.com/wp-content/uploads/2026/01/514a0a639b50a6fcb97f5a838eb56ff6-768x381.png 768w" sizes="auto, (max-width: 941px) 100vw, 941px" /></figure>



<p>[Slice Columns]フィールドを使用して、順番を入れ替えます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="920" height="211" src="https://arika-blog.com/wp-content/uploads/2026/01/a352de4bf674aa44c3762d3420bd4d96.png" alt="" class="wp-image-4763" style="aspect-ratio:4.360450969259469;width:628px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/a352de4bf674aa44c3762d3420bd4d96.png 920w, https://arika-blog.com/wp-content/uploads/2026/01/a352de4bf674aa44c3762d3420bd4d96-300x69.png 300w, https://arika-blog.com/wp-content/uploads/2026/01/a352de4bf674aa44c3762d3420bd4d96-768x176.png 768w" sizes="auto, (max-width: 920px) 100vw, 920px" /></figure>



<p>[Views]に移動し、[For this Data]フィールドを先ほど作成したスライスに変更します。</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="325" src="https://arika-blog.com/wp-content/uploads/2026/01/1901ccc04a690cacfb6f555de2fb1729-1024x325.png" alt="" class="wp-image-4762" style="aspect-ratio:3.1508615637088266;width:602px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2026/01/1901ccc04a690cacfb6f555de2fb1729-1024x325.png 1024w, https://arika-blog.com/wp-content/uploads/2026/01/1901ccc04a690cacfb6f555de2fb1729-300x95.png 300w, https://arika-blog.com/wp-content/uploads/2026/01/1901ccc04a690cacfb6f555de2fb1729-768x244.png 768w, https://arika-blog.com/wp-content/uploads/2026/01/1901ccc04a690cacfb6f555de2fb1729.png 1345w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>区切り線を作成することができました。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="483" height="638" src="https://arika-blog.com/wp-content/uploads/2026/01/9ab4679eac50f0545d210ff70709fd59.png" alt="" class="wp-image-4761" style="width:245px" srcset="https://arika-blog.com/wp-content/uploads/2026/01/9ab4679eac50f0545d210ff70709fd59.png 483w, https://arika-blog.com/wp-content/uploads/2026/01/9ab4679eac50f0545d210ff70709fd59-227x300.png 227w" sizes="auto, (max-width: 483px) 100vw, 483px" /></figure>



<h2 class="wp-block-heading">おわり</h2>



<p>AppSheetでは専用の区切り線機能はありませんが、 <strong>Show型を使えば簡単に区切り線を表現</strong>できます。アプリが見づらくなってきたら、 ぜひShow型を使って画面を整理してみてください。</p>



<p id="block-a4cf967c-c89c-4a5a-b65c-a7f01f0e887a">AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-show-slice/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】ロゴ（アイコン）を変換する方法 &#8211; 自分で指定した画像も</title>
		<link>https://arika-blog.com/appsheet-logo/</link>
					<comments>https://arika-blog.com/appsheet-logo/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Tue, 02 Dec 2025 19:24:26 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[基本操作]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4700</guid>

					<description><![CDATA[AppSheet では、アプリ内で使うロゴ（アイコン）を自由に変更できます。標準のロゴを切り替えるだけでなく、自分で用意した画像をロゴとして使うことも可能です。本記事では、ロゴ変更の基本操作からオリジナル画像を設定する方 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheet では、アプリ内で使うロゴ（アイコン）を自由に変更できます。標準のロゴを切り替えるだけでなく、自分で用意した画像をロゴとして使うことも可能です。本記事では、ロゴ変更の基本操作からオリジナル画像を設定する方法まで、手順をわかりやすく解説します。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">ロゴを変える方法</h2>



<p>ナビゲーション バーで[settings]を選択し、[Theme &amp; Brand]に移動します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="417" height="672" src="https://arika-blog.com/wp-content/uploads/2025/12/eaa67f110ffef9847e0e4947e9d4047a.png" alt="" class="wp-image-4701" style="width:238px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/12/eaa67f110ffef9847e0e4947e9d4047a.png 417w, https://arika-blog.com/wp-content/uploads/2025/12/eaa67f110ffef9847e0e4947e9d4047a-186x300.png 186w" sizes="auto, (max-width: 417px) 100vw, 417px" /></figure>



<p>App logoからアプリにあったロゴを選択することができます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="274" height="204" src="https://arika-blog.com/wp-content/uploads/2025/12/1da242fbd0d9251c7dc0057b588004da.png" alt="" class="wp-image-4702" style="width:176px;height:auto"/></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="622" height="665" src="https://arika-blog.com/wp-content/uploads/2025/12/d9c98c965646c6b990263e1c1b635f30.png" alt="" class="wp-image-4703" style="width:368px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/12/d9c98c965646c6b990263e1c1b635f30.png 622w, https://arika-blog.com/wp-content/uploads/2025/12/d9c98c965646c6b990263e1c1b635f30-281x300.png 281w" sizes="auto, (max-width: 622px) 100vw, 622px" /></figure>



<p>CUSTOMを選択すると、以下のようにファイルを選択することができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1020" height="133" src="https://arika-blog.com/wp-content/uploads/2025/12/5e61f0746e8a6eaa5b6b423f2b83c8ed.png" alt="" class="wp-image-4704" srcset="https://arika-blog.com/wp-content/uploads/2025/12/5e61f0746e8a6eaa5b6b423f2b83c8ed.png 1020w, https://arika-blog.com/wp-content/uploads/2025/12/5e61f0746e8a6eaa5b6b423f2b83c8ed-300x39.png 300w, https://arika-blog.com/wp-content/uploads/2025/12/5e61f0746e8a6eaa5b6b423f2b83c8ed-768x100.png 768w" sizes="auto, (max-width: 1020px) 100vw, 1020px" /></figure>



<p>変更したい画像を選択してください。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="763" height="334" src="https://arika-blog.com/wp-content/uploads/2025/12/0189a7b7fa544a8f2ba4afe58822916d.png" alt="" class="wp-image-4707" style="width:583px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/12/0189a7b7fa544a8f2ba4afe58822916d.png 763w, https://arika-blog.com/wp-content/uploads/2025/12/0189a7b7fa544a8f2ba4afe58822916d-300x131.png 300w" sizes="auto, (max-width: 763px) 100vw, 763px" /></figure>



<p>ロゴを変更することができました。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="433" height="119" src="https://arika-blog.com/wp-content/uploads/2025/12/bb4aaba373b095e2f22ba45d99c952ae.png" alt="" class="wp-image-4708" style="width:375px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/12/bb4aaba373b095e2f22ba45d99c952ae.png 433w, https://arika-blog.com/wp-content/uploads/2025/12/bb4aaba373b095e2f22ba45d99c952ae-300x82.png 300w" sizes="auto, (max-width: 433px) 100vw, 433px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-flat sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://arika-blog.com/wp-content/uploads/2025/11/icon-1-1-1.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>アイコンは、正方形の画像で 196 X 196 ピクセル以下のサイズにします。</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/answer/10106612?hl=ja" title="&#12473;&#12479;&#12452;&#12523;: &#22522;&#30990; - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Fanswer%2F10106612%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">&#12473;&#12479;&#12452;&#12523;: &#22522;&#30990; - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">テーマやブランドを設定して、アプリの見た目を整えます。ここではエディタを使用して、カラーテーマの選択、自身やユーザーとの関連性のある画像の選択、ビジネスを表すアイコンの設定を行えます。これらの画像は、クラウド プロバイダから選択できます。また、テーマカラー、フォント、テキストサイズを変更することもできます。さらに、概要</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/answer/10106612?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<p>ロゴをアプリ内に表示させたい場合は、同じく[Theme &amp; Brand]のHeader &amp; Footerから設定することができます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="870" height="399" src="https://arika-blog.com/wp-content/uploads/2025/12/d3da8a9b518bc9af1a3a7b05919bcbf9.png" alt="" class="wp-image-4705" style="width:661px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/12/d3da8a9b518bc9af1a3a7b05919bcbf9.png 870w, https://arika-blog.com/wp-content/uploads/2025/12/d3da8a9b518bc9af1a3a7b05919bcbf9-300x138.png 300w, https://arika-blog.com/wp-content/uploads/2025/12/d3da8a9b518bc9af1a3a7b05919bcbf9-768x352.png 768w" sizes="auto, (max-width: 870px) 100vw, 870px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="168" height="110" src="https://arika-blog.com/wp-content/uploads/2025/12/8d8c3ffb8dd864cdd4d30ddbaa0f1bb0.png" alt="" class="wp-image-4709"/></figure>



<h2 class="wp-block-heading">おわり</h2>



<p>アイコンは細かい部分ですが、ユーザーにとってはアプリを使いこなすための<strong>目印</strong>になります。今回紹介した方法を活かして、よりわかりやすく、使いやすいアプリに仕上げてみてください。</p>



<p><strong>関連記事（見た目をカスタマイズする）</strong><br><a href="https://arika-blog.com/appsheet-view/">条件によって表示するViewを変える</a><br><a href="https://arika-blog.com/appsheet-orderby/">ORDERBY関数を使って選択肢を並び替える</a><br><a href="https://arika-blog.com/appsheet-format-rules/">Format rulesで見た目をカスタマイズ！</a></p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-logo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】条件によって表示するViewを変える</title>
		<link>https://arika-blog.com/appsheet-view/</link>
					<comments>https://arika-blog.com/appsheet-view/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Fri, 28 Nov 2025 22:08:35 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[基本操作]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4602</guid>

					<description><![CDATA[アプリを使うユーザーの状況や役割に応じて、見せたい画面を柔軟に切り替えられたら便利ですよね。たとえば「管理者だけが見れる画面が欲しい」「自分の部署だけ確認できればいい」といったニーズは、業務アプリを作るうえでよく登場しま [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>アプリを使うユーザーの状況や役割に応じて、見せたい画面を柔軟に切り替えられたら便利ですよね。たとえば「管理者だけが見れる画面が欲しい」「自分の部署だけ確認できればいい」といったニーズは、業務アプリを作るうえでよく登場します。<strong>AppSheet</strong>には、条件式を使って表示するビューを制御する仕組みが用意されており、これを活用することでユーザー体験を大きく向上させることができます。</p>



<p>本記事では、<strong>条件によって表示するViewを変える方法</strong>をわかりやすく解説し、実際の設定例を交えながらどんな場面で役立つのかを紹介していきます。アプリの使い勝手を一段階アップさせたい方は、ぜひ参考にしてみてください。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">条件によって表示するViewを変える</h2>



<p>今回は以下のスプレッドシートのデータを使用します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="506" height="246" src="https://arika-blog.com/wp-content/uploads/2025/11/2ef0b23b0500854d857b38c040cbd827.png" alt="" class="wp-image-4629" style="width:424px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/2ef0b23b0500854d857b38c040cbd827.png 506w, https://arika-blog.com/wp-content/uploads/2025/11/2ef0b23b0500854d857b38c040cbd827-300x146.png 300w" sizes="auto, (max-width: 506px) 100vw, 506px" /></figure>



<p>カード型で表示すると以下のようになりました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="283" src="https://arika-blog.com/wp-content/uploads/2025/11/59ccc1ce0ff332544251e6a6382a75d9-1024x283.png" alt="" class="wp-image-4630" srcset="https://arika-blog.com/wp-content/uploads/2025/11/59ccc1ce0ff332544251e6a6382a75d9-1024x283.png 1024w, https://arika-blog.com/wp-content/uploads/2025/11/59ccc1ce0ff332544251e6a6382a75d9-300x83.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/59ccc1ce0ff332544251e6a6382a75d9-768x212.png 768w, https://arika-blog.com/wp-content/uploads/2025/11/59ccc1ce0ff332544251e6a6382a75d9-1536x425.png 1536w, https://arika-blog.com/wp-content/uploads/2025/11/59ccc1ce0ff332544251e6a6382a75d9.png 1801w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">見やすさのため、デスクトップのプレビューを表示しています。</figcaption></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-flat sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://arika-blog.com/wp-content/uploads/2025/11/icon-1-1-1.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>部署が混在してて見づらい、あるいは未入荷のものが見づらいという意見が出そうですね。</p>
</div></div>



<p>これを改善するために、条件式を使って表示するビューを制御していきます。</p>



<h3 class="wp-block-heading">部署ごとのビューを作成する</h3>



<p>部署ごとに確認できるビューを作成していきましょう。<br>[Data]に移動し、テーブル名の右側にある&nbsp;<strong>+</strong>&nbsp;をクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="465" height="159" src="https://arika-blog.com/wp-content/uploads/2025/11/4f5e1bc3b38a22cb9983ca3bb692c11e.png" alt="" class="wp-image-4634" style="width:415px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/4f5e1bc3b38a22cb9983ca3bb692c11e.png 465w, https://arika-blog.com/wp-content/uploads/2025/11/4f5e1bc3b38a22cb9983ca3bb692c11e-300x103.png 300w" sizes="auto, (max-width: 465px) 100vw, 465px" /></figure>



<p>Create a new slice for シート名を選択します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="949" height="472" src="https://arika-blog.com/wp-content/uploads/2025/11/4e798f06c63790553250ff7d0a0d43d7.png" alt="" class="wp-image-4635" style="width:605px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/4e798f06c63790553250ff7d0a0d43d7.png 949w, https://arika-blog.com/wp-content/uploads/2025/11/4e798f06c63790553250ff7d0a0d43d7-300x149.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/4e798f06c63790553250ff7d0a0d43d7-768x382.png 768w" sizes="auto, (max-width: 949px) 100vw, 949px" /></figure>



<p>Slice Nameを営業にし、Row filter conditionに、</p>



<pre class="wp-block-code"><code>&#91;部署]="営業"</code></pre>



<p>と入力します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="286" src="https://arika-blog.com/wp-content/uploads/2025/11/706917bde7d853cf015bd0fe373b862b-1024x286.png" alt="" class="wp-image-4637" srcset="https://arika-blog.com/wp-content/uploads/2025/11/706917bde7d853cf015bd0fe373b862b-1024x286.png 1024w, https://arika-blog.com/wp-content/uploads/2025/11/706917bde7d853cf015bd0fe373b862b-300x84.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/706917bde7d853cf015bd0fe373b862b-768x214.png 768w, https://arika-blog.com/wp-content/uploads/2025/11/706917bde7d853cf015bd0fe373b862b.png 1307w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>続いて、ナビゲーション バーで [Apps]&nbsp;&nbsp;&gt; [Views]&nbsp;を選択します。<br>PRIMARY NAVIGATIONの右にある <strong>+</strong>&nbsp;をクリックしViewを追加します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="422" height="281" src="https://arika-blog.com/wp-content/uploads/2025/11/ff64d10c53de72b5648c4c783c3e2100.png" alt="" class="wp-image-4638" style="width:327px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/ff64d10c53de72b5648c4c783c3e2100.png 422w, https://arika-blog.com/wp-content/uploads/2025/11/ff64d10c53de72b5648c4c783c3e2100-300x200.png 300w" sizes="auto, (max-width: 422px) 100vw, 422px" /></figure>



<p>作成したViewのFor this dataに先ほど作成した営業のスライスを選択します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="213" src="https://arika-blog.com/wp-content/uploads/2025/11/48437b783fb7ce06b0bb044183530cad-1024x213.png" alt="" class="wp-image-4639" srcset="https://arika-blog.com/wp-content/uploads/2025/11/48437b783fb7ce06b0bb044183530cad-1024x213.png 1024w, https://arika-blog.com/wp-content/uploads/2025/11/48437b783fb7ce06b0bb044183530cad-300x62.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/48437b783fb7ce06b0bb044183530cad-768x160.png 768w, https://arika-blog.com/wp-content/uploads/2025/11/48437b783fb7ce06b0bb044183530cad.png 1302w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">View nameも営業に変えてます。</figcaption></figure>



<p>営業のみの画面が作成できました。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="449" height="601" src="https://arika-blog.com/wp-content/uploads/2025/11/9b53647b0b052551d65e1b87bb51e745.png" alt="" class="wp-image-4640" style="width:273px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/9b53647b0b052551d65e1b87bb51e745.png 449w, https://arika-blog.com/wp-content/uploads/2025/11/9b53647b0b052551d65e1b87bb51e745-224x300.png 224w" sizes="auto, (max-width: 449px) 100vw, 449px" /><figcaption class="wp-element-caption">モバイル画面のプレビュー</figcaption></figure>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="347" src="https://arika-blog.com/wp-content/uploads/2025/11/675223fff221ca3de6191c25a1f79b78-1024x347.png" alt="" class="wp-image-4641" style="width:649px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/675223fff221ca3de6191c25a1f79b78-1024x347.png 1024w, https://arika-blog.com/wp-content/uploads/2025/11/675223fff221ca3de6191c25a1f79b78-300x102.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/675223fff221ca3de6191c25a1f79b78-768x260.png 768w, https://arika-blog.com/wp-content/uploads/2025/11/675223fff221ca3de6191c25a1f79b78.png 1048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">デスクトップ画面のプレビュー</figcaption></figure>



<h3 class="wp-block-heading">未入荷のみ確認したい</h3>



<p>未入荷の場合も同様です。作成したスライスのRow filter conditionを、</p>



<pre class="wp-block-code"><code>&#91;ステータス] = ”未入荷”</code></pre>



<p>とすれば、未入荷のみが表示される画面が作成できます。</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="448" src="https://arika-blog.com/wp-content/uploads/2025/11/656ebf8aa7bc29914816691d6e1a51bc-1024x448.png" alt="" class="wp-image-4642" style="width:658px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/656ebf8aa7bc29914816691d6e1a51bc-1024x448.png 1024w, https://arika-blog.com/wp-content/uploads/2025/11/656ebf8aa7bc29914816691d6e1a51bc-300x131.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/656ebf8aa7bc29914816691d6e1a51bc-768x336.png 768w, https://arika-blog.com/wp-content/uploads/2025/11/656ebf8aa7bc29914816691d6e1a51bc.png 1202w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">特定のユーザーのみが見れる画面を作成する</h3>



<p>特定のユーザーのみが見れる画面も作成できます。</p>



<p>作成したスライスのRow filter conditionを、</p>



<pre class="wp-block-code"><code>USEREMAIL() = "〇〇@gmail.com"</code></pre>



<p>とすれば、そのアドレスでログインしているユーザーのみに表示される画面が作成できます。</p>



<p>指定したメールアドレスで見る画面は特に変わりませんが、</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="308" src="https://arika-blog.com/wp-content/uploads/2025/11/72d2f4168a70ea5bbe30571dd96891a8-1024x308.png" alt="" class="wp-image-4644" srcset="https://arika-blog.com/wp-content/uploads/2025/11/72d2f4168a70ea5bbe30571dd96891a8-1024x308.png 1024w, https://arika-blog.com/wp-content/uploads/2025/11/72d2f4168a70ea5bbe30571dd96891a8-300x90.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/72d2f4168a70ea5bbe30571dd96891a8-768x231.png 768w, https://arika-blog.com/wp-content/uploads/2025/11/72d2f4168a70ea5bbe30571dd96891a8-1536x461.png 1536w, https://arika-blog.com/wp-content/uploads/2025/11/72d2f4168a70ea5bbe30571dd96891a8.png 1834w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>別のアドレスでログインすると何も見えません。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="782" height="346" src="https://arika-blog.com/wp-content/uploads/2025/11/fb2791d38b01a720255d7a47fe3f395c.png" alt="" class="wp-image-4645" style="width:513px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/fb2791d38b01a720255d7a47fe3f395c.png 782w, https://arika-blog.com/wp-content/uploads/2025/11/fb2791d38b01a720255d7a47fe3f395c-300x133.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/fb2791d38b01a720255d7a47fe3f395c-768x340.png 768w" sizes="auto, (max-width: 782px) 100vw, 782px" /></figure>



<h2 class="wp-block-heading">おわり</h2>



<p>条件に応じてビューを切り替える仕組みは、アプリの使い勝手を大きく変えてくれます。ユーザーごとに最適な画面を見せられるようになれば、操作の迷いが減り、業務効率も自然と向上します。ぜひ今回紹介した方法を参考に、自分のアプリに取り入れてみてください。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-view/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】ORDERBY関数を使って選択肢を並び替える</title>
		<link>https://arika-blog.com/appsheet-orderby/</link>
					<comments>https://arika-blog.com/appsheet-orderby/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Wed, 26 Nov 2025 21:55:12 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[関数]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4611</guid>

					<description><![CDATA[アプリを作っていると、ユーザーに提示する選択肢の並び順が気になることはありませんか？ 例えば、優先度の高いものから順に選ばせたい、名前順に並べたいなど、ただ一覧を出すだけでは使い勝手が悪くなる場面があります。 そんなとき [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>アプリを作っていると、ユーザーに提示する選択肢の並び順が気になることはありませんか？ 例えば、<strong>優先度の高いものから順に選ばせたい</strong>、<strong>名前順に並べたい</strong>など、ただ一覧を出すだけでは使い勝手が悪くなる場面があります。</p>



<p>そんなときに役立つのが<strong>ORDERBY</strong>関数です。AppSheet では、この関数を使うことで選択肢を並び替え、ユーザーにとって直感的で使いやすいフォームを実現できます。この記事では、そんなORDERBY関数の基本的な使い方をわかりやすく解説していきます。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">ORDERBY関数の使い方</h2>



<p>ORDERBY関数を使用するためにTypeをRefに変更して、Source tableを商品マスタにします。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="957" height="511" src="https://arika-blog.com/wp-content/uploads/2025/11/578bace146c059ea1a78829fe3846577.png" alt="" class="wp-image-4616" style="width:644px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/578bace146c059ea1a78829fe3846577.png 957w, https://arika-blog.com/wp-content/uploads/2025/11/578bace146c059ea1a78829fe3846577-300x160.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/578bace146c059ea1a78829fe3846577-768x410.png 768w" sizes="auto, (max-width: 957px) 100vw, 957px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="499" height="151" src="https://arika-blog.com/wp-content/uploads/2025/11/3f85280202ba72c1fa4a2d3e43125669.png" alt="" class="wp-image-4622" srcset="https://arika-blog.com/wp-content/uploads/2025/11/3f85280202ba72c1fa4a2d3e43125669.png 499w, https://arika-blog.com/wp-content/uploads/2025/11/3f85280202ba72c1fa4a2d3e43125669-300x91.png 300w" sizes="auto, (max-width: 499px) 100vw, 499px" /><figcaption class="wp-element-caption">商品マスタ</figcaption></figure>



<p>ORDERBY関数を使用する前の状態は以下になります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="423" height="127" src="https://arika-blog.com/wp-content/uploads/2025/11/c38f926966c041bfee5a87ebed497685.png" alt="" class="wp-image-4619" style="width:316px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/c38f926966c041bfee5a87ebed497685.png 423w, https://arika-blog.com/wp-content/uploads/2025/11/c38f926966c041bfee5a87ebed497685-300x90.png 300w" sizes="auto, (max-width: 423px) 100vw, 423px" /></figure>



<p>Valid_IfにORDERBY関数を入力はすることで並びを変更していきます。構文は以下のようになります。</p>



<p>関連記事<br><a href="https://arika-blog.com/appsheet-valid-if/">AppSheetの入力をValid_Ifで制御する</a></p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-background has-border-color has-watery-blue-background-color has-light-blue-border-color"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">構文</span></div><div class="tab-caption-box-content block-box-content box-content">
<p>ORDERBY(<em>キー</em>,&nbsp;<em>並べ替えキー</em>)</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/answer/10107362?hl=ja" title="ORDERBY() - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Fanswer%2F10107362%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">ORDERBY() - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">行の参照を並べ替える指示どおりに並べ替えた元の行のキー値（Ref 値のリスト）を返します。 使用例 ORDERBY(製品, )は、対応する製品名列の値で並べ替えた製品 ID 列の値（データセットのキー値）のリストを返します。 ORDERBY(製品, , TRUE</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/answer/10107362?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<p>キーには<strong>キー列の値のリストが必要</strong>です。今回はSELECT関数で収集します。<strong>SELECT(商品マスタ[管理ID],TRUE)</strong>はすべての商品マスタの管理IDのリストを返します。</p>



<p>並び替えキーには、並べ替える列を指定します。</p>



<pre class="wp-block-code"><code>ORDERBY(SELECT(商品マスタ&#91;管理ID],TRUE), &#91;管理ID])</code></pre>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="415" height="134" src="https://arika-blog.com/wp-content/uploads/2025/11/2cf499ea182b524821df7f4014af86c5.png" alt="" class="wp-image-4620" style="width:316px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/2cf499ea182b524821df7f4014af86c5.png 415w, https://arika-blog.com/wp-content/uploads/2025/11/2cf499ea182b524821df7f4014af86c5-300x97.png 300w" sizes="auto, (max-width: 415px) 100vw, 415px" /><figcaption class="wp-element-caption">管理IDの列で並び替え</figcaption></figure>



<p>降順・昇順を指定することもできます。TRUEが降順、FALSEが昇順となります。</p>



<pre class="wp-block-code"><code>ORDERBY(SELECT(商品マスタ&#91;管理ID],TRUE), &#91;管理ID], TRUE)</code></pre>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="421" height="129" src="https://arika-blog.com/wp-content/uploads/2025/11/c7d320060ca2890cd341cbc9185a549e.png" alt="" class="wp-image-4621" style="width:316px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/c7d320060ca2890cd341cbc9185a549e.png 421w, https://arika-blog.com/wp-content/uploads/2025/11/c7d320060ca2890cd341cbc9185a549e-300x92.png 300w" sizes="auto, (max-width: 421px) 100vw, 421px" /><figcaption class="wp-element-caption">省略は昇順です</figcaption></figure>



<p>並び替えキーに<strong>[値段]</strong>を指定すれば値段の列で並び替えが行われます。</p>



<pre class="wp-block-code"><code>ORDERBY(SELECT(商品マスタ&#91;管理ID],TRUE), &#91;値段], TRUE)</code></pre>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="425" height="123" src="https://arika-blog.com/wp-content/uploads/2025/11/d79ac209f98ea1f16c65a7a63cb7ad3d.png" alt="" class="wp-image-4623" style="width:316px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/d79ac209f98ea1f16c65a7a63cb7ad3d.png 425w, https://arika-blog.com/wp-content/uploads/2025/11/d79ac209f98ea1f16c65a7a63cb7ad3d-300x87.png 300w" sizes="auto, (max-width: 425px) 100vw, 425px" /></figure>



<h2 class="wp-block-heading">おわり</h2>



<p>ORDERBY関数を活用すれば、選択肢の並び順をコントロールでき、アプリの使いやすさがぐっと向上します。ユーザーにとって直感的でストレスのない操作体験を提供することは、アプリの価値を高める大切なポイントです。ぜひ日々の開発にORDERBY関数を取り入れて、より洗練されたアプリを作ってみてください。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-orderby/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】Format rulesで見た目をカスタマイズ！</title>
		<link>https://arika-blog.com/appsheet-format-rules/</link>
					<comments>https://arika-blog.com/appsheet-format-rules/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Mon, 17 Nov 2025 21:30:50 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[基本操作]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4576</guid>

					<description><![CDATA[AppSheetはノーコードでアプリを作れる便利なプラットフォームですが、ただデータを並べるだけでは見づらいと感じることもあります。そんなときに役立つのが Format rules（フォーマットルール）です。例えば、条件 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetはノーコードでアプリを作れる便利なプラットフォームですが、ただデータを並べるだけでは見づらいと感じることもあります。そんなときに役立つのが <strong>Format rules（フォーマットルール）</strong>です。例えば、条件に応じて色を変えたり、アイコンを追加することでユーザーにとってわかりやすい見た目を作ることができます。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">Format rulesの使い方</h2>



<p>ナビゲーション バーで [Apps]&nbsp;&nbsp;&gt; [Format rules]&nbsp;を選択します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="319" height="276" src="https://arika-blog.com/wp-content/uploads/2025/11/0fbfb3ae0a73fbd5ca3af962f0dd49c9.png" alt="" class="wp-image-4578" style="width:250px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/0fbfb3ae0a73fbd5ca3af962f0dd49c9.png 319w, https://arika-blog.com/wp-content/uploads/2025/11/0fbfb3ae0a73fbd5ca3af962f0dd49c9-300x260.png 300w" sizes="auto, (max-width: 319px) 100vw, 319px" /></figure>



<p>+ Add Format Ruleを選択します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="736" height="618" src="https://arika-blog.com/wp-content/uploads/2025/11/d1c82e9f4b15bfc4a525e36aee7f83da.png" alt="" class="wp-image-4580" style="width:468px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/d1c82e9f4b15bfc4a525e36aee7f83da.png 736w, https://arika-blog.com/wp-content/uploads/2025/11/d1c82e9f4b15bfc4a525e36aee7f83da-300x252.png 300w" sizes="auto, (max-width: 736px) 100vw, 736px" /></figure>



<p>次の画面から見た目をカスタマイズできます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="944" height="572" src="https://arika-blog.com/wp-content/uploads/2025/11/eb386db10e863eeeb261e89a76e14d75.png" alt="" class="wp-image-4583" style="width:622px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/eb386db10e863eeeb261e89a76e14d75.png 944w, https://arika-blog.com/wp-content/uploads/2025/11/eb386db10e863eeeb261e89a76e14d75-300x182.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/eb386db10e863eeeb261e89a76e14d75-768x465.png 768w" sizes="auto, (max-width: 944px) 100vw, 944px" /></figure>



<p>Format these columns and actionsで、後述するFormat rulesを適用する列を選択することができます。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-flat sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://arika-blog.com/wp-content/uploads/2025/11/icon-1-1-1.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>列は複数選択することができるよ</p>
</div></div>



<p>If this condition is trueで書式ルールが適用される条件を指定できます。（後述します。）</p>



<p>詳しくはこちら</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/answer/10106703?hl=ja" title="&#26360;&#24335;&#12523;&#12540;&#12523;: &#22522;&#30990; - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Fanswer%2F10106703%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">&#26360;&#24335;&#12523;&#12540;&#12523;: &#22522;&#30990; - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">書式ルールを使用することで、アプリ内での情報の表示方法を変えることができます。 書式ルールの概要 書式ルールを追加 書式ルールをお気に入りに追加</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/answer/10106703?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<h3 class="wp-block-heading">Visual Format</h3>



<p>Visual Formatでアイコンをつけて色を変えたり、テキストの色を変えることができます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="945" height="622" src="https://arika-blog.com/wp-content/uploads/2025/11/9db8ade5eea40479f20f2931a1343439.png" alt="" class="wp-image-4581" style="width:626px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/9db8ade5eea40479f20f2931a1343439.png 945w, https://arika-blog.com/wp-content/uploads/2025/11/9db8ade5eea40479f20f2931a1343439-300x197.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/9db8ade5eea40479f20f2931a1343439-768x505.png 768w" sizes="auto, (max-width: 945px) 100vw, 945px" /></figure>



<p>適用前</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="473" height="626" src="https://arika-blog.com/wp-content/uploads/2025/11/ad63df3c7c20d12b1641aaefbe6f5fd5.png" alt="" class="wp-image-4587" style="width:298px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/ad63df3c7c20d12b1641aaefbe6f5fd5.png 473w, https://arika-blog.com/wp-content/uploads/2025/11/ad63df3c7c20d12b1641aaefbe6f5fd5-227x300.png 227w" sizes="auto, (max-width: 473px) 100vw, 473px" /></figure>



<p>適用後</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="474" height="620" src="https://arika-blog.com/wp-content/uploads/2025/11/8bd05d9eb8b7b7f46f5df4f00ca0c973.png" alt="" class="wp-image-4588" style="width:298px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/8bd05d9eb8b7b7f46f5df4f00ca0c973.png 474w, https://arika-blog.com/wp-content/uploads/2025/11/8bd05d9eb8b7b7f46f5df4f00ca0c973-229x300.png 229w" sizes="auto, (max-width: 474px) 100vw, 474px" /></figure>



<h3 class="wp-block-heading">Text Format</h3>



<p>Text Formatで太字や斜体などにできます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="936" height="517" src="https://arika-blog.com/wp-content/uploads/2025/11/523b6ec0232dbcf8b133cca0ea69095e.png" alt="" class="wp-image-4582" style="width:652px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/523b6ec0232dbcf8b133cca0ea69095e.png 936w, https://arika-blog.com/wp-content/uploads/2025/11/523b6ec0232dbcf8b133cca0ea69095e-300x166.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/523b6ec0232dbcf8b133cca0ea69095e-768x424.png 768w" sizes="auto, (max-width: 936px) 100vw, 936px" /></figure>



<p>項目をそれぞれ訳すと以下になります。</p>



<ul class="wp-block-list">
<li>Text size：文字サイズ</li>



<li>Underline：下線</li>



<li>Bold：太字</li>



<li>Italic：斜体</li>



<li>Uppercase：大文字</li>



<li>Strikethrough：取り消し線</li>
</ul>



<p>適用前</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="473" height="626" src="https://arika-blog.com/wp-content/uploads/2025/11/ad63df3c7c20d12b1641aaefbe6f5fd5-1.png" alt="" class="wp-image-4589" style="width:298px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/ad63df3c7c20d12b1641aaefbe6f5fd5-1.png 473w, https://arika-blog.com/wp-content/uploads/2025/11/ad63df3c7c20d12b1641aaefbe6f5fd5-1-227x300.png 227w" sizes="auto, (max-width: 473px) 100vw, 473px" /></figure>



<p>適用後</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="467" height="621" src="https://arika-blog.com/wp-content/uploads/2025/11/44d72df09370129cf797c21cdb998dbc.png" alt="" class="wp-image-4590" style="width:298px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/44d72df09370129cf797c21cdb998dbc.png 467w, https://arika-blog.com/wp-content/uploads/2025/11/44d72df09370129cf797c21cdb998dbc-226x300.png 226w" sizes="auto, (max-width: 467px) 100vw, 467px" /></figure>



<h3 class="wp-block-heading">実践編</h3>



<p>前述した通り、If this condition is trueで書式ルールが適用される条件を指定できます。</p>



<p>納期や数量で色を変更することができ、視認性を高くできます。</p>



<p>例えば、文字列20251104を11/04/2025に変更し、今日が納期のものに書式ルールを適用します。</p>



<pre class="wp-block-code"><code>DATE(LEFT(RIGHT(&#91;納期], 4), 2) &amp; "/" &amp; RIGHT(&#91;納期], 2)&nbsp;&amp; "/" &amp; LEFT(&#91;納期], 4)) = TODAY()</code></pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-flat sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://arika-blog.com/wp-content/uploads/2025/11/icon-1-1-1.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>[]の中は列名です</p>
</div></div>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="478" height="636" src="https://arika-blog.com/wp-content/uploads/2025/11/b80e0519d4be81ac4b7bfbc251f18cf0.png" alt="" class="wp-image-4584" style="width:298px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/b80e0519d4be81ac4b7bfbc251f18cf0.png 478w, https://arika-blog.com/wp-content/uploads/2025/11/b80e0519d4be81ac4b7bfbc251f18cf0-225x300.png 225w" sizes="auto, (max-width: 478px) 100vw, 478px" /></figure>



<p>各関数に関してはこちら</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/table/10104782?hl=ja&#038;ref_topic=10099895&#038;sjid=14815561559218037710-NC" title="AppSheet &#38306;&#25968;&#19968;&#35239; - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Ftable%2F10104782%3Fhl%3Dja%26ref_topic%3D10099895%26sjid%3D14815561559218037710-NC?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">AppSheet &#38306;&#25968;&#19968;&#35239; - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/table/10104782?hl=ja&#038;ref_topic=10099895&#038;sjid=14815561559218037710-NC" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<p>他にも、入荷済みものにアイコンをつけたりできます。</p>



<pre class="wp-block-code"><code>&#91;ステータス] = "入荷済み"</code></pre>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="460" height="616" src="https://arika-blog.com/wp-content/uploads/2025/11/36b895bc33b9904575f1c2dcd5df8e6f.png" alt="" class="wp-image-4586" style="width:298px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/36b895bc33b9904575f1c2dcd5df8e6f.png 460w, https://arika-blog.com/wp-content/uploads/2025/11/36b895bc33b9904575f1c2dcd5df8e6f-224x300.png 224w" sizes="auto, (max-width: 460px) 100vw, 460px" /></figure>



<h2 class="wp-block-heading">おわり</h2>



<p>Format rulesを活用すれば、ただのデータ一覧が「伝わるアプリ」へと変わります。ぜひ自分のアプリでも条件付きの色分けやアイコン表示を取り入れて、ユーザーにとって使いやすいアプリを作ってみてください。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-format-rules/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>AppSheetのアプリをコピーするときの注意点</title>
		<link>https://arika-blog.com/appsheet%e3%81%ae%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e3%82%b3%e3%83%94%e3%83%bc%e3%81%99%e3%82%8b%e3%81%a8%e3%81%8d%e3%81%ae%e6%b3%a8%e6%84%8f%e7%82%b9/</link>
					<comments>https://arika-blog.com/appsheet%e3%81%ae%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e3%82%b3%e3%83%94%e3%83%bc%e3%81%99%e3%82%8b%e3%81%a8%e3%81%8d%e3%81%ae%e6%b3%a8%e6%84%8f%e7%82%b9/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Thu, 13 Nov 2025 21:57:11 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[その他]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4524</guid>

					<description><![CDATA[AppSheetのアプリコピーは便利ですが、「そのまま使える」と思って油断するとトラブルの原因になります。この記事では、アプリをコピーする際に気をつけたい点を整理します。 リンク アプリをコピーする方法 アプリのコピーは [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetのアプリコピーは便利ですが、<strong>「そのまま使える」と思って油断するとトラブルの原因</strong>になります。この記事では、アプリをコピーする際に気をつけたい点を整理します。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">アプリをコピーする方法</h2>



<p>アプリのコピーは3点リーダーをクリックして、Copyを選択するとできます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="329" src="https://arika-blog.com/wp-content/uploads/2025/11/3397efce24a1136a7c9a4d0ae9553fba-1024x329.png" alt="" class="wp-image-4526" srcset="https://arika-blog.com/wp-content/uploads/2025/11/3397efce24a1136a7c9a4d0ae9553fba-1024x329.png 1024w, https://arika-blog.com/wp-content/uploads/2025/11/3397efce24a1136a7c9a4d0ae9553fba-300x96.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/3397efce24a1136a7c9a4d0ae9553fba-768x247.png 768w, https://arika-blog.com/wp-content/uploads/2025/11/3397efce24a1136a7c9a4d0ae9553fba.png 1519w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Copyを選択すると、以下のような画面が表示されます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="736" height="560" src="https://arika-blog.com/wp-content/uploads/2025/11/80b65d04b1f1aa51e54b261d35d10577.png" alt="" class="wp-image-4527" style="width:563px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/80b65d04b1f1aa51e54b261d35d10577.png 736w, https://arika-blog.com/wp-content/uploads/2025/11/80b65d04b1f1aa51e54b261d35d10577-300x228.png 300w" sizes="auto, (max-width: 736px) 100vw, 736px" /></figure>



<ul class="wp-block-list">
<li>Make a copy of the data for the new app</li>



<li>Make a copy of file data (eg: images) for the new app</li>
</ul>



<p>2つの選択項目をきちんと理解していないと、思った通りの動作をしない場合があるので注意しましょう。</p>



<h2 class="wp-block-heading">コピーするときの注意点</h2>



<p>AppSheetのアプリをコピーするときの注意点をまとめます。</p>



<p>アプリの中身は以下の通りで、入力項目が1つと画像を登録する項目が1つあります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="440" height="585" src="https://arika-blog.com/wp-content/uploads/2025/11/6fe1cf1b279134bec94a75c6f5c51443.png" alt="" class="wp-image-4528" style="width:274px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/6fe1cf1b279134bec94a75c6f5c51443.png 440w, https://arika-blog.com/wp-content/uploads/2025/11/6fe1cf1b279134bec94a75c6f5c51443-226x300.png 226w" sizes="auto, (max-width: 440px) 100vw, 440px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="443" height="185" src="https://arika-blog.com/wp-content/uploads/2025/11/2e6df7f4858383239e34badd46a86930.png" alt="" class="wp-image-4532" srcset="https://arika-blog.com/wp-content/uploads/2025/11/2e6df7f4858383239e34badd46a86930.png 443w, https://arika-blog.com/wp-content/uploads/2025/11/2e6df7f4858383239e34badd46a86930-300x125.png 300w" sizes="auto, (max-width: 443px) 100vw, 443px" /></figure>



<h3 class="wp-block-heading">2つの選択項目を選択した場合</h3>



<p>2つの選択項目を選択してアプリをコピーした場合、スプレッドシートも画像もコピーされます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="736" height="557" src="https://arika-blog.com/wp-content/uploads/2025/11/9a9f67ceab7cdfd2b21940e44d459bdd.png" alt="" class="wp-image-4529" style="width:466px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/9a9f67ceab7cdfd2b21940e44d459bdd.png 736w, https://arika-blog.com/wp-content/uploads/2025/11/9a9f67ceab7cdfd2b21940e44d459bdd-300x227.png 300w" sizes="auto, (max-width: 736px) 100vw, 736px" /></figure>



<p>つまり、このコピーしたアプリを使っても、もともとあったスプレッドシートは何の影響も受けません。</p>



<h3 class="wp-block-heading">Make a copy of the data for the new app のみ選択する</h3>



<p>次は、Make a copy of the data for the new app のみ選択してアプリをコピーします。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="739" height="560" src="https://arika-blog.com/wp-content/uploads/2025/11/2e023a3732ff5f8763d876ba768548ae.png" alt="" class="wp-image-4530" style="width:465px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/2e023a3732ff5f8763d876ba768548ae.png 739w, https://arika-blog.com/wp-content/uploads/2025/11/2e023a3732ff5f8763d876ba768548ae-300x227.png 300w" sizes="auto, (max-width: 739px) 100vw, 739px" /></figure>



<p>Make a copy of the data for the new appは翻訳すると、<strong>新しいアプリ用のデータのコピーを作成する</strong>となり、Make a copy of file data (eg: images) for the new appは翻訳すると、<strong>新しいアプリ用にファイルデータ（画像など）のコピーを作成します</strong>となります。</p>



<p>つまり、この場合は画像はコピーされませんが、スプレッドシートはコピーされます。（なので、もともとあったスプレッドシートは何の影響も受けません。）</p>



<p>画像がコピーされないので、読み込みできていないのが分かります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="422" height="203" src="https://arika-blog.com/wp-content/uploads/2025/11/aa1cf2774cdfb8bb104b2d5e7367456b.png" alt="" class="wp-image-4531" style="width:331px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/aa1cf2774cdfb8bb104b2d5e7367456b.png 422w, https://arika-blog.com/wp-content/uploads/2025/11/aa1cf2774cdfb8bb104b2d5e7367456b-300x144.png 300w" sizes="auto, (max-width: 422px) 100vw, 422px" /></figure>



<h3 class="wp-block-heading">2つとも選択しない場合</h3>



<p>2つとも選択しないでアプリをコピーする場合、スプレッドシートも画像もコピーされません。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="737" height="565" src="https://arika-blog.com/wp-content/uploads/2025/11/5a882cc5b5f0e766c871ec466f3743e1.png" alt="" class="wp-image-4533" style="width:466px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/5a882cc5b5f0e766c871ec466f3743e1.png 737w, https://arika-blog.com/wp-content/uploads/2025/11/5a882cc5b5f0e766c871ec466f3743e1-300x230.png 300w" sizes="auto, (max-width: 737px) 100vw, 737px" /></figure>



<p>よって、このコピーしたアプリで入力を行うと、<strong>元のスプレッドシートに書き込みが行われます。</strong></p>



<h2 class="wp-block-heading">おわり</h2>



<p>AppSheetのコピーについてまとめました。選択項目をきちんと理解して、用途にあったコピーの仕方を選ぶようにしましょう。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet%e3%81%ae%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e3%82%b3%e3%83%94%e3%83%bc%e3%81%99%e3%82%8b%e3%81%a8%e3%81%8d%e3%81%ae%e6%b3%a8%e6%84%8f%e7%82%b9/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>AppSheetの入力をValid_Ifで制御する</title>
		<link>https://arika-blog.com/appsheet-valid-if/</link>
					<comments>https://arika-blog.com/appsheet-valid-if/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Wed, 05 Nov 2025 20:17:51 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[基本操作]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4467</guid>

					<description><![CDATA[AppSheetでは、ユーザーが入力するデータの正確性や一貫性を保つために、Valid_Ifを使って入力制御を行うことができます。これにより、特定の条件を満たす場合のみ入力を許可したり、選択肢を絞り込んだりすることが可能 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetでは、ユーザーが入力するデータの正確性や一貫性を保つために、<strong>Valid_If</strong>を使って入力制御を行うことができます。これにより、特定の条件を満たす場合のみ入力を許可したり、選択肢を絞り込んだりすることが可能になります。この記事では、Valid_Ifの基本的な使い方から、実践的な応用例までをわかりやすく解説します。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">基本的な使い方</h2>



<p>Valid_Ifの基本的な使い方を解説します。</p>



<p>editを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="560" height="130" src="https://arika-blog.com/wp-content/uploads/2025/11/953b33543d0910eaad55b573ed103735.png" alt="" class="wp-image-4478" srcset="https://arika-blog.com/wp-content/uploads/2025/11/953b33543d0910eaad55b573ed103735.png 560w, https://arika-blog.com/wp-content/uploads/2025/11/953b33543d0910eaad55b573ed103735-300x70.png 300w" sizes="auto, (max-width: 560px) 100vw, 560px" /></figure>



<p>Data ValidityからValid_Ifを設定することができます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="939" height="375" src="https://arika-blog.com/wp-content/uploads/2025/11/fc00fb389c2152753a5dd618158a8af5.png" alt="" class="wp-image-4476" style="width:566px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/fc00fb389c2152753a5dd618158a8af5.png 939w, https://arika-blog.com/wp-content/uploads/2025/11/fc00fb389c2152753a5dd618158a8af5-300x120.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/fc00fb389c2152753a5dd618158a8af5-768x307.png 768w" sizes="auto, (max-width: 939px) 100vw, 939px" /></figure>



<p>Valid_Ifに</p>



<pre class="wp-block-code"><code><strong>LEN(&#91;_THIS]) &gt;= 5</strong></code></pre>



<p>と入力すると、5文字以上の入力のみ有効となります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="414" height="147" src="https://arika-blog.com/wp-content/uploads/2025/11/aa4909cbdf6a1044ea1a0c56725bde47.png" alt="" class="wp-image-4479" style="width:341px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/aa4909cbdf6a1044ea1a0c56725bde47.png 414w, https://arika-blog.com/wp-content/uploads/2025/11/aa4909cbdf6a1044ea1a0c56725bde47-300x107.png 300w" sizes="auto, (max-width: 414px) 100vw, 414px" /></figure>



<p>[_THIS]は、現在の行の現在の列の値です。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/answer/10107945?hl=ja" title="&#21015;&#20516;&#12398;&#24335; - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Fanswer%2F10107945%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">&#21015;&#20516;&#12398;&#24335; - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">特定の列と行から値を取得する式を書く列値の式は、行内の特定の列の値を返します。行そのものを指定する必要はなく、通常は式の文脈で暗黙的に指定されます。 式 説明 現在のテーブルの列の値。 例:</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/answer/10107945?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<p>LENはテキスト値の文字数を返す関数です。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://support.google.com/appsheet/table/10104782?hl=ja" title="AppSheet &#38306;&#25968;&#19968;&#35239; - AppSheet &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fappsheet%2Ftable%2F10104782%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">AppSheet &#38306;&#25968;&#19968;&#35239; - AppSheet &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://support.google.com/appsheet/table/10104782?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<p>エラーのメッセージは<strong>Invalid value error</strong>から設定することができます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="942" height="377" src="https://arika-blog.com/wp-content/uploads/2025/11/e1ab78da78d193d841d6c80d5850422e.png" alt="" class="wp-image-4480" style="width:615px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/11/e1ab78da78d193d841d6c80d5850422e.png 942w, https://arika-blog.com/wp-content/uploads/2025/11/e1ab78da78d193d841d6c80d5850422e-300x120.png 300w, https://arika-blog.com/wp-content/uploads/2025/11/e1ab78da78d193d841d6c80d5850422e-768x307.png 768w" sizes="auto, (max-width: 942px) 100vw, 942px" /></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="416" height="159" src="https://arika-blog.com/wp-content/uploads/2025/11/3089e6e51954c6e115130700d3389920.png" alt="" class="wp-image-4481" style="width:341px" srcset="https://arika-blog.com/wp-content/uploads/2025/11/3089e6e51954c6e115130700d3389920.png 416w, https://arika-blog.com/wp-content/uploads/2025/11/3089e6e51954c6e115130700d3389920-300x115.png 300w" sizes="auto, (max-width: 416px) 100vw, 416px" /></figure>



<h2 class="wp-block-heading">実践的な応用例</h2>



<p>実践的な例をいくつか紹介します。</p>



<p><strong>5文字以上かつ-を含む</strong></p>



<pre class="wp-block-code"><code>AND(LEN(&#91;_THIS]) &gt;= 5, CONTAINS(&#91;_THIS], "-"))</code></pre>



<p><strong>080で始まる</strong></p>



<pre class="wp-block-code"><code>LEFT(&#91;_THIS], 3) = "080"</code></pre>



<p><strong>ハイフンと似た記号の入力を無効にする</strong></p>



<pre class="wp-block-code"><code>NOT(CONTAINS(&#91;_THIS], "－"))</code></pre>



<p><strong>-で分割されたものが3つ（すなわち-が2つあるということ）</strong></p>



<pre class="wp-block-code"><code>COUNT(SPLIT(&#91;_THIS], "-")) = 3</code></pre>



<p><strong>-で分割されたものの1つ目が3文字、2つ目が4文字、3つ目が4文字</strong></p>



<pre class="wp-block-code"><code>AND(COUNT(SPLIT(&#91;_THIS], "-")) = 3, LEN(INDEX(SPLIT(&#91;_THIS], "-"), 1)) = 3, LEN(INDEX(SPLIT(&#91;_THIS], "-"), 2)) = 4, LEN(INDEX(SPLIT(&#91;_THIS], "-"), 3)) = 4)</code></pre>



<p><strong>00000か11111</strong></p>



<pre class="wp-block-code"><code>IN(&#91;_THIS], LIST("00000", "11111"))</code></pre>



<p><strong>0より大きい、20000以下</strong></p>



<pre class="wp-block-code"><code>AND(&#91;_THIS] &lt;= 20000, &#91;_THIS] &gt; 0)</code></pre>



<h2 class="wp-block-heading">おわり</h2>



<p>Valid_Ifを活用することで、AppSheetの入力フォームはより堅牢なものになります。条件に応じた入力制御はユーザー体験の向上だけでなく、データの品質維持にも大きく貢献します。ぜひ今回ご紹介したテクニックを参考に、あなたのアプリに最適な入力制御を実装してみてください。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-valid-if/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】カメラ機能をまとめてみた！バーコードやOCRも使える</title>
		<link>https://arika-blog.com/appsheet-camera-function/</link>
					<comments>https://arika-blog.com/appsheet-camera-function/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Tue, 15 Apr 2025 21:59:17 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[基本操作]]></category>
		<category><![CDATA[画像処理]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4375</guid>

					<description><![CDATA[AppSheetのメリットといえば、「スマホで手軽に使用できる」が挙げられます。また、スマホには（当然ですが）カメラがついており、これは是非活用したいところです。ということで今回はAppSheetのカメラ機能についてまと [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetのメリットといえば、「スマホで手軽に使用できる」が挙げられます。また、スマホには（当然ですが）カメラがついており、これは是非活用したいところです。ということで今回はAppSheetのカメラ機能についてまとめたいと思います。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">Image</h2>



<p>Image型はスマホで写真を撮ることができます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="953" height="499" src="https://arika-blog.com/wp-content/uploads/2024/11/67d61d404e227e4e7fdbec269c81914a.png" alt="" class="wp-image-4379" style="width:525px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2024/11/67d61d404e227e4e7fdbec269c81914a.png 953w, https://arika-blog.com/wp-content/uploads/2024/11/67d61d404e227e4e7fdbec269c81914a-300x157.png 300w, https://arika-blog.com/wp-content/uploads/2024/11/67d61d404e227e4e7fdbec269c81914a-768x402.png 768w" sizes="auto, (max-width: 953px) 100vw, 953px" /></figure>



<p>フォームにカメラアイコンが表示され、タッチするとカメラが起動して写真が撮れます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="471" height="620" src="https://arika-blog.com/wp-content/uploads/2024/11/22a06882050a30262d7d73870d2787ff.png" alt="" class="wp-image-4380" style="width:275px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2024/11/22a06882050a30262d7d73870d2787ff.png 471w, https://arika-blog.com/wp-content/uploads/2024/11/22a06882050a30262d7d73870d2787ff-228x300.png 228w" sizes="auto, (max-width: 471px) 100vw, 471px" /></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="471" height="618" src="https://arika-blog.com/wp-content/uploads/2024/11/540e8a94c087fb813f68fabd55cd58ec.png" alt="" class="wp-image-4381" style="width:275px" srcset="https://arika-blog.com/wp-content/uploads/2024/11/540e8a94c087fb813f68fabd55cd58ec.png 471w, https://arika-blog.com/wp-content/uploads/2024/11/540e8a94c087fb813f68fabd55cd58ec-229x300.png 229w" sizes="auto, (max-width: 471px) 100vw, 471px" /></figure>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>撮った写真はGoogleドライブに保存されます。</p>
</div>



<h3 class="wp-block-heading">Thumbnail</h3>



<p>Thumbnail（サムネイル）という型もあります。違いを調べてみると、画像に比べサイズが小さいとのことです。</p>



<p>画像と同様に写真を撮ることできます。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://www.googlecloudcommunity.com/gc/AppSheet-Q-A/Thumbnail-vs-Image-I-don-t-understand-the/m-p/377063#M144479" title="Thumbnail vs. Image - I don&#039;t understand the ..." class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://d2yds90mtvelsl.cloudfront.net/original/1X/4b63096fdf36ab74e921ba2fc6e4ad947c0ec431.svg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Thumbnail vs. Image - I don't understand the ...</div><div class="blogcard-snippet external-blogcard-snippet">Thumbnail vs. Image - I don’t understand the difference between them so far as an Appsheet column config goes. If I have a single Image column, for people to up</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://discuss.google.dev/t/thumbnail-vs-image-i-dont-understand-the/78002/1" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">discuss.google.dev</div></div></div></div></a>
</div>



<h2 class="wp-block-heading">Drawing</h2>



<p>Drawing型はカメラ機能に加えて、撮った写真に対して手書きの情報を追加できます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="967" height="479" src="https://arika-blog.com/wp-content/uploads/2024/11/d15eebf0743679630cae8aea50647e85.png" alt="" class="wp-image-4385" style="width:525px" srcset="https://arika-blog.com/wp-content/uploads/2024/11/d15eebf0743679630cae8aea50647e85.png 967w, https://arika-blog.com/wp-content/uploads/2024/11/d15eebf0743679630cae8aea50647e85-300x149.png 300w, https://arika-blog.com/wp-content/uploads/2024/11/d15eebf0743679630cae8aea50647e85-768x380.png 768w" sizes="auto, (max-width: 967px) 100vw, 967px" /></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="468" height="617" src="https://arika-blog.com/wp-content/uploads/2024/11/e223d2a20ad5c8319b5ab730419337a0.png" alt="" class="wp-image-4386" style="width:275px" srcset="https://arika-blog.com/wp-content/uploads/2024/11/e223d2a20ad5c8319b5ab730419337a0.png 468w, https://arika-blog.com/wp-content/uploads/2024/11/e223d2a20ad5c8319b5ab730419337a0-228x300.png 228w" sizes="auto, (max-width: 468px) 100vw, 468px" /></figure>



<p>特定の情報を強調したり、メモを残すことができそうですね。</p>



<h2 class="wp-block-heading">QR(バーコード)読み取り</h2>



<p>SCAN？にチェックを入れると右側にボタン（Open Scanner）が表示されます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="951" height="319" src="https://arika-blog.com/wp-content/uploads/2024/12/0057624c4547c385b917dbc4c71e087c.png" alt="" class="wp-image-4436" style="width:647px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2024/12/0057624c4547c385b917dbc4c71e087c.png 951w, https://arika-blog.com/wp-content/uploads/2024/12/0057624c4547c385b917dbc4c71e087c-300x101.png 300w, https://arika-blog.com/wp-content/uploads/2024/12/0057624c4547c385b917dbc4c71e087c-768x258.png 768w" sizes="auto, (max-width: 951px) 100vw, 951px" /></figure>



<p>ボタンを押すとカメラが起動し、スキャンすることができます。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="300" height="300" src="https://arika-blog.com/wp-content/uploads/2025/04/qr_with_logo.png" alt="" class="wp-image-4437" style="width:196px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/04/qr_with_logo.png 300w, https://arika-blog.com/wp-content/uploads/2025/04/qr_with_logo-150x150.png 150w, https://arika-blog.com/wp-content/uploads/2025/04/qr_with_logo-100x100.png 100w" sizes="auto, (max-width: 300px) 100vw, 300px" /><figcaption class="wp-element-caption">実際に読み取ったQRコード</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="340" height="117" src="https://arika-blog.com/wp-content/uploads/2025/04/a0bae7bab5560f3ff989e652d9044a41.png" alt="" class="wp-image-4438" srcset="https://arika-blog.com/wp-content/uploads/2025/04/a0bae7bab5560f3ff989e652d9044a41.png 340w, https://arika-blog.com/wp-content/uploads/2025/04/a0bae7bab5560f3ff989e652d9044a41-300x103.png 300w" sizes="auto, (max-width: 340px) 100vw, 340px" /></figure>



<h2 class="wp-block-heading">OCR</h2>



<p>OCR（光学的文字認識）とは下の画像のように、手書きや印刷された文字をイメージスキャナやデジタルカメラによって読みとり、コンピュータが利用できるデジタルの文字コードに変換する技術です。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="640" height="360" src="https://arika-blog.com/wp-content/uploads/2022/04/DATA-1.png" alt="" class="wp-image-628" style="width:412px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2022/04/DATA-1.png 640w, https://arika-blog.com/wp-content/uploads/2022/04/DATA-1-300x169.png 300w, https://arika-blog.com/wp-content/uploads/2022/04/DATA-1-120x68.png 120w, https://arika-blog.com/wp-content/uploads/2022/04/DATA-1-160x90.png 160w, https://arika-blog.com/wp-content/uploads/2022/04/DATA-1-320x180.png 320w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>



<p>AppSheetはこのOCRも使用することができます。</p>



<p>はじめに、列を2つ用意します。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="561" height="136" src="https://arika-blog.com/wp-content/uploads/2025/04/6a1314063d5ef6d6581fe31e56e7894a.png" alt="" class="wp-image-4439" style="width:404px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/04/6a1314063d5ef6d6581fe31e56e7894a.png 561w, https://arika-blog.com/wp-content/uploads/2025/04/6a1314063d5ef6d6581fe31e56e7894a-300x73.png 300w" sizes="auto, (max-width: 561px) 100vw, 561px" /></figure>



<p>次に、読み取り結果のINITIAL VALUEに、<strong>OCRTEXT([読み取る画像])</strong>と入力してください。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="344" height="296" src="https://arika-blog.com/wp-content/uploads/2025/04/dc6f8bddc0d76cc9f891cc387f0d44a4.png" alt="" class="wp-image-4440" srcset="https://arika-blog.com/wp-content/uploads/2025/04/dc6f8bddc0d76cc9f891cc387f0d44a4.png 344w, https://arika-blog.com/wp-content/uploads/2025/04/dc6f8bddc0d76cc9f891cc387f0d44a4-300x258.png 300w" sizes="auto, (max-width: 344px) 100vw, 344px" /></figure>



<p>これで写真を撮ると、読み取り結果が表示されるようになります。</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="600" height="1024" src="https://arika-blog.com/wp-content/uploads/2025/04/unnamed11-600x1024.jpg" alt="" class="wp-image-4441" style="width:285px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2025/04/unnamed11-600x1024.jpg 600w, https://arika-blog.com/wp-content/uploads/2025/04/unnamed11-176x300.jpg 176w, https://arika-blog.com/wp-content/uploads/2025/04/unnamed11.jpg 750w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>



<h2 class="wp-block-heading">まとめ</h2>



<p>カメラ機能についてまとめました。画像は文字と比べて情報量が多いので、共有の幅が一気に広がりそうですね。</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-camera-function/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AppSheet】ノーコードで簡単！電話帳アプリを作成</title>
		<link>https://arika-blog.com/appsheet-telephone-directory/</link>
					<comments>https://arika-blog.com/appsheet-telephone-directory/#respond</comments>
		
		<dc:creator><![CDATA[Pythonアカデミア]]></dc:creator>
		<pubDate>Sat, 16 Nov 2024 04:37:05 +0000</pubDate>
				<category><![CDATA[AppSheet]]></category>
		<category><![CDATA[基本操作]]></category>
		<guid isPermaLink="false">https://arika-blog.com/?p=4334</guid>

					<description><![CDATA[AppSheetは、コーディング不要でアプリを作成できる便利なツールです。今回は、電話帳アプリを作成する方法を解説します。初心者の方でも簡単に進められる内容なので、ぜひ試してみてください！ リンク 4Stepで電話帳アプ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>AppSheetは、コーディング不要でアプリを作成できる便利なツールです。今回は、電話帳アプリを作成する方法を解説します。初心者の方でも簡単に進められる内容なので、ぜひ試してみてください！</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"手を動かして学ぶ Google AppSheet ノーコード開発入門","b":"シーアンドアール研究所","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51-l0pEb5gL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4863544723","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/4863544723","a_id":3719461,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E5%AD%A6%E3%81%B6%20Google%20AppSheet%20%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80\/","a_id":3715568,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"cVZBf","s":"l"});</script><div id="msmaflink-cVZBf">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h2 class="wp-block-heading">4Stepで電話帳アプリを作成</h2>



<p>4つのStepに分けて作成する方法を解説してきます。</p>



<h3 class="wp-block-heading">必要なもの</h3>



<ul class="wp-block-list">
<li><strong>Googleアカウント</strong>（AppSheetはGoogleドライブと連携します）</li>



<li><strong>ブラウザ</strong>（<a href="https://support.google.com/appsheet/answer/10105385?hl=ja">Google Chrome推奨</a>）</li>



<li><strong>基本的なGoogleスプレッドシートの知識</strong></li>
</ul>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-flat sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://arika-blog.com/wp-content/uploads/2025/11/icon-1-1-1.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>スプレッドシートは触ったことがある程度で大丈夫です。</p>
</div></div>



<h3 class="wp-block-heading">Step1：データを準備する</h3>



<ol class="wp-block-list">
<li><strong>Googleスプレッドシートを作成</strong><br>Googleスプレッドシートで電話帳のデータを作成します。以下のような構造を推奨します。</li>
</ol>



<figure class="wp-block-table is-style-regular"><table class="has-fixed-layout"><thead><tr><th>名前</th><th>電話番号</th><th>メールアドレス</th><th>住所</th></tr></thead><tbody><tr><td>山田 太郎</td><td>090-1234-5678</td><td>taro@example.com</td><td>東京都渋谷区</td></tr><tr><td>鈴木 花子</td><td>080-9876-5432</td><td>hanako@example.com</td><td>神奈川県横浜市</td></tr></tbody></table></figure>



<ol start="2" class="wp-block-list">
<li><strong>ファイル名とシート名を設定</strong><br>ファイル名を「電話帳アプリ」シート名を「電話帳」とします。<br>データを保存したら、Googleドライブに作成したファイルがあるか確認してください。</li>
</ol>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="930" height="896" src="https://arika-blog.com/wp-content/uploads/2024/11/9ee99e310129d70e248822ae63cf0d17.png" alt="" class="wp-image-4336" style="width:617px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2024/11/9ee99e310129d70e248822ae63cf0d17.png 930w, https://arika-blog.com/wp-content/uploads/2024/11/9ee99e310129d70e248822ae63cf0d17-300x289.png 300w, https://arika-blog.com/wp-content/uploads/2024/11/9ee99e310129d70e248822ae63cf0d17-768x740.png 768w" sizes="auto, (max-width: 930px) 100vw, 930px" /></figure>



<h3 class="wp-block-heading">Step2：AppSheetで新しいアプリを作成</h3>



<ol class="wp-block-list">
<li><strong>スプレッドシートからアプリを作成</strong><br>スプレッドシートのメニュー「拡張機能」から「アプリを作成」を選択します。</li>
</ol>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="353" src="https://arika-blog.com/wp-content/uploads/2024/11/91a7f8f07a2494ba2d5a4e161015b939-1024x353.png" alt="" class="wp-image-4338" srcset="https://arika-blog.com/wp-content/uploads/2024/11/91a7f8f07a2494ba2d5a4e161015b939-1024x353.png 1024w, https://arika-blog.com/wp-content/uploads/2024/11/91a7f8f07a2494ba2d5a4e161015b939-300x104.png 300w, https://arika-blog.com/wp-content/uploads/2024/11/91a7f8f07a2494ba2d5a4e161015b939-768x265.png 768w, https://arika-blog.com/wp-content/uploads/2024/11/91a7f8f07a2494ba2d5a4e161015b939.png 1423w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<ol start="2" class="wp-block-list">
<li><strong>自動生成されたアプリを確認</strong><br>AppSheetがスプレッドシートのデータをもとにアプリを自動生成します。この時点で、基本的な電話帳アプリが完成しています。（画面右）</li>
</ol>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="423" src="https://arika-blog.com/wp-content/uploads/2024/11/69449e0afc6b431db8b97f7cbe7a1a7f-1024x423.png" alt="" class="wp-image-4342" srcset="https://arika-blog.com/wp-content/uploads/2024/11/69449e0afc6b431db8b97f7cbe7a1a7f-1024x423.png 1024w, https://arika-blog.com/wp-content/uploads/2024/11/69449e0afc6b431db8b97f7cbe7a1a7f-300x124.png 300w, https://arika-blog.com/wp-content/uploads/2024/11/69449e0afc6b431db8b97f7cbe7a1a7f-768x317.png 768w, https://arika-blog.com/wp-content/uploads/2024/11/69449e0afc6b431db8b97f7cbe7a1a7f-1536x634.png 1536w, https://arika-blog.com/wp-content/uploads/2024/11/69449e0afc6b431db8b97f7cbe7a1a7f.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-flat sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://arika-blog.com/wp-content/uploads/2025/11/icon-1-1-1.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>スプレッドシートデータをもとに自動で作ってくれます。便利！</p>
</div></div>



<h3 class="wp-block-heading">Step3：アプリのカスタマイズ</h3>



<p>生成した時点である程度作ってくれていますが、少し設定を変更します。</p>



<ol class="wp-block-list">
<li><strong>データの設定を確認</strong><br>AppSheetエディタで「Data」タブ（画面左）を開き、電話番号のデータ形式を「Phone」に変更します。</li>
</ol>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="418" src="https://arika-blog.com/wp-content/uploads/2024/11/72dbc11d53a3a38a20e42479855de190-1024x418.png" alt="" class="wp-image-4343" srcset="https://arika-blog.com/wp-content/uploads/2024/11/72dbc11d53a3a38a20e42479855de190-1024x418.png 1024w, https://arika-blog.com/wp-content/uploads/2024/11/72dbc11d53a3a38a20e42479855de190-300x123.png 300w, https://arika-blog.com/wp-content/uploads/2024/11/72dbc11d53a3a38a20e42479855de190-768x314.png 768w, https://arika-blog.com/wp-content/uploads/2024/11/72dbc11d53a3a38a20e42479855de190-1536x627.png 1536w, https://arika-blog.com/wp-content/uploads/2024/11/72dbc11d53a3a38a20e42479855de190.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>すると、アプリ上に電話とSMSボタンが追加されました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="419" src="https://arika-blog.com/wp-content/uploads/2024/11/325cc1c1bed6f9ebdde581f8095ef580-1024x419.png" alt="" class="wp-image-4344" srcset="https://arika-blog.com/wp-content/uploads/2024/11/325cc1c1bed6f9ebdde581f8095ef580-1024x419.png 1024w, https://arika-blog.com/wp-content/uploads/2024/11/325cc1c1bed6f9ebdde581f8095ef580-300x123.png 300w, https://arika-blog.com/wp-content/uploads/2024/11/325cc1c1bed6f9ebdde581f8095ef580-768x314.png 768w, https://arika-blog.com/wp-content/uploads/2024/11/325cc1c1bed6f9ebdde581f8095ef580-1536x628.png 1536w, https://arika-blog.com/wp-content/uploads/2024/11/325cc1c1bed6f9ebdde581f8095ef580.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<ol start="2" class="wp-block-list">
<li><strong>スマホでも確認</strong><br>スマートフォンにAppSheetアプリをインストールし、作成したアプリを開いて動作をテストします。</li>
</ol>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="576" height="1024" src="https://arika-blog.com/wp-content/uploads/2024/11/IMG_5890-576x1024.jpg" alt="" class="wp-image-4347" style="width:255px;height:auto" srcset="https://arika-blog.com/wp-content/uploads/2024/11/IMG_5890-576x1024.jpg 576w, https://arika-blog.com/wp-content/uploads/2024/11/IMG_5890-169x300.jpg 169w, https://arika-blog.com/wp-content/uploads/2024/11/IMG_5890.jpg 750w" sizes="auto, (max-width: 576px) 100vw, 576px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-flat sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://arika-blog.com/wp-content/uploads/2025/11/icon-1-1-1.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>スマホで使えるのは便利ですね～</p>
</div></div>



<h3 class="wp-block-heading">Step4：アプリを共有する</h3>



<p>アプリを共有したい場合は右上のShareボタン（人と+マークのボタン）から簡単にできます。共有したい人のアドレスを入力して、アプリに招待しましょう。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="487" src="https://arika-blog.com/wp-content/uploads/2024/11/b0007a50fbc0f30ae5f582b88f1fdc79-1024x487.png" alt="" class="wp-image-4346" srcset="https://arika-blog.com/wp-content/uploads/2024/11/b0007a50fbc0f30ae5f582b88f1fdc79-1024x487.png 1024w, https://arika-blog.com/wp-content/uploads/2024/11/b0007a50fbc0f30ae5f582b88f1fdc79-300x143.png 300w, https://arika-blog.com/wp-content/uploads/2024/11/b0007a50fbc0f30ae5f582b88f1fdc79-768x365.png 768w, https://arika-blog.com/wp-content/uploads/2024/11/b0007a50fbc0f30ae5f582b88f1fdc79.png 1178w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>共有メンバーが10人を超える場合は有料版にする必要があります。</p>
</div>



<h2 class="wp-block-heading">まとめ</h2>



<p>AppSheetを使って、たった数ステップで電話帳アプリを作成できました。他にも色々できそうなので、何かあればまたシェアしたいと思います！</p>



<p>AppSheetはGASが使えるとできることの幅がグッと広がります。<br>基礎を学びたい方は以下の書籍がオススメです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://zenn.dev/python_academia/books/2e811e6490dd27" title="【図解】GAS 基礎文法の教科書" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://arika-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/10d43819514da63c238cd46a75398779.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】GAS 基礎文法の教科書</div><div class="blogcard-snippet external-blogcard-snippet">※本書はPythonの書籍ではありませんのでご注意下さい。 GAS(Google Apps Scripts)は、Google社が提供しているプログラミング言語になります。Googleアカウントさえあれば始めることができ、環境構築も不要です。 また、GASは業務効率化の定番言語</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://zenn.dev/python_academia/books/2e811e6490dd27" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://arika-blog.com/appsheet-telephone-directory/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
