GitHub Copilot × Playwright でWebサイトをモンキーテストする実践手法
VS Codeのエージェントモード(GitHub Copilot)とPlaywrightブラウザツールを組み合わせ、静的サイトを体系的にモンキーテストした実践記録です。テスト設計の考え方から、実際に発見・修正したバグ、改善提案までを公開します。
17 articles
CEO von Acecore. Ein vielseitiger Ingenieur, der Systementwicklung, Webproduktion, Infrastrukturbetrieb und IT-Bildung abdeckt. Löst gerne organisatorische und menschliche Herausforderungen durch Technologie.
VS Codeのエージェントモード(GitHub Copilot)とPlaywrightブラウザツールを組み合わせ、静的サイトを体系的にモンキーテストした実践記録です。テスト設計の考え方から、実際に発見・修正したバグ、改善提案までを公開します。
Astro + UnoCSS 構成のサイトで実施したアクセシビリティ改善の全手順を紹介します。aria属性・コントラスト・フォーカス管理・フォーム検証・スクリーンリーダー対応など、WCAG AA準拠に必要な施策を網羅しています。
Astro 6 + UnoCSS + Cloudflare Pages 構成のサイトを9言語対応にした記録です。UI の国際化からブログ記事136本の翻訳、Pages CMS の多言語設定まで、全工程を解説します。
Astro + Cloudflare Pages 構成のサイトに JSON-LD 構造化データ・OGP・サイトマップ・RSSを正しく実装した手順をまとめました。Google のリッチリザルト対応からRSSフィードの最適化まで、実践的な SEO 改善を紹介します。
AstroのView Transitionsでスクリプトが動かなくなる問題の解決策、Pagefind全文検索の導入、TypeScript型安全性の向上、定数の一元管理など、UXとコード品質を改善した実践ガイドです。
Astro + UnoCSS + Cloudflare Pages 構成のサイトをパフォーマンス・SEO・アクセシビリティ・UXの4軸で改善し、PageSpeed Insights モバイル99点・デスクトップ全項目100点を達成した全記録です。
クラウド会計のデータ連携で蓄積した仕訳837件の分類・検証から、社会保険料の突合、控除入力、申告提出まで。GitHub Copilot Agent Mode × Simple Browser に実作業をほぼ全振りした確定申告の全記録です。
Zoho Workplace から KAGOYA MAIL へメールサービスを移行した際の手順・DNS設定・SPF/DKIM認証・Zoho Workplace 全体のデータ棚卸しまで、実践ベースで解説します。
Astro + UnoCSS + Cloudflare Pages 構成のサイトで PageSpeed Insights モバイル99点を達成するまでに行った最適化テクニックを紹介します。CSS配信戦略・フォント設定の罠・レスポンシブ画像・AdSense遅延読み込み・キャッシュ設定まで、実践的な手法をまとめました。
Cloudflare Pages での静的サイトデプロイと、_headers によるセキュリティヘッダー・CSP 設定の実践ガイドです。Worker から Pages に戻した経緯も紹介します。
Keystatic・Sveltia CMS・Pages CMS を比較検討し、Pages CMS を採用した経緯と、Cloudflare Turnstile でお問い合わせフォームのスパム対策を実装した記録です。
VitePress + UnoCSS で構築していた事業計画ドキュメントを Astro + Starlight に移行し、2つのプロジェクトでフレームワークを統一した記録です。Mermaid 図表の CDN 移行も紹介します。
Acecoreの公式Webサイトを全面リニューアルしました。新しいサイトの特徴や今後の展望についてご紹介します。
システム開発からデザイン、IT教育まで。Acecoreが提供する5つの主要サービスについて詳しくご紹介します。
Acecoreが推進するコミュニティ活動、教育支援、オープンソースへの貢献について。Aceserverやスクール、勉強会を通じた取り組みを紹介します。
AceCore Schoolsでは、夏休みを利用して子供たちにロボット工作の楽しさを体験してもらうイベントを開催しました。工作を通して技術的な知識や創造力を育んでいます。
Facebook(Meta)のメタバース戦略がいまいちピンとこない一方で、マインクラフトは1億人以上が参加する巨大な仮想空間。VRゴーグルだけがメタバースじゃない、という話。