IT Tools

IT Tools - Handy online tools for developers

学んだことというより便利なサイトの紹介。 ダミーテキスト生成、URLエンコード/デコード、カラーコード変換などのツールをまとめている。 オープンソースでDockerイメージも公開しているのでオフラインでも使える。

HTTPキャッシュまとめ

https://github.com/Foo-x/til/blob/78b0a601c268cfb774693bc5dc4d1ec7e5840bc9/quality/HTTP%E3%82%AD%E3%83%A3%E3%83%83%E3%82%B7%E3%83%A5%E3%81%BE%E3%81%A8%E3%82%81.md

レスポンスヘッダの Cache-Control、ETag、Last-Modified を使ったキャッシュについてのまとめ。

子孫を含めてHTML要素を不活性にする

https://github.com/Foo-x/til/blob/6406f70bdff7d5eb2aa42bee153584eae1eadddd/language/html/%E5%AD%90%E5%AD%AB%E3%82%92%E5%90%AB%E3%82%81%E3%81%A6%E4%B8%8D%E6%B4%BB%E6%80%A7.md

特定の要素以下にあるリンクやボタンなどを一括で不活性にする方法。

HTMLの擬似要素に text-decoration を適用させない

https://github.com/Foo-x/til/blob/0753535563e1eaa86f0f05d4cf3ef7f29d5c2a91/language/css/%E6%93%AC%E4%BC%BC%E8%A6%81%E7%B4%A0%E3%81%ABtext-decoration%E3%82%92%E9%81%A9%E7%94%A8%E3%81%95%E3%81%9B%E3%81%AA%E3%81%84.md

HTMLの要素に text-decoration を設定したときに、その擬似要素に適用させない方法。

Gatsbyで共通の ContextProvider を使う

https://github.com/Foo-x/til/blob/6406f70bdff7d5eb2aa42bee153584eae1eadddd/language/javascript_typescript/react/gatsby/%E5%85%B1%E9%80%9A%E3%81%AEContextProvider.md

Gatsbyで全ページ共通の ContextProvider を使う方法。

ReactのContextを状態と処理で分割

https://github.com/Foo-x/til/blob/6406f70bdff7d5eb2aa42bee153584eae1eadddd/language/javascript_typescript/react/Context%E3%82%92%E7%8A%B6%E6%85%8B%E3%81%A8%E5%87%A6%E7%90%86%E3%81%A7%E5%88%86%E5%89%B2.md

ReactのContextを状態と処理で分割する理由。

主な画面サイズ

https://github.com/Foo-x/til/blob/2f2ab0825a98f2e032329d06ff05b0d6d1efb745/device/%E4%B8%BB%E3%81%AA%E7%94%BB%E9%9D%A2%E3%82%B5%E3%82%A4%E3%82%BA.md

レスポンシブデザインでよく確認する画面サイズの一覧。

パワーポイントの画像を差し替える

https://github.com/Foo-x/til/blob/419ab276d61be5c94627025e81226f078686045c/tool/powerpoint/%E7%94%BB%E5%83%8F%E3%81%AE%E5%B7%AE%E3%81%97%E6%9B%BF%E3%81%88.md

パワーポイントの画像を差し替える方法。