About this site

同じことを繰り返さないための備忘録として、自分の知識を周りと共有するためのプチナレッジベースとして書いている技術ブログです。 一応技術ブログですがゲームやVR、ガジェット等関係ないことも書かれる可能性があります。

サイトのしくみ

Sapper という Svelte ベースのライブラリを使って作成されています。 サーバとして動かすのではなく、事前に sapper export を行って完全な静的サイトとして出力しています。

記事はMarkdownで作成し、それを事前にHTMLとYAML Frontmatterを含んだJSONに変換してSapperで読み込み利用しています。 詳細については GitHub上のソースコード を参照してください。

書いているひと

株式会社Impressive に所属している東京都在住のフロントエンドエンジニアです。 パフォーマンス, a11y, メンテナビリティとUX/DXに主軸を置いています。

スキル

  • JavaScript
    • 最新の仕様はできるだけ追っています
    • 関数型っぽい書き方を好みます
  • TypeScript
    • パフォーマンスと抽象を両立させた型を書くことを好みます
  • UIライブラリ/フレームワーク
    • Reactをメインに使い、要件次第ではVueも使います
    • 他にはSvelte, lit-element, hyperapp等を触れます
  • DOM, ブラウザ周り
    • Web Componentsはちょくちょく使います

アカウントとか

プラットフォーム アカウント名 備考
Twitter @pockaquel
GitHub @pocka メールアドレスはここに登録してあるもの(テンプレっぽいメールはスルーしています)

使用フォント

適用文字種別 フォント名 URL
ラテン(英数字) Hind Siliguri Hind Siliguri - Google Fonts
等幅ラテン(英数字) Inconsolata Inconsolata - Google Fonts
日本語 M PLUS Rounded 1c M PLUS Rounded 1c - Google Fonts

CSS

スクラッチで書いています。詳細については リポジトリにあるソースコード を参照してください。

font-size: 16px line-height: 1.75 (28px)を基準としてVertical Rhythmに沿ってスタイリングをしています。