リストのページネーション 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/11020" class="related-entry-card-wrap a-wrap border-element cf" title="Google予約システムでオンラインサポートを実験的にやってみます。"> <article class="post-11020 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"> Google予約システムでオンラインサポートを実験的にやってみます。 </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">2023.11.15</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/2652" class="related-entry-card-wrap a-wrap border-element cf" title="Laravel：AWS Cloud9で開発環境"> <article class="post-2652 related-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-aws-post tag-cloud9-post tag-laravel-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"> Laravel：AWS Cloud9で開発環境 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> 今日から新たな出発です。Laravelとともに。AWS Cloud9でLaravel開発環境し学習ス... </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.11</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/2387" class="related-entry-card-wrap a-wrap border-element cf" title="WordPressプラグイン開発 – GitHubでバージョン管理"> <article class="post-2387 related-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-cloud9-post tag-github-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プラグイン開発 – GitHubでバージョン管理 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> お盆休み中、毎日ゴニョゴニョやってます。今日はプログラムのバージョン管理に欠かせないGitHubを使... </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.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 --> <a href="https://www.kantanpro.com/archives/2277" class="related-entry-card-wrap a-wrap border-element cf" title="WordPressプラグイン開発 – requireで外部ファイルを読み込む"> <article class="post-2277 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プラグイン開発 – requireで外部ファイルを読み込む </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">2019.07.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/1852" class="related-entry-card-wrap a-wrap border-element cf" title="カンタンPro for Web の開発を始めました"> <article class="post-1852 related-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-post tag-pro-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"> カンタンPro for Web の開発を始めました </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">2016.11.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/11134" class="related-entry-card-wrap a-wrap border-element cf" title="検索結果が複数の場合、検索結果リストをポップアップする。"> <article class="post-11134 related-entry-card e-card cf post type-post status-publish format-standard hentry category-kantanproblog-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"> 検索結果が複数の場合、検索結果リストをポップアップする。 </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.09</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="172"/><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;">14時間前</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;">14時間前</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=1751857972&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