この連休に「Claude Code」を一気に勉強しようと思っている人向けに、「これを上から順番に見切ったらClaude Codeにめちゃくちゃ詳しくなれる」という記事・動画ガイドを作りました。 14のステップごとに記事・動画を紹介しており、「まず全体像をつかみ、土台を整え、育て方を学び、応用とチーム展開まで広げる」という流れを押さえられるようになっています。 ぜひ「このGWこそはClaude Codeを学ぶぞ」と思っていた方はご活用ください。 連休明けには「Claude Codeが自分の業務環境の真ん中に座っている」という状態になっているはずです。 1. 2026年、もはやClaude Codeはエンジニア以外も全員が使うべきツールになったなぜ非エンジニアこそClaude Codeを使うべきなのかを全体像から解説した記事です。プロジェクトフォルダ／`CLAUDE.md`／Skillsの三層

Claude Codeは、便利なチャットではありません。 設定、文脈、検証、自動化、並列化まで設計すると、日々の作業環境そのものになります。 この記事では、手元にあるClaude Code運用メモを土台に、Anthropic公式ドキュメント、Claude Help Center、GitHub Actions、MCP、Hooks、Skills、Subagents、非対話モード、情報収集ワークフローまで整理しました。 2026年5月4日通知この記事は全文無料（期間限定）で閲覧できます。 見出し画像はAIで生成しました。 プロンプトはこの記事に掲載中。 Claude Codeは「会話相手」ではなく「作業環境」ですClaude Codeを使いこなせない原因の多くは、プロンプトの上手さではありません。作業環境として扱えていないことです。 公式ベストプラクティスでも、Claude Codeはファイルを

はじめに 2026年4月17日（米時間金曜）、Anthropicが Claude Design を research preview として発表 自然言語でプロトタイプ・スライド・モックアップ・LPを作れる、Claude Opus 4.7ベースの新機能 競合は Figma Make / v0 / Lovable / Bolt / Google Stitch / Gamma / Canva 発表前後で Figma -6% / Wix -4.7% / Adobe -2.7% / GoDaddy -3% と市場は結構まじめに反応 「Webデザイナー・フロントエンドの仕事が丸ごと消える」のではなく、「初稿を作る工程」と「単純なUI実装」から先に溶ける、というのが現時点での実際的な読み 普段はClaude CodeやAIツール周りの記事を書くことが多いのですが、今回は界隈としてインパクトが大きかった

この記事は 期間限定で全文無料で閲覧できます。 前回の記事「PMはスキルエンジニアリングを極めるべし」では、PMが今やるべきはモデル競争を追いかけることではなく、自分の業務をSKills化する力を磨くことだという話をしました。 今回はその続きで、「じゃあ実際にどうやってスキルを作るの？」という具体的な方法を解説していきます。エンジニアではない方でも作れるように、考え方から手順まで丁寧に書いていきます。 そもそもSkillsとは？Skillsは、よくやる作業手順や知識をまとめた「スキルファイル群」を作っておくと、AIがそれを読み取って実行してくれる仕組みです。 今回はClaude Codeを使った作り方を解説しますが、SkillsはClaude Code固有の機能ではありません。CodexやCursorなど、他のAIコーディングツールでも同じ考え方で進められます。スキルの設計や構成の仕方は共

Google Stitch、話題になってますよね。 ただ、デザイナーじゃない自分からすると 「すごそうだけど、結局なにができるの？」 がよくわからなかった。触ってみたいけど、何から手をつければいいかもわからない。 同じように感じている人、けっこういるんじゃないかと思います。 なので、非デザイナーの私が実際に触りながら「こういうやれば、だいたいわかる」というハンズオンマニュアルを作りました。 あくまで"だいたい"です！！ この記事の通りに手を動かしてもらえれば、Google Stitch がどんなものか、なんとなーく掴めると思います。よければ使ってください。 そもそも Google Stitch って何が話題なの？Google Stitch のすごいところは、簡単にいうと3つだと私は思っています。 AIネイティブなデザインキャンバス: テキストや音声で指示するだけで、無限キャンバス上にUIデ

Claude Codeが目まぐるしいですね…！ 今回はClaude Code to Figmaによるデザイン制作をしてみての感想や今後のUI/UXデザイナーの役割を考えてみたいと思います。 Claude Code to Figmaでやったこと今回試したフローはざっくりこんな感じです。 セットアップ：Claude CodeにFigma MCPを接続する デザインシステムの用意：GoodpatchのSparkleをFigmaライブラリとして使用 Claudeで作成：要件を渡してReactコードを生成、Figmaに書き出し それぞれ詳しく書いていきます。 実際の手順セットアップセットアップはkenさんの以下のポストを参考にしました。非エンジニアにも丁寧に解説されているのでおすすめです。 大まかな流れはこうです。 Claude Codeデスクトップアプリをインストール ターミナルでClaude C

社内のチームメンバー(クラウド事業本部コンサルティング部)向けに 「 Claude Code Skills (Agent Skills) 勉強会 」を開催しました。 DevelopersIO向けに調整したスライドを掲載します。 スライドの内容:テキスト情報を以降に記載します。参考になれば幸いです。 勉強会の目的 勉強会の背景やゴール、アジェンダを連携します。 背景 Skills がアツいです🔥 Claude Code (AIエージェント)の動きを 自分好みにカスタマイズ できる拡張機能 手軽に作れて、手軽に共有できます この勉強会のゴール 参加者全員が Skills をセットアップ して、基本的な使い方を理解する 普段の業務での活用方法を参加者全員で探索 する 参加者の知見やアウトプットを引き出す 期待する成果 この時間: Skills のセットアップ完了 + 基本的な使い方の理解 今後

AIテーマのPodcastエピソードの記事版です！ ジェネトピ(Generative AI Topic)は、明日から試したくなるリアルなAI活用秘話を、雑談感覚でゆるく学べるPodcastです！ Spotify Youtube Apple Podcast 最新動向をウォッチしている人以外にも、AIを身近に感じられるコンテンツを作りたいと思いPodcastを始めました。エピソードの内容を記事にしてお送りします。 Claudeって結局何がいいの？ ChatGPTをメインで使っている方も多い中、最近「Claude Code」が話題になっていますよね。Xでは「Claude Codeを使わないとヤバい」という声も聞こえてきます。 そんな流れの中で、「Claudeに追加で課金すべき？」「ChatGPTからClaudeに乗り換えた方がいいの？」という疑問を持っている方も多いのではないでしょうか。 今回は

こんな感じで、おおまかに数十件アカウントを登録したリストを作って日々眺めていれば、その方々のリポストで違う方の投稿が流れてきたりもするので、良いなと思ったらそこでリストにも追加したり、楽しくリストを育てています。 加えて、自分と同じ分野でAIを活用されている方々を追加するのも刺激になります。私は日本でWebアプリケーションの開発をしているので @mizchi さん @t_wada さん @laiso さん @azukiazusa9 さんなどの開発者の方々のポストも見ています。 最近はローカルLLMにも興味があるので @ollama や @Alibaba_Qwen も入れてみようかなと思っています。 ポストが英語なんだけど！ AI関連の情報はだいたい英語です。 私は英語弱いですが、XはポストごとにGrok翻訳UIがついているおかげで快適に読めます。ありがとうイーロンマスク…（AIリストにアカ

高山羽根　Haneko Takayama @HighMt_HNK 昔、アパレル系のモバイルショップのサイト作ってて、色の選択肢のプルダウンに、店舗のおっちゃんが青/桃って書いてよこしていたのを商品の実物見ず写真だけで適当に「シルクロードブルー/サンセットピンク」とか入力してめちゃんこ売上伸ばしたことある（言葉de商売） 2026-02-21 18:23:35

はじめに：Geminiとの対話は「知的資産」だ 日々、プログラミングのデバッグやアイデア出しに Google Gemini を活用している方は多いと思います。しかし、その膨大なチャット履歴、「使い捨て」にしていませんか？ Gemini の履歴は、自分の思考プロセス、ハマったエラー、解決策が詰まった「知的ライフログ」そのものです。しかし、標準の履歴機能やキーワード検索だけでは、「あの時どうやって解決したっけ？」「最近の自分、どんな技術に触れてた？」といった俯瞰的な分析や文脈検索は困難です。 そこで、「Gemini の全履歴を NotebookLM に読み込ませて、自分専用の最強検索＆分析AIを作る」ことを試みました。そのための Python ツールも自作し、OSS として公開しましたので紹介します。 課題：JSON は NotebookLM に優しくない Google Takeout を使え

こんにちは。IT企業でAI活用推進をやっているうえむらです。生成AIを使ったスライド作成を「これからやってみようかな」と思っている人向けに、チュートリアル記事を書いていきます。 (※1) 本記事ではNotebookLM編を扱います。Gemini編については別記事で紹介予定です。 (※2) 2026年2月時点のNotebookLMの機能に基づく記事となります。 対象読者本記事は、GeminiやNotebookLMを使ったことはあるけれど、プレゼンスライドを作成した経験がない方を対象にしています。以下にひとつでも当てはまる方はぜひ続きを読んでみてください。 GeminiやNotebookLMで文章の要約や壁打ちはやっているが、スライド作成には使ったことがない プレゼン資料を作る必要があるが、PowerPointやGoogleスライドでゼロから作るのは時間がかかると感じている デザインセンスに自

1. 【課題】「ただの検索」から「文脈を理解した対話」へ 前回はデータの準備をしましたが、今回はそのデータを**4人の専門家（エージェント）**として動かし、毎日使えるレベルまで効率化します。 過去の記事で、 Gemini の全履歴を NotebookLM に集約し、検索・分析ができる環境を構築した話を載せました。 確かに NotebookLM 上での検索は強力です。ですが、チャットの度に、例えば記事の原稿にするためならば「〇〇の文体で書いて」と指示し、自己分析のためならば「過去の私の傾向からアドバイスして」と指示することになりますが、繰り返す使う目的の場合でも毎回資料と指示を指定する必要があり、手間が掛かってしまいます。また、 NotebookLM のノートブックでは 2025年後半からチャットの履歴を残すことも可能になりましたが、よく使うノートブックがあるとその履歴の中に様々な目的のチ

【全文公開】Genspark AIスライド「改造プロンプト」 - パワポ並の「使える」ビジネス資料にする命令文テンプレート 【Before】詰め込み過ぎのGensparkスライド いいけど、１スライドに情報を詰め込み過ぎている・・・↓ 【After】１テーマ＝１スライドの原則に則って作り直させる シンプルなレイアウト。グラフも付けてくれた使用した「Gensparkスライド改造プロンプト」の概要（全文） #1.対象者を意識 - 「シロウトにもわかりやすく」：専門知識がない人でも理解できる言葉で説明する - 専門用語や複雑な概念はかみ砕いて説明する - 情報密度を適切に保つ #2. スライド1ページに情報を詰め込みすぎない - 1つのトピックやテーマは1ページで完結させる - 関連する内容でも、別々の要素は別のスライドに分ける （例：「安全性のポイント」と「安全性の具体例」は別々のスライドに）

仕事のプロジェクトを進めるうえで意外と見逃されがちなのが、プロジェクトに取りかかる以前の「計画（構想）」のフェーズ。 『ベルリンうわの空』などの作品で知られる漫画家の香山哲さんは『香山哲のプロジェクト発酵記』の中で、新たな漫画連載を計画する際のプロセスを丁寧に解説しながら、「計画」の意義と重要性を説いています。そしてその「計画」の手法は、漫画制作だけでなく普段の仕事や趣味にも活用できるもの。 インタビューの前編では、香山さんが実際に漫画連載を計画するプロセスを紹介しながら、そのなかで注意すべきことをお伝えします。 ※前・後編の前編です（↓後編はこちら） 漫画家・香山哲さんが語る、作品を「計画」する技術。仕事に活用するための視点とは - ミーツキャリアbyマイナビ転職 香山哲（かやま・てつ）さん。漫画家。1982年、兵庫県生まれ。信州大学生物科学科卒業後、神戸大学大学院医学系研究科修士課程中

最近Youtubeのラジオ配信にハマっていて、おすすめを書くのでみんなのおすすめも教えてほしい 【ありっちゃありスパーク】オモコロ編集長こと原宿さんと、イラストレーターの室木おすしさんの２人のラジオ番組 一番長く聴いているラジオ番組で、かなり長いシリーズもの（400本以上投稿されている） ２人のおっさんが小一時間しゃべるだけだが、生活の話とか子供の話とかちゃんと聞くと身に染みる話が面白い あと、名物企画「いる人」と「あの事件」っていう視聴者から募集した投稿企画もあって、たまに神回があるものいい ただ最近２人とも売れてきて編集の手を抜き始めたので、そのうちガチの投稿忘れとかやらかしそうでワクワクしている 【ぽこピーのゆめうつつ】vtuberとして活動するぽんぽこと、謎のキャラクターピーナッツくんの２人で運営されているラジオ番組 この２人は兄妹（ピーナッツくんが兄）で、実は活動歴自体は長め Y

こんにちは。Kando Inspire Factoryです。 今日は、Google NotebookLMをもっと便利に使うための自動化ツールを開発しましたので、当サイト限定で無料配布します。 【2026/02/07 アップデート】 最新版 v3.6 を公開しました！ 画面が小さいノートPCでも「ノートブックが選択しやすくなる」改良を加えています。ダウンロードリンクから最新版をご利用ください。 🤔 NotebookLMの「もったいない」問題NotebookLMって、本当に素晴らしいツールですよね。資料を読み込ませるだけで、要約レポートやFAQ、さらにはインフォグラフィックやスライドまで自動生成してくれる。 でも、使っていて「もったいないな」と思うことがありました。 せっかく生成したコンテンツが、NotebookLMの中に閉じ込められたままなんです。 レポートをコピペして保存するのが面倒 イ

AI開発プラットフォーム「Antigravity」を使ってランディングページ（LP）を作成しようと思った際に、この辺に気をつけてやったよということを共有します。 LP開発に必要な前提知識 LPとはすなわちサービス（またはプロダクト）について知ってもらい、特定のアクション（お問合せ、資料請求、購読など）につなげるものです。つまりトップページと、何らかのアクション対象（たとえばお問合せフォーム）が必要になります。また、信頼性のあるサービスに見えるように、トップページ以外にページもあります。 （広義の）LP （狭義の）ランディングページ CTA（Call To Action）ボタン お問合せフォーム ページ3点セット（企業概要、プライバシーポリシー、特定商取引法に基づく表記） CTAボタンはヒーローセクション（ページ上部の一番目立つ部分）やヘッダーなどに置かれ、その気になったらすぐ問合せフォーム