学ぶ、考える、書き出す。

技術の記事一覧

1. ブログ v5.0.0

   2021.01.17

   年末年始から継続してこのブログの改修をおこなっています。

2. PreactとTypeScriptを使った環境でStorybookを使う方法

   2021.01.14

   Preact と TypeScript を使った環境で Storybook を使おうとしたら以下のエラーが出ました。

3. WindowsでもmacOSのようなキー操作を実現する

   2020.08.30

   前から macOS のように Windows でも Ctrl キーを使ったカーソル移動をおこないたいと思っていました。

4. ブログの記事管理をContentfulからGitリポジトリに変更した

   2020.05.18

   このブログは最初はてなブログで書いていて、1 年前にこっそり Next.js + Contentful という仕組みに変えて運用していた。

5. WSL上のChromiumでPDF出力をする

   2018.08.05

   Windows Subsystem for Linux(WSL)上で Headless Chrome を使って、PDF 出力をしてみました。

6. TypeScriptのsetInterval()の返り値には罠がある

   2018.07.18

   以下のようなコードを書いた場合、TypeScript から JavaScript へコンパイルする時、もしくはエディタ内で Type 'Timer' is not assignable to type 'number'. と怒られます。

7. Atomic Designを実案件に導入して運用してみた結果はどうなのか

   2017.12.18

   かつてAtomic Design の考え方と利点・欠点という記事を書きました。

8. CSSを破綻させない

   2016.12.14

   12/3（土）にCSS を破綻させないという内容をbuilderscon tokyo 2016で話しました。

9. Atomic Designの考え方と利点・欠点

   2016.07.19

   Atomic Design はデザインシステムを作る方法論となります。

10. Chromium のチャンネル間で変更された点を確認する方法

    2016.05.13

    とある事情により、Chromium の stable と beta チャンネル間で変更された点から、バグが直されたコミットがどれなのか確認する必要に迫られました。

11. fs.exists()がdeprecatedになった理由

    2015.09.20

    wearefractal/vinyl-fs の dest(folder, \[opt]) が出力先のディレクトリが無い場合でも、そのディレクトリを作ってくれないということで、自分で「ディレクトリの有無を確認して、無い場合はディレクトリを作る」という処理を作る必要がでてきました。

12. 編集しやすいCSSにするために自分が心がけている事

    2015.02.23

    CSS は、書くのが怖いと自分は感じます。

13. background-image はアニメーション出来ない(問題と解決のコード付き)

    2015.01.15

    何が起きたか

14. 神獄のヴァルハラゲートのCSS設計

    2014.12.09

    CSS Architecture Advent Calendar 2014 9 日目の記事になります。

15. colgroup 要素や col 要素は適用できる CSS のプロパティに制限がある

    2014.12.01

    やりたかったこと

16. カラーコードかどうかを判定する正規表現

    2014.06.15

    カラーコードを表現する正規表現を書いてみました。

17. RGB 値かどうかを判定する正規表現

    2014.01.12

    RGB 値を表現する正規表現を書いてみました。