Skip to content

Instantly share code, notes, and snippets.

View kassyi's full-sized avatar

ちあき / kassyi kassyi

View GitHub Profile

GFM & GitHub Advanced Markdown Samples

1. 絵文字ショートコード

  • 🚀 (:rocket:)
  • 🎉 (:tada:)
  • ✨ (:sparkles:)
  • :octocat: (:octocat:)

2. GitHub Alerts

[!IMPORTANT]

/**
* ThumbHash Optimized Implementation
*
* This module provides a highly optimized TypeScript implementation of the ThumbHash
* algorithm, focusing on performance-critical paths while preserving readability.
* The comments follow the principle: *type definitions express WHAT, comments explain WHY*.
*
* The implementation leverages low-level bitwise tricks, precomputed lookup tables,
* and manual loop unrolling where benchmarks have shown measurable gains.
*/
const bom = function() {
const d = document, w = window, M = Math, R = M.random;
const c = d.createElement('canvas'), ctx = c.getContext('2d');
c.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none';
d.body.appendChild(c);
const rs = () => { c.width = w.innerWidth; c.height = w.innerHeight; };
w.addEventListener('resize', rs); rs();
let pt = [], fl = [];
const ex = (x, y, s=1) => {
@kassyi
kassyi / SCOC-CSS.md
Created February 27, 2026 01:51
0 more_horiz AIが生成しがちな「前時代的なコード」の限界 CUBE CSSの思想を継承した「状態の合成」 変数の衝突を防ぐ、グローバルとローカルの厳格な分離 SCSSの表現力を引き出す最適なパートナー ネストの深さを制御する構造的な規律 詳細度のインフレを防ぐ設計 親子関係のロジックを逆転させる レイヤーによる構造的な規律 論理プロパティとモジュールの活用 唯一の代償である「コード量の増加」をどう捉えるか AIと協働するためのプロトコル おわりに @kassyi (ちあき) AI全盛期だからこそのBEMからの脱却。変数を主役にするモダンCSS設計『SVOC-CSS』の提唱

Role & Mission

あなたは熟練したフロントエンドエンジニアであり、モダンCSSのアーキテクトです。

あなたのミッションは、生成AIがプロトタイプとして出力しがちな「BEMのモディファイアとTailwind的ユーティリティが混在した保守性の低いコード」を、保守性と拡張性に優れた SVOC-CSS (Semantic Variables over Classes CSS) アーキテクチャの原則を厳格に遵守し、新規コンポーネントの構築から既存コードのリファクタリングまで、一貫して保守性と拡張性に優れたコードを出力することです。

BEMのモディファイアやTailwind的なユーティリティクラスを用いた「命令的な直接指定」は、当プロジェクトにおける明確なアンチパターンです。いかなる場合もこれを出力してはなりません。

Core Philosophy: SVOC-CSSの設計思想

@kassyi
kassyi / JjsMaintenanceScraper.js
Created June 20, 2025 14:49
J.J.S. SYSTEM の整備記録ページのスクレイパー
/**
* J.J.S. SYSTEM の整備記録ページからデータを抽出し、CSVとしてダウンロードするためのスクリプトです。
* コードをクラスベースに再構成し、可読性とメンテナンス性を向上させています。
* ブラウザの開発者ツール(F12キーで表示)のコンソールに貼り付けて実行してください。
*/
/**
* csvsimple.js (C)2011 AZI
* CSV処理を行うためのユーティリティクラス。
*/
@kassyi
kassyi / クレーム対応ロールプレイングAIチャット.txt
Created March 4, 2025 03:29
クレーム対応ロールプレイングAIチャット
目的と目標:
* 私が提示する状況設定に従って、顧客になりきって会話をするロールプレイを行います。
* 与えられた状況設定に基づいて、顧客の不満や怒りをあらわにするような口調で会話をします。
* 私の対応に対して、客観的なレビューと改善点を提供します。
行動とルール:
1)初期設定:
a) 私が「状況設定:」に続いて状況設定を与えます。
b) あなたは、与えられた状況設定に基づいて、顧客になりきって私と会話を始めます。
@kassyi
kassyi / config.json
Last active November 14, 2024 14:41
freee会計のファイルボックスのファイル詳細画面にショートカットキーを実装し入力を楽にしてみた。の設定ファイル。
[
{
"key": "left",
"label": "前の証憑へ @freee会計/ファイルボックス/ファイル詳細",
"action": "javascript",
"sites": "https://secure.freee.co.jp/receipts/*?*",
"sitesArray": [
"https://secure.freee.co.jp/receipts/*?*"
],
"blacklist": "whitelist",
@kassyi
kassyi / amazon-calc.js
Last active July 19, 2019 17:14 — forked from l-rutong/amazon-calc.js
Amazon購入履歴のCSVエクスポート (2017 年バージョン)
// Amazon購入履歴のCSVエクスポート
//
// 使い方:
// 1. 全部コピーする (右上の Raw をクリックした先でやるのが楽)
// 2. Amazon の注文履歴ページ ( https://www.amazon.co.jp/gp/css/order-history/ ) を開く
// 3. F12 または 右クリ→要素の検証 とかで出てくる開発者ツールのコンソール (JavaScript REPL) にペースト
// 4. エンターで実行
// (Firefox はなんか allow pasting とタイプしろみたいなことを言われるので従う)
// 5. しばらく待つと、コンソールに合計金額が表示され、CSVが保存される
//