Skip to content

Instantly share code, notes, and snippets.

View Tenderfeel's full-sized avatar

Tenderfeel

1 follower · 1 following
View GitHub Profile
@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 / summary_card_width_large_image.html
Last active October 6, 2021 05:27
Summary Card with Large Image - sample code
<!DOCTYPE html>
<html lang="ja" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<title>Twitter Summary Card with Large Image Sample</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Summary Card with Large Imageの実装サンプル ">
<!-- 以下4つは必須 -->
@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();
@Tenderfeel
Tenderfeel / hiragana-to-roman.js
Last active December 2, 2019 04:57
ひらがなをローマ字に変換するクラス
/**
* ひらがな　→　ローマ字変換クラス
* @author tenderfeel
* @ver 1.2
* http://tenderfeel.xsrv.jp/
*
* Need:mootools 1.2
*
* ---MIT License--------------------------------------------
* Copyright (c) 2008 Tenderfeel all rights reserved.
@Tenderfeel
Tenderfeel / DataList.php
Last active September 17, 2019 03:40
<?php
// 7.0 厳密な型宣言（strictモード）
declare(strict_types = 1);
namespace pagination; // 名前空間
/**
* ダミーデータ
* @namespace pagination
*/