[連載] ネットワーク基礎 第0回 インフラエンジニアとネットワークエンジニアの本当の違い
いいね : 191
記事では「インフラエンジニア」という言葉の曖昧さを指摘し、職種をより詳細に分類しています。
- サーバー、ネットワーク、データベース、ストレージ、クラウド、運用オペレーターといった技術領域による分類
- 要件定義から運用・保守までの工程による分類
- ネットワークエンジニアは物理層から論理層まで幅広い知識が必要であり、キャリア設備の知識も不可欠
これらの分類を理解することで、キャリア形成におけるミスマッチを減らすことが重要だと述べています。
MermaidでAWS構成図を作成するテクニック
いいね : 59
タグ : aws, 初心者, aws-cli, mermaid.js, mermaid
Mermaidを用いてAWS構成図を作成するテクニックを紹介しています。Mermaidを使うことで、構成図内のテキスト検索やアイコンによる視覚的な表現が可能になり、アイコンからマネジメントコンソールへの遷移も実現できます。記事内では、具体的なMermaid記法のサンプルと、Qiitaでの表示例が示されています。これにより、実用性の高いAWS構成図を作成できます。
AIでUIはどこまで作れる？UI自動生成ツール4つ実際に使って比較してみた
いいね : 40
タグ : ui, design, ai, uiデザイン, 生成ai
この記事では、AIによるUI自動生成ツール4種（Stitch, v0 by Vercel, Visily, Uizard）を実際に使用し、UI生成能力を比較検証しています。
- 検証方法: 各ツールに共通プロンプト（社会人向け資格講座アプリのレッスン動画視聴画面と問題回答画面）を入力し、生成されるUIを比較。また、方向性の違うデザインや画像添付による生成の変化も検証。
- ツールの分類: UIデザイン・コード生成ツール(Stitch, v0)とUIデザイン作成ツール(Visily, Uizard)に大別。
- 生成結果: 各ツールで生成されたUIの特徴、Figma連携やコード生成、画像参照への対応などを比較。v0はリッチなアウトプット、Visilyは安定した構成、Uizardはテンプレートベースの画一的な印象といった傾向が見られました。
[連載] ネットワーク基礎 第1回 基本設計の重要性とネットワーク構築の全体像
いいね : 34
ネットワーク構築はビジネス要件と技術実装を組み合わせるプロセスであり、基本設計の品質が重要となる。構築は要件定義から運用までの6フェーズで構成され、各フェーズは密接に関連する。基本設計は物理、論理、セキュリティ、高可用性、管理の5要素で構成され、将来の拡張性や運用性を考慮する必要がある。特に物理設計における性能設計とサイジングは重要で、将来の成長予測や性能劣化要因を考慮し、現在の要件の1.5〜2倍の性能を確保することが推奨される。
Proプランでも使えるようになった「GitHub Copilot coding agent」を試してみた
いいね : 22
タグ : javascript, github, p5.js, githubcopilot, githubcopilotcodingagent
GitHub Copilot coding agentがProプランでも利用可能になった。
Issueに仕様を記述しCopilotをアサインすると、Copilotがコーディング、プルリク作成まで行う。
設定画面では対象リポジトリを設定可能。
p5.jsを使った描画を依頼したが、素のCanvas APIで実装されるなど、意図しない実装になる場合もある。
Issue作成前にリポジトリにコミットが必要。
【ポケモン×Java】第1章：『ピカチュウ、君に決めた！』～クラス～
いいね : 19
タグ : java, オブジェクト指向, 初心者, 教育, プログラミング入門
この記事は、Javaを学習するためにポケモンを題材とした連載の第1章。読者はポケモントレーナーとなり、ヒトミ博士から最初の相棒ポケモンを選ぶように促される。選択肢は、ヒトカゲ（ほのおタイプ）、ゼニガメ（みずタイプ）、フシギダネ（くさタイプ）の3匹。Javaのクラスの概念をポケモンに例えて解説していくと思われる。
【TypeScript】結局、never型っていつ使うん？を考えてみた。
いいね : 44
タグ : javascript, 初心者, typescript, フロントエンド, react
この記事は、TypeScriptのnever型について解説しています。never型は「絶対に値が存在しない型」を意味し、関数が戻らない場合や変数に値が代入されない場合に用いられます。never型を知ることで、TypeScriptでの型安全な開発をより確実に行えます。記事では、never型の基本的な概念から、具体的な使用例、他の記述方法との比較までを丁寧に解説しています。
システムエンジニア（SE）の平均年収を徹底解説！年代・職種・地域・経験別の目安
いいね : 14
タグ : 転職, システムエンジニア, フリーランス, 年収, キャリアパス
システムエンジニア(SE)の平均年収は523万円。企業規模、年齢、経験年数、地域、職種によって年収は大きく変動します。年収アップには、スキルアップ(クラウド、AI等)、資格取得(基本情報技術者等)、上流工程への参画、マネジメント力向上が有効です。キャリアチェンジ(ITコンサル等)や転職・独立も選択肢。SunSunTechのようなエンジニア主体でキャリアを構築できる企業も存在します。
【小ネタ】GitとVSCodeがあればWindowsでもClaude Codeを使えるぅ！（WSLもいらない）
いいね : 16
タグ : git, node.js, vscode, wsl, claudecode
Windows環境でClaude Codeを使う際、通常はWSL(Windows Subsystem for Linux)が必要だが、GitとVSCodeがインストールされていれば、WSLなしでも動作可能。セットアップガイドではWSLが必要とされているものの、簡単な手順でWSLなしでClaude Codeを試せる。ただし、公式サポート外のため自己責任で行う必要がある。
BedrockのPDFサポートについて検証しましたが、、
いいね : 11
タグ : aws, pdf, bedrock, claude
BedrockにClaudeモデルの引用とPDFサポートが追加された。Converse APIもPDFをサポートしていたが、今回のアップデートではPDFから抽出したテキストに加え、ページ全体を画像化して処理する点が異なる。検証として、画像のみで構成されたPDFでConverse APIを試した結果、テキスト抽出ができないため、内容を要約できなかった。
え、プロジェクトチャーターがないって？消火器をもってくるんだ！
いいね : 11
タグ : インセプションデッキ, 炎上, プロジェクトマネジメント, プロジェクト憲章, プロジェクトチャーター
プロジェクトにおいて、プロジェクトチャーターの作成は非常に重要。作成せずに進めると、プロジェクトが炎上・失敗するリスクが高まる。プロジェクトチャーターがない場合、同様の質問や指摘が繰り返されるため、早期に作成し共有することで混乱を防ぐことができる。本記事では、プロジェクトチャーターの最低限抑えるべき要素と、途中参画時にチャーター不在の場合の対処法を解説する。
【AI slop】AI生成によるゴミをプルリクするのをやめろ
いいね : 9
タグ : github, curl, ai, hackerone, ai駆動開発
AIによるコード生成ツールが普及する中、他人のリポジトリへのAI生成コードによるプルリクエスト（PR）が問題視されています。cURLの作者であるDaniel Stenberg氏は、AIが生成した無効なセキュリティレポートによって多大な時間的浪費を強いられている状況を強く批判し、AI利用の有無を申告させる義務化を提案しています。GitHub CopilotによるIssue作成機能も、他人のリポジトリへのPRが可能であり、AI生成であることの識別が困難なため、同様の問題を引き起こす可能性があります。対策として、AIによるPRを拒否する設定や自動却下BOTの必要性が議論されています。
[速習] 知識獲得と学習の道 新卒エンジニアが知るべき生成AI活用の心得
いいね : 16
新卒エンジニアが生成AIを活用する際の心得として、まず会社の規約を遵守し、情報漏洩を防ぐことが重要です。次に、生成AIを「知性の鏡」と捉え、確率論的な出力を鵜呑みにせず、自身の知識と批判的思考で検証することが不可欠です。プロンプトエンジニアリングを学び、専門知識を深め、認知バイアスを意識することで、より効果的にAIを活用できます。また、認知負荷を軽減するテクニックやデュアルディスプレイの導入も推奨されています。抽象化と構造化のプロセスを経て設計段階からAIを活用することで、より質の高い成果を得られます。
【宣伝&リンク集】2025 Japan AWS Jr. Champions 夏のQiitaリレーを行います！
いいね : 8
タグ : aws, cloud, jr.champions
セゾンテクノロジーの青木氏が2025 Japan AWS Jr. Championに選出。これを記念し、AWS界隈を盛り上げるため「2025 Japan AWS Jr. Champion Qiitaリレー夏」を7/5から実施。Japan AWS Jr. Champions Organizationsで毎日投稿予定。記事では投稿順、担当者、リンクが表形式で示されているが、詳細は随時追加される。
AmazonBedrockとPlayWrightMCPで始める日本語E2Eテスト
いいね : 8
タグ : python, aws, docker, フロントエンド, #mcp
この記事は、E2Eテストの課題解決策として、生成AIを活用した自然言語でのブラウザ操作を提案しています。Playwrightを自然言語で操作するために、Amazon BedrockとModel Context Protocol(MCP)を利用し、AWS Lambda上で実行可能な環境を構築します。
対象読者として、E2Eテスト未導入の小規模プロダクト開発者や、MCPを試したい方、AWS環境で生成AIとMCP運用を一本化したい方を想定しています。
BedrockのAIエージェント開発機能であるStrandsAgentsとMCPサーバーを連携させ、コールバック処理をカスタマイズすることで、柔軟なAIエージェントの制御を可能にしています。
今週の4ユニ第2号
いいね : 8
タグ : スクラム, カイゼン, chatgpt, notebooklm, チーム週報
ダイレクト出版株式会社の第4開発ユニット(4ユニ)が、Kotlin Multiplatformアプリ開発の週報をAIで作成。チームの取り組みを可視化・共有が目的。作成手順や運用方法は別記事を参照。社内情報保護のため一部改変。
【非エンジニア向け】営業こそGeminiを使おう！明日から試せる業務効率化シナリオ
いいね : 17
タグ : google, tips, 効率化, ai, gemini
この記事は、非エンジニアの営業職向けに、Geminiを活用した業務効率化のシナリオを紹介するものです。
- 商談準備の効率化: 顧客情報や過去のやり取りをGeminiに入力し、提案資料の作成やトークスクリプトの作成をサポート。
- 商談中のリアルタイム支援: 顧客の質問や反応をGeminiに入力し、適切な回答や提案を即座に生成。
- 商談後のフォローアップ: 商談内容をGeminiに要約させ、顧客へのフォローメール作成や次回の提案内容の検討に活用。
これらの活用例は、まだ提案段階であり成功事例ではないものの、営業担当者の業務効率化に役立つ可能性があります。
New Relic APMをintra-martに導入してみよう
いいね : 8
タグ : newrelic, 監視, apm, intra-mart, observability
この記事では、New Relic APMをintra-martに導入する方法を解説します。intra-martはJavaで開発されており、Resin上で動作します。導入手順として、New Relicの画面上でJava Agentを選択し、ライセンスキーとユーザーキーを指定、OSとフレームワーク（Resin）を選択します。Javaエージェントをダウンロードし、展開、設定ファイルを設定後、Resinの設定ファイル(resin.properties)にJava Agentを起動するための引数を追加します。環境によっては追加パラメータが必要になる場合があります。
[入門] C/C++ 知っておくべきポインタの由来 ISO標準のメモリモデル徹底解説
いいね : 7
C/C++におけるポインタの「由来」(provenance)の重要性を解説。ISO/IEC TS 6010:2025で定められた「provenance-aware memory object model」を基に、異なるポインタが同じアドレスを指していても、由来によってコンパイラの最適化や動作が変わる点を指摘。コンパイラの最適化とエイリアシング問題の背景を説明し、具体的なコード例を用いてポインタの由来が実際の動作に与える影響を示す。
【あなたが一番推しのFlutterパッケージは？】私がよく使われてるのFlutterパッケージ厳選
いいね : 7
タグ : android, ios, dart, アプリ開発, flutter
この記事では、Flutter開発で役立つ3つの厳選パッケージを紹介しています。
1つ目は、状態管理に便利なhooks_riverpodとflutter_hooks。hooksとの連携により、ウィジェット作成時の状態管理が容易になります。
2つ目は、型安全なルーティングを実現するauto_routeとauto_route_generator。標準のルーティング方法の課題である型安全性の欠如を解消します。
3つ目は、iOS/Android両方のアイコン設定を容易にするflutter_launcher_icons。コマンド一つでアプリアイコンの設定が可能です。
RailsのERBとJavaのthymeleafにおけるオブジェクト反復処理の違い
いいね : 19
タグ : java, ruby, rails, erb, thymeleaf
Rails(ERB)とJava(Thymeleaf)におけるオブジェクト反復処理の違いを解説。ERBではRubyのeachメソッドを使用し、ブロック変数で要素を取得。インデックスが必要な場合はeach_with_indexを使用する。一方、Thymeleafではth:each属性を使用し、より自然なHTMLテンプレートを維持できる。Rails経験者がJavaを学ぶ上で、この違いを理解することが重要となる。
じぇ、JSONPってなんやねーん！？🤯
いいね : 6
タグ : jsonp, json, 初心者, 徳丸本, xss
JSONPは、クロスドメイン通信を可能にする技術で、JSONデータをJavaScript関数でラップし、<script>タグで取得します。クライアントはcallbackパラメータで関数名を指定し、サーバーはその関数を呼び出す形式でレスポンスを返します。同一オリジンポリシーの制約を回避できますが、XSS対策としてコールバック関数名の検証やJSONの安全なエンコードが必須です。近年ではCORSが主流となっています。
【Void】OSSのAIエディタに乗り換えてみませんか？
いいね : 14
タグ : エディタ, ai, oss, vscode, 生成ai
VoidはY Combinator支援のオープンソースAIエディタで、VS CodeをベースにCursorの代替を目指しています。
重要な特徴は以下の3点です。
- OpenAIなどのLLMに直接接続可能で、セキュリティに優れている点。
- ローカルLLMモデルにも簡単に接続できる点。
- VS Codeの操作感、テーマ、キーバインドなどをそのまま利用できるため、移行コストが低い点。
まだベータ版であり開発が活発なため、今後の機能拡充が期待されます。
あなたのモダン技術、5年後にはあなたは理解できなくなります
いいね : 5
タグ : php, typescript, 技術的負債, aiエージェント
AIエージェントの進化が目覚ましい一方、5年後には現在のモダン技術を自身が理解できなくなる可能性がある。2024年の技術選択状況としてJavaScript、TypeScript、Reactなどが挙げられるが、PHPのような技術も依然として利用されている。重要なのは、常に変化する技術に対応し続ける必要性である。AIの進化に伴い、技術の陳腐化が加速していることに警鐘を鳴らしている。
（怒られたら消します）AWS Summit期間限定アーカイブ動画の直リンク
いいね : 6
タグ : aws, awssummit2025
AWS Summit期間限定アーカイブ動画への直リンク集です。
- 基調講演・スペシャルセッション、AWSセッション、パートナーセッション、カスタマーセッション、アーキテクトセッションの動画リンクが掲載されています。
- 各セッションは多岐にわたるテーマを扱っており、生成AI、クラウド移行、データ活用、セキュリティ、業界事例などが含まれます。
- 動画を視聴するには、ログインが必要です。
理想の筋トレアプリが無かったので自分で作る ①アイデア＋WearOS開発
いいね : 5
タグ : kotlin, androidstudio, ネイティブアプリ, 筋肉エンジニア, wearos
筆者は心拍数でレスト時間を管理する筋トレを行っており、既存アプリに満足できなかったため、WearOSアプリを自作することにした。WearOS側では、レスト中の心拍数減少を検知し、次のセットへのアラートを出す。また、スマホアプリ側で分析できるよう、必要なデータを送信する。スマホアプリ側では、送信されたデータに基づき、セットごとのデータやトレーニングメニューごとの統計データを提供する。WearOSアプリは、MainActivity、HeartRateMonitorUI、HeartRateViewModelの3ファイルで構成されている。
n8nをつかってスーパーでの買い忘れをなくす！
いいね : 15
タグ : 自動化, 買い物, n8n.io, n8n.cloud, n8n
n8nを活用し、LINEと連携してスーパーの買い忘れを防ぐ仕組みを構築。
LINEからのメッセージをWebhookで受け取り、Basic LLM Chainで品目、購入日、緊急度を抽出。抽出された情報はGoogle Sheetsに保存される。
毎日深夜に翌日の買い物リストがLINEに自動送信される。
このシステムは、簡単な動作であれば容易に実装でき、様々なサービスとの連携が可能。
AI処理に特化したDifyとの連携も可能で、業務自動化への応用が期待される。
生成AIだけでゲームを作るプロダクト開発においてエンジニアとして何をしたのか
いいね : 5
新卒研修で生成AIのみを用いてWebゲームを開発した事例。
- 制約と目標: HTML/CSS/JavaScript限定、5日間でAIのみを使用しゲームを開発。
- 開発プロセス: 紙プロトタイピングでゲーム性を向上。AIが生成しやすいよう、コンポーネントや機能を明確に定義。プロンプトを段階的に与え、機能ごとにファイルを分割。
- AIとの連携: Geminiに出力制限があるため、機能ごとに分割してプロンプトを送信。不具合はGeminiに修正させ、徹底したAI中心開発。初期レイアウト作成からルール実装、デザイン生成までAIを活用。
- 可能性と課題: 開発速度向上、アイデア具現化、学習効果がある一方、複雑なロジックの生成、デバッグ、環境構築に課題。
闘魂Elixir ーー AtCoder Beginner Contest 400(B)をElixirとRustで楽しむ
いいね : 5
タグ : rust, atcoder, elixir, 猪木, 闘魂
この記事は、AtCoder Beginner Contest 400(B)の問題をElixirとRustで解くことを通して、プログラミングの楽しさを追求する内容です。重要なポイントは以下の通りです。
- AtCoderの問題をElixirとRustで解くこと自体が、プログラミングの鍛錬になる。
- ElixirでAtCoderの問題を解くには、エントリポイントを
Main.main/0にする必要がある。 - B問題では、プログラミングの基本である「順次」「分岐」「繰り返し」の理解度が問われる。
- Elixirでの解答例として、Enum.reduce_while/3 を使用し、べき乗計算に ** を使用している。上限値を超えないようにガード節を使用。
PHP カンファレンス 2025 参加記
いいね : 13
NJSSの一色氏がPHPカンファレンス2025に参加。PHPコミュニティの年齢層の幅広さや地方カンファレンスの活発さを評価。当日のセッションでは、Result型によるエラーハンドリングと、Qiitaへのアウトプットに関する発表が印象に残ったとのこと。今後のPHPカンファレンスの予定も発表され、特にLaravel Live Japanに注目している。直近ではPHPカンファレンス関西2025への参加を予定。
2025-07-02 6:20:21 AM 時点の情報です。