【初心者向け】Claude Code とは？インストールから使い方まで徹底解説 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは。今回は Anthropic が提供するエージェント コーディング ツール「Claude Code」についてご紹介します。 「ターミナル上で AI にコードベースを理解させたり、編集やコミットを自動化させたりできる」と聞くと、ややこしく聞こえるかもしれませんが、使いこなせば開発効率を大幅に向上できる可能性があります。 この記事では、初心者の方にも分かりやすいように、Claude Code の基本機能から導入、活用事例までまとめて解説します。ぜひ参考にしてみてください。 Claude Code とは？ Claude Code と
リーダーばかりやってきた私が気づいたこと - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 私はこれまで、どちらかと言えば「リーダーばかり」やってきた人生でした。 委員長、生徒会副会長（←副かい！）、部活のキャプテン、サークルの取りまとめ、そして社会人になってからは、新卒代表、プロジェクトリーダー、PdMやPjMなど。 気がつけば、どの組織でも自然と「取りまとめ役」になっていることが多かったように思います。 そんな経験の中で気づいたのは、「人を動かす立場を経験してきた人」 と 「動かされる立場が多かった人」 では、仕事の進め方や意識に大きな違いがあるということです。 リーダー経験がないことで起きる「ズレ」 リーダー経
【Claude Code】マネできる！個人開発するときに最初に用意したドキュメント24種と機能要件書を全公開 - Qiita
.claude/ ├── 00_project/ # プロジェクトの要件 │ ├── 01_appcadia_concept_requirements.md │ └── 02_inception_deck.md ├── 01_development_docs/ # 技術設計ドキュメント（15個） │ ├── 01_architecture_design.md │ ├── 02_database_design.md │ ├── 03_api_design.md │ ├── 04_screen_transition_design.md │ ├── 05_seo_requirements.md │ ├── 06_error_handling_design.md │ ├── 07_type_definitions.md │ ├── 08_development_setup.md │ ├── 09_
UserAgentからOS/ブラウザなどの調べかたのまとめ - Qiita
WEBサイトにアクセスしてくる利用者の情報をUserAgentから調べることが出来るが、どんな情報がわかるか調べてみた。より詳しい情報は参考に使ったサイトを参照で。 はじめに GoogleがChromeにおいてユーザーエージェント文字列を段階的に廃止することを発表しています。 段階的にUserAgentが削除版UA文字列に置き換わっていきChrome 113で完全に削減版の UA 文字列となってしまいます。 削除版のUA文字列は以下の通りです。 User-Agent Reduction # Desktop (user on Windows 8.1, for example) # 旧 UA文字列 Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.1234.56
JMeterの導入方法 - Qiita
JMeterとは ・Apache が提供するオープンソースの負荷試験ツールで、javaで書かれています ・HTTPリクエストを⾃動で⼤量に発⽣させることが可能です ・JMeter Proxy を使うと、ブラウザでの操作を記録することが可能です ・JMeterスクリプトを作成し、シナリオ(ユーザ操作の仮説)に基づいた負荷試験を⾏うことができます ・プラグインをインストールすることで、機能拡張が可能です ・結果分析をするためのツール( 統計情報の分析、各種グラフ描画 )が充実しています 今回の項目 事前準備 JMeterのインストール JMeterの開き方 JMeterの設定 JMeter Proxyの設定とブラウザ操作の記録 JMeterスクリプトの作成 結果分析とグラフ描画 事前準備 JMeterを動かすにはJAVA SE(JDK)が必要です インストールしていない場合は公式サイトから自分
2024年APIテストツールベストおすすめ：トップ10の選択 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 初めに 2024最新のAPIテストツールのおすすめでは、機能、負荷、セキュリティの面で非常に重要なAPIテストについて紹介します。専用のAPIテストツールを使用することで、テスト効率の向上、開発速度の加速、品質の向上、CI/CDとの連携のしやすさといったメリットが得られます。記事では、代表的なAPIテストツールとして、機能面に優れたApidog、負荷試験に適したJMeter、ノーコードテストが可能なTestfullyなど10個のツールを紹介しています。Apidogは、API設計、デバッグ、モック、テストを一体化した包括的なプラットフォー
Playwrightがブラウザ自動化を制覇する理由：徹底解析 - Qiita
Playwrightの概要 Playwrightは、Microsoftが開発したWeb UI自動化テストフレームワークです。 Playwrightは、クロスプラットフォーム、クロス言語、クロスブラウザをサポートし、モバイルブラウザにも対応しています。 公式サイトに記載されている内容: 自動待機、ページ要素に対するインテリジェントなアサーション、実行トレース機能により、Webページの不安定さを効果的に扱うことができます。 テストを実行しているプロセスとは異なるプロセスでブラウザを制御することで、インプロセステストランナーの制限を排除し、Shadow DOMの操作もサポートします。 Playwrightは各テストに対してブラウザコンテキストを作成します。ブラウザコンテキストは新しいブラウザプロフィールと同じ意味を持ち、ゼロコストで完全なテストの隔離を提供します。新しいブラウザコンテキストの作成
初心者でも分かる！VSCodeでGemini CLIを使いこなす方法 - インストールから応用まで徹底解説 - Qiita
開発者の強い味方！Gemini CLIとは何か？ 最近、コードの解析や自動化タスクに悩んでいたんですよね。そんな時、Google Geminiチームが開発した「Gemini CLI」というオープンソースのコマンドラインAIツールを見つけました。これが想像以上に便利で、今日はその体験をシェアしたいと思います！ Gemini CLIは開発者向けに特化したツールで、コードを理解し、複雑なクエリを実行し、タスクを自動化できるんです。さらに、Geminiのマルチモーダル機能（画像認識など）を活用してクリエイティブなコンテンツも生成できます。 主な特徴： 大規模コードベースのサポート: 100万トークン以上のコンテキストを処理できるので、大きなプロジェクトの分析が簡単です。 マルチモーダルアプリのプロトタイピング: PDFやスケッチからアプリのプロトタイプを素早く生成できます。 DevOpsタスクの自
数値入力で input[type="number"]を使ったら、ユーザから問い合わせが増えてしまった話 - Qiita
数値入力で input[type="number"]を使ったら、ユーザから問い合わせが増えてしまった話HTMLUXTypeScriptReact この記事は SmartHR Advent Calendar 2020 23 日目の記事です。 こんばんは！ @diescake です。 今年は、React で「そこそこの規模で、そこそこ機能のフォームアプリケーション」を設計・実装する機会がありました。 技術選定で formik + yup を選んだので、その選定理由と結果を共有しよう！ ……そんなふうに考えていた時期が私にもありました。 驚くほど筆が進まず、いつの間にやら当日どころか既に夜になってしまったので tips 的な話に逃げる運びとなりました。ご了承ください。 というわけで、数値入力フォームに何気なく input[type="number"] を利用したら、ユーザから問い合わせが増えてし
![数値入力で input[type="number"]を使ったら、ユーザから問い合わせが増えてしまった話 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff34afc3479598a10909bf212840d679d91fdbd7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU2JTk1JUIwJUU1JTgwJUE0JUU1JTg1JUE1JUU1JThBJTlCJUUzJTgxJUE3JTIwaW5wdXQlNUJ0eXBlJTNEJTIybnVtYmVyJTIyJTVEJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJTlGJUUzJTgyJTg5JUUzJTgwJTgxJUUzJTgzJUE2JUUzJTgzJUJDJUUzJTgyJUI2JUUzJTgxJThCJUUzJTgyJTg5JUU1JTk1JThGJUUzJTgxJTg0JUU1JTkwJTg4JUUzJTgyJThGJUUzJTgxJTlCJUUzJTgxJThDJUU1JUEyJTk3JUUzJTgxJTg4JUUzJTgxJUE2JUUzJTgxJTk3JUUzJTgxJUJFJUUzJTgxJUEzJUUzJTgxJTlGJUU4JUE5JUIxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz00MmRmNDNhYTNkODQ1MTk2Y2Q5Mjc4NGNiMmI1YzhkMw%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBkaWVzY2FrZSZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NGFhMWI0NTQ2ZjQ2MWU3YjMwNDdiNjk2MjQ0MzRhM2E%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-U21hcnRIUg%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3D56dbe34e15a483ce49f955c0efc9c4ed)
ユースケース図を作る - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは。ネオシステムの高橋です。 今回はユースケース図を作成したいと思います。 前回の記事も併せてご活用ください。 目次 なぜユースケース図を作るのか ユースケース図作成の注意点 アプリの機能を整理する ユースケース図を書く 追加情報を書く ユースケース記述を書く まとめ なぜユースケース図を作るのか ユースケース図とはユーザーの視点でアプリの利用例を表現する図解術です。 また、ユースケース図はUMLの一つであり、全世界共通で用いられています。 これを作成することによって以下のメリットが得られます。 顧客の要求を明確化できる アプリ
業務の最適化 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは。ネオシステムの高橋です。 今回は業務を最適化についてまとめました。 業務フロー図の作成方法の続きとなります。 併せて参考にしてみてください。 目次 最適なフローとは何か 業務改善方法 コストの算出 ビジネス価値の定義 業務の価値に対する評価 プロジェクト計画の作成 プロジェクトの目標を定義する プロジェクトのスコープを定義する 優先順位を定める プロジェクトチームメンバーを特定する プロジェクトのタスクと担当者を設定する プロジェクトのスケジュールを定義する リスクを特定する 最適なフローとは何か 業務フロー図の作成が完了し
エンジニアがやりがちなUIデザインの失敗15選とその回避法 - Qiita
はじめに 「動けばいい」で済ませがちなUI。でもそれ、ユーザーには伝わってないかもしれません。 エンジニアの皆さん、機能開発に集中するあまり、UIが後回しになっていませんか？ コードとして正しく動いていても、ユーザーが使いにくいと感じたら、それは失敗です。どれだけロジックがスマートでも、UIが原因で「なんか使いづらい」と思われてしまうと、全体の評価も下がってしまいます。 この記事では、エンジニアがついやりがちなUIデザインのミスとその回避法を紹介します。共感あり、学びありで、読後すぐに「ちょっとUI直してみようかな」と思える構成を目指しました！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 UIデザインにおける「やりが
Formatter & Lint チェックのCIを作成してみた。 - Qiita
これは何？ VSCodeでのPythonのLint、Formatterの設定方法 GitHub ActionsでのLintチェックの導入方法 pre-commit を使ったLintチェックの設定方法 Goal (Where) チーム全員が共通のコードフォーマットにて開発できる。 低レベルなバグや不要なコードに気が付きやすくする。 そのための方法はできるだけ自動化されている。 目的 (Why) 静的解析を行うことで、低レベルなバグやミスの発生を抑える。 低レベルなバグ: 未使用のimportや構文ミスなど チームの全員が共通のルールでコードを書くことにより、コードチェックのコストを減らす。 コードフォーマットについて考える、作業する工数を減らす。 環境 Python 3.9 (Django) VSCode 前提 Lintとは？ lint とは、主にC言語のソースコードに対し、コンパイラよりも
生成AIでテスト作業（要件の品質評価→テストケース抽出→コード生成→実行→洞察）まるっと自動化がスゴい - Qiita
はじめに テストのための生成AIを搭載した「UiPath Autopilot for Testers」が2024年7月に一般公開されたので、個人の学習目的で期限なく無料で使えるUiPath Community版で、さっそく体験してみました。第一印象、何これ？スゴいの一言です！今後、テスト市場に新風がくるかも？と感じたので広く知ってもらうためにブログを書くことにしました。既にグローバルでは轟いているそうです。 本ブログを見て興味ある、体験してみたいと思った人向けにUiPath Autopilot for Testersの簡単なチュートリアルも書いたので、こちらも是非ご覧ください。 全体像（何ができるのか） これまでのAI搭載テスト自動化ツールは、テスト実行のみにフォーカスされていたことも多かったと思います。（既に過去形）そこから、ちょっと進んで、生成AIを使ったテストコードの自動生成ぐらいで
設計ドキュメント（UML）をPlantUMLで書いてみる - Qiita
PlantUML とは PlantUML は、UML、またはUML以外の図をテキストで記述するためのオープンソースのツールです。 下記のような図を書くことができます。 クラス図 シーケンス図 ユースケース図 アクティビティ図 コンポーネント図 状態遷移図（ステートマシン図） オブジェクト図 ER図 記述がテキストであることから、GitHubなどのリポジトリーで管理するのに適しています。 これはドキュメントの保守性から言ってとても重要です。 また、既存のファイルからテキストでコピー＆ペーストがし易いことから、同じような設計書を書く場合に効率が高そうです。 この記事の目標 基本設計書では特にクラス図とシーケンス図での記述が重要と考えています。 またER図も書けるようなので、後日これにチャレンジしてみます。 UMLクラス図を書く UMLシーケンス図を書く 環境 MacOS Mojave(10.1
【バイブコーディング】AIと共に創る新時代のプログラミング - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 近年、AI技術の進化により、プログラミングの手法が大きく変わりつつあります。その中でも特に注目されているのが「バイブコーディング（Vibe Coding）」です🚀 （追記）この記事を音声対話形式で 対話形式の音声でも聞けます😂 https://notebooklm.google.com/notebook/6c99a911-b95b-456f-ad23-342b99cc72e8/audio NotebookLMにて2人のAIが対話形式で話しています！ バイブコーディングとは バイブコーディングとは、AIを活用して、開発者が自
[PHP]strtotime("- 1 month")はアカン[31日はテストが落ちる日] - Qiita
これはなに？ PHPでstrtotime("- 1 month")とかstrtotime("+ 1 month")とか書いちゃだめだよって話です。 今日は何の日でしょう？ 今日は、弊社の自動テストが落ちた日です。 昨日は落ちなかったのに、いったいなぜ今日落ちてしまったのでしょう。 なぜ落ちた？ それは今日が31日だからです。 テストコードに現在時刻を使ったコードがありました。 ただし、現在時刻から+1ヶ月したり-1ヶ月したりして、相対的な日付でテストをしているので、 普段は時刻が変わることによる問題は起こっていませんでした。 しかし、今日初めて問題が発覚しました。 現在時刻から前月の月を取得する計算が31日だけおかしかったのです。 前月の計算の仕方(NGケース)
MCPで変わるAIエージェント開発 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は日本オラクルが運営する下記Meetupで発表予定の内容になります。発表までに今後、内容は予告なく変更される可能性があることをあらかじめご了承ください。 AIエージェントとMCP 近年、AIの進化は「チャットで質問に答える」だけにとどまらず、ユーザーの意図を理解し、複数の処理を自律的にこなす「AIエージェント」という新たな形へと進化し始めています。とりわけ2025年以降は、各テック企業がこの分野に本格的に参入し、さまざまな技術や製品が次々と登場している状況です。 現在進行形で進化している「AIエージェント」に定義というものは特に存
何気に重要かも？LINE Messaging APIのテキストメッセージv2を調べてみた - Qiita
こんにちは、のびすけです。 しれっと？リリースされていたテキストメッセージv2ってなんだ？ってところを調べてみます。 テキストメッセージv2って？ Messaging APIにおいて、新しいメッセージオブジェクトとしてテキストメッセージ（v2）をリリースしました。テキストメッセージ（v2）を用いることで、ユーザーへのメンションを指定できます。また、従来より提供しているテキストメッセージに比べて、LINE絵文字をより指定しやすくなりました。 ということで現状通常のメッセージと何が違うのか 大きな感じでまとめると、 テキストメッセージの中で変数展開ができるようになった というイメージだと思います。 例えば、ドキュメントにあるWelcome, {user1}! {laugh}\n{everyone} There is a newcomer!というメッセージを送ると、 Welcome, @のびすけ
LINEがLIFFアプリをミニアプリに統合すると発表したので違いを調べてみた - Qiita
はじめに タイトルの記事を置いておきます。 私は基本的にLIFFで色んなプロジェクトを作成することが多いのですが、上の発表があった時にミニアプリで実装してみたことが無いなと思ったのでドキュメントを読みつつLIFFとの差分などをまとめていきます。 ドキュメント 差分１：外部ブラウザで開いた時の表示の仕方 個人的にはメリットだと感じています。 LIFF ミニアプリ 実際LIFFを使用する場合、外部ブラウザで動作させてもLIFFを使うメリットが得られないのでliff.isInClient()などを用いてLIFF上で動作しているかを判断してLIFF上でなければLIFF上に誘導するという機能を実装する場面も多くあります。 LIFFは、LIFF URLをLINEのアプリケーションの外に設置した場合、そのリンクをクリックするユーザーが使用している端末が最後にブラウザで開いたかLINEアプリで開いたかなど
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
