山岸和利 @ykzts@ykzts.technology

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

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

Haneru Developers https://haneru.dev/

先日Docusaurusのクラシックテーマに日本語の翻訳を追加するPull Requestを送りました。こちらがmergeされたので次のバージョンからはクラシックテーマのUIを日本語に切り替えられるようになるのではないかと思います。

feat(v2): add japanese translations by ykzts · Pull Request #4303 · facebook/docusaurus https://github.com/facebook/docusaurus/pull/4303

RTX 3060をしばらく前から狙っているのですが昨今の情勢から買えるのかどうか不安になっていますね。

わたしは地方の出身で都内の勉強会やカンファレンスへのアクセスのしやすさをうらやましく思っていました。なので情報の格差が生まれるような状況はあまり受け入れ難い。

なのでここ最近は勉強会やカンファレンスがYouTubeでも配信されるようになり、そしてアーカイブも残るようになり多くの人が広く見られるようになっていたのでよろこばしく思っていました。

しかしここ数週間は小規模な勉強会なんかだとClubhouseでやる人がちらほら増え始めていて残念に思っています。Clubhouseは招待制であること以外にもiOSのユーザーだけしかアクセスできない情報というのはやっぱり苦しい。

GitHub Pagesでカスタムドメインを使っていない場合は *.github.io というドメイン名になりますが当初は *.github.com というドメイン名でした。これはクロスドメイン攻撃のリスクを避けるのとフィッシングに使われるのを避けるという目的に基づくものでした。

互換性のために *.github.com から *.github.io にリダイレクトするようになっていましたがこの対応が今年 (2021年) の四月に終了になるようです。結果リンク切れになってしまうページがいくつか出てしまうのではないかと思いますが8年このリダイレクトの対応が続いたと考えれば対応する時間も多くあり、やむえないのでしょうね。

まだ修正していないリンクがある方はできる範囲で修正した方が良いでしょう。

GitHub Pages will stop redirecting Pages sites from *.github.com after April 15, 2021 - GitHub Changelog https://github.blog/changelog/2021-01-29-github-pages-will-stop-redirecting-pages-sites-from-github-com-after-april-15-2021/

私感ではあるのですがあまりにも大きな変更であるためパッチリリースでこのような変更をやめてもらいたかったという思いがあります。

webpack v5の切り替えが容易になっていたりyarn install時の時間短縮にも繋がるのでメリットある変更だとは思うのですが多くのプロダクトに影響が出てしまうのではないでしょうか。webpackプラグインを使っていない場合にはほとんど影響がないとはいえ使わざるを得ないプロダクトも多いのではないかと思います。

Next.jsには大変お世話になっている身でありながらこうしたことを言うのは大変恐縮ではあるのですが、こうした大きな変更はメジャーリリース以外ではやらないでもらいたかったです。

またNext.js v10.0.5以前ではpackage.jsonのresolutionsプロパティーにwebpack v5を追加するとwebpack v5が内部的に使われるようになっていましたがNext.js v10.0.6からnext.config.jsに

module.exports = {
// ...
future: {
webpack5: true
}
// ...
}

のように future: { webpack5: true } を追加させることによってwebpack v5が使われるようになります。これまでpackage.jsonのresolutionsプロパティーにwebpack v5を追加していた場合には修正が必要となるのでご注意ください。

先日Next.js v10.0.6がリリースされたのですが、パッチリリースなのですがとても大きな変更が加えられていて注意が必要です。

というのもNext.js v10.0.6からwebpackが同梱されるようになりdependenciesからwebpackがなくなりました。その結果としてnext.config.jsでwebpackの設定を拡張してプラグインを追加している場合にwebpackを見付けられないためエラーになってしまいます。

もちろんdevDependenciesにwebpackを追加すれば解決しますが、一点注意が必要な点があってwebpack v5ではなくwebpack v4を追加しなければならない点です。現時点のNext.jsはデフォルトでwebpack v4が使われます。

Release v10.0.6 · vercel/next.js https://github.com/vercel/next.js/releases/tag/v10.0.6

GitHub Actionsでscheduleイベントを使ってちょっとした定期実行処理をさせていたのですが、これをAWS Batchに移行させました。

GitHub Actionsのscheduleイベントは無料でかつGitHubとの連携がしやすいという理由で使っていたのですが処理開始までに数分の遅れがある点が気にかかっていました。またそれに加えてここ最近はどうにも処理が間引きされて実行されている様子で処理の漏れが発生してしまっていたので有料であっても安定したサービスに移行しようという動機でした。

ちょっと調べてみたところちょうど先日AWS BatchでFargateを用いたバッチの処理ができるようになっており試しに使ってみようとAWS Batchを選択しました。非常に簡単にセットアップができて大変満足ですね。

https://aws.amazon.com/jp/about-aws/whats-new/2020/12/severless-batch-scheduling-with-aws-batch-and-aws-fargate/

GitHubで任意のブランチの名前を変更する際に様々な設定がその変更に追従するようになったそうです。大変便利ですね。

Support for renaming an existing branch - GitHub Changelog https://github.blog/changelog/2021-01-19-support-for-renaming-an-existing-branch/

こちら技術書に関してわたしが四年前に書いた日記です。なつかしいですね。

2017年の春から開発者として働き始める人が読むべき技術書 | ykzts.blog https://ykzts.blog/2017/02/13/mandatory-technology-books

年末年始はコードを書かずにVTuberの配信を見て過ごしていました

誕生日プレゼントとしてAmazonほしいものリスト経由で獺祭をいただきました! ありがとうございます。

先週は誕生日だったのでお寿司を食べてきました。もう一皿あるのですがおいしそうだったので思わず写真を撮るのを忘れて食べてしまいました。

https://ykzts.technology/ をMastodon v3.3.0にアップデートしました。

https://ykzts.technology/ をMastodon v3.3.0rc2にアップデートしました。

Next.jsは確かにVercelで運用するのが手軽で簡単なのですがVercel以外では運用できないかといえばそのようなことは全くありません。

Next.jsはOSSです。Vercel Inc. に勤められている方だけではなく多くの人たちの協力によって成り立っています。実際に会ったこともないようないろんな国にいる様々な人たちが協力して作られているソフトウェアなのです。

だからこそNext.jsはVercelに依存しているという発言をされてしまうのはとても残念であり、あまり愉快ではありません。

BlurHashはUGC等でサーバーサイドのWeb APIから返される値に含ませるのが基本の形になるかとは思いますがLPの遅延読み込みで使いたいと思い作成しました。画像が大きいとビルド時にかかる時間が大きく増えてしまうのは難点ではありますが、良い感じに使えるものができたのではないかという自負があります。

少し必要にかられてBlurHashをwebpackでのビルド時に生成するblurhash-loaderを作成しました。

exampleのためにwebpack.config.jsを久し振りに書いたのですが結構うろおぼえになってしまっていましたね。最近はNext.jsやGatsbyのようなもの経由でwebpackの設定をいじっているので直接webpack.config.jsを書く機会はもうなくなっていて、そうなるとやはり厳しいものがありますね。

inabagumi/blurhash-loader: A blurhash loader module for webpack. https://github.com/inabagumi/blurhash-loader