山岸和利 @ykzts@ykzts.technology

#因幡はねる さん関連のウェブアプリやウェブサービスの開発をしています。

わたしが作ったものは以下のページにまとめています。気に入ってもらえたらうれしいです。

Haneru Developers https://haneru.dev/

ですがv9.5.6-canary.3の時点では少しバグがあり期待した通りに動かなかったためいくつかのPull Requestを送らせていただいたところmergeしていただき、修正されたv9.5.6-canary.4がリリースされました。迅速に対応していただきありがたい限りですね。

Release v9.5.6-canary.4 · vercel/next.js https://github.com/vercel/next.js/releases/tag/v9.5.6-canary.4

先日からずっと注視していたNext.jsのImage Optimizerが含まれたNext.js v9.5.6-canary.3がリリースされました。現時点ではまだ最低限の実装ではありますが非常に協力で使い勝手が良くパフォーマンスの大きな向上も見込めるすばらしい機能かと思います。

Image OptimizerはimgixやCloudinaryのようなSaaSと同じく画像処理を行うWeb APIです。imgixやCloudinaryとは違って画像の拡縮やフォーマットの変換といった最低限の機能しか有していませんが一般的なWebページの用途では充分なのではないでしょうか。

Release v9.5.6-canary.3 · vercel/next.js https://github.com/vercel/next.js/releases/tag/v9.5.6-canary.3

Next.js v9.5.4がリリースされましたね。脆弱性の修正が含まれているリリースとなっていて全ての人がアップデートするべきものとなっていますね。

またNext.js v9.5.4には今のところunstableではありますがリダイレクト機能の追加も含まれています。getStaticPropsやgetServerSidePropsで

export const getStaticProps = () => Promise.resolve({
unstable_redirect: {
destination: '/example',
permanent: false
}
})

のようにunstable_redirectを追加すると任意のパスへリダイレクトさせられるようになります。

もちろんunstableなので変更になる可能性はありますが大変便利で使い勝手も良いので今後に期待ですね。

Release v9.5.4 · vercel/next.js https://github.com/vercel/next.js/releases/tag/v9.5.4

たまたま見付けたNextraという名前のNext.js製のドキュメント生成ツールなのですがTailwind CSSを使っていて見た目がそれなりに良く、またシンプルで軽快に動く様子でとても使い勝手が良さそうですね。まだできたばかりでNextra自体のドキュメントも書いている途中な様子なので時間を見て試してみたいと思います。

Nextra – Nextra https://nextra.vercel.app/

Twitterやニコニコ大百科でいろんな人たちがケンカをしていてとてもかなしい。

Next.js v9.5.3からLinkコンポーネントやrouter.pushなどで使われるasが不要になっていて簡単な記述で簡潔させられるようになっていて大変便利ですね。

Add initial handling for dynamic route href resolving and rewrites on the client by ijjk · Pull Request #15231 · vercel/next.js https://github.com/vercel/next.js/pull/15231

Just got my free ticket to #nextjsconf, grab yours! Let’s build a better web with #nextjs: https://nextjs.org/conf/tickets/ykzts @​vercelより

GitHub CLI 1.0 is now available - The GitHub Blog https://github.blog/2020-09-17-github-cli-1-0-is-now-available/

いつの間にかGitHub Container RegistryにリポジトリのREADMEが表示されるようになっていましたね。DockerfileにリポジトリのURLをラベルとして書き加える必要がありますが簡単に連携できてわかりやすいのでありがたいですね。

国際的に有効な身分証明書を持っていなかったためGitHub Sponsorsを使えるようになるまでしばらく時間がかかってしまいましたね。どうするかしばらく考えた結果、個人番号カードの取得をしました。

My GitHub Sponsors profile is live! You can sponsor me to support my open source work 💖 https://github.com/sponsors/ykzts?o=sd&sc=t

GitHubのWeb UI上にスポンサーリンクを追加させる .github/FUNDING.yml はしばらく前から使わせていただいてましたがPreviewができるのには気付いていませんでしたね。

Docker Quizはこちらから挑戦できます。

https://twitter.com/hatenatech/status/1302845698732249089

遅ればせながらDocker Quizに挑戦してみたのですがだいぶてこずりましたね。しっかりと時間を計測したわけではありませんがQ7だけに一時間くらいかけてしまいました。

GHCRはドキュメントにはありませんが https://github.com/manaelproxy/manael/blob/v1.7.1/.goreleaser.yml#L31-L41 のように org.opencontainers.image.* のラベルを追加しておくとWeb UI上にいくつかの情報が表示されるようになっています。わたしが確認できているのはソースコードへのURLとdescriptionのふたつだけですね。ほかにもあるかもしれませんが。

ManaelのDockerイメージはこれまでDocker Hubにpushしていましたが無料プランの場合に保管期間に制限が加えられるようになったためGitHub Container Registryにもpushさせるようにしました。

現在はDocker HubとGitHub Container Registryの両方にpushしていますがManael v2をリリースした際にDocker Hubへのpushは取り止めて以降ではGitHub Container Registryのみにpushさせるようにするつもりでいます。とはいえv2の計画は一切立てられていないのでしばらくは現状維持でしょう。

Package manael https://github.com/orgs/manaelproxy/packages/container/manael

個人設定や組織の設定で明示的に変更していない限りGitHubのデフォルトブランチの初期名称がmainになるようですね。masterという名称はいかがなものかという話が最近よく出ていたのでいよいよか、という感じですね。

わたしが管理しているリポジトリの内、今でも手をかけているアクティブなものは全てデフォルトブランチの名称をmainに変更済みです。機械的な置き換えも比較的容易ですし、やらない理由の方が少ないかな? という判断を下していました。

Set the default branch for newly-created repositories - GitHub Changelog https://github.blog/changelog/2020-08-26-set-the-default-branch-for-newly-created-repositories/

いつの間にかGitHub Codespacesが使えるようになっていました。

iOSのSafariでも使えそうなので外出時に便利そうですね。外に出れるかどうかは別にして……。

自身のブログにDocSearchを導入しました。

元々このブログはTumblrで運用されていたのですがいろいろと思うところがあってTumblrに移行した際に実装の手間を厭って検索機能を落としていました。記事数がさほど多くはないとはいえ自分で過去に書いた記事を探す際に不便なのでできれば復活させたいと考えていましたが存外時間をかけてしまいました。

DocSearchの公式のクローラーはドキュメントを対象としていてブログは対象外なのでDocSearch Scraperを自前で動かしています。公式にDockerイメージが提供されているのでGitHub Actionsから簡単に動かせるのがありがたいですね。

ykzts.blog | ykzts.blog https://ykzts.blog/

DocusaurusにMarkdownで個別ページを作れる機能が追加されましたね。これまでもドキュメントやブログはMarkdownで書けましたがそれ以外のページ……例えばプライバシーポリシーなどはこれまでJSXで文書構造を組み立てなければなりませんでしたがMarkdownで簡単に書いて提供できるようになりました。

JSXと比べるとどうしても自由度は減りますが個別ページにそこまで求めないという人も多いのではないでしょうか。

feat(v2): markdown pages by slorber · Pull Request #3158 · facebook/docusaurus https://github.com/facebook/docusaurus/pull/3158