feat: use hexo

.dockerignore

@@ -1,2 +0,0 @@
-node_modules
-vendor

.forestry/settings.yml

@@ -1,31 +1,28 @@
 ---
 new_page_extension: md
 auto_deploy: false
-admin_path: ''
-webhook_url: 
+admin_path: ""
+webhook_url:
 sections:
-- type: jekyll-posts
-  label: Posts
-  create: documents
-  templates:
-  - blog-post
-- type: directory
-  path: _pages
-  label: Pages
-  create: documents
-  match: "**/*"
-upload_dir: _uploads
+  - type: directory
+    path: source/_posts
+    label: Posts
+    create: documents
+    match: "**/*"
+  - type: directory
+    path: source/_pages
+    label: Pages
+    create: documents
+    match: "**/*"
+upload_dir: source/uploads
 public_path: "/uploads"
-front_matter_path: ''
+front_matter_path: ""
 use_front_matter_path: false
 file_template: ":filename:"
 build:
-  preview_env:
-  - JEKYLL_ENV=staging
-  preview_output_directory: _site
-  install_dependencies_command: bundle install --path vendor/bundle
+  preview_output_directory: public
+  install_dependencies_command: npm i
   preview_docker_image: forestryio/ruby:2.6
   mount_path: "/srv"
   working_dir: "/srv"
-  instant_preview_command: bundle exec jekyll serve --drafts --unpublished --future
-    --port 8080 --host 0.0.0.0 -d _site
+  instant_preview_command: yarn server

.github/workflows/pages.yml

@@ -0,0 +1,34 @@
+# https://hexo.io/docs/github-pages.html
+name: Pages
+
+on:
+  push:
+    branches:
+      - source # default branch
+
+jobs:
+  pages:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js 12.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: "12.x"
+      - name: Cache NPM dependencies
+        uses: actions/cache@v2
+        with:
+          path: node_modules
+          key: ${{ runner.OS }}-npm-cache
+          restore-keys: |
+            ${{ runner.OS }}-npm-cache
+      - name: Install Dependencies
+        run: npm install
+      - name: Build
+        run: npm run build
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./public
+          publish_branch: master # deploying branch

.gitignore

@@ -7,3 +7,11 @@
 /images/crushed
 /.bundle
 /vendor/bundle/
+
+.DS_Store
+Thumbs.db
+db.json
+*.log
+public/
+.deploy*/
+yarn.lock

.prettierignore

@@ -0,0 +1,2 @@
+scaffolds/*
+*.ejs

.prettierrc

@@ -1 +1 @@
-{}
+{}

.textlintrc

@@ -12,9 +12,7 @@
   },
   "filters": {
     "whitelist": {
-      "allow": [
-        "/{%.+?%}/"
-      ]
+      "allow": ["/{%.+?%}/"]
     }
   }
 }

Gemfile

@@ -1,3 +0,0 @@
-source 'https://rubygems.org'
-
-gem 'github-pages', group: :jekyll_plugins # workaround https://github.com/github/pages-gem#usage

Gemfile.lock

@@ -1,258 +0,0 @@
-GEM
-  remote: https://rubygems.org/
-  specs:
-    activesupport (6.0.3.3)
-      concurrent-ruby (~> 1.0, >= 1.0.2)
-      i18n (>= 0.7, < 2)
-      minitest (~> 5.1)
-      tzinfo (~> 1.1)
-      zeitwerk (~> 2.2, >= 2.2.2)
-    addressable (2.7.0)
-      public_suffix (>= 2.0.2, < 5.0)
-    coffee-script (2.4.1)
-      coffee-script-source
-      execjs
-    coffee-script-source (1.11.1)
-    colorator (1.1.0)
-    commonmarker (0.17.13)
-      ruby-enum (~> 0.5)
-    concurrent-ruby (1.1.7)
-    dnsruby (1.61.4)
-      simpleidn (~> 0.1)
-    em-websocket (0.5.2)
-      eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
-    ethon (0.12.0)
-      ffi (>= 1.3.0)
-    eventmachine (1.2.7)
-    execjs (2.7.0)
-    faraday (1.0.1)
-      multipart-post (>= 1.2, < 3)
-    ffi (1.13.1)
-    forwardable-extended (2.6.0)
-    gemoji (3.0.1)
-    github-pages (207)
-      github-pages-health-check (= 1.16.1)
-      jekyll (= 3.9.0)
-      jekyll-avatar (= 0.7.0)
-      jekyll-coffeescript (= 1.1.1)
-      jekyll-commonmark-ghpages (= 0.1.6)
-      jekyll-default-layout (= 0.1.4)
-      jekyll-feed (= 0.13.0)
-      jekyll-gist (= 1.5.0)
-      jekyll-github-metadata (= 2.13.0)
-      jekyll-mentions (= 1.5.1)
-      jekyll-optional-front-matter (= 0.3.2)
-      jekyll-paginate (= 1.1.0)
-      jekyll-readme-index (= 0.3.0)
-      jekyll-redirect-from (= 0.15.0)
-      jekyll-relative-links (= 0.6.1)
-      jekyll-remote-theme (= 0.4.1)
-      jekyll-sass-converter (= 1.5.2)
-      jekyll-seo-tag (= 2.6.1)
-      jekyll-sitemap (= 1.4.0)
-      jekyll-swiss (= 1.0.0)
-      jekyll-theme-architect (= 0.1.1)
-      jekyll-theme-cayman (= 0.1.1)
-      jekyll-theme-dinky (= 0.1.1)
-      jekyll-theme-hacker (= 0.1.1)
-      jekyll-theme-leap-day (= 0.1.1)
-      jekyll-theme-merlot (= 0.1.1)
-      jekyll-theme-midnight (= 0.1.1)
-      jekyll-theme-minimal (= 0.1.1)
-      jekyll-theme-modernist (= 0.1.1)
-      jekyll-theme-primer (= 0.5.4)
-      jekyll-theme-slate (= 0.1.1)
-      jekyll-theme-tactile (= 0.1.1)
-      jekyll-theme-time-machine (= 0.1.1)
-      jekyll-titles-from-headings (= 0.5.3)
-      jemoji (= 0.11.1)
-      kramdown (= 2.3.0)
-      kramdown-parser-gfm (= 1.1.0)
-      liquid (= 4.0.3)
-      mercenary (~> 0.3)
-      minima (= 2.5.1)
-      nokogiri (>= 1.10.4, < 2.0)
-      rouge (= 3.19.0)
-      terminal-table (~> 1.4)
-    github-pages-health-check (1.16.1)
-      addressable (~> 2.3)
-      dnsruby (~> 1.60)
-      octokit (~> 4.0)
-      public_suffix (~> 3.0)
-      typhoeus (~> 1.3)
-    html-pipeline (2.14.0)
-      activesupport (>= 2)
-      nokogiri (>= 1.4)
-    http_parser.rb (0.6.0)
-    i18n (0.9.5)
-      concurrent-ruby (~> 1.0)
-    jekyll (3.9.0)
-      addressable (~> 2.4)
-      colorator (~> 1.0)
-      em-websocket (~> 0.5)
-      i18n (~> 0.7)
-      jekyll-sass-converter (~> 1.0)
-      jekyll-watch (~> 2.0)
-      kramdown (>= 1.17, < 3)
-      liquid (~> 4.0)
-      mercenary (~> 0.3.3)
-      pathutil (~> 0.9)
-      rouge (>= 1.7, < 4)
-      safe_yaml (~> 1.0)
-    jekyll-avatar (0.7.0)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-coffeescript (1.1.1)
-      coffee-script (~> 2.2)
-      coffee-script-source (~> 1.11.1)
-    jekyll-commonmark (1.3.1)
-      commonmarker (~> 0.14)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-commonmark-ghpages (0.1.6)
-      commonmarker (~> 0.17.6)
-      jekyll-commonmark (~> 1.2)
-      rouge (>= 2.0, < 4.0)
-    jekyll-default-layout (0.1.4)
-      jekyll (~> 3.0)
-    jekyll-feed (0.13.0)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-gist (1.5.0)
-      octokit (~> 4.2)
-    jekyll-github-metadata (2.13.0)
-      jekyll (>= 3.4, < 5.0)
-      octokit (~> 4.0, != 4.4.0)
-    jekyll-mentions (1.5.1)
-      html-pipeline (~> 2.3)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-optional-front-matter (0.3.2)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-paginate (1.1.0)
-    jekyll-readme-index (0.3.0)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-redirect-from (0.15.0)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-relative-links (0.6.1)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-remote-theme (0.4.1)
-      addressable (~> 2.0)
-      jekyll (>= 3.5, < 5.0)
-      rubyzip (>= 1.3.0)
-    jekyll-sass-converter (1.5.2)
-      sass (~> 3.4)
-    jekyll-seo-tag (2.6.1)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-sitemap (1.4.0)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-swiss (1.0.0)
-    jekyll-theme-architect (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-cayman (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-dinky (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-hacker (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-leap-day (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-merlot (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-midnight (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-minimal (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-modernist (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-primer (0.5.4)
-      jekyll (> 3.5, < 5.0)
-      jekyll-github-metadata (~> 2.9)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-slate (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-tactile (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-time-machine (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-titles-from-headings (0.5.3)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-watch (2.2.1)
-      listen (~> 3.0)
-    jemoji (0.11.1)
-      gemoji (~> 3.0)
-      html-pipeline (~> 2.2)
-      jekyll (>= 3.0, < 5.0)
-    kramdown (2.3.0)
-      rexml
-    kramdown-parser-gfm (1.1.0)
-      kramdown (~> 2.0)
-    liquid (4.0.3)
-    listen (3.2.1)
-      rb-fsevent (~> 0.10, >= 0.10.3)
-      rb-inotify (~> 0.9, >= 0.9.10)
-    mercenary (0.3.6)
-    mini_portile2 (2.4.0)
-    minima (2.5.1)
-      jekyll (>= 3.5, < 5.0)
-      jekyll-feed (~> 0.9)
-      jekyll-seo-tag (~> 2.1)
-    minitest (5.14.2)
-    multipart-post (2.1.1)
-    nokogiri (1.10.10)
-      mini_portile2 (~> 2.4.0)
-    octokit (4.18.0)
-      faraday (>= 0.9)
-      sawyer (~> 0.8.0, >= 0.5.3)
-    pathutil (0.16.2)
-      forwardable-extended (~> 2.6)
-    public_suffix (3.1.1)
-    rb-fsevent (0.10.4)
-    rb-inotify (0.10.1)
-      ffi (~> 1.0)
-    rexml (3.2.4)
-    rouge (3.19.0)
-    ruby-enum (0.8.0)
-      i18n
-    rubyzip (2.3.0)
-    safe_yaml (1.0.5)
-    sass (3.7.4)
-      sass-listen (~> 4.0.0)
-    sass-listen (4.0.0)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-    sawyer (0.8.2)
-      addressable (>= 2.3.5)
-      faraday (> 0.8, < 2.0)
-    simpleidn (0.1.1)
-      unf (~> 0.1.4)
-    terminal-table (1.8.0)
-      unicode-display_width (~> 1.1, >= 1.1.1)
-    thread_safe (0.3.6)
-    typhoeus (1.4.0)
-      ethon (>= 0.9.0)
-    tzinfo (1.2.7)
-      thread_safe (~> 0.1)
-    unf (0.1.4)
-      unf_ext
-    unf_ext (0.0.7.7)
-    unicode-display_width (1.7.0)
-    zeitwerk (2.4.0)
-
-PLATFORMS
-  ruby
-
-DEPENDENCIES
-  github-pages
-
-BUNDLED WITH
-   2.1.4

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2019 Yasuaki Uechi (https://uechi.io)
+Copyright (c) 2020 Yasuaki Uechi (https://uechi.io)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -5,15 +5,13 @@
 ## Build
 
 ```
-docker-compose run web bundle install
-docker-compose up --build
+yarn build
 ```
 
-## Test
+## Proofread
 
 ```
-npm install
-npm test
+yarn test
 ```
 
 ## Publish

_config.yml

@@ -1,47 +1,138 @@
----
+# Hexo Configuration
+## Docs: https://hexo.io/docs/configuration.html
+## Source: https://github.com/hexojs/hexo/
+
+# Site
 title: uechi.io
-timezone: Asia/Tokyo
-collections:
-  posts:
-    title: Posts
-    output: true
-  uploads:
-    title: Uploads
-    output: true
-defaults:
-- scope:
-    path: ''
-    type: posts
-  values:
-    layout: post
-    permalink: "/blog/:title"
-description: Random posts from @uetchy.
-url: https://uechi.io
-email: y@uechi.io
-twitter:
-  username: uechz
+subtitle: ""
+description: "Random posts from U"
+keywords:
+author: Yasuaki Uechi
+language: en
+timezone: "Asia/Tokyo"
+
+excerpt:
+  depth: 1
+
 github:
   username: uetchy
-logo: "/images/icon.png"
-excerpt_separator: "#"
-google_analytics: UA-28919359-12
-plugins:
-- jekyll-redirect-from
-- jekyll-sitemap
-- jekyll-seo-tag
-- jekyll-feed
-- jemoji
-include:
-- _pages
-exclude:
-- README.md
-- LICENSE
-- CNAME
-- Gemfile
-- Gemfile.lock
-- package.json
-- node_modules
-- script
-- vendor
-- docker-compose.yml
-- Dockerfile
+twitter:
+  username: uechz
+
+umami:
+  host: analytics.uechi.io
+  id: 2739f9aa-b8d5-45fa-8972-07a5bbb87e8a
+
+node_sass:
+  outputStyle: nested
+  precision: 5
+  sourceComments: false
+
+# URL
+## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'
+url: https://uechi.io
+root: /
+permalink: /blog/:name/
+permalink_defaults:
+pretty_urls:
+  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
+  trailing_html: true # Set to false to remove trailing '.html' from permalinks
+
+# Directory
+source_dir: source
+public_dir: public
+tag_dir: tags
+archive_dir: archives
+category_dir: categories
+code_dir: downloads/code
+i18n_dir: :lang
+skip_render:
+
+# Writing
+new_post_name: :title.md # File name of new posts
+default_layout: post
+titlecase: false # Transform title into titlecase
+external_link:
+  enable: true # Open external links in new tab
+  field: site # Apply to the whole site
+  exclude: ""
+filename_case: 0
+render_drafts: false
+relative_link: false
+future: true
+post_asset_folder: true
+marked:
+  prependRoot: true
+  postAsset: true
+
+# Highlight
+highlight:
+  enable: true
+  line_number: false
+  auto_detect: false
+  tab_replace: ""
+  wrap: false
+  hljs: true
+prismjs:
+  enable: false
+
+# Home page setting
+# path: Root path for your blogs index page. (default = '')
+# per_page: Posts displayed per page. (0 = disable pagination)
+# order_by: Posts order. (Order by date descending by default)
+index_generator:
+  path: ""
+  per_page: 20
+  order_by: -date
+
+# Category & Tag
+default_category: uncategorized
+category_map:
+tag_map:
+
+# Metadata elements
+## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
+meta_generator: true
+
+# Date / Time format
+## Hexo uses Moment.js to parse and display date
+## You can customize the date format as defined in
+## http://momentjs.com/docs/#/displaying/format/
+date_format: YYYY-MM-DD
+time_format: HH:mm:ss
+## updated_option supports 'mtime', 'date', 'empty'
+updated_option: "mtime"
+
+# Pagination
+## Set per_page to 0 to disable pagination
+per_page: 20
+pagination_dir: page
+
+# Include / Exclude file(s)
+## include:/exclude: options only apply to the 'source/' folder
+# include:
+# exclude:
+ignore:
+
+# Extensions
+## Plugins: https://hexo.io/plugins/
+## Themes: https://hexo.io/themes/
+theme: vanilla
+
+# Deployment
+## Docs: https://hexo.io/docs/one-command-deployment
+deploy:
+  type: "github_pages"
+
+mathjax:
+  tags: none # or 'ams' or 'all'
+  single_dollars: true # enable single dollar signs as in-line math delimiters
+  cjk_width: 0.9 # relative CJK char width
+  normal_width: 0.6 # relative normal (monospace) width
+  append_css: true # add CSS to pages rendered by MathJax
+  every_page: true # if true, every page will be rendered by MathJax regardless the `mathjax` setting in Front-matter
+
+feed:
+  type: atom
+  path: feed.xml
+  autodiscovery: true

_drafts/静寂を得る方法.md

@@ -1,14 +0,0 @@
----
-date: 2020-02-13 16:22:05 +0900
-title: 静寂を得る方法
-
----
-聴覚過敏であったり、そうでなくとも周りの音がパフォーマンスに悪影響となる人のために、静寂を得る方法を紹介します。
-
-## EARIN M-2
-
-[EARIN](https://earin.com/) は左右分離型Bluetoothイヤホンです。付属のイヤホンの代わりに自分の耳にフィットするComplyのイヤーチップと付け替えます。
-
-## Moldex
-
-Moldex は使い捨て耳栓のメーカーであり、各種遮音レベルに分かれた多様なラインナップを提供しています。

_includes/footer.html

@@ -1,25 +0,0 @@
-<!-- Google Analytics -->
-<script>
-  ;(function(i, s, o, g, r, a, m) {
-    i['GoogleAnalyticsObject'] = r
-    ;(i[r] =
-      i[r] ||
-      function() {
-        ;(i[r].q = i[r].q || []).push(arguments)
-      }),
-      (i[r].l = 1 * new Date())
-    ;(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0])
-    a.async = 1
-    a.src = g
-    m.parentNode.insertBefore(a, m)
-  })(
-    window,
-    document,
-    'script',
-    'https://www.google-analytics.com/analytics.js',
-    'ga'
-  )
-
-  ga('create', '{{ site.google_analytics }}', 'auto')
-  ga('send', 'pageview')
-</script>

_includes/head.html

@@ -1,53 +0,0 @@
-<head>
-  <meta charset="UTF-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-  <link rel="shortcut icon" href="{{ site.baseurl }}/images/favicon.ico" />
-  <link
-    rel="apple-touch-icon"
-    sizes="180x180"
-    href="{{ site.baseurl }}/images/apple-touch-icon.png"
-  />
-  <link
-    rel="icon"
-    type="image/png"
-    href="{{ site.baseurl }}/images/favicon-32x32.png"
-    sizes="32x32"
-  />
-  <link
-    rel="icon"
-    type="image/png"
-    href="{{ site.baseurl }}/images/favicon-16x16.png"
-    sizes="16x16"
-  />
-
-  <link
-    rel="mask-icon"
-    href="{{ site.baseurl }}/images/safari-pinned-tab.svg"
-    color="#5bbad5"
-  />
-
-  {% seo %} {% feed_meta %}
-
-  <!-- Normalize -->
-  <link
-    rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css"
-  />
-
-  <!-- Share -->
-  <script
-    defer
-    src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8"
-    id="facebook-jssdk"
-  ></script>
-  <script
-    defer
-    src="https://platform.twitter.com/widgets.js"
-    id="twitter-wjs"
-  ></script>
-
-  <!-- Styles -->
-  <link rel="stylesheet" href="{{ site.baseurl }}/css/index.css" />
-</head>

_layouts/article.html

@@ -1,9 +0,0 @@
----
-layout: default
----
-
-<section>
-  <article class="article">
-    <div class="article__content">{{ content }}</div>
-  </article>
-</section>

_layouts/default.html

@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html>
-  {% include head.html %}
-
-  <body>
-    {% include header.html %}
-    {{ content }}
-    {% include footer.html %}
-  </body>
-</html>

_pages/index.html

@@ -1,53 +0,0 @@
----
-permalink: "/"
-layout:
----
-
-<!DOCTYPE html>
-<html>
-  {% include head.html %}
-  <body>
-    <div class="metro">
-      <h1 class="logo">
-        <img src="{{ site.baseurl }}/images/logo.svg" style="height: 50px" />
-      </h1>
-      <nav>
-        <ul class="menu">
-          <li class="menu__item">
-            <a href="/me">Me</a>
-          </li>
-          <li class="menu__item">
-            <a href="https://github.com/{{ site.github.username }}">GitHub</a>
-          </li>
-          <li class="menu__item">
-            <a href="https://twitter.com/{{ site.twitter.username }}"
-              >Twitter</a
-            >
-          </li>
-          <li class="menu__item">
-            <a href="/wallpaper">Wallpaper</a>
-          </li>
-        </ul>
-      </nav>
-    </div>
-    <section>
-      {% for post in site.posts %}
-      <article class="article-list__item">
-        <h2 class="article-list__item__title">
-          <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
-        </h2>
-        <!-- <time class="article-list__item__pubdate" pubdate>{{ post.date | date: '%B %d, %Y' }}</time> -->
-        <article class="article-list__item__excerpt">
-          {{ post.excerpt | strip_html | truncate: 140, "..." }}
-        </article>
-        <a
-          class="article-list__item__button"
-          href="{{ post.url | prepend: site.baseurl }}"
-          >Read more</a
-        >
-      </article>
-      {% endfor %}
-    </section>
-    {% include footer.html %}
-  </body>
-</html>

_pages/wallpaper.md

@@ -1,48 +0,0 @@
----
-title: Wallpapers
-permalink: "/wallpaper"
-layout: post
----
-
-Right-click and choose **Save Image** to download my wallpapers. All following pictures are my own work and are published on Creative Commons BY-NC-SA.
-
-![Sunrise]({{ site.baseurl }}/images/wallpaper/sunrise.png)
-
-![Black Matter]({{ site.baseurl }}/images/wallpaper/blackmatter.png)
-
-![Rockstar]({{ site.baseurl }}/images/wallpaper/rockstar.png)
-
-![Rock Mountain]({{ site.baseurl }}/images/wallpaper/rockmountain.png)
-
-<div style="display: flex; flex-direction: row">
-  <div><img src="{{ site.baseurl }}/images/wallpaper/vertex.png" /></div>
-  <div style="margin-left: 20px"><img src="{{ site.baseurl }}/images/wallpaper/vertex2.png" /></div>
-</div>
-
-![Ridge]({{ site.baseurl }}/images/wallpaper/ridge.png)
-
-![Starrysky Orange]({{ site.baseurl }}/images/wallpaper/starrysky-orange.png)
-
-![Desert]({{ site.baseurl }}/images/wallpaper/desert.png)
-
-![Bricks]({{ site.baseurl }}/images/wallpaper/bricks.png)
-
-![Starry Sky]({{ site.baseurl }}/images/wallpaper/starrysky.png)
-
-![Dawn]({{ site.baseurl }}/images/wallpaper/dawn.png)
-
-![Path]({{ site.baseurl }}/images/wallpaper/path.png)
-
-![Shrine]({{ site.baseurl }}/images/wallpaper/shrine.png)
-
-## Monochrome
-
-![Ridge Monochrome]({{ site.baseurl }}/images/wallpaper/ridge-mono.png)
-
-![Ridge Monochrome 2]({{ site.baseurl }}/images/wallpaper/ridge-mono2.png)
-
-![Desert Monochrome]({{ site.baseurl }}/images/wallpaper/desert-mono.png)
-
-![Bricks Monochrome]({{ site.baseurl }}/images/wallpaper/bricks-mono.png)
-
-![Shrine Monochrome]({{ site.baseurl }}/images/wallpaper/shrine-mono.png)

package.json

@@ -1,19 +1,30 @@
 {
-  "name": "uechi.io",
+  "name": "hexo-site",
+  "version": "0.0.0",
   "scripts": {
-    "fix-typo": "textlint _posts/*.md _pages/*.md --fix --dry-run -f diff",
-    "build": "bundle exec jekyll build",
-    "start": "bundle exec jekyll serve --host 0.0.0.0 --port 4000 --baseurl '' --force_polling --drafts --unpublished --incremental",
-    "test": "textlint _posts/*.md _pages/*.md -f pretty-error"
+    "build": "hexo generate",
+    "clean": "hexo clean",
+    "deploy": "hexo deploy",
+    "start": "yarn clean && hexo server --debug"
   },
-  "devDependencies": {
-    "textlint": "^11.7.6",
-    "textlint-filter-rule-whitelist": "^2.0.0",
-    "textlint-rule-common-misspellings": "^1.0.1",
-    "textlint-rule-max-ten": "^2.0.4",
-    "textlint-rule-no-dropping-the-ra": "^1.1.3",
-    "textlint-rule-no-start-duplicated-conjunction": "^2.0.2",
-    "textlint-rule-preset-japanese": "^5.0.0"
+  "dependencies": {
+    "hexo": "^5.0.0",
+    "hexo-excerpt": "^1.1.6",
+    "hexo-filter-mathjax": "^0.6.3",
+    "hexo-generator-archive": "^1.0.0",
+    "hexo-generator-category": "^1.0.0",
+    "hexo-generator-feed": "^3.0.0",
+    "hexo-generator-index": "^2.0.0",
+    "hexo-generator-tag": "^1.0.0",
+    "hexo-renderer-ejs": "^1.0.0",
+    "hexo-renderer-pandoc": "^0.3.0",
+    "hexo-renderer-sass": "^0.4.0",
+    "hexo-renderer-stylus": "^2.0.0",
+    "hexo-server": "^2.0.0",
+    "hexo-theme-landscape": "^0.0.3"
+  },
+  "hexo": {
+    "version": "5.3.0"
   },
   "private": true
 }

scaffolds/draft.md

@@ -0,0 +1,4 @@
+---
+title: {{ title }}
+tags:
+---

scaffolds/page.md

@@ -0,0 +1,3 @@
+---
+title: {{ title }}
+---

scaffolds/post.md

@@ -0,0 +1,5 @@
+---
+title: {{ title }}
+date: {{ date }}
+tags:
+---

source/404.html

@@ -1,12 +1,11 @@
 ---
 title: Page Not Found
-permalink: "/404.html"
-excerpt: ''
+permalink: "/404"
 ---
 
 <!DOCTYPE html>
 <html>
-  {% include head.html %}
+  <%- partial('head.html') %>
   <style>
     h1 {
       font-size: 12em;
@@ -15,9 +14,9 @@ excerpt: ''
     }
   </style>
   <body>
-    {% include header.html %}
-    <section class='page-section error-page'>
-      <div class='container-narrow text-center py-md-8'>
+    <%- partial('header.html') %>
+    <section class="page-section error-page">
+      <div class="container-narrow text-center py-md-8">
         <h1>404</h1>
         <p class="lead">This page could not be found</p>
       </div>

source/_drafts/affinity-thumbnail.md

@@ -0,0 +1,45 @@
+---
+title: Extract Thumbnail Image from Affinity Photo and Affinity Design
+---
+
+Nextcloud doesn't have a support for thumbnail generation from Affinity Photo and Affinity Design. So I had to do it myself.
+
+# Digging Binary
+
+Glancing at `.afphoto` and `.afdesign` in Finder, I noticed that it has a QuickLook support and an ability to show the thumbnail image. So these files should have thumbnail image somewhere inside its binary.
+
+I wrote a simple script to seek for thumbnail image from a binary and save it as `.png` file.
+
+```js af.js
+const fs = require("fs");
+
+// png spec: https://www.w3.org/TR/PNG/
+const PNG_SIG = Buffer.from([137, 80, 78, 71, 13, 10, 26, 10]);
+const IEND_SIG = Buffer.from([73, 69, 78, 68]);
+
+function extractThumbnail(buf) {
+  const start = buf.indexOf(PNG_SIG);
+  const end = buf.indexOf(IEND_SIG, start) + IEND_SIG.length * 2; // IEND + CRC
+  return buf.subarray(start, end);
+}
+
+function generateThumbnail(input, output) {
+  const buf = fs.readFileSync(input);
+  const thumbBuf = extractThumbnail(buf);
+  fs.writeFileSync(output, thumbBuf);
+}
+
+generateThumbnail(process.argv[2], process.argv[3] || "output.png");
+```
+
+That's right. This script just scrapes a binary file and extracts the portion of which starts with `PNG` signature and ends with `IEND`.
+
+Now I can generate a thumbnail image from arbitrary `.afphoto` and `.afdesign` file. Let's move on delving into Nextcloud source code.
+
+# Tweaking Nextcloud
+
+I have a little experience in tweaking Nextcloud source code before, where I implemented thumbnail generator for PDFs, so it should be easier this time, hopefully.
+
+![](afphoto.png)
+
+Anyway, long story short, I got Nextcloud generates thumbnail images for Affinity files by implementing PreviewGenerator class.

source/_drafts/building-chromium.md

@@ -0,0 +1,36 @@
+---
+title: Build Chromium from zero
+---
+
+事前準備する。
+
+```
+brew install cache
+git config --global core.precomposeUnicode true
+```
+
+ソースコードを手に入れる。
+
+```shell
+ghq get https://chromium.googlesource.com/chromium/tools/depot_tools.git
+cd `ghq root`/chromium.googlesource.com/chromium
+fetch chromium
+```
+
+`.envrc` に以下を追加し、`direnv allow`で環境変数を適用する。
+
+```shell
+PATH_add `qhq root`/chromium.googlesource.com/chromium/tools/depot_tools
+PATH_add src/third_party/llvm-build/Release+Asserts/bin
+export CCACHE_CPP2=yes
+export CCACHE_SLOPPINESS=time_macros
+export SPACESHIP_GIT_SHOW=false
+```
+
+ビルドする。
+
+```shell
+cd src
+gn gen out/Default --args='cc_wrapper="ccache"'
+autoninja -C out/Default chrome
+```

source/_drafts/camping.md

@@ -0,0 +1,181 @@
+---
+title: 準ソロキャンプ
+---
+
+半ブッシュクラフト + バックパックで運べる重量 + 雰囲気重視
+
+# 道具一覧
+
+- テント
+  - MSR Elixir 1 (Green)
+  - 標準の白色は虫が集まりやすいためグリーンにした
+  - 予算があるなら Hubba Hubba NX の方が絶対に良い
+- 寝袋
+  - モンベル ダウンハガー 800 #3
+  - 5 度を下回ると普通に寝れない
+    - と思っていたが、サーモライトリアクターをインナーに入れることで氷点下 2 度の中で寝ることができた
+- マット
+  - Thermarest Z Lite SOL S
+  - 帆布シートの上に敷いて座布団としても使える
+- 敷物
+  - asobito 綿帆布シート
+  - そのままだと硬く寒いため銀マットを座布団として使う
+  - 多少の防水性と耐火性があるため、焚き火・ブッシュクラフトスタイルと相性が良い
+  - 前室に敷いておけば、寝ている間地面の湿気から荷物を守れる
+- 手袋
+  - グリップスワニー G-1 ブラック
+  - 燃えている薪を数秒程度なら持てる
+  - 柔軟性があるため細かい作業ができる
+- ナイフ
+  - MOSSYOAK 225mm
+  - 薪割り、木工、着火、料理あらゆる場面で使える
+  - 木の枝を加工して様々な道具を作れる
+    - ペグ
+    - 箸・スプーン・フォーク
+    - ヘラ
+    - 串
+    - フック
+    - トライポッド
+    - Y 字スタンド（肉を回転させながら焼くやつ）
+    - 蚊取り線香の台
+  - 加工時に発生する木くずは火口として使える
+  - 状況によってはサブナイフだけでも良い
+- サブナイフ
+  - Victorinox
+  - ワインオープナーと小型ナイフがメイン用途
+- ランタン
+  - Feuerhand 276
+  - こだわりが無ければ LED ランタンの方が圧倒的に明るいし便利
+- サブランタン
+  - UCO キャンドルランタン オイル化改造
+  - ソロキャンであればこれくらいの明るさでも作業できる
+  - 2 人キャンで 2 人分をカバーするようなことはできない
+  - 焚き火調理中にフライパンの中の様子を見たいといった場合には厳しいかもしれない
+  - 不安定な地面やメッシュテーブルに置くと倒れそうになるのでパーツを自作して補強する必要がある
+- ヘッドライト
+  - Petzl Zipka
+  - 普通の作業でずり落ちることはない
+  - 赤色灯が地味に便利で、目の明順応を軽減する効果がある
+- ゴミ袋
+  - ジップロック
+  - 基本戦略としてゴミを作らないことが大事野菜などは紙で包んでいくことで焚き火の火口にできる
+- iPhone
+  - ロープワークのリファレンスアプリを入れてオフラインでも参照できるようにする
+  - 現地までの道案内
+  - 緊急連絡用
+- ポータブルバッテリー（ケーブル内蔵型）
+  - iPhone の充電
+  - ヘッドライトの充電
+- パラコード
+  - テントやタープの固定、トライポッド自作、ケトルの吊り下げ、ランタンの吊り下げ、薪の固定等、あらゆる状況で使える
+  - 1m や 3m のロープを何束か作っておくと便利
+  - ジップロック L サイズ
+- 消毒用アルコール
+- トイレットペーパー
+
+## 焚き火
+
+- 斧
+  - ハスクバーナのキャンプ用斧ダイヤモンドシャープナーで研いでおく
+  - ハンマーとしても使える
+- 折りたたみノコギリ
+  - 薪を現地調達するなら必要
+- フェロセリウムロッド
+  - 趣味
+  - マグネシウムロッドよりも火花が大きい大きいサイズが良い
+- マッチ
+  - キャンドルランタンや焚き火の火口への点火時に使用する
+  - 切ったロープの端を処理する際にも使える
+- ガストーチ（予備）
+  - SOTO のマイクロトーチ
+  - マッチが濡れた場合や雨天時に備えて用意しておく
+- 着火剤（予備）
+- ピコグリル 398（直火不可能な場合）
+  - 網を乗せればバーベキューもできる
+
+## 料理
+
+- フライパン
+  - Turk クラシック 24 cm
+- ケトル
+  - ベルモント アルミケトル 1.2L
+  - 広口なので  お湯を沸かす以外にも、パスタを茹でたりスープを作ったりして片手鍋のように扱える
+  - ゴムパーツは焚き火で燃えてしまうのでカッターで除去済み
+- ステンレスマグ
+  - チタン製はお茶の味が損なわれる上に軽すぎて倒れる危険があるため使っていない
+- テトラドリップ
+  - コンパクトなドリッパー
+  - コーヒー豆は出発前に挽いておくと楽
+- Victorinox ウェイター
+  - ワインや瓶ビールを開けたり、野菜を切るときに使う
+- まな板
+  - MSR の折りたたみまな板 V 字型に折り曲がるため切った材料をフライパンに入れやすい
+  - 木の板でもなんでも好きなもの使えば良いと思う
+  - 熱いケトルが置けるため最近は木のまな板を使っている
+- ウォーターパック
+  - エバニュー ウォーターキャリー 2 L（飲料水用）
+  - モンベルウォーターバッグ 2L（川水用）
+- Sawyer Mini 浄水器
+- お皿
+  - 状況に合わせてシェラカップか大きめのステンレス皿を選ぶ
+- フォーク
+  - 木製のフォーク
+  - 叉の間隔が広いタイプであれば指だけで洗えるため便利
+  - ケトルに入れっぱなしにしても熱くならない
+  - 金属製品を傷つけない
+- スプーン
+  - 木製のスプーン
+  - 主に調理用
+- 金属たわし
+- 洗剤ミニボトル（50ml）
+  - 環境にやさしいタイプが良い
+  - 泡ポンプタイプが楽
+- オリーブオイルボトル
+  - パラフィンシートで蓋を覆っておけば液漏れの心配が無い
+  - あるいは詰替え用のポンプ or スプレーボトルに入れておく
+- 塩・粗挽き黒コショウボトル
+  - 最低限の味付けができる後はやりたい料理によってバジルやパセリ、タイム、パプリカ等を持っていく
+
+## ボディケア
+
+- ボディケアシート
+  - 寝る前と起きた後に身体を拭く
+  - ズボラボのシートで顔を拭けば皮脂も気にならない
+- 虫除けスプレー
+  - ハッカ油系のスプレー
+  - 目に噴射しないように注意する
+- 液体歯磨き
+- 耳栓
+  - フィットさえすれば完全な静寂を得られるため、虫の羽音や他のキャンパーの騒音を心配することがなくなる
+  - Moldex の中でも Purafit が一番防音性と装着感が高いが、個人差があるため一度全種類試した方が良い
+- 絆創膏
+
+## 着替え
+
+- ビーニー（秋冬）
+  - 就寝用の虫刺され対策にもなる
+- ネックウォーマーまたはマフラー（冬）
+  - 首周りの防寒は大事
+- フリースジャケット（冬）
+- シェルジャケット（秋冬）
+  - 寝袋の上に被せることで暖かさを調整できる
+  - 枕にもなる
+- シャツ
+  - ヘインズ or ヒートテック
+  - トップス・ボトムスは使い回す
+- 下着
+- タオル
+- 防水サック
+  - 着替えを入れて枕にできる
+- コンタクトレンズ
+- メガネ
+  - 夜トイレに行く場合に必要
+
+# 気分で持っていく道具
+
+- テーブル
+- 椅子
+- フィールドホッパー
+- ホットサンドメーカー
+- シングルバーナー
+- コッヘル

source/_drafts/china-travel-trips.md

@@ -0,0 +1,23 @@
+---
+title: 深圳を旅する Tips
+---
+
+## WeChat Pay
+
+深圳での食事は殆ど WeChat Pay で支払うことが出来た。
+
+## UnionPay
+
+ホテルやスターバックスで Visa カードを使うことが出来なかったため、UnionPay カードで支払うことになった。
+
+## Pocketchange
+
+日本の空港に設置している pocketchange で外貨や日本円を各種電子マネーに両替することが出来る。
+
+## Google Translate
+
+翻訳データはダウンロードしてローカルで使えるようにしておくこと。
+
+## Octopus / 深圳通
+
+KKday で事前予約していた物を香港空港で受け取った。深圳通は現地で購入した。

source/_drafts/developing-web-apps.md

@@ -0,0 +1,30 @@
+---
+title: Developing Web Apps in One Minutes
+---
+
+## 0. Setup Homebrew and Node
+
+```
+/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
+```
+
+```
+brew install node
+```
+
+## 1. Scaffold from template
+
+```
+npx express-generator --view=pug awesome-app
+cd awesome-app
+npm install
+npm start
+```
+
+## 2. Deploy with Now
+
+```
+npm install -g now
+now login
+now --public
+```

source/_drafts/math-api-ja.md

@@ -0,0 +1,52 @@
+---
+title: 数学API：SVG画像としてのLaTeX Math
+description: <img>のような場所にLaTeX数学方程式を配置します。
+tags:
+  - LaTeX
+  - Math
+  - API
+  - showdev
+---
+
+私はいつも、LaTeX Math 方程式を、MathJax が内部で実行できない Web ページに配置したいと思っていました。
+
+少し時間をかけて、LaTeX Math マークアップを SVG 画像にレンダリングする[Math API](https://math.now.sh) を作成しました。
+
+したがって、GitHub、Jupyter Notebook、dev.to、そして Qiita（こちら！）など、 `<img>`または Markdown（ `![]()`）を配置できるほぼすべての場所に方程式を配置できます。
+
+```markdown
+![](https://math.now.sh?from=\LaTeX)
+```
+
+![](https://math.now.sh?from=\LaTeX)
+
+```markdown
+![](https://math.now.sh?from=\log\prod^N_i x_i = \sum^N_i \log{x_i})
+```
+
+$$
+\log\prod^N_i x_i = \sum^N_i \log{x_i}
+$$
+
+## インライン画像
+
+![](https://thepracticaldev.s3.amazonaws.com/i/fqea9nq2wv9in15lqlf3.png)
+
+![](https://thepracticaldev.s3.amazonaws.com/i/43slt0h6dfhox1xwmuti.png)
+
+クエリを「from」から「inline」に変更することにより、インライン方程式を生成することができます。
+
+```markdown
+<img src="https://math.now.sh?inline=\\LaTeX" />
+```
+
+## オンラインエディター
+
+また、[Math API](https://math.now.sh) で利用可能なオンラインエディターがあります。
+
+![](https://thepracticaldev.s3.amazonaws.com/i/gg2wil3exu9lyj7ppuoy.png)
+
+## 結論
+
+ソースコードは[GitHub](https://github.com/uetchy/math-api)で入手できます。
+それを試してみて、新機能のコメント/アイデアを残してください。

source/_drafts/namae-ja.md

@@ -0,0 +1,63 @@
+---
+title: namae.devでアプリのスリック名を付けます
+tags:
+  - javascript
+  - web
+cover_image: https://thepracticaldev.s3.amazonaws.com/i/uafydwlnfneikuiyxe2w.png
+---
+
+新しい OSS プロジェクトまたは Web アプリの命名に苦労したことがありますか？ GitHub、npm、Homebrew、PyPI、Domains などで希望するものを誰も要求していないことを望みながら、最適な名前を ​​ 選択するのは退屈です。
+
+だからこそ、[namae](https://namae.dev)を作成しました。
+
+## namae
+
+![namae](https://thepracticaldev.s3.amazonaws.com/i/np1a40lrch9m10b1s7nz.gif)
+
+[namae](https://namae.dev) は、開発者と起業家向けのプラットフォーム間名前可用性チェッカーです。
+
+使用する名前をフォームに入力すると、namae はさまざまなレジストリを調べて、名前がすでに使用されているかどうかを確認します。
+
+![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/pww3x6ycshadfiiotep9.png)
+
+## サポートされているプラ ​​ ットフォーム
+
+namae は 15 のパッケージレジストリと Web プラットフォームをサポートしており、成長しています。
+
+- ドメイン
+- GitHub Organization
+- npm / npm Organization
+- PyPI
+- RubyGems
+- crates.io (Rust)
+- Homebrew / Homebrew Cask
+- LaunchPad / APT (Linux)
+- Twitter
+- Spectrum
+- Slack
+- Heroku
+- ZEIT Now
+- AWS S3
+- js.org
+
+さらに、検索結果には、**GitHub**および**App Store**に類似した名前のプロジェクトのリストが含まれています。
+
+## 名前の提案
+
+namae には、**Name Suggestion**という独自の機能もあります。共通の接頭辞/接尾辞と同義語で構成される自動生成された名前を提案します。いくつかの例を見てみましょう。
+
+![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/aas52pwbrueyzrulfiae.png)
+
+![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/j6jv0rq4gin28hks1ika.png)
+
+提案をクリックすると、ナマエはフォームを完成させて、レジストリを検索し始めます。
+
+## オープンソース
+
+namae は完全にオープンソースであり、ソースコード全体は[GitHub](https://github.com/uetchy/namae)で入手できます。 API 用の Node.js Lambda と Web フロントエンド用の React アプリで構成され、[ZEIT Now](https://now.sh)で実行されています。
+
+## 結論
+
+namae を使用すると、ホスティングプロバイダーとパッケージレジストリのセットの周りで普遍的に利用可能な名前を検索する時間を節約できます。
+
+[namae.dev](https://namae.dev/)に移動して、将来の製品名が入手可能かどうかのレポートを取得します。何か提案があれば、コメントを残すか、Twitter（[@uetschy](https://twitter.com/uetschy)）で私に連絡してください。

source/_drafts/node-postgresql-comparion.md

@@ -0,0 +1,21 @@
+---
+title: Node.js ORM Comparison
+---
+
+ORM いろいろあるね。
+
+- [prisma/prisma](https://github.com/prisma/prisma) - Modern database access (ORM alternative) for Node.js & TypeScript
+  - PostgreSQL, MySQL, SQLite
+- [mikro-orm/mikro-orm](https://github.com/mikro-orm/mikro-orm) - TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns.
+  - MongoDB, MySQL, MariaDB, PostgreSQL, SQLite
+- [typeorm/typeorm](https://github.com/typeorm/typeorm) - ORM for TypeScript and JavaScript
+  - MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, SAP Hana, WebSQL
+  - NodeJS, Browser, Ionic, Cordova and Electron
+- [sequelize/sequelize](https://github.com/sequelize/sequelize) - An easy-to-use multi SQL dialect ORM for Node.js
+
+  - Postgres, MySQL, MariaDB, SQLite, Microsoft SQL Server.
+
+- [Vincit/objection.js](https://github.com/Vincit/objection.js) - An SQL-friendly ORM for Node.js built on knex.
+  - PostgreSQL, MySQL, SQLite3
+- [knex/knex](https://github.com/knex/knex) - A query builder designed to be flexible, portable, and fun to use.
+  - PostgreSQL, MySQL, SQLite3

source/_drafts/packet-capturing.md

@@ -0,0 +1,29 @@
+---
+title: パケットキャプチャリング
+---
+
+- macOS Mojave では、Wi-Fi をオフにしていないと Monitor モードでスキャンしてもパケットが受信できない。
+- Preferences > Protocols > IEEE 802.11 で Decrypt Keys を保存する。wpa-psk でハッシュ化された値を保存したほうが安全である。保存先は`.config/wireshark`
+- 暗号化された 802.11 通信を覗くには 4-ways handshake (EAPOL)を観測する必要がある。そのためには対象デバイスの Wi-Fi をトグルすれば良い。
+
+## コマンド
+
+```
+tcpdump -i en0 -I
+```
+
+で tcp ダンプ
+
+```
+/System/Library/PrivateFrameworks/Apple80211.framework/Versions/Current/Resources/airport -I
+```
+
+で現在接続しているネットワークの情報を取得
+
+# Charles
+
+1. Charles で`Proxy > Proxy Settings`を開き、HTTP Proxy の Port を選ぶ。
+2. Enable transparet HTTP proxying にチェックする
+3. Charles 上で`Help > SSL Proxying > Install Charles Root Certificate on a Mobile Device or Remote Browsers`をクリックし、表示されているアドレスとポートを iOS の`Settings > Wi-Fi > 任意のAP > Proxy`に入力する。
+4. iOS で`chls.pro/ssl`にアクセスし、プロファイルをインストール
+5. `Settings > General > About > Certificate Trust Settings`で Charles の証明書を信用する。

source/_drafts/parseint-magic.md

@@ -0,0 +1,21 @@
+---
+title: "[].map(parseInt)"
+---
+
+## Fan fact
+
+`[0xa, 0xa, 0xa].map(parseInt)` results in `[10, NaN, 2]`.
+
+## Why???
+
+`parseInt(0xa, 0, [0xa, 0xa, 0xa])`
+
+The second argument is `0` so the first argument gonna be treated as decimal number becoming `10`.
+
+`parseInt(0xa, 1, [0xa, 0xa, 0xa])`
+
+The second argument is `1` which is invalid as a radix so the result ends up with `NaN`.
+
+`parseInt(0xa, 2, [0xa, 0xa, 0xa])`
+
+The second argument is `2` meaning the first argument going to be handled as a binary number. `0xa` is `10` in binary, which results in `2` in decimal form.

source/_drafts/rsa-note.md

@@ -0,0 +1,79 @@
+---
+title: RSA
+---
+
+http://inaz2.hatenablog.com/entry/2013/11/27/225953
+
+```
+openssl genrsa 32 > key.pem
+openssl rsa -text < key.pem
+```
+
+```
+modulus: 2608173289 (0x9b7590e9)
+publicExponent: 65537 (0x10001)
+privateExponent: 1888610089 (0x7091e729)
+prime1: 52223 (0xcbff)
+prime2: 49943 (0xc317)
+exponent1: 1459 (0x5b3)
+exponent2: 3417 (0xd59)
+coefficient: 17568 (0x44a0)
+```
+
+$$\text{modulus} = \text{prime1} \cdot \text{prime2}$$
+
+publicExponent は $(\text{prime1} - 1)(\text{prime2} - 1)$ とお互いに素な数から選ぶ。65537 で固定、なぜなら二進数で 10000000000000001 となり、ビットがあまり立っておらず計算が早いため。
+
+privateExponent は $\text{publicExponent}^{-1} \text{mod} (\text{prime1} - 1)(\text{prime2} - 1)$
+
+## 中国の余剰定理
+
+[定理の詳細](https://ja.wikipedia.org/wiki/中国の剰余定理)
+
+$$\text{exponent1} = \text{privateExponent} \pmod{\text{prime1} - 1}$$
+
+$\text{exponent2} = \text{privateExponent} \pmod{\text{prime2} - 1} $
+
+$ \text{coefficient} = \text{prime2}^{-1} \pmod{\text{prime1}} $
+
+これらは復号の簡単化のために用意された係数である。
+
+## 公開鍵の中身
+
+```
+openssl rsa -pubout < key.pem > pub.pem
+openssl rsa -text -pubin < pub.pem
+```
+
+```
+Modulus: 2608173289 (0x9b7590e9)
+Exponent: 65537 (0x10001)
+```
+
+## 暗号
+
+$ \text{source}^\text{publicExponent} \pmod{\text{modulus}} = \text{encryptedText} $
+
+## 復号
+
+$ \text{encryptedText}^\text{privateExponent} \mod \text{modulus} $
+
+# Diffie-Helmann 鍵共有
+
+## 一方向性関数
+
+$ \mathrm{G}^x \mod \mathrm{P} = y $
+
+右辺を求めるのは簡単だが、余り$y$から$x$を求めるのは難しい。
+
+この性質を利用して、$x$に秘密情報を与えて交換することで第三者による復号を防げる。
+
+A は$G^A \mod P$を B に送信
+→$(G^A \mod P)^B \mod P = (G^{A \cdot B}) \mod P$
+
+B は$G^B \mod P$を A に送信
+→$ (G^B \mod P)^A \mod P = (G^{B \cdot A}) \mod P$
+
+以下の法則を使用しているため、お互いに同一の結果を得られる。
+
+$ (G^A)^B = G^{A \cdot B}$

source/_drafts/silence.md

@@ -0,0 +1,14 @@
+---
+date: 2020-02-13 16:22:05 +0900
+title: 静寂を得る方法
+---
+
+聴覚過敏であったり、そうでなくとも周りの音がパフォーマンスに悪影響を与える人のために、静寂を得る方法を紹介します。
+
+## EARIN M-2
+
+[EARIN](https://earin.com/) は左右分離型 Bluetooth イヤホンです。付属のイヤホンの代わりに自分の耳にフィットする Comply のイヤーチップと付け替えます。
+
+## Moldex
+
+Moldex は使い捨て耳栓のメーカーであり、各種遮音レベルに分かれた多様なラインナップを提供しています。

source/_drafts/新しい自鯖.md

@@ -0,0 +1,40 @@
+---
+title: 新しい自鯖
+---
+
+10年ぶりに新しいサーバーを調達しました。最後に自鯖を組んだ時は高校生、沖縄に住んでいた頃です。BTOのタワーPCにDebianを入れてWebサーバーにしていました。UPSとか無いので台風で停電するたびにWebサービスが落ちるヘボ感です。
+
+今回も完成品を買ってしまえばそれでお終いですが折角ですし、なにより面白そうなのでパーツからサーバーを組み立てましょう。初めてのAMD、初めてのDDR4メモリ、初めてのNVM Expressです。
+
+# スペック
+
+用途を考えましょう。
+
+- 機械学習サーバー
+- 自宅クラウド
+  - メールサーバー
+  - ファイルサーバー (Nextcloud)
+  - VPNサーバー他
+- VS Code Remote SSHのホスト先
+  - 重いmakeやらなんやら
+  - TabNine
+- Webサーバー
+  - WebアプリやTelegram botのデプロイ先
+
+重いタスクを並列してやらせたいので最優先はCPUとメモリです。メモリはデュアルリンクを重視して32GBx2を、CPUは昨今のライブラリのマルチコア対応を勘案してRyzen 9 3950Xにしました。
+
+> 結果から言うとメモリはもっと必要でした。巨大なPandasデータフレームを並列処理なんかするとサクッと消えてしまいます。予算に余裕があるなら128GBほど用意したほうが良いです。
+
+GPUは古いサーバーに突っ込んでいたNVIDIA GeForce GTX TITAN X (Maxwell)を流用しました。メモリが12GBありますが、最大ワークロード時でも5GBは残るので今のところ十分です。
+
+記憶装置は3TB HDD 2台と500GB NVMeメモリです。NVMeメモリはOS用、HDDはデータとバックアップ用です。
+
+マザーボードはASRockのB550 Taichiです。X570マザーと比較して、実装されているコンデンサーや安定性でB550にしました。
+
+今後GPUを追加することを考えて800W電源を選びました。実際にサーバーを稼働させて使用電力を計測してみると、アイドル時に180W前後、フル稼働時でも350Wを超えないくらいでした。今後UPSを買う場合はその付近+バッファのグレードを買うと良いかもしれません。
+
+ケースはFractal DesignのMeshify 2にしました。シンプルで良い。
+
+OSは長年親しんできたDebian系を卒業してArchlinuxにしてみました。すでにファンになりかけています。本当に何も用意してくれません。セットアップウィザードとかないです。いきなりシングルユーザーモードにぶち込まれます。`which`すらインストールしなければ使えません。潔癖症の自覚がある人はArchを使いましょう。あとAURにいくつかパッケージを公開してみたので、よければvoteお願いします。
+
+Arch Linuxのセットアップは個別に記事を書いたので読んでください。入力したコマンドを全て記録したので再現性があります。

source/_posts/2018/2018-04-13-camping.markdown

@@ -1,7 +1,8 @@
 ---
 title: 初キャンプに必要な機材
 date: 2018-04-13 14:26:00 +09:00
-redirect_from: "/blog/2018/04/13/camping"
+redirect_from:
+  - "/blog/2018/04/13/camping"
 ---
 
 先月、大洗で初めてのキャンプ泊をした。

source/_posts/2018/2018-09-02-know-your-deps.markdown

@@ -3,11 +3,11 @@ title: Know your deps on package.json in seconds
 date: 2018-09-02 03:23:00 +09:00
 ---
 
-![screen-1.png.jpeg](/uploads/screen-1.png.jpeg)
-
 How do you know what packages that project/library depend on and what exactly are that packages doing for?
 You'll want to quickly survey on them. So [npm-deps-list](https://github.com/uetchy/npm-deps-list) is here for.
 
+![screen-1.png.jpeg](/uploads/screen-1.png.jpeg)
+
 You can install them using `npm` or `yarn`.
 
 ```bash
@@ -18,4 +18,4 @@ Running `ndl`, you will get a detailed list of dependencies for the package on t
 
 If you are using iTerm2, you can also `Command + Click` on a package name to jump to their homepage.
 
-If you have any idea on it, please consider submitting an issue or a pull request!
+If you have any idea on it, please consider submitting an issue or a pull request!

source/_posts/2019/english-note.md

@@ -2,8 +2,10 @@
 title: 英語メモ
 date: 2019-01-17T10:31:00.000+00:00
 redirect_from: "/blog/2019/01/17/english-note"
-
 ---
+
+雑多なメモです。
+
 - spin up - 立ち上げる
 - woe - 悲しみ
 - a little too - 少し〜すぎる
@@ -27,7 +29,7 @@ redirect_from: "/blog/2019/01/17/english-note"
 - three-fold — 三倍
 - evade — 避ける = avoid
   - a word that evades definition — 定義しにくい言葉
-- don't be fooled by A — Aに惑わされるな
+- don't be fooled by A — A に惑わされるな
 - thrice — とても
   - Circuit Judge Joseph Bulone called 49-year-old Michael Drejka a “wanna-be” law enforcement officer and a self-appointed “handicapped parking space monitor.”
 - encapsulate — 包容している
@@ -36,15 +38,15 @@ redirect_from: "/blog/2019/01/17/english-note"
 - SMDH — Shaking My Damn Head
 - micro stutter — プログラム上の細微な遅延
   - When characters are missing from fonts, it's nice to be able to communicate to the user that this happened. — フォントに文字が欠けている場合、それをユーザーに伝えることができると便利です。
-- for the sake of A — Aの名のもとに
-  - Firefox has abandoned subpixel-AA for the sake of simplicity — Firefoxはシンプルさの名のもとにサブピクセルAAを棄てました。
+- for the sake of A — A の名のもとに
+  - Firefox has abandoned subpixel-AA for the sake of simplicity — Firefox はシンプルさの名のもとにサブピクセル AA を棄てました。
   - The entire idea behind subpixel-AA is that you are abusing how the pixels are laid out in a display. — サブピクセルアンチエイリアスは、ディスプレイにピクセルがどのように配置されているかという知識を基に成り立っています。
 - a reasonable balance — 適度なバランス
 - That said, — とはいえ、
-- A with B on it — Bが乗っているA
-- can play a bit fast and loose with A — Aを大雑把に扱える
-- current iteration of A — 現行のA
-- A doesn't play nice with B — BがためAが上手く動かない
+- A with B on it — B が乗っている A
+- can play a bit fast and loose with A — A を大雑把に扱える
+- current iteration of A — 現行の A
+- A doesn't play nice with B — B がため A が上手く動かない
   - our current iteration of search doesn't play nice with CJK characters
 - Tried out and see what happens — 試して成り行きを見てみた
 - Losing your shit — the state of being pushed over the edge of sanity and having a complete and utter freak out or mental/emotional breakdown ≒ お前は完全にイッちまうぜ
@@ -54,11 +56,11 @@ redirect_from: "/blog/2019/01/17/english-note"
 
 > Have you thought of what you’ll do after you retire? — 引退したらやりたいことについて考えたことある？
 
-- any of those — これらどれでも (all of, everyと交換可能 | 肯定文)
+- any of those — これらどれでも (all of, every と交換可能 | 肯定文)
 
-- there aren't any apples on the floor (否定の場合はanyの後に複数形)
+- there aren't any apples on the floor (否定の場合は any の後に複数形)
 
-- you will likely do A — あなたはAすることだろう 
+- you will likely do A — あなたは A することだろう
 
 - 99% of the time this is what you want to use — 99%これを使えば良い
 
@@ -72,13 +74,13 @@ redirect_from: "/blog/2019/01/17/english-note"
 
 - one week cannot and should not define any team
 
-- it go to show that A — Aということの証明となる
+- it go to show that A — A ということの証明となる
 
-- A is to not have B — 「A」とは、Bを持たないことである
+- A is to not have B — 「A」とは、B を持たないことである
 
   > wireless charging is kinda funny because it really goes to show that the only way to get the tech industry to agree on a unified connector is to not have a connector
 
-> me: it’s not that I mind freelancing, I love it. It’s just that the social interaction is pretty minimal and extremely uneven day-to-day and sometimes I wonder how that will affect me long term, you know? 
+> me: it’s not that I mind freelancing, I love it. It’s just that the social interaction is pretty minimal and extremely uneven day-to-day and sometimes I wonder how that will affect me long term, you know?
 > barista: ok are you going to order
 
 - constitute, make up
@@ -94,8 +96,6 @@ redirect_from: "/blog/2019/01/17/english-note"
 
 > It uses the definite article before "majority of the students", as if referring to a known group.
 
-> Next piece is gonna be a super mega holy shit giantess 👍👍👍
-
 > This sentence uses the indefinite article before the "majority of the students". This has the effect of introducing this group of students to the reader or the listener.
 
 > It may give a hint that the exact number of the students that will vote is uncertain: it could be 51%, but then it could be 88%.
@@ -104,7 +104,7 @@ redirect_from: "/blog/2019/01/17/english-note"
 
 - at will — 意思次第で
 - for asking — 望むなら
-- fuck A up — Aをボコボコにする
+- fuck A up — A をボコボコにする
 - friendly reminder - a euphemism for "this is the last warning"
 - I feel attached
 - I feel called out
@@ -113,19 +113,19 @@ redirect_from: "/blog/2019/01/17/english-note"
 
 - LRT: My favorite part of this is the upload on Youtube that's titled "Iwata vs Reggie (full fight)" like it was stitched together from multiple episodes of Naruto.
 - get around to — 先延ばしにしていたことにやっと取り掛かる
-- Finally got around to writing something on @ThePracticalDev, which was a really great experience! 
+- Finally got around to writing something on @ThePracticalDev, which was a really great experience!
 - wordy, lengthy — 言葉の多い、冗長な
 - A teenager not old to buy a six-pack — ビールも買えない年頃の子供
 - It is likely that 未来形 — 〜になるだろう
   - It's likely that the affair will come to nothing — どうやら無事に治まりそうだ
-- We will most likely do A — 我々は必ずAをするでしょう
+- We will most likely do A — 我々は必ず A をするでしょう
 - chirring - 虫が鳴く; bugs chirring
 - what are you waiting for
 - with a grain of salt — 割り引いて（考えて）
 
 > learning foreign languages is for me lifelong hobby. knowledge likely to requires much time to acquiring but it never decays.
 
-> *sees client, whistles loudly*
+> _sees client, whistles loudly_
 
 > weston comes out of nowhere running on all fours like a gorilla towards client
 
@@ -133,7 +133,7 @@ redirect_from: "/blog/2019/01/17/english-note"
 
 > And what could go wrong, in depending on the internet to keep the child warm
 
-> the developer advocate in question understands the language barrier, it would seem; he’s not a native English speaker.  regardless, his stance puts many who haven’t had a strong English education at a disadvantage. it prioritizes “getting things done” over people...
+> the developer advocate in question understands the language barrier, it would seem; he’s not a native English speaker. regardless, his stance puts many who haven’t had a strong English education at a disadvantage. it prioritizes “getting things done” over people...
 
 > save my dying cactus. what's wrong. cactus should have been easy stuff since they barely need water.
 
@@ -162,10 +162,10 @@ redirect_from: "/blog/2019/01/17/english-note"
 
 > i feel like i'm most productive when i'm avoiding some other kind of responsibility
 
-- be more of A — どちらかといえばAである; He is more of a researcher.
-- be more of A thant B — BというよりむしろAだ
+- be more of A — どちらかといえば A である; He is more of a researcher.
+- be more of A thant B — B というよりむしろ A だ
 - see less pain but also less joy — 痛みを感じることも少ないが喜びも少ない
-- in term of A — Aの観点から
+- in term of A — A の観点から
 
 ## Go
 
@@ -178,7 +178,7 @@ redirect_from: "/blog/2019/01/17/english-note"
 
 - get over it （障害を）乗り越えろ
 - get out 出て行く
-- get down on A for B — Bしたことに大してAを批判し続ける
+- get down on A for B — B したことに大して A を批判し続ける
 - get down to [verb.] — やっと始める。
 - get in — 乗り込む
 - too much to take - 手に負えない
@@ -213,7 +213,7 @@ redirect_from: "/blog/2019/01/17/english-note"
 > Because he's the kind of person who likes helping others and is always gentle and kind as you described
 
 > it was more difficult to get it wrong than guess it right!
->  XD
+> XD
 
 > I'm pretty sure there was a lot of uproar about the Equifax thing
 
@@ -224,14 +224,14 @@ redirect_from: "/blog/2019/01/17/english-note"
 - just a citation of the law they're overcompensating for — 彼らは濫用している法律の引用ただそれだけしか示してない
 - repeal — 撤回する
 - no respect for their users — ユーザーに対する敬意がない
-- be now going the A route — 今度はA作戦ときた
+- be now going the A route — 今度は A 作戦ときた
 - in a blunt fashion — 露骨なやり方で
-- "DM us, we'll take a look!" faux-friendly route — 偽りの友情作戦「DMで詳しく話を聞かせて！」
+- "DM us, we'll take a look!" faux-friendly route — 偽りの友情作戦「DM で詳しく話を聞かせて！」
 - reinstate — （アカウントを）復活させる
 - shut the whole thing down — 全てを終わらせる
 - as if, as though — 後者は話者の疑いが現れている. 仮定法過去を取る. It's as if I were a movie star.
 - predominatly — 大抵は. Your costs are predominantly human labor.
-- a myriad of A — 無数のA
+- a myriad of A — 無数の A
 - funnel toward 狭いところを前へと通る
 - in a verifiable manner — 検証可能な方法で
 - in a frigid manner — 冷たい態度で
@@ -257,7 +257,7 @@ redirect_from: "/blog/2019/01/17/english-note"
 - If you're of the belt-and-suspenders mindset, consider setting UsePAM to 'no' as well. — 心配性な性格のこと
 - you can cancel it as long as it has not been matched — 〜されていない限りいつでも
 - By definition — 定義によると
-- A found B C — AはBがCだと思った
+- A found B C — A は B が C だと思った
 - in that — という点において
 - Iconoclast — 因襲打破主義者
 
@@ -282,41 +282,41 @@ redirect_from: "/blog/2019/01/17/english-note"
 
 - it drives me crazy [nuts] — イライラさせられる
 - describes the steps that are involved in ~ — ~に関する手順について説明する
-- 前置詞inは特徴の違いを、ofは程度の違いを表す
-- A is in proportion to B — AはBに比例している
-- A is out of proportion to B — AはBに反比例している
-- 受動態は不自然に手を加えられて発生した結果に付随する、能動態は自然に発生した場合に付随する — our profits were increasedは不正があったかのような表現、our profits increasedが正しい
-- be collectively known as A — Aと総称されている
+- 前置詞 in は特徴の違いを、of は程度の違いを表す
+- A is in proportion to B — A は B に比例している
+- A is out of proportion to B — A は B に反比例している
+- 受動態は不自然に手を加えられて発生した結果に付随する、能動態は自然に発生した場合に付随する — our profits were increased は不正があったかのような表現、our profits increased が正しい
+- be collectively known as A — A と総称されている
 - Any links to this, as to be honest nobody is providing evidence, just lip-service relying on the ignorance of most readers
 - in a great hurry - 大急ぎで
 - gross 名詞 — 明らかな〜, a gross oversimplification - 明らかに過度な簡略化
-- among — 〜の間で — in, throughで代替可能
-- throw A away — Aを捨てる、Aを無駄にする
+- among — 〜の間で — in, through で代替可能
+- throw A away — A を捨てる、A を無駄にする
 - throw A up — 急にやめる
 - be quick to — すぐ〜する。(People are quick to alienate outsiders 人々はすぐよそ者を阻害する)
 - incredulous at — 〜を容易に信じない
 - lack of standards for — 〜に対するけじめの無さ
 - ludicrous, ridiculous — 馬鹿げた
 - derogatory — 差別的な
-- A that it was B — Aだったので、B , 便利な接続詞
+- A that it was B — A だったので、B , 便利な接続詞
 - After (p.p.), He (p.) — 〜の後、彼は〜した
 - vicious — 凶悪な
-- relentless, ruthless — しつこく、inの時は徹底的な
+- relentless, ruthless — しつこく、in の時は徹底的な
 - mercilessly — 無慈悲に
 - reckless — 無謀な
-- profound — 心理的影響が重大な、深刻な(物理的にはdeepが適切)
+- profound — 心理的影響が重大な、深刻な(物理的には deep が適切)
 
 > I felt like a coward hiding this from people — それを隠すことで自分が臆病者に思えた
 
 > While training for the marathon, she was relentless in following the same schedule — マラソンの練習の間、彼女は同じスケジュールをしつこいほど守った。
 
-- His history of A led to  B — 彼がAを繰り返したせいでBを招いた。
+- His history of A led to B — 彼が A を繰り返したせいで B を招いた。
 - hatred — 憎悪
 - coarse — 粗い
-- B with A everywhere — Aがいたるところに散乱しているB
+- B with A everywhere — A がいたるところに散乱している B
 - people, all, the crowd — 人々
 
-> A was quick to spot the potential of the Internet — Aはインターネットの可能性をいち早く見出した
+> A was quick to spot the potential of the Internet — A はインターネットの可能性をいち早く見出した
 
 - a man who's nice to be around — そばに居てくれると助かる親切な人
 - His generosity knows no bounds — 彼の寛大さには限りが無い
@@ -337,7 +337,7 @@ p.p. the present progressive form, 現在進行系
 - The antisocial behaviour you are naturing あなたが心に抱いている反社会的行動
 - have a lot to do with ～によるところが大きい
 
-一般に前置詞＋who(m)は既知の情報を確認する際に, who＋前置詞は新しい情報を求める際に好まれる
+一般に前置詞＋ who(m)は既知の情報を確認する際に, who ＋前置詞は新しい情報を求める際に好まれる
 
 > This is sure to satisfy those who are into computers. これはコンピュータにはまっている人をきっと満足させるだろう
 
@@ -365,9 +365,9 @@ p.p. the present progressive form, 現在進行系
 
 不定詞は名詞・形容詞・副詞的働きをする動詞ベースの詞のこと
 
-to不定詞がunrealized(未実現)、-ingがrealized(実現)
+to 不定詞が unrealized(未実現)、-ing が realized(実現)
 
-- I want (to eat an apple)←名詞的
+- I want (to eat an apple)← 名詞的
 - Thank you for playing the game
 
 1. She is studying English hard to study abroad.
@@ -375,22 +375,22 @@ to不定詞がunrealized(未実現)、-ingがrealized(実現)
 
 違いは？
 
-- only to A — 思わぬ悲観的な事実を説明するclause
+- only to A — 思わぬ悲観的な事実を説明する clause
   - He returned after the war only to be told that his wife had left him.
-  - I tore open the box, only to discover that some of the parts were missing. 
+  - I tore open the box, only to discover that some of the parts were missing.
   - I arrived only to find that the others had already left.
 
 ## 倒置法
 
-- So do I — 私も！(I like appleに対して)
-- So am I — 私も！(I'm twenty years oldに対して)
+- So do I — 私も！(I like apple に対して)
+- So am I — 私も！(I'm twenty years old に対して)
 - Here comes bus — もうバス来たよ
 - Here we go — ほら行こう
 - In you go — 中にお入り
 - What a shitty day — なんて日だ
 - How beautiful (that is) — なんて綺麗なの
 - "I'm fine", said he — 大丈夫だと彼は言った
-- Dark as(though) it was, I found the footprints.  — 暗かったが、なんとか足跡を見つけた
+- Dark as(though) it was, I found the footprints. — 暗かったが、なんとか足跡を見つけた
 - Hard though she tried, she couldn't make the deadline. — 頑張ったが間に合わなかった
 - Do what you will, I won't give up — 何をされようとも諦めない
 - Walk as he would, he couldn't get to the station. — どんなに歩いても駅にたどり着けなかった
@@ -400,9 +400,9 @@ to不定詞がunrealized(未実現)、-ingがrealized(実現)
 
 > I still hate that "atheist" now is code for "bigoted asshole."
 
-> Life only comes around once. So do whatever makes you happy and be with whoever makes you smile！๑╹◡╹)ﾉ… 
+> Life only comes around once. So do whatever makes you happy and be with whoever makes you smile！๑╹◡╹)ﾉ…
 
-> This is exactly what I thought was gonna happen when I saw those tweets, thank you… 
+> This is exactly what I thought was gonna happen when I saw those tweets, thank you…
 
 > @Nodejs and @the_jsf have merged to form the #OpenJSFoundation! The OpenJS Foundation is to become the central place to support collaborative development of #JavaScript and web technologies.
 
@@ -422,15 +422,15 @@ to不定詞がunrealized(未実現)、-ingがrealized(実現)
 > — Miriam Huntley
 > https://twitter.com/iam_mir_iam/status/1108819635959418881?s=12
 
-> Welcome to the FGO NA Twitter. If you look to your left, you'll see the salty people club that are currently sulling about not pulling Okita. If you look to your right, you'll see the angry weeb club still screeching about Emiya Alter. Please enjoy your stay.… 
+> Welcome to the FGO NA Twitter. If you look to your left, you'll see the salty people club that are currently sulling about not pulling Okita. If you look to your right, you'll see the angry weeb club still screeching about Emiya Alter. Please enjoy your stay.…
 > — ℭ𝔦𝔫𝔡𝔢𝔯 𝔉𝔞𝔩𝔩
 > https://twitter.com/zettainverse/status/1109231751019278337?s=12
 
-> Probably one of the most auto-bookmarkable post I've seen in a while, regardless of skill level with git: 
+> Probably one of the most auto-bookmarkable post I've seen in a while, regardless of skill level with git:
 > — Ben Halpern 🤗
 > https://twitter.com/bendhalpern/status/1135319291568562176?s=12
 
-> Now announcing tsconfig-api 🎉 An experimental microservice for retrieving @typescript compiler option details 🔎 100% open source and hosted by @zeithq Now 
+> Now announcing tsconfig-api 🎉 An experimental microservice for retrieving @typescript compiler option details 🔎 100% open source and hosted by @zeithq Now
 > — Matterhorn
 > https://twitter.com/matterhorndev/status/1138610398159147008?s=12
 
@@ -440,20 +440,20 @@ to不定詞がunrealized(未実現)、-ingがrealized(実現)
 > https://twitter.com/dan_abramov/status/1143911059717263360?s=12
 
 > Yes, assuming something will work like literally every other software that has ever been created will work is subjective.
-> Super annoying that these people are so insecure about themselves that they have to do that kind of thing.… 
+> Super annoying that these people are so insecure about themselves that they have to do that kind of thing.…
 > — Kent C. Dodds
 > https://twitter.com/kentcdodds/status/1147142716280602629?s=12
 
-> Honest question: how does banning people from an opportunity to build a professional presence and potentially escape an oppressive regime advance human rights?… 
+> Honest question: how does banning people from an opportunity to build a professional presence and potentially escape an oppressive regime advance human rights?…
 > — Dan Abramov
 > https://twitter.com/dan_abramov/status/1154871232459956224?s=12
 
 > The national flag of Japan is a rectangular white banner bearing a crimson-red disc at its center. This flag is officially called Nisshōki (日章旗, the "sun-mark flag"), but is more commonly known in Japan as Hinomaru (日の丸, the "circle of the sun"). It embodies the country's sobriquet: Land of the Rising Sun.
 > reading this tweet is weird because at first you're like "hahaha they're not used to how gacha works" then you realize you've just been conditioned into being ok with predatory game models
-> You're offering subjective value assessments, not facts.… 
+> You're offering subjective value assessments, not facts.…
 > — Levi Roach
 > https://twitter.com/DrLRoach/status/1172907254892421120?s=17
 
 > My takeaway is that I'm starting a support group for design systems engineers across the world. 😛 We're all going through different versions of the same challenges at each of our companies and it's always encouraging to share information about where we are in this journey.
 > — Maja Wichrowska
-> https://twitter.com/majapw/status/1187891828189589504?s=17
+> https://twitter.com/majapw/status/1187891828189589504?s=17

source/_posts/2019/padsize.md

@@ -4,16 +4,18 @@ date: 2019-01-14 00:00:00 +09:00
 redirect_from: "/blog/2019/01/14/padsize"
 ---
 
+padStart における padSize の求め方です。
+
 $$
 \textrm{padSize} = \lceil \log_{10}(\mathbf{arraySize} + 1) \rceil
 $$
 
 ```js
-const padSize = Math.ceil(Math.log10(arr.length + 1))
+const padSize = Math.ceil(Math.log10(arr.length + 1));
 
 arr.forEach((item, index) => {
-  console.log(`${index.padStart(padSize, '0')}: ${item}`)
-})
+  console.log(`${index.padStart(padSize, "0")}: ${item}`);
+});
 ```
 
 結果は以下のようになる。

source/_posts/2019/sign-and-notarize-electron-app.md

@@ -21,14 +21,14 @@ electron-builder を利用して macOS 向け Electron アプリをコード署
 コード署名済みのアプリを[electron-notarize](https://github.com/electron-userland/electron-notarize)を使用して Apple Notary Service に提出します。
 
 ```js
-const { notarize } = require('electron-notarize')
+const { notarize } = require("electron-notarize");
 notarize({
   appBundleId,
   appPath,
   appleId,
   appleIdPassword,
   ascProvider,
-})
+});
 ```
 
 - **appBundleId**: アプリの Bundle ID です。`package.json`の`build.appId`と同じものを使います。
@@ -44,33 +44,33 @@ electron-builder の afterSign フックを使用して、コード署名が済
 フックスクリプトを`./scripts/after-sign-mac.js`に置きます。
 
 ```js
-const path = require('path')
-const { notarize } = require('electron-notarize')
+const path = require("path");
+const { notarize } = require("electron-notarize");
 
-const appleId = process.env.APPLE_ID
-const appleIdPassword = process.env.APPLE_PASSWORD
-const ascProvider = process.env.ASC_PROVIDER
+const appleId = process.env.APPLE_ID;
+const appleIdPassword = process.env.APPLE_PASSWORD;
+const ascProvider = process.env.ASC_PROVIDER;
 
-const configPath = path.resolve(__dirname, '../package.json')
-const appPath = path.resolve(__dirname, '../dist/mac/App.app')
-const config = require(configPath)
-const appBundleId = config.build.appId
+const configPath = path.resolve(__dirname, "../package.json");
+const appPath = path.resolve(__dirname, "../dist/mac/App.app");
+const config = require(configPath);
+const appBundleId = config.build.appId;
 
 async function notarizeApp() {
-  console.log(`afterSign: Notarizing ${appBundleId} in ${appPath}`)
+  console.log(`afterSign: Notarizing ${appBundleId} in ${appPath}`);
   await notarize({
     appBundleId,
     appPath,
     appleId,
     appleIdPassword,
     ascProvider,
-  })
-  console.log('afterSign: Notarized')
+  });
+  console.log("afterSign: Notarized");
 }
 
 exports.default = async () => {
-  await notarizeApp()
-}
+  await notarizeApp();
+};
 ```
 
 `package.json`の`build`に`afterSign`を追加してコード署名が終わった後にスクリプトが実行されるようにします。

source/_posts/2019/welch-t-test.md

@@ -5,11 +5,9 @@ date: 2019-10-03 17:21:00 +09:00
 
 **Welch の t 検定**を用いて 2 つのベンチマークの分布の平均が等しい（速度差は誤差の範疇）か、あるいは異なる（=有意な速度改善が成されている）かどうかを判定します。
 
-ベンチマーク用のTypeScriptプログラムを用意します。
+ベンチマーク用の TypeScript プログラムを用意します。
 
-#### `a.ts`
-
-```ts
+```ts a.ts
 function a() {
   const noise = Math.random() - 0.5;
   const offset = 1.0;
@@ -19,9 +17,7 @@ function a() {
 a();
 ```
 
-#### `b.ts`
-
-```ts
+```ts b.ts
 function b() {
   const noise = Math.random() - 0.5;
   const offset = 2.0;
@@ -34,12 +30,12 @@ b();
 まず[hyperfine](https://github.com/sharkdp/hyperfine)で 2 つの プログラムのベンチマークを取り、`result.json`に保存します。
 
 ```shell
-hyperfine 'ts-node a.ts' 'ts-node b.ts' -r 50 --warmup 3 --export-json ab.json 
+hyperfine 'ts-node a.ts' 'ts-node b.ts' -r 50 --warmup 3 --export-json ab.json
 ```
 
-`result.json`の中身以下のようになります。
+`result.json`の中身は以下のようになります。
 
-```json
+```json result.json
 {
   "results": [
     {
@@ -82,13 +78,13 @@ hyperfine 'ts-node a.ts' 'ts-node b.ts' -r 50 --warmup 3 --export-json ab.json
 }
 ```
 
-> t検定はサンプルが正規分布に従っているという仮定を置いているので、大数の法則から本当はもっと試行回数を増やした方が良いです。
+> t 検定はサンプルが正規分布に従っているという仮定を置いているので、大数の法則から本当はもっと試行回数を増やした方が良いです。
 
 この`result.json`の`times`配列を受け取り、2 つの分布間に有意差があるかどうかを判定します。
 
 ```ts
-import fs from 'fs';
-import {jStat} from 'jstat';
+import fs from "fs";
+import { jStat } from "jstat";
 
 const log = console.log;
 
@@ -127,10 +123,10 @@ const Y = result.results[1].times;
 const p = ttest(X, Y);
 log(`p = ${p}`);
 log(`p < 0.05 = ${p < 0.05}`);
-log(p < 0.05 ? 'Possibly some difference there' : 'No difference');
+log(p < 0.05 ? "Possibly some difference there" : "No difference");
 ```
 
-ここで`X_mu`は分布Xの平均、`X_sigma`は分布Xの不偏分散です。
+ここで`X_mu`は分布 X の平均、`X_sigma`は分布 X の不偏分散です。
 
 $$
 \begin{eqnarray}
@@ -139,19 +135,19 @@ $$
 \end{eqnarray}
 $$
 
-これをXとY両方に対して求めます。さらに以下のようにしてtを求めます。
+これを X と Y 両方に対して求めます。さらに以下のようにして t を求めます。
 
 $$
 t = \frac{\mu_X - \mu_Y}{\sqrt{\frac{\sigma_X}{n_X} + \frac{\sigma_Y}{n_Y}}}
 $$
 
-t分布の累積密度関数 (Cumlative Distribution Function; CDF) を定義します。面倒すぎたので[jstat](https://github.com/jstat/jstat)の`studentt.cdf`を使ってます。コードを見ると、分子の積分は[シンプソンの公式](https://ja.wikipedia.org/wiki/シンプソンの公式)を使って近似していました。
+t 分布の累積密度関数 (Cumlative Distribution Function; CDF) を定義します。面倒すぎたので[jstat](https://github.com/jstat/jstat)の`studentt.cdf`を使ってます。コードを見ると、分子の積分は[シンプソンの公式](https://ja.wikipedia.org/wiki/シンプソンの公式)を使って近似していました。
 
 $$
 \text{CDF} =\frac{\int_0^{\frac{v}{t^2+v}}\frac{r^{\frac{v}{2}-1}}{\sqrt{1-r}}dr{}}{\text{exp}(\ln(\Gamma(\frac{v}{2}))+\ln(\Gamma(0.5))+\ln(\Gamma(\frac{v}{2}+0.5)))}
 $$
 
-CDFを用いてp値を求めます。両側検定をするので2を掛けます。t分布の自由度 (degree of freedom; df) は$n-1$なので、両分布の自由度を$n_X+n_Y-2$で与えます。本当は
+CDF を用いて p 値を求めます。両側検定をするので 2 を掛けます。t 分布の自由度 (degree of freedom; df) は$n-1$なので、両分布の自由度を$n_X+n_Y-2$で与えます。本当は
 
 $$
 \text{df} = \frac{(\sigma_X + \sigma_Y)^2}{
@@ -166,7 +162,7 @@ $$
 
 ## 結果
 
-異なる実行時間を示すプログラム`a`,`b`を比較すると、2つの分布の平均が異なることが示唆されました。
+異なる実行時間を示すプログラム`a`,`b`を比較すると、2 つの分布の平均が異なることが示唆されました。
 
 ```
 ❯ ts-node test.ts ab.json
@@ -184,7 +180,7 @@ p < 0.05 = true
 Possibly some difference there
 ```
 
-p値が0.05未満となり、帰無仮説「２つの分布は等しい」が棄却されたので「２つの分布は等しくない」ことがわかりました。同じプログラム同士でベンチマークを取るとどうなるでしょうか。
+p 値が 0.05 未満となり、帰無仮説「２つの分布は等しい」が棄却されたので「２つの分布は等しくない」ことがわかりました。同じプログラム同士でベンチマークを取るとどうなるでしょうか。
 
 ```
 ❯ ts-node test.ts aa.json
@@ -202,10 +198,10 @@ p < 0.05 = false
 No difference
 ```
 
-p値が0.05未満ではないので、帰無仮説は棄却されず、つまり「２つの分布は等しい」ことがわかりました。
+p 値が 0.05 未満ではないので、帰無仮説は棄却されず、つまり「２つの分布は等しい」ことがわかりました。
 
-ウェルチのt検定はスチューデントのt検定と違って等分散性（２つの分布の分散が等しいこと）を仮定しないので、とても取り扱いやすい検定です。もちろん等分散性のある分布でも使用できるので、基本的にはウェルチの方法を使う方針で良さそうです。
+ウェルチの t 検定はスチューデントの t 検定と違って等分散性（２つの分布の分散が等しいこと）を仮定しないので、とても取り扱いやすい検定です。もちろん等分散性のある分布でも使用できるので、基本的にはウェルチの方法を使う方針で良さそうです。
 
 ## 参考文献
 
-- [Welch's t-test - Rosetta Code](https://rosettacode.org/wiki/Welch%27s_t-test)
+- [Welch's t-test - Rosetta Code](https://rosettacode.org/wiki/Welch%27s_t-test)

source/_posts/2020/secure-dev-server.md

@@ -1,8 +1,8 @@
 ---
 title: Securing Local Dev Server
 date: 2020-02-07 00:00:00 +0900
-
 ---
+
 Sometimes you want to interact with a local webserver with https support because of some browser APIs that are only available in an https environment.
 
 You can easily create a self-signed TLS cert for development purposes with [`mkcert`](https://github.com/FiloSottile/mkcert).
@@ -19,4 +19,4 @@ cd awesome-website
 mkcert localhost # this will generate ./localhost.pem and ./localhost-key.pem
 npm install -g serve
 serve --ssl-cert ./localhost.pem --ssl-key ./localhost-key.pem
-```
+```

source/_posts/2021/arch-linux-setup-guide.md

@@ -0,0 +1,600 @@
+---
+title: Arch Linux Setup Guide
+date: 2021-02-12
+---
+
+This note includes all commands I typed when I setup Arch Linux on my new baremetal server.
+
+# Why I choose Arch Linux
+
+- Simple as it should be
+- Outstanding community efforts to maintaining package registry
+- Well organized wiki resources
+
+# Useful links
+
+- [General recommendations](https://wiki.archlinux.org/index.php/General_recommendations#Users_and_groups)
+- [System maintenance](https://wiki.archlinux.org/index.php/System_maintenance)
+- [Improving performance](https://wiki.archlinux.org/index.php/Improving_performance#Know_your_system)
+- [Benchmarking - ArchWiki](https://wiki.archlinux.org/index.php/Benchmarking)
+
+# Provisioning
+
+## wipe whole disk
+
+```bash
+wipefs -a /dev/sda
+```
+
+## create parition
+
+```bash
+parted
+
+select /dev/sda
+mktable gpt
+mkpart EFI fat32 0 512MB # EFI
+mkpart Arch ext4 512MB 100% # Arch
+set 1 esp on # flag part1 as ESP
+quit
+```
+
+## install file-system
+
+```bash
+mkfs.vfat -F 32 /dev/sda1 # EFI
+mkfs.ext4 /dev/sda2 # Arch
+```
+
+## mount disk
+
+```bash
+mkdir -p /mnt/boot
+mount /dev/sda2 /mnt
+mount /dev/sda1 /mnt/boot
+```
+
+## install base & linux kernel
+
+```bash
+reflector -f 10 --latest 30 --protocol https --sort rate --save /etc/pacman.d/mirrorlist # optimize mirror list
+
+pacstrap /mnt base linux linux-firmware vim man-db man-pages git informant
+# base-devel need to be included as well?
+genfstab -U /mnt >> /mnt/etc/fstab
+arch-chroot /mnt
+```
+
+```bash
+pacman -Syu # upgrade
+pacman -Qe # list explicitly installed pkgs
+pacman -Rs # remove pkg and its deps
+pacman -Qtd # list orphans
+```
+
+## bootloader
+
+```bash
+pacman -S \
+  grub \
+  efibootmgr \
+  amd-ucode # AMD microcode
+grub-install --target=x86_64-efi --efi-directory=/boot --bootloader-id=GRUB
+grub-mkconfig -o /boot/grub/grub.cfg
+```
+
+## ntp
+
+```bash
+sed -i -e 's/#NTP=/NTP=0.arch.pool.ntp.org 1.arch.pool.ntp.org 2.arch.pool.ntp.org 3.arch.pool.ntp.org/' -e 's/#Fall/Fall/' /etc/systemd/timesyncd.conf
+systemctl enable --now systemd-timesyncd
+```
+
+## locale
+
+```bash
+ln -sf /usr/share/zoneinfo/Asia/Tokyo /etc/localtime
+hwclock --systohc
+vim /etc/locale.gen & locale-gen
+echo "LANG=en_US.UTF-8" > /etc/locale.conf
+```
+
+## network
+
+```bash
+hostnamectl set-hostname polka
+hostnamectl set-chassis server
+
+vim /etc/hosts
+# 127.0.0.1 localhost
+# ::1       localhost
+# 127.0.0.1 polka
+```
+
+See https://systemd.network/systemd.network.html.
+
+```ini
+# /etc/systemd/network/wired.network
+[Match]
+Name=enp5s0
+
+[Network]
+#DHCP=yes
+Address=10.0.1.2/24
+Gateway=10.0.1.1
+DNS=10.0.1.100   # self-hosted DNS resolver
+DNS=1.1.1.1      # Cloudflare for the fallback DNS server
+MACVLAN=dns-shim # to handle local dns lookup to 10.0.1.100 which is managed by Docker macvlan driver
+```
+
+```ini
+# /etc/systemd/network/dns-shim.netdev
+# to handle local dns lookup to 10.0.1.100
+[NetDev]
+Name=dns-shim
+Kind=macvlan
+
+[MACVLAN]
+Mode=bridge
+```
+
+```ini
+# /etc/systemd/network/dns-shim.network
+# to handle local dns lookup to 10.0.1.100
+[Match]
+Name=dns-shim
+
+[Network]
+IPForward=yes
+
+[Address]
+Address=10.0.1.103/32
+Scope=link
+
+[Route]
+Destination=10.0.1.100/30
+```
+
+`ip` equivalent to the above settings:
+
+```bash
+ip link add dns-shim link enp5s0 type macvlan mode bridge # add macvlan shim
+ip a add 10.0.1.103/32 dev dns-shim # assign host ip to shim defined in docker-compose.yml
+ip link set dns-shim up # enable interface
+ip route add 10.0.1.100/30 dev dns-shim # route macvlan subnet to shim interface
+```
+
+```bash
+systemctl enable --now systemd-networkd
+networkctl status
+
+# for self-hosted dns resolver
+sed -r -i -e 's/#?DNSStubListener=yes/DNSStubListener=no/g' -e 's/#DNS=/DNS=10.0.1.100/g' /etc/systemd/resolved.conf
+ln -sf /run/systemd/resolve/resolv.conf /etc/resolv.conf
+
+systemctl enable --now systemd-resolved
+resolvectl status
+resolvectl query ddg.gg
+drill @10.0.1.100 ddg.gg
+
+# FIXME
+pacman -S wpa_supplicant
+vim /etc/wpa_supplicant/wpa_supplicant.conf
+# ctrl_interface=/run/wpa_supplicant
+# update_config=1
+wpa_supplicant -B -i wlp8s0 -c /etc/wpa_supplicant/wpa_supplicant.conf
+wpa_cli # default control socket -> /var/run/wpa_supplicant
+modinfo iwlwifi
+```
+
+If `networkctl` keep showing `enp5s0` as `degraded`, then run `ip addr add 10.0.1.2/24 dev enp5s0 ` to manually assign static IP address for the workaround.
+
+## firewall
+
+```bash
+pacman -S firewalld
+# TODO
+```
+
+See also [Introduction to Netfilter – To Linux and beyond !](https://home.regit.org/netfilter-en/netfilter/)
+
+## shell
+
+```bash
+pacman -S zsh
+chsh -s /bin/zsh
+```
+
+## user
+
+```bash
+passwd # change root passwd
+
+useradd -m -s /bin/zsh uetchy # add local user
+passwd uetchy # change local user password
+
+userdbctl # verify users
+
+pacman -S sudo
+echo "%sudo ALL=(ALL) NOPASSWD:/usr/bin/pacman" > /etc/sudoers.d/pacman # allow pacman without password
+usermod -aG sudo uetchy # add local user to sudo group
+```
+
+## ssh
+
+```bash
+pacman -S openssh
+vim /etc/ssh/sshd_config
+systemctl enable --now sshd
+```
+
+on the host machine:
+
+```bash
+ssh-copy-id uetchy@10.0.1.2
+```
+
+## AUR
+
+```bash
+git clone https://aur.archlinux.org/yay.git
+cd yay
+makepkg -si
+```
+
+## finalize
+
+```bash
+exit # leave chroot
+umount -R /mnt
+reboot
+```
+
+# Additional setup
+
+## gpgpu
+
+```bash
+pacman -S nvidia
+cat /var/lib/modprobe.d/nvidia.conf # ensure having 'blacklist nouveau'
+
+yay -S cuda-10.2 cudnn7-cuda10.2 # match the version number
+
+nvidia-smi # test runtime
+```
+
+## docker
+
+```bash
+pacman -S docker docker-compose
+yay -S nvidia-container-runtime-bin
+vim /etc/docker/daemon.json
+```
+
+```json
+{
+  "log-driver": "journald",
+  "log-opts": {
+    "tag": "{{.ImageName}}/{{.Name}}/{{.ID}}"
+  },
+  "exec-opts": ["native.cgroupdriver=systemd"], // for kubernetes
+  "runtimes": {
+    // for docker-compose
+    "nvidia": {
+      "path": "/usr/bin/nvidia-container-runtime",
+      "runtimeArgs": []
+    }
+  }
+}
+```
+
+```bash
+systemctl enable --now docker
+
+groupadd docker
+usermod -aG docker user
+
+docker run --rm -it --gpus all nvidia/cuda:10.2-cudnn7-runtime
+```
+
+## telegraf
+
+```bash
+yay -S telegraf
+vim /etc/telegraf/telegraf.conf
+```
+
+```ini
+# File: /etc/sudoers.d/telegraf
+Cmnd_Alias FAIL2BAN = /usr/bin/fail2ban-client status, /usr/bin/fail2ban-client status *
+telegraf  ALL=(root) NOEXEC: NOPASSWD: FAIL2BAN
+Defaults!FAIL2BAN !logfile, !syslog, !pam_session
+```
+
+## fail2ban
+
+```
+pacman -S fail2ban
+systemctl enable --now fail2ban
+```
+
+```ini
+# File: /etc/fail2ban/jail.local
+[DEFAULT]
+bantime = 60m
+ignoreip = 127.0.0.1/8 10.0.1.0/24
+
+[sshd]
+enabled = true
+port = 22,10122
+
+[mailu]
+enabled = true
+backend = systemd
+journalmatch = CONTAINER_NAME=mailu_front_1
+port = smtp,submission
+chain = DOCKER-USER
+filter = mailu
+findtime = 600
+maxretry = 1
+bantime = 1d
+```
+
+```ini
+# File: /etc/fail2ban/filter.d/mailu.conf
+[INCLUDES]
+before = common.conf
+
+[Definition]
+failregex = ^%(__prefix_line)s\d+\/\d+\/\d+ \d+:\d+:\d+ \[info\] \d+#\d+: \*\d+ client login failed: "Authentication credentials invalid" while in http auth state, client: <HOST>, server: \S+, login: "<F-USER>\S+</F-USER>"$
+ignoreregex =
+```
+
+```
+fail2ban-client reload
+fail2ban-client status mailu
+```
+
+## sendmail
+
+```bash
+yay -S sendmail
+```
+
+## cfddns
+
+Dynamic DNS for Cloudflare.
+
+```
+yay -S cfddns
+```
+
+```yml
+# File: /etc/cfddns/cfddns.yml
+token: <token>
+```
+
+```ini
+# File: /etc/cfddns/domains
+uechi.io
+datastore.uechi.io
+```
+
+```
+systemctl enable --now cfddns
+```
+
+## smart
+
+```bash
+pacman -S smartmontools
+systemctl enable --now smartd
+```
+
+## backup
+
+```ini
+# File: /etc/backups/borg.service
+[Unit]
+Description=Borg Daily Backup Service
+
+[Service]
+Type=simple
+Nice=19
+IOSchedulingClass=2
+IOSchedulingPriority=7
+ExecStart=/etc/backups/run.sh
+```
+
+```ini
+# File: /etc/backups/borg.timer
+[Unit]
+Description=Borg Daily Backup Timer
+
+[Timer]
+WakeSystem=false
+OnCalendar=*-*-* 03:00
+RandomizedDelaySec=10min
+
+[Install]
+WantedBy=timers.target
+```
+
+```bash
+# File: /etc/backups/run.sh
+sleep 5
+
+#
+# Script configuration
+#
+export BORG_PASSPHRASE="<PASSPHRASE>"
+MOUNTPOINT=/mnt/backup
+TARGET=$MOUNTPOINT/borg
+
+# Archive name schema
+DATE=$(date --iso-8601)
+
+# Options for borg create
+BORG_OPTS="--stats --compression lz4 --checkpoint-interval 86400"
+
+# No one can answer if Borg asks these questions, it is better to just fail quickly
+# instead of hanging.
+export BORG_RELOCATED_REPO_ACCESS_IS_OK=no
+export BORG_UNKNOWN_UNENCRYPTED_REPO_ACCESS_IS_OK=no
+
+# Log Borg version
+borg --version
+
+echo "Starting backup for $DATE"
+
+echo "# system"
+borg create $BORG_OPTS \
+  --exclude /root/.cache \
+  --exclude /var/cache \
+  --exclude /var/lib/docker/devicemapper \
+  --exclude /home \
+  --one-file-system \
+  $TARGET::'{hostname}-system-{now}' \
+  / /boot
+
+echo "# home"
+borg create $BORG_OPTS \
+  --exclude 'sh:/home/*/.cache' \
+  --exclude 'sh:/home/*/.cargo' \
+  $TARGET::'{hostname}-home-{now}' \
+  /home/
+
+echo "# data"
+borg create $BORG_OPTS \
+  $TARGET::'{hostname}-data-{now}' \
+  /mnt/data
+
+echo "Start pruning"
+BORG_PRUNE_OPTS="--list --stats --keep-daily 7 --keep-weekly 4 --keep-monthly 3"
+borg prune $BORG_PRUNE_OPTS --prefix '{hostname}-home-' $TARGET
+borg prune $BORG_PRUNE_OPTS --prefix '{hostname}-system-' $TARGET
+borg prune $BORG_PRUNE_OPTS --prefix '{hostname}-data-' $TARGET
+
+echo "Completed backup for $DATE"
+
+# Just to be completely paranoid
+sync
+```
+
+```bash
+ln -sf /etc/backups/borg.* /etc/systemd/system/
+systemctl enable --now borg
+```
+
+## kubernetes
+
+```bash
+pacman -S kubeadm kubelet kubectl
+systemctl enable --now kubelet
+kubeadm init --pod-network-cidr='10.244.0.0/16'
+cp /etc/kubernetes/admin.conf ~/.kube/config
+
+kubectl taint nodes --all node-role.kubernetes.io/master- # to allow allocating pods to the master node
+
+# setup flannel network manager
+kubectl apply -f https://raw.githubusercontent.com/coreos/flannel/master/Documentation/kube-flannel.yml
+
+# setup nginx ingress controller
+# TODO
+
+kubectl cluster-info
+kubectl get nodes
+kubectl get pods -A
+kubectl get cm -n kube-system kubeadm-config -o yaml
+```
+
+[Kubernetes - ArchWiki](https://wiki.archlinux.org/index.php/Kubernetes)
+
+[Kubernetes Ingress Controller with NGINX Reverse Proxy and Wildcard SSL from Let's Encrypt - Shogan.tech](https://www.shogan.co.uk/kubernetes/kubernetes-ingress-controller-with-nginx-reverse-proxy-and-wildcard-ssl-from-lets-encrypt/)
+
+## certs
+
+```bash
+pacman -S certbot certbot-dns-cloudflare
+echo "dns_cloudflare_api_token = <token>" > ~/.secrets/certbot/cloudflare.ini
+chmod 600 ~/.secrets/certbot/cloudflare.ini
+certbot certonly \
+  --email y@uechi.io \
+  --agree-tos \
+  --dns-cloudflare \
+  --dns-cloudflare-credentials ~/.secrets/certbot/cloudflare.ini \
+  -d "*.uechi.io"
+openssl x509 -in /etc/letsencrypt/live/uechi.io/fullchain.pem -text
+certbot certificates
+
+cat <<EOD > /etc/systemd/system/certbot.service
+[Unit]
+Description=Let's Encrypt renewal
+
+[Service]
+Type=oneshot
+ExecStart=/usr/bin/certbot renew --quiet --agree-tos --deploy-hook "docker exec nginx-proxy-le /app/signal_le_service"
+EOD
+
+cat <<EOD > /etc/systemd/system/certbot.timer
+[Unit]
+Description=Twice daily renewal of Let's Encrypt's certificates
+
+[Timer]
+OnCalendar=0/12:00:00
+RandomizedDelaySec=1h
+Persistent=true
+
+[Install]
+WantedBy=timers.target
+EOD
+```
+
+- [Certbot - ArchWiki](https://wiki.archlinux.org/index.php/Certbot)
+- [Welcome to certbot-dns-cloudflare’s documentation! — certbot-dns-cloudflare 0 documentation](https://certbot-dns-cloudflare.readthedocs.io/en/stable/)
+- [docker-letsencrypt-nginx-proxy-companion/Standalone-certificates.md at master · nginx-proxy/docker-letsencrypt-nginx-proxy-companion](https://github.com/nginx-proxy/docker-letsencrypt-nginx-proxy-companion/blob/master/docs/Standalone-certificates.md)
+
+## audio
+
+```bash
+pacman -S alsa-utils # maybe requires reboot
+arecord -L # list devices
+
+cat <<EOD > /etc/asound.conf
+pcm.m96k {
+  type hw
+  card M96k
+  rate 44100
+  format S32_LE
+}
+
+pcm.!default {
+  type plug
+  slave.pcm "m96k"
+}
+EOD
+
+arecord -vv /dev/null # test mic
+```
+
+```
+alsamixer # gui mixer
+```
+
+- [SoundcardTesting - AlsaProject](https://www.alsa-project.org/main/index.php/SoundcardTesting)
+- [Advanced Linux Sound Architecture/Troubleshooting - ArchWiki](https://wiki.archlinux.org/index.php/Advanced_Linux_Sound_Architecture/Troubleshooting#Microphone)
+- [ALSA project - the C library reference: PCM (digital audio) plugins](https://www.alsa-project.org/alsa-doc/alsa-lib/pcm_plugins.html)
+
+# Maintenance
+
+```bash
+systemctl --failed
+free -h
+htop
+lsblk -f
+nvidia-smi
+iotop
+sensors
+journalctl -p err
+networkctl status
+```

source/_posts/2021/braille.md

@@ -0,0 +1,18 @@
+---
+title: 点字の表現力
+date: 2021-02-13
+---
+
+「n 種類の文字を表現できる点字を作らないといけなくなったらどうしよう」
+
+例としてドット が 3 つの点字を用意した。
+
+- 組み合わせ数は 3P3 + 3P2 + 3P1
+- $f(N,K) = \sum_{i=K → 0} N P K$
+- 2 の n 乗っぽい
+- べき集合の濃度？
+- 2 進数のブール配列と考えるとわかりやすくなった
+- ということは X 個の表現をするために必要なブール配列の長さは $\lceil\log_2 (X)\rceil$
+- 例えばアルファベットなら 6 ドットの点字で表現できる
+- だから英語の点字は 6 つの点
+- 点字を 18 ドットに拡張すれば Unicode 13.0 の文字すべてを表現できる

source/_posts/2021/oauth-jwt-rfcs.md

@@ -0,0 +1,102 @@
+---
+title: OAuth 2.0 と JWT 関連 RFC
+date: 2021-02-11
+---
+
+個人的な調査のために OAuth 2.0 と JWT 関連 RFC を発行日順に並べています。
+
+## [RFC6749](https://tools.ietf.org/html/rfc6749) — The OAuth 2.0 Authorization Framework
+
+2012 年 10 月
+
+OAuth 1.0a に代わる新たな認証基盤 OAuth 2.0 のコアを規定しており、特筆すべき点がいくつかある。
+
+- `access_token` の内容は規定されておらず、ベンダーに委ねられている
+  - JWS でもなんでもいい
+- リソースサーバーに `access_token` を渡す方法は規定されていない（同月発行の RFC6750 で規定された）
+
+### Authorization Grant
+
+トークンエンドポイントで`access_token`を発行してもらう際に使用できる Grant (許可証)は、提案中の拡張仕様を含めて 5 つある。
+
+1. Authorization Code Grant: [RFC6749 – Section 1.3.1](https://tools.ietf.org/html/rfc6749#section-1.3.1)
+   1. `grant_type=authorization_code`
+   2. Authorization Code Grant with PKCE
+2. Implicit Flow: [RFC6749 – Section 1.3.2](https://tools.ietf.org/html/rfc6749#section-1.3.2)
+   1. もともと CORS (Cross Origin Resource Sharing) が登場する以前の SPA で、POST リクエストを回避しつつ Access Token を得る"妥協案"として策定された
+   2. CSRF 耐性が無い ([RFC6819 - Section 4.4.2.5](https://tools.ietf.org/html/rfc6819#section-4.4.2.5))ため、使うべきではない
+3. Resource Owner Password Credentials Grant: [RFC6749 – Section 1.3.3](https://tools.ietf.org/html/rfc6749#section-1.3.3)
+   1. 直接パスワードで認証する形式
+4. Client Credentials Grant: [RFC6749 – Section 1.3.4](https://tools.ietf.org/html/rfc6749#section-1.3.4)
+   1. クライアントシークレットでトークンを取得する形式。
+5. Device Grant: [RFC Draft — OAuth 2.0 Device Authorization Grant](https://tools.ietf.org/html/draft-ietf-oauth-device-flow-15)
+   1. 入力機器が無い場合もある組み込みデバイス向けの認証フロー
+
+## [RFC6750](https://tools.ietf.org/html/rfc6750) — The OAuth 2.0 Authorization Framework: Bearer Token Usage
+
+2012 年 10 月
+
+OAuth 2.0 において、`access_token`をリソースサーバーに渡す手法を規定する。OAuth 2.0 JWT Bearer Token Flow**ではない**。
+
+手法として 3 つが挙げられている。
+
+1. Bearer Token (**SHOULD**)
+2. Form Encoded Parameters (SHOULD NOT)
+3. URI Query Parameters (SHOULD NOT)
+
+## [OICD](https://openid.net/specs/openid-connect-core-1_0.html) — OpenID Connect Core 1.0
+
+2014 年 11 月
+
+OAuth 2.0 の上にいくつか仕様を足したサブセット。
+
+## [RFC7515](https://tools.ietf.org/html/rfc7515) — JSON Web Signature (JWS)
+
+2015 年 5 月
+
+JSON ベースの署名プロトコル。
+
+## [RFC7516](https://tools.ietf.org/html/rfc7516) — JSON Web Encryption (JWE)
+
+2015 年 5 月
+
+JSON ベースの暗号化プロトコル。
+
+## [RFC7517](https://tools.ietf.org/html/rfc7517) — JSON Web Key (JWK)
+
+2015 年 5 月
+
+JWT の署名チェックに用いる公開鍵を配信するためのプロトコル。
+
+## [RFC7518](https://tools.ietf.org/html/rfc7518) — JSON Web Algorithms (JWA)
+
+2015 年 5 月
+
+JWS、JWE、JWK で利用されるアルゴリズム (alg)やその他プロパティを規定する。
+
+## [RFC7519](https://tools.ietf.org/html/rfc7519) — JSON Web Token (JWT)
+
+2015 年 5 月
+
+JWT は JSON を利用して Assertion を生成するための仕様。
+
+## [RFC7521](https://tools.ietf.org/html/rfc7521) — Assertion Framework for OAuth 2.0 Client Authentication and Authorization Grants
+
+2015 年 5 月
+
+任意の Assertion を OAuth 2.0 Client Authentication の Client Credentials として使ったり、あるいは Authorization Grant として Access Token と交換するための仕様。
+
+トークンエンドポイントに強化されたクライアント認証を付与する。続く RFC で、それぞれ SAML と JWT を使用したパターンを規定している。
+
+**OAuth 2.0 JWT Bearer Token Flow**とも呼ばれている。
+
+- [RFC7522](https://tools.ietf.org/html/rfc7522) — Security Assertion Markup Language (**SAML**) 2.0 Profile for OAuth 2.0 Client Authentication and Authorization Grants (2015 年 5 月)
+- [RFC7523](https://tools.ietf.org/html/rfc7523) — JSON Web Token (**JWT**) Profile for OAuth 2.0 Client Authentication and Authorization Grants (2015 年 5 月)
+
+2015 年 5 月 https://tools.ietf.org/html/rfc7523
+
+## [RFC Draft](https://tools.ietf.org/html/draft-ietf-oauth-access-token-jwt-02) — JSON Web Token (JWT) Profile for OAuth 2.0 Access Tokens
+
+2019 年 7 月
+
+リソースサーバーに渡す Access Token に JWT を使用することを定めている。

source/_posts/2021/split-bill.md

@@ -0,0 +1,148 @@
+---
+title: 最小送金回数で精算する割り勘アルゴリズム
+date: 2021-02-14
+---
+
+大人数でキャンプを楽しんだあとに待っているのは耐え難き送金処理です。
+次回から楽をするために、送金回数を最小化する制約で精算表を作る方法を考えてみます。
+
+# tl;dr
+
+アイディアは「最も支払わなかった人が最も支払った人に払えるだけ払う ⇢ 債権を再計算して繰り返す」です。
+
+1. 全員の出費を算出（払い過ぎは正、払わなさすぎは負の数）
+2. 降順でソート（出費過多が先頭）
+3. リストの最後（最大債務者, 出費=L）がリストの最初（最大債権者, F）に $\min(F, |L|)$ を支払ってバランスを再計算
+4. 全員のバランスが 0 になるまで 2-3 を繰り返す
+
+# 実験
+
+実際にコードを書いて本当に望んでいる結果が得られるのかを検証します。
+
+```5js
+const history = [
+  {
+    amount: 121,
+    payer: "A",
+    involves: ["A", "B", "C"],
+  },
+  {
+    amount: 98,
+    payer: "B",
+    involves: ["A", "B", "C"],
+  },
+  {
+    amount: 10,
+    payer: "C",
+    involves: ["A", "B", "C"],
+  },
+  {
+    amount: 10,
+    payer: "C",
+    involves: ["A", "B"],
+  },
+  {
+    amount: 50,
+    payer: "C",
+    involves: ["A"], // meaning C lent A 50
+  },
+];
+
+// calculate balance sheet
+const init = { balance: 0, consumption: 0 };
+Map.prototype.fetch = function (id) {
+  return (
+    this.get(id) || this.set(id, Object.assign({ name: id }, init)).get(id)
+  );
+};
+
+const data = new Map();
+
+for (const { payer, amount, involves } of history) {
+  const record = data.fetch(payer);
+  record.balance += amount;
+  const dept = Math.ceil(amount / involves.length);
+  // actual payer should not owe extra dept coming from rounded up numbers
+  const payerDept = amount - dept * (involves.length - 1);
+  for (const deptor of involves.map((i) => data.fetch(i))) {
+    const cost = Math.round(amount / involves.length);
+    deptor.balance -= cost;
+    deptor.consumption += cost;
+  }
+}
+
+console.log(data);
+
+// calculate transaction table
+const transaction = [];
+let paidTooMuch, paidLess;
+while (true) {
+  for (const [_, tbl] of data) {
+    if (tbl.balance >= (paidTooMuch?.balance || 0)) {
+      paidTooMuch = tbl;
+    }
+    if (tbl.balance <= (paidLess?.balance || 0)) {
+      paidLess = tbl;
+    }
+  }
+
+  if (paidLess.balance == 0 || paidTooMuch.balance == 0) break;
+
+  const amount = Math.min(paidTooMuch.balance, Math.abs(paidLess.balance));
+
+  transaction.push({
+    sender: paidLess.name,
+    receiver: paidTooMuch.name,
+    amount,
+  });
+
+  paidTooMuch.balance -= amount;
+  paidLess.balance += amount;
+}
+
+console.log("Settled");
+
+console.log("\n# Transaction table");
+for (const ev of transaction) {
+  console.log(`${ev.sender} owes ${ev.receiver} ¥${ev.amount}`);
+}
+
+console.log("\n# History");
+for (const { payer, amount, involves } of history) {
+  if (involves.length === 1) {
+    console.log(`${payer} lent ¥${amount} to ${involves[0]}`);
+  } else {
+    console.log(`${payer} paid ¥${amount} for ${involves.join(", ")}`);
+  }
+}
+
+console.log("\n# Expenses");
+for (const [_, { name, consumption }] of data) {
+  console.log(`${name} virtually paid ¥${consumption} in total`);
+}
+```
+
+`history`に支払い履歴を書き込んでから実行すると、「送金表」「履歴」「実質支払総額」が得られます。
+
+```md
+# Transaction table
+
+A owes B ¥10
+C owes B ¥6
+
+# History
+
+A paid ¥121 for A, B, C
+B paid ¥98 for A, B, C
+C paid ¥10 for A, B, C
+C paid ¥10 for A, B
+C lent ¥50 to A
+
+# Expenses
+
+A virtually paid ¥131 in total
+B virtually paid ¥81 in total
+C virtually paid ¥76 in total
+```
+
+プログラムに落とし込めたら、あとはアプリを作るなりスプレッドシートのマクロにするなり自由です。面倒なことは全部コンピューターにやらせよう！