Web制作

全 9 件 （1 件目～ 8 件目）

Web制作

ひよっこはnext/routerに枕を濡らす

Next.js初心者がuseRouterで困った話を残しています。すぐに解決しましたが、忘れないためにメモしています。

2025年03月06日 2025年03月22日

Web制作

ひよっこと見るforwardRefとuseRef

今回はひよっこといっしょにforwardRefとuseRefを見ていきます。デジタル庁のStorybookを見ていて初めて見たforwardRefと名前しかわかっていなかったuseRefを調べました！

2025年03月22日

Web制作

vercel devの際にローカルで環境変数を指定したい！

Vercel Functions を使ってサーバーレス関数で DB 接続を行っています。その際に、ローカルでは localhost でたてた PostgreSQL に接続するようにしたい、ということがありました。その時にぶつかった問題の解決メモです。

2025年03月02日

Web制作

Vercel FunctionsとFirebaseAuthentication（Emulator）の認証トークンで詰まった話

ID token has no 'kid' header; see https://firebase.google.com/docs/auth/admin/verify-id-tokens for details on how to retrieve a valid ID token というエラーを解決します！

2025年03月02日

Web制作

React+TypeScriptでお天気APIから情報を取得してみた！

ReactとTypeScriptを使って、お天気APIから情報を取得するWebアプリを作成しました。APIの安全な管理、GitHub Actionsを活用したテストの自動化、Netlify Functionsを使ったバックエンド処理など、開発の過程で学んだことをまとめています。初学者が「どこでつまずくのか」「どの技術に触れるのか」の参考になればと思います！

2025年02月07日 2025年02月07日

Web制作

ひよっこはFirebase Authenticationの単体テストを書きたい！

React+TypeScriptのひよっこ初学者がFirebaseAuthenticationのテストで躓いたエラーを紹介します。

2025年02月07日

Web制作

【CSS】色をまとめてダークテーマも対応！

CSSにおいて、色の管理とダークテーマへの対応方法について解説しています。色を名前で管理することで、手間を省きながら見た目を統一させることができます。また、ダークモード対応についてもメモしています！

2024年03月08日

Web制作

ホームページを作る！＃２〜現在の制作環境とツール〜

ホームページを作るシリーズ第二弾では、Windows10を使用して、マークダウン形式で記事内容を作成し、11tyを用いてHTMLに変換する流れを紹介しています。マークダウンとeleventyの利点に加えて、使用しているツールやレンタルサーバーについても詳細に解説しています。SimplenoteやVisual Studio Codeなどの便利なツールを使用することで、効率的かつ柔軟なサイト構築が可能です。また、FileZillaを使ったファイルのアップロードやエックスサーバーを利用したサイトの公開方法についても触れています。さらに、次回はeleventyについて詳しく見ていく予定ですので、お楽しみに！

2023年11月14日 2023年12月20日