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

学習し、自分なりに噛み砕いて、書き出すブログ。

技術の記事一覧

  1. (ブログ v6.0.0) 関連記事を追加した

    Google アナリティクスを眺めていると、改善できそうな指標があることに気づきました。

  2. Twitterの右サイドバーを非表示にする

    Twitter のトレンドを見ると、イラつきを覚えるようになりました。そんなにイラつきを覚えるようなら見なければいいし、そもそも Twitter やめろという話はあります。

  3. ブログ v5.0.0

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

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

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

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

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

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

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

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

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

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

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

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

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

  10. CSSを破綻させない

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

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

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

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

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

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

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

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

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

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

    何が起きたか

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

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

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

    やりたかったこと

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

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

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

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