【Next.js】 Zustandを用いた状態管理についてReact の状態管理ライブラリ Zustand の特徴を、useState + localStorage で書いたカウンターアプリとの比較で解説。persist での永続化まで含めたコード例つきです。2年前|技術
【JS】便利なconsoleメソッドについてconsole.log 以外の便利な console メソッドを紹介。table・group・dir・time・count・error・warn の使いどころを、実行結果の画像とコード例つきで解説します。2年前|勉強会
【Github】コミットの日時を変更して草が生えてる場所をずらす方法git commit --amend --date と rebase --committer-date-is-author-date で、コミットの AuthorDate と CommitDate を後から変更する手順。GitHub の草の位置をずらす方法を、確認コマンド付きで説明します。2年前|技術#GitHub
【Next.js】リンクカードの実装方法についてNext.js の App Router で Server Actions を使い、記事内のリンクから OGP を取得してリンクカードを生成する実装方法を、cheerio のコードと CSS つきで解説します。2年前|技術
Qiita × Snyk Meetupイベントに参加してQiita × Snyk のミートアップに参加した記録。Snyk の事業概要と、トークセッションで語られた Copilot の生産性検証や、Copilot と組み合わせた安全なコード生成について書いています。2年前|勉強会
【Next.js】Google Analytics4を導入してみたNext.js 13(App Router)のアプリに Google Analytics 4 を導入する手順を解説。gtag のセットアップ、計測用コンポーネントの実装、Vercel での環境変数設定までまとめました。2年前|技術
新卒エンジニアが地方からフルリモートで働いてみて新卒1年目から地方でフルリモート勤務をした経験談。この働き方を選んだ理由、良かったことと損したこと、リモートで意識すべきことを学生・転職検討中の方に向けてまとめました。2年前|日常
【Next.js】FontAwesomeを導入してアイコンを表示してみよう!Next.js 13 のアプリに FontAwesome を導入してアイコンを表示する手順を解説。必要なパッケージ、layout.tsx の設定、使いたいアイコンの探し方と書き方までまとめました。2年前|技術
【Rails6】 既存AppにTailwindCSSを導入しよう!Rails 6 の既存アプリに TailwindCSS を導入する手順を解説。tailwindcss-rails gem の追加から install コマンド、自動生成された設定ファイルの確認、再起動までをまとめました。2年前|技術