<?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>echo &#8211; スグブログ</title>
	<atom:link href="https://sugublog.org/tag/echo/feed/" rel="self" type="application/rss+xml" />
	<link>https://sugublog.org</link>
	<description>ブログ運営について発信中</description>
	<lastBuildDate>Sun, 18 Feb 2024 10:25:12 +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://sugublog.org/wp-content/uploads/2021/07/icon_20210703-min-150x150.png</url>
	<title>echo &#8211; スグブログ</title>
	<link>https://sugublog.org</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【シェルスクリプト基礎】echoコマンドの使い方！</title>
		<link>https://sugublog.org/shell-script-echo/</link>
					<comments>https://sugublog.org/shell-script-echo/?noamp=mobile#respond</comments>
		
		<dc:creator><![CDATA[suguru]]></dc:creator>
		<pubDate>Fri, 10 Nov 2023 20:29:02 +0000</pubDate>
				<category><![CDATA[シェルスクリプト]]></category>
		<category><![CDATA[echo]]></category>
		<guid isPermaLink="false">https://sugublog.org/?p=5820</guid>

					<description><![CDATA[<p><img src="https://sugublog.org/wp-content/uploads/2021/08/school_08-3-1024x641.jpg" class="webfeedsFeaturedVisual" /></p>シェルスクリプトのechoコマンドの使い方で疑問に思っている事などないでしょうか？ 思い通りに文字列を表示できなかったりしないでしょうか？ そのような悩みをもったエンジニアの疑問に答えます。 echoコマンドは文字列など [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://sugublog.org/wp-content/uploads/2021/08/school_08-3-1024x641.jpg" class="webfeedsFeaturedVisual" /></p>
<p><strong><span class="swl-inline-color has-swl-deep-01-color">シェルスクリプトのechoコマンドの使い方</span></strong>で疑問に思っている事などないでしょうか？</p>



<p>思い通りに文字列を表示できなかったりしないでしょうか？</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -square"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://sugublog.org/wp-content/uploads/2021/02/cropped-dog003-150x150.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/02/cropped-dog003-150x150.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">シェルスクリプトでechoコマンドについて知りたい人</span></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>シェルスクリプトでechoコマンドについてきっちり知りたいです。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>そのような悩みをもったエンジニアの疑問に答えます。</p>



<p>echoコマンドは文字列などを表示するコマンドですが、改行したいのにできなかったりします。</p>



<p>そんな悩みを解消すべくエンジニアの筆者が実例をもって答えます。</p>



<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ads" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-9330904718533231" data-ad-slot="6086594686"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">シェルスクリプトでechoの使い方</h2>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="632" src="https://sugublog.org/wp-content/uploads/2021/09/moving_0926-1-1024x632.jpg" alt="echo" class="wp-image-4207" srcset="https://sugublog.org/wp-content/uploads/2021/09/moving_0926-1-1024x632.jpg 1024w, https://sugublog.org/wp-content/uploads/2021/09/moving_0926-1-300x185.jpg 300w, https://sugublog.org/wp-content/uploads/2021/09/moving_0926-1-768x474.jpg 768w, https://sugublog.org/wp-content/uploads/2021/09/moving_0926-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>


<p><strong><span class="swl-inline-color has-swl-deep-01-color">シェルスクリプトでechoの使い方の基礎</span></strong>は簡単です。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo.sh" data-lang="Bash"><code>echo 表示したい文字列</code></pre></div>



<p>これだけで文字列を表示する事ができます。</p>



<p>echoコマンドの効果は厳密にいうと<span class="swl-marker mark_orange">「文字列を表示して最後に改行する」</span>が正解です。</p>



<h2 class="wp-block-heading">echoで覚えるべきオプションについて</h2>



<p>シェルスクリプトで<strong><span class="swl-inline-color has-swl-deep-01-color">echoの覚えるべきオプション</span></strong>についてまとめます。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>シェルスクリプトでechoの覚えるべきオプション３つ</span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li>-nオプションで最後の改行を無効化する</li>



<li>-eオプションでエスケープ文字を有効化する</li>



<li>-Eオプションでエスケープ文字を無効化する</li>
</ul>
</div></div>



<h3 class="wp-block-heading">シェルスクリプトのエスケープ文字とは</h3>



<p class="is-style-icon_pen">エスケープ文字とは特別な意味を持った文字です。</p>



<p>シェルスクリプトで使用するエスケープ文字を以下にまとめます。</p>



<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9330904718533231"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-9330904718533231"
     data-ad-slot="8455594968"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>エスケープ文字</th><th>意味</th></tr></thead><tbody><tr><td>\n</td><td>改行（LF）</td></tr><tr><td>\r</td><td>キャリッジリターン（CR）</td></tr><tr><td>\t</td><td>タブ</td></tr><tr><td>\b</td><td>バックスペース</td></tr><tr><td>\c</td><td>これ以降の出力を抑制する</td></tr><tr><td>\e</td><td>エスケープ記号</td></tr><tr><td>\a</td><td>ベル</td></tr><tr><td>\f</td><td>フォームフィード</td></tr><tr><td>\v</td><td>垂直タブ</td></tr><tr><td>\\</td><td>\</td></tr><tr><td>\0nnn</td><td>nnnで表したASCIIコードの文字 8進数の値</td></tr><tr><td>\xHH</td><td>HHで表したASCIIコードの文字 16進数の値</td></tr></tbody></table><figcaption class="wp-element-caption">シェルスクリプトで使用できるエスケープ文字一覧</figcaption></figure>



<p>エスケープ文字を使用するときは「&#8221;&#8221;」で囲む必要があります。実例として以下に表示します。</p>



<p class="is-style-icon_info">echo &#8220;文字列\n文字列&#8221;</p>



<h2 class="wp-block-heading">シェルスクリプトでechoを実際使ってみる</h2>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="683" src="https://sugublog.org/wp-content/uploads/2021/11/programing_shool1121-1-1024x683.jpg" alt="traning" class="wp-image-4541" srcset="https://sugublog.org/wp-content/uploads/2021/11/programing_shool1121-1-1024x683.jpg 1024w, https://sugublog.org/wp-content/uploads/2021/11/programing_shool1121-1-300x200.jpg 300w, https://sugublog.org/wp-content/uploads/2021/11/programing_shool1121-1-768x512.jpg 768w, https://sugublog.org/wp-content/uploads/2021/11/programing_shool1121-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>


<p>ではechoコマンドをオプションを付けながら実行して、動きを見ていきましょう！</p>



<h3 class="wp-block-heading">echoを使用して文字を表示する</h3>



<p>以下のシェルスクリプトを記述してください。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo.sh" data-lang="Bash"><code>#!bin/sh

echo デフォルトは改行あり
echo 改行あり</code></pre></div>



<p>シェルスクリプトを実行します。実行する方法は様々ありますが、ここではbashコマンドを使用して「bash echo.sh」と打ちましょう。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/08/script_0809-2-300x169.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://sugublog.org/shell-script-execution/">【シェルスクリプト基礎】コマンドを実行する様々な方法をご紹介！</a>
						<span class="p-blogCard__excerpt">シェルスクリプトを実行する時に困った事はありませんか？ シェルスクリプトのコマンド実行での失敗メッセージ一覧 「実行権限がありません」 「コマンドが見つかりませ&#8230;</span>					</div>
				</div>
			</div>
		</div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo.shの結果" data-lang="Bash"><code>デフォルトは改行あり
改行あり</code></pre></div>



<p class="has-border -border02">デフォルトでは１行目の<strong><span class="swl-inline-color has-swl-deep-01-color">echoの最後で改行</span></strong>されています。</p>



<h3 class="wp-block-heading">echoの-nオプションを使用して文字を表示する</h3>



<p>以下のシェルスクリプトを記述してください。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo-n.sh" data-lang="Bash"><code>#!bin/sh

echo -n オプションで最後の改行なし
echo 改行なし</code></pre></div>



<p>シェルスクリプトを実行します。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo-n.shの結果" data-lang="Bash"><code>オプションで最後の改行なし改行なし</code></pre></div>



<p class="has-border -border02">-nオプションで１行目の<strong><span class="swl-inline-color has-swl-deep-01-color">echoの最後の改行が無効化</span></strong>されています。</p>



<h3 class="wp-block-heading">echoの-eオプションを使用してエスケープ文字を有効化する</h3>



<p>以下のシェルスクリプトを記述してください。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo-e.sh" data-lang="Bash"><code>#!bin/sh

echo -e &quot;改行あり\n改行あり&quot;</code></pre></div>



<p class="is-style-icon_pen">エスケープ文字で「\」がバックスラッシュになっていますが、表示の問題になります。</p>



<p>シェルスクリプトを実行します。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo-e.shの結果" data-lang="Bash"><code>改行あり
改行あり</code></pre></div>



<p class="has-border -border02">-eオプションでエスケープ文字が有効化されて「\n」が改行として処理されています。</p>



<h3 class="wp-block-heading">echoの-Eオプションを使用してエスケープ文字を無効化する</h3>



<p>以下のシェルスクリプトを記述してください。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo-E.sh" data-lang="Bash"><code>#!bin/sh

echo -E &quot;改行なし\n改行なし&quot;</code></pre></div>



<p>シェルスクリプトを実行します。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo-E.shの結果" data-lang="Bash"><code>改行なし\n改行なし</code></pre></div>



<p class="has-border -border02">-Eオプションでエスケープ文字が無効化されて改行されていない＋「\n」が文字として表示されています。</p>



<h2 class="wp-block-heading">シェルスクリプトのechoの使い方まとめ</h2>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="682" src="https://sugublog.org/wp-content/uploads/2021/11/DB_1114-5-1024x682.jpg" alt="echoについてのまとめ" class="wp-image-4502" srcset="https://sugublog.org/wp-content/uploads/2021/11/DB_1114-5-1024x682.jpg 1024w, https://sugublog.org/wp-content/uploads/2021/11/DB_1114-5-300x200.jpg 300w, https://sugublog.org/wp-content/uploads/2021/11/DB_1114-5-768x511.jpg 768w, https://sugublog.org/wp-content/uploads/2021/11/DB_1114-5.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>


<p><strong><span class="swl-inline-color has-swl-deep-01-color">シェルスクリプトでechoの使い方の基礎</span></strong>は以下です。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-file="echo.sh" data-lang="Bash"><code>echo 表示したい文字列</code></pre></div>



<p>厳密にいうと<span class="swl-marker mark_orange">「文字列を表示して最後に改行する」</span>が正解です。</p>



<p>echoの覚えるべきオプションについて以下にまとめます。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>シェルスクリプトでechoの覚えるべきオプション３つ</span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li>-nオプションで最後の改行を無効化する</li>



<li>-eオプションでエスケープ文字を有効化する</li>



<li>-Eオプションでエスケープ文字を無効化する</li>
</ul>
</div></div>



<p class="is-style-icon_pen">エスケープ文字とは特別な意味を持った文字です。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -square"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://sugublog.org/wp-content/uploads/2021/03/dog004-150x150.jpeg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/03/dog004-150x150.jpeg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">シェルスクリプトでechoの使い方を理解した人</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>シェルスクリプトでechoの使い方が理解できました！改行なども自在に操れるようになりました！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>]]></content:encoded>
					
					<wfw:commentRss>https://sugublog.org/shell-script-echo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【bat基礎】バッチファイルのechoで文字列表示する！エラー対処法あり</title>
		<link>https://sugublog.org/bat-base-echo/</link>
					<comments>https://sugublog.org/bat-base-echo/?noamp=mobile#respond</comments>
		
		<dc:creator><![CDATA[suguru]]></dc:creator>
		<pubDate>Sun, 21 May 2023 13:01:07 +0000</pubDate>
				<category><![CDATA[bat]]></category>
		<category><![CDATA[batファイル]]></category>
		<category><![CDATA[echo]]></category>
		<guid isPermaLink="false">https://sugublog.org/?p=5529</guid>

					<description><![CDATA[<p><img src="https://sugublog.org/wp-content/uploads/2021/07/html-007-2-1024x769.jpg" class="webfeedsFeaturedVisual" /></p>batファイルで「echo」の使い方を今回は行います。 「echo」コマンドは指定の文字列を標準出力に表示する事が出来るコマンドです。 ただ文字列を表示するだけでなく、ファイルを作成したりする事も可能です。 batファイ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://sugublog.org/wp-content/uploads/2021/07/html-007-2-1024x769.jpg" class="webfeedsFeaturedVisual" /></p>
<p>batファイルで<strong><span class="swl-marker mark_orange"><span class="swl-inline-color has-swl-deep-01-color">「echo」</span></span></strong>の使い方を今回は行います。</p>



<p>「echo」コマンドは指定の文字列を標準出力に表示する事が出来るコマンドです。</p>



<p>ただ文字列を表示するだけでなく、ファイルを作成したりする事も可能です。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -square"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://sugublog.org/wp-content/uploads/2021/02/mine_white_002-e1624111291945.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/02/mine_white_002-e1624111291945.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">管理人</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>中々奥が深いので、わかりやすいように実例を交えながらやっていきましょう！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="p-blogParts post_content" data-partsID="5030">
<p>windowsのプロンプトで使用できるbatやpythonやphpを使用して、業務効率化やWebサイトを作成しております。javaやシェルスクリプトなど、様々なプログラミングを行った実績ありの筆者です。</p>
</div>


<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ads" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-9330904718533231" data-ad-slot="6086594686"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">batファイルで「echo」コマンドについて</h2>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="560" src="https://sugublog.org/wp-content/uploads/2021/11/programing_1122-4-1024x560.jpg" alt="コマンド" class="wp-image-4561" srcset="https://sugublog.org/wp-content/uploads/2021/11/programing_1122-4-1024x560.jpg 1024w, https://sugublog.org/wp-content/uploads/2021/11/programing_1122-4-300x164.jpg 300w, https://sugublog.org/wp-content/uploads/2021/11/programing_1122-4-768x420.jpg 768w, https://sugublog.org/wp-content/uploads/2021/11/programing_1122-4.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>


<h3 class="wp-block-heading">batファイルでの「echo」コマンド基礎</h3>



<p><strong><span class="swl-marker mark_orange">batファイルで「echo」コマンドの基礎</span></strong>は以下です。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-c" data-lang="C"><code>echo 指定の文字列</code></pre></div>



<p>これで指定した文字列を表示する事が可能です。</p>



<p class="is-style-icon_pen">表示する文字列を結合したい場合は以下の記事を参照</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://sugublog.org/wp-content/uploads/2022/01/sweets_20220105-4-300x200.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://sugublog.org/bat-string-binding/">【bat基礎】バッチで変数の文字列を結合するやり方</a>
						<span class="p-blogCard__excerpt">バッチファイルで変数の文字列を結合するやり方をまとめます。 文字列を結合するやり方はスクリプトによって違います。バッチファイルではどのように文字列結合するので&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p class="is-style-icon_pen">文字列の一部のみ切り出したい場合は以下の記事参照</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/07/money002-e1626536268834-300x200.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://sugublog.org/bat-string-extraction/">【bat】バッチで文字列を切り出して抽出する方法！変数を使用します！</a>
						<span class="p-blogCard__excerpt">batファイルで文字列を切り出して抽出して使用したいです！ 文字を切り出して自由に変更したいです！何かいい方法はないでしょうか？ そういった疑問に現役エンジニアの&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">batファイルで「echo」でエラーが出た場合の対処法</h2>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="792" src="https://sugublog.org/wp-content/uploads/2021/07/clash-1024x792.jpg" alt="エラー発生" class="wp-image-3586" srcset="https://sugublog.org/wp-content/uploads/2021/07/clash-1024x792.jpg 1024w, https://sugublog.org/wp-content/uploads/2021/07/clash-300x232.jpg 300w, https://sugublog.org/wp-content/uploads/2021/07/clash-768x594.jpg 768w, https://sugublog.org/wp-content/uploads/2021/07/clash-1536x1187.jpg 1536w, https://sugublog.org/wp-content/uploads/2021/07/clash-scaled.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>


<p>では実際にbatファイルを実行してみます！</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain" data-file="echo.bat"><code>@echo off

echo 文字を表示します。</code></pre></div>



<p>上のbatファイルを実行してみましょう！</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/07/analytics-2-300x157.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://sugublog.org/bat-execution/">【bat】バッチを実行する方法！実行できない時の対処法などをご紹介</a>
						<span class="p-blogCard__excerpt">batファイルが既にありそれを実行してと言われたけど、どうやって実行すればわからない人の悩みに答えます。 またbatを実行しようとしたけど、できなかった時の原因と対&#8230;</span>					</div>
				</div>
			</div>
		</div>


<figure class="wp-block-image size-full is-style-desktop"><img decoding="async" width="355" height="68" src="https://sugublog.org/wp-content/uploads/2023/05/bat_echo_error1.png" alt="batでechoのエラー" class="wp-image-5533" srcset="https://sugublog.org/wp-content/uploads/2023/05/bat_echo_error1.png 355w, https://sugublog.org/wp-content/uploads/2023/05/bat_echo_error1-300x57.png 300w" sizes="(max-width: 355px) 100vw, 355px" /></figure>



<p><span class="swl-bg-color has-swl-deep-01-background-color">エラーで文字化け</span>してしまっています。</p>



<h3 class="wp-block-heading">batファイルで文字化けエラーの解消法</h3>



<p>ファイルを見てみると文字コードが「UTF-8」になっています。</p>



<p>「ファイル」→「名前を付けて保存」で<strong><span class="swl-bg-color has-swl-deep-02-background-color">文字コードを「ANSI」</span></strong>にして上書き保存します。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/06/kaizen1-2-min-scaled.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://sugublog.org/bat-garbled-japanese-characters/">【bat】バッチファイルで日本語が文字化けする原因と解決策</a>
						<span class="p-blogCard__excerpt">バッチファイルを使用していて日本語が文字化けする時はないでしょうか？ その原因と解決策を現役エンジニアの筆者が教えます。一瞬で簡単にできるので試してください。&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>もう一度同じbatファイルを実行してみます。</p>



<figure class="wp-block-image size-full is-style-desktop"><img decoding="async" width="342" height="61" src="https://sugublog.org/wp-content/uploads/2023/05/bat_echo_error2.png" alt="batファイルでechoのエラーを解消した結果" class="wp-image-5537" srcset="https://sugublog.org/wp-content/uploads/2023/05/bat_echo_error2.png 342w, https://sugublog.org/wp-content/uploads/2023/05/bat_echo_error2-300x54.png 300w" sizes="(max-width: 342px) 100vw, 342px" /></figure>



<p>エラーが解消され「文字を表示します」が表示されました。</p>



<h2 class="wp-block-heading">batファイルで「echo」でファイルを作成する方法</h2>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="503" src="https://sugublog.org/wp-content/uploads/2021/11/Server_20211109-19-1024x503.jpg" alt="ファイル作成" class="wp-image-4426" srcset="https://sugublog.org/wp-content/uploads/2021/11/Server_20211109-19-1024x503.jpg 1024w, https://sugublog.org/wp-content/uploads/2021/11/Server_20211109-19-300x148.jpg 300w, https://sugublog.org/wp-content/uploads/2021/11/Server_20211109-19-768x378.jpg 768w, https://sugublog.org/wp-content/uploads/2021/11/Server_20211109-19.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>


<p><span class="swl-marker mark_yellow">batファイルでechoは文字を表示するだけのコマンドではありません。</span></p>



<p>ファイルを作成する事が可能です。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-c" data-lang="C"><code>@echo off

echo 文字を記入します &gt; echo.txt</code></pre></div>



<p>上のbatファイルを実行して見ます。</p>



<figure class="wp-block-image size-full is-style-desktop"><img decoding="async" width="643" height="54" src="https://sugublog.org/wp-content/uploads/2023/05/bat_echo_error3.png" alt="batファイルのechoでファイルを作成する" class="wp-image-5539" srcset="https://sugublog.org/wp-content/uploads/2023/05/bat_echo_error3.png 643w, https://sugublog.org/wp-content/uploads/2023/05/bat_echo_error3-300x25.png 300w" sizes="(max-width: 643px) 100vw, 643px" /></figure>



<p>実行したbatファイルと同じフォルダに「echo.txt」が作成されています。</p>



<p>中身は「文字を記入します」という文字列が入っています。</p>



<p class="is-style-balloon_box2">batでファイルを作るその他の方法は、以下の記事で纏めていますので良かったらご覧ください。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">スグブログ</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/08/DB0804-3.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://sugublog.org/bat-file-create/" target="_blank" rel="noopener noreferrer">【bat基礎】バッチでファイルを簡単に作成する方法！全３種類ご紹介 | 空ファイルから中身ありのファイルま&#8230;</a>
						<span class="p-blogCard__excerpt">batファイルでファイルを作成する方法をお伝えします。 ファイルを何個も作成する場合に、batで行えば楽に業務を遂行する事が可能です。 batでファイルを簡単に作成する方&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">batファイルの「echo」で空白を表示する</h2>



<p>今度は<span class="swl-marker mark_green">batの「echo」で空白を表示</span>してみます。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-c" data-lang="C"><code>@echo off

echo 文字を表示します。
echo.
echo 文字を表示します。</code></pre></div>



<p>上のbatファイルを実行してみます！</p>



<p>実行結果は以下になりました。空白ができています。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-c" data-lang="C"><code>C:\script\bat\04_echo&gt;echo.bat
文字を表示します。

文字を表示します。
C:\script\bat\04_echo&gt;</code></pre></div>



<p>空白を使用して文字を綺麗にするにはオススメです。</p>



<h2 class="wp-block-heading">batファイルの「@echo off」の意味とは</h2>



<p>batファイルの1行目にある<strong><span class="swl-inline-color has-swl-deep-01-color">「@echo off」</span></strong>ですが、今までのechoとは少し意味が違います。</p>



<p class="is-style-big_icon_check">batファイルでは記述したコマンドも表示されるのですが、「@echo off」を記述しておけば表示されません。</p>



<p>実行結果だけが表示されて見えやすいというメリットがあります。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/12/PC教室20211216-8-300x229.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://sugublog.org/bat-echo-off/">【bat基礎】バッチで「@echo off」の意味や効果とは？</a>
						<span class="p-blogCard__excerpt">batファイルの初めに「@echo off」という記載があると思いますが、この意味は何でしょうか？ なんの効果があるのでしょうか？「@echo off」が無ければどうなるのでしょ&#8230;</span>					</div>
				</div>
			</div>
		</div>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9330904718533231"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-9330904718533231"
     data-ad-slot="8455594968"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">まとめ：batファイルの「echo」の使い方</h2>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="782" src="https://sugublog.org/wp-content/uploads/2021/12/PC教室20211216-8-1024x782.jpg" alt="文字表示" class="wp-image-4802" srcset="https://sugublog.org/wp-content/uploads/2021/12/PC教室20211216-8-1024x782.jpg 1024w, https://sugublog.org/wp-content/uploads/2021/12/PC教室20211216-8-300x229.jpg 300w, https://sugublog.org/wp-content/uploads/2021/12/PC教室20211216-8-768x586.jpg 768w, https://sugublog.org/wp-content/uploads/2021/12/PC教室20211216-8.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><strong><span class="swl-marker mark_orange">batファイルの「echo」の使い方の基礎</span></strong>は以下のコードです。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-c" data-lang="C"><code>echo 指定の文字列</code></pre></div>



<p>指定の文字が<span class="swl-bg-color has-swl-deep-01-background-color">文字化け</span>する場合は<strong><span class="swl-bg-color has-swl-deep-02-background-color">文字コードを「ANSI」</span></strong>にする。</p>



<p><span class="swl-marker mark_green"><strong>batでechoのその他の使い方</strong>として、ファイルを作成する方法</span>があり、やり方は以下のコードでした。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-c" data-lang="C"><code>@echo off

echo 文字を記入します &gt; echo.txt</code></pre></div>



<p>他にも<span class="swl-marker mark_blue">空白を表示するやり方</span>もありました。そのコードは「echo.」で例文は以下になります。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-c" data-lang="C"><code>@echo off

echo 文字を表示します。
echo.
echo 文字を表示します。</code></pre></div>



<p>batファイルの「echo」をどんどん使用して見て下さい。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sugublog.org/bat-base-echo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【PHP基礎】htmlの中でphpを使用してechoで表示するやり方</title>
		<link>https://sugublog.org/php-base-echo-in-html/</link>
					<comments>https://sugublog.org/php-base-echo-in-html/?noamp=mobile#respond</comments>
		
		<dc:creator><![CDATA[suguru]]></dc:creator>
		<pubDate>Sat, 21 May 2022 13:31:26 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[echo]]></category>
		<category><![CDATA[html]]></category>
		<guid isPermaLink="false">https://sugublog.org/?p=5076</guid>

					<description><![CDATA[<p><img src="https://sugublog.org/wp-content/uploads/2021/07/html-007-5-1024x513.jpg" class="webfeedsFeaturedVisual" /></p>PHPで文字列を表示したい時にはスクリプトでお馴染みの「echo」を使用します。 htmlの中でphpのスクリプトを使用して文字などを表示したいという場合にも「echo」が使用できます。 HTMLの中でPHPを動かすメリ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://sugublog.org/wp-content/uploads/2021/07/html-007-5-1024x513.jpg" class="webfeedsFeaturedVisual" /></p>
<p>PHPで文字列を表示したい時にはスクリプトでお馴染みの<strong>「echo」</strong>を使用します。</p>



<p>htmlの中でphpのスクリプトを使用して文字などを表示したいという場合にも<strong>「echo」</strong>が使用できます。</p>



<p>HTMLの中でPHPを動かすメリットなど、実際にPHPを動かして動作を見ていきましょう！</p>



<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ads" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-9330904718533231" data-ad-slot="6086594686"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">PHPのechoを使用してhtmlを表示する</h2>



<p>echoの基礎構文を見ておきましょう</p>



<p class="is-style-balloon_box">echoの基礎構文は以下です。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php
echo &quot;こんにちは&quot;;
?&gt;</code></pre></div>



<p>&#8220;&#8221;で囲って表示したい文字列を表示します。いたって簡単です。基礎構文は以上です。</p>



<p class="is-style-balloon_box">では以下の流れでHTMLの中にPHPを使用するやり方とメリットを見ていきます。</p>



<div class="swell-block-step" data-num-style="circle">
<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">HTMLで文字を表示する</div><div class="swell-block-step__body">
<p>phpファイルでもHTMLが使用できます。</p>



<p>まずはHTMLで文字を表示して見ます</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">HTMLの中にPHPを入れechoで文字列を表示する</div><div class="swell-block-step__body">
<p>次にHTMLの中にPHPを含める方法で文字を表示して見ます。</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">HTMLの中にPHPをいれてechoで変数を表示する</div><div class="swell-block-step__body">
<p>最後にPHPで変数を使用して文字列を表示します。</p>



<p>ここでHTMLでPHPを使用して文字列を表示するメリットを見ていきます。</p>
</div></div>
</div>



<h2 class="wp-block-heading">HTMLで文字を表示する</h2>



<p>ではhtmlで文字列を表示して見ます。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;body&gt;
    &lt;p&gt;このサイトの名前は&lt;/p&gt;
    &lt;p&gt;sugublog&lt;/p&gt;
    &lt;p&gt;です&lt;/p&gt;
&lt;/body&gt;</code></pre></div>



<p>上の構文をindex.phpに記入して表示して見ます。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-html" data-lang="HTML"><code>このサイトの名前は

sugublog

です</code></pre></div>



<p>上の様に文字列が表示されました。</p>



<h2 class="wp-block-heading">HTMLの中にPHPを入れechoで文字列を表示する</h2>



<p>次にHTMLの中にPHPを入れてechoで表示してみます。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;body&gt;
    &lt;p&gt;このサイトの名前は&lt;/p&gt;
    &lt;p&gt;&lt;?php echo &quot;sugublog&quot;;?&gt;&lt;/p&gt;
    &lt;p&gt;です&lt;/p&gt;
&lt;/body&gt;</code></pre></div>



<p>上のスクリプトをinex.phpに記入して表示します。</p>



<p>pタグの中に直接phpを入れます。</p>



<p class="has-border -border01"><strong><span class="swl-marker mark_green">phpを始めたい箇所に「&lt;?php」をいれて終わりたい場所に「?&gt;」を入れればHTMLの中でphpが使用できます。</span></strong></p>



<p>echoを使用して文字列を表示して見ます</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-html" data-lang="HTML"><code>このサイトの名前は

sugublog

です</code></pre></div>



<p>先程と同じ内容ですが、HTMLの中にphpを入れても問題なく表示されます。</p>



<h2 class="wp-block-heading">HTMLの中にPHPをいれてechoで変数を表示する</h2>



<p>ではHTMLの中にPHPを入れるメリットについてお話します。</p>



<p class="has-border -border01"><strong><span class="swl-marker mark_green">PHPを使用するので変数が使用できます。変数を使用する事でフレキシブルにサイトを構築できます。</span></strong></p>



<p>まずは下の構文を見て欲しい。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php
$name = &quot;sugublog&quot;;
?&gt;
&lt;body&gt;
    &lt;p&gt;このサイトの名前は&lt;/p&gt;
    &lt;p&gt;&lt;?php echo $name;?&gt;&lt;/p&gt;
    &lt;p&gt;です&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt; </code></pre></div>



<p>HTMLのbodyの前にphpを入れて変数の定義をしています。</p>



<p>HTMLの中でその変数を呼び出してechoで表示します。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-html" data-lang="HTML"><code>このサイトの名前は

sugublog

です</code></pre></div>



<p>上の様に結果は変わりませんが、PHPの変数をHTMLの中でも使用できました。</p>



<h2 class="wp-block-heading">HTMLの中にPHPを入れるメリットについて</h2>



<p>変数を使用するメリットは以下の３点です</p>



<p><strong>変数を使用すると「echo」を使用して同じ文字列をどこででも使用できます。</strong></p>



<p><strong>文字列を編集する時は変数の値のみ</strong>の変更で、全ての「echo」での表示が変わります。</p>



<p>別のサイトで使いまわしする場合、<strong>変数の値のみの変更</strong>で完了できます。</p>



<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9330904718533231" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-9330904718533231" data-ad-slot="8455594968"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://sugublog.org/php-base-echo-in-html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
