🫑

🫑

miyabitti@ニート

Web Developer を目指しています

Astro 6 + Tailwind CSS を使用したパーソナルハブサイト。日々の技術的な気づきや、制作したポートフォリオ、外部の技術ブログ（Zenn等）へのリンクをこのタイムラインに集約しています。

GitHub miyabitti256 X miyabitti0256 Zenn miyabitti

Recent Timeline

View All
Zenn zenn

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

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

Zenn zenn

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

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

blog

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

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

blog

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

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

blog

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

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

Zenn zenn

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

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

note

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

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

#Astro #CSS #Typography
Zenn zenn

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

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

Zenn zenn

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

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

Zenn zenn

ToastUIって邪魔じゃね？

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

すべてのタイムラインを見る