クライアント詳細リンクをGETでシンプルに blog今回やったこと、GETメソッドのURLパラメーターにクライアントIDを入れてデーターを送信し$_GETを使って受信する。こうするとFormボタンを使わなくていい。 2022.12.242025.07.03 </p> <p>で詳細リンクを作ってます。</p> <p> <img decoding="async" width="750" height="422" src="https://www.kantan-pro.com/top/wp-content/uploads/2022/12/Snapshot_2022-12-24-16.13.59-1024x576.png" alt="" loading="lazy" srcset="https://www.kantan-pro.com/top/wp-content/uploads/2022/12/Snapshot_2022-12-24-16.13.59-1024x576.png 1024w, https://www.kantan-pro.com/top/wp-content/uploads/2022/12/Snapshot_2022-12-24-16.13.59-300x169.png 300w, https://www.kantan-pro.com/top/wp-content/uploads/2022/12/Snapshot_2022-12-24-16.13.59-768x432.png 768w, https://www.kantan-pro.com/top/wp-content/uploads/2022/12/Snapshot_2022-12-24-16.13.59-1536x864.png 1536w, https://www.kantan-pro.com/top/wp-content/uploads/2022/12/Snapshot_2022-12-24-16.13.59-600x338.png 600w, https://www.kantan-pro.com/top/wp-content/uploads/2022/12/Snapshot_2022-12-24-16.13.59.png 1920w" sizes="(max-width: 750px) 100vw, 750px" /> </p> <p>見た目がシンプルになって良いですね。</p> <div class=" mailpoet_form_popup_overlay mailpoet_form_overlay_animation_slideup mailpoet_form_overlay_animation "></div> <div id="mp_form_popup1" class=" mailpoet_form mailpoet_form_popup mailpoet_form_position_ mailpoet_form_animation_slideup " > <style type="text/css"> #mp_form_popup1 .mailpoet_form { } #mp_form_popup1 form { margin-bottom: 0; } #mp_form_popup1 h1.mailpoet-heading { margin: 0 0 20px; } #mp_form_popup1 p.mailpoet_form_paragraph.last { margin-bottom: 5px; } #mp_form_popup1 .mailpoet_column_with_background { padding: 10px; } #mp_form_popup1 .mailpoet_form_column:not(:first-child) { margin-left: 20px; } #mp_form_popup1 .mailpoet_paragraph { line-height: 20px; margin-bottom: 20px; } #mp_form_popup1 .mailpoet_segment_label, #mp_form_popup1 .mailpoet_text_label, #mp_form_popup1 .mailpoet_textarea_label, #mp_form_popup1 .mailpoet_select_label, #mp_form_popup1 .mailpoet_radio_label, #mp_form_popup1 .mailpoet_checkbox_label, #mp_form_popup1 .mailpoet_list_label, #mp_form_popup1 .mailpoet_date_label { display: block; font-weight: normal; } #mp_form_popup1 .mailpoet_text, #mp_form_popup1 .mailpoet_textarea, #mp_form_popup1 .mailpoet_select, #mp_form_popup1 .mailpoet_date_month, #mp_form_popup1 .mailpoet_date_day, #mp_form_popup1 .mailpoet_date_year, #mp_form_popup1 .mailpoet_date { display: block; } #mp_form_popup1 .mailpoet_text, #mp_form_popup1 .mailpoet_textarea { width: 200px; } #mp_form_popup1 .mailpoet_checkbox { } #mp_form_popup1 .mailpoet_submit { } #mp_form_popup1 .mailpoet_divider { } #mp_form_popup1 .mailpoet_message { } #mp_form_popup1 .mailpoet_form_loading { width: 30px; text-align: center; line-height: normal; } #mp_form_popup1 .mailpoet_form_loading > span { width: 5px; height: 5px; background-color: #5b5b5b; }#mp_form_popup1{border-radius: 21px;background: #f3f9ff;color: #313131;text-align: left;}#mp_form_popup1{width: 360px;max-width: 100vw;}#mp_form_popup1 .mailpoet_message {margin: 0; padding: 0 20px;} #mp_form_popup1 .mailpoet_validate_success {color: #00d084} #mp_form_popup1 input.parsley-success {color: #00d084} #mp_form_popup1 select.parsley-success {color: #00d084} #mp_form_popup1 textarea.parsley-success {color: #00d084} #mp_form_popup1 .mailpoet_validate_error {color: #cf2e2e} #mp_form_popup1 input.parsley-error {color: #cf2e2e} #mp_form_popup1 select.parsley-error {color: #cf2e2e} #mp_form_popup1 textarea.textarea.parsley-error {color: #cf2e2e} #mp_form_popup1 .parsley-errors-list {color: #cf2e2e} #mp_form_popup1 .parsley-required {color: #cf2e2e} #mp_form_popup1 .parsley-custom-error-message {color: #cf2e2e} #mp_form_popup1 .mailpoet_paragraph.last {margin-bottom: 0} @media (max-width: 500px) {#mp_form_popup1 {background: #f3f9ff;animation: none;border: none;border-radius: 0;bottom: 0;left: 0;max-height: 40%;padding: 20px;right: 0;top: auto;transform: none;width: 100%;min-width: 100%;}} @media (min-width: 500px) {#mp_form_popup1 {padding: 10px;}} @media (min-width: 500px) {#mp_form_popup1 .last .mailpoet_paragraph:last-child {margin-bottom: 0}} @media (max-width: 500px) {#mp_form_popup1 .mailpoet_form_column:last-child .mailpoet_paragraph:last-child {margin-bottom: 0}} </style> <form target="_self" method="post" action="https://www.kantanpro.com/wp-admin/admin-post.php?action=mailpoet_subscription_form" class="mailpoet_form mailpoet_form_form mailpoet_form_popup" novalidate data-delay="15" data-exit-intent-enabled="1" data-font-family="Inknut Antiqua" data-cookie-expiration-time="7" > <input type="hidden" name="data[form_id]" value="1" /> <input type="hidden" name="token" value="90f318e7f1" /> <input type="hidden" name="api_version" value="v1" /> <input type="hidden" name="endpoint" value="subscribers" /> <input type="hidden" name="mailpoet_method" value="subscribe" /> <label class="mailpoet_hp_email_label" style="display: none !important;">このフィールドは空白のままにしてください<input type="email" name="data[email]"/></label><p class="mailpoet_form_paragraph mailpoet-has-background-color mailpoet-has-font-size" style="background-color: #fcb900; text-align: center; color: #313131; font-size: 18px"><span style="font-family: Arial" data-font="Arial" class="mailpoet-has-font"><strong>KantanPro User's Club</strong></span></p> <div class="mailpoet_paragraph "><style>input[name="data[form_field_NzdhYjgzOTNlYWE4X2ZpcnN0X25hbWU=]"]::placeholder{color:#abb8c3;opacity: 1;}</style><input type="text" autocomplete="given-name" class="mailpoet_text" id="form_first_name_1" name="data[form_field_NzdhYjgzOTNlYWE4X2ZpcnN0X25hbWU=]" title="お名前" value="" style="width:100%;box-sizing:border-box;background-color:#eeeeee;border-style:solid;border-radius:8px !important;border-width:0px;border-color:#313131;padding:7px;margin: 0 auto 0 0;font-family:'Inknut Antiqua';font-size:20px;line-height:1.5;height:auto;color:#abb8c3;" data-automation-id="form_first_name" placeholder="お名前 *" aria-label="お名前 *" data-parsley-errors-container=".mailpoet_error_1kde9" data-parsley-names='["有効な名前を指定してください","名前に住所を含めることはできません。代わりに名前を追加してください。"]' data-parsley-required="true" required aria-required="true" data-parsley-required-message="このフィールドは必須です。"/><span class="mailpoet_error_1kde9"></span></div> <div class="mailpoet_paragraph "><style>input[name="data[form_field_NDFkZDU2NWFlOGFkX2VtYWls]"]::placeholder{color:#abb8c3;opacity: 1;}</style><input type="email" autocomplete="email" class="mailpoet_text" id="form_email_1" name="data[form_field_NDFkZDU2NWFlOGFkX2VtYWls]" title="メールアドレス" value="" style="width:100%;box-sizing:border-box;background-color:#eeeeee;border-style:solid;border-radius:8px !important;border-width:0px;border-color:#313131;padding:7px;margin: 0 auto 0 0;font-family:'Inknut Antiqua';font-size:20px;line-height:1.5;height:auto;color:#abb8c3;" data-automation-id="form_email" placeholder="メールアドレス *" aria-label="メールアドレス *" data-parsley-errors-container=".mailpoet_error_1t6fl" data-parsley-required="true" required aria-required="true" data-parsley-minlength="6" data-parsley-maxlength="150" data-parsley-type-message="このバリューは有効なメールです。" data-parsley-required-message="このフィールドは必須です。"/><span class="mailpoet_error_1t6fl"></span></div> <div class="mailpoet_paragraph "><input type="submit" class="mailpoet_submit" value="お得情報を受け取る" data-automation-id="subscribe-submit-button" data-font-family='Montserrat' style="width:100%;box-sizing:border-box;background-color:#000000;border-style:solid;border-radius:10px !important;border-width:1px;border-color:#313131;padding:16px;margin: 0 auto 0 0;font-family:'Montserrat';font-size:NaN;line-height:1.5;height:auto;color:#fcb900;font-weight:bold;" /><span class="mailpoet_form_loading"><span class="mailpoet_bounce1"></span><span class="mailpoet_bounce2"></span><span class="mailpoet_bounce3"></span></span></div> <p class="mailpoet_form_paragraph mailpoet-has-font-size" style="text-align: center; font-size: 13px; line-height: 1.5"><em><span style="font-family: Montserrat" data-font="Montserrat" class="mailpoet-has-font">スパムはしません！詳細については、<a rel="noopener" href="https://www.kantanpro.com/privacy-policy" data-type="page" data-id="7400" target="_blank">プライバシーポリシー</a>をご覧ください。</span></em></p> <div class="mailpoet_message"> <p class="mailpoet_validate_success" style="display:none;" >受信ボックスか迷惑メールフォルダを確認して購読手続きを完了してください。 </p> <p class="mailpoet_validate_error" style="display:none;" > </p> </div> </form> <input type="image" class="mailpoet_form_close_icon" alt="閉じる" src='https://www.kantanpro.com/wp-content/plugins/mailpoet/assets/img/form_close_icon/round_black.svg' /> </div> </div> <footer class="article-footer entry-footer"> <div class="entry-categories-tags ctdt-two-rows"> <div class="entry-categories"><a class="cat-link cat-link-515" href="https://www.kantanpro.com/archives/category/kantanproblog"><span class="fa fa-folder cat-icon tax-icon" aria-hidden="true"></span>blog</a></div> </div> <div class="sns-share ss-col-6 bc-brand-color sbc-show ss-bottom"> <div class="sns-share-message">シェアする</div> <div class="sns-share-buttons sns-buttons"> <a href="https://x.com/intent/tweet?text=%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E8%A9%B3%E7%B4%B0%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92GET%E3%81%A6%E3%82%99%E3%82%B7%E3%83%B3%E3%83%95%E3%82%9A%E3%83%AB%E3%81%AB+%23KantanPro+%23ChaChatWorks+%23%E3%83%95%E3%83%AA%E3%83%BC%E3%83%A9%E3%83%B3%E3%82%B9+%23%E8%87%AA%E5%96%B6%E6%A5%AD+%23%E4%BB%95%E4%BA%8B%E5%8A%B9%E7%8E%87%E5%8C%96&url=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450&via=KantanPro" class="sns-button share-button twitter-button twitter-share-button-sq x-corp-button x-corp-share-button-sq" target="_blank" title="Xでシェア" rel="nofollow noopener noreferrer" aria-label="Xでシェア"><span class="social-icon icon-x-corp"></span><span class="button-caption">X</span><span class="share-count twitter-share-count x-share-count"></span></a> <a href="//www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450&t=%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E8%A9%B3%E7%B4%B0%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92GET%E3%81%A6%E3%82%99%E3%82%B7%E3%83%B3%E3%83%95%E3%82%9A%E3%83%AB%E3%81%AB" class="sns-button share-button facebook-button facebook-share-button-sq" target="_blank" title="Facebookでシェア" rel="nofollow noopener noreferrer" aria-label="Facebookでシェア"><span class="social-icon icon-facebook"></span><span class="button-caption">Facebook</span><span class="share-count facebook-share-count">0</span></a> <a href="//b.hatena.ne.jp/entry/s/www.kantanpro.com/archives/10450" class="sns-button share-button hatebu-button hatena-bookmark-button hatebu-share-button-sq" data-hatena-bookmark-layout="simple" target="_blank" title="はてブでブックマーク" rel="nofollow noopener noreferrer" aria-label="はてブでブックマーク"><span class="social-icon icon-hatena"></span><span class="button-caption">はてブ</span><span class="share-count hatebu-share-count">0</span></a> <a href="//timeline.line.me/social-plugin/share?url=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450" class="sns-button share-button line-button line-share-button-sq" target="_blank" title="LINEでシェア" rel="nofollow noopener noreferrer" aria-label="LINEでシェア"><span class="social-icon icon-line"></span><span class="button-caption">LINE</span><span class="share-count line-share-count"></span></a> <a href="//www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450" class="sns-button share-button pinterest-button pinterest-share-button-sq" target="_blank" title="Pinterestでシェア" rel="nofollow noopener noreferrer" data-pin-do="buttonBookmark" data-pin-custom="true" aria-label="Pinterestでシェア"><span class="social-icon icon-pinterest"></span><span class="button-caption">Pinterest</span><span class="share-count pinterest-share-count"></span></a> <a role="button" tabindex="0" class="sns-button share-button copy-button copy-share-button-sq" data-clipboard-text="クライアント詳細リンクをGETでシンプルに https://www.kantanpro.com/archives/10450" title="タイトルとURLをコピーする" aria-label="タイトルとURLをコピーする"><span class="social-icon icon-copy"></span><span class="button-caption">コピー</span><span class="share-count copy-share-count"></span></a> </div><!-- /.sns-share-buttons --> </div><!-- /.sns-share --> <!-- SNSページ --> <div class="sns-follow bc-brand-color fbc-show sf-bottom"> <div class="sns-follow-message">kantanをフォローする</div> <div class="sns-follow-buttons sns-buttons"> <a href="https://www.kantanpro.com" class="sns-button follow-button website-button website-follow-button-sq" target="_blank" title="著者サイト" rel="nofollow noopener noreferrer" aria-label="著作サイトをチェック"><span class="icon-home-logo"></span></a> <a href="https://x.com/KantanPro" class="sns-button follow-button twitter-button twitter-follow-button-sq x-corp-button x-corp-follow-button-sq" target="_blank" title="Xをフォロー" rel="nofollow noopener noreferrer" aria-label="Xをフォロー"><span class="icon-x-corp-logo"></span></a> <a href="https://www.instagram.com/kantanpro/" class="sns-button follow-button instagram-button instagram-follow-button-sq" target="_blank" title="Instagramをフォロー" rel="nofollow noopener noreferrer" aria-label="Instagramをフォロー"><span class="icon-instagram-logo"></span></a> <a href="https://www.youtube.com/@kantanpro25" class="sns-button follow-button youtube-button youtube-follow-button-sq" target="_blank" title="YouTubeをフォロー" rel="nofollow noopener noreferrer" aria-label="YouTubeをフォロー"><span class="icon-youtube-logo"></span></a> <a href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fwww.kantanpro.com" 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">0</span></a> <a href="https://www.kantanpro.com/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><!-- /.sns-follow-buttons --> </div><!-- /.sns-follow --> <div class="footer-meta"> <div class="author-info"> <span class="fa fa-pencil" aria-hidden="true"></span> <a href="https://www.kantanpro.com" 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://www.kantanpro.com"> <span class="author-name fn" itemprop="name">KantanPro</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://www.kantanpro.com/archives/12294" class="related-entry-card-wrap a-wrap border-element cf" title="KantanProの複数の消費税モード対応"> <article class="post-12294 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post tag-523-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="320" height="180" src="https://www.kantanpro.com/wp-content/uploads/2025/08/lcphgxs7pww-320x180.jpg" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/08/lcphgxs7pww-320x180.jpg 320w, https://www.kantanpro.com/wp-content/uploads/2025/08/lcphgxs7pww-240x135.jpg 240w, https://www.kantanpro.com/wp-content/uploads/2025/08/lcphgxs7pww-640x360.jpg 640w" sizes="(max-width: 320px) 100vw, 320px" /> <span class="cat-label cat-label-515">blog</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> KantanProの複数の消費税モード対応 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> 消費税について先行き不透明なので「どんな場合も使える」ようにKantanProを修正しました。次期バ... </div> <div class="related-entry-card-meta card-meta e-card-meta"> <div class="related-entry-card-info e-card-info"> <span class="post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.08.10</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">blog</span></div> </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://www.kantanpro.com/archives/12496" class="related-entry-card-wrap a-wrap border-element cf" title="僕の脳はシステム脳？"> <article class="post-12496 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="320" height="180" src="https://www.kantanpro.com/wp-content/uploads/2025/08/1739997-320x180.jpg" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/08/1739997-320x180.jpg 320w, https://www.kantanpro.com/wp-content/uploads/2025/08/1739997-240x135.jpg 240w, https://www.kantanpro.com/wp-content/uploads/2025/08/1739997-640x360.jpg 640w" sizes="(max-width: 320px) 100vw, 320px" /> <span class="cat-label cat-label-515">blog</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> 僕の脳はシステム脳？ </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> ちゃんとブログを書こうと思いました。今までは、KantanProの使い方に集中して書いてきましたが、... </div> <div class="related-entry-card-meta card-meta e-card-meta"> <div class="related-entry-card-info e-card-info"> <span class="post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.08.20</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">blog</span></div> </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://www.kantanpro.com/archives/11813" class="related-entry-card-wrap a-wrap border-element cf" title="KantanProをダークモードにしてみた"> <article class="post-11813 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="320" height="180" src="https://www.kantanpro.com/wp-content/uploads/2025/07/Monosnap-KantanPro-KantanPro-Local-2025-07-24-02-58-38-320x180.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/07/Monosnap-KantanPro-KantanPro-Local-2025-07-24-02-58-38-320x180.png 320w, https://www.kantanpro.com/wp-content/uploads/2025/07/Monosnap-KantanPro-KantanPro-Local-2025-07-24-02-58-38-240x135.png 240w, https://www.kantanpro.com/wp-content/uploads/2025/07/Monosnap-KantanPro-KantanPro-Local-2025-07-24-02-58-38-640x360.png 640w" sizes="(max-width: 320px) 100vw, 320px" /> <span class="cat-label cat-label-515">blog</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> KantanProをダークモードにしてみた </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> 販売管理システムというとお堅い感じがしますが、日々使うものなので使っていて「楽しい」と感じて頂くこと... </div> <div class="related-entry-card-meta card-meta e-card-meta"> <div class="related-entry-card-info e-card-info"> <span class="post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.07.26</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">blog</span></div> </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://www.kantanpro.com/archives/12341" class="related-entry-card-wrap a-wrap border-element cf" title="KantanProで見積書PDFを作成し送信する方法"> <article class="post-12341 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post tag-526-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="320" height="180" src="https://www.kantanpro.com/wp-content/uploads/2025/08/6107551-320x180.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/08/6107551-320x180.png 320w, https://www.kantanpro.com/wp-content/uploads/2025/08/6107551-240x135.png 240w, https://www.kantanpro.com/wp-content/uploads/2025/08/6107551-640x360.png 640w" sizes="(max-width: 320px) 100vw, 320px" /> <span class="cat-label cat-label-515">blog</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> KantanProで見積書PDFを作成し送信する方法 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> 今回は、KantanProで見積書PDFを作成してメールで送信する方法を説明します。⚙️ バージョン... </div> <div class="related-entry-card-meta card-meta e-card-meta"> <div class="related-entry-card-info e-card-info"> <span class="post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.08.14</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">blog</span></div> </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://www.kantanpro.com/archives/11867" class="related-entry-card-wrap a-wrap border-element cf" title="コンタクトフォーム７との連携"> <article class="post-11867 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="320" height="180" src="https://www.kantanpro.com/wp-content/uploads/2025/07/コンタクトフォーム７から入力-320x180.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/07/コンタクトフォーム７から入力-320x180.png 320w, https://www.kantanpro.com/wp-content/uploads/2025/07/コンタクトフォーム７から入力-240x135.png 240w, https://www.kantanpro.com/wp-content/uploads/2025/07/コンタクトフォーム７から入力-640x360.png 640w" sizes="(max-width: 320px) 100vw, 320px" /> <span class="cat-label cat-label-515">blog</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> コンタクトフォーム７との連携 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> コンタクトフォーム７との連携WordPressサイト内に設置したコンタクトフォーム７のお問い合わせフ... </div> <div class="related-entry-card-meta card-meta e-card-meta"> <div class="related-entry-card-info e-card-info"> <span class="post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.07.27</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">blog</span></div> </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://www.kantanpro.com/archives/12271" class="related-entry-card-wrap a-wrap border-element cf" title="KantanPro開発に必要だったので消費税について学んでみた"> <article class="post-12271 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post tag-523-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="320" height="180" src="https://www.kantanpro.com/wp-content/uploads/2025/08/mjg5y4scdmw-320x180.jpg" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/08/mjg5y4scdmw-320x180.jpg 320w, https://www.kantanpro.com/wp-content/uploads/2025/08/mjg5y4scdmw-240x135.jpg 240w, https://www.kantanpro.com/wp-content/uploads/2025/08/mjg5y4scdmw-640x360.jpg 640w" sizes="(max-width: 320px) 100vw, 320px" /> <span class="cat-label cat-label-515">blog</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> KantanPro開発に必要だったので消費税について学んでみた </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> KantanProを開発する上で消費税は重要な問題です。KantanProだけでなく世の多くの業務シ... </div> <div class="related-entry-card-meta card-meta e-card-meta"> <div class="related-entry-card-info e-card-info"> <span class="post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.08.08</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">blog</span></div> </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> </div> </aside> </div> </main> <div id="sidebar" class="sidebar nwa cf" role="complementary"> <aside id="mailpoet_form-2" class="widget widget-sidebar widget-sidebar-standard widget_mailpoet_form"> <h3 class="widget-sidebar-title widget-title">お知らせを受け取る</h3> <div class=" mailpoet_form_popup_overlay "></div> <div id="mailpoet_form_1" class=" mailpoet_form mailpoet_form_widget mailpoet_form_position_ mailpoet_form_animation_ " > <style type="text/css"> #mailpoet_form_1 .mailpoet_form { } #mailpoet_form_1 form { margin-bottom: 0; } #mailpoet_form_1 h1.mailpoet-heading { margin: 0 0 20px; } #mailpoet_form_1 p.mailpoet_form_paragraph.last { margin-bottom: 5px; } #mailpoet_form_1 .mailpoet_column_with_background { padding: 10px; } #mailpoet_form_1 .mailpoet_form_column:not(:first-child) { margin-left: 20px; } #mailpoet_form_1 .mailpoet_paragraph { line-height: 20px; margin-bottom: 20px; } #mailpoet_form_1 .mailpoet_segment_label, #mailpoet_form_1 .mailpoet_text_label, #mailpoet_form_1 .mailpoet_textarea_label, #mailpoet_form_1 .mailpoet_select_label, #mailpoet_form_1 .mailpoet_radio_label, #mailpoet_form_1 .mailpoet_checkbox_label, #mailpoet_form_1 .mailpoet_list_label, #mailpoet_form_1 .mailpoet_date_label { display: block; font-weight: normal; } #mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea, #mailpoet_form_1 .mailpoet_select, #mailpoet_form_1 .mailpoet_date_month, #mailpoet_form_1 .mailpoet_date_day, #mailpoet_form_1 .mailpoet_date_year, #mailpoet_form_1 .mailpoet_date { display: block; } #mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea { width: 200px; } #mailpoet_form_1 .mailpoet_checkbox { } #mailpoet_form_1 .mailpoet_submit { } #mailpoet_form_1 .mailpoet_divider { } #mailpoet_form_1 .mailpoet_message { } #mailpoet_form_1 .mailpoet_form_loading { width: 30px; text-align: center; line-height: normal; } #mailpoet_form_1 .mailpoet_form_loading > span { width: 5px; height: 5px; background-color: #5b5b5b; }#mailpoet_form_1{border-radius: 21px;background: #f3f9ff;color: #313131;text-align: left;}#mailpoet_form_1 form.mailpoet_form {padding: 10px;}#mailpoet_form_1{width: 100%;}#mailpoet_form_1 .mailpoet_message {margin: 0; padding: 0 20px;} #mailpoet_form_1 .mailpoet_validate_success {color: #00d084} #mailpoet_form_1 input.parsley-success {color: #00d084} #mailpoet_form_1 select.parsley-success {color: #00d084} #mailpoet_form_1 textarea.parsley-success {color: #00d084} #mailpoet_form_1 .mailpoet_validate_error {color: #cf2e2e} #mailpoet_form_1 input.parsley-error {color: #cf2e2e} #mailpoet_form_1 select.parsley-error {color: #cf2e2e} #mailpoet_form_1 textarea.textarea.parsley-error {color: #cf2e2e} #mailpoet_form_1 .parsley-errors-list {color: #cf2e2e} #mailpoet_form_1 .parsley-required {color: #cf2e2e} #mailpoet_form_1 .parsley-custom-error-message {color: #cf2e2e} #mailpoet_form_1 .mailpoet_paragraph.last {margin-bottom: 0} @media (max-width: 500px) {#mailpoet_form_1 {background: #f3f9ff;}} @media (min-width: 500px) {#mailpoet_form_1 .last .mailpoet_paragraph:last-child {margin-bottom: 0}} @media (max-width: 500px) {#mailpoet_form_1 .mailpoet_form_column:last-child .mailpoet_paragraph:last-child {margin-bottom: 0}} </style> <form target="_self" method="post" action="https://www.kantanpro.com/wp-admin/admin-post.php?action=mailpoet_subscription_form" class="mailpoet_form mailpoet_form_form mailpoet_form_widget" novalidate data-delay="" data-exit-intent-enabled="" data-font-family="" data-cookie-expiration-time="" > <input type="hidden" name="data[form_id]" value="1" /> <input type="hidden" name="token" value="90f318e7f1" /> <input type="hidden" name="api_version" value="v1" /> <input type="hidden" name="endpoint" value="subscribers" /> <input type="hidden" name="mailpoet_method" value="subscribe" /> <label class="mailpoet_hp_email_label" style="display: none !important;">このフィールドは空白のままにしてください<input type="email" name="data[email]"/></label><p class="mailpoet_form_paragraph mailpoet-has-background-color mailpoet-has-font-size" style="background-color: #fcb900; text-align: center; color: #313131; font-size: 18px"><span style="font-family: Arial" data-font="Arial" class="mailpoet-has-font"><strong>KantanPro User's Club</strong></span></p> <div class="mailpoet_paragraph "><style>input[name="data[form_field_NzdhYjgzOTNlYWE4X2ZpcnN0X25hbWU=]"]::placeholder{color:#abb8c3;opacity: 1;}</style><input type="text" autocomplete="given-name" class="mailpoet_text" id="form_first_name_1" name="data[form_field_NzdhYjgzOTNlYWE4X2ZpcnN0X25hbWU=]" title="お名前" value="" style="width:100%;box-sizing:border-box;background-color:#eeeeee;border-style:solid;border-radius:8px !important;border-width:0px;border-color:#313131;padding:7px;margin: 0 auto 0 0;font-family:'Inknut Antiqua';font-size:20px;line-height:1.5;height:auto;color:#abb8c3;" data-automation-id="form_first_name" placeholder="お名前 *" aria-label="お名前 *" data-parsley-errors-container=".mailpoet_error_1dgps" data-parsley-names='["有効な名前を指定してください","名前に住所を含めることはできません。代わりに名前を追加してください。"]' data-parsley-required="true" required aria-required="true" data-parsley-required-message="このフィールドは必須です。"/><span class="mailpoet_error_1dgps"></span></div> <div class="mailpoet_paragraph "><style>input[name="data[form_field_NDFkZDU2NWFlOGFkX2VtYWls]"]::placeholder{color:#abb8c3;opacity: 1;}</style><input type="email" autocomplete="email" class="mailpoet_text" id="form_email_1" name="data[form_field_NDFkZDU2NWFlOGFkX2VtYWls]" title="メールアドレス" value="" style="width:100%;box-sizing:border-box;background-color:#eeeeee;border-style:solid;border-radius:8px !important;border-width:0px;border-color:#313131;padding:7px;margin: 0 auto 0 0;font-family:'Inknut Antiqua';font-size:20px;line-height:1.5;height:auto;color:#abb8c3;" data-automation-id="form_email" placeholder="メールアドレス *" aria-label="メールアドレス *" data-parsley-errors-container=".mailpoet_error_k4z86" data-parsley-required="true" required aria-required="true" data-parsley-minlength="6" data-parsley-maxlength="150" data-parsley-type-message="このバリューは有効なメールです。" data-parsley-required-message="このフィールドは必須です。"/><span class="mailpoet_error_k4z86"></span></div> <div class="mailpoet_paragraph "><input type="submit" class="mailpoet_submit" value="お得情報を受け取る" data-automation-id="subscribe-submit-button" data-font-family='Montserrat' style="width:100%;box-sizing:border-box;background-color:#000000;border-style:solid;border-radius:10px !important;border-width:1px;border-color:#313131;padding:16px;margin: 0 auto 0 0;font-family:'Montserrat';font-size:NaN;line-height:1.5;height:auto;color:#fcb900;font-weight:bold;" /><span class="mailpoet_form_loading"><span class="mailpoet_bounce1"></span><span class="mailpoet_bounce2"></span><span class="mailpoet_bounce3"></span></span></div> <p class="mailpoet_form_paragraph mailpoet-has-font-size" style="text-align: center; font-size: 13px; line-height: 1.5"><em><span style="font-family: Montserrat" data-font="Montserrat" class="mailpoet-has-font">スパムはしません！詳細については、<a href="https://www.kantanpro.com/privacy-policy" data-type="page" data-id="7400" target="_blank" rel="noreferrer noopener">プライバシーポリシー</a>をご覧ください。</span></em></p> <div class="mailpoet_message"> <p class="mailpoet_validate_success" style="display:none;" >受信ボックスか迷惑メールフォルダを確認して購読手続きを完了してください。 </p> <p class="mailpoet_validate_error" style="display:none;" > </p> </div> </form> </div> </aside> <aside id="new_entries-6" class="widget widget-sidebar widget-sidebar-standard widget_new_entries"><h3 class="widget-sidebar-title widget-title">新着記事</h3> <div class="new-entry-cards widget-entry-cards no-icon cf"> <a href="https://www.kantanpro.com/archives/12629" class="new-entry-card-link widget-entry-card-link a-wrap" title="ニュースクローラー作ってみた"> <div class="post-12629 new-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-580-post tag-582-post"> <figure class="new-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="240" height="135" src="https://www.kantanpro.com/wp-content/uploads/2025/08/zua2hyvtbk-240x135.jpg" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/08/zua2hyvtbk-240x135.jpg 240w, https://www.kantanpro.com/wp-content/uploads/2025/08/zua2hyvtbk-320x180.jpg 320w, https://www.kantanpro.com/wp-content/uploads/2025/08/zua2hyvtbk-640x360.jpg 640w" sizes="(max-width: 240px) 100vw, 240px" /> </figure><!-- /.entry-card-thumb --> <div class="new-entry-card-content widget-entry-card-content card-content"> <div class="new-entry-card-title widget-entry-card-title card-title">ニュースクローラー作ってみた</div> <div class="new-entry-card-date widget-entry-card-date display-none"> <span class="new-entry-card-post-date widget-entry-card-post-date post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.08.23</span></span></div> </div><!-- /.entry-content --> </div><!-- /.entry-card --> </a><!-- /.entry-card-link --> <a href="https://www.kantanpro.com/archives/12597" class="new-entry-card-link widget-entry-card-link a-wrap" title="クロスワードパズル作ってみた"> <div class="post-12597 new-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-580-post tag-581-post"> <figure class="new-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="240" height="135" src="https://www.kantanpro.com/wp-content/uploads/2025/08/Monosnap-crossword-puzzle-KantanPro-Local-2025-08-23-10-01-14-240x135.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/08/Monosnap-crossword-puzzle-KantanPro-Local-2025-08-23-10-01-14-240x135.png 240w, https://www.kantanpro.com/wp-content/uploads/2025/08/Monosnap-crossword-puzzle-KantanPro-Local-2025-08-23-10-01-14-320x180.png 320w, https://www.kantanpro.com/wp-content/uploads/2025/08/Monosnap-crossword-puzzle-KantanPro-Local-2025-08-23-10-01-14-640x360.png 640w" sizes="(max-width: 240px) 100vw, 240px" /> </figure><!-- /.entry-card-thumb --> <div class="new-entry-card-content widget-entry-card-content card-content"> <div class="new-entry-card-title widget-entry-card-title card-title">クロスワードパズル作ってみた</div> <div class="new-entry-card-date widget-entry-card-date display-none"> <span class="new-entry-card-post-date widget-entry-card-post-date post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.08.22</span></span><span class="new-entry-card-update-date widget-entry-card-update-date post-update"><span class="fa fa-history" aria-hidden="true"></span><span class="entry-date">2025.08.23</span></span> </div> </div><!-- /.entry-content --> </div><!-- /.entry-card --> </a><!-- /.entry-card-link --> <a href="https://www.kantanpro.com/archives/12522" class="new-entry-card-link widget-entry-card-link a-wrap" title="五目並べゲーム作ってみた"> <div class="post-12522 new-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-580-post tag-581-post"> <figure class="new-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="240" height="135" src="https://www.kantanpro.com/wp-content/uploads/2025/08/Monosnap-五目並べ-KantanPro-Local-2025-08-21-08-13-14-240x135.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/08/Monosnap-五目並べ-KantanPro-Local-2025-08-21-08-13-14-240x135.png 240w, https://www.kantanpro.com/wp-content/uploads/2025/08/Monosnap-五目並べ-KantanPro-Local-2025-08-21-08-13-14-320x180.png 320w, https://www.kantanpro.com/wp-content/uploads/2025/08/Monosnap-五目並べ-KantanPro-Local-2025-08-21-08-13-14-640x360.png 640w" sizes="(max-width: 240px) 100vw, 240px" /> </figure><!-- /.entry-card-thumb --> <div class="new-entry-card-content widget-entry-card-content card-content"> <div class="new-entry-card-title widget-entry-card-title card-title">五目並べゲーム作ってみた</div> <div class="new-entry-card-date widget-entry-card-date display-none"> <span class="new-entry-card-post-date widget-entry-card-post-date post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.08.21</span></span><span class="new-entry-card-update-date widget-entry-card-update-date post-update"><span class="fa fa-history" aria-hidden="true"></span><span class="entry-date">2025.08.23</span></span> </div> </div><!-- /.entry-content --> </div><!-- /.entry-card --> </a><!-- /.entry-card-link --> </div> </aside> <aside id="popular_entries-4" class="widget widget-sidebar widget-sidebar-standard widget_popular_entries"><h3 class="widget-sidebar-title widget-title">人気記事</h3> <div class="popular-entry-cards widget-entry-cards no-icon cf"> <a href="https://www.kantanpro.com/archives/11714" class="popular-entry-card-link widget-entry-card-link a-wrap no-1" title="KantanProが消費税に対応しました！"> <div class="post-11714 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post tag-523-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="240" height="135" src="https://www.kantanpro.com/wp-content/uploads/2025/07/646512-240x135.jpg" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/07/646512-240x135.jpg 240w, https://www.kantanpro.com/wp-content/uploads/2025/07/646512-320x180.jpg 320w, https://www.kantanpro.com/wp-content/uploads/2025/07/646512-640x360.jpg 640w" sizes="(max-width: 240px) 100vw, 240px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <div class="popular-entry-card-title widget-entry-card-title card-title">KantanProが消費税に対応しました！</div> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.07.15</span></span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update"><span class="fa fa-history" aria-hidden="true"></span><span class="entry-date">2025.08.13</span></span> </div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://www.kantanpro.com/archives/11340" class="popular-entry-card-link widget-entry-card-link a-wrap no-2" title="KantanPro（WordPress版）の現状"> <div class="post-11340 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="240" height="135" src="https://www.kantanpro.com/wp-content/uploads/2025/07/2025-07-03-17.58.42-240x135.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/07/2025-07-03-17.58.42-240x135.png 240w, https://www.kantanpro.com/wp-content/uploads/2025/07/2025-07-03-17.58.42-320x180.png 320w, https://www.kantanpro.com/wp-content/uploads/2025/07/2025-07-03-17.58.42-640x360.png 640w" sizes="(max-width: 240px) 100vw, 240px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <div class="popular-entry-card-title widget-entry-card-title card-title">KantanPro（WordPress版）の現状</div> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.07.03</span></span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update"><span class="fa fa-history" aria-hidden="true"></span><span class="entry-date">2025.07.28</span></span> </div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://www.kantanpro.com/archives/11378" class="popular-entry-card-link widget-entry-card-link a-wrap no-3" title="KantanPro（WordPress版）開発の経緯"> <div class="post-11378 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="240" height="135" src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanProカバー-2-240x135.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanProカバー-2-240x135.png 240w, https://www.kantanpro.com/wp-content/uploads/2025/07/KantanProカバー-2-320x180.png 320w, https://www.kantanpro.com/wp-content/uploads/2025/07/KantanProカバー-2-640x360.png 640w" sizes="(max-width: 240px) 100vw, 240px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <div class="popular-entry-card-title widget-entry-card-title card-title">KantanPro（WordPress版）開発の経緯</div> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date"><span class="fa fa-clock-o" aria-hidden="true"></span><span class="entry-date">2025.07.06</span></span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> </div> </aside> <div id="sidebar-scroll" class="sidebar-scroll"> <aside id="tag_cloud-2" class="widget widget-sidebar widget-sidebar-scroll widget_tag_cloud"><h3 class="widget-sidebar-scroll-title widget-title">タグ</h3><div class="tagcloud"><a href="https://www.kantanpro.com/archives/tag/%e6%b6%88%e8%b2%bb%e7%a8%8e" class="tag-cloud-link tag-link-523 tag-link-position-1" aria-label="消費税 (4個の項目)"><span class="tag-caption"><span class="fa fa-tag tax-icon" aria-hidden="true"></span>消費税</span><span class="tag-link-count">4</span></a> <a href="https://www.kantanpro.com/archives/tag/%e3%82%b2%e3%83%bc%e3%83%a0" class="tag-cloud-link tag-link-581 tag-link-position-2" aria-label="ゲーム (2個の項目)"><span class="tag-caption"><span class="fa fa-tag tax-icon" aria-hidden="true"></span>ゲーム</span><span class="tag-link-count">2</span></a> <a href="https://www.kantanpro.com/archives/tag/%e3%82%af%e3%83%ad%e3%83%bc%e3%83%a9%e3%83%bc" class="tag-cloud-link tag-link-582 tag-link-position-3" aria-label="クローラー (1個の項目)"><span class="tag-caption"><span class="fa fa-tag tax-icon" aria-hidden="true"></span>クローラー</span><span class="tag-link-count">1</span></a> <a href="https://www.kantanpro.com/archives/tag/%e8%a6%8b%e7%a9%8d%e6%9b%b8" class="tag-cloud-link tag-link-526 tag-link-position-4" aria-label="見積書 (1個の項目)"><span class="tag-caption"><span class="fa fa-tag tax-icon" aria-hidden="true"></span>見積書</span><span class="tag-link-count">1</span></a> <a href="https://www.kantanpro.com/archives/tag/%e3%83%90%e3%83%83%e3%82%af%e3%82%a2%e3%83%83%e3%83%97" class="tag-cloud-link tag-link-525 tag-link-position-5" aria-label="バックアップ (1個の項目)"><span class="tag-caption"><span class="fa fa-tag tax-icon" aria-hidden="true"></span>バックアップ</span><span class="tag-link-count">1</span></a> <a href="https://www.kantanpro.com/archives/tag/%e3%82%b9%e3%82%bf%e3%83%83%e3%83%95" class="tag-cloud-link tag-link-524 tag-link-position-6" aria-label="スタッフ (1個の項目)"><span class="tag-caption"><span class="fa fa-tag tax-icon" aria-hidden="true"></span>スタッフ</span><span class="tag-link-count">1</span></a></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-bottom fdt-up-and-down fnm-text-width cf"> <div class="footer-bottom-logo"> <div class="logo logo-footer logo-image"><a href="https://www.kantanpro.com" class="site-name site-name-text-link" itemprop="url"><span class="site-name-text"><img class="site-logo-image footer-site-logo-image" src="https://www.kantanpro.com/wp-content/uploads/2025/08/EDD領収書ヘッダー（効果なし）-3.png" alt="KantanPro"><meta itemprop="name about" content="KantanPro"></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"> <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-footer"><li id="menu-item-11526" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-11526"><a href="https://www.kantanpro.com/">ホーム</a></li> <li id="menu-item-11529" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-11529"><a href="https://www.kantanpro.com/archives/category/kantanproblog">ブログ</a></li> <li id="menu-item-11530" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-11530"><a rel="privacy-policy" href="https://www.kantanpro.com/privacy-policy">プライバシーポリシー</a></li> <li id="menu-item-11525" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11525"><a href="https://www.kantanpro.com/tokusyouhou">特定商取引法に基づく表記</a></li> </ul> </div> </nav> <div class="source-org copyright">© 2018-2025 KantanPro.</div> </div> </div> </div> </footer> <ul class="mobile-header-menu-buttons mobile-menu-buttons"> <!-- メニューボタン --> <li class="navi-menu-button menu-button"> <input id="navi-menu-input" type="checkbox" class="display-none"> <label id="navi-menu-open" class="menu-open menu-button-in" for="navi-menu-input"> <span class="navi-menu-icon menu-icon"> <span class="fa fa-bars" aria-hidden="true"></span> </span> <span class="navi-menu-caption menu-caption">メニュー</span> </label> <label class="display-none" id="navi-menu-close" for="navi-menu-input"></label> <div id="navi-menu-content" class="navi-menu-content menu-content"> <label class="navi-menu-close-button menu-close-button" for="navi-menu-input"><span class="fa fa-close" aria-hidden="true"></span></label> <ul class="menu-drawer"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-11234"><a href="https://www.kantanpro.com/">ホーム</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-12131"><a href="https://www.kantanpro.com/download-products">KantanPro</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11257"><a href="https://www.kantanpro.com/my-kantanpro">KantanPro</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12179"><a href="https://www.kantanpro.com/my-page">マイページ</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-docs menu-item-12373"><a href="https://www.kantanpro.com/docs/%e6%a6%82%e8%a6%81">マニュアル</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11520"><a href="https://www.kantanpro.com/service">サーバー情報</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11649"><a href="https://www.kantanpro.com/install">インストール方法</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12084"><a href="https://www.kantanpro.com/klm">有料プラン選択</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11687"><a href="https://www.kantanpro.com/donation">寄付する</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-has-children menu-item-11255"><a href="https://www.kantanpro.com/archives/category/kantanproblog">ブログ</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-12613"><a href="https://www.kantanpro.com/archives/category/kantanproblog">blog</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12529"><a href="https://www.kantanpro.com/archives/category/%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3">プラグイン</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11364"><a href="https://www.kantanpro.com/community">掲示板</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11251"><a href="https://www.kantanpro.com/contact-form">お問い合わせ</a></li> </ul> </div> </li> <!-- ロゴボタン --> <li class="logo-menu-button menu-button"> <a href="https://www.kantanpro.com" class="menu-button-in"><img class="site-logo-image" src="https://www.kantanpro.com/wp-content/uploads/2025/08/EDD領収書ヘッダー（効果なし）-3.png" alt="KantanPro" width="600" height="100"></a> </li> <!-- 検索ボタン --> <!-- 検索ボタン --> <li class="search-menu-button menu-button"> <input 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://www.kantanpro.com/"> <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> </ul> <ul class="mobile-footer-menu-buttons mobile-menu-buttons"> <!-- ホームボタン --> <li class="home-menu-button menu-button"> <a href="https://www.kantanpro.com" 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="share-menu-button menu-button"> <input id="share-menu-input" type="checkbox" class="display-none"> <label id="share-menu-open" class="menu-open menu-button-in" for="share-menu-input"> <span class="share-menu-icon menu-icon"> <span class="fa fa-share-alt" aria-hidden="true"></span> </span> <span class="share-menu-caption menu-caption">シェア</span> </label> <label class="display-none" id="share-menu-close" for="share-menu-input"></label> <div id="share-menu-content" class="share-menu-content"> <div class="sns-share ss-col-3 bc-brand-color sbc-hide ss-mobile"> <div class="sns-share-buttons sns-buttons"> <a href="https://x.com/intent/tweet?text=%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E8%A9%B3%E7%B4%B0%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92GET%E3%81%A6%E3%82%99%E3%82%B7%E3%83%B3%E3%83%95%E3%82%9A%E3%83%AB%E3%81%AB+%23KantanPro+%23ChaChatWorks+%23%E3%83%95%E3%83%AA%E3%83%BC%E3%83%A9%E3%83%B3%E3%82%B9+%23%E8%87%AA%E5%96%B6%E6%A5%AD+%23%E4%BB%95%E4%BA%8B%E5%8A%B9%E7%8E%87%E5%8C%96&url=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450&via=KantanPro" class="sns-button share-button twitter-button twitter-share-button-sq x-corp-button x-corp-share-button-sq" target="_blank" title="Xでシェア" rel="nofollow noopener noreferrer" aria-label="Xでシェア"><span class="social-icon icon-x-corp"></span><span class="button-caption">X</span><span class="share-count twitter-share-count x-share-count"></span></a> <a href="//www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450&linkname=%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E8%A9%B3%E7%B4%B0%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92GET%E3%81%A6%E3%82%99%E3%82%B7%E3%83%B3%E3%83%95%E3%82%9A%E3%83%AB%E3%81%AB" class="sns-button share-button mastodon-button mastodon-share-button-sq" target="_blank" title="Mastodonでシェア" rel="nofollow noopener noreferrer" aria-label="Mastodonでシェア"><span class="social-icon icon-mastodon"></span><span class="button-caption">Mastodon</span><span class="share-count mastodon-share-count"></span></a> <a href="//bsky.app/intent/compose?text=%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E8%A9%B3%E7%B4%B0%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92GET%E3%81%A6%E3%82%99%E3%82%B7%E3%83%B3%E3%83%95%E3%82%9A%E3%83%AB%E3%81%AB%20https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450" class="sns-button share-button bluesky-button bluesky-share-button-sq" target="_blank" title="Blueskyでシェア" rel="nofollow noopener noreferrer" aria-label="Blueskyでシェア"><span class="social-icon icon-bluesky"></span><span class="button-caption">Bluesky</span><span class="share-count bluesky-share-count"></span></a> <a href="//misskey-hub.net/share/?text=%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E8%A9%B3%E7%B4%B0%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92GET%E3%81%A6%E3%82%99%E3%82%B7%E3%83%B3%E3%83%95%E3%82%9A%E3%83%AB%E3%81%AB&url=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450&visibility=public&localOnly=0" class="sns-button share-button misskey-button misskey-share-button-sq" target="_blank" title="Misskeyでシェア" rel="nofollow noopener noreferrer" aria-label="Misskeyでシェア"><span class="social-icon icon-misskey"></span><span class="button-caption">Misskey</span><span class="share-count misskey-share-count"></span></a> <a href="//www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450&t=%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E8%A9%B3%E7%B4%B0%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92GET%E3%81%A6%E3%82%99%E3%82%B7%E3%83%B3%E3%83%95%E3%82%9A%E3%83%AB%E3%81%AB" class="sns-button share-button facebook-button facebook-share-button-sq" target="_blank" title="Facebookでシェア" rel="nofollow noopener noreferrer" aria-label="Facebookでシェア"><span class="social-icon icon-facebook"></span><span class="button-caption">Facebook</span><span class="share-count facebook-share-count">0</span></a> <a href="//b.hatena.ne.jp/entry/s/www.kantanpro.com/archives/10450" class="sns-button share-button hatebu-button hatena-bookmark-button hatebu-share-button-sq" data-hatena-bookmark-layout="simple" target="_blank" title="はてブでブックマーク" rel="nofollow noopener noreferrer" aria-label="はてブでブックマーク"><span class="social-icon icon-hatena"></span><span class="button-caption">はてブ</span><span class="share-count hatebu-share-count">0</span></a> <a href="//getpocket.com/edit?url=https://www.kantanpro.com/archives/10450" class="sns-button share-button pocket-button pocket-share-button-sq" target="_blank" title="Pocketに保存" rel="nofollow noopener noreferrer" aria-label="Pocketに保存"><span class="social-icon icon-pocket"></span><span class="button-caption">Pocket</span><span class="share-count pocket-share-count">0</span></a> <a href="//timeline.line.me/social-plugin/share?url=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450" class="sns-button share-button line-button line-share-button-sq" target="_blank" title="LINEでシェア" rel="nofollow noopener noreferrer" aria-label="LINEでシェア"><span class="social-icon icon-line"></span><span class="button-caption">LINE</span><span class="share-count line-share-count"></span></a> <a href="//www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450" class="sns-button share-button pinterest-button pinterest-share-button-sq" target="_blank" title="Pinterestでシェア" rel="nofollow noopener noreferrer" data-pin-do="buttonBookmark" data-pin-custom="true" aria-label="Pinterestでシェア"><span class="social-icon icon-pinterest"></span><span class="button-caption">Pinterest</span><span class="share-count pinterest-share-count"></span></a> <a href="//www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10450" class="sns-button share-button linkedin-button linkedin-share-button-sq" target="_blank" title="LinkedInでシェア" rel="nofollow noopener noreferrer" aria-label="LinkedInでシェア"><span class="social-icon icon-linkedin"></span><span class="button-caption">LinkedIn</span><span class="share-count linkedin-share-count"></span></a> <a role="button" tabindex="0" class="sns-button share-button copy-button copy-share-button-sq" data-clipboard-text="クライアント詳細リンクをGETでシンプルに https://www.kantanpro.com/archives/10450" title="タイトルとURLをコピーする" aria-label="タイトルとURLをコピーする"><span class="social-icon icon-copy"></span><span class="button-caption">コピー</span><span class="share-count copy-share-count"></span></a> </div><!-- /.sns-share-buttons --> </div><!-- /.sns-share --> </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 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>if (typeof window.ktpwp_ajax === "undefined") {window.ktpwp_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777","nonces":{"staff_chat":"eb2d6cbcef","auto_save":"b5c61a6224"}};window.ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777","nonces":{"staff_chat":"eb2d6cbcef","auto_save":"b5c61a6224"}};window.ktp_ajax_nonce = "7de0b9a777";window.ajaxurl = "https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php";console.log("Footer fallback: AJAX設定を出力 (debug mode)", window.ktpwp_ajax);}</script><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> <div class="wp-dark-mode-floating-switch wp-dark-mode-ignore wp-dark-mode-animation wp-dark-mode-animation-bounce reverse wp-dark-mode-hide-tablet wp-dark-mode-hide-mobile" style="left: 10px; bottom: 10px;"> <!-- call to action --> <div class="wp-dark-mode-switch wp-dark-mode-ignore " tabindex="0" data-style="3" data-size="1" data-text-light="" data-text-dark="" data-icon-light="" data-icon-dark=""></div></div><link rel='stylesheet' id='mailpoet_public-css' href='https://www.kantanpro.com/wp-content/plugins/mailpoet/assets/dist/css/mailpoet-public.b1f0906e.css?ver=6.8.2&fver=20250821041627' type='text/css' media='all' /> <link rel='stylesheet' id='mailpoet_custom_fonts_0-css' href='https://fonts.googleapis.com/css?family=Abril+FatFace%3A400%2C400i%2C700%2C700i%7CAlegreya%3A400%2C400i%2C700%2C700i%7CAlegreya+Sans%3A400%2C400i%2C700%2C700i%7CAmatic+SC%3A400%2C400i%2C700%2C700i%7CAnonymous+Pro%3A400%2C400i%2C700%2C700i%7CArchitects+Daughter%3A400%2C400i%2C700%2C700i%7CArchivo%3A400%2C400i%2C700%2C700i%7CArchivo+Narrow%3A400%2C400i%2C700%2C700i%7CAsap%3A400%2C400i%2C700%2C700i%7CBarlow%3A400%2C400i%2C700%2C700i%7CBioRhyme%3A400%2C400i%2C700%2C700i%7CBonbon%3A400%2C400i%2C700%2C700i%7CCabin%3A400%2C400i%2C700%2C700i%7CCairo%3A400%2C400i%2C700%2C700i%7CCardo%3A400%2C400i%2C700%2C700i%7CChivo%3A400%2C400i%2C700%2C700i%7CConcert+One%3A400%2C400i%2C700%2C700i%7CCormorant%3A400%2C400i%2C700%2C700i%7CCrimson+Text%3A400%2C400i%2C700%2C700i%7CEczar%3A400%2C400i%2C700%2C700i%7CExo+2%3A400%2C400i%2C700%2C700i%7CFira+Sans%3A400%2C400i%2C700%2C700i%7CFjalla+One%3A400%2C400i%2C700%2C700i%7CFrank+Ruhl+Libre%3A400%2C400i%2C700%2C700i%7CGreat+Vibes%3A400%2C400i%2C700%2C700i&ver=6.8.2' type='text/css' media='all' /> <link rel='stylesheet' id='mailpoet_custom_fonts_1-css' href='https://fonts.googleapis.com/css?family=Heebo%3A400%2C400i%2C700%2C700i%7CIBM+Plex%3A400%2C400i%2C700%2C700i%7CInconsolata%3A400%2C400i%2C700%2C700i%7CIndie+Flower%3A400%2C400i%2C700%2C700i%7CInknut+Antiqua%3A400%2C400i%2C700%2C700i%7CInter%3A400%2C400i%2C700%2C700i%7CKarla%3A400%2C400i%2C700%2C700i%7CLibre+Baskerville%3A400%2C400i%2C700%2C700i%7CLibre+Franklin%3A400%2C400i%2C700%2C700i%7CMontserrat%3A400%2C400i%2C700%2C700i%7CNeuton%3A400%2C400i%2C700%2C700i%7CNotable%3A400%2C400i%2C700%2C700i%7CNothing+You+Could+Do%3A400%2C400i%2C700%2C700i%7CNoto+Sans%3A400%2C400i%2C700%2C700i%7CNunito%3A400%2C400i%2C700%2C700i%7COld+Standard+TT%3A400%2C400i%2C700%2C700i%7COxygen%3A400%2C400i%2C700%2C700i%7CPacifico%3A400%2C400i%2C700%2C700i%7CPoppins%3A400%2C400i%2C700%2C700i%7CProza+Libre%3A400%2C400i%2C700%2C700i%7CPT+Sans%3A400%2C400i%2C700%2C700i%7CPT+Serif%3A400%2C400i%2C700%2C700i%7CRakkas%3A400%2C400i%2C700%2C700i%7CReenie+Beanie%3A400%2C400i%2C700%2C700i%7CRoboto+Slab%3A400%2C400i%2C700%2C700i&ver=6.8.2' type='text/css' media='all' /> <link rel='stylesheet' id='mailpoet_custom_fonts_2-css' href='https://fonts.googleapis.com/css?family=Ropa+Sans%3A400%2C400i%2C700%2C700i%7CRubik%3A400%2C400i%2C700%2C700i%7CShadows+Into+Light%3A400%2C400i%2C700%2C700i%7CSpace+Mono%3A400%2C400i%2C700%2C700i%7CSpectral%3A400%2C400i%2C700%2C700i%7CSue+Ellen+Francisco%3A400%2C400i%2C700%2C700i%7CTitillium+Web%3A400%2C400i%2C700%2C700i%7CUbuntu%3A400%2C400i%2C700%2C700i%7CVarela%3A400%2C400i%2C700%2C700i%7CVollkorn%3A400%2C400i%2C700%2C700i%7CWork+Sans%3A400%2C400i%2C700%2C700i%7CYatra+One%3A400%2C400i%2C700%2C700i&ver=6.8.2' type='text/css' media='all' /> <style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <script src="https://www.kantanpro.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0&fver=20250611112842" id="imagesloaded-js"></script> <script src="https://www.kantanpro.com/wp-includes/js/masonry.min.js?ver=4.2.2&fver=20200613065327" id="masonry-js"></script> <script src="https://www.kantanpro.com/wp-content/plugins/betterdocs/assets/blocks/categorygrid/frontend.js?ver=a4a7e7ed1fd9a2aaf85a&fver=20250819073714" id="betterdocs-categorygrid-js"></script> <script id="ktp-js-js-extra"> /* <![CDATA[ */ var ktpwpDebugMode = {"value":"1"}; /* ]]> */ </script> <script id="ktp-js-js-before"> /* <![CDATA[ */ window.ktp_tax_policy = {"mode":"multiple","unified_tax_rate":5,"hide_tax_columns":false,"lock_line_tax_rate":false,"hide_columns":false}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-js.js?v=1755976858&fver=20250816084355" id="ktp-js-js"></script> <script id="ktp-js-js-after"> /* <![CDATA[ */ var ktpwpDebugMode = true; var ktpwpCostShowLabel = "\u8868\u793a"; var ktpwpCostHideLabel = "\u975e\u8868\u793a"; var ktpwpStaffChatShowLabel = "\u8868\u793a"; var ktpwpStaffChatHideLabel = "\u975e\u8868\u793a"; var ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php"}; var ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777","nonces":{"staff_chat":"eb2d6cbcef","auto_save":"b5c61a6224"}}; var ktpwp_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777","nonces":{"staff_chat":"eb2d6cbcef","auto_save":"b5c61a6224"}}; var ajaxurl = "https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php"; var ktpwpCostShowLabel = "\u8868\u793a"; var ktpwpCostHideLabel = "\u975e\u8868\u793a"; var ktpwpStaffChatShowLabel = "\u8868\u793a"; var ktpwpStaffChatHideLabel = "\u975e\u8868\u793a"; var ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonces":{"auto_save":"7de0b9a777","inline_edit":"83a500678d","general":"a0ae482cb9","staff_chat":"eb2d6cbcef","invoice_candidates":"f0ff10697b","progress_update":"7de0b9a777"},"settings":{"work_list_range":5,"delivery_warning_days":3},"nonce":"a0ae482cb9"}; var ktpwp_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonces":{"auto_save":"7de0b9a777","inline_edit":"83a500678d","general":"a0ae482cb9","staff_chat":"eb2d6cbcef","invoice_candidates":"f0ff10697b","progress_update":"7de0b9a777"},"settings":{"work_list_range":5,"delivery_warning_days":3},"nonce":"a0ae482cb9"}; var ajaxurl = "https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php"; var ktpwp_ajax_nonce = "a0ae482cb9"; /* ]]> */ </script> <script id="ktp-order-inline-projectname-js-extra"> /* <![CDATA[ */ var ktpwp_inline_edit_nonce = {"nonce":"8e1a08b4e1"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-order-inline-projectname.js?ver=1.0.28&fver=20250816084355" id="ktp-order-inline-projectname-js"></script> <script src="https://www.kantanpro.com/wp-includes/js/dist/hooks.js?ver=be67dc331e61e06d52fa&fver=20250611112842" id="wp-hooks-js"></script> <script src="https://www.kantanpro.com/wp-includes/js/dist/i18n.js?ver=5edc734adb78e0d7d00e&fver=20250611112842" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.1&fver=20250805105851" 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-08-05 08:50:03+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:\/\/www.kantanpro.com\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.1&fver=20250805105851" id="contact-form-7-js"></script> <script id="gomoku-game-js-extra"> /* <![CDATA[ */ var gomoku_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"e66fe9d470","board_size":"15"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/gomoku/public/js/gomoku.js?ver=1.3.1&fver=20250821104045" id="gomoku-game-js"></script> <script id="jp-crossword-js-extra"> /* <![CDATA[ */ var JPCW = {"ajax":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"1fa739f475","i18n":{"loading":"\u554f\u984c\u3092\u751f\u6210\u4e2d\u2026","error":"\u751f\u6210\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002\u518d\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002","new":"\u65b0\u898f\u554f\u984c","hint":"\u30d2\u30f3\u30c8\u3092\u8868\u793a","giveup":"\u30ae\u30d6\u30a2\u30c3\u30d7\uff08\u7b54\u3048\u3092\u8868\u793a\uff09"}}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/jp-crossword/assets/jpcw.js?ver=1.0.1&fver=20250823123632" id="jp-crossword-js"></script> <script id="ktp-my-page-js-extra"> /* <![CDATA[ */ var ktp_my_page_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"161d7d4a0d"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro-License-Manager/assets/js/my-page.js?ver=1.3.3&fver=20250805065539" id="ktp-my-page-js"></script> <script id="ktp-license-frontend-js-extra"> /* <![CDATA[ */ var ktp_license_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"74be03c17f","stripe_publishable_key":"pk_live_51RiD7U09Cs900UhV74cscfgq2LbjWJgec9X3HdKTdMAryOMeno9tgBhbe6UchBqyUX7qUa1fhgTSoqwSjbg78kjv005XjrsP1q","currency":"jpy","success_url":"12097","plugin_url":"https:\/\/www.kantanpro.com\/wp-content\/plugins\/KantanPro-License-Manager\/","version":"1.3.3"}; var ktp_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"74be03c17f","stripe_publishable_key":"pk_live_51RiD7U09Cs900UhV74cscfgq2LbjWJgec9X3HdKTdMAryOMeno9tgBhbe6UchBqyUX7qUa1fhgTSoqwSjbg78kjv005XjrsP1q","currency":"jpy","success_url":"12097","plugin_url":"https:\/\/www.kantanpro.com\/wp-content\/plugins\/KantanPro-License-Manager\/","version":"1.3.3"}; var ktp_license_debug = {"enabled":"1","shortcode_found":"","stripe_key_set":"1","plans_count":"3","stripe_js_loaded":"1","frontend_js_loaded":"1","forced_load":"1"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro-License-Manager/assets/js/frontend-clean.js?ver=1.3.3&fver=20250805065539" id="ktp-license-frontend-js"></script> <script id="dlm-xhr-js-extra"> /* <![CDATA[ */ var dlmXHRtranslations = {"error":"An error occurred while trying to download the file. Please try again.","not_found":"\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u304c\u5b58\u5728\u3057\u307e\u305b\u3093\u3002","no_file_path":"No file path defined.","no_file_paths":"\u30d5\u30a1\u30a4\u30eb\u30d1\u30b9\u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002","filetype":"Download is not allowed for this file type.","file_access_denied":"Access denied to this file.","access_denied":"Access denied. You do not have permission to download this file.","security_error":"Something is wrong with the file path.","file_not_found":"\u30d5\u30a1\u30a4\u30eb\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3002"}; /* ]]> */ </script> <script id="dlm-xhr-js-before"> /* <![CDATA[ */ const dlmXHR = {"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php"}; dlmXHRinstance = {}; const dlmXHRGlobalLinks = "https://www.kantanpro.com/download-monitor/"; const dlmNonXHRGlobalLinks = []; dlmXHRgif = "https://www.kantanpro.com/wp-includes/images/spinner.gif"; const dlmXHRProgress = "1" /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/download-monitor/assets/js/dlm-xhr.js?ver=5.0.33&fver=20250809055315" id="dlm-xhr-js"></script> <script src="https://www.kantanpro.com/wp-content/themes/cocoon-master/plugins/baguettebox/dist/baguetteBox.min.js?ver=6.8.2&fver=20250810103450" id="baguettebox-js-js"></script> <script id="baguettebox-js-js-after"> /* <![CDATA[ */ (function($){ baguetteBox.run(".entry-content"); })(jQuery); /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/themes/cocoon-master/plugins/stickyfill/dist/stickyfill.min.js?ver=6.8.2&fver=20250810103451" id="stickyfill-js-js"></script> <script src="https://www.kantanpro.com/wp-content/themes/cocoon-master/plugins/lozad.js-master/dist/lozad.min.js?ver=6.8.2&fver=20250810103451" id="lazy-load-js-js"></script> <script id="lazy-load-js-js-after"> /* <![CDATA[ */ const observer = lozad(".lozad", {rootMargin: "0px 500px 500px"});observer.observe(); /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-includes/js/comment-reply.js?ver=6.8.2&fver=20250611112842" 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":"1","is_fixed_mobile_buttons_enable":"1","is_google_font_lazy_load_enable":""}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/themes/cocoon-master/javascript.js?ver=6.8.2&fver=20250810103450" id="cocoon-js-js"></script> <script src="https://www.kantanpro.com/wp-content/themes/cocoon-master/skins/skin-season-winter/javascript.js?ver=6.8.2&fver=20250810103451" id="cocoon-skin-js-js"></script> <script src="https://www.kantanpro.com/wp-content/themes/cocoon-child-master/javascript.js?ver=6.8.2&fver=20250611113245" id="cocoon-child-js-js"></script> <script src="https://www.kantanpro.com/wp-includes/js/jquery/ui/core.js?ver=1.13.3&fver=20250611112842" id="jquery-ui-core-js"></script> <script src="https://www.kantanpro.com/wp-includes/js/jquery/ui/mouse.js?ver=1.13.3&fver=20250611112842" id="jquery-ui-mouse-js"></script> <script src="https://www.kantanpro.com/wp-includes/js/jquery/ui/sortable.js?ver=1.13.3&fver=20250611112842" id="jquery-ui-sortable-js"></script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/progress-select.js?ver=1.0.28" id="ktp-progress-select-js"></script> <script id="ktp-supplier-selector-js-extra"> /* <![CDATA[ */ var ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-supplier-selector.js?ver=1.0.28&fver=20250816084355" id="ktp-supplier-selector-js"></script> <script id="ktp-supplier-selector-js-after"> /* <![CDATA[ */ var ktp_ajax_nonce = "7de0b9a777"; var ajaxurl = "https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php"; /* ]]> */ </script> <script id="ktp-cost-items-js-extra"> /* <![CDATA[ */ var ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-cost-items.js?ver=1.0.28&fver=20250816084355" id="ktp-cost-items-js"></script> <script id="ktp-cost-items-js-after"> /* <![CDATA[ */ var ktp_ajax_nonce = "7de0b9a777"; var ajaxurl = "https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php"; /* ]]> */ </script> <script id="ktp-purchase-order-email-js-extra"> /* <![CDATA[ */ var ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"a0ae482cb9"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-purchase-order-email.js?ver=1.0.28&fver=20250816084355" id="ktp-purchase-order-email-js"></script> <script id="ktp-purchase-order-email-js-after"> /* <![CDATA[ */ var ktpwp_ajax_nonce = "a0ae482cb9"; var ktp_ajax_nonce = "7de0b9a777"; var ajaxurl = "https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php"; /* ]]> */ </script> <script id="ktp-invoice-items-js-extra"> /* <![CDATA[ */ var ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-invoice-items.js?ver=1.0.28&fver=20250816084355" id="ktp-invoice-items-js"></script> <script id="ktp-invoice-items-js-after"> /* <![CDATA[ */ var ktp_ajax_nonce = "7de0b9a777"; var ajaxurl = "https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php"; /* ]]> */ </script> <script id="ktp-service-selector-js-extra"> /* <![CDATA[ */ var ktp_service_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-service-selector.js?ver=1.0.28.1755333835&fver=20250816084355" id="ktp-service-selector-js"></script> <script id="ktp-service-selector-js-after"> /* <![CDATA[ */ var ktp_service_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777","settings":{"work_list_range":5,"delivery_warning_days":3}}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-calculation-debug.js?ver=1.0.28" id="ktp-calculation-debug-js"></script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-calculation-test.js?ver=1.0.28" id="ktp-calculation-test-js"></script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-calculation-monitor.js?ver=1.0.28" id="ktp-calculation-monitor-js"></script> <script id="ktp-email-popup-js-extra"> /* <![CDATA[ */ var ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"a0ae482cb9"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-email-popup.js?ver=1.0.28&fver=20250816084355" id="ktp-email-popup-js"></script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-svg-icons.js?ver=1.0.28&fver=20250816084355" id="ktp-svg-icons-js"></script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-order-preview.js?ver=1.0.28.1755333835&fver=20250816084355" id="ktp-order-preview-js"></script> <script id="ktp-delivery-dates-js-extra"> /* <![CDATA[ */ var ktp_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777","settings":{"delivery_warning_days":3}}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-delivery-dates.js?ver=1.0.28&fver=20250816084355" id="ktp-delivery-dates-js"></script> <script id="ktp-delivery-dates-js-after"> /* <![CDATA[ */ var ktp_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777","progress_nonce":"7de0b9a777","settings":{"delivery_warning_days":3}}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-client-delete-popup.js?ver=1.0.28&fver=20250816084355" id="ktp-client-delete-popup-js"></script> <script id="ktp-client-invoice-js-extra"> /* <![CDATA[ */ var ktpClientInvoice = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonce":"7de0b9a777","design_settings":{"odd_row_color":"#e7eefd","even_row_color":"#ffffff"}}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-client-invoice.js?ver=1.0.28.1755333835&fver=20250816084355" id="ktp-client-invoice-js"></script> <!-- Google Reader Revenue Manager スニペットが Site Kit によって追加されました --> <script id="google_swgjs-js-before"> /* <![CDATA[ */ (self.SWG_BASIC=self.SWG_BASIC||[]).push(basicSubscriptions=>{basicSubscriptions.init({"type":"NewsArticle","isPartOfType":["Product"],"isPartOfProductId":"CAowke68DA:openaccess","clientOptions":{"theme":"light","lang":"ja"}});}); /* ]]> */ </script> <script src="https://news.google.com/swg/js/v1/swg-basic.js" id="google_swgjs-js" async="async" data-wp-strategy="async"></script> <!-- Site Kit によって追加された Google Reader Revenue Manager スニペットを終了する --> <script src="https://www.kantanpro.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-contact-form-7-84e9a1056bc4922b7cbd.js?fver=20250812014558" id="googlesitekit-events-provider-contact-form-7-js" defer></script> <script src="https://www.kantanpro.com/wp-content/plugins/youtube-embed-plus/scripts/fitvids.js?ver=14.2.3&fver=20250621074718" id="__ytprefsfitvids__-js"></script> <script id="mailpoet_public-js-extra"> /* <![CDATA[ */ var MailPoetForm = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","is_rtl":"","ajax_common_error_message":"\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u5b9f\u884c\u4e2d\u306b\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002\u5f8c\u3067\u3084\u308a\u76f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}; var MailPoetForm = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","is_rtl":"","ajax_common_error_message":"\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u5b9f\u884c\u4e2d\u306b\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002\u5f8c\u3067\u3084\u308a\u76f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}; var MailPoetForm = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","is_rtl":"","ajax_common_error_message":"\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u5b9f\u884c\u4e2d\u306b\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002\u5f8c\u3067\u3084\u308a\u76f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/mailpoet/assets/dist/js/public.js?ver=5.13.2&fver=20250821041628" id="mailpoet_public-js" defer="defer" data-wp-strategy="defer"></script> <script>!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="//assets.pinterest.com/js/pinit_main.js";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pinterest-btn-js");</script> <div class="copy-info">タイトルとURLをコピーしました</div> <script> (function($){ const selector = '.copy-button';//clipboardで使う要素を指定 $(selector).click(function(event){ //クリック動作をキャンセル event.preventDefault(); //クリップボード動作 navigator.clipboard.writeText($(selector).attr('data-clipboard-text')).then( () => { $('.copy-info').fadeIn(500).delay(1000).fadeOut(500); }); }); })(jQuery); </script> <script> (function($) { /*固定ヘッダー化*/ function stickyHeader() { if (!$("#header-container").hasClass("fixed-header")) { /* 余白調整用の空クラスを追加する */ $('#header-container').after('<div id="header-fixed"></div>'); /* ヘッダーの高さの変化分、paddingで調整しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': `${threashold}px`, }); /* トップメニュータイプに変更する */ $("#header-container-in").removeClass('hlt-center-logo hlt-center-logo-top-menu').addClass("hlt-top-menu wrap"); $("#header-container").addClass("fixed-header"); $("#header-container").css({ 'position': 'fixed', 'top': '-100px', 'left': '0', 'width': '100%', }); const wpadminbar = document.getElementById('wpadminbar'); const headerContainerTop = wpadminbar ? wpadminbar.clientHeight : 0; $('#header-container').animate( { top: headerContainerTop, }, 500 ); } } /*固定ヘッダーの解除*/ function staticHeader() { if ($("#header-container").hasClass("fixed-header")) { /*センターロゴタイプに戻す*/ $("#header-container-in").removeClass("hlt-top-menu hlt-tm-right hlt-tm-small hlt-tm-small wrap").addClass(" hlt-top-menu wrap"); $("#header-container").removeClass("fixed-header"); $("#header-container").css({ 'position': 'static', 'top': 'auto', 'left': 'auto', 'width': 'auto', }); /* ヘッダーの高さの戻る分、padding削除しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': '0', }); $("#header-fixed").remove(); } } /* 境界値をヘッダーコンテナに設定 */ var threashold = $('#header-container').height(); var prevScrollTop = -1; var $window = $(window); var mobileWidth = 1023; $window.scroll(function() { var scrollTop = $window.scrollTop(); var s1 = (prevScrollTop > threashold); var s2 = (scrollTop > threashold); var w = $window.width(); /*スクロールエリアの位置調整*/ function adjustScrollArea(selector) { if ($(selector) && $(selector).offset()) { offset = $(selector).offset().top; h = $("#header-container").height(); pt = $(selector).css('padding-top'); if (pt) { pt = pt.replace('px', ''); } else { pt = 0; } if ((scrollTop >= offset - h) && (w > mobileWidth)) { if ((pt <= 1) && $("#header-container").hasClass('fixed-header')) { $(selector).css({ 'padding-top': h + 'px', }); } } else { if (pt > 0) { $(selector).css({ 'padding-top': 0, }); } } } } /*スクロール追従エリアの調整*/ function adjustScrollAreas() { adjustScrollArea('#sidebar-scroll'); adjustScrollArea('#main-scroll'); } /*固定ヘッダーのスタイル決め*/ function adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth) { if (s1 ^ s2) { if (s2 && (w > mobileWidth)) { stickyHeader(); } } /* 境界値に達したら固定化 */ if (scrollTop <= threashold || w <= mobileWidth) { staticHeader(); } } adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth); adjustScrollAreas(); prevScrollTop = scrollTop; }); /*ウインドウがリサイズされたら発動*/ $window.resize(function () { /*ウインドウの幅を変数に格納*/ var w = $window.width(); if (w <= mobileWidth) { /*モバイル端末の場合*/ staticHeader(); } else { /*パソコン端末の場合*/ var scrollTop = $window.scrollTop(); if (scrollTop >= 50) { stickyHeader(); } } }); })(jQuery); </script> </div><!-- #container --> </body> </html>
blog
blog
blog
blog
blog
blog