Skip to content

Instantly share code, notes, and snippets.

@Tenderfeel
Tenderfeel / pdfjs-example.astro
Created December 18, 2023 09:05
Astro.js + PDF.js
---
// PDF.js example
const PDF_PATH = "/photoshop-cc-javascript-ref-2015.pdf";
const WORKER_PATH = "//unpkg.com/pdfjs-dist@4.0.269/build/pdf.worker.min.mjs";
---
<main>
<h1>PDF.js example</h1>
<pdf-viewer data-pdf-path={PDF_PATH} data-worker-path={WORKER_PATH}>
</pdf-viewer>
@Tenderfeel
Tenderfeel / act-plugin-sample-p1.cs
Last active February 17, 2023 15:32
Advanced Combat Tracker Sample Plugin #p1
using Advanced_Combat_Tracker;
using System;
using System.IO;
using System.Text;
using System.Windows.Forms;
using System.Xml;
namespace ACT.SamplePlugin
{
public class SamplePlugin: UserControl1, IActPluginV1
@Tenderfeel
Tenderfeel / dmm-player-full-width.js
Last active May 5, 2022 11:39
DMM Player Full With Bookmarklet
javascript:(function f(){document.getElementById("head").style.display="none";const e=document.getElementById("content");e.style.marginTop="0",e.querySelector(".area-main").style.width="100%",e.querySelector(".area-main > p").style.display="none";const t=document.getElementById("container");t.style.width="100%",t.style.height="auto";const n=document.getElementById("player");n.style.transform="none",n.style.top="0",document.querySelector("html").style.background="#000",document.getElementById("page").style.margin="0",document.body.style.margin="10px",document.body.style.minWidth='0'})()
@Tenderfeel
Tenderfeel / progress.ts
Created October 8, 2021 07:36
Simple Loading Progress
interface ProgressOptions {
onComplete?: gsap.Callback
}
// Loadng Progress
class Progress {
public wrapper: HTMLElement | null
public bg: HTMLElement | null
public content: HTMLElement | null
public indicator: HTMLElement | null
@Tenderfeel
Tenderfeel / preloader.ts
Created October 8, 2021 07:30
Simple Image Preloader
interface PreloaderOptions {
onProgress?: Function
}
interface ImageOption {
src: string
img: HTMLImageElement
}
// Simple Images Preloader
@Tenderfeel
Tenderfeel / md-search-index.mjs
Created August 23, 2021 06:42
Markdonファイルから検索用キーワードを生成する
/**
* /src/data/blog/ にある markdownファイルと
* /src/data/json/author.json から キーワードを抽出した
* flexsearch_index.json を生成する
*/
import { readdir, readFile, writeFile } from 'fs/promises'
import path from 'path'
import { tokenize } from 'kuromojin'
import removeMarkdown from 'remove-markdown'
import grayMatter from 'gray-matter'
@Tenderfeel
Tenderfeel / getDataUrl
Created February 25, 2020 05:56
画像の向きを修正するやつ(主にスマホ向け)
/**
* 画像の向きを修正する
* https://stackoverflow.com/questions/20600800/js-client-side-exif-orientation-rotate-and-mirror-jpeg-images
* @param {(File|Blob)} file 画像
* @return {Promise.<{src, width, height}>}
*/
export function getDataUrl(file) {
return new Promise(resolve => {
const callback = function(srcOrientation) {
const reader2 = new FileReader();
<?php
// 7.0 厳密な型宣言(strictモード)
declare(strict_types = 1);
namespace pagination; // 名前空間
/**
* ダミーデータ
* @namespace pagination
*/
<?php
/**
* ページ番号リンクの表示
* @param int $totalPage データの最大件数
* @param int $page 現在のページ番号
* @param int $pageRange $pageから前後何件のページ番号を表示するか
*/
function paging2($totalPage, $page = 1, $pageRange = 2){
// ページ番号
<template>
<div id="app">
<div class="content">
<ol>
<li v-for="(item, i) in filterItems" :key="i">{{item}}</li>
</ol>
</div>
<prev-next :page="page" :totalPage="totalPage" @change="onPageChange"/>
</div>
</template>