Timeline

Edge環境でブログ記事をSSRすな【初学者】

はじめに 今Next.jsを学習し始めると必ず遭遇するのが、RSC(React Server Components)や、CSR・SSR・SSG・ISR等の概念です。これらを正しく理解せず、「サーバー側でレンダリングすればSEOに有利になるんだろう」と、ある種魔法のように捉えていた時期が自分にもありました。 そして、昨今のフレームワーク製サイトを公開するとき、必ず候補に挙がるであろうホスティングプラットフォーム Vercel Netlify Cloudflare Pages / Workers AWS これらのプラットフォームの一部は、エッジランタイムという環境で動作します。 この...

AIに丸投げで記事を書きたい(願望)

! ただの日常の記録で、技術的な知見は一つも含まれていません。 また、あまり調べないで書いたので、もし既にあったらごめんなさい2 はじめに 最近のエージェント型AIの挙動をみていると、どうにも人間っぽい動きをするなぁと思うのです。 出力されるコードや文章の品質という意味ではなくて、振る舞いの話。ドキュメントを読みに行く、エラーが出たら原因を調べる、修正して再実行する。やっていること自体は人間のエンジニアと本質的に変わらない。当たり前なんだけど、それでもターミナルの向こうで自律的に動いている様子を眺めていると、ものすごい違和感と感動が同居する不思議な気持ちになります。 で、ふと思いま...

無料でDiscordBotを運用できる「Discord Hono」を使ってみた 【初学者向け】

常時稼働は出来ませんが、Cloudflare WorkersでDiscordBotを運用できるライブラリ「Discord Hono」を紹介します。

テックブログサイトを公開しました

Astro + TailwindCSS + StarwindUI + GSAPで構築したテックブログサイトを公開しました。技術選定の背景からこだわりのアニメーション実装、SEO対策まで詳しく解説します。

Astroネイティブなshadcn/ui、「Starwind UI」を使ってみた

AstroにAstro以外のUIライブラリを追加不要なshadcn/uiライクのUIライブラリ「Starwind UI」を紹介します

AstroでYouTube/Xの埋め込みとTeX/Mermaid図を表示させながら、Lighthouse 100点を達成した話

はじめに 少し前に公開した記事👇️ https://zenn.dev/miyabitti/articles/92a3e2e94356c1 で作成したAstroのサイトの詳細ページを作ったので、その内容を共有します。 この記事は概要版です。 各実装の詳細なコードやCSSは、自分のサイト上の記事で公開しています。 https://miyabitti.com/note/typography/ 本記事では、何をしたか・何が効いたか にフォーカスして全体像をお伝えします。 ! タイトルが気になる方は パフォーマンス最適化 — Lighthouse 100を目指して から見てください！ ...

Astroで記事詳細ページのタイポグラフィを実装する

AstroとTailwindCSSと、remark/rehypeプラグインで作成する、記事詳細ページのデザインを実装する方法

AIにMarkdownを書かせると太字にならない**「こいつ」**に対処する

! あまり調べないで書いたので、もし既にあったらごめんなさい AIにMarkdown（日本語）を書かせると、なぜか太字（強調）がパースに失敗することがあります。 こんな風に、**「ちゃんと ** で囲っているのに、なぜかプレビューではそのまま表示されてしまう」**ことがあります。 この問題、実はAIの「おせっかいなスペース」と、Markdownの仕様（CommonMark）の「境界ルール」という2つの罠が原因です。本記事では、この現象の正体と対策をまとめます。 検証用パターン これらが、成功したり失敗したりする例です。 1. スペース 半角スペース: ** スペースあり *...

Webサービスを作る上でRustを採用する必要ってほぼないよね

! 3/28追記：想定より多くの方にご覧いただき、貴重なフィードバックもいただきました。ありがとうございます。 いただいた指摘を踏まえ、Rustの強みについての記述を加筆し、開発コストに関する記述のバランスを修正しました。 この記事は「速いから」という理由だけでRustを選ぶのは違うかも、という初学者向けの言語選択の話です。 対象読者を明記せず、多くの方の貴重な時間を奪ってしまったことをお詫びします。 ! この記事は、にわか素人の戯言です。あと辛口なRust批判ではなく、言語選択の話です。 対象読者 基本的なプログラミングの概念を理解して、他の言語に手を広げてみようと考えている初...

ToastUIって邪魔じゃね？

はじめに とあるゲームをプレイしているとき、ミッションを達成する毎にToast通知が出てくるのですが、一気に複数ミッションを達成すると入れ替わりでずっと出続ける仕様で、しかもユーザー操作で引っ込ませることが出来ない。 このときToastの下に操作したいボタンがあったら？ ユーザーはストレスに感じる。(自分はストレスに感じた) しかも、そのToastを押してもミッションのページに移動できないので「それ、通知の意味ある？邪魔なだけじゃん」と思った瞬間、そもそもToastUIってどういう場面で使うべきで、どこからが"邪魔"になるのか、真面目に考えたくなりました。 ! 以降gif画像が出てき...

Astro 6 + Cloudflare Workersでサクっとサイトを公開した

出来たもの👇️ https://miyabitti.com はじめに 以前作って公開したブログサイト、 https://blog.miyabitti.com これがですね、一向にGoogle様にインデックス登録されないのです。 サイトを公開して半年以上経っているのに、検索に一切引っかからない。流石におかしいと思い、AIに「何がダメなのか教えてくれ」と聞いたところ、以下の5つを指摘されました。 記事数が少ない コンテンツの品質が低い SEOタグが未整備の可能性 ドメインパワーが全く無い GSC(GoogleSearchConsole)未活用 正直に言います。 1はド正論過ぎて何...

サイト構築ノート

パーソナルハブサイト

複数の発信媒体を統合するハブサイト。Astro 6 + Tailwind CSS で構築。

Discordの時報Botを大規模リファクタリングした話

はじめに 作って1年ほど放置していたDiscord Botが、気がついた頃、短時間で落ちるようになっていました。 ステータスメッセージに稼働時間を表示していたので気づいたのですが、以前は350時間以上安定稼働していたのに、60時間前後で落ちるようになっていたのです。fly.ioのメトリクスを確認したところ、原因は OoM(Out of Memory) ——メモリ不足でした。 もともとfly.ioの無料枠（メモリ512MB）で動かしていたので多少は覚悟していましたが、短時間で落ちるのはさすがにおかしいと思い、DBを見に行ったら、少数ながら使ってくれているユーザーがいました。サーバー情報...

GEMINI CLIでJSFuckエンコーダーを作ってみた

GEMINI CLIにRust + Wasmビルド を使って簡単なJSFuckエンコーダーを使ってもらった記録

Rustの「所有権」、名前が悪い 【初学者】

ほとんど書き終えたところで、タイミングよくより良い記事が投稿されていました；； そもそもこの記事も内容がガバガバで読みづらいと思うので、よければこちらも読んでみてください https://zenn.dev/moooda_dev/articles/0841f0cbdbe5db 本記事はRust初学者でとりあえず概念を理解したい方に向けたものになります。 はじめに Rustを学び始めると、多くの人が「所有権と借用」という壁に当たります。 「なぜ変数を代入すると元の変数が使えないのか？」 例えば、 fn main() { let a = String::from("Hello wo...

ブログサイト

SvelteKitを使って、かわいい感じのデザインでブログサイトを構築

【Pixio PX248 Wave/PS1S Wave】Pixioのゲーミングモニターとモニターアームを1年間使ってみた感想

Pixio PX248 WaveとPS1S Waveを1年使った感想をレビュー。200Hzモニターの実力・FPSでの見え方・設定の注意点・アームの使い心地を紹介します。

次世代の色指定「OKLCH」について知ろう！

直感的に扱えてアクセシビリティにも優れた色空間OKLCHの紹介。shadcn/uiでも採用されている理由とは？

爆速リンター・フォーマッター「Biome」を使ってみて！

Rust製の爆速ツールBiome v2の紹介。Type-aware lintingや、Svelte/Vueへの実験的対応についても解説。

AIに丸投げしてこのブログサイトを作った話

SvelteKitを使用し、パステルブルーのかわいいデザインで、Zenn風のマークダウン記法が使えるブログサイトをAIにゼロから構築させた記録

JavaScriptでマンデルブロ集合を超高倍率で探索できるサイトを見つけたので紹介します！

マンデルブロ集合を描画するサイトの紹介

VSCodeのターミナルにタイポしたゴーストが表示されてうざい

タイポ(タイピングミス)した履歴がターミナルに表示されて邪魔だなと思った話

時報Bot

毎日、定時にDiscordへメッセージを送信するBot。TypeScriptを使用してフルスタックな開発を行いました。