タグ

ブックマーク / zenn.dev/ryo_kawamata (2)

  • Deno で簡易レンダリングエンジンを作ってみた

    作ったもの Web ブラウザの仕組みを基礎から勉強したいと思い、「Let's build a browser engine!」の記事を参考に Deno で簡易的な HTML レンダリングエンジンを作ってみました。 簡易的という言葉の通り、実用性はないです。 HTMLCSS を入力として受け取り、Canvas にボックスを描画するだけです。 また、描画に対応しているものは、ブロック要素のレイアウトのみで、使える CSS もごくわずか。サイズ・位置指定(width、 height、padding、margin、border-width)と装飾(background-color、border-color)のみ。テキストの描画もできません。 ただ、ひとつひとつの過程を自分で実装していくので、レンダリングエンジンの仕組みを勉強するにはとても良いものでした。 記事で実装するレンダリングエンジン

    Deno で簡易レンダリングエンジンを作ってみた
  • 真面目にOSSを公開する際にやってみたこと・意識したこと

    先日初めて真面目に自分のコードを OSS として公開する機会があり、色々試行錯誤したのでまとめます。 何を公開した? Vue Word Highlighter という Vue.js のコンポーネントライブラリを公開しました。 機能はとても単純で、文字列と検索クエリを渡すと検索クエリに合致した文字をハイライトする(<mark>タグ又は任意のタグ囲む)というものです。 自分なりに良い感じに使えるコンポーネントが出来たので、せっかくならば多くの人に使ってもらいたいと思い以下で記載する諸々をやってみました。 公開までにやってみたこと 🗒 READMEをちゃんと書く OSS の顔と言ったら README なので、ひと目でちゃんとしてそうな OSS 感を出すために README は整備しました。 ロゴを作る Google Font で良さそうな書体を探し一部をハイライトしただけの単純なものですが、ラ

    真面目にOSSを公開する際にやってみたこと・意識したこと
  • 1