Keyaki Labs Media

記事 56 ・ 動画 10 ・ 更新 5

自分で触って、詰まって、
分かったことだけを書いています。

生成AIを毎日使って、作って、失敗している人間の記録です。 他所で読んだことの要約は置きません。

このサイトについて →

すべて

71 件
VIDEO

これ1本で、使い始めから使いこなしまで｜インストール・CLAUDE.md・スキル・MCP・自動化まで通しで

Claude Codeの使い始めかたから、使いこなすために何をすればいいかまでを1本にまとめた回です。デスクトップアプリのインストール、権限モード、CLAUDE.md、スキル、サブエージェント、フック、MCP、作業用フォルダの育て方、定期タスクによる自動化までを通しで扱います。

ARTICLE22 min read

Claude Codeを使うなら知っておきたい「Webアプリ」の話

Claude Codeに「サイトを作って」と頼むと出てくるファイルが、どこに何を置いているのか。実際に作らせたコーヒー屋のサイト1つを、いいねボタンを足す→フォルダを2つに割る→Next.jsへ引っ越す、と育てながら、フロントエンド・バックエンド・データベース・フレームワークの位置関係を地図にします。コードは1行も書きません。

VIDEO

Claude Codeを使うなら知っておきたい「Webアプリ」の話｜1つのサイトを育てながら、フロント・バック・DBを見る

Claude Codeに作らせたコーヒー屋のサイト1つを、いいねボタンを足す→フォルダを2つに割る→フレームワークへ引っ越す、と育てながら、サーバー・フロントエンド・バックエンド・データベースの位置関係を1枚の地図にした回です。コードは1行も書きません。

ARTICLE34 min read

AIが全部書くなら、技術スタック選びはもっと楽しくなる

AIが全部コードを書いてくれるなら、技術のことは知らなくていいのか。知らなくても作れますが、知っていると選べます。Next.js・Ruby on Rails・Laravel・Django・Rustの5つについて「どういう性格で、だからどういう時に相性がいいのか」を並べました。習得の難しさがネックだったRustが、AIが書く時代にどう見え方を変えるかまで。

VIDEO

ノートの置き場所をGitHubにした「Marten」｜書く・つなぐ・見返すを画面で全部見せます

ブラウザで開くだけで使えて、書いたものは自分のGitHubに保存されるノートアプリ「Marten」の機能を、画面で一通り見せた回です。基本操作・同期・アクティビティ・HTMLプレビュー・マインドマップ・バックリンク・分割表示・ビューまでを扱います。

ARTICLE29 min read

Claude Codeを使うなら知っておきたい「API」と「MCP」の話

Claude Codeが、自分のパソコンの外にあるGoogleドライブまで読めるのはなぜか。その仕組みはAPIとMCPの2つで説明できます。同じ中身が人間向けの画面とプログラム向けのデータの2つの形で出てくることをブラウザで確かめ、そのうえでGoogleドライブをコマンド1行も打たずにClaude Codeへつなぎます。つないだあとに確認すべき3つのことまで。

VIDEO

Claude Codeを使うなら知っておきたい「Git」と「GitHub」の話｜AIが裏で打っているgit commitの正体

Claude Codeに任せていると流れていく git add / git commit という文字。あれが何をしているのかを、買い物メモのテキストファイル1つで仕組みから説明した回です。公開リポジトリをブラウザとターミナルの両方から見て、同じものだと確かめるところまでやります。

ARTICLE24 min read

セッション同士で会話ができる！Claude Codeの機能、ご存知ですか？

2026年8月7日に入ったばかりのクロスセッションメッセージング。別のターミナルで動いているClaude Codeに伝言を送れる機能です。渡るのはテキストだけという仕様、同じPC内ならAnthropicのサーバーを経由しないこと、そして実際の使い方——チャットに来た依頼を人間が担当セッションに貼り付けていた作業が、窓口セッションを立てることで丸ごと消えた話まで書きました。

ARTICLE21 min read

Claude Codeを使うなら知っておきたい「ターミナル」の話

Claude Codeを入れてみたものの、出てきた黒い画面の前で止まってしまった方へ。覚えるコマンドはpwd・ls・cdの3つだけです。ターミナルの開き方から、Claude Codeが「起動した場所しか見ていない」という最重要ポイント、Ctrl+Cでの止め方、つまずきやすい3つのケースまで一通り押さえます。

VIDEO

Claude Codeを使うなら知っておきたい「ターミナル」の話｜黒い画面が怖くなくなる基礎知識

Claude Codeを入れてみたものの、出てきた黒い画面の前で手が止まってしまった方へ。覚えるコマンドはpwd・ls・cdの3つだけ、止め方はCtrl+Cだけ、という前提で、ターミナルの開き方から「Claude Codeは起動した場所しか見ていない」という最重要ポイントまでを実演した回です。

ARTICLE2 min read

複数のAIコーディングツールを使い始めて、使用量が見えなくなったので可視化ツールを作った

Claude Code、OpenCode、Gemini CLIと、複数のAIコーディングツールを使い分けるようになってから、「自分は何をどれくらい使っているのか」がまったく見えなくなりました。ツールごとに管理画面もバラバラで、全体を把握する手段がない。そこでローカルで動く可視化ツールを自作しました。