Sho's Snippets

[sho-snippets]

download from blob url

const blobUrl = "" fetch(blobUrl) .then(response => response.blob()) .then(blob => { const url = window.URL.createObjectURL(blob); const a = document.createElement('a'); a.style.display = 'none'; a.href = url; const filename = blobUrl.slice(-8) + '.mp4'; a.download = filename; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); }) .catch(e => console.error('Download failed:', e));

[sho-snippets]

keywordでフィルター

完全一致

filteredBots = bots.value.filter((bot) => bot.title.includes(searchQuery.value) )

大文字小文字無視(toLowerCaseにそろえてからfilter)

filteredBots = bots.value.filter((bot) => bot.title.toLowerCase().includes(searchQuery.value.toLowerCase()) )

[sho-snippets]

配列の末尾・先頭に要素を追加

末尾に追加

arrayB.push({ value: 'all' });

先頭についか

arrayB.unshift({ value: 'all' });

[sho-snippets]

配列Aから配列Bを作る

const arrayB = arrayA.map(item => {

return {

...item,

title: '新しいタイトル',

};

});

[sho-snippets]

vue3 template

<template>

<div class=""></div>

</template>

<script lang="ts">

export default {

name: '',

components: {},

props: {},

emits: ['update:modelValue'],

model: {

prop: 'modelValue',

event: 'update:modelValue',

},

setup() {},

}

</script>

<style lang="scss" scoped></style>

[sho-snippets]

vue3 template setup

<template>

<div class=""></div>

</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>

[sho-snippets]

動画+音声の合成

video.movの6秒のところに、sound.m4aの0秒と合わせて合成する

ffmpeg -i video.mov -itsoffset 6 -i sound.m4a -c:v copy -c:a aac -strict experimental -shortest output_video4.mp4

[sho-snippets]

props

const props = defineProps<{

modelValue: boolean

}>()

emits

const emit = defineEmits(['update:modelValue'])

v-dialog etc

:modelValue="props.modelValue"

@update:model-value="(val) => emit('update:modelValue', val)"

[sho-snippets]

Nuxt3 Auto Import - VS Code [command + click] not jump

auto imported component will jump to .nuxt/components.d.ts

[Goto definition alias] extension works great with this problem!

ref github issue