はてぶ・Qiita・Zennのトレンド記事を紹介
AI時代、エンジニアの価値は「コードを書くこと」ではなくなった 🔖 4
はじめに近年、生成AIは私たちの開発フローを根底から覆しました。AIエージェントがコードを自動生成し、テストを実行する今、私たちは「エンジニアリングとは何か」を再定義する強烈なプレッシャーに直面しています。しかも、これが一過性のバブルなどではなく、まだ「始まりに過ぎない」
undefinedって何者？ 実務でエラーを出さないための安全な判定法
はじめに株式会社Rabeeの新人エンジニア、dkichiです！この記事では実践編として、実務コードで必ず直面する undefined === null の罠から、絶対にエラーを出さない安全な判定テクニックを解説します。前回の記事では、undefined（未定義：シフトの空欄
Mac標準機能＋ffmpegで、動画撮影からGIFコピーまでをローカル内で自動化する
背景UIの細かなインタラクションやバグの挙動をSlackやGitHubに共有したいとき、.movや.mp4のままではプレビューが不便だったり、ファイルサイズが大きすぎたりすることがあります。かといって、わざわざ外部のGIF変換サイトに動画をアップロードするのは面倒ですし、開発
はじめにAPI連携などで、コンソールログやエラーメッセージで頻繁に見かけるundefinedやnull。正直なところ、以前の私はこれらが出ても「なんとなく値が空なんだろうな」とふんわり解釈し、その違いをしっかり理解しないまま仕事をしていました。そこで今回はこの2つの違いを「
はじめにAPI連携などで、コンソールログやエラーメッセージで頻繁に見かけるundefinedやnull。正直なところ、以前の私はこれらが出ても「なんとなく値が空なんだろうな」とふんわり解釈し、その違いをしっかり理解しないまま仕事をしていました。そこで今回はこの2つの違いを「
プログラミングが「全くできない人」の頭の中を解剖してみた 🔖 71
はじめに世の中の「未経験エンジニア挑戦記」の多くは、もともと数学が得意だったり、論理的思考の化身のような人たちが書いています。しかし、私は違います。「ロジックを組む」その言葉の響きだけで、私の脳のブレーカーが落ちます。この記事では、できる人には一生理解できないであろう「プ
先に結論!コメントは「コードを日本語に翻訳する場所」ではなく、コードだけでは伝わらない 意図・前提・制約 を残す場所です。自分もやりがちなので反省と備忘録も込めて、「コード以上の情報がないなら、書かない」 という基準で、コメントの良い例と悪い例をまとめました。3か月後
なぜ「答え」だけでは足りないのか「以前、教わったはずなのに、また同じ質問をしてしまった......」そんな経験はありませんか？例えるなら、お腹が空いているときに「魚」をもらうようなものです。その時は満たされますが、明日にはまた誰かに魚をもらわなければなりません。次に同じ
この記事で解決できることCodexでAIは学習データの時点が古いと、最新の公式ドキュメントとズレたコードを出してしまうことがあります。この記事では、そうした「バージョン差によるズレ」を、公式ドキュメントの注入で補正する方法を説明します。例えば、Svelte 4の$:構文（
CodexでPlaywrightを始める最短手順（時間がない人向け） 🔖 2
はじめに本記事では、Codexを使ってPlaywrightをセットアップし、最初のテストまでの最短手順をまとめています。時間がない人でも「Codexに頼む → 承認を“はい”で進める」で進められる流れにしています。 PlaywrightとはPlaywrightは、ブラウ
Promise/awaitは「おつかい」で理解できる！イラストで学ぶ非同期処理の基本
はじめにこの記事では、Promiseやasync/awaitを使った非同期処理を、カフェラテ作りで説明します。Promiseやasync/awaitは難しく見えますが「おつかいを頼んで戻るのを待つ」だけです。目的はお父さんにカフェラテを作ってあげること。そのために牛乳が必
AIにSvelteのコードをレビューさせたら、アクセシビリティを指摘された 🔖 1
背景実務でAIにコードレビューを依頼すると、role="button"やaria-label="閉じる"といった属性をよく指摘されます。「実装上エラーは出ていないし、画面上は動いているからいいや」ではなく、なぜこれらが必要なのか、その理由を正しく理解するためにまとめてみました
Chrome 拡張機能(Manifest v3)で開いてるタブに対して文字列でJSを実行する方法
まえがきもともとManifest v2で開発していたものがあり、v3にアップデートするのが面倒で放置していたらついに使えなくなってしまいやむを得ずアップデートすることにしました。その時、基本的には マイグレーションガイド の通りにやって動いたのですが、 chrome.tabs
Svelte5でJSライブラリを作成する方法(素のJS向けにビルドする方法) 🔖 1
まえがきなんのJSフレームワークも使っていない純粋な HTML, CSS, JS で構成されたプロジェクトに、リッチな機能を組み込みたい！みたいなときありますよね。そういうときにSvelteで実装するための備忘録です。ただSvelteが書きたいだけで細かい設定とかに頭使いた