blog.livewing.net

JavaScript

2025/04/02
Next.js App Router のファイルシステムベースルーティングその1
Next.js App Router のファイルについて迷わないように、ファイルシステムベースルーティングについてまとめました。 ※経路を表す単語 Route と根を表す単語 Root のカタカナ表記はどちらも「ルート」となるので、混同を防ぐためこれらの単語は英語で書く場合があります。 App Router とは Next.js のルーティングは Pages Router と App Router...
2025/02/19
webpack と ESLint やめて Vite と Biome にした話
拙作の React 製 Web アプリケーションのバンドラーを webpack から Vite へ、リンター・フォーマッターを ESLint / Prettier から Biome へ変更した話をしようと思います。結構荒っぽいやり方ではありますが、どなたかの参考になれば幸いです。このアプリケーションは、記事執筆時点で 56 Stars 頂いており、 3 人の方がアプリケーションの翻訳に貢献してくだ...
2022/07/11
ブログを GatsbyJS から microCMS + Next.js に移行しました
GatsbyJS から Next.js へとブログシステムを作り直しました。 GatsbyJS から Next.js へ GatsbyJS は Easy であり、 Next.js は Simple であるフレームワークであると感じました。 GatsbyJS は簡単に静的サイトを生成できるフレームワークです。定型的な利用方法であれば GatsbyJS は静的サイト生成をものすごく簡単にしてくれます。...
2022/03/14
NodeCG + React で作る動的なライブ配信画面
NodeCG を使用して、動的なライブ配信画面を作成する方法を紹介します。 NodeCG とは NodeCG は Node.js とブラウザを使用して配信画面を作るフレームワークです。 OBS Studio (以下 OBS) などの配信ソフト単体では不可能もしくは難しい、動的なコンテンツを表示するのに使います。主な使用例として、 Games Done Quick や RTA in Japan など...
2021/05/08
GatsbyJS ブログ記事に楽譜を埋め込む
LilyPond を使用して、 GatsbyJS のブログ記事に自動で楽譜を埋め込むプラグインを作ってみました。 Markdown ファイルに LilyPond ソースコードを直接書くと、以下のように SVG 形式で楽譜を埋め込むことができます。楽譜作成ソフトから手動で SVG を出力して貼り付ける作業が不要になります。 ```lilypond:embed \version "2.22.0" \p...
2021/03/22
TypeScript でゼロから作るパーサコンビネータ
プログラミング言語などのコンピュータ言語を構文解析するパーサコンビネータを TypeScript で作ってみようと思います。既存のパーサライブラリは使用せず、すべて自作します。パーサコンビネータを実装した後、四則演算の式パーサや JSON パーサを作ってみます。書いてみると、意外と簡単です。「関数型言語」という言葉に謎にビビっている人もレッツトライ。パーサコンビネータとは小さなパーサ関数を組...
2020/11/06
GatsbyJS + TypeScript でゼロから作るサーバーレスブログ
当ブログでは GatsbyJS の Starter を用いてデザイン等を作っていましたが、 React と GraphQL を勉強したので、ブログシステムを自分好みにスクラッチから書き直しました。その時の作業をログとして残しておきます。 GatsbyJS とは GatsbyJS は静的サイトジェネレータ (SSG: Static Site Generator) の一種です。 React を使用して...
2019/11/27
GatsbyJS ブログの自動ビルドを AWS から GitHub Actions に移行しました
GitHub Actions が正式リリースされたので、当ブログの自動ビルドシステムを AWS CodePipeline + AWS CodeBuild から GitHub Actions へ移行してみました。 GitHub Actions とは GitHub Actions は、継続的インテグレーション (CI) を GitHub で直接行えるシステムです。今までは GitHub の外部に Je...
2019/08/07
ブログを VPS + WordPress から AWS + GatsbyJS に移行しました
せっかく AWS を使い始めたので、今まで VPS で運用していた WordPress ブログを AWS 上に移行し、 GatsbyJS でサーバーレス化してみました。発端 WordPress は広く使われているブログソフトウェアであり、簡単に使うことができるという利点がありますが、使っていくうちに以下のようなことを思うようになりました。ページが表示されるまで時間がかかる Jetpack 遅...
2017/12/08
押し寄せる「こんばんは」を迎え撃つ
この記事は TCU-CTRL場外乱闘 Advent Calendar 2017 8日目の記事です。また、本日 12/8 は著者りぶの誕生日です。プレゼントお待ちしています。ごあいさつこんばんは。挨拶は人間とコミュニケーションをとる上で重要です。 Wikipedia の「挨拶」の記事にはこう記されています。挨拶（あいさつ、儐とも書く）は、新たに顔を合わせた際や別れ際に行われる、礼儀として行...

タグ一覧アーカイブ

© livewing.net.