はてなブックマーク

コードを読んでいるときに「なんかよく分からんが複雑でわかりにくいな...」と感じることはありませんか？ 私は既存のコードを読んでいるときはもちろん、自分が書いたコードを読むときもそう感じることがあります。 複雑さの要因を理解していないと、適切な改善ができませんよね。 今回は、「脳に収まるコードの書き方」という書籍を参考に、コードの複雑さの可視化とその複雑度を軽減させる方法を解説していきます。 前提 当たり前ですが、コードは書く回数よりも読まれる回数の方が多いです。 コードの価値には、アプリケーションが動くことだけではなく可読性も大きく関係しています。 目先のリリースを優先して「とりあえず動くコード」を許してしまうと、将来、他の誰かあるいは未来の自分がそのコードを読むときに必ず苦しむことになります。 可読性を二の次にせず、「脳に収まるコード」のための最適化を常に検討しましょう。 コードの複雑

こんにちは、はてなのマンガアプリチームのエンジニアの id:kouki_dan です。 先週、Pocketのサービス終了がアナウンスされました。 support.mozilla.org 僕は2014年からPocketユーザーで、さまざまな記事をPocketに入れていました。データが消えてしまうのは寂しいので、移行先を考えていたところ、はてなブックマークに入れておくと良いのではないかな、と思いました。今僕がはてなで働いているという縁もあるので。 ということで、自分で使うために移行ツールを作りました。せっかくなので、皆さんにも使えるように、はてラボで公開することにしました。以下のURLからお使いいただけます。 https://pocket-to-bookmark.hatelabo.jp/ 使い方 1. はてなアカウントで認証します 2. https://getpocket.com/export

Steven J. Vaughan-Nichols （Special to ZDNET.com） 翻訳校正： 川村インターナショナル 2025-05-30 07:00 オープンソース運動の創始者の1人であるEric S. Raymond氏は、次の言葉が有名だ。「全ての良いソフトウェアは開発者の個人的な希望から始まる」。Mozillaのソフトウェア開発者であるGraydon Hoare氏がプログラミング言語「Rust」の開発に着手したときも、まさにそうだった。 2006年、Hoare氏は自宅マンションのエレベーターがたびたび故障することを不満に思っていた。同氏は後に、「コンピューターに携わるわれわれが、故障しないエレベーターも作れないとは、ばかげた話だ」と語っている。同氏は、エレベーターが頻繁に故障する原因として、制御ソフトウェアのメモリーエラーを疑っていた。このソフトウェアは「C」または「

はじめに GitHub Copilot は、Visual Studio Code (以下、VS Code) で提供される AI を活用したプログラミングツールで、VS Code上で拡張機能としてインストールすることで使用できます。 主な機能として、コードを編集中のファイルに対して続きのコードを提案してくれる Completions や、 自然言語でプログラミングをサポートする Chat があります。 今回は、GitHub Copilot の Chat を使う上で知っていると便利な知識を紹介します。 GitHub Copilot Chat のモードを使い分ける GitHub Copilot Chat にはいくつかのモードがあり、用途に応じて適切な mode を選択することで効率的に作業を進めることができます。 モード名 説明 使い道

syumai @__syumai Webプログラマ。Go、JS / TSの話題を呟きます。 アイコンは@_tanakaworldさん作 / Asakusa.go (#asakusago)、ECMAScript仕様輪読会 (#esspec) 主催 / Software Design 2025年2月号までCloudflare Workersの連載を執筆 syum.ai syumai @__syumai AI時代のプログラミングに求められるスキルが、「高速にコードを書けること」ではなく「高速に開発タスクを整理し、コードレビューできること」になってるのは明らかなんだよな 2025-05-26 09:00:37

はじめのはじめに 初投稿になります。Claude Max x20課金勢です。ここ最近はVibe Codingに土日の9割を持ってかれています。 はじめに Claude 3.7 Sonnetで導入され、Claude 4 Opus, Sonnetでも使われている拡張思考（Extended Thinking）機能。 ある時Twitterを眺めているとこう言う投稿が回ってきた。 気になって調べていくうちに、Claude Codeに隠された謎のキーワードの数々を発見した。 当記事では、拡張思考機能の仕組みと、その裏側で動く思考予算の制御メカニズムについて解説する。 拡張思考とは何か 拡張思考(Extended thinking)は、Claudeが複雑な問題に取り組む際の内部的な推論プロセスを可視化する機能を指す。 通常のレスポンスの前に、Claudeがどのように考えているかをthinkingブロック

Chrome 137で追加された、CSSの新しい機能7個を紹介します。 今回のアップデートで目玉は、if else文の条件付きでCSSの値を設定できるif()関数がついに使用できるようになりました。また、CSS GridやFleboxで見た目の順序とtabキーの順序が異なるのを制御できる新しいプロパティもサポートされるなど、Web制作者は要チェックです！ ちなみに、先日紹介したCSSのカスタム変数はChrome 139（7月頃）に実装される予定です。 New in Chrome 137 Chrome 137 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに if else文の条件付きでCSSの値を設定できるif()関数 reading-flowとreading-order

はじめに Claude Code、GitHub Copilot、Cursor など、様々な AI ツールが同時に複数のタスクを並行して処理することを可能にしました。しかし、従来の Git ワークフローでは、ブランチ間の切り替えによる作業の中断や、複数のタスクを同時進行する際のコンフリクトが課題となっています。 そこで注目されているのがGit Worktreeです。この記事では、Git Worktree の基本概念と使い方を紹介します。 従来の Git ワークフローの課題 ブランチ切り替えの問題点 従来の Git ワークフローでは、異なる機能やバグ修正を行う際にgit checkoutやgit switchでブランチを切り替える必要がありました： # 機能Aの開発中... git add . git commit -m "WIP: 機能Aの途中" # 緊急のバグ修正が必要 git switc

本連載の目的 生成AI（人工知能）は、社会のあらゆる場面で活用が見込まれる将来有望な分野です。これまで十分に活用されていなかった専門知識やノウハウを、生成AIを用いて既存のサービスやシステムに組み込もうとする動きが急速に進んでいます。今後、基幹システムや業務システムなど既存のシステムに生成AIの機能を組み込んだり、生成AIの存在を前提としたシステム開発を推進したりすることは、不可欠になるでしょう。 そこで本連載では、多くの開発現場で用いられるJavaとSpring Frameworkを対象に、「Spring AI」を活用してAI機能を実装する「生成AIプログラミング」に焦点を当て、ニーズが高まるAI機能をシステムに組み込んでいくための基本的な手法を紹介します。 Spring AIとは Javaを使ってシステム開発をしている人であれば、Springという名前を聞いたことがあるでしょう。Jav

仏AI企業のMistral AIは5月27日（現地時間）、AIエージェントを構築するための「Agents API」を発表した。 MistralによるAIエージェントの定義は「LLMを搭載した自律システムであり、高水準の指示を与えることで、計画を立て、ツールを活用し、処理ステップを実行し、特定の目標を達成するためのアクションを実行できる。エージェントは、高度な自然言語処理能力を活用して複雑なタスクを効率的に理解・実行し、さらには互いに連携してより高度な成果を達成することも可能」というもの。 Agents APIは、基本的な言語モデルをベースに、アクション、コンテキストトラッキング、複数のエージェントを連携させるためのツールで構成されている。 各エージェントはコネクタやMCPツールと連携することで、Pythonコードの実行、Web検索、画像生成、Mistral Cloudからのドキュメント取得

アプリ開発AI｢Rork｣で、プログラミング未経験の僕がマッチングアプリを作ってみた2025.05.28 20:007,906 James Pero - Gizmodo US ［原文］ （ そうこ ） コーディング不要でアプリができる！と話題のアプリ開発AI、Rork。 コーディングをする人はもちろん、まったくしない・できない・無知の人でも大丈夫。作りたいアプリを文章でリクエストすると、AIがコーディングを書いてくれるという現代の魔法のようなアプリです。 コーディングに詳しい人か、まったくわからない人かによって、Rorkに対する感想は変わるでしょう。 が、今回試したのは後者のタイプの人。コーディングのコも知らない未経験者、米Gizmodo編集部のJames Pero記者がRorkでマッチングアプリを作ってみました。 以下、レビュー翻訳です。 ちょっと前によく言っていたこと。｢それできるアプ

ITコンサルティングを手掛けるウルシステムズ（東京都中央区）は5月28日、AIエージェント「Devin」を手掛ける米Cognition AIとパートナーシップを締結したと発表した。同日より、Devinを日本国内のエンタープライズ市場向けに展開する。 両社は大規模システム開発や基幹再構築プロジェクトにおけるDevinの導入支援を進める。AIを活用した開発環境の構築や運用管理の設計も支援する他、顧客企業の中期経営計画やITロードマップへのAI技術導入に関するコンサルティングも手掛ける。 ウルシステムズは「いまだ人月ベースの受託開発モデルを脱しきれていない日本国内の業務システム開発の在り方を刷新し、新しい内製開発モデルを推進する」「これまでの人月ベースだった古い日本のSIモデルを変革する」としている。 ウルシステムズは近年、生成AIの活用支援などに力を入れている。出光興産や武蔵野大学による生成A

Hugging Faceのブログで提唱されている「Tiny Agents」、そのコンセプトに触発され、バイブコーディングで1000行以内の軽量エージェント作りに挑戦してみました。 これらの記事では、MCPをツールとして用いる軽量なエージェントの概念として、Tiny Agentsを紹介しています。(Githubリポジトリも公開） 今回は上記記事をインスパイアにTiny Agentsを作ってみました、せっかくなのでAIコーディング・バイブコーディング縛りです。 （コードの細かい部分は全然確認していないので、お見過ごしください） 冷静に考えたら、1000行はtinyなのか？と思いましたが、プロンプトやコードコメントも含めて1ファイルに収めた時のコード行数なので、一旦tiny寄りと見なして頂けたらとても嬉しいです。 そして、最初に懺悔しておくと、MCPサーバーの実装も含めたら1000行を超えていま

純国産RDB「Tsurugi」のMCP対応版、オープンソースで提供開始　SQLを使わない自然言語のDB操作はどうなる？：LLMのローカル実行にも対応 ノーチラス・テクノロジーズは、リレーショナルデータベース「劔」（Tsurugi）のMCP対応版をオープンソースで提供開始すると発表した。ユーザーはSQLや特定のアプリケーションを使わずに、Tsurugiを自然言語で操作できる。

VSCodeをCusorに変えて以来、ずーとCursorで頑張ってきた私だが、噂によると、ClaudeCode+Sonnet 4がヤバイという情報をキャッチしたので今回試してみることとしました。 1.導入システム要件 OS: Ubuntu 20.04+ または Debian 10+ メモリ: 4GB RAM 以上 導入環境 - Ubuntu Ubuntu 24.04.2 LTS 普段はWindowsを開発マシンにしていますが、Claude Code Windows導入にはWSLによる導入となるため、環境が複雑になることを毛嫌いして、今回はサブPCであるUbuntu PCに導入しました。 (1). NodeJSの導入 # NodeSourceの公式リポジトリを追加 curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash

tl;dr Claude Codeの使い方を網羅的に理解して実践できるようになる記事 日本時間2025年5月23日のCode w/ Claudeのプレゼンがインプット Claude Codeを使うと、プログラミングが得意なエンジニアが1週間かかる作業も2日でできる(実体験) インストールは特にWindowsだとクセがあるので、リンク先参照 初期セットアップ、Code baseについて質問、CLAUDE.md、便利なキー操作を優先して読むと良い はじめに 日本時間2025年5月23日に開催されたAnthropic社のCode w/ Claude。その中で、Mastering Claude Code in 30 minutesというセッションがありました。 そこに登壇されたのが、Boris Chernyでした。Claude CodeというとCatを見ることが多いですね。CatもClaude C

コクヨの「大人のやる気ペン」は、仕事をしながらも勉強や趣味を持続するモチベーションをどうすれば保てるか、といったところをコクヨなりに考えて作られた製品だ。大人の勉強法的なノウハウは、本などの形で今までも様々に商品化されてはいるけれど、具体的な道具として開発されて、しかもコンセプトがとても明確な製品はかなり珍しいと思う。 コクヨ「大人のやる気ペン」（9900円）。こんな風にペンに本体を装着して使うと加速度センサーとスマホアプリで努力を可視化する。本体を装着して電源を入れるという作業が、一種のルーティーンになれば、勉強へのスイッチを自分に入れるための動作として作用するわけだ ポイントは、試験や趣味のための勉強を“書く”という行為と結びつけたこと。書くことだけが勉強ではないのだけど、そこは文具メーカーとして、ロングセラーにしてベストセラーの「キャンパスノート」のメーカーとして、長く“書く”ことを

Claude Code が一般提供されたので概要をまとめて、Amazon Bedrock 経由で使ってみた こんにちは！クラウド事業本部コンサルティング部のたかくに（@takakuni_）です。 X を見ていると、Claude 4 が登場したタイミングで、一般提供されたからなのか、Claude Code のユーザーがますます増加している印象を受けます。 私は普段、Roo Code (+ OpenAI) の組み合わせで、開発をしているのですが Claude Code がすごいと噂なので、まずはセットアップから始めてみたいと思います。 すでに Amazon Bedrock から接続した、Claude Code のセットアップ記事はあるものの、いくつか状況が変化している部分もあるため、書いてみたいと思います。 Claude Code Claude Code とは Anthropic が作成したコ

AIお嬢様コーディング部とは はじめに - AIコーディングに疲れていませんか？ 深夜2時。あなたは画面に向かい、AIエージェントに何度目かの修正依頼を打ち込みます。 返ってくるのは、どこか的外れな回答。イライラが募り、さらに雑な指示を投げる。負のスパイラルが続きます。 なぜAIコーディングは疲れるのか 一般的なAIとのチャットは「ヒーリング効果」や「中毒性」があるとも言われています。しかし、それはあくまで日常会話レベルの話。AIコーディングの世界は全く異なります。 コーディングの世界は、どんなに美しい説明をしても、最終的には「テストに合格するか不合格か」というシビアな現実が待っています。そして、AIは大量のコードと説明を一気に出力し、それが開発者に「わっと」浴びせかかってきます。 エラーメッセージの洪水：一つの修正で10個以上の新しいエラー 過剰な説明：簡単な変更に対して長大な解説 コン

Developers are increasingly relying on AI coding assistants to accelerate our daily workflows. These tools can autocomplete functions, suggest bug fixes, and even generate entire modules or MVPs. Yet, as many of us have learned, the quality of the AI’s output depends largely on the quality of the prompt you provide. In other words, prompt engineering has become an essential skill. A poorly phrased

こんにちは。ウォンテッドリーのEnablingチームでバックエンドエンジニアをしている冨永(@kou_tominaga)です。Enablingチームでは技術的な取り組みを社外にも発信すべく、メンバーが週替わりで技術ブログをリレー形式で執筆しています。前回は市古さんによる「BigQuery × GitHubで始める行動量の可視化【AI導入後の変化をラフに捉えるために】」 でした。今回は「Pocket終了に備えてObsidian Web Clipperに移行した話」についてです。 Mozilla社が提供していた「あとで読む」サービスPocketが2025年7月8日で終了します。技術記事やインスピレーションになる投稿を日々集めておりPocketの終了は大きな痛手でした。 そこで代替ツールを検討した結果「Obsidian Web Clipper」に移行することを決めました。本記事では私がなぜObs

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 2025年5月26日、日本郵政が新しいサービス「デジタルアドレス」を開始しました。 エンジニア泣かせな日本の住所表記を英数字7桁で表現することができ、表記ブレを無くすことができる画期的な取り組みです。 同時に「郵便番号・デジタルアドレスAPI」もリリースされました。 ※ 結局一般ユーザがどういう住所でデジタルアドレス利用登録をするか次第なので、表記ブレは無くなりませんね😂 このAPIを使ってみた感想と利用方法について紹介します。 デジタルアドレスとは デジタルアドレスは、日本郵政が提供する新しい住所表現システムです。例えば「