リストのページネーション KantanPro blogカンタンProWP独自のページネーションを開発。レンジ間の移動をするのがページネーション（ページング・ページャーとも言う）です。ページネーションは、WordPressのテーマなどでもよく見かける機能ですね。 2023.01.222025.07.03 <input type="checkbox" class="toc-checkbox" id="toc-checkbox-2"><label class="toc-title" for="toc-checkbox-2">目次</label> <div class="toc-content"> <ol class="toc-list open"><li><a href="#toc1" tabindex="0">リストのページネーション</a><ol><li><a href="#toc2" tabindex="0">カンタンProWP独自のページネーションを開発</a></li></ol></li></ol> </div> </div> <h2><span id="toc1">リストのページネーション</span></h2> <p>リストが長くなると読み込みに時間がかかったり、スクロールが必要になったりして見栄えが悪くなります。なので通常はレンジ（表示範囲）を区切って表示するわけですが、レンジ間の移動をするのがページネーション（ページング・ページャーとも言う）です。ページネーションは、WordPressのテーマなどでもよく見かける機能ですね。</p> <h3><span id="toc2">カンタンProWP独自のページネーションを開発</span></h3> <p>開発中のWordPressのプラグイン「カンタンProWP」で、独自のページネーションを実装しました。これが結構大変というか面倒で、できればどこかにサンプルが落ちてないか探したのですが、ニーズに合うものがなくて仕方なく自分の頭で考えて開発しましたｗ</p> <p>コードはぜんぜんクールじゃないダサいコードですが、一応意図した通りに動作してます。データ量が増えてもあまり遅くなることはないかと思いますが、実際ためしてみないと分かりません。</p> </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>KantanPro 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%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3+%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%2F10515&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%2F10515&t=%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3" 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/10515" 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%2F10515" 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%2F10515" 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="リストのページネーション https://www.kantanpro.com/archives/10515" 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/archives/author/kantan" 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/archives/author/kantan"> <span class="author-name fn" itemprop="name">kantan</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/11148" class="related-entry-card-wrap a-wrap border-element cf" title="リストのページネーションの改善（よく使う順でソート）／開発記録 2024/02/14"> <article class="post-11148 related-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-chatgpt-post tag-wordpress-post tag-prowp-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image lozad lozad-img" loading="lazy" width="320" height="180" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image" width="320" height="180" /></noscript> <span class="cat-label cat-label-515">KantanPro 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"> リストのページネーションの改善（よく使う順でソート）／開発記録 2024/02/14 </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">2024.02.14</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">KantanPro 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/2411" class="related-entry-card-wrap a-wrap border-element cf" title="WordPressプラグイン開発 – 【成功】顧客リストの表示"> <article class="post-2411 related-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-php-post tag-wordpress-post tag-prowp-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image lozad lozad-img" loading="lazy" width="320" height="180" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image" width="320" height="180" /></noscript> <span class="cat-label cat-label-515">KantanPro 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"> WordPressプラグイン開発 – 【成功】顧客リストの表示 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> 簡単だ楽だと偉そうに言ってたバチが当たったのか、今日はかなりハマりました。Contact７のお問い合... </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">2019.08.25</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">KantanPro 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/11168" class="related-entry-card-wrap a-wrap border-element cf" title="商品・サービスタブの開発／商品画像のアップロード／開発記録 2024/03/26"> <article class="post-11168 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post tag-php-post tag-wordpress-post tag-prowp-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/KantanPro_main-2-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/KantanPro_main-2-320x180.png 320w, https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png 240w, https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-640x360.png 640w" sizes="(max-width: 320px) 100vw, 320px" /> <span class="cat-label cat-label-515">KantanPro 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"> 商品・サービスタブの開発／商品画像のアップロード／開発記録 2024/03/26 </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">2024.03.26</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">KantanPro 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/11082" class="related-entry-card-wrap a-wrap border-element cf" title="【カンタンProWP】仕切り直し「chatGPT」を活用して開発"> <article class="post-11082 related-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-chatgpt-post tag-prowp-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image lozad lozad-img" loading="lazy" width="320" height="180" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image" width="320" height="180" /></noscript> <span class="cat-label cat-label-515">KantanPro 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"> 【カンタンProWP】仕切り直し「chatGPT」を活用して開発 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> プログラミングの革命だなこりゃ僕はPHPプログプログラミングは初心者レベルなんですが、chatGPT... </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">2023.12.21</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">KantanPro 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/2447" class="related-entry-card-wrap a-wrap border-element cf" title="WordPressプラグイン開発 – 【成功】管理画面の設定メニューにカンタンProWP追加"> <article class="post-2447 related-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-php-post tag-wordpress-post tag-prowp-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image lozad lozad-img" loading="lazy" width="320" height="180" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image" width="320" height="180" /></noscript> <span class="cat-label cat-label-515">KantanPro 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"> WordPressプラグイン開発 – 【成功】管理画面の設定メニューにカンタンProWP追加 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> アップデートがあります。例によってOXY NOTESさんを参考にやってみました。「プラグイン専用のオ... </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">2019.09.04</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">KantanPro 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/10367" class="related-entry-card-wrap a-wrap border-element cf" title="カンタンProWP開発状況 2022-12-16"> <article class="post-10367 related-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image lozad lozad-img" loading="lazy" width="320" height="180" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png" alt="" class="no-image related-entry-card-no-image" width="320" height="180" /></noscript> <span class="cat-label cat-label-515">KantanPro 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"> カンタンProWP開発状況 2022-12-16 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> カンタンProWPプラグインを有効化後、ページを表示すると自動的に独自テーブルを作成します。（すでにあれば作成しません）パフォーマンス維持のため、テーブルのバージョン管理を行い、バージョンが同じであれば何もしません。現時点でデーター入力のロジックはできていないので、ページを表示するたびに同じデーター行を作成してしまいます。とりあえず、ダミーです。 </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">2022.12.16</span></span> </div> <div class="related-entry-card-categorys e-card-categorys"><span class="entry-category cat-label-515">KantanPro blog</span></div> </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> </div> </aside> <!-- comment area --> <div id="comment-area" class="comment-area"> <section class="comment-list"> <h2 id="comments" class="comment-title"> コメント </h2> </section> <aside class="comment-form-wrap"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">コメントをどうぞ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/archives/10515#respond" style="display:none;">コメントをキャンセル</a></small></h3><form action="https://www.kantanpro.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">メールアドレスが公開されることはありません。</span> <span class="required">※</span> が付いている欄は必須項目です</p><p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">名前 <span class="required">※</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p> <p class="comment-form-email"><label for="email">メール <span class="required">※</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p> <p class="comment-form-url"><label for="url">サイト</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="コメントを送信" /> <input type='hidden' name='comment_post_ID' value='10515' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="cd05ef3e68" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="158"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div><!-- #respond --> <p class="akismet_comment_form_privacy_notice">このサイトはスパムを低減するために Akismet を使っています。<a href="https://akismet.com/privacy/" target="_blank" rel="nofollow noopener">コメントデータの処理方法の詳細はこちらをご覧ください</a>。</p></aside></div><!-- /.comment area --> </div> </main> <div id="sidebar" class="sidebar nwa cf" role="complementary"> <aside id="search-3" class="widget widget-sidebar widget-sidebar-standard widget_search"><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> </aside><aside id="author_box-3" class="widget widget-sidebar widget-sidebar-standard widget_author_box"><h3 class="widget-sidebar-title widget-title">プロフィール</h3> <div class="author-box border-element no-icon cf"> <div class="author-widget-name"> この記事を書いた人 </div> <figure class="author-thumb circle-image"> <img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-200 photo' height='200' width='200' /> </figure> <div class="author-content"> <div class="author-name"> <a rel="author" href="https://www.kantanpro.com/archives/author/kantan" title="kantan の投稿">kantan</a> </div> <div class="author-description"> <p>個人事業主・フリーランス・小規模ビジネスのための売管理システム KantanPro を開発しています。このシステムはWordPressのプラグインとして動作し、誰でも何処でも何時でも無料でご利用いただけます。</p> </div> <div class="profile-follows author-follows"> <!-- SNSページ --> <div class="sns-follow bc-brand-color fbc-show sf-profile"> <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> </div> </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/11378" class="new-entry-card-link widget-entry-card-link a-wrap" title="KantanPro（WordPress版）開発の経緯"> <div class="post-11378 new-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-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/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><!-- /.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">KantanPro（WordPress版）開発の経緯</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.07.06</span></span></div> </div><!-- /.entry-content --> </div><!-- /.entry-card --> </a><!-- /.entry-card-link --> <a href="https://www.kantanpro.com/archives/11340" class="new-entry-card-link widget-entry-card-link a-wrap" title="KantanPro（WordPress版）の現状"> <div class="post-11340 new-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-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/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><!-- /.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">KantanPro（WordPress版）の現状</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.07.03</span></span></div> </div><!-- /.entry-content --> </div><!-- /.entry-card --> </a><!-- /.entry-card-link --> <a href="https://www.kantanpro.com/archives/10286" class="new-entry-card-link widget-entry-card-link a-wrap" title="WordPress プラグイン開発を再開します"> <div class="post-10286 new-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-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/07/agx5_tlsif4-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/agx5_tlsif4-240x135.jpg 240w, https://www.kantanpro.com/wp-content/uploads/2025/07/agx5_tlsif4-320x180.jpg 320w, https://www.kantanpro.com/wp-content/uploads/2025/07/agx5_tlsif4-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">WordPress プラグイン開発を再開します</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.05.01</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.07.03</span></span> </div> </div><!-- /.entry-content --> </div><!-- /.entry-card --> </a><!-- /.entry-card-link --> <a href="https://www.kantanpro.com/archives/11168" class="new-entry-card-link widget-entry-card-link a-wrap" title="商品・サービスタブの開発／商品画像のアップロード／開発記録 2024/03/26"> <div class="post-11168 new-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-kantanproblog-post tag-php-post tag-wordpress-post tag-prowp-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/07/KantanPro_main-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_main-2-240x135.png 240w, https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-320x180.png 320w, https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-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">商品・サービスタブの開発／商品画像のアップロード／開発記録 2024/03/26</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">2024.03.26</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.07.03</span></span> </div> </div><!-- /.entry-content --> </div><!-- /.entry-card --> </a><!-- /.entry-card-link --> <a href="https://www.kantanpro.com/archives/11159" class="new-entry-card-link widget-entry-card-link a-wrap" title="設定タブで自社情報を編集／開発記録 2024/03/04"> <div class="post-11159 new-entry-card widget-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-php-post tag-wordpress-post tag-prowp-post"> <figure class="new-entry-card-thumb widget-entry-card-thumb card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image new-entry-card-thumb-no-image widget-entry-card-thumb-no-image lozad lozad-img" loading="lazy" width="240" height="135" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image new-entry-card-thumb-no-image widget-entry-card-thumb-no-image" width="240" height="135" /></noscript> </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">設定タブで自社情報を編集／開発記録 2024/03/04</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">2024.03.04</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.07.03</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/11143" class="popular-entry-card-link widget-entry-card-link a-wrap no-1" title="日本郵政のAPIを利用して住所を自動で入力する機能を実装した"> <div class="post-11143 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-wordpress-post tag-prowp-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image lozad lozad-img" loading="lazy" width="240" height="135" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image" width="240" height="135" /></noscript> </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">日本郵政のAPIを利用して住所を自動で入力する機能を実装した</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">2024.02.12</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.03</span></span> </div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://www.kantanpro.com/archives/10496" class="popular-entry-card-link widget-entry-card-link a-wrap no-2" title="クッキーによるタブ表示制御"> <div class="post-10496 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image lozad lozad-img" loading="lazy" width="240" height="135" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image" width="240" height="135" /></noscript> </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">クッキーによるタブ表示制御</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">2023.01.01</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.03</span></span> </div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://www.kantanpro.com/archives/11093" class="popular-entry-card-link widget-entry-card-link a-wrap no-3" title="自作コードに巻き戻しchatGPT開発はほどほどに"> <div class="post-11093 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-chatgpt-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image lozad lozad-img" loading="lazy" width="240" height="135" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image" width="240" height="135" /></noscript> </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">自作コードに巻き戻しchatGPT開発はほどほどに</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">2024.01.01</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.03</span></span> </div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://www.kantanpro.com/archives/751" class="popular-entry-card-link widget-entry-card-link a-wrap no-4" title="ファイルメーカーで売上管理"> <div class="post-751 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard hentry category-fmpfree-post tag-32-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image lozad lozad-img" loading="lazy" width="240" height="135" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image" width="240" height="135" /></noscript> </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">ファイルメーカーで売上管理</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">2016.05.01</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.03</span></span> </div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://www.kantanpro.com/archives/1196" class="popular-entry-card-link widget-entry-card-link a-wrap no-5" title="メルマガ発行記念！ 無料ファイルメーカーテンプレート カンタンPro Free最新版"> <div class="post-1196 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard hentry category-fmpfree-post tag-23-post tag-36-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img data-src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image lozad lozad-img" loading="lazy" width="240" height="135" /><noscript><img src="https://www.kantanpro.com/wp-content/uploads/2025/07/KantanPro_main-2-240x135.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image" width="240" height="135" /></noscript> </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">メルマガ発行記念！ 無料ファイルメーカーテンプレート カンタンPro Free最新版</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">2016.04.24</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.03</span></span> </div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> </div> </aside> <aside id="wpforo_recent_topics-7" class="widget widget-sidebar widget-sidebar-standard widget_wpforo_recent_topics"><div class="wpforo-widget-wrap"><h3 class="widget-sidebar-title widget-title">フォーラムのトピック</h3><div class="wpforo-widget-content wpforo-ajax-widget wpforo-ajax-widget-onload-false" data-json="{"boardid":0,"action":"wpforo_load_ajax_widget_RecentTopics","instance":{"boardid":0,"title":"\u30d5\u30a9\u30fc\u30e9\u30e0\u306e\u30c8\u30d4\u30c3\u30af","forumids":[],"orderby":"created","order":"DESC","count":5,"display_avatar":true,"forumids_filter":false,"current_forumid_filter":false,"goto_unread":false,"refresh_interval":0,"widget_action":"hide","widget_categories":[],"widget_pages":[],"widget_authors":[],"widget_posts":"","widget_fixed_pages":"","widget_tags":"","widget_custom_post_types":[]},"topic_args":{"forumids":[],"orderby":"created","order":"DESC","row_count":5}}"><ul><li> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"><img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /></div> <div class="wpforo-list-item-right" > <p class="posttitle"><a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/kantanpro-v1-3-7beta-%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%97%e3%81%be%e3%81%97%e3%81%9f" title="KantanPro v1.3.7(beta) をリリースしました">KantanPro v1.3.7(beta) をリリースしました</a></p> <p class="postuser"> : <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> <span style="white-space: nowrap;">16時間前</span> </p> </div> <div class="wpf-clear"></div> </div> </li><li> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"><img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /></div> <div class="wpforo-list-item-right" > <p class="posttitle"><a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/kantanpro-v1-3-6beta%e3%82%92-%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%97%e3%81%be%e3%81%97%e3%81%9f" title="KantanPro v1.3.6(beta)をリリースしました">KantanPro v1.3.6(beta)をリリースしました</a></p> <p class="postuser"> : <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> <span style="white-space: nowrap;">1日前</span> </p> </div> <div class="wpf-clear"></div> </div> </li><li> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"><img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /></div> <div class="wpforo-list-item-right" > <p class="posttitle"><a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/kantanpro-v1-3-5beta%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%97%e3%81%be%e3%81%97%e3%81%9f" title="KantanPro v1.3.5(beta)をリリースしました">KantanPro v1.3.5(beta)をリリースしました</a></p> <p class="postuser"> : <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> <span style="white-space: nowrap;">1日前</span> </p> </div> <div class="wpf-clear"></div> </div> </li><li> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"><img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /></div> <div class="wpforo-list-item-right" > <p class="posttitle"><a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/kantanpro-v1-3-0beta%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%97%e3%81%be%e3%81%97%e3%81%9f" title="KantanPro v1.3.0(beta)をリリースしました">KantanPro v1.3.0(beta)をリリースしました</a></p> <p class="postuser"> : <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> <span style="white-space: nowrap;">4日前</span> </p> </div> <div class="wpf-clear"></div> </div> </li><li> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"><img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /></div> <div class="wpforo-list-item-right" > <p class="posttitle"><a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/beta%e7%89%88%e3%82%92%e5%85%ac%e9%96%8b%e3%81%97%e3%81%be%e3%81%97%e3%81%9f" title="Beta版を公開しました">Beta版を公開しました</a></p> <p class="postuser"> : <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> <span style="white-space: nowrap;">4週間前</span> </p> </div> <div class="wpf-clear"></div> </div> </li></ul></div></div></aside><aside id="wpforo_recent_posts-4" class="widget widget-sidebar widget-sidebar-standard widget_wpforo_recent_posts"><div class="wpforo-widget-wrap"><h3 class="widget-sidebar-title widget-title">フォーラムの投稿</h3><div class="wpforo-widget-content wpforo-ajax-widget wpforo-ajax-widget-onload-false" data-json="{"boardid":0,"action":"wpforo_load_ajax_widget_RecentPosts","instance":{"boardid":0,"title":"\u30d5\u30a9\u30fc\u30e9\u30e0\u306e\u6295\u7a3f","forumids":[],"orderby":"created","order":"DESC","count":5,"limit_per_topic":0,"display_avatar":true,"forumids_filter":false,"current_forumid_filter":false,"exclude_firstposts":false,"display_only_unread":false,"display_new_indicator":false,"refresh_interval":0,"excerpt_length":55,"widget_action":"hide","widget_categories":[],"widget_pages":[],"widget_authors":[],"widget_posts":"","widget_fixed_pages":"","widget_tags":"","widget_custom_post_types":[]},"post_args":{"forumids":[],"orderby":"created","order":"DESC","row_count":5,"limit_per_topic":0,"is_first_post":null,"check_private":true}}"><ul> <li class=""> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"> <img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /> </div> <div class="wpforo-list-item-right" > <p class="posttitle"> <a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/kantanpro-v1-3-7beta-%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%97%e3%81%be%e3%81%97%e3%81%9f#post-104">KantanPro v1.3.7(beta) をリリースしました </a> </p> <p class="posttext">顧客タブで一括請求書発行処理を最適化 仕事リストで納期警告マークの表示タイミングを修正</p> <p class="postuser">: <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> , <span style="white-space: nowrap;">16時間前</span></p> </div> <div class="wpf-clear"></div> </div> </li> <li class=""> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"> <img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /> </div> <div class="wpforo-list-item-right" > <p class="posttitle"> <a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/kantanpro-v1-3-6beta%e3%82%92-%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%97%e3%81%be%e3%81%97%e3%81%9f#post-103">KantanPro v1.3.6(beta)をリリースしました </a> </p> <p class="posttext">利用規約の表示タイミングの問題を修正しました。</p> <p class="postuser">: <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> , <span style="white-space: nowrap;">1日前</span></p> </div> <div class="wpf-clear"></div> </div> </li> <li class=""> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"> <img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /> </div> <div class="wpforo-list-item-right" > <p class="posttitle"> <a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/kantanpro-v1-3-5beta%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%97%e3%81%be%e3%81%97%e3%81%9f#post-102">KantanPro v1.3.5(beta)をリリースしました </a> </p> <p class="posttext">やりたいことはほぼ実現できました。あとは、当サイトでダウンロード可能にする取り組みを致します。※ 微調整は今後...</p> <p class="postuser">: <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> , <span style="white-space: nowrap;">1日前</span></p> </div> <div class="wpf-clear"></div> </div> </li> <li class=""> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"> <img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /> </div> <div class="wpforo-list-item-right" > <p class="posttitle"> <a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/kantanpro-v1-3-0beta%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%97%e3%81%be%e3%81%97%e3%81%9f#post-101">KantanPro v1.3.0(beta)をリリースしました </a> </p> <p class="posttext">1.3.0(beta)の改善点 WP-CLIベースのマイグレーション管理機能を導入 プラグイン有...</p> <p class="postuser">: <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> , <span style="white-space: nowrap;">4日前</span></p> </div> <div class="wpf-clear"></div> </div> </li> <li class=""> <div class="wpforo-list-item"> <div class="wpforo-list-item-left"> <img alt='kantan' src='https://www.kantanpro.com/wp-content/uploads/2025/06/アイコン色付き-2ダーク.png' class='avatar avatar-96 photo' height='96' width='96' /> </div> <div class="wpforo-list-item-right" > <p class="posttitle"> <a href="https://www.kantanpro.com/community/%e9%96%8b%e7%99%ba%e7%8a%b6%e6%b3%81/beta%e7%89%88%e3%82%92%e5%85%ac%e9%96%8b%e3%81%97%e3%81%be%e3%81%97%e3%81%9f#post-100">Beta版を公開しました </a> </p> <p class="posttext">サイトに登録していただくと、こちらで体験できます。ご意見ご感想を頂けると幸いです。</p> <p class="postuser">: <a href="https://www.kantanpro.com/participant/kantan" style="color: #FF3333" title="kantan">kantan</a> , <span style="white-space: nowrap;">4週間前</span></p> </div> <div class="wpf-clear"></div> </div> </li> </ul></div></div></aside> <div id="sidebar-scroll" class="sidebar-scroll"> <aside id="toc-2" class="widget widget-sidebar widget-sidebar-scroll widget_toc"><h3 class="widget-sidebar-scroll-title widget-title">目次</h3> <div class="toc-widget-box"> <div class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-3"><label class="toc-title" for="toc-checkbox-3">目次</label> <div class="toc-content"> <ol class="toc-list open"><li><a href="#toc1" tabindex="0">リストのページネーション</a><ol><li><a href="#toc2" tabindex="0">カンタンProWP独自のページネーションを開発</a></li></ol></li></ol> </div> </div> </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-text"><a href="https://www.kantanpro.com" class="site-name site-name-text-link" itemprop="url"><span class="site-name-text" itemprop="name about">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" class="menu-footer"><li id="menu-item-7280" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7280"><a href="/">ホーム</a></li> <li id="menu-item-11254" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-11254"><a href="https://www.kantanpro.com/archives/category/kantanproblog">ブログ</a></li> <li id="menu-item-7295" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7295"><a href="https://www.kantanpro.com/community">フォーラム</a></li> <li id="menu-item-7848" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-7848"><a rel="privacy-policy" href="https://www.kantanpro.com/%e3%83%97%e3%83%a9%e3%82%a4%e3%83%90%e3%82%b7%e3%83%bc%e3%83%9d%e3%83%aa%e3%82%b7%e3%83%bc">プライバシーポリシー</a></li> <li id="menu-item-8242" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8242"><a href="https://www.kantanpro.com/wc-kiyaku">利用規約</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-11257"><a href="https://www.kantanpro.com/kantan-pro">KantanPro実験室</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-11255"><a href="https://www.kantanpro.com/archives/category/kantanproblog">ブログ</a></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/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b%ef%bc%88%e3%82%b3%e3%83%b3%e3%82%bf%e3%82%af%e3%83%88%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%ef%bc%97%ef%bc%89">お問い合わせ</a></li> </ul> </div> </li> <!-- ロゴボタン --> <li class="logo-menu-button menu-button"> <a href="https://www.kantanpro.com" class="menu-button-in">KantanPro</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%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3+%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%2F10515&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%2F10515&linkname=%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3" 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%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%20https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10515" 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%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3&url=https%3A%2F%2Fwww.kantanpro.com%2Farchives%2F10515&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%2F10515&t=%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3" 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/10515" 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/10515" 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%2F10515" 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%2F10515" 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%2F10515" 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="リストのページネーション https://www.kantanpro.com/archives/10515" 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> <a href="#comments" class="sns-button share-button comment-button comment-share-button-sq" title="コメントする" aria-label="コメントする"><span class="social-icon icon-comment"></span><span class="button-caption">コメント</span><span class="share-count comment-share-count"></span></a> </div><!-- /.sns-share-buttons --> </div><!-- /.sns-share --> </div> </li> <!-- 目次へボタン --> <li class="toc-menu-button menu-button"> <a role="button" tabindex="0" class="go-to-toc-common toc-menu-a menu-button-in"> <span class="toc-menu-icon menu-icon"> <span class="fa fa-list-ul" aria-hidden="true"></span> </span> <span class="cop-menu-caption menu-caption">目次へ</span> </a> </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","nonces":{"staff_chat":"554573621c"}};window.ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonces":{"staff_chat":"554573621c"}};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 id="ktpwp-reference-modal" class="ktpwp-modal" style="display: none;"> <div class="ktpwp-modal-content"> <div class="ktpwp-modal-header"> <h2>KantanPro ヘルプ</h2> <span class="ktpwp-modal-close">×</span> </div> <div class="ktpwp-modal-body"> <div class="ktpwp-reference-nav"> <button class="ktpwp-nav-btn active" data-section="overview">概要</button> <button class="ktpwp-nav-btn" data-section="tabs">管理タブ</button> <button class="ktpwp-nav-btn" data-section="shortcodes">ショートコード</button> <button class="ktpwp-nav-btn" data-section="settings">設定</button> <button class="ktpwp-nav-btn" data-section="departments">部署管理</button> <button class="ktpwp-nav-btn" data-section="terms">利用規約</button> <button class="ktpwp-nav-btn" data-section="security">セキュリティ</button> <button class="ktpwp-nav-btn" data-section="troubleshooting">トラブルシューティング</button> </div> <div class="ktpwp-reference-content"> <div class="ktpwp-loading">読み込み中...</div> </div> </div> </div> </div> <style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <script id="ktp-js-js-extra"> /* <![CDATA[ */ var ktpwpDebugMode = {"value":"1"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-js.js?v=1751862798&fver=20250706120529" 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","nonces":{"staff_chat":"554573621c"}}; var ktpwp_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonces":{"staff_chat":"554573621c"}}; 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"; console.log("Assets: AJAX設定を出力 (unified nonce)", window.ktpwp_ajax); var ktp_ajax_object = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonces":{"auto_save":"fdb3dd0e14","inline_edit":"216167b735","general":"78d501b9d6","staff_chat":"554573621c","invoice_candidates":"f22d7947e5"},"settings":{"work_list_range":20,"delivery_warning_days":3}}; var ktpwp_ajax = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php","nonces":{"auto_save":"fdb3dd0e14","inline_edit":"216167b735","general":"78d501b9d6","staff_chat":"554573621c","invoice_candidates":"f22d7947e5"},"settings":{"work_list_range":20,"delivery_warning_days":3}}; var ajaxurl = "https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php"; var ktpwp_ajax_nonce = "78d501b9d6"; /* ]]> */ </script> <script id="ktp-order-inline-projectname-js-extra"> /* <![CDATA[ */ var ktpwp_inline_edit_nonce = {"nonce":"25c9daf543"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-order-inline-projectname.js?ver=1.3.7%28beta%29&fver=20250706120529" 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&fver=20250627020332" 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-06-27 09:47:49+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&fver=20250627020332" id="contact-form-7-js"></script> <script src="https://www.kantanpro.com/wp-content/themes/cocoon-master/plugins/baguettebox/dist/baguetteBox.min.js?ver=6.8.1&fver=20250627021122" 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.1&fver=20250627021122" 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.1&fver=20250627021122" 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.1&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.1&fver=20250627021121" 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.1&fver=20250627021122" id="cocoon-skin-js-js"></script> <script src="https://www.kantanpro.com/wp-content/themes/cocoon-child-master/javascript.js?ver=6.8.1&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.3.7%28beta%29&fver=20250706120529" 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":"fdb3dd0e14"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-supplier-selector.js?ver=1.3.7%28beta%29&fver=20250706120529" id="ktp-supplier-selector-js"></script> <script id="ktp-supplier-selector-js-after"> /* <![CDATA[ */ console.log("Frontend: ktp-supplier-selector.js が読み込まれました"); console.log("Frontend: window.ktpShowSupplierSelector =", typeof window.ktpShowSupplierSelector); console.log("Frontend: 現在のURL =", window.location.href); console.log("Frontend: jQuery version =", typeof $ !== "undefined" ? $.fn.jquery : "jQuery not loaded"); console.log("Frontend: ktp_ajax_object =", typeof ktp_ajax_object !== "undefined" ? "loaded" : "not loaded"); console.log("Frontend: 読み込まれたスクリプト =", $("script[src*=\"ktp\"]").map(function() { return $(this).attr("src"); }).get()); console.log("Frontend: 利用可能なwindow関数 =", Object.keys(window).filter(key => key.includes("ktp"))); /* ]]> */ </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":"fdb3dd0e14"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-cost-items.js?ver=1.3.7%28beta%29&fver=20250706120529" id="ktp-cost-items-js"></script> <script id="ktp-cost-items-js-after"> /* <![CDATA[ */ var ktp_ajax_nonce = "fdb3dd0e14"; 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":"fdb3dd0e14"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-invoice-items.js?ver=1.3.7%28beta%29&fver=20250706120529" id="ktp-invoice-items-js"></script> <script id="ktp-invoice-items-js-after"> /* <![CDATA[ */ var ktp_ajax_nonce = "fdb3dd0e14"; 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":"fdb3dd0e14"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-service-selector.js?ver=1.3.7%28beta%29&fver=20250706120529" 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":"fdb3dd0e14","settings":{"work_list_range":20,"delivery_warning_days":3}}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-calculation-debug.js?ver=1.3.7%28beta%29&fver=20250706120529" id="ktp-calculation-debug-js"></script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-calculation-test.js?ver=1.3.7%28beta%29&fver=20250706120529" id="ktp-calculation-test-js"></script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-calculation-monitor.js?ver=1.3.7%28beta%29&fver=20250706120529" 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":"78d501b9d6"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-email-popup.js?ver=1.3.7%28beta%29&fver=20250706120529" id="ktp-email-popup-js"></script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-order-preview.js?ver=1.3.7%28beta%29&fver=20250706120529" 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":"fdb3dd0e14","settings":{"delivery_warning_days":3}}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-delivery-dates.js?ver=1.3.7%28beta%29&fver=20250706120529" 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":"fdb3dd0e14","settings":{"delivery_warning_days":3}}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/KantanPro/js/ktp-client-delete-popup.js?ver=1.3.7%28beta%29&fver=20250706120529" 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":"f22d7947e5","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.3.7%28beta%29&fver=20250706120529" id="ktp-client-invoice-js"></script> <script id="ktp-client-invoice-js-after"> /* <![CDATA[ */ console.log("Frontend: ktp-client-invoice.js が読み込まれました"); console.log("Frontend: ktpClientInvoice object =", typeof ktpClientInvoice !== "undefined" ? "loaded" : "not loaded"); if (typeof ktpClientInvoice !== "undefined") { console.log("Frontend: ktpClientInvoice details =", ktpClientInvoice); } /* ]]> */ </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=20250701060049" 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="wpforo-widgets-js-js-extra"> /* <![CDATA[ */ var wpforo_widgets = {"ajax_url":"https:\/\/www.kantanpro.com\/wp-admin\/admin-ajax.php?lang=ja&page_id=6785&wpforo_boardid=0","is_live_notifications_on":"0","live_notifications_start":"30000","live_notifications_interval":"60000"}; /* ]]> */ </script> <script src="https://www.kantanpro.com/wp-content/plugins/wpforo/assets/js/widgets.js?ver=2.4.6&fver=20250706041639" id="wpforo-widgets-js-js"></script> <script defer src="https://www.kantanpro.com/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1749686949&fver=20250612120909" id="akismet-frontend-js"></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>
KantanPro blog
KantanPro blog
KantanPro blog
KantanPro blog
KantanPro blog
KantanPro blog