Claude Codeカスタムコマンド完全ガイド：基礎から実践まで、開発効率を劇的に向上させる自動化テクニック こんにちは、とまだです。 Claude Codeで同じような指示を何度も書いていて、「これ、もっと効率化できないかな」と思ったことはありませんか？ 実は、Claude Codeには「カスタムコマンド」という強力な機能があります。 よく使う指示を短いコマンドとして登録でき、開発フローを大幅に効率化できるんです。 今回は、カスタムコマンドの基本的な仕組みから、品質チェックの自動化、GitHub連携による開発フロー改善まで、実践的な活用方法を体系的に解説します。 忙しい人のために要約 .claude/commands/にマークダウンファイルを置くだけで、独自コマンドが作れる 品質チェックコマンドで、レビュー指摘を事前に発見・修正 GitHub CLIと連携して、Issue駆動開発からP

はじめに 社内で、具体的な業務ユースケースに即して実践的なプロンプトエンジニアリングをみんなで模索しまくる、みたいな勉強会のような企画を開催してみたところ、プロンプトエンジニアリングなんてもうわかりきったものだと思い込んでいましたが、意外と（やはり？）奥が深く、いろいろな学びが得られました。かいつまんで言うと以下のようなものです。 実践的なプロンプトを書くためのtips 一方通行的に、自然な流れで考えさせる。行ったり来たりさせない。 ステップを分けて、ステップごとにプロンプト自体を分けて一つずつ実行する。 決定論的な判断は、JSONやYAML形式で出力させ、計算可能なデータとして考えさせる。 Few Shotは実はそれほどこだわらなくてもいい。(どちらかと言えばステップ実行とかJSON/YAML思考のほうが効き、Few Shotはユースケースとプロンプトの組み合わせによってはよって効いたり

今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。 2024年、Web制作者がチェックしておきたいCSSの新機能を紹介します。 CSS Wrapped 2024 CSS Wrapped 2024 -GitHub 下記は各ポイントを意訳したものです。 ※元サイト様のApache License 2.0に基づいて翻訳しています。 はじめに コンポーネント: field-sizingプロパティ コンポーネント: interpolate-sizeプロパティ コンポーネント: details要素 コンポーネント: details要素のスタイル コンポーネント: Anchor positioning インタラクション: スクロールバーのスタイル インタラクション: @v

こんにちは！ Magic Moment フロントエンドエンジニアの @morishin です。 この記事は、Magic Moment Advent Calendar 2024 4 日目の記事です。 はじめに 開発あるある 皆さん開発をしていて、コマンドの "待ち" が長いとき、こんな経験はありませんか。 「ビルドに時間がかかるなぁ」 (別の作業をする) 「もう終わったかな (ﾀｰﾐﾅﾙﾁﾗｰ」 「まだかー」 (以降無限ループ) 作業に集中できない！ 逆に 「このインストール時間かかるなぁ」 「終わるまでちょっと休憩しようかな (ｽﾔｧ」 〜3 時間後〜 「...あっ、いつの間にか終わってた！」 処理の完了に気付かずついつい休憩しすぎた！ ありませんか？ありますよね？ まあ休憩しすぎたっていうのはないにしても、実はエラーで処理が中断していたのに気付かなかった、というのはあるあるな気がします。

Document Picture-in-Picture APIというWeb APIがあります。まだブラウザの実装が限定的ですが、Chromeなら116から使えるようです。 Picture in Picture(以下PiP)と言えば、動画を再生しながら別のタブを開いたり別のアプリケーションを開いたりできる機能ですが、"Document" Picture-in-PictureはそれをHTML要素でも可能にするAPIです。最近Google MeetがこのAPIを使い始めて、別タブに移動したタイミングで勝手にPiPを表示するようになりました。なんか賛否あった気がしたけど僕は便利に使っています。決してミーティングに集中していないわけではないです、えぇ。 このブログサイトでも、Document Picture-in-Picture APIを使って記事をPiPで読めるようにしてみました。APIをサポート

OpenAIの製品責任者であるニック・ターリーは、ChatGPTユーザーに5つのヒントを教えてくれた。Matteo Della Torre/NurPhoto via Getty ImagesOpenAIの製品責任者であるニック・ターリーは、ChatGPTのユーザーは音声モードを試すべきだと話している。ターリーはChatGPTのユーザーに文書のアップロードや独自のGPTの作り方のヒントを教えてくれた。OpenAIは2024年初めに最新モデルGPT-4oを発表している。多くの人々がChatGPTを使ってドキュメントなどを作成したり、仕事のメールを書いたりしているだろう。だがOpenAIの製品責任者であるニック・ターリー（Nick Turley）は、他にもユーザーが試す価値のある便利なヒントをいくつか紹介している。 最近、ポッドキャスト（Podcast）「ハード・フォーク（Hard Fork）」

Web業界にしろどんな業界にしろ、最新の情報や先端を走っている人は東京ですよね。自分が成長しようと思えばレベルの高い知り合いがいないといけませんので、東京の知り合いが多くないといけないわけです。参考になるかはわかりませんが、私がずっとやっている方法を書いてみます。 こんな流れ 懇親会や交流会のあるセミナーなどに参加する 懇親会や交流会で名刺交換をする 少人数の2次会などあれば参加していろんな人と話す 皆さんにお礼メッセージなど送ってSNSやブログをチェック 後日、そっちに行くことがあるといって食事にお誘い＆ほかにも何人かいると嬉しいと伝える そこで新しい人と知り合う 以下、同じこと繰り返す ものすごく簡単に言うとどこかで知り合った人と再度飲みに行って、そこで知り合った人と飲みに行くというだけのことです。 注意点 仕事が欲しいとか何か売りたいとか考えてはダメ 苦手なタイプの人が来たとしても楽

Google検索のスパムがうっとうしい人、｢&udm=14｣を試してみて2024.10.28 17:00106,479 Matthew Gault - Gizmodo US ［原文］ （ ヨコヤマコム ） 過度に懐古主義的な意見というのもどうかと思いますが、明らかに憂うべき現状というものがあります。 それが現在のGoogle（グーグル）検索です。検索結果の上位に表示されるのは、SEOに最適化された広告のようなページやSEOスパム、そして｢ピザに接着剤を入れよう｣的なAI生成の回答などなど。明らかにGoogleの検索の品質は劣化しているといえるでしょう。 これらすべてを改善することは無理かもしれませんが、少なくともまだまだ未成熟なAIの回答を回避することはできそうです。 検索バーに文字列｢&udm=14｣を入れるだけさて、Googleが検索においてAIを全面的に導入すると発表したとき、同社は

.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer

本記事のテーマはGitHub Actionsです。個人的に「もっと早く知りたかった！」と考えているグッドプラクティスを、厳選してお届けします。想定読者は次のとおりです。 普段GitHub Actionsを雰囲気で運用している人 GitHub Actionsをコピペや生成AIで乗り切っている人 他者が書いたコードの意味をより深く理解したい人 本記事でGitHub Actionsの基本は説明しません。グッドプラクティスを含めて基礎から学びたい人は、拙著『GitHub CI/CD実践ガイド』を読んでみてください。GitHub Actionsの基本構文から運用のコツまで、網羅的に解説しています。さて書籍紹介はこれぐらいにして、さっそく本題へ進みます。 GitHub Actionsの設計指針 GitHub ActionsはCI/CDや各種自動化で役立つ、汎用的なワークフローエンジンです。一般的に長期

カクカクなFlutter ３年以上、Flutterエンジニアをしています。 Flutterの代名詞といえば、やっぱり「カクツク」こと。 Flutterはコスパ面からスタートアップ系のアプリに採用されますが、SNS広告で出てくるアプリは、だいたい完成度が低くてカクカクしていますよね。絶対Flutter製だと先入観持っています。どんなに斬新なアプリでもカクツクと萎える。 それが理由でFlutter採用を敬遠するエンジニアも多い印象です。 そんな私のアプリも以前はカクカクでした。 今ではiOSエンジニアから「ヌルヌルじゃん」と評してもらえるようになって嬉しい。 カクツク原因は？ 色んな理由があると思います。特にリスト周りが原因なことが多い印象。 よくあるパターンが「Column」に「Widget」を詰め込み過ぎている場合。 理由として「ListView.builder」だとエラーが出て使えないか

拭く @kufuu_wow これをはじめた（やめた）その日から世界が輝きはじめた。 みたいな経験、ありませんか。あったら教えてほしい。 わたしは洗い物溜まる前に少量であっても食洗機回すようにした瞬間から世界が輝きはじめたみたいなところある。 2024-10-06 11:08:04 拭く @kufuu_wow あと、シャンプーのボトル詰め替えやめたら世界が輝きはじめました。吊るせるタイプにした。あれ、ほんとストレスだったんだなぁって、やめてから気づいたよ。 pic.x.com/aa2FoRE8RG 2024-10-07 08:30:56

こんにちは、暖かくなったと思ったら涼しくなったりと、なかなか洋服選びが難しい季節ですが皆さん体調お変わりないでしょうか。安部です。 今回は、ChatGPTで少し前に一般公開された「メモリ（Memory）」機能をご紹介し、活用のためのTipsを共有できればと思います。 機能の利用自体は何も意識せず簡単にできますが、意識的に活用しないと本領発揮してくれない機能だなという印象です。 まずは、どのような機能なのか簡単に見ていきましょう。 メモリ機能の概要 メモリ機能が使えると何がうれしいのか メモリ機能の有効化 実際に使ってみる 活用Tips ショートカットコマンドの作成 手順自動化 前提知識の補完 メモリの削除 プライバシー/セキュリティについて まとめ メモリ機能の概要 「メモリ（Memory）」機能とは、文字通りChatGPTがこれまでやりとりした情報を記憶し、以降の応答時にそれらを踏まえた

ここに、Aという画像と、Bという画像があります。それぞれが独立した画像ファイルです。 この2つの画像を組み合わせて、横長の画像ABを作りたい場合、あなたはどうしますか？ ボクなら「Keynote」と「プレビュー」を使って、一瞬で作り上げることができます。それは本当に魔法のように——。 複数枚の画像を1枚にまとめる方法 早速本題を進めていきますね。上述した通り、複数の画像をひとまとめにして、1枚の画像ファイルにする方法です。 1「Keynote」を開いて、白紙のテンプレートを選択します。 2「画像A」と「画像B」をスライドに貼り付けて、1枚に組み合わせたときの構図で配置します。 3「画像A」と「画像B」を選択した状態で、【Command + C】でコピーします。 4アプリ「プレビュー」を起動します。プレビューを起動しただけでは何のウインドウも立ち上がりませんが、それで問題ありません。 5【C

ノートパソコン、充電つなぎっぱなしにしてる？ 今すぐ抜いて2024.03.18 19:00730,547 Maxwell Zeff - Gizmodo US ［原文］ （ そうこ ） デスクに着いているときは、ノートパソコンを充電に繋いでおくべき。いつ移動になってもいいように、常にフルの状態をキープしておくべき。充電ケーブルはなるべく繋いでいた方が、マシンの性能が上がる。 実はそれ都市伝説です…。 充電完了したら充電ケーブルは抜く。これがノートパソコンの正解です。 それなのに、なぜ多くの人が充電しっぱなし状態なのか、専門家に話をききました。カリフォルニア大学サンディエゴ校のアシスタント・プロフェッサーで、電池の劣化について研究をしているKent Griffith氏いわく、フル充電という状態は端末の負担になるといいます。 （充電しっぱなしで）バッテリー100％の状態が何週間、何ヶ月と続いてい

＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員として働きつつ、個人でブログ／メディアライターとして活動するパラレルワーカー。 iPhone・iPad・Mac・ITツールを用いて人々の生活をより豊かにするための活用術を提供する「デジタルライフブロガー」です。 Web制作に関わる人にとって、すでに公開されているWebサイトというのは非常に重要な勉強材料です。中には「こういった表現、次のプロジェクトで使ってみよう」「こういう見せ方いいなぁ。いつかやってみたい」と、いつか役立てたいサイトもあるでしょう。 そういった「参考サイト」は、自分だけのデータベース化しておくと便利です。私はNotionを使って、自分だけの参考サイト集を作成しています。 【目次】 自分だけの参考サイトギャラリーをNotionで作ろう 自分専用の参考サイトギャラリーを作る

お風呂の床のデコボコ隙間にできる黒ずみや皮脂汚れ。「洗剤でこするだけじゃ汚れが落ちない……。」そんな経験はありませんか？　今回は「浸ける掃除術」で簡単に汚れを落とす方法を教えていただきました！

連載「Visual Studio Code TIPS」 Visual Studio Code（以下、VS Code）では、幾つかの方法で「現在のカーソル位置にある単語と同じ単語をまとめて選択」できる。これを「マルチカーソル選択」と呼ぶ。本稿では、マルチカーソル選択機能の使い方を説明する。

はじめに こんにちは。フロントエンド開発課に所属している新卒1年目のm_you_sanと申します。 今回はissue formsを使ってGitHub Issuesのテンプレートを作成する方法について、紹介したいと思います。 はじめに issue formsとは？導入するメリットは？ 作り方 まとめ issue formsとは？導入するメリットは？ issue formsは、GitHub上で提供されるGitHub Issuesに入力フォームを追加する機能です。 GitHub Issuesでは、デフォルトで大きめのテキストエリアが１つ提供されていますが、そのまま運用すると以下のような問題が起こります。 具体的に何を書いて良いのかわからない 人によって記載粒度にばらつきがある 欲しい情報が記載されていない場合がある 上記の問題はMarkDown形式のテンプレートでも、ある程度改善することはできま

【 unzip 】コマンド（応用編）――ZIPファイルの内容を確認して必要なファイルだけを取り出す：Linux基本コマンドTips（38） 本連載は、Linuxのコマンドについて、基本書式からオプション、具体的な実行例までを紹介していきます。今回は、「unzip」コマンドの応用編です。