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/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> <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/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/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/option/" class="related-entry-card-wrap a-wrap border-element cf" title="option"> <article class="post-1400 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"> option </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> optionタグの概要 optionタグは、セレクトボックス（ドロップダウンリスト）内の選択肢を定義するためのタグです。ユーザーが選択できる値をリストアップする際に使用されます。基本の書き方（構文） <select> & </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/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>