Skip to main content
🧩

GitHubのリリースタグをトリガーにChrome拡張機能を自動アップロードする

· 10 min read

Chrome拡張機能の開発において、完成した成果物をZIP形式にまとめ、デベロッパーダッシュボードから手動でアップロードする作業は、頻度が高まると意外に大きな負担となります。 今回は、GitHub Actions を活用して、リリースタグ(v1.0.0 など)の作成をトリガーに、Chrome Web Storeへのアップロードを自動化する方法を紹介します。

🦖

DocusaurusのGitHub PagesデプロイをGitHub Actionsで自動化する

· 4 min read

前回の記事では、Docusaurus で作成したサイトを GitHub Pages に手動でデプロイする方法を紹介しました。

DocusaurusをGitHub Pagesで動かす
Docusaurusで作成したサイトをGitHub Pagesで公開する手順を詳しく解説。基本的な設定からデプロイコマンドの実行までをカバーしています。

今回は、さらに一歩進んで GitHub Actions を使い、コードを GitHub にプッシュするだけで自動的にデプロイされる仕組み を構築します。

🎨

DESIGN.md:AIエージェントと「デザインの意図」を共有するための新標準

· 5 min read

AIに「いい感じのUIを作って」と頼んでも、プロジェクト独自の色味や、角丸サイズといったこだわりまではなかなか再現してくれません。

この「AIと人間の認識のズレ」を解決し、AIエージェントを強力なフロントエンドエンジニアに変えるための新標準、それが google-labs-code/design.md です。

今回は、この DESIGN.md の仕様を本サイト sawara.me に導入し、Gemini CLI でどのように活用しているかをご紹介します。

🧠

AIの「記憶」をデザインする:Gemini CLI における GEMINI.md 活用術

· 4 min read

Gemini CLI を使って開発を進めていると、「さっきも同じ指摘をしたのに」「プロジェクトの規約を無視して別のライブラリを提案された」といった手戻りが発生することがあります。これらの問題の根本的な原因は、AIがプロジェクト特有の「文脈(コンテキスト)」を維持できていないことにあります。

AIを活用した開発フローを最適化するためには、チャットのたびに指示を繰り返すのではなく、AIが参照するコンテキストを Markdown ファイルとして定義しておくことが重要です。今回は、Gemini CLI の機能を最大限に引き出すための GEMINI.md 活用術を解説します。

🚀

Gemini CLI「Skills」入門:特定タスクに特化した専門知識をAIに持たせる方法

· 11 min read

Gemini CLIを日々の開発で活用していると、特定の定型作業(フレームワーク固有のコンポーネント作成、テストコードの自動生成、デプロイ手順の実行など)をより確実に、かつ効率的に行いたい場面が増えてきます。このような特定タスクへの「専門知識」をAIに持たせる仕組みが「Skills」機能です。

今回は、Skills機能の概要から実装手順、Gemini CLI上での確認方法までを詳しく解説します。

DocusaurusをGitHub Pagesで動かす

· 5 min read

DocusaurusをGitHub Pagesで動かす

このサイト(sawara.me)はDocusaursで作成し、GitHub Pagesでホストしています。

オープンソースのDocusaurusとオンラインプラットフォームのGitHubを組み合わせることで、無料で簡単にサイトを公開することができます。

今回はDocusaurusとGitHub Pagesという機能を使ったサイトの公開方法について紹介します。

Web快適度測定について

· 7 min read

Web快適度測定について

今回は、本サイト上でブラウザ上でベンチマークを行うことができる「Web快適度測定」というツールについて、なぜこれを作ったのか、そして中身はどうなっているのか、少しだけ深掘りして紹介してみようと思います。

このサイトについて

· 5 min read

Web快適度測定について

こんにちは。管理人の sawarame です。

このサイトは、個人的に日々の生活や仕事の中で「ちょっとこういうツールが欲しいな」と思ったものを形にして集めた、ツール集です。