Last active
May 13, 2023 16:03
-
-
Save mnixry/67b2836fb4f60392c4811c58d70d6b50 to your computer and use it in GitHub Desktop.
A flexible column masonry component for quasar
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<q-slider v-model="cols" :max="6" :min="1"></q-slider> | |
<div class="column" :class="`masonry-${cols}`"> | |
<div | |
v-for="(_, index) in new Array(cols).fill(undefined)" | |
:key="index" | |
class="flex-break" | |
/> | |
<q-card | |
v-for="(illust, i) in DATA.illusts" | |
:key="i" | |
tabindex="0" | |
class="q-ma-md" | |
:style="{ width: `${Math.floor(80 / cols)}vw` }" | |
> | |
<q-img | |
:ratio="illust.width / illust.height" | |
:src="illust.image_urls.large.replace('i.pximg.net', 'pximg.obfs.dev')" | |
></q-img> | |
<q-card-section> | |
<div class="text-h6">{{ illust.title }}</div> | |
<div class="text-body1 text-grey">{{ illust.user.name }}</div> | |
</q-card-section> | |
</q-card> | |
</div> | |
</template> | |
<script setup lang="ts"> | |
import { ref } from 'vue'; | |
const cols = ref(2); | |
</script> | |
<style lang="scss" scoped> | |
.flex-break { | |
flex: 1 0 100% !important; | |
width: 0 !important; | |
} | |
</style> | |
<style lang="scss"> | |
$max-column: 6; | |
@for $col from 1 through ($max-column) { | |
@for $i from 1 through ($col - 1) { | |
.masonry-#{$col} > div:nth-child(#{$col}n + #{$i}) { | |
order: #{$i}; | |
} | |
} | |
.masonry-#{$col} > div:nth-child(#{$col}n) { | |
order: #{$col}; | |
} | |
} | |
</style> | |
<script> | |
const DATA = { | |
illusts: [ | |
{ | |
id: 97833640, | |
title: '薄櫻が綻ぶ時', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/01/05/47/97833640_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/01/05/47/97833640_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/01/05/47/97833640_p0_master1200.jpg', | |
}, | |
caption: '仕事絵', | |
restrict: 0, | |
user: { | |
id: 6662895, | |
name: 'ATDAN-', | |
account: '869054445', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2016/01/11/21/46/50/10371466_80f6ad67eab3b8abd44a2fb74ddd1ba1_170.jpg', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: '原神', | |
translated_name: null, | |
}, | |
{ | |
name: '女の子', | |
translated_name: null, | |
}, | |
{ | |
name: '八重神子', | |
translated_name: null, | |
}, | |
{ | |
name: '雷電将軍', | |
translated_name: null, | |
}, | |
{ | |
name: '本家', | |
translated_name: null, | |
}, | |
{ | |
name: '狐耳', | |
translated_name: null, | |
}, | |
{ | |
name: '公式', | |
translated_name: null, | |
}, | |
{ | |
name: '原神10000users入り', | |
translated_name: null, | |
}, | |
{ | |
name: '薄櫻が綻ぶ時', | |
translated_name: null, | |
}, | |
], | |
tools: ['SAI', 'Photoshop'], | |
create_date: '2022-04-24T01:05:47+09:00', | |
page_count: 1, | |
width: 4800, | |
height: 1800, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/24/01/05/47/97833640_p0.jpg', | |
}, | |
meta_pages: [], | |
total_view: 113320, | |
total_bookmarks: 31541, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97806570, | |
title: 'Milk Tea', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/00/00/03/97806570_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/00/00/03/97806570_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/00/00/03/97806570_p0_master1200.jpg', | |
}, | |
caption: | |
"去年からあたためていたラフをようやく完成させました<br /><br />-------------------------------<br /><br />赤倉初個展「Plaisir(プレジール)」開催決定!<br /><br />●期間:2022.05.13(Fri)-06.01(Wed) 12:00-19:00<br />●詳細:<a href=\"https://pixiv-waengallery.com/exhibition/akakura_plaisir/\" target='_blank' rel='noopener noreferrer'>https://pixiv-waengallery.com/exhibition/akakura_plaisir/</a>", | |
restrict: 0, | |
user: { | |
id: 882569, | |
name: '赤倉@初個展', | |
account: '23233', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2017/05/26/14/33/28/12608711_5883fc4f50f7ad7079e25ba16f5459c8_170.png', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: 'オリジナル', | |
translated_name: null, | |
}, | |
{ | |
name: '女の子', | |
translated_name: null, | |
}, | |
{ | |
name: '創作', | |
translated_name: null, | |
}, | |
{ | |
name: '手袋', | |
translated_name: null, | |
}, | |
{ | |
name: 'オリジナル10000users入り', | |
translated_name: null, | |
}, | |
], | |
tools: ['SAI', 'CLIP STUDIO PAINT'], | |
create_date: '2022-04-23T00:00:03+09:00', | |
page_count: 1, | |
width: 1500, | |
height: 1500, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/23/00/00/03/97806570_p0.png', | |
}, | |
meta_pages: [], | |
total_view: 95418, | |
total_bookmarks: 27052, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97806592, | |
title: 'ヨルさん', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/00/00/05/97806592_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/00/00/05/97806592_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/00/00/05/97806592_p0_master1200.jpg', | |
}, | |
caption: 'スパイファミリーを一気読みしてしまった', | |
restrict: 0, | |
user: { | |
id: 83739, | |
name: 'lack', | |
account: 'blacklack-21', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2019/09/12/19/41/28/16268521_ecf42a7c286189898dbbcdbecaf3760c_170.jpg', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: '版権', | |
translated_name: null, | |
}, | |
{ | |
name: 'スパイファミリー', | |
translated_name: null, | |
}, | |
{ | |
name: 'ヨル・フォージャー', | |
translated_name: null, | |
}, | |
{ | |
name: 'SPY×FAMILY', | |
translated_name: null, | |
}, | |
{ | |
name: '殺し屋', | |
translated_name: null, | |
}, | |
{ | |
name: 'おっぱい', | |
translated_name: null, | |
}, | |
{ | |
name: 'サイハイブーツ', | |
translated_name: null, | |
}, | |
{ | |
name: 'SPY×FAMILY10000users入り', | |
translated_name: null, | |
}, | |
{ | |
name: '黒ドレス', | |
translated_name: null, | |
}, | |
{ | |
name: '鏡越し', | |
translated_name: null, | |
}, | |
], | |
tools: ['Photoshop', 'CLIP STUDIO PAINT'], | |
create_date: '2022-04-23T00:00:05+09:00', | |
page_count: 1, | |
width: 1062, | |
height: 1500, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/23/00/00/05/97806592_p0.png', | |
}, | |
meta_pages: [], | |
total_view: 128339, | |
total_bookmarks: 24214, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97831497, | |
title: '家族', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/00/00/03/97831497_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/00/00/03/97831497_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/00/00/03/97831497_p0_master1200.jpg', | |
}, | |
caption: '', | |
restrict: 0, | |
user: { | |
id: 25555102, | |
name: 'エキナ', | |
account: 'ekina_1217', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2019/10/27/00/51/59/16465496_c6b257703fbba4c4336bcfc83abb05ae_170.jpg', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: '女の子', | |
translated_name: null, | |
}, | |
{ | |
name: '少女', | |
translated_name: null, | |
}, | |
{ | |
name: 'アーニャ・フォージャー', | |
translated_name: null, | |
}, | |
{ | |
name: 'ヨル・フォージャー', | |
translated_name: null, | |
}, | |
{ | |
name: 'ロイド・フォージャー', | |
translated_name: null, | |
}, | |
{ | |
name: 'SPY×FAMILY', | |
translated_name: null, | |
}, | |
{ | |
name: 'スパイファミリー', | |
translated_name: null, | |
}, | |
{ | |
name: 'アーニャスマイル', | |
translated_name: null, | |
}, | |
{ | |
name: 'SPY×FAMILY1000users入り', | |
translated_name: null, | |
}, | |
{ | |
name: 'フォージャー家', | |
translated_name: null, | |
}, | |
], | |
tools: [], | |
create_date: '2022-04-24T00:00:03+09:00', | |
page_count: 1, | |
width: 2000, | |
height: 3000, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/24/00/00/03/97831497_p0.jpg', | |
}, | |
meta_pages: [], | |
total_view: 45480, | |
total_bookmarks: 9302, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97860563, | |
title: 'ポケモンと廃墟', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p0_master1200.jpg', | |
}, | |
caption: '', | |
restrict: 0, | |
user: { | |
id: 2033916, | |
name: 'あすてろid', | |
account: 'asteroid_ill', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2021/12/22/23/12/58/21926925_0232f99c9361bc5798b990a389221c17_170.png', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: 'ポケットモンスター', | |
translated_name: null, | |
}, | |
{ | |
name: '風景', | |
translated_name: null, | |
}, | |
{ | |
name: '廃墟', | |
translated_name: null, | |
}, | |
{ | |
name: 'ポケモン10000users入り', | |
translated_name: null, | |
}, | |
], | |
tools: [], | |
create_date: '2022-04-25T00:00:29+09:00', | |
page_count: 8, | |
width: 2165, | |
height: 3300, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: {}, | |
meta_pages: [ | |
{ | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p0_master1200.jpg', | |
original: | |
'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p0.jpg', | |
}, | |
}, | |
{ | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p1_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p1_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p1_master1200.jpg', | |
original: | |
'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p1.jpg', | |
}, | |
}, | |
{ | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p2_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p2_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p2_master1200.jpg', | |
original: | |
'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p2.jpg', | |
}, | |
}, | |
{ | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p3_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p3_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p3_master1200.jpg', | |
original: | |
'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p3.jpg', | |
}, | |
}, | |
{ | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p4_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p4_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p4_master1200.jpg', | |
original: | |
'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p4.jpg', | |
}, | |
}, | |
{ | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p5_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p5_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p5_master1200.jpg', | |
original: | |
'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p5.jpg', | |
}, | |
}, | |
{ | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p6_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p6_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p6_master1200.jpg', | |
original: | |
'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p6.jpg', | |
}, | |
}, | |
{ | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p7_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p7_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p7_master1200.jpg', | |
original: | |
'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p7.jpg', | |
}, | |
}, | |
], | |
total_view: 82662, | |
total_bookmarks: 16414, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97831524, | |
title: '和風ドレスあやめ嬢', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/00/00/07/97831524_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/00/00/07/97831524_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/00/00/07/97831524_p0_master1200.jpg', | |
}, | |
caption: | |
'FANBOXにメイキングがあります。<br /><a href="https://scottie.fanbox.cc/posts/3725791" target="_blank">https://scottie.fanbox.cc/posts/3725791</a>', | |
restrict: 0, | |
user: { | |
id: 103410, | |
name: 'スコッティ', | |
account: 'sco_ttie', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2021/11/15/21/51/57/21745299_cf1e67acda5bf7b20605b49f3aa7435b_170.jpg', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: '百鬼あやめ', | |
translated_name: null, | |
}, | |
{ | |
name: 'ホロライブ', | |
translated_name: null, | |
}, | |
{ | |
name: '百鬼絵巻', | |
translated_name: null, | |
}, | |
{ | |
name: 'バーチャルYouTuber', | |
translated_name: null, | |
}, | |
{ | |
name: 'かわ余', | |
translated_name: null, | |
}, | |
{ | |
name: 'ふつくしい', | |
translated_name: null, | |
}, | |
{ | |
name: 'バーチャルYouTuber10000users入り', | |
translated_name: null, | |
}, | |
], | |
tools: ['CLIP STUDIO PAINT'], | |
create_date: '2022-04-24T00:00:07+09:00', | |
page_count: 1, | |
width: 770, | |
height: 1200, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/24/00/00/07/97831524_p0.jpg', | |
}, | |
meta_pages: [], | |
total_view: 70550, | |
total_bookmarks: 21999, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97832645, | |
title: 'Cinderella', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/00/28/32/97832645_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/00/28/32/97832645_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/00/28/32/97832645_p0_master1200.jpg', | |
}, | |
caption: | |
"<a href=\"https://grimlight.co.kr\" target='_blank' rel='noopener noreferrer'>https://grimlight.co.kr</a><br /><a href=\"https://grimlight.global\" target='_blank' rel='noopener noreferrer'>https://grimlight.global</a>", | |
restrict: 0, | |
user: { | |
id: 23098486, | |
name: 'TOKKYU', | |
account: 'user_mwwe3558', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2019/04/18/13/03/03/15662042_10f8d3c70c44d70748bbdf303e2e79e9_170.jpg', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: '백일몽화', | |
translated_name: null, | |
}, | |
{ | |
name: 'GrimLight', | |
translated_name: null, | |
}, | |
{ | |
name: 'シンデレラ', | |
translated_name: null, | |
}, | |
{ | |
name: 'ティアラ', | |
translated_name: null, | |
}, | |
{ | |
name: 'ガラスの靴', | |
translated_name: null, | |
}, | |
{ | |
name: 'ふつくしい', | |
translated_name: null, | |
}, | |
{ | |
name: '金髪ロング', | |
translated_name: null, | |
}, | |
{ | |
name: '長手袋', | |
translated_name: null, | |
}, | |
{ | |
name: 'ドレス', | |
translated_name: null, | |
}, | |
], | |
tools: [], | |
create_date: '2022-04-24T00:28:32+09:00', | |
page_count: 1, | |
width: 842, | |
height: 1500, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/24/00/28/32/97832645_p0.jpg', | |
}, | |
meta_pages: [], | |
total_view: 50151, | |
total_bookmarks: 14701, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97808548, | |
title: '氷菓10周年', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/01/08/42/97808548_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/01/08/42/97808548_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/01/08/42/97808548_p0_master1200.jpg', | |
}, | |
caption: '2022.04.22', | |
restrict: 0, | |
user: { | |
id: 2750098, | |
name: 'mery', | |
account: 'dpqpqp550', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2020/09/18/01/52/34/19374649_9a0e0ea8c79b273e2ac7c3117152a902_170.png', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: '氷菓', | |
translated_name: null, | |
}, | |
{ | |
name: '千反田える', | |
translated_name: null, | |
}, | |
{ | |
name: '折木奉太郎', | |
translated_name: null, | |
}, | |
{ | |
name: '奉える', | |
translated_name: null, | |
}, | |
{ | |
name: 'セーラー服', | |
translated_name: null, | |
}, | |
{ | |
name: 'なにこれかわいい', | |
translated_name: null, | |
}, | |
{ | |
name: 'なにこれ男の子かわいい', | |
translated_name: null, | |
}, | |
{ | |
name: '氷菓10000users入り', | |
translated_name: null, | |
}, | |
], | |
tools: [], | |
create_date: '2022-04-23T01:08:42+09:00', | |
page_count: 1, | |
width: 1500, | |
height: 2100, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/23/01/08/42/97808548_p0.png', | |
}, | |
meta_pages: [], | |
total_view: 57920, | |
total_bookmarks: 13479, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97839969, | |
title: 'SPY × FAMILY スパイファミリー', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/10/21/19/97839969_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/10/21/19/97839969_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/10/21/19/97839969_p0_master1200.jpg', | |
}, | |
caption: '', | |
restrict: 0, | |
user: { | |
id: 4631330, | |
name: '디펫', | |
account: 'pss2366', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2021/04/03/23/15/58/20471753_cbcf492ac315899049abda53662113a2_170.png', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: 'スパイファミリー', | |
translated_name: null, | |
}, | |
{ | |
name: '스파이패밀리', | |
translated_name: null, | |
}, | |
{ | |
name: 'ヨル・フォージャー', | |
translated_name: null, | |
}, | |
{ | |
name: 'SPY×FAMILY', | |
translated_name: null, | |
}, | |
{ | |
name: 'ロイヨル', | |
translated_name: null, | |
}, | |
{ | |
name: 'サイハイブーツ', | |
translated_name: null, | |
}, | |
{ | |
name: '黄昏(SPY×FAMILY)', | |
translated_name: null, | |
}, | |
{ | |
name: 'ロイド・フォージャー', | |
translated_name: null, | |
}, | |
{ | |
name: 'いばら姫(SPY×FAMILY)', | |
translated_name: null, | |
}, | |
{ | |
name: 'SPY×FAMILY5000users入り', | |
translated_name: null, | |
}, | |
], | |
tools: [], | |
create_date: '2022-04-24T10:21:19+09:00', | |
page_count: 1, | |
width: 582, | |
height: 989, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/24/10/21/19/97839969_p0.png', | |
}, | |
meta_pages: [], | |
total_view: 40126, | |
total_bookmarks: 6553, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97807314, | |
title: '🌸', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/00/14/21/97807314_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/00/14/21/97807314_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/00/14/21/97807314_p0_master1200.jpg', | |
}, | |
caption: '', | |
restrict: 0, | |
user: { | |
id: 20728711, | |
name: 'WERI', | |
account: 'weriring', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2021/05/28/15/04/01/20778063_4d66c179e2c48976c4d071b9069d87e5_170.png', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: '女の子', | |
translated_name: null, | |
}, | |
{ | |
name: '少女', | |
translated_name: null, | |
}, | |
{ | |
name: '桜', | |
translated_name: null, | |
}, | |
{ | |
name: 'ふつくしい', | |
translated_name: null, | |
}, | |
{ | |
name: '春一番!', | |
translated_name: null, | |
}, | |
{ | |
name: '桜の花', | |
translated_name: null, | |
}, | |
{ | |
name: 'オリジナル10000users入り', | |
translated_name: null, | |
}, | |
], | |
tools: [], | |
create_date: '2022-04-23T00:14:21+09:00', | |
page_count: 1, | |
width: 1200, | |
height: 1591, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/23/00/14/21/97807314_p0.png', | |
}, | |
meta_pages: [], | |
total_view: 40516, | |
total_bookmarks: 14523, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
}, | |
{ | |
id: 97806585, | |
title: '個展「Dear Smile」', | |
type: 'illust', | |
image_urls: { | |
square_medium: | |
'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/00/00/04/97806585_p0_square1200.jpg', | |
medium: | |
'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/00/00/04/97806585_p0_master1200.jpg', | |
large: | |
'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/00/00/04/97806585_p0_master1200.jpg', | |
}, | |
caption: | |
"🌸公式サイト:<a href=\"https://www.d-art.tw/post/dear-smile-ds%E3%83%9E%E3%82%A4%E3%83%AB%E5%80%8B%E5%B1%95\" target='_blank' rel='noopener noreferrer'>https://www.d-art.tw/post/dear-smile-ds%E3%83%9E%E3%82%A4%E3%83%AB%E5%80%8B%E5%B1%95</a><br />d/art様にて個展「Dear Smile」を開催することになりました!ご興味のある方は是非遊びにきてください!よろしくお願いします!<br />我即將在台北西門町的d/art Taipei畫廊 舉辦個展「Dear Smile」!有興趣的朋友請務必來玩!還請大家多多指教了!", | |
restrict: 0, | |
user: { | |
id: 795196, | |
name: 'DSマイル🌻画集/個展', | |
account: 'kd998', | |
profile_image_urls: { | |
medium: | |
'https://i.pximg.net/user-profile/img/2019/12/18/22/43/08/16722714_bd505ef9991a5d5df0807d6870b84814_170.jpg', | |
}, | |
is_followed: false, | |
}, | |
tags: [ | |
{ | |
name: 'オリジナル', | |
translated_name: null, | |
}, | |
{ | |
name: '黒タイツ', | |
translated_name: null, | |
}, | |
{ | |
name: 'オリジナル10000users入り', | |
translated_name: null, | |
}, | |
{ | |
name: 'ジャンパースカート', | |
translated_name: null, | |
}, | |
{ | |
name: '西門町', | |
translated_name: null, | |
}, | |
], | |
tools: [], | |
create_date: '2022-04-23T00:00:04+09:00', | |
page_count: 1, | |
width: 733, | |
height: 1200, | |
sanity_level: 2, | |
x_restrict: 0, | |
series: null, | |
meta_single_page: { | |
original_image_url: | |
'https://i.pximg.net/img-original/img/2022/04/23/00/00/04/97806585_p0.jpg', | |
}, | |
meta_pages: [], | |
total_view: 50236, | |
total_bookmarks: 12807, | |
is_bookmarked: false, | |
visible: true, | |
is_muted: false, | |
} | |
], | |
next_url: | |
'https://app-api.pixiv.net/v1/illust/ranking?mode=week&date=2022-04-29&offset=30', | |
}; | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment