PageSourceSearch

https://www.pokemon.jp/look/comic/

html pokemon.jp collected 2026-09-24 17:58:43 UTC 23,721 bytes, 537 lines download raw bytes

1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <title>4コマ広場|ポケモンだいすきクラブ</title>
6    <meta name="keywords" content="ポケモン,ポケットモンスター,Pokemon,ピカチュウ,4コマ広場">
7    <meta name="description" content="「ポケモンだいすきクラブ」は、「ポケモン」に関する楽しい情報をお届けするウェブサイトです。">
8    <link rel="stylesheet" href="/assets/css/main.css">
9    <link rel="shortcut icon" href="/common/images/favi_daisuki.ico" type="image/vnd.microsoft.icon">
10    <meta property="og:title" content="4コマ広場|ポケモンだいすきクラブ">
11    <meta property="og:description" content="「ポケモンだいすきクラブ」は、「ポケモン」に関する楽しい情報をお届けするウェブサイトです。">
12    <meta property="og:image" content="https://www.pokemon.jp/common/images/sns.png">
13    <meta property="og:type" content="article">
14    <meta property="og:site_name" content="ポケモンだいすきクラブ">
15    <meta name="twitter:card" content="summary_large_image">
16    <meta property="fb:page_id" content="686314734818871">
17    <meta property="fb:app_id" content="686314734818871">
18    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
19    <meta name="format-detection" content="telephone=no">
20    <meta property="fb:admins" content="100002528475703">
21    
21<script src="/assets/js/jquery-3.4.1.min.js"></script>
21
22  </head>
23
24  <body>
25
26      <body>
27            
27<script>
28(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
29(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
30m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
31})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
32
33//-----------------------------------------------
34// カスタムディメンション
35//-----------------------------------------------
36var userAgent = window.navigator.userAgent;
37var uaArray = userAgent.split(" ");
38var uaObj = {};
39for (var i in uaArray) {
40  var itemArray = uaArray[i].split("/")
41  uaObj[itemArray[0]] = itemArray[1]
42}
43var dimensionValue = uaObj["AppVersion"] || false;
44var dimensionValue2 = uaObj["URLScheme"] || false;
45ga('create', 'UA-29208854-7', 'auto');
46ga('require', 'displayfeatures');
47if(dimensionValue && dimensionValue2){
48  ga('set', 'dimension1', dimensionValue);
49  ga('set', 'dimension2', dimensionValue2);
50}
51ga('send', 'pageview');
52</script>
52
53
54<!-- Google Tag Manager -->
vendor: 62 bytes, lines 54-55
54
55<noscript><iframe src="//www.googletagmanager.com/ns.html?id=
55GTM-543ZZ9
vendor: 83 bytes, lines 55-56
55"
56height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
57<script>
vendor: 321 bytes, lines 57-61
57(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
58new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
59j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
60'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
61})(window,document,'script','dataLayer','
61GTM-543ZZ9
vendor: 3 bytes, line 61
61');
61</script>
61
62<!-- End Google Tag Manager -->      <div id="app">
63          <header class="strHeader">
64              <div class="strHeader__inner">
65                  <div class="headerLogo">
66                      <a href="/"><img src="/assets/img/common/header-logo.svg" alt="ポケモンだいすきクラブ" /></a>
67                  </div>
68                  <nav class="headerGlobal">
69                      <ul class="headerCategory">
70                          <li><a href="/info/">だいすき情報局</a></li>
71                          <li><a href="/local_acts/">ポケモンローカルActs</a></li>
72                          <li><a href="/special_list/">イチオシ特集</a></li>
73                          <li><a href="/look/comic/">4コマ広場</a></li>
74                          <li><a href="/play/paint/">ぬりえ</a></li>
75                      </ul>
76                  </nav>
77                  <div class="headerMenuBtn">
78                      <a href="#"><span>MENU</span></a>
79                  </div>
80              </div>
81
82              <div class="headerMenuGroup">
83                  <div class="headerMenuGroup__close"><a href="#"><span>CLOSE</span></a></div>
84                  <div class="headerMenuGroup__inner">
85                      <ul class="headerMenuList">
86                          <li class="headerMenuList__item">
87                              <div class="headerMenuList__link"><a href="/">ホーム</a></div>
88                          </li>
89                          <li class="headerMenuList__item">
90                              <div class="headerMenuList__link"><a href="/info/">だいすき情報局</a></div>
91                              <ul class="listTag2">
92                                <li class="listTag2__item" v-for="item in searchFromTagsLarge" :key="item.id">
93                                  <a :href="item.body_link">
94                                    <span class="listTag2__image"
95                                      ><img
96                                        :src="item.img_1"
97                                        alt=""
98                                    /></span>
99                                    <span class="listTag2__text">{{ item.title }}</span>
100                                  </a>
101                                </li>
102                              </ul>
103                          </li>
104                          <li class="headerMenuList__item">
105                              <ul class="headerMenuList__list">
106                                  <li><a href="/play/paint/">ぬりえ</a></li>
107                                  <li><a href="/look/comic/">4コマ広場</a></li>
108                                  <li><a href="/special_list/">イチオシ特集</a></li>
109                                  <li><a href="/local_acts/">ポケモンローカルActs</a></li>
110                              </ul>
111                          </li>
112                          <li class="headerMenuList__item">
113                              <ul class="headerMenuList__list2">
114                              <li><a href="/guide/">ポケモンだいすきクラブとは</a></li>
115                              <li><a href="https://pokemon-support-top.pokemon-support.com/" target="_blank">お問い合わせ</a></li>
116                              <li><a href="/setup/">ご利用について</a></li>
117                              <li><a href="/sitemap.html">サイトマップ</a></li>
118                              </ul>
119                          </li>
120                      </ul>
121                      <ul class="headerMenuSns">
122                          <li class="headerMenuSns__label">ポケモン公式アカウント</li>
123                          <li class="headerMenuSns__item headerMenuSns__item--youtube"><a href="https://www.youtube.com/user/PokemonCoJp" target="_blank"><img src="/common/images/icon-sns-youtube-1.svg" alt="YouTube"></a></li>
124                          <li class="headerMenuSns__item headerMenuSns__item--line"><a href="https://www.pokemon.co.jp/info/2013/11/131122_c03.html" target="_blank"><img src="/common/images/icon-sns-line-1.svg" alt="LINE"></a></li>
125                          <li class="headerMenuSns__item headerMenuSns__item--facebook"><a href="https://www.facebook.com/PokemonCoJp" target="_blank"><img src="/common/images/icon-sns-facebook-1.svg" alt="Facebook"></a></li>
126                          <li class="headerMenuSns__item headerMenuSns__item--twitter"><a href="https://twitter.com/Pokemon_cojp" target="_blank"><img src="/common/images/icon-sns-twitter-1.svg" alt="X"></a></li>
127                          <li class="headerMenuSns__item headerMenuSns__item--instagram"><a href="https://www.instagram.com/pokemon_jpn/" target="_blank"><img src="/common/images/icon-sns-instagram-1.svg" alt="Instagram"></a></li>
128                      </ul>
129                  </div>
130              </div>
131
132          </header>
133
134      <section class="secHeading secHeading--bg">
135        <div class="secHeading__inner">
136          <h1 class="headTop">
137            <span class="headTop__label">COMIC</span><br />
138            <span class="headTop__text">4コマ広場</span>
139          </h1>
140        </div>
141      </section>
142
143      <div class="strContent">
144        <main class="strMain">
145          <section class="secBase">
146            <div class="secBase__inner">
147
148              <ul class="lytList lytList--col2-3">
149                <li class="lytList__item" v-for="item in firstArticles" :key="item.uniq">
150                  <div class="blockThumb blockThumb--type3">
151                    <div class="blockThumb__image">
152                      <a :href="item.uniq" :target="item.body_linkwin == 1 ? '_blank' : '' "
153                        ><img
154                          :src="item.img_1"
155                          alt=""
156                      /></a>
157                    </div>
158                    <div class="blockThumb__content">
159                      <a :href="item.uniq" :target="item.body_linkwin == 1 ? '_blank' : '' ">
160                        <span class="blockThumb__date">{{item.start_date}}</span>
161                        <p class="blockThumb__text pc-only">
162                          <span class="blockThumb__new" v-if="isNewIcon(item.start_date)">NEW</span>
163                          {{ truncate(item.title, 50) }}
164                        </p>
165                        <p class="blockThumb__text sp-only">
166                          <span class="blockThumb__new" v-if="isNewIcon(item.start_date)">NEW</span>
167                          {{ truncate(item.title, 56) }}
168                        </p>
169                      </a>
170                      <ul class="listTag">
171                        <li class="listTag__item" v-for="tag in createTags( item.tags, item.poke_tags )" :key="tag">
172                          <a :href="`/list/tag/?tag=${tag}`">{{ tag }}</a>
173                        </li>
174                      </ul>
175                    </div>
176                  </div>
177                </li>
178              </ul>
179
180              <div id="slideBannerFirst" class="slideBanner2">
181                <div class="slideBanner2__item" v-for="item in banner3.results" :key="item.uniq">
182                  <a :href="item.body_link" :target="item.body_linkwin == 1 ? '_blank' : '' "
183                    ><img :src="item.img_1" :alt="item.title"
184                  /></a>
185                </div>
186              </div>
187
188              <ul class="lytList lytList--col2-3"  v-if="secondArticles.length">
189                <li class="lytList__item" v-for="item in secondArticles" :key="item.uniq">
190                  <div class="blockThumb blockThumb--type3">
191                    <div class="blockThumb__image">
192                      <a :href="item.uniq" :target="item.body_linkwin == 1 ? '_blank' : '' "
193                        ><img
194                          :src="item.img_1"
195                          alt=""
196                      /></a>
197                    </div>
198                    <div class="blockThumb__content">
199                      <a :href="item.uniq" :target="item.body_linkwin == 1 ? '_blank' : '' ">
200                        <span class="blockThumb__date">{{item.start_date}}</span>
201                        <p class="blockThumb__text pc-only">
202                          <span class="blockThumb__new" v-if="isNewIcon(item.start_date)">NEW</span>
203                          {{ truncate(item.title, 50) }}
204                        </p>
205                        <p class="blockThumb__text sp-only">
206                          <span class="blockThumb__new" v-if="isNewIcon(item.start_date)">NEW</span>
207                          {{ truncate(item.title, 56) }}
208                        </p>
209                      </a>
210                      <ul class="listTag">
211                        <li class="listTag__item" v-for="tag in createTags( item.tags, item.poke_tags )" :key="tag">
212                          <a :href="`/list/tag/?tag=${tag}`">{{ tag }}</a>
213                        </li>
214                      </ul>
215                    </div>
216                  </div>
217                </li>
218              </ul>
219
220              <div id="slideBannerSecond" class="slideBanner2">
221                <div class="slideBanner2__item" v-for="item in banner4.results" :key="item.uniq">
222                  <a :href="item.body_link" :target="item.body_linkwin == 1 ? '_blank' : '' "
223                    ><img :src="item.img_1" :alt="item.title"
224                  /></a>
225                </div>
226              </div>
227
228              <div v-if="info.paging">
229  <div class="navPagination__renew pc-only" v-if="info.paging.nextPage || info.paging.prevPage">
230    <ul class="navPagination__btn">
231      <li class="navPagination__prevnew">
232        <a v-if="info.paging.prevPage" :href="`/look/comic/?p=${this.page - 1}`"><span>Prev</span></a>
233        <span v-else>Prev</span>
234      </li>
235      <li class="navPagination__pageblock" v-for="n of info.paging.loopCnt" :key="n">
236          <a v-if="info.paging.page != (info.paging.viewStartPage + n - 1)" :href="`/look/comic/?p=${info.paging.viewStartPage + n - 1}`"><span>{{info.paging.viewStartPage + n - 1}}</span></a>
237          <span v-else>{{info.paging.viewStartPage + n - 1}}</span>
238      </li>
239      <li class="navPagination__nextnew">
240        <a v-if="info.paging.nextPage" :href="`/look/comic/?p=${this.page + 1}`"><span>Next</span></a>
241        <span v-else>Next</span>
242      </li>
243    </ul>
244  </div>
245  <div class="navPagination__renew sp-only" v-if="info.paging.nextPage || info.paging.prevPage">
246    <ul class="navPagination__btn">
247      <li class="navPagination__prevnew">
248        <a v-if="info.paging.prevPage" :href="`/look/comic/?p=${this.page - 1}`"><span>Prev</span></a>
249        <span v-else>Prev</span>
250      </li>
251      <li class="navPagination__pageblock" v-for="n of info.paging.loopCntSp" :key="n">
252          <a v-if="info.paging.page != (info.paging.viewStartPageSp + n - 1)" :href="`/look/comic/?p=${info.paging.viewStartPageSp + n - 1}`"><span>{{info.paging.viewStartPageSp + n - 1}}</span></a>
253          <span v-else>{{info.paging.viewStartPageSp + n - 1}}</span>
254      </li>
255      <li class="navPagination__nextnew">
256        <a v-if="info.paging.nextPage" :href="`/look/comic/?p=${this.page + 1}`"><span>Next</span></a>
257        <span v-else>Next</span>
258      </li>
259    </ul>
260  </div>
261  <div class="navPagination__labelblock" v-if="info.paging.nextPage || info.paging.prevPage">
262      <div class="navPagination__labelnew">{{ info.paging.page }} / {{ info.paging.perPage }}</div>
263  </div>
264</div>
265
266            </div>
267          </section>
268        </main>
269      </div>
270
271      <div class="navTopicpath">
272        <ul class="navTopicpath__list">
273          <li><a href="/">ホーム</a></li>
274          <li><span>4コマ広場</span></li>
275        </ul>
276      </div>
277
278      <ul class="listFooter">
279  <li><a href="/">ホーム</a></li>
280  <li><a href="/info/">だいすき情報局</a></li>
281  <li><a href="/local_acts/">ポケモンローカルActs</a></li>
282  <li><a href="/special_list/">イチオシ特集</a></li>
283  <li><a href="/look/comic/">4コマ広場</a></li>
284  <li><a href="/play/paint/">ぬりえ</a></li>
285</ul>
286<ul class="listFooter pc-only">
287  <li><a href="/guide/">ポケモンだいすきクラブとは</a></li>
288  <li><a href="https://pokemon-support-top.pokemon-support.com/" target="_blank">お問い合わせ</a></li>
289  <li><a href="/setup/">ご利用について</a></li>
290  <li><a href="/sitemap.html">サイトマップ</a></li>
291</ul>
292<footer class="strFooter">
293  <div class="strFooter__inner">
294    <div class="footerPagetop">
295      <a href="#top">PAGE TOP</a>
296    </div>
297    <div class="footerCopy">
298      <small class="footerCopy__text">
298©Pokémon. ©Nintendo/Creatures Inc./GAME FREAK inc. ポケットモンスター・ポケモン・Pokémonは任天堂・クリーチャーズ・ゲームフリークの商標です。</small>
299      <small class="footerCopy__text2">※このホームページに掲載されている内容の著作権は<a href="https://www.pokemon.co.jp/corporate/" target="_blank">株式会社ポケモン</a>に帰属します。 このホームページに掲載された画像その他の内容の無断転載はお断りします。</small>
300    </div>
301  </div>
302</footer>
303
304    </div>
305    
305<script src="/assets/js/jquery.waypoints.min.js"></script>
vendor: 1 bytes, line 305
305
306<script src="/assets/js/slick.min.js"></script>
vendor: 1 bytes, line 306
306
307<script src="/assets/js/main.js"></script>
vendor: 1 bytes, line 307
307
308<script src="https://cdn.jsdelivr.net/npm/babel-standalone/babel.min.js"></script>
vendor: 1 bytes, line 308
308
309<script src="https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js"></script>
309
310  
310<script src="/assets/js/vue.min.js"></script>
vendor: 1 bytes, line 310
310
311<script src="/assets/js/axios.min.js"></script>
vendor: 1 bytes, line 311
311
312<script type="text/babel" data-presets="es2015,stage-2">
313  new Vue({
314    el: "#app",
315    data() {
316      return ({
317        'pickup': {},
318        'info': {},
319        'banner3': {},
320        'banner4': {},
321        'current': '',
322        'firstArticles': [],
323        'secondArticles': [],
324        'searchFromTagsLarge': [],
325        'searchFromTagsSmall': [],
326        'currentUrl': '/look/comic/',
327        'page': 1      })
328    },
329    async beforeCreate() {
330      const self = this;
331      await axios.get('/api/info/?limit=1&pickup=1').then(function(res) {
332        self.pickup = res.data
333      });
334      await axios.get(`/api/look/comic/?limit=12&page=${this.page}`).then(function(res) {
335        self.info.paging = res.data.paging
336
337        self.info.paging.perPage = parseInt(self.info.paging.perPage)
338        self.info.paging.page = parseInt(self.info.paging.page)
339        let pcObj = self.pageLoopCnt(9, self.info.paging.page, self.info.paging.perPage)
340        let spObj = self.pageLoopCnt(5, self.info.paging.page, self.info.paging.perPage)
341        self.info.paging.loopCnt = pcObj.loopStartPos
342        self.info.paging.loopCntSp = spObj.loopStartPos
343        self.info.paging.viewStartPage = pcObj.startPos
344        self.info.paging.viewStartPageSp = spObj.startPos
345        
346        const arrays = JSON.parse(JSON.stringify([...res.data.results]))
347        self.info.results = arrays
348        let i = 0;
349        arrays.filter(
350            (array, index) =>  {
351              if (index < 6) {
352                self.firstArticles.push(
353                  {...array,
354                    tags:[...array.tags],
355                    poke_tags:[...array.poke_tags]
356                  }
357                )
358              } else if ( index < 12) {
359                self.secondArticles.push(
360                  {...array,
361                    tags:[...array.tags],
362                    poke_tags:[...array.poke_tags]
363                  }
364                )
365              }
366            }
367          )
368        });
369      await axios.get('/api/banner02/?limit=12').then(function(res) {
370        const array = res.data.results.filter(
371          (value, index, array) => {
372            if (index <= 5) {
373              return value
374            }
375          }
376        )
377        self.searchFromTagsLarge = array
378        const secondArray = res.data.results.filter(
379          (value, index, array) => {
380            if (index > 5) {
381              return value
382            }
383          }
384        )
385        self.searchFromTagsSmall = secondArray
386      });
387      await axios.get('/api/banner03/').then((res) => {
388        self.banner3 = res.data
389        const array = self.banner3.results
390        let i = 0
391        const shuffle = array.map((a) => {
392            return {
393              weight: Math.random(),
394              value: a
395            }
396          })
397          .sort((a, b) => {
398            return a.weight - b.weight
399          })
400          .map((a) => {
401            return a.value
402          });
403        const limit = shuffle.filter(
404          (value, index) => {
405            if (index < 3) {
406              return value
407            }
408          }
409        )
410        self.banner3.results = limit
411      }).then((response) => {
412        $('#slideBannerFirst').slick({
413          slidesToShow: 3,
414          pauseOnFocus: false,
415          responsive: [{
416            breakpoint: 768,
417            settings: {
418              slidesToShow: 1,
419              arrows: false,
420              autoplay: true,
421              autoplaySpeed: 5000,
422              speed: 1000,
423              centerMode: true,
424              variableWidth: true
425            }
426          }]
427        });
428      });
429      await axios.get('/api/banner04/').then((res) => {
430        self.banner4 = res.data
431        const array = self.banner4.results
432        let i = 0
433        const shuffle = array.map((a) => {
434            return {
435              weight: Math.random(),
436              value: a
437            }
438          })
439          .sort((a, b) => {
440            return a.weight - b.weight
441          })
442          .map((a) => {
443            return a.value
444          });
445        const limit = shuffle.filter(
446          (value, index) => {
447            if (index < 3) {
448              return value
449            }
450          }
451        )
452        self.banner4.results = limit
453      }).then((response) => {
454        $('#slideBannerSecond').slick({
455          slidesToShow: 3,
456          pauseOnFocus: false,
457          responsive: [{
458            breakpoint: 768,
459            settings: {
460              slidesToShow: 1,
461              arrows: false,
462              autoplay: true,
463              autoplaySpeed: 5000,
464              speed: 1000,
465              centerMode: true,
466              variableWidth: true
467            }
468          }]
469        });
470      });
471    },
472    mounted() {
473      const path = location.pathname;
474      if (path.match(/game/)) {
475        this.current = 'game'
476      } else if (path.match(/goods/)) {
477        this.current = 'goods'
478      } else if (path.match(/pokecen/)) {
479        this.current = 'pokecen'
480      } else if (path.match(/event/)) {
481        this.current = 'event'
482      } else if (path.match(/tsubuyaki/)) {
483        this.current = 'tsubuyaki'
484      } else if (path.match(/daisuki_movie/)) {
485        this.current = 'daisuki_movie'
486      }
487    },
488    methods: {
489      truncate(str, len) {
490        return str.length <= len ? str : (str.substr(0, len) + "...");
491      },
492      isNewIcon( date ) {
493        const publish_date = new Date( date.substr( 0, 4 ), Number(date.substr( 5, 2 )-1), Number(date.substr( 8, 2 )), 0, 1 );
494        const now = new Date();
495        const termDay = (now - publish_date) / 86400000;
496
497        if ( termDay < 7 ) {
498          return true;
499        } else {
500          return false;
501        }
502      },
503      createTags( tag, poke ) {
504        if ( tag.length >= 2 && poke.length >= 5 ) {
505          const array_base = [tag[0]]
506          const sliced = poke.slice(0,5)
507          return array_base.concat(sliced)
508        } else if ( (poke.length + tag.length) < 6 ) {
509          let array_base = tag;
510          return array_base.concat(poke)
511        } else {
512          const remainder = 6 - poke.length;
513          const array_base = tag.slice(remainder-1);
514          const array = array_base.concat(poke);
515          return(array.slice(0,6));
516        }
517      },
518      pageLoopCnt( baseNum, page, maxpage ) {
519          let loopCnt = baseNum;
520          let startPage = 1;
521          let reObj = {"loopStartPos":baseNum, "startPos":1 };
522          if (loopCnt >= maxpage) { loopCnt = maxpage; }
523          let chkA = Math.ceil(loopCnt / 2);
524          let chkB = Math.floor(loopCnt / 2);
525          if (loopCnt >= baseNum){
526              if(page >= chkA){ startPage = page - chkB; }
527              if(page > (maxpage - chkB)){ startPage = maxpage - (baseNum - 1); }
528              if(startPage <= 0){ startPage = 1; }
529          }
530          reObj = {"loopStartPos":loopCnt, "startPos":startPage };
531          return reObj;
532      }
533    }
534  });
535</script>
535
536  </body>
537</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.