turusuke turusuke

jsdo.it salvage

jsdo.it がサービス終了するにあたってコードサルベージするためにやったこと

成果物: Salvaged codes from jsdo.it

もともと危ういコードを書いていたのもあり半分くらいはまともに動いてない

jsdo.it が安定する時期を待つ

TypeScript 練習問題集(Practice TypeScript and Playground) latest update(2020/9/21)

TypeScript and Playground練習問題集更新情報

WIP

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

次世代Webカンファレンス 2019 振り返り

この文章に関しても所属組織とは関係のない個人の見解です

所感など

本当に全く打ち合わせをしていないので、話題が分散しがちだったかもしれない。
せっかくの所属組織とは無関係のレギュレーションなので、具体名を上げてガンガン治安の悪いことを言うつもりだったのだけど、直前に「具体的な企業名は避けましょう」と言われて若干遠慮した。
マズいことをガンガンしゃべる覚悟で来たので、防刃ベストを着ているが、特に出番は無かった。トイレにも行った。
本当は話す予定だったトピックについて、いくつかは、別途private gistに書く。

styled-componentsの使い方(パッとわかりやすく、色々なパターンを説明することを目指す記事)

本家ドキュメント

こちらはStyled-componentsの使い方、ユースケースを集めた端的なページです。
なにかの問題解決、参考になりましたらスターを押してくださいませ。励みになります。

react-redux の設計指針

はじめに

これは某所での設計を決める用の資料です

チェックリスト

フレームワーク
React

JavaScript練習問題集

更新情報

・constをletに修正、問題を追加(2024/9/27)
・問題を追加(2024/7/20)
・問題を追加(2024/4/12)

	((document, limit) => {
	const data = Array.from(document.querySelectorAll('*'))
	.map((el) => ({zIndex: Number(getComputedStyle(el).zIndex), element: el }))
	.filter(({ zIndex }) => !isNaN(zIndex))
	.sort((r1, r2) => r2.zIndex - r1.zIndex)
	.slice(0, limit);
	console.table(data);
	})(document, 50);

	" =============================================================
	" Map Leader
	" =============================================================
	imap ,. <Esc>
	vmap ,. <Esc>


	" =============================================================
	" Bookmark
	" =============================================================