-
AIが書いたコードをローカルでレビューできる「ReviewIt」を作った
zenn
@よしこ
2025/06/30
269
ローカルコードレビューツール「ReviewIt」の紹介
AIが生成したコードのレビューを、GitHubのレビュー画面のようにローカル環境で行えるツール「ReviewIt」が開発されました。
ReviewItの基本的な使い方
ターミナルで `npx reviewit` コマンドを実行するだけで、ローカルサーバーが立ち上がり、HEADコミットの差分を確認できます。特定のコミットハッシュを指定することも可能です。
コメント機能とAI連携
行コメントを追加し、それをAIへのプロンプトとしてコピーする機能があります。「Copy Prompt」ボタンで、ファイルパスと行番号付きのコメントがクリップボードにコピーされ、Claude CodeなどのAIツールへの入力が容易になります。
UIと表示オプション
GitHubと同様のside-by-sideとinline表示をサポートし、デフォルトで空白を無視する設定（-w状態）も利用できます。これらの設定はグローバルヘッダーから切り替え可能です。
改善とフィードバックの募集
開発者は、様々なプロジェクトのGitリポジトリで「ReviewIt」を試用し、改善点やフィードバック、StarをGitHubリポジトリで提供することを推奨しています。
※これはGeminiによる生成物です
-
全人類、いますぐ Discord Webhook を使いこなそう
zenn
@oliver
2025/06/29
82
Discord Webhookとは
外部サービスからDiscordチャンネルにメッセージを送信する仕組みであり、Botを作成せずにHTTPリクエスト一発でメッセージ送信できる手軽さが魅力です。
WebhookとBotの使い分け
「通知を送るだけ」ならWebhook、「対話が必要」ならBotを選択するのが良いでしょう。Webhookは実装が簡単で送信のみ可能、Botは複雑だが双方向通信が可能です。
Webhookの作成方法
Discordのチャンネル設定からWebhookを作成し、名前、アバター、送信先チャンネルを設定します。生成されたURLは秘密情報として管理する必要があります。
Embedによるメッセージのカスタマイズ
Embedを利用することで、メッセージの見た目をリッチにカスタマイズできます。タイトル、説明文、著者情報、フィールド、画像などを設定可能です。
高度なテクニック：ファイル添付
Webhookを使用して最大10個までのファイルを添付できます。ファイルサイズには上限があり、サーバーブーストやNitroの加入状況によって変動します。
※これはGeminiによる生成物です
-
[連載] ネットワーク基礎 第0回 インフラエンジニアとネットワークエンジニアの本当の違い
qiita
@ShigemoriMasato
2025/06/29
47
インフラエンジニアの曖昧さ
「インフラエンジニア」という言葉は広範囲な意味で使用され、キャリア形成や採用ミスマッチの原因となっている。実際にはサーバー、ネットワーク、データベースなど専門性が異なる。
ネットワークエンジニアの特殊性
ネットワークエンジニアは物理的な配線から論理的な設計まで幅広い知識が必要。キャリアとの調整も行う必要があり、物理層からアプリケーション層まで全ての層を確認する必要がある。
各エンジニア職種の細分化
実際の現場では、サーバーエンジニアやネットワークエンジニアなどの職種が、扱う製品やベンダーによってさらに細かく専門職化されている。
工程による役割の違い
同じ職種でも、要件定義、設計、構築、運用・保守など、担当する工程によって求められるスキルや年収が大きく異なる。
キャリアパスの違い
各エンジニア職種でキャリアパスが異なり、サーバーエンジニアはSREやクラウドアーキテクト、ネットワークエンジニアはネットワークアーキテクトやセキュリティスペシャリストを目指すことが多い。
※これはGeminiによる生成物です
-
[入門] PythonでuvとPEP 723を使うと開発体験が10倍向上する理由
qiita
@ShigemoriMasato
2025/06/28
88
uvによるPython環境構築の高速化
Rustで実装されたuvは、pipやcondaと比較して10倍から100倍高速なパッケージ管理を実現し、環境構築時間を大幅に短縮します。
uvのオールインワン・ソリューション
uvはパッケージ管理、Pythonバージョン管理、プロジェクト管理を統合し、activate不要でゼロコンフィグな開発体験を提供します。
PEP 723による依存関係管理の簡素化
PEP 723を利用することで、Pythonスクリプト単一ファイルに依存関係を埋め込み、配布と実行を容易にし、環境構築の手間を省きます。
Jupyter Lab環境構築の効率化
uvを使用することで、Jupyter Lab環境の構築時間がpipやcondaと比較して大幅に短縮され、データ分析の生産性が向上します。
uvの注意点と対策
uvはまだ新しいツールであるため、プラグインシステムとの相性や破壊的変更に注意が必要です。専用ツールやバージョン上限設定などの対策を講じることで、uvの利点を最大限に活用できます。
※これはGeminiによる生成物です
-
AWS Summit 2025 Community Stage全セッション＆資料まとめ
qiita
@issy929
2025/06/28
57
AWS Summit Japan 2025 Community Stage まとめ
AWS Summit Japan 2025 Community Stageで開催された全セッションと資料をまとめた記事である。コミュニティメンバーによる実践的な知見や経験談を知ることができる。
ミニステージスケジュールビューアーの紹介
ミニステージのスケジュールを横断的に見れるビューアーが紹介されている。Amazon Q CLIに実装から記事作成まで実施してもらったAWS Summit Japan 2025 Mini-Stage Schedule Viewerに関する記事へのリンクがある。
AWS Community Builder の体験談
AWS Community Builderである五味なぎさ氏が、社内完結からコミュニティに参加するまでの体験談を共有。技術イベント参加や情報発信への挑戦、学びについて解説。
AWS Developer Tools の活用
AWS Community Builderである山本直弥氏が、AWS Developer Toolsの活用方法を紹介。AWS CDK、AWS CloudFormation、Amazon Q Developer などのツールによる効率化について解説。
AI Slack bot の成長
AWS Community Builderである岩本隆史氏が、AWSで育てたAI Slack botの2年間の軌跡を紹介。EC2からECSへの移行、Bedrockの活用など、AWSサービスを組み合わせた改善について解説。
※これはGeminiによる生成物です
-
o3 MCPでClaude Codeが最強の検索力を手に入れた
zenn
@よしこ
2025/06/27
387
o3モデルのWebSearch対応
OpenAI APIのo3モデルがWeb検索に対応し、Claude Codeが直接o3に質問して検索結果を利用できるようになった。
o3検索MCPラッパー
o3のAPIを検索込みで呼び出す薄いMCPラッパーが作成され、API Keyと推論・検索度合いをenvで設定可能。
MCP登録方法
global登録はコマンド `$ claude mcp add o3 -s user ...` で、プロジェクト単位では `.mcp.json` ファイルに設定を記述することでMCPを登録できる。
Claude Codeとo3の連携
Claude Codeに「o3に聞いてみて」と指示することで、o3がWeb検索結果を要約してClaude Codeに提供し、解決策を提示する。
CLAUDE.mdへの追記
globalのCLAUDE.mdに「技術的に詰まったらo3 mcpに英語で相談して」と追記することで、コーディング中の問題解決をAIに委ねられる。
※これはGeminiによる生成物です
-
ターミナルを使う人は、とりあえず「mise」を入れておく時代。 ・・・を夢見て。
zenn
@ぽんこつエンジニア
2025/06/26
556
miseとは
Rust製のCLIツールで、dev tools, env vars, task runnerの機能を持つ。 AIツールのCLIパッケージ管理にも利用可能。
タスクランナー機能
mise.tomlに定義したスクリプトをmise runコマンドで実行できる。コマンドを覚える必要がなくなり、confirm設定で実行前の確認も可能。
パッケージ管理機能
.node-versionなどを解釈し、nodenv, pyenv, rbenv, asdfなどの代替として利用可能。nodeやpythonパッケージも一元管理できる。
環境変数管理機能
mise.tomlに環境変数を定義すると、そのディレクトリ配下で自動的に環境変数が反映される。既存の.envファイルも読み込み可能。
インストール方法
curl https://mise.run | sh でインストール可能。apt, yum, brewなど多様な環境に対応。
※これはGeminiによる生成物です
-
【CSS】まだ width: 100% つかってるやついる⁉︎ いねぇよな⁉︎
qiita
@degudegu2510
2025/06/25
192
CSSの新しいキーワード 'stretch' の追加
Chrome 138から、CSSで要素のサイズを指定する際に使える新しいキーワード 'stretch' が追加されました。これは要素が親要素の使用可能なスペースを完全に埋めるようにサイズを拡大するものです。
'stretch' と '100%' の違い
'stretch' はmarginも含めた要素を基準にサイズを決定するため、marginを含めて親要素内にピッタリ収めることができます。一方、'100%' はbox-sizingで指定されたボックスを基準にサイズを決めます。
'stretch' の基本的な使い所 - width
calc() 関数を使って要素が親要素からはみ出ないようにしていた箇所を、'width: stretch' に置き換えることができます。これにより、コードがより簡潔になります。
'stretch' の基本的な使い所 - height
子要素の高さを親要素に合わせたい時に、親要素の高さを指定していた箇所を 'height: stretch' に置き換えることができます。これにより、子要素が親要素に合わせて自動的に伸縮します。
'stretch' のブラウザ互換性
'stretch' は現時点（2025年6月）では Chrome 138 以降でのみ対応しています。他のブラウザでは、ベンダープレフィックス付きのキーワード（-webkit-fill-available, -moz-available）と併用することが推奨されます。
※これはGeminiによる生成物です