はてなブックマーク

Git の操作は GUI だと分かりやすいが、何度も行う定型操作はコマンドのほうが速くて楽なので エイリアスをいろいろ登録している。 git コマンドはシェルの alias に記述することもできるのだが、.gitconfig 自体に[alias]があり、コマンドのネームスペースを分けたいので自分の場合はこちらで管理している。シェルの方にはalias g='git'だけ設定して、g aaといった感じの運用をする。 https://github.com/miyaoka/dotfiles/blob/master/.gitconfig ブランチの切り替えなど候補を出してインタラクティブに選択するところは fzf を使用する前提のコマンドになっている。 CLI でやるなら tig 使えばいいじゃないかという話でもあるが、以前 windows で使えなかったというのもあるので結局 alias を使う運

サイトパフォーマンスを最適化するため、export 時に Next.js のランタイムを全部抜いた。 どういうことか？ このブログは静的書き出しをしているので、ただの静的なドキュメントといえる。だが Next にしろ Nuxt にしろ、書き出したページをブラウザで読み込むと JS アプリケーションとして振る舞うために Hydration 処理が行われる。これをするために JS モジュールの読み込みや Scripting 処理の負荷が発生する。 書き出された HTML には Hydration 処理用に JS モジュールやシリアライズされた state が挿入されている ピュア HTML を目指して しかしこのブログはドキュメントでありアプリケーションではないので、ほぼ JS を動かす必要はない。state は不要だし、client-side routing も要らない（先読みに必要かもだが

このブログを作ってからというものの、格段に記事をアウトプットする速度が出るようになったので、編集ツールについて振り返りたい。 Medium Medium の投稿画面 Medium が出てきたときは、かなり良かった。既存のブログはだいたいゴテゴテしていて野暮ったかったのに対して、記事としての体裁がしっかりした見栄えになるのでちゃんとした文章を書こうという気になった。 なにより編集画面の圧倒的なシンプルさがそれまでになく良かった。同時期に Dropbox Paper なども同様に編集作業にフォーカスしたスッキリしたプロダクトで垢抜けていたという印象がある。どちらも複数人で運用するコラボレーションツールという需要もあった。 駄目だったのはやっぱりフォント周りやコミュニティが日本語用のサービスじゃないなというところと、あと記事の表示時にモーダルが出るようになったところ。 note Note の投稿

Zenn が Web Components を使って tweet を表示するようにしていたので、見習ってこのサイトにも取り入れてみた。 Web Components を利用した Zenn マークダウン部分の改善について 🔗 zenn.dev ZennEditor 内のコード 🔗 github.com 比較 何が良いのか？ 埋め込みコードの良くないところ <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ほぼだいたい完全に理解した</p>&mdash; miyaoka / STUDIO (@miyaoka) <a href="https://twitter.com/miyaoka/status/1346720500387438593?ref_src=twsrc%5Etfw">January 6, 2021</a></bloc

村上春樹のダンス・ダンス・ダンスという小説に文化的雪かきというフレーズが出てくる。 ダンス・ダンス・ダンス (講談社文庫) 🔗 www.amazon.co.jp 「穴を埋める為の文章を提供してるだけのことです。何でもいいんです。字が書いてあればいいんです。でも誰かが書かなくてはならない。で、僕が書いてるんです。雪かきと同じです。文化的雪かき」 フリーライターである主人公こと「僕」が牧村拓という小説家に自身の説明をするときの言葉だ。（ちなみに牧村拓 -MAKIMURA HIRAKU- は村上春樹のアナグラムだ（と、wikipedia で知った）） このフレーズは印象深く、作中でも牧村拓に面白いと評されている。 「その雪かきという表現は君が考えたのか？」 「俺がどこかで使っていいかな？その『雪かき』っていうやつ。面白い表現だ。文化的雪かき」 で、最近このブログを作っていたら技術的盆栽というフ