このブログは投稿をGithubにpushして公開になる。  
流れとしては

- terminal開く
- cd $HOME/Github/blog
- vim開く
- e strftime("md/%Y_%m_%d_%H_%M.md")
- ブログヘッダーをyamlでtitle,date,categoryを書く
- 中身書く
- 保存してvim閉じる
- git add && git commit && git push


この一連をVimrcにまとめたのが以下。楽になりました。


```vim
" Blog 
command! BlogNew call BlogNew()
augroup Blog
  autocmd!
  autocmd BufWritePost $HOME/Github/blog/md/*.md call BlogUpload()
augroup END

function BlogNew()
  let l:dir = $HOME . "\\Github\\blog"
  let l:file = strftime("md\\%Y_%m_%d_%H_%M.md")
  let l:header = "---\ndate: " . strftime("%Y/%m/%d %H:%M") . "\ntitle: \ncategory: \n---\n"
  execute "cd " . l:dir
  execute "e " . l:file
  execute ":normal i" . l:header
endfunction

function BlogUpload()
  let l:cmd = "git add md/*.md && git commit -m 'new md' && git push"
  echo system(l:cmd)
endfunction
```


Vimで楽にBlogを書く

- やりたいこと
  - `/blog/[$category]/[$index]`みたいなページをビルド時に生成したい
- やったこと
  - `/blog/[...id].js`のgetStaticPathsでがんばる
- つまずいたこと
  - `/blog/[id].js`ではネストしたパスのページは生成できない
- 気になること
  - `getStaticPaths`と`getStaticProps`で二回ポスト一覧を取得している
  - 関数の外で書けばいいだけ？今気づいたのであとでためす


```javascript
// pages/blog/category/[...id].js

export function getStaticPaths() {
  let ps = getPostList().map(p => getPost(p))

  let categoryList = [Category]
  let categorizedPosts = {CategoryName: [Post]}
  
  // カテゴリーの記事全部を10記事ごとにわけてページを作りたい
  let pageSliceLength = Math.ceil(categorizedPost.length / 10);

  // type Paths = [{params: {id: [path]}]
  // ファイル名が[...id].jsであればidがキーになる
  let paths = []
  for (let category in categorizedPost) {
    for (let index = 0; index < pageSliceLength; index++) {
      // /blog/[$category]/[$index] 
      const id = [category.toString(),index.toString()]
      paths.push({params: {id}})
    }
  }

  return {paths, fallback: false}
}

export function getStaticProps({params}) {
  const [category, index] = params.id

  const ps = getPostList().map(p => getPost(p)).filter(p => p.category == category)
  const posts = ps.slice(index * 10, index * 10 + 10)

  return {
    props: { posts, category, index }
  }
}
```


Next.jsで静的にネストしたルーティングでページを生成する

blogをがっつりリファクタリングしたらコードがすっきりしすぎて、今までやってきたことはなんだったんだ感があふれる。最初からやればよかったんだが、書きながら仕様を決めていくスタイルなので難しい。シンプルとはカオスを作り出した上で、そのカオスをリファクタリングしていくことによって生まれるのではないかと思う。


同じことばかりしていることは無駄ではなく洗練への通過点


ドチャクソかんたんなんのね、いまどき。HeadlessCMSなしでGitだけでブログエントリー追加していく感じなので良くも悪くもいつも通りな感じ。なじみがあるし、リッチコンテンツゼロなので必要十分。ドメイン買おうかどうしようかと微妙な悩み。一年で20ドルの微妙な出費が気になる。普通に安いと思うけどな。


[https://blog-kmtoki.vercel.app/blog](https://blog-kmtoki.vercel.app/blog)


VercelにNext.jsで作ったブログをデプロイした

 

Nextjsでブログ作ってる。悪くないんだけど、よくわからないところがあってよくわからない。getStaticPropsで作ったデータがトップのコンポーネントに渡されるわけだけど、そのデータはビルドタイムにもっているだけなのか、クライアント側でも持つことになるのか、どうなんよ。チュートリアルにそって愚直にやったらgetStaticPropsでブログ記事全部取得する感じになってしまったんだけど、クライアントのメモリにそれが全部乗るはめになりそうだが、はたして。描写はreact-infinitiy-scroll的なやつで下までスクロールするとオートロードする感じになっているので、描写さえしなければそう重くは無い気もするが、無駄な所をメモリに乗っけてる感じ気持ち悪い。普通にリンクのリストにしてクリックしたら、ファイル取得する感じが無難だろうなあ。なんだけど、2度手間が発生しそうでそれもそれで、要勉強。

 

はてなブログのエクスポートファイルをパーズするという無駄そうなコードを書いた。最初Powershellで書いて、途中だめだこれ。になってnodejsでnpmモジュール拾ってきてパーズした。pwsh好きなんだけど、自分の語彙が足りてなかったのでおとなしくnpmに頼った。htmlをmarkdownに変換するという微妙なコードが悲惨な感じに時間使った。正直Markdownじゃなくてオレオレフォーマットを作りたかったが妥協。欲しくなったらまた書けばいいかな。画像をリンクにして埋め込むの [![alt](img src)](a href) って書くのしんどいよ。テキストベースのフォーマットでなんかないの。



ブログなど今時のものじゃないんよ、でも、ほら、そう、僕はそれがいい

Powershellにおいて、.zshrcや.bashrcにあたるのがprofile.ps1。
echo $PROFILEにどこのパスに設定ファイルを置けばいいか書いてある。
自分の場合はC:\Users\Name\OneDrive\ドキュメント\PowerShell\Microsoft.PowerShell_profile.ps1だった。
profile.ps1に以下を書いた。



```ps1
Set-PSReadLineOption -EditMode Emacs -BellStyle None
Set-PSReadLineKeyHandler -Chord Ctrl+d -Function DeleteChar
Set-PSReadlineKeyHandler -Key UpArrow -Function HistorySearchBackward
Set-PSReadlineKeyHandler -Key DownArrow -Function HistorySearchForward
Set-PSReadLineKeyHandler -Key Tab -Function MenuComplete
function prompt {
  "$($pwd.path)`n> "
}

Set-Alias v gvim

```



___

Emacsキーバインドが使える。Windowsのコマンドラインで使えるなんて感動すら覚える。



```ps1
Set-PSReadLineOption -EditMode Emacs -BellStyle None

```



デフォルトのEmacsキーバインドそのままだとC-dがDeleteCharOrExitになっていて、空文字をC-dするとプロセスをexitする。そこをなしに。



```ps1
Set-PSReadLineKeyHandler -Chord Ctrl+d -Function DeleteChar

```



コマンド入力履歴を上下で辿るときにすでに入力している文字にマッチする履歴のみを辿る。zshっぽい。



```ps1
Set-PSReadlineKeyHandler -Key UpArrow -Function HistorySearchBackward
Set-PSReadlineKeyHandler -Key DownArrow -Function HistorySearchForward

```



既に入力している文字から補完候補一覧を表示して、その中から選択するような形で補完できる。zshっぽい。



```ps1
Set-PSReadLineKeyHandler -Key Tab -Function MenuComplete

```



プロンプト設定。色も付けられる。



```ps1
function prompt {
  #"$($pwd.path)`n> "
  "`e[34m$($pwd.path)`e[0m`n> "
}

```



いまだにvscodeに乗り換えられないの良くないのかもしれない。



```ps1
Set-Alias v gvim

```



これだけ設定するだけで十分に使えるようになった。




Powershellをいい感じに設定する

![f:id:bercriber:20210201201833p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/b/bercriber/20210201/20210201201833.png "")

オープニングが動いたしもういいやって感じになってる。  
どこを直していいかわからんから。  
私はこの笑顔を見るために頑張ったんだ...



ぴかちゅう

![f:id:bercriber:20210126164052p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/b/bercriber/20210126/20210126164052.png "")

 

作り始めて４か月...

16ビット演算系とdaaで死んでたな。

interruptとかtimerとかは通ってないのでまだ道のり遠く。



cpu_instrsテスト通った

ゲームボーイのDAA(BCD)完全に理解した

[archive.org](https://archive.org/details/GameBoyProgManVer1.1)



 

今更見つけた。。。

初期にこれ見つけれていればGBエミュを３倍くらい早く開発できた気がする。。。

なお、Confidentialのようです。



Bercriber's Blog