textarea

textareaタグの概要
textareaタグの基本の書き方（構文）
textareaタグの主な属性とその説明
textareaタグの使用例
textareaタグのよくある注意点・間違い

textareaタグの概要

タグは、複数行の入力フィールドを作成するために使用されます。ユーザーがテキストを入力できる領域を提供し、フォームやコメント欄のような場面で利用されます。</p> <h2><span id="toc2">textareaタグの基本の書き方（構文）</span></h2> <pre><code><textarea rows="4" cols="50"> 初期値を入力してください。 </textarea> </code></pre> <h2><span id="toc3">textareaタグの主な属性とその説明</span></h2> <p>– rows: テキストエリアの行数を指定します。<br /> – cols: テキストエリアの列数を指定します。</p> <h2><span id="toc4">textareaタグの使用例</span></h2> <pre><code><textarea rows="4" cols="50"> Default text here. </textarea> <textarea rows="8" cols="30"> Another example text. </textarea> <textarea rows="6" cols="40" placeholder="Enter your comment here"></textarea> </code></pre> <h2><span id="toc5">textareaタグのよくある注意点・間違い</span></h2> <p>– rowsやcols属性を適切に指定せずに使用すると、表示が崩れる可能性があります。<br /> – placeholder属性を使って初期値を設定することで、ユーザーに入力する内容を示すことができます。</p> </div> <footer class="article-footer entry-footer"> <div class="entry-categories-tags ctdt-one-row"> <div class="entry-categories"><a class="cat-link cat-link-39" href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/"><span class="fa fa-folder cat-icon tax-icon" aria-hidden="true"></span>フォーム</a></div> </div> <div class="ad-area no-icon ad-content-bottom ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock"> <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div> <div class="ad-wrap"> <div class="ad-responsive ad-usual"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6250810524044904" crossorigin="anonymous"></script></div> </div> </div>  <div class="sns-follow bc-brand-color fbc-hide sf-bottom"> <div class="sns-follow-message">techをフォローする</div> <div class="sns-follow-buttons sns-buttons"> <a href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fweb-tech.work" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読" rel="nofollow noopener noreferrer" aria-label="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a> <a href="https://web-tech.work/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報を購読" rel="nofollow noopener noreferrer" aria-label="RSSで更新情報を購読"><span class="icon-rss-logo"></span></a> </div> </div> <div class="footer-meta"> <div class="author-info"> <span class="fa fa-pencil" aria-hidden="true"></span> <a href="https://web-tech.work/author/admin-36maru/" class="author-link"> <span class="post-author vcard author" itemprop="editor author creator copyrightHolder" itemscope itemtype="https://schema.org/Person"> <meta itemprop="url" content="https://web-tech.work/author/admin-36maru/"> <span class="author-name fn" itemprop="name">tech</span> </span> </a> </div> </div> </footer> </article> <div class="under-entry-content"> <aside id="related-entries" class="related-entries rect-entry-card"> <h2 class="related-entry-heading"> <span class="related-entry-main-heading main-caption"> 関連記事 </span> </h2> <div class="related-list"> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/datalist/" class="related-entry-card-wrap a-wrap border-element cf" title="datalist"> <article class="post-1405 related-entry-card e-card cf post type-post status-publish format-standard hentry category-39-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-39">フォーム</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> datalist </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> タグの概要「datalist」タグは、ユーザーが入力する際に選択肢を提供するためのリストを定義するために使用されるタグです。入力フォームと組み合わせて使用し、ユーザーが候補を選択する際に表示される選択肢を指定します。「datalist </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/legend/" class="related-entry-card-wrap a-wrap border-element cf" title="legend"> <article class="post-1404 related-entry-card e-card cf post type-post status-publish format-standard hentry category-39-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-39">フォーム</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> legend </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> タグの概要 legendタグは、フォームのfieldset要素内で使用され、そのフォームのタイトルや説明文を定義します。legend要素は、ユーザーに対してフォーム内のコンテンツに関する情報を提供する役割を持ちます。フォーム内のセクション </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/label/" class="related-entry-card-wrap a-wrap border-element cf" title="label"> <article class="post-1401 related-entry-card e-card cf post type-post status-publish format-standard hentry category-39-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-39">フォーム</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> label </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> labelタグの概要タグはHTMLフォーム要素のラベルを定義するために使用されます。ラベルはフォーム要素の説明や名前を提供し、ユーザーが入力する際に役立ちます。 labelタグの基本の書き方（構文） <label for="inp </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/form/" class="related-entry-card-wrap a-wrap border-element cf" title="form"> <article class="post-1396 related-entry-card e-card cf post type-post status-publish format-standard hentry category-39-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-39">フォーム</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> form </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> HTMLタグ解説：form formタグの概要 formタグは、HTMLフォームを作成するためのタグです。ユーザーからの入力を受け付ける際に使用され、テキストボックスやラジオボタン、チェック </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/select/" class="related-entry-card-wrap a-wrap border-element cf" title="select"> <article class="post-1399 related-entry-card e-card cf post type-post status-publish format-standard hentry category-39-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-39">フォーム</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> select </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> selectタグの概要タグは、ドロップダウンリストを作成するために使用されるHTMLタグです。ユーザーがリストから選択肢を選ぶことができます。 - どのような選択肢があるかをユーザーに提示する際に使用される。 selectタグの基本の </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/input/" class="related-entry-card-wrap a-wrap border-element cf" title="input"> <article class="post-1397 related-entry-card e-card cf post type-post status-publish format-standard hentry category-39-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-39">フォーム</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> input </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> inputタグの概要タグはHTMLフォームでユーザーに情報を入力させるためのタグです。テキストボックス、ラジオボタン、チェックボックスなど、様々な入力フィールドを作成することができます。ユーザーからの情報収集やフォーム送信時に使用されます </div> </div> </article> </a> </div> </aside> <div class="ad-area no-icon ad-below-related-posts ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock"> <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div> <div class="ad-wrap"> <div class="ad-responsive ad-usual"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6250810524044904" crossorigin="anonymous"></script></div> </div> </div> <div id="pager-post-navi" class="pager-post-navi post-navi-default cf"> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/input/" title="input" class="prev-post a-wrap border-element cf"> <div class="fa fa-chevron-left iconfont" aria-hidden="true"></div> <figure class="prev-post-thumb card-thumb"><img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image post-navi-no-image" width="120" height="68" /></figure> <div class="prev-post-title">input</div></a><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/select/" title="select" class="next-post a-wrap cf"> <div class="fa fa-chevron-right iconfont" aria-hidden="true"></div> <figure class="next-post-thumb card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image post-navi-no-image" width="120" height="68" /></figure> <div class="next-post-title">select</div></a> </div> </div> <div id="breadcrumb" class="breadcrumb breadcrumb-category sbp-main-bottom" itemscope itemtype="https://schema.org/BreadcrumbList"><div class="breadcrumb-home" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span class="fa fa-home fa-fw" aria-hidden="true"></span><a href="https://web-tech.work" itemprop="item"><span itemprop="name" class="breadcrumb-caption">ホーム</span></a><meta itemprop="position" content="1" /><span class="sp"><span class="fa fa-angle-right" aria-hidden="true"></span></span></div><div class="breadcrumb-item" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span class="fa fa-folder fa-fw" aria-hidden="true"></span><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/" itemprop="item"><span itemprop="name" class="breadcrumb-caption">htmlタグ</span></a><meta itemprop="position" content="2" /><span class="sp"><span class="fa fa-angle-right" aria-hidden="true"></span></span></div><div class="breadcrumb-item" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span class="fa fa-folder fa-fw" aria-hidden="true"></span><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/" itemprop="item"><span itemprop="name" class="breadcrumb-caption">フォーム</span></a><meta itemprop="position" content="3" /></div></div> </main> <div id="sidebar" class="sidebar nwa cf" role="complementary"> <aside id="block-2" class="widget widget-sidebar widget-sidebar-standard widget_block widget_search"><form role="search" method="get" action="https://web-tech.work/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >検索</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="検索" class="wp-block-search__button wp-element-button" type="submit" >検索</button></div></form></aside> <div class="ad-area no-icon ad-sidebar-bottom ad-auto ad-label-invisible cf" itemscope itemtype="https://schema.org/WPAdBlock"> <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div> <div class="ad-wrap"> <div class="ad-responsive ad-usual"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6250810524044904" crossorigin="anonymous"></script></div> </div> </div> <div id="sidebar-scroll" class="sidebar-scroll"> <aside id="category_posts_widget-2" class="widget widget-sidebar widget-sidebar-scroll widget_category_posts_widget"><ul><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/datalist/">datalist</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/legend/">legend</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/fieldset/">fieldset</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/button/">button</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/label/">label</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/option/">option</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/select/">select</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/textarea/">textarea</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/input/">input</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/form/">form</a></li></ul></aside><aside id="block-6" class="widget widget-sidebar widget-sidebar-scroll widget_block"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">カテゴリー</h2><ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-31"><a href="https://web-tech.work/category/wordpress/rest-api/"><span class="list-item-caption">REST API</a> </li> <li class="cat-item cat-item-26"><a href="https://web-tech.work/category/wordpress/rest-api-%e3%82%a8%e3%83%b3%e3%83%89%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88/"><span class="list-item-caption">REST API エンドポイント</a> </li> <li class="cat-item cat-item-29"><a href="https://web-tech.work/category/wordpress/seo%e3%81%a8%e3%83%a1%e3%82%bf%e3%83%87%e3%83%bc%e3%82%bf/"><span class="list-item-caption">SEOとメタデータ</a> </li> <li class="cat-item cat-item-11"><a href="https://web-tech.work/category/wordpress/action_filter/"><span class="list-item-caption">アクションとフィルター</a> </li> <li class="cat-item cat-item-36"><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e3%82%a4%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e8%a3%85%e9%a3%be/"><span class="list-item-caption">インライン装飾</a> </li> <li class="cat-item cat-item-21"><a href="https://web-tech.work/category/wordpress/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88/"><span class="list-item-caption">ウィジェット</a> </li> <li class="cat-item cat-item-30"><a href="https://web-tech.work/category/wordpress/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e7%ae%a1%e7%90%86/"><span class="list-item-caption">ウィジェット管理</a> </li> <li class="cat-item cat-item-9"><a href="https://web-tech.work/category/wordpress/option_-setting/"><span class="list-item-caption">オプションと設定</a> </li> <li class="cat-item cat-item-32"><a href="https://web-tech.work/category/wordpress/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%b6%e3%83%bc/"><span class="list-item-caption">カスタマイザー</a> </li> <li class="cat-item cat-item-17"><a href="https://web-tech.work/category/wordpress/custom-post-taxonomies/"><span class="list-item-caption">カスタムポストタイプとタクソノミー</a> </li> <li class="cat-item cat-item-13"><a href="https://web-tech.work/category/wordpress/category/"><span class="list-item-caption">カテゴリ関連</a> </li> <li class="cat-item cat-item-28"><a href="https://web-tech.work/category/wordpress/%e3%82%ad%e3%83%a3%e3%83%83%e3%82%b7%e3%83%a5/"><span class="list-item-caption">キャッシュ</a> </li> <li class="cat-item cat-item-12"><a href="https://web-tech.work/category/wordpress/query_loop/"><span class="list-item-caption">クエリとループ</a> </li> <li class="cat-item cat-item-1"><a href="https://web-tech.work/category/column/"><span class="list-item-caption">コラム</a> </li> <li class="cat-item cat-item-22"><a href="https://web-tech.work/category/wordpress/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89/"><span class="list-item-caption">ショートコード</a> </li> <li class="cat-item cat-item-10"><a href="https://web-tech.work/category/wordpress/script_style/"><span class="list-item-caption">スクリプトとスタイル</a> </li> <li class="cat-item cat-item-25"><a href="https://web-tech.work/category/wordpress/%e3%82%bb%e3%82%ad%e3%83%a5%e3%83%aa%e3%83%86%e3%82%a3/"><span class="list-item-caption">セキュリティ</a> </li> <li class="cat-item cat-item-24"><a href="https://web-tech.work/category/wordpress/%e3%82%bb%e3%83%83%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a8%e3%82%af%e3%83%83%e3%82%ad%e3%83%bc/"><span class="list-item-caption">セッションとクッキー</a> </li> <li class="cat-item cat-item-15"><a href="https://web-tech.work/category/wordpress/taxonomy/"><span class="list-item-caption">タクソノミー関連</a> </li> <li class="cat-item cat-item-14"><a href="https://web-tech.work/category/wordpress/term/"><span class="list-item-caption">ターム関連</a> </li> <li class="cat-item cat-item-35"><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%bb%e8%a6%8b%e5%87%ba%e3%81%97/"><span class="list-item-caption">テキスト・見出し</a> </li> <li class="cat-item cat-item-2"><a href="https://web-tech.work/category/wordpress/templatetag/"><span class="list-item-caption">テンプレートタグ</a> </li> <li class="cat-item cat-item-38"><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab/"><span class="list-item-caption">テーブル</a> </li> <li class="cat-item cat-item-4"><a href="https://web-tech.work/category/wordpress/nav_menu/"><span class="list-item-caption">ナビゲーション、メニュー</a> </li> <li class="cat-item cat-item-39"><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/"><span class="list-item-caption">フォーム</a> </li> <li class="cat-item cat-item-19"><a href="https://web-tech.work/category/wordpress/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%81%a8%e7%94%bb%e5%83%8f/"><span class="list-item-caption">メディアと画像</a> </li> <li class="cat-item cat-item-27"><a href="https://web-tech.work/category/wordpress/%e3%83%a1%e3%83%bc%e3%83%ab/"><span class="list-item-caption">メール</a> </li> <li class="cat-item cat-item-8"><a href="https://web-tech.work/category/wordpress/user_comment/"><span class="list-item-caption">ユーザー情報とコメント</a> </li> <li class="cat-item cat-item-37"><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e3%83%aa%e3%82%b9%e3%83%88/"><span class="list-item-caption">リスト</a> </li> <li class="cat-item cat-item-23"><a href="https://web-tech.work/category/wordpress/%e3%83%aa%e3%83%93%e3%82%b8%e3%83%a7%e3%83%b3/"><span class="list-item-caption">リビジョン</a> </li> <li class="cat-item cat-item-5"><a href="https://web-tech.work/category/wordpress/"><span class="list-item-caption">ワードプレス</a> </li> <li class="cat-item cat-item-16"><a href="https://web-tech.work/category/wordpress/wordpress-column/"><span class="list-item-caption">ワードプレスコラム</a> </li> <li class="cat-item cat-item-7"><a href="https://web-tech.work/category/wordpress/post_page/"><span class="list-item-caption">投稿とページ</a> </li> <li class="cat-item cat-item-6"><a href="https://web-tech.work/category/wordpress/condition-tag/"><span class="list-item-caption">条件タグ</a> </li> <li class="cat-item cat-item-34"><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/"><span class="list-item-caption">構造・セクション</a> </li> <li class="cat-item cat-item-42"><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%ef%bc%88%e9%9d%9e%e6%8e%a8%e5%a5%a8%ef%bc%89/"><span class="list-item-caption">構造・セクション（非推奨）</a> </li> <li class="cat-item cat-item-20"><a href="https://web-tech.work/category/wordpress/%e7%bf%bb%e8%a8%b3%e3%81%a8%e3%83%ad%e3%83%bc%e3%82%ab%e3%83%aa%e3%82%bc%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/"><span class="list-item-caption">翻訳とローカリゼーション</a> </li> </ul></div></aside> </div> </div> </div> </div> <footer id="footer" class="footer footer-container nwa" itemscope itemtype="https://schema.org/WPFooter"> <div id="footer-in" class="footer-in wrap cf"> <div class="footer-widgets cf"> <div class="footer-left"> <aside id="custom_html-2" class="widget_text widget widget-footer-left widget_custom_html"><div class="textwidget custom-html-widget"><p><a href="https://36maru.com">福岡のホームページ制作</a></p> <p><a href="https://sidebiz-log.com/">制作費用0円月額5000円のサブスク型格安ホームページ制作　シンプルホームページ</a></p></div></aside> </div> <div class="footer-center"> </div> <div class="footer-right"> <aside id="nav_menu-3" class="widget widget-footer-right widget_nav_menu"><div class="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container"><ul id="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc" class="menu"><li id="menu-item-1190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1190"><a href="https://web-tech.work/privacy-policy/">プライバシーポリシー</a></li> <li id="menu-item-1189" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1189"><a href="https://web-tech.work/disclaimer/">免責事項</a></li> <li id="menu-item-1188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1188"><a href="https://web-tech.work/contact/">お問合せ</a></li> </ul></div></aside> </div> </div> <div class="footer-widgets-mobile cf"> <div class="footer-mobile"> <aside id="nav_menu-4" class="widget widget-footer-mobile widget_nav_menu"><div class="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container"><ul id="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1190"><a href="https://web-tech.work/privacy-policy/">プライバシーポリシー</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1189"><a href="https://web-tech.work/disclaimer/">免責事項</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1188"><a href="https://web-tech.work/contact/">お問合せ</a></li> </ul></div></aside> </div> </div> <div class="footer-bottom fdt-logo fnm-text-width cf"> <div class="footer-bottom-logo"> <div class="logo logo-footer logo-text"><a href="https://web-tech.work/" class="site-name site-name-text-link" itemprop="url"><span class="site-name-text" itemprop="name about">ホームページ制作　技術メモ</span></a></div> </div> <div class="footer-bottom-content"> <nav id="navi-footer" class="navi-footer"> <div id="navi-footer-in" class="navi-footer-in"> </div> </nav> <div class="source-org copyright">© 2024 ホームページ制作　技術メモ.</div> </div> </div> </div> </footer> <ul class="mobile-footer-menu-buttons mobile-menu-buttons">  <li class="home-menu-button menu-button"> <a href="https://web-tech.work" class="menu-button-in"> <span class="home-menu-icon menu-icon"> <span class="fa fa-home" aria-hidden="true"></span> </span> <span class="home-menu-caption menu-caption">ホーム</span> </a> </li>   <li class="search-menu-button menu-button"> <input autocomplete="off" id="search-menu-input" type="checkbox" class="display-none"> <label id="search-menu-open" class="menu-open menu-button-in" for="search-menu-input"> <span class="search-menu-icon menu-icon"> <span class="fa fa-search" aria-hidden="true"></span> </span> <span class="search-menu-caption menu-caption">検索</span> </label> <label class="display-none" id="search-menu-close" for="search-menu-input"></label> <div id="search-menu-content" class="search-menu-content"> <form class="search-box input-box" method="get" action="https://web-tech.work/"> <input type="text" placeholder="サイト内を検索" name="s" class="search-edit" aria-label="input" value=""> <button type="submit" class="search-submit" aria-label="button"><span class="fa fa-search" aria-hidden="true"></span></button> </form> </div> </li>  <li class="top-menu-button menu-button"> <a href="#" class="go-to-top-common top-menu-a menu-button-in"> <span class="top-menu-icon menu-icon"> <span class="fa fa-arrow-up" aria-hidden="true"></span> </span> <span class="top-menu-caption menu-caption">トップ</span> </a> </li>  <li class="sidebar-menu-button menu-button"> <input autocomplete="off" id="sidebar-menu-input" type="checkbox" class="display-none"> <label id="sidebar-menu-open" class="menu-open menu-button-in" for="sidebar-menu-input"> <span class="sidebar-menu-icon menu-icon"> <span class="fa fa-outdent" aria-hidden="true"></span> </span> <span class="sidebar-menu-caption menu-caption">サイドバー</span> </label> <label class="display-none" id="sidebar-menu-close" for="sidebar-menu-input"></label> <div id="sidebar-menu-content" class="sidebar-menu-content menu-content"> <label class="sidebar-menu-close-button menu-close-button" for="sidebar-menu-input"><span class="fa fa-close" aria-hidden="true"></span></label> </div> </li> </ul> <div id="go-to-top" class="go-to-top"> <button class="go-to-top-button go-to-top-common go-to-top-hide go-to-top-button-icon-font" aria-label="トップへ戻る"><span class="fa fa-angle-double-up"></span></button> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/cocoon-child-master\/*","\/wp-content\/themes\/cocoon-master\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script src="https://web-tech.work/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6&fver=20241113124510" id="wp-hooks-js"></script> <script src="https://web-tech.work/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6&fver=20240509123956" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script src="https://web-tech.work/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.6&fver=20250605091516" id="swv-js"></script> <script id="contact-form-7-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2025-04-11 06:42:50+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"ja_JP"},"This contact form is placed in the wrong place.":["\u3053\u306e\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u9593\u9055\u3063\u305f\u4f4d\u7f6e\u306b\u7f6e\u304b\u308c\u3066\u3044\u307e\u3059\u3002"],"Error:":["\u30a8\u30e9\u30fc:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/web-tech.work\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script src="https://web-tech.work/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.6&fver=20250605091516" id="contact-form-7-js"></script> <script src="https://web-tech.work/wp-content/themes/cocoon-master/plugins/baguettebox/dist/baguetteBox.min.js?ver=6.8.2&fver=20240517042144" id="baguettebox-js-js"></script> <script id="baguettebox-js-js-after"> /* <![CDATA[ */ (function($){ baguetteBox.run(".entry-content"); })(jQuery); /* ]]> */ </script> <script src="https://web-tech.work/wp-content/themes/cocoon-master/plugins/stickyfill/dist/stickyfill.min.js?ver=6.8.2&fver=20240517042144" id="stickyfill-js-js"></script> <script src="https://web-tech.work/wp-includes/js/comment-reply.min.js?ver=6.8.2&fver=20241113124511" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script id="cocoon-js-js-extra"> /* <![CDATA[ */ var cocoon_localize_script_options = {"is_lazy_load_enable":null,"is_fixed_mobile_buttons_enable":"","is_google_font_lazy_load_enable":null}; /* ]]> */ </script> <script src="https://web-tech.work/wp-content/themes/cocoon-master/javascript.js?ver=6.8.2&fver=20240517042144" id="cocoon-js-js"></script> <script src="https://web-tech.work/wp-content/themes/cocoon-child-master/javascript.js?ver=6.8.2&fver=20240517042149" id="cocoon-child-js-js"></script> </div> </body> </html>