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

個人事業主や法人はとにかくバックオフィス業務が多いです。 経理・会計だと SaaSの請求書（領収書）を毎月集める クレジットカード明細と領収書を突合する 取引先へ請求書を発行する 入金された振込と自分が発行した請求書を突合する freeeに仕訳を切る 決算期に税理士さんに資料を渡す 法人税・消費税・地方税の申告対応（税理士経由） 資金調達・財務だと 信用金庫や日本政策金融公庫からの借入を管理する 借入の返済スケジュールを管理する 資金繰り表の更新 労務・社会保険だと 社会保険（健康保険・厚生年金）の加入手続き・届出 役員報酬の変更手続き（定時株主総会の議事録作成含む） 算定基礎届の提出 労働保険の年度更新 年末調整の対応 住民税の特別徴収の処理 補助金・助成金だと 補助金・助成金の申請書類の作成 交付決定後の実績報告書の作成 証拠書類（見積書・発注書・納品書・請求書・振込明細）の保管 報告

こんにちは。ファインディ株式会社でテックリードマネージャーをやらせてもらってる戸田です。 ファインディではClaude CodeのスキルやカスタムコマンドなどをPlugins経由で社内展開しています。 tech.findy.co.jp コードレビューやタスク分解といった開発業務の効率化が進む一方で、登壇準備はまだ手作業の割合が大きい領域です。話す内容を固めて、構成を考えて、スライドに落とし込んで、デザインを整えて……。発表の本質は「何を伝えるか」なのに、準備工程に時間を奪われがちです。 本記事では、この課題に対処するために社内Pluginsに作った登壇スライド生成スキルを紹介します。壁打ちによるコアメッセージの言語化からMarkdownスライド生成、Google Slidesへのエクスポートまでを一気通貫で行えるもので、壁打ちから完成まで30分で終わるようになりました。 登壇準備にかかる時

この記事は新歓ブログリレー2026の41日目の記事です。 はじめに こんにちは!! 主にアルゴリズム班とゲーム班で活動している25BのHaruです!! 新入生のみなさん、大学生活が始まってはや一週間が経ちましたが、キャンパスライフはいかがですか? さて、traPに入会した新入生の中には、「大学からパソコンでいろいろやってみたいけど、何すれば良いかわからない」という方も多くいるのではないでしょうか。 この記事では、プログラミングをするなら絶対使うことになるであろうVSCodeでの作業を快適にするあれこれをまとめていきます!! VSCodeってなに? VSCode (Visual Studio Code) は、Microsoftが提供している無料で超軽量で高性能なオープンソースエディタです。 要するに、めっちゃ凄いテキストエディタ(プログラムとか書くやつ)です。 世の中にはたくさんのテキストエ

はじめに 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ツール周りの記事を書くことが多いのですが、今回は界隈としてインパクトが大きかった

jp-ui-contracts を公開しましたAIでUIを作る流れが強くなるほど、逆に目立ってくるものがあります。 それは、日本語の詰めの甘さです。 色はそれらしく見える。 余白もそれっぽく整う。 カードやボタンの形も、かなり上手に出てくる。 でも最後に崩れるのが、日本語です。 見出しの折り返しが苦しい。 本文の行間が浅い。 英語のサービス名が混ざると急に浮く。 フォームだけ窮屈になる。 表の密度が本文のルールを引きずって読みにくくなる。 この違和感は、単に「AIの精度が足りない」から起きているわけではありません。 もっと手前の問題です。 日本語UIの設計契約が、まだ十分に書かれていない。 そこで作ったのが、jp-ui-contracts です。 また、以下の記事が “DESIGN.md とは何か” を定義する総論で、今回の記事は “それを日本語UIでどう実装資産にするか” を示す各論です

カイリー・ミノーグ（Kylie Minogue）「Come Into My World」のミュージックビデオは、街中をぐるぐる歩くカイリーが周回ごとに増え、通りの人びとも変化していく、というユニークな演出が光る名作です。この作品を監督したミシェル・ゴンドリー（Michel Gondry）は、新たにこのビデオを現代的に再解釈した新作映像を公開。「CHANEL 25」ハンドバッグ広告キャンペーンのビデオで、主演はマーゴット・ロビー。曲は同じく「Come Into My World」が使われ、カイリー本人も特別出演しています。 ■「CHANEL 25」 ハンドバッグ 広告キャンペーン

こんにちは。ファインディ株式会社でエンジニアをしている山岸です。 Findy AI CareerはAI人材に特化した求人プラットフォームです。掲載する求人票は、企業の求人情報をベースにAI活用状況や方針を盛り込んで作成しています。この業務はFindyのbizメンバーが担当しており、1件あたり20分〜1時間ほどかかっていました。 ai-career.findy-code.io 今回、この求人票作成のワークフローをClaude Codeのカスタムスラッシュコマンドとして実装し、作業時間を最大1時間から約5分に短縮しました。 この記事では、Claude CodeとMCP（Model Context Protocol）を組み合わせた業務自動化の具体的な進め方と、エンジニア以外のメンバーが使えるツールに仕上げるまでの過程を紹介します。社内の定型業務をClaude Codeで自動化したい方の参考になれ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? みなさん、ClaudeCodeを使っていますか？ (「バチバチ使いこなしているぜ！」という方は読んでも意味ないので、この記事は閉じてください！) 私はClaudeCodeが好きで、業務はもちろん日常生活でもほぼ毎日使っています。なるべくClaudeCodeに仕事をさせるように、設定やSkillを日々いじくり回しています。 ただ、ClaudeCodeは便利な反面、難しいツールでもあります。難しい理由は「機能の豊富さ」と「爆発的なアップデート速度および頻度」から来ていると思っています。気を抜くとすぐに自分の知らない機能が増えています。私もな

九州新幹線全線開業15周年を記念し、これまでのJR九州での取り組みの動画を公開します。 今回は、「祝！九州」。九州新幹線全線開業を前に、沿線をはじめ地域の皆様に、特別な新幹線車両に向かって手を振っていただく、九州縦断ウェーブを実施しました。 15年前の全線開業の盛り上がりが伝わる動画ですので、ぜひご覧ください。

花王株式会社 @KaoCorporate_jp こんにちは🌙 いまX上で、花王の【角栓崩壊洗浄技術】が話題になっていると！ ありがとうございます🙌 「トロメタミン」という洗浄成分で、毛穴に詰まった角栓を分解して洗浄！古い角質までしっかり流すことができる技術。 毛穴悩みがある方におすすめです🫧 メンズビオレの泡タイプの洗顔料にも♪ pic.x.com/UOXvVyseBz 2025-09-04 12:31:12 うさよし@アラサー化粧品成分上級SP @usayoshi_hatena 花王の角栓崩壊技術が更に進化するらしい。従来のトロメタミンによる角栓崩壊を新水性ミクロパウダーが更に後押しするとの新発見。今年の新作の何かしらに搭載されるのだろうか？ 花王って洗浄にマジで強いんですよ、アタックとかハイターの会社なんで。ちな炭酸も花王です。 kao.com/jp/newsroom/ne… p

はじめに 業務でWebサイトリニューアルをやっています。 テキスト量の多い静的ページを、Figmaデザインからモック（HTML/CSS）→ Laravel組み込み（3言語対応）まで実装する作業がありました。 最初は手作業で1ページ8時間かかっていました。 Figma MCP + Claude Codeを導入したら、1ページ20分になりました。 この記事はその経験の所感です。 前提：必要なもの この方法を実現するには以下が必要です： Figma 有料プラン（Dev Modeが使えるプラン） Figma MCP は Dev Mode 経由でデザインデータにアクセスするため、開発者モードが有効なプランが必須 Figma側でAuto Layoutがきちんと活用されていること Figma MCPが返すレイアウト情報（gap, padding, flex direction等）はAuto Layout

この記事は2026年2月20日時点の情報をもとにしています。Pencilは早期アクセス段階のため、仕様変更の可能性があります。最新の情報は公式サイトを確認してください。 Pencilとは何か Pencilは、IDEに統合できるAIネイティブなデザインツールだ。公式のキャッチコピーは「Design on canvas. Land in code.」で、デザインをキャンバス上で行い、そのままコードに落とし込むことを目指している。 Figmaのようなベクターキャンバスを持ちながら、Claude CodeやCursorといったAIコーディングツールとMCP（Model Context Protocol）で双方向に連携する。デスクトップアプリとしても、VS CodeやCursorの拡張機能としても動く。 macOS、Linux、Windowsに対応していて、早期アクセス中は無料で使える。 なぜエンジ

第1479回放送用語委員会では、『NHKことばのハンドブック 第2版』（以下、『NHKことばのハンドブック』）改訂に向けて、以下に示す4つの議題を提案し、「用語の決定」を行った1）。 議題1 電話番号・郵便番号の数字「0」の読み方 議題2 漢字表記の変更 「高たか嶺ねの花・高根の花」 議題3 外来語の語形 「サステ（イ）ナブル」「サステ（イ）ナビリティー」 議題4 語形の変更「する＋まい」「来る＋まい」 本稿の議題1は藤井、議題2は中島、議題3と4は塩田が、それぞれ執筆する。 議題1 電話番号・郵便番号の数字「0」の読み方（決定） 『NHKことばのハンドブック』の改訂に伴い、数字の読み方の見直しを行っている（第5章「数字の発音」）。 今回は、電話番号・郵便番号の「0」の読み方について、用語の決定を行った。 （1）提案理由 放送では、数字の「0」は、基本的に「レー」と読んでいる。そのため、電

5分間で読める新しい読書体験 去年あたりから「ラルボー書房」という出版社よりKindleで販売されている、 『5分文庫』という短編の翻訳小説がなかなか良いという話。 海外の作品から、"すぐ読める"良質の短篇小説を集めてくれてます。 どれも短い話ばかりなので、ほんとに5分間ぐらいで読み終えられます。 電子書籍(Kindle)でのみ配信しているのも「今の時代だなぁ」って思ったり。 ※(追記)：アマゾンにてペーパーバック版も販売開始されたようです。 nejimakinikki.hatenablog.com 蜷川豊さんという方が、主に英語やフランス語の文学作品を翻訳して配信されているみたいです。 今までは1作品ずつでの配信で紹介しにくかったのですが、 去年の年末に、今までの短篇を一冊にまとめた「全集版」も登場してかなりありがたいなと。 (※いずれもKindle Unlimitedの読み放題対象です