Kohki SHIKATA kohki-shikata

Fullstack at Osaka, Japan.

kohki-shikata / highlightLine.js

Created September 21, 2024 10:20

	// 変数の初期設定
	let currentIndex = 0;
	const lines = document.querySelectorAll('.main-article h2, .main-article p');

	// 行にハイライトを追加する関数
	function highlightLine(lineIndex) {
	lines.forEach(line => line.classList.remove('kaisei-active'));

	// 条件に合った行にハイライトを追加
	if (lineIndex >= 0 && lineIndex < lines.length) {

kohki-shikata / selectMode.js

Created September 21, 2024 10:18

	let isEnabled = false; // フラグを初期化
	let selectedElement = null; // 現在選択されている要素を保持

	// ページロード時にユニーククラスを適用
	document.addEventListener('DOMContentLoaded', () => {
	applyUniqueClasses();
	toggleSelectionMode(false); // 初期状態で選択モードを無効にする
	});

	// 選択モードの切り替えボタン

kohki-shikata / main.ts

Created September 21, 2024 03:51

kohki-shikata / background.ts

Last active September 21, 2024 03:50

	// chrome.runtime.onInstalled.addListener(() => {
	// console.log("Extension installed!");
	// });


	// src/background/service-worker.js
	let myVariable = "This is a variable from the background script.";

	chrome.runtime.onMessage.addListener((request, _sender, sendResponse) => {
	if (request.action === "getVariable") {

kohki-shikata / App.vue

Last active September 21, 2024 03:51

	<script setup lang="ts">
	import Sidebar from './components/Sidebar.vue';
	import { onMounted, ref } from 'vue';

	const fontSize = ref(100); // 初期フォントサイズを100%

	// 初期値をストレージから取得
	onMounted(() => {
	chrome.storage.local.get(['fontSize'], (result) => {
	fontSize.value = result.fontSize \|\| 100;

kohki-shikata / content.ts

Last active September 21, 2024 03:51

content.ts

	const title = document.querySelector('h1')
	if(title) {
	title.style.color = 'red'
	}

	// interface Request {
	// fontSize: number;
	// }

	// // 例えば、requestを以下のように定義する

kohki-shikata / main.md

Created September 16, 2024 12:51

VaultWarden 移行まとめ

SQLiteからMySQLへ変換

kohki-shikata / delayedProcess.ts

Created July 15, 2024 04:28

逐次処理をPromise.allで非同期に並列処理したいが、少しだけディレイを入れたい（APIの制限対策など）

	const delayFunc = (ms: number) =>
	new Promise((resolve) => setTimeout(resolve, ms));

	const syncronusProcess = async (
	flag: string \| undefined,
	time: number = 1000,
	iteration: number = 4,
	) => {
	let i = 1;
	while (i <= iteration) {

kohki-shikata / createRandom.test.ts

Created July 8, 2024 03:03

[Node.js]ランダムな整数を出力する（テスト）

	// テストにはJestを使用

	import { createRandom } from "../functions/helpers";
	describe('Create random number between two value: Normal Pattern', () => {
	test('Return random value is correct', () => {
	const min = 1;
	const max = 5;

	expect(createRandom(min, max)).toBeLessThanOrEqual(max)
	expect(createRandom(min, max)).toBeGreaterThanOrEqual(min)

kohki-shikata / createRandom.ts

Last active July 8, 2024 03:02

[TypeScript] ランダムな整数を返却する。