IRIS-ON-BOOKREST

プログラミング

Claude Codeプラグイン「frontend-design」は本当にAIっぽいデザインを避けることができるのか？

筆者が運営しているサイトは3つありますが、どれもフロントエンドのスタイルについては基本的にAIにまかせてコーディングを行っています。自分で頑張ってスタイルシートを書かなくて済むのでめっちゃ便利な反面、世間でも言われている通り、どうしても「AIっぽいデザイン」に収束してしまうのが玉に瑕なんですよね。今回はこの「AIっぽいデザイン」を回避できると噂のClaude Codeプラグイン「frontend-design」を利用して、どのようなものが出来上がるのかを確かめてみたいと思います。まずは元の状態からもともとのデザインはこんな感じ。ちなみに、簡易的なWEBツールを配置しているサイトになります。 https://iris-on-tools.net/ 実はこのサイト、AIでデザインを行った際の特徴がふんだんに盛り込まれています。例えば * なんとなく紫が貴重になっている * グラデーションが利用されている * 絵文字が多様されているという要素はAIに良くみられる特徴です。やったことある方には分かるはず！ frontend-des

ObsidianからGhostへ直接投稿するツールを自作した話

筆者は最近Obsidianで記事執筆を行うことが多くなっています。んで、Obsidianで書いた記事をGhostブログに投稿する際、毎回ブラウザを開いてコピペするのが面倒だったので、Pythonで専用の投稿ツールを作ってみました。今回は開発する際のあれこれをここで共有していきたいと思います。開発の動機正直なところ興味本位というのが強いのですが、一応「ブログ投稿の手間をより少なくする、という目的があります。 * 現状: Obsidianで書く -> ブラウザでGhost管理画面を開く -> 新規投稿 -> コピペ -> 設定入力 -> 公開 * 理想: Obsidianで書く -> ツール起動 -> ファイル選択 -> 投稿ボタン一発この「理想」を実現するため、PythonからGhostのAdmin APIを叩くシンプルなツールとして設計することに。なお、Ghostの記事(Posts)APIは画像データのアップロードは行えません。なので、「画像が必要な投稿には対応しない！

Antigravityで脱CMSした話

筆者はこのブログのほかに、 * しぇあほん（Webサービス） * アイリス・オン・ツールズ（自作ツール）という2つのWebサイトを運営しています。そして、このたびツールを公開しているWordPressサイトを、Antigravityを利用してイチから書き直しました。もちろんもともとの機能はそのままです！今回は、ここに至るまでの経緯と、どういう手法で移行したかをお話できればと思います！脱CMSしたわけ自作ツールについては、もともとは一つ一つWordPressのプラグインとして実装し、ショートコードで記事ページに埋め込むという手法で公開していました。初めの頃は慣れ親しんだWordPressで作ったものを公開できるは楽でいいなと思っていたのですが、新しいツールを作れば作るほど、WordPressである必要を感じなくなっていきました。それもそのはず、そもそもプラグインという形式以外、WordPressに依存しておらず、利点である通常のブログ記事公開も一切していませんでした。そう、もはやコンテンツマネージメントする必要がない状態だったのです！はなからそのつもり

【導入～】Google Antigravityで適当にアプリケーション作ってみた【無料！？】

最近AIを使ったコーディングをあんまりしていなかったので、最近話題の「Google Antigravity」を導入して、試しにアプリケーションを作ってみました。今回は導入方法や、どういう方法でアプリケーションを作ったのかを紹介できればと思います。なお、よくわかりませんが2026年1月の時点では無料で利用できます。お試し期間ということなんでしょうね。他のAIエージェント型ツール（Manusとか）は有料だし。 Google Antigravityってなに？ AIが統合されたIDE（統合開発環境）です。似たようなツールに「Cursor」や「Kiro」などがあります。2025年はこの手のツールがとても流行った年でしたね。こんな感じで左側でコード参照＆編集、右側でチャットができます。チャットで指示を出すだけでプログラムが進んでいくので、プログラム経験がなくてもそれっぽいアプリケーションが作れます。導入方法インストーラーをダウンロード https://antigravity.google/

【PowerShell】指定ディレクトリのExcelファイルにパスワードを設定（再帰）

本業の方で必要になった、というかあったらいいなあと思ったので仮組み。一応動作確認はしたので動くはず！（本日2度目）用意するもの * Set-ExcelPassword.ps1（PowerShell）コード Set-ExcelPassword.ps1 # =============================================== # Set-ExcelPassword.ps1 # - Recursively set password for Excel files # - xlsx / xlsm / xlsb / xls # =============================================== # --- Ask target directory --- $RootPath = Read-Host "Enter target directory path (e.g. D:\Data)" if (-not $RootPath) { Write-Host "No pa

【PowerShell】指定ディレクトリのExcelファイル名をルールに則り置換（再帰）

本業の方で必要になった、というかあったらいいなあと思ったので仮組み。一応動作確認はしたので動くはず！用意するもの * Rename-Files-WithRules.ps1（PowerShell） * replace_rules.csv（置換ルールファイル）コード Rename-Files-WithRules.ps1 [Console]::OutputEncoding = [System.Text.Encoding]::UTF8 $PSDefaultParameterValues['*:Encoding'] = 'utf8' # =============================================== # Rename-Files-WithRules.ps1 (Excel only) # - Rename file names of .xls / .xlsx recursively # - Rules are loaded from replace_rules.csv # ============

Claude Codeで100時間コーディングして分かった、AI開発のポイント

前置き最近AIに2万円/月の課金をしているやまぐろです。主に個人開発用にAIを使っており、特にClaude（Claude Code）についてはここ一ヶ月で100hくらいは使い倒しています。たぶん。実はAIを使った開発でWEBサービスをリリースしたりもしていますが、この話はおいおい。で、ちょっと触ってみたという人は多くても、自分くらいガッツリAIでシステム開発しリリースまで漕ぎつけた人はそんなにたくさんはいないはず。。そんな自負もありつつ、今回は「AIで開発してみたいけど、どうすれば効率的に使いこなせるの？」という方に向けて、AIを駆使した開発のコツをまとめました。ではさっそく！開発前に準備することまずは、AIを利用して開発する際に準備しておいたほうがよいことを紹介します！バージョン管理の導入バージョン管理システムは、ソースコードや設定ファイルなどの変更履歴を管理するためのシステムのことです。複数人開発や長期運用において、変更の追跡・統合・復元が容易になります。開発者の中に