学ぶ

点検チェックシートを、1つのファイルから役割ごとのファイルに分けました。あわせて Node.js と npm を使い、点検項目のデータに書き間違いがないかを、コマンド1つで確かめられるようにしました。基準値の min と max を逆に書い...

AIは間違えます。しかも困ったことに、間違えているときも自信満々です。「できました」「成功しました」と言われると、つい信じてしまいます。シリーズ「AIと作るための技術」の今回は、このブログを Claude Code で作る中で実際に起きた間...

点検チェックシートの最初の版を、HTML・CSS・JavaScript の3つだけ、1つのファイルで作りました。インストールも準備もいりません。ファイルをブラウザで開けば動きます。下で実際に触れます。点検者を入れて全項目に答えると「記録する...

設備の日常点検を、紙の点検表からスマホに置きかえる「点検チェックシート」を、ブラウザで動くツールとして作っていきます。作りながら、フロントエンド開発の基本を1回に1つずつ身につけるのが、シリーズ「作って学ぶフロントエンド」の目的です。最初の...

AIにツールを作ってもらうとき、仕上がりを一番大きく左右するのは最初の頼み方です。同じAIでも、頼み方しだいで「思っていたのと違う」ものが出てきたり、一発で欲しいものが出てきたりします。シリーズ「AIと作るための技術」の今回は、人の役割のう...

このブログ「Pixelogic Lab」は、サーバーの設定からテーマの切り替え、ロゴ、アイキャッチ画像、記事の下書きまで、ほとんどの作業を Claude Code（ターミナルで動くAIのコーディング支援ツール）に頼んで作りました。では、人は...