この記事はZennでも公開しています。 TMUX入門：ターミナルマルチプレクサーの基本と実践的な使い方 TMUX公式ロゴ（出典） 公式ページより：ウィンドウ分割の例（出典） はじめに TMUXは、ターミナルセッションを管理するための強力なツールです。この記事では、TMUXの基本的な使い方から、実践的な活用方法まで詳しく解説します。 TMUXとは TMUX（Termina...

この記事はZennでも公開しています。 VSCode で GitHub スタイルのアラートを実現する「Markdown Alert」拡張機能の使い方 [!NOTE] この記事は 2025 年 6 月 2 日に公開されました。 はじめに GitHub の Markdown で使用できるアラート構文を VSCode でプレビューできる「Markdown Alert」拡張機能に...

この記事はZennでも公開しています。 WakaTimeで開発時間を可視化：モチベーション向上のための実践ガイド はじめに 開発者の生産性とモチベーションを向上させるためのツールとして、WakaTimeは非常に効果的なサービスです。この記事では、WakaTimeの基本的な使い方から、モチベーション向上のための活用方法まで詳しく解説します。 WakaTimeとは WakaTime...

この記事はZennでも公開しています。 Badgenで作る美しいバッジ：GitHubプロフィールを彩る実践ガイド はじめに GitHubプロフィールをより魅力的にするためのツールとして、Badgenは非常に便利なサービスです。この記事では、Badgenの基本的な使い方から、実践的な活用方法まで詳しく解説します。 Badgenとは Badgenは、シンプルで美しいバッジを生成する...

この記事はZennでも公開しています。 Obsidian で実践する Zettelkasten：最適な設定とプラグイン活用ガイド はじめに Obsidian は、ローカルで動作するマークダウンベースのノートアプリケーションです。この記事では、Zettelkasten メソッドを実践するための最適な設定と、お勧めのプラグインについて紹介します。 フォルダ構造 📁 vault/ ├...

この記事はZennでも公開しています。 Chrome 拡張機能「ReClip」の開発記録 はじめに YouTube の動画リンクを簡単に保存して後で見返せる Chrome 拡張機能「ReClip」を開発しました。このプロジェクトは、AI を活用したコードエディタ「Cursor」を使用して開発を行いました。この記事では、開発の背景、機能、開発過程、そして得られた成果について詳しく解説...

この記事はZennでも公開しています。 Zenn の記事を GitHub Pages に自動同期する CI の構築方法 はじめに Zenn で記事を書いていると、同じ内容を GitHub Pages のブログでも公開したい場合があります。この記事では、GitHub Actions を使用して、Zenn の記事を自動的に GitHub Pages のブログに同期する CI の構築方法...

この記事はZennでも公開しています。 Zenn と GitHub の連携方法と zenn-cli の使い方 はじめに Zenn は、エンジニア向けの技術記事プラットフォームです。GitHub との連携により、記事の管理や執筆がより効率的になります。この記事では、Zenn と GitHub の連携方法、および zenn-cli のインストールと使用方法について解説します。 Zen...

この記事はZennでも公開しています。 はじめに この記事では、郵便番号から住所を検索する Web アプリケーションの開発過程について解説します。Next.js を使用し、2 つの異なる実装アプローチを試みた経験を共有します。 プロジェクトの背景 郵便番号検索は、多くの Web アプリケーションで必要とされる基本的な機能の一つです。このプロジェクトでは、以下の点に注目して開発を行...

Cursorの使用体験 この数日間、CursorというIDEを使用して開発を行いました。Cursorは非常に使いやすく、コードの補完やデバッグ機能が充実しています。特に、AIによるコード生成や修正の提案が便利で、開発効率が大幅に向上しました。 主な特徴 コード補完: 入力中にリアルタイムでコードの候補が表示され、開発がスムーズになります。 デバッグ機能: エラーの特定が容易で...