<?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>PHP &#8211; ケケンタの独学ITブログ</title>
	<atom:link href="https://kekenta-it-blog.com/tag/php/feed/" rel="self" type="application/rss+xml" />
	<link>https://kekenta-it-blog.com</link>
	<description>プログラミングやWeb制作の情報を発信</description>
	<lastBuildDate>Wed, 30 Jul 2025 22:15:27 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://kekenta-it-blog.com/wp-content/uploads/2023/07/cropped-KEKENTA-BLOG-32x32.png</url>
	<title>PHP &#8211; ケケンタの独学ITブログ</title>
	<link>https://kekenta-it-blog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>年齢は関係ない！30代・40代から始めるPHP学習の成功法</title>
		<link>https://kekenta-it-blog.com/age-no-matter-php-learning-success-30s-40s/</link>
					<comments>https://kekenta-it-blog.com/age-no-matter-php-learning-success-30s-40s/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Tue, 29 Jul 2025 04:54:08 +0000</pubDate>
				<category><![CDATA[ノウハウ]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=15962</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2025/07/eye-catch__age-no-matter-php-learning-success-30s-40s__15962-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>「もう30代だから、新しいことを学ぶのは遅いんじゃないか…」「40代からプログラミングを始めても意味があるの？」 あなたも今、こんな不安を抱えていませんか？ この言葉を聞くたびに、僕は「そんなことないです！　大丈夫ですよ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2025/07/eye-catch__age-no-matter-php-learning-success-30s-40s__15962-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>
<p class="wp-block-paragraph">「もう30代だから、新しいことを学ぶのは遅いんじゃないか…」<br>「40代からプログラミングを始めても意味があるの？」</p>



<p class="wp-block-paragraph">あなたも今、こんな不安を抱えていませんか？</p>



<p class="wp-block-paragraph">この言葉を聞くたびに、僕は「そんなことないです！　大丈夫ですよ！」と言いたくなります。なぜなら、年齢を理由に諦める必要は全くないからです。</p>



<p class="is-style-icon_good wp-block-paragraph">年齢は、プログラミング学習の成功とは全く関係ありません。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<h2 class="wp-block-heading">【ポイント1】「もう遅い」と思っているあなたへ</h2>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="512" src="https://kekenta-it-blog.com/wp-content/uploads/2024/08/bennkyou_jikan-1024x512.jpg" alt="" class="wp-image-13546" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/08/bennkyou_jikan-1024x512.jpg 1024w, https://kekenta-it-blog.com/wp-content/uploads/2024/08/bennkyou_jikan-300x150.jpg 300w, https://kekenta-it-blog.com/wp-content/uploads/2024/08/bennkyou_jikan-768x384.jpg 768w, https://kekenta-it-blog.com/wp-content/uploads/2024/08/bennkyou_jikan.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">「30代後半だから、今さらプログラミングなんて…」<br>「40代で新しいことを始めるのは恥ずかしい…」<br>「同年代の若い人たちに混じって学習するのは…」</p>



<p class="wp-block-paragraph">僕も最初は同じことを思っていました。20代後半でプログラミング学習を本格的に始めた時、「もう遅いんじゃないか」という不安が強かったです。</p>



<p class="wp-block-paragraph">でも実際にPHP学習を始めてみると、その不安がどれだけ根拠のないものだったかがわかりました。</p>



<p class="is-style-big_icon_check wp-block-paragraph"><strong>年齢なんて、プログラミング学習には全く関係ないんです。</strong></p>



<h3 class="wp-block-heading">年齢を理由に諦めそうになった瞬間</h3>



<p class="wp-block-paragraph">僕がPHP学習を始めた時、こんな不安がありました。</p>



<ul class="wp-block-list is-style-triangle_list">
<li>「若い人たちに置いていかれるんじゃないか」</li>



<li>「記憶力が衰えているから覚えられないんじゃないか」</li>



<li>「新しい技術についていけないんじゃないか」</li>
</ul>



<p class="wp-block-paragraph">でも実際に学習を進めていくうちに、これらの不安は一瞬で消え去りました。むしろ、年齢を重ねることで得られる経験が、学習において大きな武器になることがわかったんです。</p>



<h3 class="wp-block-heading">年齢別の学習傾向</h3>



<p class="is-style-balloon_box u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>30代の学習傾向</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>社会人経験を活かした効率的な学習</li>



<li>転職を意識した目標設定</li>



<li>時間管理のスキルを活用</li>
</ul>



<p class="u-mb-ctrl u-mb-30 wp-block-paragraph"><strong>→ 社会人経験が大きな強みになります</strong></p>



<p class="is-style-balloon_box u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>40代の学習傾向</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>経験豊富な分、新しい技術の理解が早い</li>



<li>継続力の高さ</li>



<li>実践的なアプローチを重視</li>
</ul>



<p class="u-mb-ctrl u-mb-30 wp-block-paragraph"><strong>→ 経験豊富な分、新しい技術の理解が早いです</strong></p>



<p class="is-style-balloon_box u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>50代以上の学習傾向</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>時間に余裕があり、じっくり学習</li>



<li>経験を活かした応用力</li>



<li>継続的な学習への取り組み</li>
</ul>



<p class="wp-block-paragraph"><strong>→ 焦らずに確実にスキルを身につけられます</strong></p>



<h3 class="wp-block-heading">年齢を活かした成功の可能性</h3>



<p class="wp-block-paragraph">プログラミング学習において、年齢は決定的な要因ではありません。むしろ、年齢を重ねることで得られる経験は、学習において大きな武器になります。</p>



<p class="is-style-balloon_box u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>30代の強み</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-30">
<li>社会人経験を活かしたコミュニケーション力</li>



<li>効率的な時間管理スキル</li>



<li>転職を意識した目標設定</li>
</ul>



<p class="is-style-balloon_box u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>40代の強み</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-30">
<li>豊富な経験を活かした理解力</li>



<li>継続力と粘り強さ</li>



<li>実践的なアプローチ</li>
</ul>



<p class="is-style-balloon_box u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>50代以上の強み</strong></p>



<ul class="wp-block-list u-mb-ctrl u-mb-30 is-style-check_list">
<li>時間に余裕がある</li>



<li>経験を活かした応用力</li>



<li>信頼性と安定性</li>
</ul>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<h2 class="wp-block-heading">【ポイント2】年齢を武器にする具体的な方法</h2>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="512" src="https://kekenta-it-blog.com/wp-content/uploads/2024/08/shikaku_benkyou-1024x512.jpg" alt="" class="wp-image-13543" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/08/shikaku_benkyou-1024x512.jpg 1024w, https://kekenta-it-blog.com/wp-content/uploads/2024/08/shikaku_benkyou-300x150.jpg 300w, https://kekenta-it-blog.com/wp-content/uploads/2024/08/shikaku_benkyou-768x384.jpg 768w, https://kekenta-it-blog.com/wp-content/uploads/2024/08/shikaku_benkyou.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">「年齢を活かすって、具体的にどうすればいいの？」</p>



<p class="wp-block-paragraph">この質問をよく聞きます。確かに、抽象的な話だけでは行動に移せませんよね。</p>



<p class="wp-block-paragraph">僕自身、年齢を武器にする具体的な方法を実践してきたので、その経験を交えて詳しく解説します。</p>



<h3 class="wp-block-heading">30代の学習法｜社会人経験を最大限に活かす</h3>



<p class="is-style-bg_stripe wp-block-paragraph"><strong>30代</strong>の方が年齢を活かした効率的な学習方法</p>



<p class="is-style-border_left wp-block-paragraph"><strong>1. 社会人経験を活かす</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>効率的な時間管理</li>



<li>目標設定の明確さ</li>
</ul>



<p class="u-mb-ctrl u-mb-30 wp-block-paragraph"><strong>→ 社会人経験が大きな強みになります</strong></p>



<p class="is-style-border_left wp-block-paragraph"><strong>2. 転職を意識した学習</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-30">
<li>企業が求めるスキルを重点的に</li>



<li>ポートフォリオの作成</li>



<li>転職活動の準備</li>
</ul>



<p class="is-style-border_left wp-block-paragraph"><strong>3. 投資対効果を重視</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>学習時間の効率化</li>



<li>実践的なスキルの習得</li>



<li>短期間での成果を目指す</li>
</ul>



<p class="is-style-icon_good wp-block-paragraph">僕も20代後半で学習を始めましたが、社会人経験が大きな強みになりました。</p>



<h3 class="wp-block-heading">40代の学習法｜経験豊富な分の理解力を活かす</h3>



<p class="is-style-bg_stripe wp-block-paragraph"><strong>40代</strong>の方が年齢を活かした学習方法</p>



<p class="is-style-border_left wp-block-paragraph"><strong>1. 経験豊富な分の理解力</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>新しい技術の理解が早い</li>



<li>実践的なアプローチ</li>
</ul>



<p class="u-mb-ctrl u-mb-30 wp-block-paragraph"><strong>→ 経験豊富な分、新しい技術の理解が早いです</strong></p>



<p class="is-style-border_left wp-block-paragraph"><strong>2. 継続力の高さ</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-30">
<li>長期的な視点での学習</li>



<li>挫折しない粘り強さ</li>



<li>着実なスキルアップ</li>
</ul>



<p class="is-style-border_left wp-block-paragraph"><strong>3. キャリアチェンジの準備</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>フリーランスへの移行</li>



<li>副業からのスタート</li>



<li>段階的なキャリア構築</li>
</ul>



<p class="wp-block-paragraph"><strong>→ 経験豊富な分、新しい技術の理解が驚くほど早いです</strong></p>



<h3 class="wp-block-heading">50代以上の学習法｜時間と経験を最大限に活かす</h3>



<p class="is-style-bg_stripe wp-block-paragraph"><strong>50代以上</strong>の方が年齢を活かした学習方法</p>



<p class="is-style-border_left u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>1. 時間に余裕がある</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>じっくりと学習できる</li>



<li>焦らずに確実にスキルを身につけられる</li>
</ul>



<p class="u-mb-ctrl u-mb-30 wp-block-paragraph"><strong>→ 焦らずに確実にスキルを身につけられます</strong></p>



<p class="is-style-border_left u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>2. 経験を活かした応用力</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>様々な経験から得た解決方法</li>



<li>効率的なアプローチ</li>
</ul>



<p class="u-mb-ctrl u-mb-30 wp-block-paragraph">→ <strong>エラー解決が驚くほど早い</strong></p>



<p class="is-style-border_left u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>3. 継続的な学習</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>短期的な結果を求めない</li>



<li>長期的な視点での学習</li>
</ul>



<p class="wp-block-paragraph">→ <strong>これが成功の秘訣</strong></p>



<h2 class="wp-block-heading">【ポイント3】年齢を理由に諦めないための心構え</h2>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="512" src="https://kekenta-it-blog.com/wp-content/uploads/2024/08/hondana-1024x512.jpg" alt="" class="wp-image-13549" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/08/hondana-1024x512.jpg 1024w, https://kekenta-it-blog.com/wp-content/uploads/2024/08/hondana-300x150.jpg 300w, https://kekenta-it-blog.com/wp-content/uploads/2024/08/hondana-768x384.jpg 768w, https://kekenta-it-blog.com/wp-content/uploads/2024/08/hondana.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">「でも、やっぱり年齢が気になる…」</p>



<p class="wp-block-paragraph">この気持ち、よくわかります。僕も最初は同じでした。</p>



<p class="wp-block-paragraph">でも、年齢を理由に諦める前に、年齢が与えてくれる強みについて考えてみませんか？</p>



<h3 class="wp-block-heading">経験を活かす方法</h3>



<p class="is-style-bg_stripe wp-block-paragraph">年齢を重ねることで得られる経験は、プログラミング学習において大きな強みになります。</p>



<p class="is-style-border_left u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>1. 問題解決力</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>様々な経験から得た解決方法</li>



<li>効率的なアプローチ</li>
</ul>



<p class="u-mb-ctrl u-mb-30 wp-block-paragraph"><strong>→ エラー解決が驚くほど早くなります</strong></p>



<p class="is-style-border_left u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>2. コミュニケーション力</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>チーム開発での活躍</li>



<li>クライアントとのやり取り</li>
</ul>



<p class="u-mb-ctrl u-mb-30 wp-block-paragraph"><strong>→ 技術だけでなく、ビジネス視点も持てます</strong></p>



<p class="is-style-border_left u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>3. 継続力</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-10">
<li>長期的な視点での学習</li>



<li>挫折しない粘り強さ</li>
</ul>



<p class="u-mb-ctrl u-mb-30 wp-block-paragraph"><strong>→ 短期間で諦めません</strong></p>



<p class="is-style-icon_good wp-block-paragraph">僕自身、社会人経験を活かすことで、効率的な学習方法を身につけることができました。</p>



<h3 class="wp-block-heading">年齢を活かしたキャリア構築</h3>



<p class="is-style-balloon_box u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>30代の方</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-30">
<li>転職を意識したスキル習得</li>



<li>企業が求める技術スタック</li>



<li>転職支援のある学習環境</li>
</ul>



<p class="is-style-balloon_box u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>40代の方</strong></p>



<ul class="wp-block-list is-style-check_list u-mb-ctrl u-mb-30">
<li>フリーランスへの移行</li>



<li>副業からのスタート</li>



<li>WordPress制作での高単価案件</li>
</ul>



<p class="is-style-balloon_box u-mb-ctrl u-mb-10 wp-block-paragraph"><strong>50代以上の方</strong></p>



<ul class="wp-block-list is-style-check_list">
<li>独立・起業の準備</li>



<li>WordPressコンサルティング業務</li>



<li>後進の育成・指導</li>
</ul>



<h3 class="wp-block-heading">学習の継続性</h3>



<p class="is-style-bg_stripe wp-block-paragraph">年齢を重ねることで、<strong>学習に対する継続力</strong>が高まります。</p>



<ul class="wp-block-list is-style-good_list -list-under-dashed">
<li>短期的な結果を求めない</li>



<li>長期的な視点での学習</li>



<li>着実なスキルアップ</li>
</ul>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


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



<p class="wp-block-paragraph">年齢は、PHP学習の成功とは全く関係ありません。むしろ、<strong>年齢を重ねることで得られる経験は、プログラミング学習において大きな武器になります。</strong></p>



<p class="wp-block-paragraph">僕自身、20代後半でPHP学習を本格的に始めましたが、社会人経験が学習において大きな強みになりました。特に、問題解決力や継続力、効率的な学習方法を身につけることができました。</p>



<p class="wp-block-paragraph">実際に、様々な年齢層の方々がプログラミング学習に取り組み、それぞれの強みを活かしてキャリアチェンジを実現しています。年齢を理由に諦める必要は全くありません。</p>



<p class="is-style-bg_stripe wp-block-paragraph"><strong>重要なのは、年齢ではなく、学習への意欲と継続力です。</strong></p>



<p class="wp-block-paragraph"><strong>そして、年齢を重ねることで得られる経験は、必ずあなたの武器になります。</strong></p>



<p class="wp-block-paragraph">もし独学で不安を感じる場合は、効率的な学習環境を整えることが大切です。特に、転職支援やフリーランス支援がある環境では、年齢に関係なくキャリアチェンジがスムーズに進みます。</p>



<p class="wp-block-paragraph"><strong>キャリアチェンジを目指す方は、こちらの記事でおすすめの学習環境を比較してみてください。給付金制度を活用できるスクールもあります。</strong></p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2025/03/eye-catch__school-php-and-wp__14099-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://kekenta-it-blog.com/school-php-and-wp/">PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】</a>
						<span class="p-blogCard__excerpt">僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション&#8230;</span>					</div>
				</div>
			</div>
		</div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>年齢を理由に諦めずに、効率的な学習法でPHPを習得しましょう。あなたの経験は、必ず大きな武器になります。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="is-style-balloon_box wp-block-paragraph"><strong>関連記事</strong></p>


<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/math-weak-php-learning-worry-solution/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">数学が苦手でも大丈夫？PHP学習の不安を解消する3つのポイント</span>
			</a>
		</div>]]></content:encoded>
					
					<wfw:commentRss>https://kekenta-it-blog.com/age-no-matter-php-learning-success-30s-40s/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>数学が苦手でも大丈夫？PHP学習の不安を解消する3つのポイント</title>
		<link>https://kekenta-it-blog.com/math-weak-php-learning-worry-solution/</link>
					<comments>https://kekenta-it-blog.com/math-weak-php-learning-worry-solution/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Mon, 28 Jul 2025 11:35:31 +0000</pubDate>
				<category><![CDATA[ノウハウ]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=15906</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2025/07/eye-catch__math-weak-php-learning-worry-solution__15906-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>「数学が苦手だからプログラミングは無理」「微分・積分ができないとプログラミングはできないの？」 あなたも今、こんな不安を抱えていませんか？ 僕も最初は同じでした。高校時代、数学の模試でいつも平均点ギリギリに届くかどうかだ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2025/07/eye-catch__math-weak-php-learning-worry-solution__15906-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>
<p class="wp-block-paragraph">「数学が苦手だからプログラミングは無理」<br>「微分・積分ができないとプログラミングはできないの？」</p>



<p class="wp-block-paragraph">あなたも今、こんな不安を抱えていませんか？</p>



<p class="wp-block-paragraph">僕も最初は同じでした。高校時代、数学の模試でいつも平均点ギリギリに届くかどうかだった僕が、プログラミングなんてできるはずがないと思っていました。でも実際にPHP学習を始めてみると、その不安は一瞬で消え去りました。</p>



<p class="wp-block-paragraph"><strong>実は、PHP学習に必要な数学は小学生レベルなんです。</strong></p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>今回は、数学が苦手な方でも安心してPHP学習を始められる3つのポイントを、僕の実体験を交えて詳しく解説します。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">【ポイント1】PHP学習に必要な数学は小学生レベル</h2>



<h3 class="wp-block-heading">実際に使う数学の範囲</h3>



<p class="is-style-icon_good wp-block-paragraph">結論から言うと、PHP学習に必要な数学の知識は<strong>小学生レベル</strong>です。</p>



<p class="is-style-balloon_box wp-block-paragraph"><strong>必要な数学の知識</strong></p>



<ul class="wp-block-list is-style-good_list">
<li>四則演算（足し算、引き算、掛け算、割り算）</li>



<li>基本的な比較（大きい、小さい、等しい）</li>



<li>簡単な論理思考</li>
</ul>



<p class="is-style-balloon_box wp-block-paragraph"><strong>不要な数学の知識</strong></p>



<ul class="wp-block-list is-style-bad_list">
<li>微分・積分</li>



<li>複雑な関数</li>



<li>高度な統計学</li>
</ul>



<p class="is-style-icon_announce wp-block-paragraph">正直に言います。微分・積分なんて、Web開発では一切使いません。</p>



<h3 class="wp-block-heading">実際のコード例で確認</h3>



<p class="is-style-bg_stripe wp-block-paragraph">PHPで実際に使う数学は、本当に小学生レベルの計算がほとんどです。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>// 基本的な計算例（これができれば十分）
$price = 1000;
$tax = 0.1;
$total = $price * (1 + $tax); // 1100円

// 比較の例（これも小学生レベル）
if ($age &gt;= 20) {
    echo &quot;成人です&quot;;
}

// 簡単な計算機の例
$num1 = 10;
$num2 = 5;
$result = $num1 + $num2; // 15</code></pre></div>



<p class="is-style-icon_good wp-block-paragraph"><strong>この程度の計算ができれば、PHP学習には十分すぎるほどです。</strong></p>



<h3 class="wp-block-heading">僕の実体験</h3>



<p class="wp-block-paragraph">高校時代、数学でいつも平均点にギリギリ届くかどうかだった僕が、PHPを独学で学んでWordPress制作のフリーランスとして活動しています。最初は「本当にできるのかな…」と不安でしたが、実際に学習を始めてみると、数学の心配は全く必要ありませんでした。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<h2 class="wp-block-heading">【ポイント2】数学の代わりに必要な能力</h2>



<h3 class="wp-block-heading">プログラミングに本当に必要な能力</h3>



<p class="is-style-bg_stripe wp-block-paragraph">プログラミングに必要なのは、数学よりも以下の能力です。</p>



<p class="is-style-balloon_box wp-block-paragraph"><strong>1. 論理的思考力</strong></p>



<ul class="wp-block-list is-style-check_list">
<li>順序立てて考える力</li>



<li>問題を分解する力</li>
</ul>



<p class="wp-block-paragraph"><strong>→ これは数学の成績とは関係ありません</strong></p>



<p class="is-style-balloon_box wp-block-paragraph"><strong>2. 問題解決力</strong></p>



<ul class="wp-block-list is-style-check_list">
<li>課題を分析する力</li>



<li>効率的な解決方法を見つける力</li>
</ul>



<p class="wp-block-paragraph"><strong>→ 経験を積むことで身につきます</strong></p>



<p class="is-style-balloon_box wp-block-paragraph"><strong>3. 継続力</strong></p>



<ul class="wp-block-list is-style-check_list">
<li>コツコツと学習を続ける力</li>



<li>挫折しない粘り強さ</li>
</ul>



<p class="wp-block-paragraph"><strong>→ 数学が苦手でも持てる能力です</strong></p>



<p class="is-style-balloon_box wp-block-paragraph"><strong>4. 好奇心</strong></p>



<ul class="wp-block-list">
<li>新しいことを学ぶ意欲</li>



<li>技術への興味</li>
</ul>



<p class="wp-block-paragraph"><strong>→ <span class="swl-marker mark_yellow">これが最も大切な能力です</span></strong></p>



<h3 class="wp-block-heading">数学が苦手な人の強み</h3>



<p class="wp-block-paragraph">実は、数学が苦手な人には以下のような強みがあります。</p>



<div class="wp-block-group has-border -border01"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-list is-style-good_list -list-under-dashed">
<li><strong>基礎から丁寧に学ぶ習慣</strong></li>



<li><strong>わからないことを素直に質問できる</strong></li>



<li><strong>効率的な学習方法を探す意欲</strong></li>



<li><strong>実践的なアプローチを好む</strong></li>
</ul>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<h2 class="wp-block-heading">【ポイント3】数学が苦手な人の学習法</h2>



<h3 class="wp-block-heading">効率的な学習アプローチ</h3>



<p class="is-style-icon_good wp-block-paragraph">数学が苦手な人でも安心してPHP学習を始められる方法があります。</p>



<p class="is-style-balloon_box wp-block-paragraph"><strong>1. 基礎からゆっくり進める</strong></p>



<ul class="wp-block-list is-style-check_list">
<li>複雑な計算は後回し</li>



<li>基本的な概念をしっかり理解</li>
</ul>



<p class="wp-block-paragraph"><strong>→ 僕も最初は簡単な計算から始めました</strong></p>



<p class="is-style-balloon_box wp-block-paragraph"><strong>2. 実践的な例で学ぶ</strong></p>



<ul class="wp-block-list is-style-check_list">
<li>理論より実践</li>



<li>実際に動くコードを書く</li>
</ul>



<p class="wp-block-paragraph"><strong>→ 動くものを作る楽しさを体験</strong></p>



<p class="is-style-balloon_box wp-block-paragraph"><strong>3. 計算機を活用する</strong></p>



<ul class="wp-block-list is-style-check_list">
<li>複雑な計算は電卓やツールを使用</li>



<li>人間が計算する必要はない</li>
</ul>



<p class="wp-block-paragraph"><strong>→ プログラマーは計算機を使うのが当たり前です</strong></p>



<h3 class="wp-block-heading">学習のコツ</h3>



<p class="is-style-balloon_box wp-block-paragraph"><span data-icon="LsThumbUp" data-id="0" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNCAxOGg0YzEuMSAwIDIgLjkgMiAydjIwYzAgMS4xLS45IDItMiAySDRjLTEuMSAwLTItLjktMi0yVjIwYzAtMS4xLjktMiAyLTJ6TTQxIDE0SDI3bC43LTcuMWMuMi0xLjgtLjYtMy41LTItNC42LS45LS43LTIuMi0uNS0yLjkuNUwxNS4zIDE0Yy0uOSAxLjMtMS4zIDIuOS0xLjMgNC40VjM4YzAgMi4yIDEuOCA0IDQgNGgyMC44YzEuOSAwIDMuNS0xLjMgMy45LTMuMWwzLTEzLjZjLjItLjkuMy0xLjcuMy0yLjZWMTljMC0yLjgtMi4yLTUtNS01eiI+PC9wYXRoPjwvc3ZnPg==)" aria-hidden="true" class="swl-inline-icon"> </span> <strong>小さな成功体験を積み重ねる</strong></p>



<ul class="wp-block-list is-style-good_list">
<li>簡単なプログラムから始める</li>



<li>達成感を味わいながら進める</li>



<li>少しずつ難易度を上げる</li>
</ul>



<p class="is-style-balloon_box wp-block-paragraph"><span data-icon="LsThumbUp" data-id="0" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNCAxOGg0YzEuMSAwIDIgLjkgMiAydjIwYzAgMS4xLS45IDItMiAySDRjLTEuMSAwLTItLjktMi0yVjIwYzAtMS4xLjktMiAyLTJ6TTQxIDE0SDI3bC43LTcuMWMuMi0xLjgtLjYtMy41LTItNC42LS45LS43LTIuMi0uNS0yLjkuNUwxNS4zIDE0Yy0uOSAxLjMtMS4zIDIuOS0xLjMgNC40VjM4YzAgMi4yIDEuOCA0IDQgNGgyMC44YzEuOSAwIDMuNS0xLjMgMy45LTMuMWwzLTEzLjZjLjItLjkuMy0xLjcuMy0yLjZWMTljMC0yLjgtMi4yLTUtNS01eiI+PC9wYXRoPjwvc3ZnPg==)" aria-hidden="true" class="swl-inline-icon"> </span> <strong>実践的な学習を重視</strong></p>



<ul class="wp-block-list is-style-good_list">
<li>理論だけでなく、実際にコードを書く</li>



<li>動くものを作る楽しさを体験</li>



<li>問題解決の喜びを味わう</li>
</ul>



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



<p class="wp-block-paragraph">数学が苦手でも、PHP学習は十分に可能です。必要な数学は小学生レベルで、むしろ論理的思考力や継続力の方が大切です。</p>



<p class="wp-block-paragraph">僕自身、数学の点数には苦い思いでしかありません。ですが、PHP学習では全く問題ありませんでした。実際に学習を始めてみると、数学の心配は杞憂だったことがわかります。現在はWordPress制作のフリーランスとして、数学が苦手でも十分に活躍できています。（むしろ数学を意識することがほぼありません）</p>



<p class="is-style-icon_announce wp-block-paragraph"><strong>重要なのは、数学の成績ではなく、プログラミングへの興味と継続力です。</strong></p>



<p class="wp-block-paragraph">もし独学で不安を感じる場合は、効率的な学習環境を整えることが大切です。特に、専門講師の指導がある環境では、数学が苦手でも安心して学習を進められます。</p>



<p class="wp-block-paragraph"><strong>効率的にPHPを習得したい方は、こちらの記事でおすすめの学習環境をチェックしてください。独学で3年かかる内容を、適切な環境なら6ヶ月〜1年で習得できます。</strong></p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2025/03/eye-catch__school-php-and-wp__14099-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://kekenta-it-blog.com/school-php-and-wp/">PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】</a>
						<span class="p-blogCard__excerpt">僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション&#8230;</span>					</div>
				</div>
			</div>
		</div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>数学が苦手という不安を乗り越えて、PHP学習の第一歩を踏み出しましょう。あなたの未来は、今日の決断で決まります。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="is-style-balloon_box wp-block-paragraph"><strong>関連記事</strong></p>


<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/age-no-matter-php-learning-success-30s-40s/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">年齢は関係ない！30代・40代から始めるPHP学習の成功法</span>
			</a>
		</div>]]></content:encoded>
					
					<wfw:commentRss>https://kekenta-it-blog.com/math-weak-php-learning-worry-solution/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【PHP】POST送信されたデータを保持しながら別ページへリダイレクトする</title>
		<link>https://kekenta-it-blog.com/php-post-redirect/</link>
					<comments>https://kekenta-it-blog.com/php-post-redirect/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Tue, 25 Jun 2024 02:05:31 +0000</pubDate>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Webアプリ]]></category>
		<category><![CDATA[header関数]]></category>
		<category><![CDATA[POST]]></category>
		<category><![CDATA[リダイレクト]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=8608</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/06/eye-catch__php-post-redirect__8608-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>今回はこのような疑問やお悩みをお持ちの方に向けて PHPでPOST送信されたデータを保持しながら別ページへ遷移（リダイレクト）する方法 をご紹介します。 この方法を用いれば、例えば 現在のファイル内でフォーム送信されたデ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/06/eye-catch__php-post-redirect__8608-1024x576.jpg" class="webfeedsFeaturedVisual" /></p><div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" 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>PHPでPOST送信したデータをそっくりそのまま別のページに持っていきたいんだけど、そんな方法ってあるのかな……</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">今回はこのような疑問やお悩みをお持ちの方に向けて</p>



<p class="has-text-align-center is-style-big_kakko_box wp-block-paragraph"><strong>PHPで<span class="swl-inline-color has-swl-deep-02-color">POST送信されたデータを保持しながら</span><br>別ページへ遷移（リダイレクト）する方法</strong></p>



<p class="wp-block-paragraph">をご紹介します。</p>



<p class="wp-block-paragraph">この方法を用いれば、例えば</p>



<p class="is-style-bg_stripe wp-block-paragraph">現在のファイル内でフォーム送信されたデータのバリデーションチェックを行い、問題が無ければそれらのデータを保持したまま次のページへ遷移（リダイレクト）する</p>



<p class="wp-block-paragraph">といった実装が可能になります。</p>


<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/alone-php-study/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">PHPはこうして習得した！約１年間の勉強内容【プログラミング独学】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/php-deploy-xserver-for-zip/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【PHP】エックスサーバーへデプロイする方法【初心者でも簡単！】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2025/03/eye-catch__school-php-and-wp__14099-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://kekenta-it-blog.com/school-php-and-wp/">PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】</a>
						<span class="p-blogCard__excerpt">僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">【結論】header関数を使用する</h2>



<p class="wp-block-paragraph">早速ですが、以下が今回の答えとなる<strong>ソースコード</strong>です。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php

/*
 * 実行したい処理
 */ 

// 「リダイレクト先のパス」へ遷移する処理
header(&#39;Location: リダイレクト先のパス&#39;, true, 307);
exit;

?&gt;</code></pre></div>



<p class="is-style-icon_pen wp-block-paragraph">「リダイレクト先のパス」は相対パスでも絶対パスでもどちらでも有効です。</p>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">（例）相対パスで指示した場合</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php

/*
 * 実行したい処理
 */ 

// 「リダイレクト先のパス」へ遷移する処理
header(&#39;Location: ./sample.php&#39;, true, 307);
exit;

?&gt;</code></pre></div>



<h2 class="wp-block-heading">【解説】header関数とステータスコード</h2>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2"><div class="cap_box_ttl"><span>header関数とは</span></div><div class="cap_box_content">
<p class="wp-block-paragraph">PHPのheader関数は、<strong>HTTPヘッダーの内容を指定する際に用いられる関数</strong>です。</p>
</div></div>



<p class="wp-block-paragraph">例えば上記ソースコードの「Location」は<strong>Locationヘッダー</strong>と呼ばれるもので、<strong>リダイレクト先のURLを指定する際に使用</strong>します。</p>



<p class="wp-block-paragraph">上記のソースコードが実行されると、最終的に「リダイレクト先のパス」で指定したURLへ遷移（リダイレクト）されます。</p>



<p class="is-style-bg_stripe wp-block-paragraph">なお、本記事の主旨でもっとも重要となるのが第3引数に指定してある「307」という数字です。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<p class="wp-block-paragraph">「404エラー（ページが存在しない）」はご覧になったことがある方も多いかと思いますが、これもステータスコードのひとつです。</p>



<p class="is-style-big_icon_point wp-block-paragraph">上記のソースコードのようにheader関数に「307」を指定すると「POST送信されてきたデータを保持したままリダイレクトする」という意味になります。</p>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">header関数使用時の「注意点」</h2>



<p class="wp-block-paragraph">POST送信されたデータを保持したまま別ページへ遷移する方法はいたってシンプルですが、header関数を使用するにあたっては<strong><span class="swl-marker mark_orange">注意点</span></strong>があります。</p>



<div class="swell-block-capbox cap_box" data-colset="col3"><div class="cap_box_ttl"><span>header関数を使用する際の注意点</span></div><div class="cap_box_content">
<ul class="wp-block-list -list-under-dashed is-style-num_circle">
<li>header関数より上で「値を出力する処理」を記述するとエラーになる</li>



<li>header関数より下の行に記述された処理は実行されない</li>
</ul>
</div></div>



<h3 class="wp-block-heading">① header関数より上で「値を出力する処理」を記述するとエラーになる</h3>



<p class="wp-block-paragraph">例えば、以下のように<strong><span class="swl-marker mark_orange">header関数の上にHTMLの記述をしてしまうとエラーになります。</span></strong></p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;p&gt;これはHTMLのコード&lt;/p&gt;

&lt;?php

/*
 * 実行したい処理
 */ 

// 「リダイレクト先のパス」へ遷移する処理
header(&#39;Location: ./sample.php&#39;, true, 307);
exit;

?&gt;</code></pre></div>



<p class="is-style-icon_pen wp-block-paragraph">もちろん<strong>echo</strong>や<strong>var_dump</strong>などの処理を記述してもエラーになります。<br>さらに、「空白」や「スペース」がheader関数より前に含まれていると、これも出力と見なされてエラーになります。</p>



<h3 class="wp-block-heading">② header関数より下の行に記述された処理は実行されない</h3>



<p class="wp-block-paragraph">以下のように、header関数より下の行に何かしらの処理を記述したとしても、その部分は実行されません。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php

/*
 * 実行したい処理
 */ 

// 「リダイレクト先のパス」へ遷移する処理
header(&#39;Location: ./sample.php&#39;, true, 307);
exit;


/*
 * ***** ここから下の処理は実行されない *****
 */ 

// ※header関数直後の「exit」は処理を確実に終わらせるために念のため記述してあるものですが、
// これが無かったとしてもheader関数以降の処理は実行されません。

?&gt;</code></pre></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>以上のように<strong><span class="swl-marker mark_yellow">header関数を使用する際には注意点があります。</span></strong><br>それを忘れたまま使用すると思わぬところで沼にハマる可能性があるため、念頭に置いておきましょう。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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



<p class="wp-block-paragraph">以上が<strong>PHPでPOST送信されたデータを保持しながら別ページへ遷移（リダイレクト）する方法</strong>でした。</p>



<p class="wp-block-paragraph">header関数を使用することで簡単に実装できることがお分かりいただけたかと思います。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>header関数はリダイレクト処理を行う上で必須なので、今回初めてこの関数を知ったという方はこれを機にぜひheader関数について深堀してみて下さい。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">それでは最後までご覧いただきありがとうございました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://kekenta-it-blog.com/php-post-redirect/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【WordPress】List category postsで出力する日付の形式を自由に変える</title>
		<link>https://kekenta-it-blog.com/wp-lcp-date-format-custom/</link>
					<comments>https://kekenta-it-blog.com/wp-lcp-date-format-custom/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Wed, 29 May 2024 02:21:10 +0000</pubDate>
				<category><![CDATA[List category posts]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[日付形式]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=7340</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__wp-lcp-date-format-custom__7340-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>WordPressのプラグイン「List category posts」を使用すると、誰でも簡単に投稿リストを表示することが可能です。 しかし、「投稿日」や「更新日」といった日付は、デフォルトだと以下のようにWordPr [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__wp-lcp-date-format-custom__7340-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>
<p class="wp-block-paragraph">WordPressのプラグイン「List category posts」を使用すると、誰でも簡単に投稿リストを表示することが可能です。</p>



<p class="wp-block-paragraph">しかし、「投稿日」や「更新日」といった日付は、デフォルトだと以下のようにWordPressで設定している形式で出力されます。</p>



<figure class="wp-block-image size-full is-style-photo_frame"><img decoding="async" width="476" height="193" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-32.png" alt="WordPressの日付形式設定画面" class="wp-image-7366" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-32.png 476w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-32-300x122.png 300w" sizes="(max-width: 476px) 100vw, 476px" /></figure>



<p class="wp-block-paragraph">基本的にはそれで問題ないのですが、案件の中には</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" 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>


<p class="wp-block-paragraph">というものが、たまにあります。</p>



<p class="wp-block-paragraph">そこで今回は</p>



<p class="has-text-align-center is-style-big_kakko_box wp-block-paragraph"><strong>WordPressプラグイン「List category posts」で<br>表示する日付の形式を自由に変える方法</strong></p>



<p class="wp-block-paragraph">をご紹介します。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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><strong>「List category posts」</strong>で出力する日付の形式を変更するためには、<strong><span class="swl-marker mark_yellow">プラグインのファイルを複製してその中にPHPの処理を追記する</span></strong>必要があります。<br>しかし、この記事の手順を踏めば誰でも簡単に変更可能なのでぜひお試しください！</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="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-subloop-wq/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-edit-functions/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】functions.phpを編集する「３つ」の方法と編集時の注意点</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-how-to-load-js/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】JavaScriptはどこに書けばいい？「３つの方法」を解説</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/change-to-swell/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">無料テーマCocoonからSWELLに乗り換えた７つの理由【WordPress】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2025/03/eye-catch__school-php-and-wp__14099-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://kekenta-it-blog.com/school-php-and-wp/">PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】</a>
						<span class="p-blogCard__excerpt">僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">List category postsで出力する日付の形式を変更する手順</h2>



<p class="wp-block-paragraph">「List category posts」で作成した投稿リストの<strong>表示内容の順番を変更する手順</strong>は以下の通りです。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2"><div class="cap_box_ttl"><span>表示内容の順番を変更する手順</span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>現在使用中のテーマディレクトリ直下に「<strong>list-category-posts</strong>」というディレクトリを作成する</li>



<li>プラグインのディレクトリ内から投稿リスト表示用の<strong>テンプレートファイル（default.php）</strong>をコピーする</li>



<li>②でコピーしたテンプレートファイル（default.php）を①で作成した「list-category-posts」内に設置する</li>



<li>テンプレートファイル（default.php）の<strong>ファイル名を任意のものに変更</strong>する</li>



<li>List category postsの設定項目「テンプレート」で、④で作成したファイル名を選択する</li>



<li>④で用意したファイルを編集する</li>
</ul>
</div></div>



<p class="is-style-bg_stripe wp-block-paragraph">手順が多く感じるかもしれませんが、やることと言えば<strong>テンプレートファイルをコピペしてその中にこの記事でご紹介するソースコードを追記する</strong>だけです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<h3 class="wp-block-heading">① 使用中のテーマディレクトリ直下に「<strong>list-category-posts</strong>」というディレクトリを作成する</h3>



<p class="wp-block-paragraph">まずは、いま現在使用中のテーマディレクトリの直下に「list-category-posts」というディレクトリを作成します。</p>



<p class="wp-block-paragraph">例えば、使用中のテーマが「sample」という名前であれば、</p>



<p class="is-style-bg_stripe wp-block-paragraph">～省略～/themes/sample/list-category-posts</p>



<p class="wp-block-paragraph">という構成になるようにディレクトリを作成します。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>ディレクトリ名コピペ用</span></div><div class="cap_box_content">
<p class="wp-block-paragraph">list-category-posts</p>
</div></div>



<h3 class="wp-block-heading">② プラグインのディレクトリ内から<strong>テンプレートファイル</strong>をコピーする</h3>



<p class="wp-block-paragraph">次に、プラグインのディレクトリ内から<strong>テンプレートファイル（default.php）</strong>をコピーします。</p>



<p class="is-style-big_icon_point wp-block-paragraph"><strong>default.php</strong>はList category postsの初期状態において投稿リスト生成に使用されるデフォルトのテンプレートファイルです。<br>このdefault.phpを複製し、そのファイル内を編集することで<strong><span class="swl-marker mark_yellow">任意の出力内容のテンプレートファイルを作成可能</span></strong>です。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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><strong>default.php</strong>は以下のディレクトリ内にあります。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-balloon_box2 wp-block-paragraph">default.phpの場所</p>



<p class="is-style-bg_stripe wp-block-paragraph">～省略～/wp-content/plugins/list-category-posts/templates/</p>



<p class="wp-block-paragraph">これをいったん<strong>Ctrl + C</strong>でコピーしておきます。</p>



<h3 class="wp-block-heading">③ コピーしたdefault.phpを①で作成した「list-category-posts」内に設置する</h3>



<p class="wp-block-paragraph">続いて、コピーしたdefault.phpを、①で現在使用中のテーマディレクトリ直下に作成した「list-category-posts」内に貼り付けます。（貼り付け＝<strong>Ctrl + V</strong>）</p>



<p class="is-style-balloon_box2 wp-block-paragraph"><strong>貼り付け後のファイル構成</strong></p>



<p class="is-style-bg_stripe wp-block-paragraph">～省略～/themes/sample/list-category-posts/default.php</p>



<h3 class="wp-block-heading">④ default.phpの<strong>ファイル名を任意のものに変更</strong>する</h3>



<p class="wp-block-paragraph">テーマディレクトリ直下にdefault.phpを設置したら、続いてこの<strong>ファイル名を任意のものに変更</strong>します。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>名前はご自身にとって分かりやすいものならばなんでも構いません。<br>例えば僕はこのテンプレートファイルをスライダー用に使用したかったときは「<strong>slider.php</strong>」という名称にしました。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-balloon_box2 wp-block-paragraph">ファイル名変更後の状態（例）</p>



<p class="is-style-bg_stripe wp-block-paragraph">～省略～/themes/sample/list-category-posts/slider.php</p>



<h3 class="wp-block-heading">⑤ List category postsの設定項目「テンプレート」で作成したファイル名を選択する</h3>



<p class="wp-block-paragraph">ここで、WordPress管理画面の「外観→ウィジェット」をご覧ください。</p>



<p class="wp-block-paragraph">「List category posts」のウィジェットの設定画面の最下部にある「テンプレート」には、初期状態だと以下のように「default」の表示しかありません。</p>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">初期状態</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="108" height="90" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-22.png" alt="List category postsの「テンプレート」項目の初期状態" class="wp-image-7303"/></figure>



<p class="wp-block-paragraph">しかし、ここまでの作業を完了すると、設定していただいた<strong>ファイル名の部分</strong>が「テンプレート」に表示されるようになっています。</p>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">ファイル名を「<strong>slider.php</strong>」に変更したときの例</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="99" height="96" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-23.png" alt="List category postsの「テンプレート」項目の「slider.php」作成後の状態" class="wp-image-7305"/></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>「テンプレート」項目で、<strong>新しく追加された方のテンプレート（上の画像なら「slider」）</strong>を選択して設定を保存して下さい。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-icon_info wp-block-paragraph">もし「テンプレート」の項目に作成したファイル名が表示されない場合は<br>・ページを更新してみる<br>・「list-category-posts」を正しく使用中のテーマディレクトリ内に設置できているか<br>などをご確認下さい。</p>



<h3 class="wp-block-heading">⑥ ④で用意したファイルを編集する</h3>



<p class="wp-block-paragraph">最後に、④で任意の名前に設定したファイルをテキストエディタで開き、実際に<strong>PHPのソースコード</strong>を追記していきます。</p>



<p class="is-style-icon_pen wp-block-paragraph">今回は例として、デフォルトでは「◯年◯月◯日」形式で表示される状況を想定したソースコードをご紹介します。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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="swell-block-capbox cap_box"><div class="cap_box_ttl"><span>日付の形式を変更するための編集内容</span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>「get_dateが記述されている行」をコメントアウトする</li>



<li>以下に紹介するソースコードを追加する</li>
</ul>
</div></div>



<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">「get_dateが記述されている行」をコメントアウトする</div><div class="swell-block-step__body">
<figure class="wp-block-image size-full is-style-photo_frame"><img decoding="async" width="651" height="155" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-27.png" alt="List category postsのget_date行をコメントアウト" class="wp-image-7349" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-27.png 651w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-27-300x71.png 300w" sizes="(max-width: 651px) 100vw, 651px" /></figure>
</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">以下のソースコードを追加する</div><div class="swell-block-step__body">
<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>  /**
   * 日付のフォーマットを変える
   */
  // 日付情報を取得
  $origin_date = $this-&gt;get_date($post); //◯年◯月◯日の形式

  // 「年」「月」を「.」に置き換える
  $date_del_year  = str_replace(&quot;年&quot;, &quot;.&quot;, $origin_date);
  $date_del_month = str_replace(&quot;月&quot;, &quot;.&quot;, $date_del_year);

  // 「日」を消す
  $after_date = str_replace(&quot;日&quot;, &quot;&quot;, $date_del_month);

  $lcp_display_output .= $after_date;</code></pre></div>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">ソースコード追加後</p>



<figure class="wp-block-image size-full is-style-photo_frame"><img decoding="async" width="663" height="423" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-29.png" alt="List category postsに日付の表示形式を変更するためのPHPのソースコードを追加" class="wp-image-7356" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-29.png 663w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-29-300x191.png 300w" sizes="(max-width: 663px) 100vw, 663px" /></figure>



<p class="is-style-big_icon_point wp-block-paragraph">このソースコードでは、<br><strong>「◯年◯月◯日」という形式を「◯.◯.◯」という形式に変更</strong>しています。<br>（例）2024年5月30日　→　2024.5.30</p>
</div></div>
</div>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph"><strong>初期表示（WordPress設定で「◯年◯月◯日」形式を設定している状態）</strong></p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="368" height="226" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-31.png" alt="List category postsで出力した投稿リストの日付形式（デフォルト）" class="wp-image-7360" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-31.png 368w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-31-300x184.png 300w" sizes="(max-width: 368px) 100vw, 368px" /></figure>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph"><strong>ソースコードを追加した後の表示</strong></p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="349" height="230" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-30.png" alt="List category postsで出力した投稿リストの日付形式（変更後）" class="wp-image-7359" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-30.png 349w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-30-300x198.png 300w" sizes="(max-width: 349px) 100vw, 349px" /></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/kekenta-icon-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/kekenta-icon-150x150.jpg" 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>


<p class="is-style-icon_info wp-block-paragraph">上記は「投稿日」に関するソースコードです。<br>もし「更新日」の表示形式を変更したい場合は、<strong>get_modified_date</strong>の行に同様のソースコードを記述して下さい。<br>※その際は、上記のソースコードの<strong>get_dateになっている箇所（1か所のみ）をget_modified_dateに置き換えて</strong>下さい。</p>



<h2 class="wp-block-heading">List category postsはPHPの知識があると柔軟な変更も可能</h2>



<p class="wp-block-paragraph">以上が<strong>「List category posts」で日付の表示形式を変更する方法</strong>でした。</p>



<p class="wp-block-paragraph">今回は</p>



<p class="is-style-bg_stripe wp-block-paragraph">◯年◯月◯日　→　◯.◯.◯</p>



<p class="wp-block-paragraph">の形式に変更する方法をご紹介しましたが、ご自身のWordPress上での日付形式と先ほどのソースコードを照らし合わせ、少しだけ修正すれば好きな日付形式に変更可能です。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>PHPに馴染みのない方にとってはソースコード自体が見づらいかもしれませんが、今回のソースコードでは「なに」を「どんな文字」に置き換えるのかという部分がハッキリしていれば修正も難しくありません。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-icon_pen wp-block-paragraph">例えば今回ご紹介した例では<strong>「なに」＝年月日、「どんな文字」＝「.」と「空白」</strong>でした。</p>



<p class="wp-block-paragraph">もし今回の解説とは違う形式に変更してみたいという場合も、ぜひ修正をお試しください。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/kekenta-icon-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/kekenta-icon-150x150.jpg" 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>]]></content:encoded>
					
					<wfw:commentRss>https://kekenta-it-blog.com/wp-lcp-date-format-custom/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【PHP】for文を書くときの考え方をピラミッド作成から学ぶ</title>
		<link>https://kekenta-it-blog.com/php-for-pyramid/</link>
					<comments>https://kekenta-it-blog.com/php-for-pyramid/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Sat, 18 May 2024 05:48:27 +0000</pubDate>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Webアプリ]]></category>
		<category><![CDATA[for文]]></category>
		<category><![CDATA[二重ループ]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=6763</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__php-for-pyramid__6763-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>PHPを勉強し始めると比較的早い段階でfor文（繰り返し文・ループ文）の学習に差し掛かるかと思います。 ただ、このfor文、初学者の方にとってはひとつ目の鬼門となることが多いです。 （かくいう僕も、最初はfor文でつまず [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__php-for-pyramid__6763-1024x576.jpg" class="webfeedsFeaturedVisual" /></p><div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<p class="wp-block-paragraph">PHPを勉強し始めると比較的早い段階で<strong>for文（繰り返し文・ループ文）</strong>の学習に差し掛かるかと思います。</p>



<p class="wp-block-paragraph">ただ、このfor文、初学者の方にとっては<strong>ひとつ目の鬼門</strong>となることが多いです。</p>



<p class="wp-block-paragraph">（かくいう僕も、最初はfor文でつまずきました……）</p>



<p class="wp-block-paragraph">そこで今回は<strong>PHPを学習し始めたばかりでfor文でつまずいてしまったという方</strong>に向けて</p>



<p class="has-text-align-center is-style-big_kakko_box wp-block-paragraph"><strong>ピラミッド作成から学ぶfor文を書くときの考え方</strong></p>



<p class="wp-block-paragraph">を解説していきます。</p>



<div class="swell-block-capbox cap_box is-style-shadow"><div class="cap_box_ttl"><span><span data-icon="LsLightbulb" data-id="0" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMzIgNDYuNUgxNmMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTJoMTZjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyek00MS43IDE1LjlDNDEuMyAxMyA0MCAxMC4zIDM4LjIgOCAzNC41IDMuMiAyOSAuOCAyMy4xIDEgMTQgMS40IDYuNSA4LjkgNiAxOGMtLjMgNiAyLjQgMTEuNyA3LjIgMTUuNC41LjQuOC45LjggMS41djEuNmMwIDIuMiAxLjggNCA0IDRoMTJjMi4yIDAgNC0xLjggNC00VjM1YzAtLjYuMy0xLjIuOS0xLjcgNS4zLTQgOC0xMC42IDYuOC0xNy40em0tNy4xIDEuN2gtLjNjLS43IDAtMS4zLS41LTEuNS0xLjItLjctMy4yLTMuMi01LjctNi40LTYuMy0uOC0uMS0xLjQtLjktMS4yLTEuN3MuOS0xLjQgMS43LTEuMmM0LjQuOCA4IDQuMiA4LjkgOC42LjEuOC0uNCAxLjYtMS4yIDEuOHoiPjwvcGF0aD48L3N2Zz4=)" aria-hidden="true" class="swl-inline-icon"> </span><strong> この記事が向いている方</strong></span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>PHPを学習し始めたばかりの方</li>



<li>for文の考え方のイメージがわかない方</li>



<li>PHPでピラミッド作成をしてみたい方</li>



<li>二重ループの考え方を知りたい方</li>
</ul>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>この記事をご覧いただくことで<strong>for文を書くときの考え方</strong>のイメージが掴めるようになります。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">この記事を通して、初学者の方にとってつまずきやすいfor文への理解が少しでも深まれば何よりです。</p>



<p class="is-style-icon_pen wp-block-paragraph">他にもfor文の考え方を知るための解説記事を「九九表作成」をテーマに公開しています。<br>ご興味のある方はぜひこちらもご覧ください。</p>


<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/php-for-kuku/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【PHP】for文を書くときの考え方｜tableを使った九九表作成</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/alone-php-study/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">PHPはこうして習得した！約１年間の勉強内容【プログラミング独学】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/php-deploy-xserver-for-zip/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【PHP】エックスサーバーへデプロイする方法【初心者でも簡単！】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/php-vali-check/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【初心者向け】PHPでエラー？そんなときは変数の中身を確認しよう</span>
			</a>
		</div>

<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2025/03/eye-catch__school-php-and-wp__14099-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://kekenta-it-blog.com/school-php-and-wp/">PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】</a>
						<span class="p-blogCard__excerpt">僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p class="is-style-bg_stripe wp-block-paragraph">PHPのことを体系的に学びたい方にはこちらの書籍がおすすめです。<br>（僕自身が初めてPHPを学ぶとき実際に使用した本です）<br><br><a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E4%B8%8A-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB/dp/4297114682?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=10KC11X6QUTQ1&amp;dib=eyJ2IjoiMSJ9.B5rf2YrX5_d5fXpMOXQhUR7MxXJhqGKLLXx9e1A8ZhWe-xRtboeNTHv5sipbmTU_Y14MVWCDMr53oa-CPC0Uy_FBVzJbcOrNT0LVH9saes2uRYr-m6CtRSHfj2l1yoAhgq28zsbbxHc8FeMIexEdvcjeCjldYwJb91XDl8kTtto_fJ7K5dPvz3bMlUBsLnkK3HfFpG_7trP_oz8py3-Z9_3v4aL3Egv4_Xy3TBHqcj_9R5B00vmbgWGjTN4PrcMdNYh_ZKfwt1Rn9gYGMLvLc0MXNP15dMU4No6kdk4NWvk.XBnzlrl4IPjVm4NGMeHY8fH82jMAFGwsA5YVoyZv3gc&amp;dib_tag=se&amp;keywords=PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80&amp;qid=1718235921&amp;sprefix=php%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80%2Caps%2C179&amp;sr=8-1&amp;linkCode=ll1&amp;tag=kekenta03amaz-22&amp;linkId=133cecc4b49b33b43477b49281582c50&amp;language=ja_JP&amp;ref_=as_li_ss_tl"><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDQgMkgzMGMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDJoOS4yTDI0IDIxLjJjLS44LjgtLjggMiAwIDIuOHMyIC44IDIuOCAwTDQyIDguOFYxOGMwIDEuMS45IDIgMiAyczItLjkgMi0yVjRjMC0xLjEtLjktMi0yLTJ6Ij48L3BhdGg+PHBhdGggZD0iTTQxIDI3Yy0xLjEgMC0yIC45LTIgMnYxMGMwIDEuMS0uOSAyLTIgMkg5Yy0xLjEgMC0yLS45LTItMlYxMWMwLTEuMS45LTIgMi0yaDEwYzEuMSAwIDItLjkgMi0ycy0uOS0yLTItMkg5Yy0zLjMgMC02IDIuNy02IDZ2MjhjMCAzLjMgMi43IDYgNiA2aDI4YzMuMyAwIDYtMi43IDYtNlYyOWMwLTEuMS0uOS0yLTItMnoiPjwvcGF0aD48L3N2Zz4=)" data-icon="LsExternalLink" data-id="61" aria-hidden="true" class="swl-inline-icon"> </span>PHP本格入門[上] ~プログラミングとオブジェクト指向の基礎からデータベース連携まで</a><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMTEuNyAxLjQgNi44IDVjLS41LjQtLjggMS0uOCAxLjZ2MjguN2MwIC44LjUgMS41IDEuMiAxLjhsMjQgMTAuM2MxLjMuNiAyLjgtLjQgMi44LTEuOFYxOWMwLS44LS41LTEuNS0xLjItMS44TDEwLjIgNy41bDIuOS0yLjJjLjktLjYgMi0uOCAzLS40bDIwLjYgOC44Yy43LjMgMS4yIDEgMS4yIDEuOFY0Mi45YzAgLjkgMSAxLjMgMS43LjhsMS43LTEuNWMuNC0uNC43LS45LjctMS41VjEzYzAtLjgtLjUtMS41LTEuMi0xLjhMMTYuNy44Yy0xLjctLjctMy42LS41LTUgLjZ6Ij48L3BhdGg+PC9zdmc+)" data-icon="LsBook" data-id="105" aria-hidden="true" class="swl-inline-icon"> </span><br>大塚 正登／著　技術評論社／出版｜<a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E4%B8%8A-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB/dp/4297114682?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=10KC11X6QUTQ1&amp;dib=eyJ2IjoiMSJ9.B5rf2YrX5_d5fXpMOXQhUR7MxXJhqGKLLXx9e1A8ZhWe-xRtboeNTHv5sipbmTU_Y14MVWCDMr53oa-CPC0Uy_FBVzJbcOrNT0LVH9saes2uRYr-m6CtRSHfj2l1yoAhgq28zsbbxHc8FeMIexEdvcjeCjldYwJb91XDl8kTtto_fJ7K5dPvz3bMlUBsLnkK3HfFpG_7trP_oz8py3-Z9_3v4aL3Egv4_Xy3TBHqcj_9R5B00vmbgWGjTN4PrcMdNYh_ZKfwt1Rn9gYGMLvLc0MXNP15dMU4No6kdk4NWvk.XBnzlrl4IPjVm4NGMeHY8fH82jMAFGwsA5YVoyZv3gc&amp;dib_tag=se&amp;keywords=PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80&amp;qid=1718235921&amp;sprefix=php%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80%2Caps%2C179&amp;sr=8-1&amp;linkCode=ll1&amp;tag=kekenta03amaz-22&amp;linkId=7bc2d4623da0d9ef37e7c0cd41f628f8&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Amazon</a></p>



<h2 class="wp-block-heading">PHPにおけるfor文とは？</h2>



<p class="wp-block-paragraph">具体的な解説の前に、まずは<strong>for文とは何か？</strong>について簡単にお話をします。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2"><div class="cap_box_ttl"><span>for文とは？</span></div><div class="cap_box_content">
<p class="wp-block-paragraph">for文とは、<strong><span class="swl-marker mark_yellow">ある処理を繰り返し行いたいときに用いるPHPの基本構文のひとつ</span></strong>です。<br>似た構文として<strong>while文</strong>があります。</p>
</div></div>



<p class="is-style-balloon_box2 wp-block-paragraph">具体例</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php
    /**
     * 0～9までの数字を繰り返し出力する
     */
    for($i=0; $i&lt;10; $i++){
        echo $i;
    }

    /**
     * for文を使用しないで書こうとすると……
     */
    echo 0;
    echo 1;
    echo 2;
    echo 3;
    echo 4;
    echo 5;
    echo 6;
    echo 7;
    echo 8;
    echo 9;

    // 出力結果はいずれも以下のようになる
    // 0123456789
?&gt;</code></pre></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>このように、for文（繰り返し文・ループ文）を用いることで、<strong>より短いプログラムで処理を組むことが可能</strong>です。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">ピラミッド作成を通じてfor文の考え方を学ぶ</h2>



<p class="wp-block-paragraph">for文を書くときには、考え方にコツがあります。</p>



<p class="is-style-balloon_box2 wp-block-paragraph">for文の考え方のコツ</p>



<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>いったん完成形をハードコーディング（手打ち）してみる</li>



<li>ハードコーディングした処理を見て、「どこがどのような法則で繰り返されているか」を観察する</li>



<li>「法則」にしたがってfor文に置き換えてみる</li>
</ul>



<p class="wp-block-paragraph">このような流れを取ることで、少しずつfor文の考え方に慣れていくこと可能です。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<p class="wp-block-paragraph">僕自身、プログラミングを学習し始めたばかりのときはif文までは比較的すんなり進めたのですが、for文で一気につまずきました。</p>



<p class="wp-block-paragraph">しかし、勉強を継続していくことで少しずつではありますが、for文を書くときの思考の積み重ね方を身に付けることができました。</p>



<p class="wp-block-paragraph">この記事が、読者の方にとってひとつのキッカケになれば何よりです。</p>



<h2 class="wp-block-heading">【実践解説】ピラミッド作成</h2>



<p class="is-style-icon_pen wp-block-paragraph">今回作成するピラミッドは「４段」の想定です。</p>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">今回作成するピラミッドの完成形</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="169" height="147" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-7.png" alt="ピラミッドの完成形" class="wp-image-6932"/></figure>



<div class="swell-block-accordion is-style-simple">
<details class="swell-block-accordion__item" data-swl-acc="wrapper"><summary class="swell-block-accordion__title" data-swl-acc="header"><span class="swell-block-accordion__label"><strong>ピラミッドのプログラム（完成形）</strong></span><span class="swell-block-accordion__icon c-switchIconBtn" data-swl-acc="icon" aria-hidden="true" data-opened="false"><i class="__icon--closed icon-caret-down"></i><i class="__icon--opened icon-caret-up"></i></span></summary><div class="swell-block-accordion__body" data-swl-acc="body">
<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php 

for($i=1; $i&lt;=4; $i++) {

    for($j=1; $j&lt;=4-$i; $j++){
        echo &#39;*&#39;;
    }

    for($k=1; $k&lt;$i*2; $k++){
        echo $k;
    }

    echo &#39;&lt;br&gt;&#39;;
}

?&gt;</code></pre></div>
</div></details>
</div>



<div class="swell-block-capbox cap_box"><div class="cap_box_ttl"><span>ピラミッド作成の流れ</span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>まずはハードコーディング（手打ち）でピラミッドを作成する</li>



<li>とりあえず4段それぞれにアスタリスクをひとつずつ出力してみる</li>



<li>各段のアスタリスクを必要な分だけ出力する</li>



<li>各段の数字を出力する</li>
</ul>
</div></div>



<h3 class="wp-block-heading">①まずはハードコーディング（手打ち）でピラミッドを作成する</h3>



<p class="is-style-icon_announce wp-block-paragraph">先ほどもお伝えしましたが、慣れてくるまでの間は、for文を組むときは出力結果をとりあえず<strong>ハードコーディング（手打ち）</strong>してみるのがコツです。</p>



<p class="wp-block-paragraph">具体的に書くと以下の通りです。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php 

echo &#39;***1&#39; . &quot;&lt;br&gt;&quot;;
echo &#39;**123&#39; . &quot;&lt;br&gt;&quot;;
echo &#39;*12345&#39; . &quot;&lt;br&gt;&quot;;
echo &#39;1234567&#39;;

?&gt;</code></pre></div>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">出力結果</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="350" height="149" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-10.png" alt="ピラミッドの完成形（ハードコーディング）" class="wp-image-6936" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-10.png 350w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-10-300x128.png 300w" sizes="(max-width: 350px) 100vw, 350px" /></figure>



<p class="is-style-big_icon_point wp-block-paragraph">このようにハードコーディングすることで、<strong>どの部分が繰り返されているのか＝for文で表現できるのか</strong>が可視化されます。<br>具体的に可視化されることで頭のリソースに余裕が生まれ、for文を書くためのイメージも整理しやすくなります。</p>



<h3 class="wp-block-heading">②とりあえず4段それぞれにアスタリスクをひとつずつ出力してみる</h3>



<p class="wp-block-paragraph">①の時点で繰り返し部分は可視化されましたが、まだ少し複雑な印象なので、今度は<strong>とりあえずアスタリスクを4段に分けて出力</strong>してみます。</p>



<p class="is-style-icon_pen wp-block-paragraph">できる方は②を飛ばして③に進んでも大丈夫です。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php 

for($i=1; $i&lt;=4; $i++) {
    echo &#39;*&#39; . &#39;&lt;br&gt;&#39;;
}

?&gt;</code></pre></div>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">出力結果</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="358" height="143" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-11.png" alt="アスタリスクを4段出力してみる" class="wp-image-6938" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-11.png 358w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-11-300x120.png 300w" sizes="(max-width: 358px) 100vw, 358px" /></figure>



<h3 class="wp-block-heading">③各段のアスタリスクを必要な分だけ出力する</h3>



<p class="wp-block-paragraph">次に、①で可視化されたピラミッドを元に、「<strong>どのような法則でアスタリスク（*）が繰り返されているのか</strong>」をイメージします。</p>



<p class="is-style-icon_info wp-block-paragraph">ここがピラミッド作成の中で最もハードルが高い部分かもしれません。<br>この「法則」を自力で導き出せるかどうかが重要なポイントです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>ちなみにピラミッドにおけるアスタリスクの繰り返し法則は、<br>「ピラミッド全体の段数 &#8211; 現在の段数」です。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">例えば、1段目なら「4段-1段＝3つ」、2段目なら「4段-2段＝2つ」といった法則に基づいて、アスタリスクが繰り返されています。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php

for($i=1; $i&lt;=4; $i++) {
    // ******この部分を修正*******
    /**
     * 「4-$i」＝「ピラミッド全体の段数-何段目か」
     */
    for($j=1; $j&lt;=4-$i; $j++){
        echo &#39;*&#39;;
    }
    echo &#39;&lt;br&gt;&#39;;
    // *********ここまで**********
}
 
?&gt;</code></pre></div>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">出力結果</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="359" height="136" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-13.png" alt="ピラミッドの各段のアスタリスクを出力" class="wp-image-6940" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-13.png 359w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-13-300x114.png 300w" sizes="(max-width: 359px) 100vw, 359px" /></figure>



<h3 class="wp-block-heading">④各段の数字を出力する（完成）</h3>



<p class="wp-block-paragraph">最後に、数字部分を出力すればピラミッドの完成です。</p>



<p class="is-style-icon_info wp-block-paragraph">この④においても、③と同様「各段の数字がどのような法則で繰り返されているか」に気が付けるかがポイントです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>ちなみにここでの「法則」は、<br>「『現在の段数×２』未満の数だけ数字が出力されている」<br>です。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">例えば、</p>



<p class="is-style-bg_stripe wp-block-paragraph">1段目なら「1段目×2=2」なので、1まで<br>2段目なら「2段目×2=4」なので、1～3まで</p>



<p class="wp-block-paragraph">の数字が繰り返し出力されています。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php 
for($i=1; $i&lt;=4; $i++) {
    /**
     * 「4-$i」＝「ピラミッド全体の段数-何段目か」
     */
    for($j=1; $j&lt;=4-$i; $j++){
        echo &#39;*&#39;;
    }
    
    // ******この部分を追加*******
    /**
     * 「$k &lt; $i*2」＝「『現在の段数×２』未満の数だけ数字を出力」
     * （例）2段目……２×２＝４未満（つまり３まで）の数字を出力
     */
    for($k=1; $k&lt;$i*2; $k++){
        echo $k;
    }
    // *********ここまで**********

    echo &#39;&lt;br&gt;&#39;;
}
?&gt;</code></pre></div>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">出力結果</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="172" height="144" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-14.png" alt="各段の数字を出力（ピラミッドの完成）" class="wp-image-6943"/></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/kekenta-icon-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/kekenta-icon-150x150.jpg" 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>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">for文を書くときはまずハードコーディングしてみる</h2>



<p class="wp-block-paragraph">いかがだったでしょうか。</p>



<p class="wp-block-paragraph">今回はピラミッド作成の工程をできるだけ細分化し、どのような考え方でfor文を書いていけば良いかという点について解説しました。</p>



<p class="wp-block-paragraph">今回の<strong>解説のポイント</strong>は以下の通りです。</p>



<div class="swell-block-capbox cap_box"><div class="cap_box_ttl"><span>解説のポイント</span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>まずはハードコーディングして完成形を可視化する</li>



<li>「どこがどのような法則に基づいて繰り返されているのか」を分析する</li>



<li>「法則」にしたがってfor文に置き換える</li>
</ul>
</div></div>



<p class="wp-block-paragraph">for文は初学者の方にとって大きな鬼門のひとつです。</p>



<p class="wp-block-paragraph">しかし、ここを乗り越えることができれば、それはプログラミング力だけでなく論理的思考力が向上したことを意味します。</p>



<p class="wp-block-paragraph">最初は大変かもしれませんし、事実（ぼく自身も含め）ここでつまずく方はとても多いです。</p>



<p class="wp-block-paragraph">まずは少しずつ「処理を繰り返して出力する」という部分に慣れていきましょう。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>この記事がお役に立ったなら何よりです！<br>根を詰めすぎないよう、少しずつ前進していきましょう～。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">最後までご覧いただきありがとうございました。</p>



<p class="wp-block-paragraph">以下の記事でもfor文について解説していますので、ご興味のある方はぜひご覧ください。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__php-for-kuku__6550-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://kekenta-it-blog.com/php-for-kuku/">【PHP】for文を書くときの考え方｜tableを使った九九表作成</a>
						<span class="p-blogCard__excerpt">PHPを勉強し始めたけどfor文でつまずいてる……どう考えてプログラムを組んで良いかイメージできない…… 今回はこのようなお悩みをお持ちの方に向けて 九九表作成で学ぶ、f&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p class="wp-block-paragraph">以下はfor文の練習問題ページです。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2024/04/eye-catch__page-loop__3424-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://kekenta-it-blog.com/page-loop/">【PHP練習問題】ループ文（for・foreach）【初心者向け】</a>
						<span class="p-blogCard__excerpt">練習問題TOPはこちらです。 for文の解説記事を公開しました。 ループ文とは？ ループ文は繰り返し文とも呼ばれ、特定処理を繰り返して実行したい際に用いられます。 条&#8230;</span>					</div>
				</div>
			</div>
		</div>

<div id="rinkerid3653" class="yyi-rinker-contents  yyi-rinker-postid-3653 yyi-rinker-img-m yyi-rinker-catid-5 yyi-rinker-catid-72 ">
	<div class="yyi-rinker-box">
		<div class="yyi-rinker-image">
							<a href="https://hb.afl.rakuten.co.jp/hgc/g00q072g.bdzz22a5.g00q072g.bdzz326e/Rinker_i_20240325050010?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16371381%2F&#038;m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F20055321%2F&#038;rafcid=wsc_i_is_1047822029026699702" rel="nofollow" class="yyi-rinker-tracking"  data-click-tracking="rakuten_img 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]" data-vars-click-id="rakuten_img 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4688/9784297114688.jpg?_ex=128x128"  width="128" height="128" class="yyi-rinker-main-img" style="border: none;"></a>					</div>
		<div class="yyi-rinker-info">
			<div class="yyi-rinker-title">
									<a href="https://hb.afl.rakuten.co.jp/hgc/g00q072g.bdzz22a5.g00q072g.bdzz326e/Rinker_t_20240325050010?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16371381%2F&#038;m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F20055321%2F&#038;rafcid=wsc_i_is_1047822029026699702" rel="nofollow" class="yyi-rinker-tracking" data-click-tracking="rakuten_title 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]" data-vars-amp-click-id="rakuten_title 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]" >PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]</a>							</div>
			<div class="yyi-rinker-detail">
							<div class="credit-box">created by&nbsp;<a href="https://oyakosodate.com/rinker/" rel="nofollow noopener" target="_blank" >Rinker</a></div>
										<div class="price-box">
							<span title="" class="price">¥3,938</span>
															<span class="price_at">(2026/05/27 16:32:35時点&nbsp;楽天市場調べ-</span><span title="このサイトで掲載されている情報は当サイトの作成者により運営されています。価格、販売可能情報は、変更される場合があります。購入時に楽天市場店舗（www.rakuten.co.jp）に表示されている価格がその商品の販売に適用されます。">詳細)</span>
																	</div>
						</div>
						<ul class="yyi-rinker-links">
																	<li class="amazonkindlelink">
						<a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80%EF%BC%BB%E4%B8%8A%EF%BC%BD-%EF%BD%9E%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB-ebook/dp/B08DXRK18C?_encoding=UTF8&amp;dib_tag=se&amp;dib=eyJ2IjoiMSJ9.74YDItYNn-AHro6XQ1cSslRSHUvp_S8S4MVJtvnW_XswliMGieYQktGbaTJY9E-Qpy3y3roMKB8M-zKI3K7otpqjDxkuoq7ncq-6mLf3BEkcNW05BAHDZZ17WZueAniDY7peSrmp4Ji0L0BkXOaJIBbpqa628I6bjQBED1FQ9V7BJqUJVUUxz6ns2GIHnoSItDTgCRaIpNi9fMcBrt3jqZr1qNJxCmBn8-xPR9N3usFpENEEChvMwvGdHoHu1hjsq6g9GvJDwPPBTwhQvDgXG2KZQ5CBlEx_wQjQy06hFcw.xxCKw6aGhA397JIEATXvL3RNC7D4_k4avRIYczzkjHw&amp;qid=1723712413&amp;sr=8-6&amp;linkCode=ll1&amp;tag=kekenta03am0b-22&amp;linkId=8de435cc399443bbfb43b9e7b8e0c9f1&amp;language=ja_JP&amp;ref_=as_li_ss_tl" rel="nofollow" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="amazon_kindle 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"  data-vars-amp-click-id="amazon_kindle 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]">Kindle</a>					</li>
								                    <li class="amazonlink">
						<a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E4%B8%8A-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB/dp/4297114682?dib=eyJ2IjoiMSJ9.74YDItYNn-AHro6XQ1cSslRSHUvp_S8S4MVJtvnW_XswliMGieYQktGbaTJY9E-Qpy3y3roMKB8M-zKI3K7otpqjDxkuoq7ncq-6mLf3BEkcNW05BAHDZZ17WZueAniDY7peSrmp4Ji0L0BkXOaJIBbpqa628I6bjQBED1FQ9V7BJqUJVUUxz6ns2GIHnoSItDTgCRaIpNi9fMcBrt3jqZr1qNJxCmBn8-xPR9N3usFpENEEChvMwvGdHoHu1hjsq6g9GvJDwPPBTwhQvDgXG2KZQ5CBlEx_wQjQy06hFcw.xxCKw6aGhA397JIEATXvL3RNC7D4_k4avRIYczzkjHw&amp;dib_tag=se&amp;keywords=PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80&amp;qid=1723712413&amp;sr=8-6&amp;linkCode=ll1&amp;tag=kekenta03am0b-22&amp;linkId=16a4b7edeeedcc86aef9f0b8c45cc669&amp;language=ja_JP&amp;ref_=as_li_ss_tl" rel="nofollow" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="amazon 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"  data-vars-amp-click-id="amazon 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]">Amazon</a>					</li>
													<li class="rakutenlink">
						<a href="https://hb.afl.rakuten.co.jp/hgc/g00q072g.bdzz22a5.g00q072g.bdzz326e/Rinker_t_20240325050010?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16371381%2F&amp;m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F20055321%2F&amp;rafcid=wsc_i_is_1047822029026699702" rel="nofollow" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="rakuten 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"  data-vars-amp-click-id="rakuten 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]">楽天市場</a>					</li>
								                											</ul>
					</div>
	</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://kekenta-it-blog.com/php-for-pyramid/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【ACF】日付選択ツールで出力する日付の形式を自由に調整する方法</title>
		<link>https://kekenta-it-blog.com/acf-date-format-cusom/</link>
					<comments>https://kekenta-it-blog.com/acf-date-format-cusom/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Sat, 18 May 2024 02:53:25 +0000</pubDate>
				<category><![CDATA[ACF]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=6842</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__acf-date-format-cusom__6842-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>今回はこのようなお悩みをお持ちの方に向けて、WordPressのプラグインのひとつ ACF（Advanced Custom Fields）の日付選択ツールの出力形式を自由に調整する方法 について解説します。 記事の後半で [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__acf-date-format-cusom__6842-1024x576.jpg" class="webfeedsFeaturedVisual" /></p><div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" 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>WordPressのプラグインでACFをよく使うけど、「日付選択ツール」の出力形式をもっと自由に調整したいなあ……</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">今回はこのようなお悩みをお持ちの方に向けて、WordPressのプラグインのひとつ</p>



<p class="has-text-align-center is-style-big_kakko_box wp-block-paragraph"><strong>ACF（Advanced Custom Fields）の日付選択ツールの出力形式を自由に調整する方法</strong></p>



<p class="wp-block-paragraph">について解説します。</p>



<div class="swell-block-capbox cap_box is-style-shadow" data-colset="col1"><div class="cap_box_ttl"><span><span data-icon="LsLightbulb" data-id="0" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMzIgNDYuNUgxNmMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTJoMTZjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyek00MS43IDE1LjlDNDEuMyAxMyA0MCAxMC4zIDM4LjIgOCAzNC41IDMuMiAyOSAuOCAyMy4xIDEgMTQgMS40IDYuNSA4LjkgNiAxOGMtLjMgNiAyLjQgMTEuNyA3LjIgMTUuNC41LjQuOC45LjggMS41djEuNmMwIDIuMiAxLjggNCA0IDRoMTJjMi4yIDAgNC0xLjggNC00VjM1YzAtLjYuMy0xLjIuOS0xLjcgNS4zLTQgOC0xMC42IDYuOC0xNy40em0tNy4xIDEuN2gtLjNjLS43IDAtMS4zLS41LTEuNS0xLjItLjctMy4yLTMuMi01LjctNi40LTYuMy0uOC0uMS0xLjQtLjktMS4yLTEuN3MuOS0xLjQgMS43LTEuMmM0LjQuOCA4IDQuMiA4LjkgOC42LjEuOC0uNCAxLjYtMS4yIDEuOHoiPjwvcGF0aD48L3N2Zz4=)" aria-hidden="true" class="swl-inline-icon"> </span><strong> ACF（Advanced Custom Fields）とは？</strong></span></div><div class="cap_box_content">
<p class="wp-block-paragraph">ACFは誰でも簡単に<strong>カスタムフィールドの追加・編集を可能にする</strong>、WordPressプラグインのひとつです。</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">カスタムフィールドを自作しようとすると、functions.phpに何行ものコードを記述する必要があり手間がかかりますが、ACFを利用することで簡単に様々な種類のカスタムフィールドを導入できます。</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>今回の記事で解説するのは、ACFで設定可能なカスタムフィールドの内、「日付選択ツール」に関する内容です。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-icon_pen wp-block-paragraph">記事の後半では年月日の<strong>0埋めを無くす方法</strong>も解説しています</p>


<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-subloop-wq/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-edit-functions/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】functions.phpを編集する「３つ」の方法と編集時の注意点</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-how-to-load-js/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】JavaScriptはどこに書けばいい？「３つの方法」を解説</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/change-to-swell/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">無料テーマCocoonからSWELLに乗り換えた７つの理由【WordPress】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2025/03/eye-catch__school-php-and-wp__14099-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://kekenta-it-blog.com/school-php-and-wp/">PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】</a>
						<span class="p-blogCard__excerpt">僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">ACFで設定したカスタムフィールドの値を出力するときの基本形</h2>



<p class="wp-block-paragraph">ACFを使用するとカスタムフィールドを簡単に設定することが可能ですが、その際、編集ページで入力・保存された値を実際にページ上へ出力するためにはテンプレートファイルにプログラムを記述する必要があります。</p>



<p class="wp-block-paragraph">例えば、「日付選択ツール」における<strong><span class="swl-marker mark_yellow">基本的な設定・出力用プログラム・出力結果</span></strong>は以下の通りです。</p>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">基本的な設定</p>



<figure class="wp-block-image size-large is-style-border"><img decoding="async" width="1024" height="585" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-setting-1024x585.jpg" alt="ACF「日付選択ツール」の基本的な設定" class="wp-image-6882" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-setting-1024x585.jpg 1024w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-setting-300x171.jpg 300w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-setting-768x439.jpg 768w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-setting.jpg 1395w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">出力用のプログラム</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php 
if(get_field(&#39;date&#39;)) {
  the_field(&#39;date&#39;);
}
?&gt;</code></pre></div>



<p class="is-style-big_icon_check wp-block-paragraph"><strong>get_field(&#8216;date&#8217;)</strong>……カスタムフィールド[date]の値を<strong>取得</strong>する<br><strong>the_field(&#8216;date&#8217;)</strong>……カスタムフィールド[date]の値を<strong>出力</strong>する</p>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">出力結果</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="440" height="203" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-1.png" alt="" class="wp-image-6844" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-1.png 440w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-1-300x138.png 300w" sizes="(max-width: 440px) 100vw, 440px" /></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">ACFの「日付選択ツール」の基本設定機能では実現できないこと</h2>



<p class="is-style-icon_pen wp-block-paragraph">通常の使用方法でも<strong>設定項目の以下の箇所</strong>で、ある程度の出力形式を任意に設定することが可能です。</p>



<figure class="wp-block-image size-large is-style-border"><img decoding="async" width="1024" height="596" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-format-cusom02-1024x596.jpg" alt="ACFの「日付選択ツール」で出力形式を設定している様子" class="wp-image-6884" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-format-cusom02-1024x596.jpg 1024w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-format-cusom02-300x175.jpg 300w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-format-cusom02-768x447.jpg 768w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-format-cusom02-1536x895.jpg 1536w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/acf-date-format-cusom02.jpg 1624w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" 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>しかし、例えば以下のように<strong><span class="swl-marker mark_yellow">「年」と「月日」を分割して出力する</span></strong>といったことは、標準の設定機能だけでは実現することができません。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-icon_info wp-block-paragraph">以下のような出力は、標準の設定機能では実現できない</p>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">「年」と「月日」を分割して出力する</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="515" height="232" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-5.png" alt="ACFで年月日を分割して出力した様子" class="wp-image-6898" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-5.png 515w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-5-300x135.png 300w" sizes="(max-width: 515px) 100vw, 515px" /></figure>



<h2 class="wp-block-heading">ACFの「日付選択ツール」で出力形式を自由に調整する方法</h2>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>先ほどのように「年月日」を別々に出力したい場合には、ACFから取得した日付情報を<strong>PHPの処理で分割する</strong>必要があります。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">以下は<strong><span class="swl-marker mark_yellow">「年月日」を「年」と「月日」に分割して出力するコード</span></strong>です。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php 
if(get_field(&#39;date&#39;)) {

	// 日付情報を取得
	$dateStr = get_field(&#39;date&#39;);

	/* *** 年月日を分割する ***
     * ACFの設定で出力形式（戻り値の形式）を「Y/m/d」という形で「/」区切りにしておき、
     * その区切り文字「/」を利用してexplode関数で分割している
     */
	$dateStr = explode(&quot;/&quot;,$dateStr);

    // 分割した「年月日」をそれぞれの変数に格納
	$year  = $dateStr[0];
	$month = $dateStr[1];
	$day   = $dateStr[2];

	// 月日の出力
	echo $month . &#39;月&#39; . $day . &#39;日&#39;;
				
	echo &#39;&lt;br&gt;&#39;;

	// 年の出力
	echo $year . &#39;年&#39;;
}
?&gt;</code></pre></div>



<p class="wp-block-paragraph">このような処理を記述することで、以下のように<strong><span class="swl-marker mark_yellow">年月日を分割した出力</span></strong>が実現可能です。</p>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="515" height="232" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-5.png" alt="ACFで年月日を分割して出力した様子" class="wp-image-6898" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-5.png 515w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-5-300x135.png 300w" sizes="(max-width: 515px) 100vw, 515px" /></figure>



<p class="wp-block-paragraph">また、「05」というような<strong><span class="swl-marker mark_yellow">0埋めを無くしたいとき</span></strong>には、以下のように<strong>intval関数</strong>で年月日情報を数値型に変換すればOKです。</p>



<p class="is-style-balloon_box2 wp-block-paragraph">0埋めを無くしたいときは<strong>intval関数</strong>を使用</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php
if(get_field(&#39;date&#39;)) {

	～　中略　～

	// 月日の出力
	echo intval($month) . &#39;月&#39; . intval($day) . &#39;日&#39;;
				
	～　中略　～
}
?&gt;</code></pre></div>



<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="448" height="226" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-4.png" alt="ACFで年月日を分割して出力した様子（0埋めを無くす）" class="wp-image-6847" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-4.png 448w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/image-4-300x151.png 300w" sizes="(max-width: 448px) 100vw, 448px" /></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">PHPも活用すればACFの出力形式も自由自在</h2>



<p class="wp-block-paragraph">以上が<strong>ACFの「日付選択ツール」の出力形式を自由に調整する方法</strong>でした。</p>



<p class="wp-block-paragraph">WordPressのプラグインは便利ですが、今回お伝えしたように、ほとんどの場合は何かしら機能的な制限があります。</p>



<p class="wp-block-paragraph">そのようなときにPHPの標準的なプログラムを活用することでできることの幅が一気に広がります。</p>



<p class="wp-block-paragraph">今回はその中の一例について解説してみました。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>]]></content:encoded>
					
					<wfw:commentRss>https://kekenta-it-blog.com/acf-date-format-cusom/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【PHP】for文を書くときの考え方｜tableを使った九九表作成</title>
		<link>https://kekenta-it-blog.com/php-for-kuku/</link>
					<comments>https://kekenta-it-blog.com/php-for-kuku/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Wed, 08 May 2024 02:46:40 +0000</pubDate>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Webアプリ]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[for文]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[二重ループ]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=6550</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__php-for-kuku__6550-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>今回はこのようなお悩みをお持ちの方に向けて 九九表作成で学ぶ、for文を書くときの考え方 を解説していきます。 for文はプログラミング初心者の方にとって鬼門のひとつと言われています。 if文までは順調と思っていたのに、 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__php-for-kuku__6550-1024x576.jpg" class="webfeedsFeaturedVisual" /></p><div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" 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>PHPを勉強し始めたけど<strong>for文</strong>でつまずいてる……<br>どう考えてプログラムを組んで良いかイメージできない……</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">今回はこのようなお悩みをお持ちの方に向けて</p>



<p class="has-text-align-center is-style-big_kakko_box wp-block-paragraph"><strong>九九表作成で学ぶ、for文を書くときの考え方</strong></p>



<p class="wp-block-paragraph">を解説していきます。</p>



<div class="swell-block-capbox cap_box is-style-shadow"><div class="cap_box_ttl"><span><span data-icon="LsLightbulb" data-id="0" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMzIgNDYuNUgxNmMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTJoMTZjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyek00MS43IDE1LjlDNDEuMyAxMyA0MCAxMC4zIDM4LjIgOCAzNC41IDMuMiAyOSAuOCAyMy4xIDEgMTQgMS40IDYuNSA4LjkgNiAxOGMtLjMgNiAyLjQgMTEuNyA3LjIgMTUuNC41LjQuOC45LjggMS41djEuNmMwIDIuMiAxLjggNCA0IDRoMTJjMi4yIDAgNC0xLjggNC00VjM1YzAtLjYuMy0xLjIuOS0xLjcgNS4zLTQgOC0xMC42IDYuOC0xNy40em0tNy4xIDEuN2gtLjNjLS43IDAtMS4zLS41LTEuNS0xLjItLjctMy4yLTMuMi01LjctNi40LTYuMy0uOC0uMS0xLjQtLjktMS4yLTEuN3MuOS0xLjQgMS43LTEuMmM0LjQuOCA4IDQuMiA4LjkgOC42LjEuOC0uNCAxLjYtMS4yIDEuOHoiPjwvcGF0aD48L3N2Zz4=)" aria-hidden="true" class="swl-inline-icon"> </span><strong>この記事が向いている方</strong></span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>PHPのfor文の書き方のイメージが掴み切れない方</li>



<li>PHPを学習し始めたばかりの方</li>



<li>PHPで九九表を作成したい方</li>



<li>二重ループを理解したい方</li>
</ul>
</div></div>



<p class="wp-block-paragraph">for文はプログラミング初心者の方にとって<strong>鬼門のひとつ</strong>と言われています。</p>



<p class="wp-block-paragraph">if文までは順調と思っていたのに、for文でつまずいてしまったという方も多いのではないでしょうか。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>この記事をご覧いただくことで、<strong><span class="swl-marker mark_yellow">どんな手順で考えていけばfor文を上手く組むことができるのかが分かります。</span></strong></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="swell-block-postLink">			<a href="https://kekenta-it-blog.com/php-for-pyramid/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【PHP】for文を書くときの考え方をピラミッド作成から学ぶ</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/alone-php-study/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">PHPはこうして習得した！約１年間の勉強内容【プログラミング独学】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/php-deploy-xserver-for-zip/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【PHP】エックスサーバーへデプロイする方法【初心者でも簡単！】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/php-vali-check/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【初心者向け】PHPでエラー？そんなときは変数の中身を確認しよう</span>
			</a>
		</div>

<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2025/03/eye-catch__school-php-and-wp__14099-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://kekenta-it-blog.com/school-php-and-wp/">PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】</a>
						<span class="p-blogCard__excerpt">僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p class="is-style-bg_stripe wp-block-paragraph">PHPのことを体系的に学びたい方にはこちらの書籍がおすすめです。<br>（僕自身が初めてPHPを学ぶとき実際に使用した本です）<br><br><a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E4%B8%8A-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB/dp/4297114682?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=10KC11X6QUTQ1&amp;dib=eyJ2IjoiMSJ9.B5rf2YrX5_d5fXpMOXQhUR7MxXJhqGKLLXx9e1A8ZhWe-xRtboeNTHv5sipbmTU_Y14MVWCDMr53oa-CPC0Uy_FBVzJbcOrNT0LVH9saes2uRYr-m6CtRSHfj2l1yoAhgq28zsbbxHc8FeMIexEdvcjeCjldYwJb91XDl8kTtto_fJ7K5dPvz3bMlUBsLnkK3HfFpG_7trP_oz8py3-Z9_3v4aL3Egv4_Xy3TBHqcj_9R5B00vmbgWGjTN4PrcMdNYh_ZKfwt1Rn9gYGMLvLc0MXNP15dMU4No6kdk4NWvk.XBnzlrl4IPjVm4NGMeHY8fH82jMAFGwsA5YVoyZv3gc&amp;dib_tag=se&amp;keywords=PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80&amp;qid=1718235921&amp;sprefix=php%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80%2Caps%2C179&amp;sr=8-1&amp;linkCode=ll1&amp;tag=kekenta03amaz-22&amp;linkId=133cecc4b49b33b43477b49281582c50&amp;language=ja_JP&amp;ref_=as_li_ss_tl"><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDQgMkgzMGMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDJoOS4yTDI0IDIxLjJjLS44LjgtLjggMiAwIDIuOHMyIC44IDIuOCAwTDQyIDguOFYxOGMwIDEuMS45IDIgMiAyczItLjkgMi0yVjRjMC0xLjEtLjktMi0yLTJ6Ij48L3BhdGg+PHBhdGggZD0iTTQxIDI3Yy0xLjEgMC0yIC45LTIgMnYxMGMwIDEuMS0uOSAyLTIgMkg5Yy0xLjEgMC0yLS45LTItMlYxMWMwLTEuMS45LTIgMi0yaDEwYzEuMSAwIDItLjkgMi0ycy0uOS0yLTItMkg5Yy0zLjMgMC02IDIuNy02IDZ2MjhjMCAzLjMgMi43IDYgNiA2aDI4YzMuMyAwIDYtMi43IDYtNlYyOWMwLTEuMS0uOS0yLTItMnoiPjwvcGF0aD48L3N2Zz4=)" data-icon="LsExternalLink" data-id="61" aria-hidden="true" class="swl-inline-icon"> </span>PHP本格入門[上] ~プログラミングとオブジェクト指向の基礎からデータベース連携まで</a><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMTEuNyAxLjQgNi44IDVjLS41LjQtLjggMS0uOCAxLjZ2MjguN2MwIC44LjUgMS41IDEuMiAxLjhsMjQgMTAuM2MxLjMuNiAyLjgtLjQgMi44LTEuOFYxOWMwLS44LS41LTEuNS0xLjItMS44TDEwLjIgNy41bDIuOS0yLjJjLjktLjYgMi0uOCAzLS40bDIwLjYgOC44Yy43LjMgMS4yIDEgMS4yIDEuOFY0Mi45YzAgLjkgMSAxLjMgMS43LjhsMS43LTEuNWMuNC0uNC43LS45LjctMS41VjEzYzAtLjgtLjUtMS41LTEuMi0xLjhMMTYuNy44Yy0xLjctLjctMy42LS41LTUgLjZ6Ij48L3BhdGg+PC9zdmc+)" data-icon="LsBook" data-id="105" aria-hidden="true" class="swl-inline-icon"> </span><br>大塚 正登／著　技術評論社／出版｜<a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E4%B8%8A-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB/dp/4297114682?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=10KC11X6QUTQ1&amp;dib=eyJ2IjoiMSJ9.B5rf2YrX5_d5fXpMOXQhUR7MxXJhqGKLLXx9e1A8ZhWe-xRtboeNTHv5sipbmTU_Y14MVWCDMr53oa-CPC0Uy_FBVzJbcOrNT0LVH9saes2uRYr-m6CtRSHfj2l1yoAhgq28zsbbxHc8FeMIexEdvcjeCjldYwJb91XDl8kTtto_fJ7K5dPvz3bMlUBsLnkK3HfFpG_7trP_oz8py3-Z9_3v4aL3Egv4_Xy3TBHqcj_9R5B00vmbgWGjTN4PrcMdNYh_ZKfwt1Rn9gYGMLvLc0MXNP15dMU4No6kdk4NWvk.XBnzlrl4IPjVm4NGMeHY8fH82jMAFGwsA5YVoyZv3gc&amp;dib_tag=se&amp;keywords=PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80&amp;qid=1718235921&amp;sprefix=php%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80%2Caps%2C179&amp;sr=8-1&amp;linkCode=ll1&amp;tag=kekenta03amaz-22&amp;linkId=7bc2d4623da0d9ef37e7c0cd41f628f8&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Amazon</a></p>



<h2 class="wp-block-heading">PHPにおけるfor文とは？</h2>



<p class="wp-block-paragraph">実際に解説をする前に、念のため<strong>for文とは何か？</strong>について簡単にお話をします。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2"><div class="cap_box_ttl"><span>for文とは？</span></div><div class="cap_box_content">
<p class="wp-block-paragraph">for文とは、<strong><span class="swl-marker mark_yellow">ある処理を繰り返し行いたいときに用いるPHPの基本構文のひとつ</span></strong>です。<br>似た構文として<strong>while文</strong>があります。</p>
</div></div>



<p class="is-style-balloon_box2 wp-block-paragraph"><strong>具体例</strong></p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-show-lang="1"><code>&lt;?php
    /**
     * 0～9までの数字を繰り返し出力する
     */
    for($i=0; $i&lt;10; $i++){
        echo $i;
    }

    /**
     * for文を使用しないで書こうとすると……
     */
    echo 0;
    echo 1;
    echo 2;
    echo 3;
    echo 4;
    echo 5;
    echo 6;
    echo 7;
    echo 8;
    echo 9;

    // 出力結果はいずれも以下のようになる
    // 0123456789
?&gt;
</code></pre></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>このように、for文を用いることで、<strong><span class="swl-marker mark_yellow">より短いプログラムで処理を組むことが可能</span></strong>です。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-icon_pen wp-block-paragraph">以下の記事ではピラミッド作成を通してfor文を書くときの考え方を解説しています。<br>ご興味のある方はぜひご覧ください。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__php-for-pyramid__6763-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://kekenta-it-blog.com/php-for-pyramid/">【PHP】for文を書くときの考え方をピラミッド作成から学ぶ</a>
						<span class="p-blogCard__excerpt">こんにちは！　ケケンタです。 PHPを勉強し始めると比較的早い段階でfor文（繰り返し文・ループ文）の学習に差し掛かるかと思います。 ただ、このfor文、初学者の方にと&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p class="has-text-align-center wp-block-paragraph"><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGQ9Ik0yMDEuNCAzNzQuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYwYzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDIyNCAzMDYuNyA4Ni42IDE2OS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM2wxNjAgMTYweiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="FasAngleDown" data-id="1" aria-hidden="true" class="swl-inline-icon"> </span></p>



<h2 class="wp-block-heading">九九表作成を通じてfor文書くときの考え方を学ぶ</h2>



<p class="wp-block-paragraph">for文だけに言えることではありませんが、プログラムを組むときには、考え方にちょっとした<strong>コツ</strong>があります。</p>



<p class="wp-block-paragraph">それは、<strong><span class="swl-marker mark_yellow">一気に処理を考えようとするのではなく、課題を分解して小さな処理を書いていき、最終的に大きな処理に組み上げる</span></strong>ということです。</p>



<p class="is-style-icon_pen wp-block-paragraph"><strong>これがプログラミングでは論理的思考が重要といわれるゆえんです。</strong></p>



<p class="wp-block-paragraph">しかしそうは言っても、初心者の方がいきなりこのように処理を書ければ苦労はしません。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" 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>


<p class="wp-block-paragraph">この記事では、<strong>九九表作成を通じて上記のような流れを実際に体験していただける構成</strong>になっています。</p>



<p class="wp-block-paragraph">その中で少しでもプログラミングで処理を組むときの考え方・流れのイメージを掴んでいただければと考えています。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>それでは、以下より実際に九九表を作成しながら、どのようにしてfor文を組んでいけば良いのかを解説していきます。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<p class="has-text-align-center wp-block-paragraph"><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGQ9Ik0yMDEuNCAzNzQuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYwYzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDIyNCAzMDYuNyA4Ni42IDE2OS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM2wxNjAgMTYweiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="FasAngleDown" data-id="1" aria-hidden="true" class="swl-inline-icon"> </span></p>



<h2 class="wp-block-heading">【実践解説】九九表作成</h2>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph">今回作成する九九表の最終的な出力結果</p>



<figure class="wp-block-image size-full"><img decoding="async" width="426" height="361" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku00.png" alt="九九表（完成形）" class="wp-image-6636" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku00.png 426w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku00-300x254.png 300w" sizes="(max-width: 426px) 100vw, 426px" /></figure>



<div class="swell-block-accordion is-style-simple">
<details class="swell-block-accordion__item" data-swl-acc="wrapper"><summary class="swell-block-accordion__title" data-swl-acc="header"><span class="swell-block-accordion__label"><strong>九九表プログラム（完成形）</strong></span><span class="swell-block-accordion__icon c-switchIconBtn" data-swl-acc="icon" aria-hidden="true" data-opened="false"><i class="__icon--closed icon-caret-down"></i><i class="__icon--opened icon-caret-up"></i></span></summary><div class="swell-block-accordion__body" data-swl-acc="body">
<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-show-lang="1"><code>&lt;table class=&quot;kuku-tb&quot;&gt;
    &lt;tr&gt;
        &lt;th&gt; &lt;/th&gt;
        &lt;th&gt;1&lt;/th&gt;
        &lt;th&gt;2&lt;/th&gt;
        &lt;th&gt;3&lt;/th&gt;
        &lt;th&gt;4&lt;/th&gt;
        &lt;th&gt;5&lt;/th&gt;
        &lt;th&gt;6&lt;/th&gt;
        &lt;th&gt;7&lt;/th&gt;
        &lt;th&gt;8&lt;/th&gt;
        &lt;th&gt;9&lt;/th&gt;
    &lt;/tr&gt;
    &lt;?php 
        for($i=1; $i&lt;=9; $i++){
            echo &#39;&lt;tr&gt;&#39;;
            for($j=1; $j&lt;=9; $j++) {
                if($j==1){
                    echo &#39;&lt;th&gt;&#39; . $i . &#39;&lt;/th&gt;&#39;;
                }
                echo &#39;&lt;td&gt;&#39; . $j*$i . &#39;&lt;/td&gt;&#39;;
            }
            echo &#39;&lt;/tr&gt;&#39;;
        }
    ?&gt;
&lt;/table&gt;</code></pre></div>
</div></details>
</div>



<p class="is-style-icon_info wp-block-paragraph">この記事で作成する九九表はCSSで装飾をしています。<br>同じ見た目にしたい方は以下のCSSをコピペしてお使いください。</p>



<div class="swell-block-accordion is-style-simple">
<details class="swell-block-accordion__item" data-swl-acc="wrapper"><summary class="swell-block-accordion__title" data-swl-acc="header"><span class="swell-block-accordion__label"><strong>九九表のCSS</strong></span><span class="swell-block-accordion__icon c-switchIconBtn" data-swl-acc="icon" aria-hidden="true" data-opened="false"><i class="__icon--closed icon-caret-down"></i><i class="__icon--opened icon-caret-up"></i></span></summary><div class="swell-block-accordion__body" data-swl-acc="body">
<div class="hcb_wrap"><pre class="prism line-numbers lang-css" data-lang="CSS" data-show-lang="1"><code>&lt;style&gt;
    .kuku-tb {
        border: 1px solid;
        border-collapse: collapse;
    }
    .kuku-tb th,
    .kuku-tb td {
        padding: 5px;
    }
    .kuku-tb th {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background-color: #bbb;
        width: 30px;
    }
    .kuku-tb tr:first-child th{
        border-bottom: none;
    }
    .kuku-tb tr:first-child th:first-child {
        border-bottom: 1px solid #fff;
    }
    .kuku-tb tr:first-child th:last-child {
        border-right: none;
    }
    .kuku-tb tr:last-child th {
        border-bottom: none;
    }
    .kuku-tb td {
        text-align: center;
    }
    p {
        font-weight: bold;
    }
&lt;/style&gt;</code></pre></div>
</div></details>
</div>



<div class="swell-block-capbox cap_box is-style-shadow"><div class="cap_box_ttl"><span><span data-icon="LsLightbulb" data-id="0" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMzIgNDYuNUgxNmMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTJoMTZjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyek00MS43IDE1LjlDNDEuMyAxMyA0MCAxMC4zIDM4LjIgOCAzNC41IDMuMiAyOSAuOCAyMy4xIDEgMTQgMS40IDYuNSA4LjkgNiAxOGMtLjMgNiAyLjQgMTEuNyA3LjIgMTUuNC41LjQuOC45LjggMS41djEuNmMwIDIuMiAxLjggNCA0IDRoMTJjMi4yIDAgNC0xLjggNC00VjM1YzAtLjYuMy0xLjIuOS0xLjcgNS4zLTQgOC0xMC42IDYuOC0xNy40em0tNy4xIDEuN2gtLjNjLS43IDAtMS4zLS41LTEuNS0xLjItLjctMy4yLTMuMi01LjctNi40LTYuMy0uOC0uMS0xLjQtLjktMS4yLTEuN3MuOS0xLjQgMS43LTEuMmM0LjQuOCA4IDQuMiA4LjkgOC42LjEuOC0uNCAxLjYtMS4yIDEuOHoiPjwvcGF0aD48L3N2Zz4=)" aria-hidden="true" class="swl-inline-icon"> </span><strong>九九表作成の流れ</strong></span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li><a href="#anc-step1">まずはハードコーディング（手打ち）で九九表を作成する</a></li>



<li><a href="#anc-step2">行（trタグ）だけをfor文で作成する</a></li>



<li><a href="#anc-step3">行（trタグ）の中の各列をfor文で作成する＝二重ループの構築</a></li>



<li><a href="#anc-step4">最後に各行（trタグ）の先頭にthタグを付ける＝見出し列の作成</a></li>
</ul>
</div></div>



<p class="has-text-align-center wp-block-paragraph"><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGQ9Ik0yMDEuNCAzNzQuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYwYzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDIyNCAzMDYuNyA4Ni42IDE2OS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM2wxNjAgMTYweiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="FasAngleDown" data-id="1" aria-hidden="true" class="swl-inline-icon"> </span></p>



<h3 class="wp-block-heading" id="anc-step1">STEP１　まずはハードコーディング（手打ち）で九九表を作成する</h3>



<p class="is-style-icon_announce wp-block-paragraph">慣れてくるまでの間は、for文を組むときは出力結果をとりあえず<strong>ハードコーディング（手打ち）</strong>してみるのがポイントです。</p>



<p class="wp-block-paragraph">具体的に書くと以下の通りです。</p>



<p class="wp-block-paragraph">※長くなるため４の段以降は省略します</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-html" data-lang="HTML" data-show-lang="1"><code>// 九九表をハードコーディングする
&lt;table class=&quot;kuku-tb&quot;&gt;
    &lt;tr&gt;
        &lt;th&gt; &lt;/th&gt;
        &lt;th&gt;1&lt;/th&gt;
        &lt;th&gt;2&lt;/th&gt;
        &lt;th&gt;3&lt;/th&gt;
        &lt;th&gt;4&lt;/th&gt;
        &lt;th&gt;5&lt;/th&gt;
        &lt;th&gt;6&lt;/th&gt;
        &lt;th&gt;7&lt;/th&gt;
        &lt;th&gt;8&lt;/th&gt;
        &lt;th&gt;9&lt;/th&gt;
    &lt;/tr&gt;
    &lt;!-- 1の段 --&gt;
    &lt;tr&gt;
        &lt;th&gt;1&lt;/th&gt;
        &lt;td&gt;1&lt;/td&gt;
        &lt;td&gt;2&lt;/td&gt;
        &lt;td&gt;3&lt;/td&gt;
        &lt;td&gt;4&lt;/td&gt;
        &lt;td&gt;5&lt;/td&gt;
        &lt;td&gt;6&lt;/td&gt;
        &lt;td&gt;7&lt;/td&gt;
        &lt;td&gt;8&lt;/td&gt;
        &lt;td&gt;9&lt;/td&gt;
    &lt;/tr&gt;
    &lt;!-- 2の段 --&gt;
    &lt;tr&gt;
        &lt;th&gt;2&lt;/th&gt;
        &lt;td&gt;2&lt;/td&gt;
        &lt;td&gt;4&lt;/td&gt;
        &lt;td&gt;6&lt;/td&gt;
        &lt;td&gt;8&lt;/td&gt;
        &lt;td&gt;10&lt;/td&gt;
        &lt;td&gt;12&lt;/td&gt;
        &lt;td&gt;14&lt;/td&gt;
        &lt;td&gt;16&lt;/td&gt;
        &lt;td&gt;18&lt;/td&gt;
    &lt;/tr&gt;
    &lt;!-- 3の段 --&gt;
    &lt;tr&gt;
        &lt;th&gt;3&lt;/th&gt;
        &lt;td&gt;3&lt;/td&gt;
        &lt;td&gt;6&lt;/td&gt;
        &lt;td&gt;9&lt;/td&gt;
        &lt;td&gt;12&lt;/td&gt;
        &lt;td&gt;15&lt;/td&gt;
        &lt;td&gt;18&lt;/td&gt;
        &lt;td&gt;21&lt;/td&gt;
        &lt;td&gt;24&lt;/td&gt;
        &lt;td&gt;27&lt;/td&gt;
    &lt;/tr&gt;

    &lt;!-- 4の段以降はいったん省略 --&gt;

&lt;/table&gt;</code></pre></div>



<p class="has-text-align-center is-style-balloon_box wp-block-paragraph"><strong>出力結果</strong></p>



<figure class="wp-block-image size-full is-style-default"><img decoding="async" width="445" height="206" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku01.jpg" alt="九九表（ハードコーディング）" class="wp-image-6632" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku01.jpg 445w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku01-300x139.jpg 300w" sizes="(max-width: 445px) 100vw, 445px" /></figure>



<p class="is-style-big_icon_point wp-block-paragraph">最初にハードコーディングをする目的は、こうすることで<strong><span class="swl-marker mark_yellow">どの部分が繰り返し処理に置き換えられるかが視覚的にイメージしやすくなるため</span></strong>です。<br><br>例えば今回の九九表では、trタグやその中のthタグ、tdタグの部分が繰り返されており、「ここをfor文で書き換えられそうだな」とあたりが付けやすくなります。<br><br>これにより、頭のリソースに余裕が生まれ、処理をイメージしやすくなります。</p>



<p class="has-text-align-center wp-block-paragraph"><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGQ9Ik0yMDEuNCAzNzQuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYwYzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDIyNCAzMDYuNyA4Ni42IDE2OS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM2wxNjAgMTYweiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="FasAngleDown" data-id="1" aria-hidden="true" class="swl-inline-icon"> </span></p>



<h3 class="wp-block-heading" id="anc-step2">STEP２　行（trタグ）だけをfor文で作成する</h3>



<p class="wp-block-paragraph">次も一気に処理を書くのではなく、まずは<strong>大枠である行（trタグ）の部分</strong>をfor文に置き換えてみます。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-show-lang="1"><code>&lt;table class=&quot;kuku-tb&quot;&gt;
    &lt;tr&gt;
        &lt;th&gt; &lt;/th&gt;
        &lt;th&gt;1&lt;/th&gt;
        &lt;th&gt;2&lt;/th&gt;
        &lt;th&gt;3&lt;/th&gt;
        &lt;th&gt;4&lt;/th&gt;
        &lt;th&gt;5&lt;/th&gt;
        &lt;th&gt;6&lt;/th&gt;
        &lt;th&gt;7&lt;/th&gt;
        &lt;th&gt;8&lt;/th&gt;
        &lt;th&gt;9&lt;/th&gt;
    &lt;/tr&gt;
    &lt;?php 
        // １～９の段までのtrをとりあえずループで出力
        for($i=1; $i&lt;=9; $i++){
            echo &#39;&lt;tr&gt;&#39;;
            echo &#39;&lt;td&gt;&#39; . $i . &#39;&lt;/td&gt;&#39;;
            echo &#39;&lt;/tr&gt;&#39;;
        }
    ?&gt;
&lt;/table&gt;</code></pre></div>



<p class="has-text-align-center is-style-balloon_box wp-block-paragraph"><strong>出力結果</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="436" height="393" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku02.jpg" alt="九九表（trタグのみ出力）" class="wp-image-6633" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku02.jpg 436w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku02-300x270.jpg 300w" sizes="(max-width: 436px) 100vw, 436px" /></figure>



<p class="is-style-big_icon_point wp-block-paragraph">この段階では明らかに求めている結果とは違う出力になっていますが、<strong><span class="swl-marker mark_yellow">行（trタグ）をfor文で出力できたという点</span></strong>に着目してみましょう。<br>このあとさらに足りない部分を追加して処理を補っていきます。</p>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<p class="has-text-align-center wp-block-paragraph"><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGQ9Ik0yMDEuNCAzNzQuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYwYzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDIyNCAzMDYuNyA4Ni42IDE2OS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM2wxNjAgMTYweiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="FasAngleDown" data-id="1" aria-hidden="true" class="swl-inline-icon"> </span></p>



<h3 class="wp-block-heading" id="anc-step3">STEP３　行（trタグ）の中の各列をfor文で作成する＝二重ループの構築</h3>



<p class="wp-block-paragraph">次に、②で出力した行（trタグ）の中に<strong>各列の値＝九九の計算結果</strong>を出力するようにプログラムを追記・修正していきます。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-show-lang="1"><code>&lt;table class=&quot;kuku-tb&quot;&gt;
    &lt;tr&gt;
        &lt;th&gt; &lt;/th&gt;
        &lt;th&gt;1&lt;/th&gt;
        &lt;th&gt;2&lt;/th&gt;
        &lt;th&gt;3&lt;/th&gt;
        &lt;th&gt;4&lt;/th&gt;
        &lt;th&gt;5&lt;/th&gt;
        &lt;th&gt;6&lt;/th&gt;
        &lt;th&gt;7&lt;/th&gt;
        &lt;th&gt;8&lt;/th&gt;
        &lt;th&gt;9&lt;/th&gt;
    &lt;/tr&gt;
    &lt;?php 
        for($i=1; $i&lt;=9; $i++){
            echo &#39;&lt;tr&gt;&#39;;
            // ***** この部分を追記・修正 *****
            /**
             * i行目のj列目を計算
             */
            for($j=1; $j&lt;=9; $j++) {
                echo &#39;&lt;td&gt;&#39; . $i * $j . &#39;&lt;/td&gt;&#39;;
            }
            // ******************************
            echo &#39;&lt;/tr&gt;&#39;;
        }
    ?&gt;
&lt;/table&gt;
</code></pre></div>



<p class="has-text-align-center is-style-balloon_box wp-block-paragraph"><strong>出力結果</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="486" height="395" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku03.jpg" alt="九九表（左端見出し列抜け）" class="wp-image-6634" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku03.jpg 486w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku03-300x244.jpg 300w" sizes="(max-width: 486px) 100vw, 486px" /></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<p class="wp-block-paragraph">この段階ではfor文内にさらにfor文を組み込む<strong>二重ループ</strong>になっているため、もしかしたらイメージが湧かないという方も多いかもしれません。</p>



<p class="wp-block-paragraph">ここで行っていることは、以下のような単純な計算です。</p>



<p class="is-style-bg_stripe wp-block-paragraph">【iの段（i行目）】i×j列目<br>————————————<br>【1の段（1行目）】1×1=1、1×2＝2、1×3＝3、1×4＝4……<br>【2の段（2行目）】2×1=2、2×2＝4、2×3＝6、2×4＝8……</p>



<p class="has-text-align-center wp-block-paragraph"><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGQ9Ik0yMDEuNCAzNzQuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYwYzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDIyNCAzMDYuNyA4Ni42IDE2OS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM2wxNjAgMTYweiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="FasAngleDown" data-id="1" aria-hidden="true" class="swl-inline-icon"> </span></p>



<h3 class="wp-block-heading" id="anc-step4">STEP４　最後に各行（trタグ）の先頭にthタグを付ける＝見出し列の作成</h3>



<p class="wp-block-paragraph">最後に、各行（trタグ）の先頭のthタグが抜けており九九表全体が左に１マスずれてしまっているため、<strong><span class="swl-marker mark_yellow">各行の先頭列にのみthタグを出力するように修正</span></strong>します。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-show-lang="1"><code>&lt;table class=&quot;kuku-tb&quot;&gt;
    &lt;tr&gt;
        &lt;th&gt; &lt;/th&gt;
        &lt;th&gt;1&lt;/th&gt;
        &lt;th&gt;2&lt;/th&gt;
        &lt;th&gt;3&lt;/th&gt;
        &lt;th&gt;4&lt;/th&gt;
        &lt;th&gt;5&lt;/th&gt;
        &lt;th&gt;6&lt;/th&gt;
        &lt;th&gt;7&lt;/th&gt;
        &lt;th&gt;8&lt;/th&gt;
        &lt;th&gt;9&lt;/th&gt;
    &lt;/tr&gt;
    &lt;?php 
        for($i=1; $i&lt;=9; $i++){
            echo &#39;&lt;tr&gt;&#39;;
            for($j=1; $j&lt;=9; $j++) {
                // ***** ここを追加 *****
                /**
                 * 各行の先頭列にのみthタグを出力
                 */
                if($j==1){
                    echo &#39;&lt;th&gt;&#39; . $i . &#39;&lt;/th&gt;&#39;;
                }
                // *********************
                echo &#39;&lt;td&gt;&#39; . $j*$i . &#39;&lt;/td&gt;&#39;;
            }
            echo &#39;&lt;/tr&gt;&#39;;
        }
    ?&gt;
&lt;/table&gt;</code></pre></div>



<p class="has-text-align-center is-style-balloon_box wp-block-paragraph"><strong>出力結果</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="493" height="399" src="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku04.jpg" alt="九九表（完成形）" class="wp-image-6635" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku04.jpg 493w, https://kekenta-it-blog.com/wp-content/uploads/2024/05/php-for-kuku04-300x243.jpg 300w" sizes="(max-width: 493px) 100vw, 493px" /></figure>



<p class="is-style-big_icon_point wp-block-paragraph"><strong><span class="swl-marker mark_yellow">各行の先頭列＝$jが1のときにだけthタグを出力</span></strong>しています。<br>これにより、左端の見出し列もfor文で出力され、九九表が完成形になりました。</p>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">for文を書くときはまずハードコーディングしてみる</h2>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>以上がPHPでfor文を使用して九九表を作成する考え方・流れでした。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">今回のfor文を使用した九九表作成では</p>



<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>まずハードコーディング（手打ち）で最終的な出力結果を形にしてしまい</li>



<li>その上で「では目の前の処理の内、どの部分をfor文に置き換えられるか」</li>
</ul>



<p class="wp-block-paragraph">という流れで処理を組んでいきました。</p>



<p class="wp-block-paragraph">そして、足りない部分を少しずつ補う形で最終形を組み立てました。</p>



<p class="wp-block-paragraph">for文を書く上での最も重要なポイントは</p>



<p class="is-style-bg_stripe wp-block-paragraph"><strong><span class="swl-marker mark_yellow">for文を書くときはいったんハードコーディングしてしまうこと</span></strong></p>



<p class="wp-block-paragraph">です。</p>



<p class="wp-block-paragraph">そうすれば、<strong>処理全体の中でどこが繰り返されているのかが視覚化され、結果的に頭のリソースに余裕が生まれ処理を考えやすくなります。</strong></p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>for文は初心者の方にとっての鬼門です。<br>僕も使いこなせるようになるまで苦労しました。<br>しかし、練習を続けることで<strong>必ず習得することが可能</strong>です。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-icon_pen wp-block-paragraph">この記事では敢えて<strong>テーブルの行見出し（thタグだけで構成されているtrタグの部分）</strong>はfor文に置き換えませんでした。<br>練習として、「この部分をfor文に置き換えると…？」をお試しいただくのも良い練習になるかと思います。</p>



<p class="has-text-align-center wp-block-paragraph"><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGQ9Ik0yMDEuNCAzNzQuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYwYzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDIyNCAzMDYuNyA4Ni42IDE2OS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM2wxNjAgMTYweiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="FasAngleDown" data-id="1" aria-hidden="true" class="swl-inline-icon"> </span></p>



<p class="wp-block-paragraph">また、以下のページでは<strong>for文の練習問題</strong>もご用意していますので、ご興味があればぜひ覗いてみて下さい。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2024/04/eye-catch__page-loop__3424-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://kekenta-it-blog.com/page-loop/">【PHP練習問題】ループ文（for・foreach）【初心者向け】</a>
						<span class="p-blogCard__excerpt">練習問題TOPはこちらです。 for文の解説記事を公開しました。 ループ文とは？ ループ文は繰り返し文とも呼ばれ、特定処理を繰り返して実行したい際に用いられます。 条&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p class="wp-block-paragraph">それでは最後までご覧いただきありがとうございました。</p>



<p class="wp-block-paragraph">また別の記事でお会いできれば光栄です。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2024/05/eye-catch__php-for-pyramid__6763-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://kekenta-it-blog.com/php-for-pyramid/">【PHP】for文を書くときの考え方をピラミッド作成から学ぶ</a>
						<span class="p-blogCard__excerpt">こんにちは！　ケケンタです。 PHPを勉強し始めると比較的早い段階でfor文（繰り返し文・ループ文）の学習に差し掛かるかと思います。 ただ、このfor文、初学者の方にと&#8230;</span>					</div>
				</div>
			</div>
		</div>

<div id="rinkerid3653" class="yyi-rinker-contents  yyi-rinker-postid-3653 yyi-rinker-img-m yyi-rinker-catid-5 yyi-rinker-catid-72 ">
	<div class="yyi-rinker-box">
		<div class="yyi-rinker-image">
							<a href="https://hb.afl.rakuten.co.jp/hgc/g00q072g.bdzz22a5.g00q072g.bdzz326e/Rinker_i_20240325050010?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16371381%2F&#038;m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F20055321%2F&#038;rafcid=wsc_i_is_1047822029026699702" rel="nofollow" class="yyi-rinker-tracking"  data-click-tracking="rakuten_img 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]" data-vars-click-id="rakuten_img 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4688/9784297114688.jpg?_ex=128x128"  width="128" height="128" class="yyi-rinker-main-img" style="border: none;"></a>					</div>
		<div class="yyi-rinker-info">
			<div class="yyi-rinker-title">
									<a href="https://hb.afl.rakuten.co.jp/hgc/g00q072g.bdzz22a5.g00q072g.bdzz326e/Rinker_t_20240325050010?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16371381%2F&#038;m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F20055321%2F&#038;rafcid=wsc_i_is_1047822029026699702" rel="nofollow" class="yyi-rinker-tracking" data-click-tracking="rakuten_title 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]" data-vars-amp-click-id="rakuten_title 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]" >PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]</a>							</div>
			<div class="yyi-rinker-detail">
							<div class="credit-box">created by&nbsp;<a href="https://oyakosodate.com/rinker/" rel="nofollow noopener" target="_blank" >Rinker</a></div>
										<div class="price-box">
							<span title="" class="price">¥3,938</span>
															<span class="price_at">(2026/05/27 16:32:35時点&nbsp;楽天市場調べ-</span><span title="このサイトで掲載されている情報は当サイトの作成者により運営されています。価格、販売可能情報は、変更される場合があります。購入時に楽天市場店舗（www.rakuten.co.jp）に表示されている価格がその商品の販売に適用されます。">詳細)</span>
																	</div>
						</div>
						<ul class="yyi-rinker-links">
																	<li class="amazonkindlelink">
						<a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80%EF%BC%BB%E4%B8%8A%EF%BC%BD-%EF%BD%9E%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB-ebook/dp/B08DXRK18C?_encoding=UTF8&amp;dib_tag=se&amp;dib=eyJ2IjoiMSJ9.74YDItYNn-AHro6XQ1cSslRSHUvp_S8S4MVJtvnW_XswliMGieYQktGbaTJY9E-Qpy3y3roMKB8M-zKI3K7otpqjDxkuoq7ncq-6mLf3BEkcNW05BAHDZZ17WZueAniDY7peSrmp4Ji0L0BkXOaJIBbpqa628I6bjQBED1FQ9V7BJqUJVUUxz6ns2GIHnoSItDTgCRaIpNi9fMcBrt3jqZr1qNJxCmBn8-xPR9N3usFpENEEChvMwvGdHoHu1hjsq6g9GvJDwPPBTwhQvDgXG2KZQ5CBlEx_wQjQy06hFcw.xxCKw6aGhA397JIEATXvL3RNC7D4_k4avRIYczzkjHw&amp;qid=1723712413&amp;sr=8-6&amp;linkCode=ll1&amp;tag=kekenta03am0b-22&amp;linkId=8de435cc399443bbfb43b9e7b8e0c9f1&amp;language=ja_JP&amp;ref_=as_li_ss_tl" rel="nofollow" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="amazon_kindle 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"  data-vars-amp-click-id="amazon_kindle 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]">Kindle</a>					</li>
								                    <li class="amazonlink">
						<a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E4%B8%8A-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB/dp/4297114682?dib=eyJ2IjoiMSJ9.74YDItYNn-AHro6XQ1cSslRSHUvp_S8S4MVJtvnW_XswliMGieYQktGbaTJY9E-Qpy3y3roMKB8M-zKI3K7otpqjDxkuoq7ncq-6mLf3BEkcNW05BAHDZZ17WZueAniDY7peSrmp4Ji0L0BkXOaJIBbpqa628I6bjQBED1FQ9V7BJqUJVUUxz6ns2GIHnoSItDTgCRaIpNi9fMcBrt3jqZr1qNJxCmBn8-xPR9N3usFpENEEChvMwvGdHoHu1hjsq6g9GvJDwPPBTwhQvDgXG2KZQ5CBlEx_wQjQy06hFcw.xxCKw6aGhA397JIEATXvL3RNC7D4_k4avRIYczzkjHw&amp;dib_tag=se&amp;keywords=PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80&amp;qid=1723712413&amp;sr=8-6&amp;linkCode=ll1&amp;tag=kekenta03am0b-22&amp;linkId=16a4b7edeeedcc86aef9f0b8c45cc669&amp;language=ja_JP&amp;ref_=as_li_ss_tl" rel="nofollow" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="amazon 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"  data-vars-amp-click-id="amazon 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]">Amazon</a>					</li>
													<li class="rakutenlink">
						<a href="https://hb.afl.rakuten.co.jp/hgc/g00q072g.bdzz22a5.g00q072g.bdzz326e/Rinker_t_20240325050010?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16371381%2F&amp;m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F20055321%2F&amp;rafcid=wsc_i_is_1047822029026699702" rel="nofollow" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="rakuten 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"  data-vars-amp-click-id="rakuten 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]">楽天市場</a>					</li>
								                											</ul>
					</div>
	</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://kekenta-it-blog.com/php-for-kuku/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【WordPress】テンプレートファイル名を任意の名前にする方法</title>
		<link>https://kekenta-it-blog.com/wp-set-tmp-name/</link>
					<comments>https://kekenta-it-blog.com/wp-set-tmp-name/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Thu, 25 Apr 2024 06:09:11 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web制作]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=6012</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/04/eye-catch__wp-set-tmp-name__6012-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>この記事では WordPressのテンプレートファイルに任意の名前を付ける方法 をご紹介します。 WordPressのテンプレートファイルについて WordPressの固定ページや投稿ページには、予めファイルの命名規則が [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/04/eye-catch__wp-set-tmp-name__6012-1024x576.jpg" class="webfeedsFeaturedVisual" /></p><div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<p class="wp-block-paragraph">この記事では</p>



<p class="has-text-align-center is-style-big_kakko_box wp-block-paragraph"><strong><span class="swl-marker mark_yellow">WordPressの<span class="swl-inline-color has-swl-deep-02-color">テンプレートファイル</span>に任意の名前を付ける方法</span></strong></p>



<p class="wp-block-paragraph">をご紹介します。</p>


<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-subloop-wq/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-edit-functions/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】functions.phpを編集する「３つ」の方法と編集時の注意点</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-how-to-load-js/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】JavaScriptはどこに書けばいい？「３つの方法」を解説</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/change-to-swell/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">無料テーマCocoonからSWELLに乗り換えた７つの理由【WordPress】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2025/03/eye-catch__school-php-and-wp__14099-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://kekenta-it-blog.com/school-php-and-wp/">PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】</a>
						<span class="p-blogCard__excerpt">僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">WordPressのテンプレートファイルについて</h2>



<p class="wp-block-paragraph">WordPressの固定ページや投稿ページには、予めファイルの<strong>命名規則</strong>が定められています。</p>



<p class="wp-block-paragraph">例えば次のようなものです。</p>



<figure class="wp-block-table"><table><thead><tr><th>ページ種別</th><th>テンプレートファイル名</th></tr></thead><tbody style="--tbody-th-color--bg:var(--color_gray);--tbody-th-color--txt:var(--swl-text_color--black)"><tr><th>トップページ</th><td>home.php、front-page.php</td></tr><tr><th>固定ページ</th><td>page.php、page-スラッグ.php</td></tr><tr><th>投稿ページ</th><td>single-page.php、single-スラッグ.php</td></tr><tr><th>アーカイブページ</th><td>archive.php</td></tr></tbody></table><figcaption class="wp-element-caption">WordPressのページごとのテンプレートファイル名</figcaption></figure>



<p class="wp-block-paragraph">このように、WordPressでは</p>



<p class="wp-block-paragraph">「このページを表示するときはこの名前のファイルを出力する」</p>



<p class="wp-block-paragraph">といったルールが定められています。</p>



<p class="wp-block-paragraph">このルールに従った場合、例えば<strong>固定ページのファイル名</strong>はすべて</p>



<p class="is-style-bg_stripe wp-block-paragraph"><strong>page-○○○.php</strong></p>



<p class="wp-block-paragraph">という形式になります。</p>



<p class="wp-block-paragraph">これはこれで統一感があり、またディレクトリ内でもファイルが名前順に整理されるため大きな問題は無いのですが、お仕事の案件などによっては<strong><span class="swl-marker mark_yellow">「任意のテンプレートファイル名」を設定したい場面</span></strong>が出てきます。</p>



<p class="wp-block-paragraph">今回ご紹介するのはそんなときに役立つ、<strong>とても簡単でシンプルな方法</strong>です。</p>



<h2 class="wp-block-heading">WordPressで任意のテンプレートファイル名を設定する方法</h2>



<p class="wp-block-paragraph">例えば</p>



<p class="is-style-bg_stripe wp-block-paragraph">kekenta.php</p>



<p class="wp-block-paragraph">というテンプレートファイルを使用したいとします。</p>



<p class="wp-block-paragraph">そんなときは</p>



<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>kekenta.phpを作成し</li>



<li>kekenta.phpの先頭に以下のコードを記述します</li>
</ul>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP"><code>&lt;?php
/*
Template Name: 好きなテンプレート名
*/
?&gt;</code></pre></div>



<p class="wp-block-paragraph">すると、固定ページのサイドメニューにある「テンプレート」に<strong>好きなテンプレート名</strong>というテンプレート名が表示されます。</p>



<p class="is-style-icon_announce wp-block-paragraph">「<strong>好きなテンプレート名</strong>」の部分には文字通り好きな名前のテンプレート名を付けられます。<br>※日本語も可能</p>



<p class="has-text-align-center is-style-balloon_box2 wp-block-paragraph"><strong>好きなテンプレート名</strong>として「Kekenta Temp」を記述したときの例</p>



<figure class="wp-block-image size-full is-resized is-style-border"><img decoding="async" width="345" height="571" src="https://kekenta-it-blog.com/wp-content/uploads/2024/04/wp-set-tmp-name.png" alt="固定ページの「テンプレート名」に任意のテンプレート名が表示されている様子" class="wp-image-6025" style="width:230px;height:auto" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/04/wp-set-tmp-name.png 345w, https://kekenta-it-blog.com/wp-content/uploads/2024/04/wp-set-tmp-name-181x300.png 181w" sizes="(max-width: 345px) 100vw, 345px" /><figcaption class="wp-element-caption">固定ページの「テンプレート名」に任意のテンプレート名が表示されている様子</figcaption></figure>



<p class="wp-block-paragraph">上記の「テンプレート」で「Kekenta Temp」を選択すると、<strong><span class="swl-marker mark_yellow">この固定ページが表示される際に、テンプレートファイルとしてkekenta.phpが呼び出されるようになります。</span></strong></p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>以上がWordPressでテンプレートファイル名を任意のものに設定する方法です！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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



<p class="wp-block-paragraph">今回の方法を使用すれば任意の名前でテンプレートファイルを管理することが可能になります。</p>



<p class="wp-block-paragraph">デフォルトの命名規則（テンプレート階層による呼び出しルール）で問題無ければ特別使用することも無いかと思いますが、案件などによっては任意のテンプレートファイル名での管理が必要になることもあるかと思います。</p>



<p class="wp-block-paragraph">今回はそんなときに役立つ方法をご紹介させていただきました。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>最後までご覧いただきありがとうございました！<br>この記事がお役に立ったなら何よりです。</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://kekenta-it-blog.com/wp-set-tmp-name/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Web制作を10万円以下で学べるオンライン型プログラミングスクール｜忍者CODE</title>
		<link>https://kekenta-it-blog.com/school-nc-alo/</link>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Sat, 30 Mar 2024 21:45:34 +0000</pubDate>
				<category><![CDATA[ノウハウ]]></category>
		<category><![CDATA[プログラミングスクール]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=3660</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/eye-catch__school-nc-al__3660-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>こうした悩みをお持ちの方に向けて、この記事では10万円以下でWeb制作を学ぶことが可能なオンライン型プログラミングスクール「忍者CODE」についてご紹介します。 と思われた方もいらっしゃるかもしれません。 忍者CODEの [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/eye-catch__school-nc-al__3660-1024x576.jpg" class="webfeedsFeaturedVisual" /></p><div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" 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>Web制作を仕事にしたいけど、プログラミングスクールに通うには費用がかかりすぎる……<br>けど、独学だと相談相手もいないから、挫折しないか心配……</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">こうした悩みをお持ちの方に向けて、この記事では<strong>10万円以下でWeb制作を学ぶことが可能</strong>な<span class="bold-green">オンライン型プログラミングスクール</span>「<strong><a href="//af.moshimo.com/af/c/click?a_id=4462422&amp;p_id=5816&amp;pc_id=16120&amp;pl_id=74540">忍者CODE</a><img decoding="async" width="1" height="1" src="//i.moshimo.com/af/i/impression?a_id=4462422&amp;p_id=5816&amp;pc_id=16120&amp;pl_id=74540"></strong>」についてご紹介します。</p>



<div class="swell-block-capbox cap_box is-style-shadow" data-colset="col1"><div class="cap_box_ttl"><span><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMzIgNDYuNUgxNmMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTJoMTZjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyek00MS43IDE1LjlDNDEuMyAxMyA0MCAxMC4zIDM4LjIgOCAzNC41IDMuMiAyOSAuOCAyMy4xIDEgMTQgMS40IDYuNSA4LjkgNiAxOGMtLjMgNiAyLjQgMTEuNyA3LjIgMTUuNC41LjQuOC45LjggMS41djEuNmMwIDIuMiAxLjggNCA0IDRoMTJjMi4yIDAgNC0xLjggNC00VjM1YzAtLjYuMy0xLjIuOS0xLjcgNS4zLTQgOC0xMC42IDYuOC0xNy40em0tNy4xIDEuN2gtLjNjLS43IDAtMS4zLS41LTEuNS0xLjItLjctMy4yLTMuMi01LjctNi40LTYuMy0uOC0uMS0xLjQtLjktMS4yLTEuN3MuOS0xLjQgMS43LTEuMmM0LjQuOCA4IDQuMiA4LjkgOC42LjEuOC0uNCAxLjYtMS4yIDEuOHoiPjwvcGF0aD48L3N2Zz4=)" data-icon="LsLightbulb" data-id="0" aria-hidden="true" class="swl-inline-icon"> </span><strong>忍者CODEとは？</strong></span></div><div class="cap_box_content">
<p class="wp-block-paragraph">プログラミングの仕事に関心があり、<strong>転職</strong>や<strong>副業</strong>、あるいは<strong>とにかくプログラミングを学んでみたい</strong>という方に向いているプログラミングスクールです。<br><br>無料体験プランもあるため、まずは<strong>手軽に試すことも可能</strong>。<br><br>今回はいくつかあるコース・プランの中でも、特にWeb制作を学習でき、低価格帯でありながらもチャットサポートも付いていて、さらに課題制作カリキュラムも取り入れられている<strong>Web制作コース独学プラン</strong>についてご紹介をします。</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" 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>


<p class="wp-block-paragraph">と思われた方もいらっしゃるかもしれません。</p>



<p class="wp-block-paragraph">忍者CODEの<span class="bold-blue">Web制作独学プラン</span>では<strong>24時間利用可能なチャットサポート</strong>が付いており、独学であるあるな「分からないところがあって挫折してしまう」という最悪の状況を回避することが可能です。</p>



<p class="wp-block-paragraph">さらに、「独学プラン」と言いつつも、学習カリキュラムもしっかり用意されており、最後には実践的な<span class="bold-green">課題制作</span>にも取り組みます。</p>



<p class="wp-block-paragraph">ここで制作した成果物は、最終的に自身のポートフォリオとして掲載可能なため、その後の<strong><span class="marker-under">転職や副業、フリーランスとしての活動へそのまま活用することが可能</span></strong>です。</p>



<p class="wp-block-paragraph">これが本当の意味での独学と大きく異なるポイントで、<strong>忍者CODE</strong>を利用する大きなメリットになります。</p>



<div class="swell-block-button -html green_ is-style-btn_shiny" data-id="e5dd4dbd"><a href="//af.moshimo.com/af/c/click?a_id=4462422&amp;p_id=5816&amp;pc_id=16120&amp;pl_id=74540" rel="nofollow" referrerpolicy="no-referrer-when-downgrade">忍者CODEの無料体験を利用する</a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=4462422&amp;p_id=5816&amp;pc_id=16120&amp;pl_id=74540" width="1" height="1" style="border:none;"></div>



<a href="//af.moshimo.com/af/c/click?a_id=4462422&#038;p_id=5816&#038;pc_id=16120&#038;pl_id=74562" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img decoding="async" src="//image.moshimo.com/af-img/5518/000000074562.png" width="350" height="240" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=4462422&#038;p_id=5816&#038;pc_id=16120&#038;pl_id=74562" width="1" height="1" style="border:none;">



<h2 class="wp-block-heading">Web制作をプログラミングスクールで学ぶべき理由</h2>



<p class="wp-block-paragraph">そもそもとして、Web制作をプログラミングスクールで学ぶべきなのか、というところで悩まれている方も多いのではないかと思います。</p>



<p class="wp-block-paragraph">独学でも、確かにWeb制作のスキルを習得することは可能です。</p>



<p class="wp-block-paragraph">しかし、実践的なスキルとなると話は別で、独学ではどうしても</p>



<p class="is-style-big_icon_batsu wp-block-paragraph"><strong><span class="marker-under">実務レベルに到達するまでに時間がかかってしまう</span></strong></p>



<p class="wp-block-paragraph">という問題があります。</p>



<p class="wp-block-paragraph">また、独学ではわからないことがあっても自力で問題解決するしかありません。</p>



<p class="wp-block-paragraph">これが独学でWeb制作を学ぶ上でのデメリットで、人によってはわからないことが積み重なり、やがて挫折してしまうという結果に終わってしまうこともあります。</p>



<p class="wp-block-paragraph">特に、<strong><span class="marker-under">Web制作のスキルとして必ず習得したいWordPress</span></strong>については、ひとりで学習していると習得を断念してしまう人がいるほど、HTML/CSSと比べて<strong>学習難易度</strong>が上がります。</p>



<p class="wp-block-paragraph">その理由は、<strong>PHP</strong>というプログラミング言語の知識も必要になるためです。</p>



<p class="wp-block-paragraph">WordPressテーマを使用すれば簡単にサイトを立ち上げることは可能です。</p>



<p class="wp-block-paragraph">しかし、実務では既存テーマを使用することは比較的少なく、オリジナルテーマ（自分でテーマの中身を作成する）の制作知識が不可欠になってきます。</p>



<p class="wp-block-paragraph">その際、どうしても<strong><span class="marker-under">PHPの知識も不可欠になってくる</span></strong>のです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>プログラミングスクールを利用することで不明点をいつでも質問することができるため<strong>挫折する確率が大幅に下がります。</strong><br><br>また、プログラミングスクールならではの構成がしっかりとしたカリキュラムが用意されているため、<strong>学習期間も独学と比較して短く済む</strong>というのが大きなメリットです。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">Web制作を10万円以下で学べるプログラミングスクール</h2>



<p class="wp-block-paragraph">とは言え、<strong>プログラミングスクールは費用が高く、利用しづらい</strong>という問題があります。</p>



<p class="wp-block-paragraph">その一方、やはりひとりで学習するのはハードルがあり、<strong>誰かに相談しながら学習を進めたい</strong>という気持ちもあるのではないでしょうか。</p>



<p class="is-style-border-left-box has-box-style wp-block-paragraph">そこでぜひオススメしたいのが、冒頭でもお伝えした<strong><span class="bold-green">忍者CODE</span>の<span class="bold-blue"><span class="swl-inline-color has-swl-deep-02-color">Web制作コース独学プラン</span></span></strong>です。</p>



<p class="wp-block-paragraph">忍者CODEのWeb制作コース独学プランには次のような特徴があります。</p>



<div class="swell-block-capbox cap_box is-style-shadow"><div class="cap_box_ttl"><span><span data-icon="LsLightbulb" data-id="0" style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMzIgNDYuNUgxNmMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTJoMTZjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyek00MS43IDE1LjlDNDEuMyAxMyA0MCAxMC4zIDM4LjIgOCAzNC41IDMuMiAyOSAuOCAyMy4xIDEgMTQgMS40IDYuNSA4LjkgNiAxOGMtLjMgNiAyLjQgMTEuNyA3LjIgMTUuNC41LjQuOC45LjggMS41djEuNmMwIDIuMiAxLjggNCA0IDRoMTJjMi4yIDAgNC0xLjggNC00VjM1YzAtLjYuMy0xLjIuOS0xLjcgNS4zLTQgOC0xMC42IDYuOC0xNy40em0tNy4xIDEuN2gtLjNjLS43IDAtMS4zLS41LTEuNS0xLjItLjctMy4yLTMuMi01LjctNi40LTYuMy0uOC0uMS0xLjQtLjktMS4yLTEuN3MuOS0xLjQgMS43LTEuMmM0LjQuOCA4IDQuMiA4LjkgOC42LjEuOC0uNCAxLjYtMS4yIDEuOHoiPjwvcGF0aD48L3N2Zz4=)" aria-hidden="true" class="swl-inline-icon"> </span><strong>忍者CODEのWeb制作コース独学プランの特徴</strong></span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>約10万円を１回払ってしまえば、<strong>半永久的にコンテンツが利用可能</strong></li>



<li>受講終了後も利用可能な<strong><strong>24時間のチャットサポート付き</strong></strong></li>



<li><strong>受講期限が無制限</strong>（平均２～３ヶ月で修了）</li>



<li>制作課題があり、制作物は<strong>ポートフォリオとして利用可能</strong></li>



<li><strong>オンライン</strong>で受講可能</li>
</ul>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>


<h3 class="wp-block-heading">忍者CODEの特徴①　１回払ってしまえ半永久的にコンテンツが利用可能</h3>



<p class="wp-block-paragraph">忍者CODEのWeb制作コース独学プランの<strong>費用</strong>は<strong>98,000円</strong>です。</p>



<p class="wp-block-paragraph">他スクールでは30万円以上する場合もありますが、忍者CODEではスクール費用の負担を可能な限り減らすために、業界最安値であるこの価格帯を実現しています。</p>



<p class="wp-block-paragraph">また、独学プランでは<strong>400本以上の動画コンテンツ</strong>が用意されており、一回払ってしまえばそれらが<strong><span class="marker-under"><span class="swl-marker mark_yellow">無期限で利用可能</span></span></strong>です。</p>



<p class="wp-block-paragraph">そのため</p>



<p class="is-style-icon_good wp-block-paragraph">「いつまでにやらなきゃ……」というプレッシャーに駆られる心配もありません。</p>



<p class="wp-block-paragraph">そして、<strong>98,000円</strong>という費用ですが、こちらはプログラミングスクール修了後に実際に副業やフリーランスとして仕事をし始めればすぐに回収可能な金額です。</p>



<p class="wp-block-paragraph">その理由は、<strong><span class="marker-under"><span class="swl-marker mark_yellow">Web制作には10万円前後以上の案件が多く存在するため</span></span></strong>です。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>僕自身、フリーランスとしてWeb制作のお仕事をさせていただいており、本格的に案件を取り始めて２カ月目に差し掛かる頃、10万円ほどのWordPress制作のお仕事を依頼していただきました。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">そう考えると、98,000円という費用は非常に良心的な価格帯なのではないかと思います。</p>



<h3 class="wp-block-heading">忍者CODEの特徴②　24時間のチャットサポート付き</h3>



<p class="wp-block-paragraph">独学の最大の敵は「わからないことが聞けない」です。</p>



<p class="wp-block-paragraph">忍者CODEのWebコース独学プランなら、独学と言いつつも、<strong><span class="bold-green">24時間利用可能なチャットサポート</span></strong>が付いており、<strong><span class="marker-under">現役クリエイターがしっかりサポートしてくれます。</span></strong></p>



<p class="wp-block-paragraph">そのため、<strong><span class="swl-marker mark_yellow">わからなくて挫折してしまうリスクが無くなります。</span></strong></p>



<h3 class="wp-block-heading">忍者CODEの特徴③　受講期限が無い（無制限）</h3>



<p class="wp-block-paragraph">Web制作独学プランでは<strong><span class="marker-under">受講期限が無制限</span></strong>です。</p>



<p class="wp-block-paragraph">そのため、普段は仕事や主婦業などで多忙という方でも、焦らずに自分のペースで学習が可能です。</p>



<p class="wp-block-paragraph">とはいえ、何年間も時間がかかるようなカリキュラムではなく、受講生は平均２～３ヶ月、長くても５ヶ月ほどで修了しています。</p>



<p class="wp-block-paragraph">そのため、長く見ても<strong><span class="marker-under"><span class="swl-marker mark_yellow">半年以内には必要なスキルが身に付けられるカリキュラム</span></span></strong>となっています。</p>



<h3 class="wp-block-heading">忍者CODEの特徴④　制作課題がある</h3>



<p class="wp-block-paragraph">Web制作のスキルを身に付ける上で最も重要なのが<strong>実践</strong>です。</p>



<p class="wp-block-paragraph">忍者CODEでもカリキュラムの最後にはWordPressによる制作課題が用意されており、実践的なスキルまで磨くことが可能です。</p>



<p class="wp-block-paragraph">さらに、Web制作の仕事で副業やフリーランス、あるいは転職をするといった場合、必ず必要になるのがポートフォリオ</p>



<p class="wp-block-paragraph">この制作課題は、自身のポートフォリオとして掲載することが可能なだけでなく、課題へのフィードバックも貰えるため、それを元に制作物をブラッシュアップし、ライバルと差を付けることが可能です。</p>



<h3 class="wp-block-heading">忍者CODEの特徴⑤　オンライン型</h3>



<p class="wp-block-paragraph">忍者CODEは<strong><span class="marker-under">オンライン型のプログラミングスクール</span></strong>です。</p>



<p class="wp-block-paragraph">そのため、仕事をしていたり家庭の事情でスクールに通うことができないという方でも、自宅で学習に取り組めるためおすすめです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>以上が<strong>忍者CODEのWeb制作コース独学プラン</strong>の特徴でした！</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="swell-block-button -html green_ is-style-btn_shiny" data-id="19d5a934"><a href="//af.moshimo.com/af/c/click?a_id=4462422&amp;p_id=5816&amp;pc_id=16120&amp;pl_id=74540" rel="nofollow" referrerpolicy="no-referrer-when-downgrade">忍者CODEの無料体験を利用する</a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=4462422&amp;p_id=5816&amp;pc_id=16120&amp;pl_id=74540" width="1" height="1" style="border:none;"></div>



<h2 class="wp-block-heading">忍者CODEのWeb制作コース独学プランが向いている人</h2>



<p class="wp-block-paragraph"><strong>忍者CODEのWeb制作コース独学プラン</strong>が向いているのは次のような方です。</p>



<div class="swell-block-capbox cap_box is-style-shadow" data-colset="col1"><div class="cap_box_ttl"><span><span style="--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNCAxOGg0YzEuMSAwIDIgLjkgMiAydjIwYzAgMS4xLS45IDItMiAySDRjLTEuMSAwLTItLjktMi0yVjIwYzAtMS4xLjktMiAyLTJ6TTQxIDE0SDI3bC43LTcuMWMuMi0xLjgtLjYtMy41LTItNC42LS45LS43LTIuMi0uNS0yLjkuNUwxNS4zIDE0Yy0uOSAxLjMtMS4zIDIuOS0xLjMgNC40VjM4YzAgMi4yIDEuOCA0IDQgNGgyMC44YzEuOSAwIDMuNS0xLjMgMy45LTMuMWwzLTEzLjZjLjItLjkuMy0xLjcuMy0yLjZWMTljMC0yLjgtMi4yLTUtNS01eiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="LsThumbUp" data-id="0" aria-hidden="true" class="swl-inline-icon">  </span><strong>Web制作コース独学プランが向いている人</strong></span></div><div class="cap_box_content">
<ul class="wp-block-list -list-under-dashed is-style-good_list">
<li>今後、<strong>未経験から</strong>Web制作を仕事にしたい人</li>



<li>できるだけ<strong>費用を抑えて</strong>Web制作を学びたい人</li>



<li><strong>不明点を相談しながら</strong>Web制作を学びたい人</li>



<li><strong>自宅で自分のペースで</strong>Web制作を学びたい人</li>
</ul>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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>このいずれかに該当していたら、忍者CODEのWeb制作コース独学プランを検討するメリットは大いにあると言えます。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">本気でWeb制作を仕事にしたいなら忍者CODEがおすすめ</h2>



<p class="wp-block-paragraph">最後に<strong><span class="swl-marker mark_yellow">忍者CODEのWeb制作コース独学プランの特徴</span></strong>をまとめます。</p>



<figure class="wp-block-table is-style-regular"><table><tbody><tr><th><strong>費用</strong></th><td>98,000円（税込）<br>※10回払い……9,800円～/月</td></tr><tr><th><strong>サポート</strong></th><td>無期限チャットサポート<br>実践課題のフィードバック</td></tr><tr><th><strong>特徴</strong></th><td>受講費用が業界最安クラス<br>一度申し込めば半永久的に学習可能（追加費用無し）<br>講師と1対1のチャットサポート付き（24時間質問可能）<br>学習動画数が400本以上と圧倒的なボリューム</td></tr><tr><th><strong>学習期間</strong></th><td>平均：２～3ヶ月（長い人で５ヶ月ほど）</td></tr><tr><th><strong>向いている人</strong></th><td>未経験からWeb制作を仕事にしたい人<br>できるだけ費用を抑えてWeb制作を学びたい人<br>不明点を相談しながらWeb制作を学びたい人<br>自宅で自分のペースでWeb制作を学びたい人</td></tr><tr><th><strong>学習内容</strong></th><td>HTML/CSS<br>JavaScript<br>jQuery<br>WordPress<br>PHP</td></tr></tbody></table><figcaption class="wp-element-caption">忍者CODE Web制作コース独学プランの特徴</figcaption></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" 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>僕はひとりでWeb制作の学習に取り組んできましたが、<strong>学習期間はゆうに1年を超えました。</strong></p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph"><br>もしも忍者CODEを利用していたら、<strong>長くても最初の半年で実践的なスキルを身に付け、後半の半年はWeb制作者として仕事を請け負えていた</strong>、ということです。</p>



<p class="wp-block-paragraph">また、僕もWeb制作の仕事を請け負っていますが、Web制作の仕事なら、クラウドソーシングで10万円前後以上の案件がたくさんあります。</p>



<p class="is-style-icon_info wp-block-paragraph">もちろん、最後まで責任をもって丁寧なコーディングで対応をするというのが大前提です。いい加減なコーディングでは、クライアントからの信頼も得られず受注自体が難しくなってしまいます。</p>



<p class="wp-block-paragraph">そのため、受講費用の10万円はすぐに稼ぐことが可能です。（先ほどもお伝えしましたが、僕はWeb制作の仕事を請け負い始めて２カ月目に差しかかる頃には、10万円ほどの案件をお任せいただきました）</p>



<p class="wp-block-paragraph">同じ１年でも、独学で学習するのとプログラミングスクールを利用するのとでは、結果的に<strong><span class="marker-under">収益に大きな差が生まれてしまう</span></strong>ということですね。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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><strong>忍者CODEのWeb制作コース独学プラン</strong>には単なる独学にはない様々なメリットがあります。<br>また、忍者CODEには<strong><a href="//af.moshimo.com/af/c/click?a_id=4462422&amp;p_id=5816&amp;pc_id=16120&amp;pl_id=74540">無料体験レッスン</a></strong>もあります。<br>本気でWeb制作を仕事にしたいとお考えなら、まずはそちらを利用し、キャリア相談などをしてみるのもいいかもしれません。</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="swell-block-button -html green_ is-style-btn_normal" data-id="5f8607ff"><a href="//af.moshimo.com/af/c/click?a_id=4462422&amp;p_id=5816&amp;pc_id=16120&amp;pl_id=74540" rel="nofollow" referrerpolicy="no-referrer-when-downgrade">忍者CODEの無料体験を利用する</a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=4462422&amp;p_id=5816&amp;pc_id=16120&amp;pl_id=74540" width="1" height="1" style="border:none;"></div>



<p class="wp-block-paragraph">それでは、最後までお読みいただきありがとうございました。</p>



<p class="wp-block-paragraph">この記事が少しでもご参考になれば何よりです。</p>



<a href="//af.moshimo.com/af/c/click?a_id=4462422&#038;p_id=5816&#038;pc_id=16120&#038;pl_id=74562" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img decoding="async" src="//image.moshimo.com/af-img/5518/000000074562.png" width="350" height="240" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=4462422&#038;p_id=5816&#038;pc_id=16120&#038;pl_id=74562" width="1" height="1" style="border:none;">
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【PHP練習問題】配列・多次元配列【初心者向け】</title>
		<link>https://kekenta-it-blog.com/page-array/</link>
					<comments>https://kekenta-it-blog.com/page-array/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Sun, 17 Mar 2024 09:13:42 +0000</pubDate>
				<category><![CDATA[学習コンテンツ]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=3512</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/04/eye-catch__page-array__3521-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>本ページではプログラミングにおいて扱いが必須である配列の問題をご用意しています。 初心者の方にとって、for文とセットで学ぶことになることが多い配列ですが、こちらもひとつの鬼門と感じる方も多いカテゴリです。 本練習問題を [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/04/eye-catch__page-array__3521-1024x576.jpg" class="webfeedsFeaturedVisual" /></p><div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" 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><strong>練習問題TOP</strong>はこちらです。</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="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" 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://kekenta-it-blog.com/wp-content/uploads/2024/04/eye-catch__php_study_service__3381-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://kekenta-it-blog.com/php-study-service/">PHP練習問題 -入門-</a>
						<span class="p-blogCard__excerpt">PHP練習問題・解説ページへお越しいただき誠にありがとうございます！本ページではPHP初心者の方に向けてPHP練習問題や解説記事をご提供しています。以下のリンクを押し&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p class="wp-block-paragraph">本ページではプログラミングにおいて扱いが必須である<span class="bold-blue">配列</span>の問題をご用意しています。</p>



<p class="wp-block-paragraph">初心者の方にとって、for文とセットで学ぶことになることが多い配列ですが、こちらもひとつの鬼門と感じる方も多いカテゴリです。</p>



<p class="wp-block-paragraph">本練習問題を通してしっかりと基礎を身に付けましょう。</p>


<div class="p-blogParts post_content" data-partsID="5107">
<div class="swell-block-accordion is-style-main">
<details class="swell-block-accordion__item" data-swl-acc="wrapper"><summary class="swell-block-accordion__title" data-swl-acc="header"><span class="swell-block-accordion__label"><strong>PHP練習問題の前置き</strong></span><span class="swell-block-accordion__icon c-switchIconBtn" data-swl-acc="icon" aria-hidden="true" data-opened="false"><i class="__icon--closed icon-chevron-down"></i><i class="__icon--opened icon-chevron-up"></i></span></summary><div class="swell-block-accordion__body" data-swl-acc="body">
<p class="wp-block-paragraph">本学習コンテンツでは、<strong>問題と回答例のペアが１つずつ表示される内容</strong>となっています。</p>



<p class="wp-block-paragraph">プログラミングにおいて回答内容は十人十色とも言えるぐらいバラつきが出ます。本学習コンテンツでの回答例でも、「初心者の方はあまり知らないかも」という書き方を敢えて取り入れている場合があります。</p>



<p class="wp-block-paragraph">その真意は、</p>



<p class="has-border -border03 wp-block-paragraph">このコンテンツを通じてより多くのことを学んでいただきたい</p>



<p class="wp-block-paragraph">です。</p>



<p class="wp-block-paragraph">あるひとつの処理を書くにしても、プログラミングでは様々な書き方があります。</p>



<p class="wp-block-paragraph">それらを早い段階でできるだけ多く知ることは今後の学習で必ず活きてきます。</p>



<p class="wp-block-paragraph">そのため、敢えてあまり見かけないかも、という書き方をしていることもありますが、そのときは「こんな書き方もできるんだ！」と受け取っていただければ何よりです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/kekenta-icon-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/11/kekenta-icon-150x150.jpg" 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></details>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>




            <div class="practice-wrapper"><div id="title-box">問題０１　配列宣言①</div><input id="term-slug" type="hidden" value="array"><input id="now-post-id" type="hidden" value="3506"></div><div class="practice-wrapper"><div id="php-q-box" class="php-q-box"><div class="practice-read-title">問題</div><pre class="php-q-box__content">果物の配列を宣言して下さい。要素数は３つとします。また、宣言した配列をvar_dumpで出力して下さい。</pre></div></div><div class="practice-wrapper"><div id="php-a-box" class="php-a-box"><div id="php-a-box__read" class="practice-read-title php-a-box__read">回答例▼<span class="php-a-box__read--sm">（クリックすると開きます）</span></div><div class="php-a-box__content"><pre><code>&lt;?php 
$fruit = [ &quot;りんご&quot;,&quot;ばなな&quot;,&quot;みかん&quot; ];
var_dump($fruit);
?&gt;</code></pre></div></div>
        <!-- ボタン表示制御部分 -->
        <div class="php-practice-btn-wrapper">
                            <div id="prev-btn"></div>
                                        <button id="next-btn" class="btn btn-border" value="next">問題０２　配列宣言②<i class="fas fa-angle-right fa-position-right"></i></button>
                    </div>
        <!-- ここまで -->
    

<div class="question-list-wrapper">
    <div class="question-list-title">問題リスト</div>
        <div class="question-link-list">
                                    <button class="question-link-list__item" value="3506">問題０１　配列宣言①</button>                            <button class="question-link-list__item" value="3507">問題０２　配列宣言②</button>                            <button class="question-link-list__item" value="3508">問題０３　配列出力①</button>                            <button class="question-link-list__item" value="3509">問題０４　配列出力②</button>                            <button class="question-link-list__item" value="3510">問題０５　配列出力③</button>                            <button class="question-link-list__item" value="3511">問題０６　九九表①</button>                            <button class="question-link-list__item" value="3527">問題０７　九九表②</button>                                </div>
</div>




<ul class="php-practice-top-list"><li><span class="border"></span>基本構文<ul class="php-practice-top-list"><li><span class="border"></span><a href="https://kekenta-it-blog.com/page-loop/">ループ文（全 5 問）</a></li><li><span class="border"></span><a href="https://kekenta-it-blog.com/page-calc/">四則演算（全 6 問）</a></li><li><span class="border"></span><a href="https://kekenta-it-blog.com/page-vari-defin/">変数定義（全 7 問）</a></li><li><span class="border"></span><a href="https://kekenta-it-blog.com/page-cond-branch/">条件分岐（全 5 問）</a></li><li><span class="border"></span><a href="https://kekenta-it-blog.com/page-array/">配列（全 7 問）</a></li></ul></li></ul>


<div id="rinkerid3653" class="yyi-rinker-contents  yyi-rinker-use-ribbon yyi-rinker-postid-3653 yyi-rinker-img-m yyi-rinker-catid-51 ">
	<div class="yyi-rinker-box">
		<div class="yyi-rinker-image">
							<a href="https://hb.afl.rakuten.co.jp/hgc/g00q072g.bdzz22a5.g00q072g.bdzz326e/Rinker_i_20240325050010?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16371381%2F&#038;m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F20055321%2F&#038;rafcid=wsc_i_is_1047822029026699702" rel="nofollow" class="yyi-rinker-tracking"  data-click-tracking="rakuten_img 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]" data-vars-click-id="rakuten_img 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4688/9784297114688.jpg?_ex=128x128"  width="128" height="128" class="yyi-rinker-main-img" style="border: none;"></a>					</div>
		<div class="yyi-rinker-info">
			<div class="yyi-rinker-title">
									<a href="https://hb.afl.rakuten.co.jp/hgc/g00q072g.bdzz22a5.g00q072g.bdzz326e/Rinker_t_20240325050010?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16371381%2F&#038;m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F20055321%2F&#038;rafcid=wsc_i_is_1047822029026699702" rel="nofollow" class="yyi-rinker-tracking" data-click-tracking="rakuten_title 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]" data-vars-amp-click-id="rakuten_title 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]" >PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]</a>							</div>
			<div class="yyi-rinker-detail">
							<div class="credit-box">created by&nbsp;<a href="https://oyakosodate.com/rinker/" rel="nofollow noopener" target="_blank" >Rinker</a></div>
										<div class="price-box">
							<span title="" class="price">¥3,938</span>
															<span class="price_at">(2026/05/27 16:32:35時点&nbsp;楽天市場調べ-</span><span title="このサイトで掲載されている情報は当サイトの作成者により運営されています。価格、販売可能情報は、変更される場合があります。購入時に楽天市場店舗（www.rakuten.co.jp）に表示されている価格がその商品の販売に適用されます。">詳細)</span>
																	</div>
						</div>
						<ul class="yyi-rinker-links">
																	<li class="amazonkindlelink">
						<a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80%EF%BC%BB%E4%B8%8A%EF%BC%BD-%EF%BD%9E%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB-ebook/dp/B08DXRK18C?_encoding=UTF8&amp;dib_tag=se&amp;dib=eyJ2IjoiMSJ9.74YDItYNn-AHro6XQ1cSslRSHUvp_S8S4MVJtvnW_XswliMGieYQktGbaTJY9E-Qpy3y3roMKB8M-zKI3K7otpqjDxkuoq7ncq-6mLf3BEkcNW05BAHDZZ17WZueAniDY7peSrmp4Ji0L0BkXOaJIBbpqa628I6bjQBED1FQ9V7BJqUJVUUxz6ns2GIHnoSItDTgCRaIpNi9fMcBrt3jqZr1qNJxCmBn8-xPR9N3usFpENEEChvMwvGdHoHu1hjsq6g9GvJDwPPBTwhQvDgXG2KZQ5CBlEx_wQjQy06hFcw.xxCKw6aGhA397JIEATXvL3RNC7D4_k4avRIYczzkjHw&amp;qid=1723712413&amp;sr=8-6&amp;linkCode=ll1&amp;tag=kekenta03am0b-22&amp;linkId=8de435cc399443bbfb43b9e7b8e0c9f1&amp;language=ja_JP&amp;ref_=as_li_ss_tl" rel="nofollow" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="amazon_kindle 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"  data-vars-amp-click-id="amazon_kindle 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]">Kindle</a>					</li>
								                    <li class="amazonlink">
						<a href="https://www.amazon.co.jp/PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E4%B8%8A-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E9%80%A3%E6%90%BA%E3%81%BE%E3%81%A7-%E5%A4%A7%E5%AE%B6-%E6%AD%A3%E7%99%BB/dp/4297114682?dib=eyJ2IjoiMSJ9.74YDItYNn-AHro6XQ1cSslRSHUvp_S8S4MVJtvnW_XswliMGieYQktGbaTJY9E-Qpy3y3roMKB8M-zKI3K7otpqjDxkuoq7ncq-6mLf3BEkcNW05BAHDZZ17WZueAniDY7peSrmp4Ji0L0BkXOaJIBbpqa628I6bjQBED1FQ9V7BJqUJVUUxz6ns2GIHnoSItDTgCRaIpNi9fMcBrt3jqZr1qNJxCmBn8-xPR9N3usFpENEEChvMwvGdHoHu1hjsq6g9GvJDwPPBTwhQvDgXG2KZQ5CBlEx_wQjQy06hFcw.xxCKw6aGhA397JIEATXvL3RNC7D4_k4avRIYczzkjHw&amp;dib_tag=se&amp;keywords=PHP%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80&amp;qid=1723712413&amp;sr=8-6&amp;linkCode=ll1&amp;tag=kekenta03am0b-22&amp;linkId=16a4b7edeeedcc86aef9f0b8c45cc669&amp;language=ja_JP&amp;ref_=as_li_ss_tl" rel="nofollow" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="amazon 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"  data-vars-amp-click-id="amazon 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]">Amazon</a>					</li>
													<li class="rakutenlink">
						<a href="https://hb.afl.rakuten.co.jp/hgc/g00q072g.bdzz22a5.g00q072g.bdzz326e/Rinker_t_20240325050010?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16371381%2F&amp;m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F20055321%2F&amp;rafcid=wsc_i_is_1047822029026699702" rel="nofollow" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="rakuten 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]"  data-vars-amp-click-id="rakuten 3653 PHP本格入門［上］　～プログラミングとオブジェクト指向の基礎からデータベース連携まで [ 大家正登 ]">楽天市場</a>					</li>
								                											</ul>
					</div>
	</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://kekenta-it-blog.com/page-array/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
