UKYO Kazuma yaakaito

## css-has.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                yaakaito
                / css-has.md
            
            
              Last active
              January 19, 2024 16:23
            
              
                :has() でリストが空のときにセクションごと消す
              
          
    :has() が 2023 年末にすべてのブラウザでサポートされて、現実的に利用できるようになった。

:has() - CSS: カスケーディングスタイルシート | MDN
朗報！ CSSの:has()疑似クラスがすべてのブラウザにサポートされました、:has()疑似クラスの便利な使い方のまとめ | コリス

「渡したセレクターにマッチする子要素を持つ親要素であるか」を判定できるので、例えばリストが空のときにセクションごと消すことができる。
<style>
section:has(ul:empty) {

  
## zustand-persisting-chrome.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                yaakaito
                / zustand-persisting-chrome.md
            
            
              Last active
              January 18, 2024 10:00
            
              
                zustand を chrome 拡張の storage で永続化する
              
          
    StateStorage を実装することで自由なストレージを設定できる。

https://github.com/pmndrs/zustand/blob/main/docs/integrations/persisting-store-data.md#how-can-i-use-a-custom-storage-engine

import { StateStorage } from 'zustand/middleware';

export const zustandChromeStorage: StateStorage = {
    getItem(name) {
 return new Promise((resolve) =&gt; {

  
## error.ts
class MyError extends Error {
    constructor(message: string) {
        super(message)
        this.name = new.target.name
        Object.setPrototypeOf(this, new.target.prototype)
    }
}

## isBrowser.js
export const isBrowser = typeof navigator !== 'undefined'

## webpack.config.js
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = (env = {}) => {
    return {
        mode: 'development',
        entry: {
            index: path.resolve(__dirname, 'src/index.ts')
        },
        output: {

## spec.swift
class FirstViewSpec: QuickSpec {
    override func spec() {
        describe("ラベルは") {
            context("「ハロー」が押された時") {
                grey_execute_sync({
                    EarlGrey.select(elementWithMatcher:grey_buttonTitle("ハロー"))
                        .perform(grey_tap())
                    it("「ハロー」と表示される") {
                        EarlGrey.select(elementWithMatcher: grey_accessibilityLabel("LABEL"))
                            .assert(grey_text("ハロー"))

## compiled.js
var BankAccount = (function () {
    function BankAccount(balance) {
        this.balance = balance;
    }
    BankAccount.prototype.increase = function (money) {
        var a = _.clone(this);
        a.balance += money;
        return a;
    };

## gist:6790359
<!doctype html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>GREEの皆様！弊社のアプリを開発しませんか？</title>
    <link rel="shortcut icon" href="" type="image/vnd.microsoft.icon">
    <meta name="copyright" content="©yuta Uchiyama 2013">
    <meta name="keywords" content="GREE,ドウゲンザッカーバーグ,採用,開発,エンジニア" />
    <meta name="description" content="GREEの皆様。弊社のアプリを開発しませんか？" />
    <meta property="og:title" content="GREEの皆様。弊社のアプリを開発しませんか？" />

## gist:6634666
javascript:(function(){var modal = SNS.TextInputModalView.createWithParameters({title: 'a',length: 200,doneCallback: function() {},cancelCallback: function() {}});modal.show();})()

## gist:6462249
<!doctype html>
<html>
  <head>
    <meta charset="utf8" />
    <title>めにゅ〜</title>
    <style>
      header {
        width: 100%;
        height: 44px;
        position: fixed;
	class MyError extends Error {
	constructor(message: string) {
	super(message)
	this.name = new.target.name
	Object.setPrototypeOf(this, new.target.prototype)
	}
	}
	const path = require('path')
	const HtmlWebpackPlugin = require('html-webpack-plugin')

	module.exports = (env = {}) => {
	return {
	mode: 'development',
	entry: {
	index: path.resolve(__dirname, 'src/index.ts')
	},
	output: {
	class FirstViewSpec: QuickSpec {
	override func spec() {
	describe("ラベルは") {
	context("「ハロー」が押された時") {
	grey_execute_sync({
	EarlGrey.select(elementWithMatcher:grey_buttonTitle("ハロー"))
	.perform(grey_tap())
	it("「ハロー」と表示される") {
	EarlGrey.select(elementWithMatcher: grey_accessibilityLabel("LABEL"))
	.assert(grey_text("ハロー"))
	var BankAccount = (function () {
	function BankAccount(balance) {
	this.balance = balance;
	}
	BankAccount.prototype.increase = function (money) {
	var a = _.clone(this);
	a.balance += money;
	return a;
	};
	<!doctype html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>GREEの皆様！弊社のアプリを開発しませんか？</title>
	<link rel="shortcut icon" href="" type="image/vnd.microsoft.icon">
	<meta name="copyright" content="©yuta Uchiyama 2013">
	<meta name="keywords" content="GREE,ドウゲンザッカーバーグ,採用,開発,エンジニア" />
	<meta name="description" content="GREEの皆様。弊社のアプリを開発しませんか？" />
	<meta property="og:title" content="GREEの皆様。弊社のアプリを開発しませんか？" />
	<!doctype html>
	<html>
	<head>
	<meta charset="utf8" />
	<title>めにゅ〜</title>
	<style>
	header {
	width: 100%;
	height: 44px;
	position: fixed;