本文へスキップ
Acecore
G

Gui

28件の記事

Acecore 代表。Web、DB/インフラ、品質保証、AI活用を、事業課題の整理から設計・導入後の改善までつなげて推進している。 C#/.NET を軸にした実装力を土台に、PHP/JavaScript、SQL Server/PostgreSQL/MySQL、Linux/Windows Server なども踏まえ、要件整理、技術選定、品質基準、GitHubベースの開発運用まで一体で設計する。 生成AIは、開発・検証・情報整理などの業務プロセスに取り入れ、小規模チームでも速く確かな成果を出すための実務基盤として活用している。

Astro + Cloudflareで公式サイトを機能拡張する全体設計
by Gui

Astro + Cloudflareで公式サイトを機能拡張する全体設計

AstroとCloudflare Pagesを土台に、問い合わせAI、Sveltia CMS、多言語ブログ、サービスCTA、Markdown安全描画、Cloudflareだけのコメント機能をどう組み合わせて公式サイトを育てたかを、他サイトにも転用しやすい全体設計として整理します。

CloudflareだけでAstroブログにコメント機能を作る方法
by Gui

CloudflareだけでAstroブログにコメント機能を作る方法

外部コメントサービスに頼らず、Cloudflare Pages Functions、D1、Turnstile、Wrangler設定だけでAstroブログにコメント機能を追加した実装記録です。API設計、保存先、スパム対策、origin制御、Wranglerでのbinding管理、運用時の注意点まで整理します。

Sveltia CMSで多言語ブログを運用する方法
by Gui

Sveltia CMSで多言語ブログを運用する方法

Sveltia CMSで日本語記事を更新し、GitHub ActionsとGitHub Copilotで翻訳PRを作る運用を、UI翻訳との違い、検索エンジン上のメリット、hreflang、RSS、sitemap、レビュー観点まで含めて整理します。

Sveltia CMS導入ガイド
by Gui

Sveltia CMS導入ガイド

Astroなどの静的サイトにSveltia CMSを導入し、GitHub backend、OAuth Worker、画像アップロード、多言語運用、CMS専用PRフローまで整える手順と反省点をまとめます。

AIチャット回答のMarkdownリンクを安全に描画する実装設計
by Gui

AIチャット回答のMarkdownリンクを安全に描画する実装設計

AIチャットの回答に含まれるMarkdownリンクを、HTMLへ安全に変換するための実装メモです。URL前後の空白を許容しつつ、trim、許可リスト、DOM生成、fallback、テストケースを分けて考えることで、他サイトにも転用しやすいレンダラーになります。

サービスCTAから問い合わせフォームへ文脈を引き継ぐ技術設計
by Gui

サービスCTAから問い合わせフォームへ文脈を引き継ぐ技術設計

サービスページで読んでいた文脈を問い合わせフォームへ引き継ぐための実装設計です。AstroサイトでのミニCTA、URLパラメータ契約、フォーム種別の初期選択、件名prefill、多言語URL、GA計測、生成HTML確認まで、他サイトでも使える形で整理します。

Astroサイトに問い合わせAIチャットを組み込む技術設計
by Gui

Astroサイトに問い合わせAIチャットを組み込む技術設計

Astro + Cloudflare Pages 構成の静的サイトに、OpenAI Responses API を使った問い合わせAIチャットを組み込むための技術設計です。API境界、サイト内コンテキスト、プロンプト制御、locale別URL、Originチェック、レート制限、安全なMarkdownリンク描画まで、他サイトでも転用しやすい形で整理します。

エースサーバーポータルを公開しました
by Gui

エースサーバーポータルを公開しました

誰でも参加可能なMinecraft無料公開サーバー「エースサーバー」の公式ポータルを公開しました。Astro、UnoCSS、Sveltia CMSを使い、サーバー紹介、動画、ワールドマップ、Wiki、Discord導線を一つの入口に整理しています。

Hattのホームページを公開しました
by Gui

Hattのホームページを公開しました

絵、小説、VRChat向け3Dアバター・ギミック制作をまとめる「Hattのホームページ」を公開しました。Astro、Sveltia CMS、Pagefindを使い、創作活動を継続して発信できる個人サイトとして設計しています。

ホームページ制作の費用相場と見積もりで見るべきポイント
by Gui

ホームページ制作の費用相場と見積もりで見るべきポイント

ホームページ制作の費用相場を目的別に整理し、見積もりで確認すべき項目、予算内で成果につなげる考え方を解説します。

以前有料だった Cloudflare の SSL オプションの正体 ― Dedicated SSL から Advanced Certificate Manager へ
by Gui

以前有料だった Cloudflare の SSL オプションの正体 ― Dedicated SSL から Advanced Certificate Manager へ

Cloudflare で以前有料だった「Dedicated SSL Certificates(専用SSL証明書)」は、2021年に「Advanced Certificate Manager(ACM)」として機能拡張・名称変更されました。無料の Universal SSL との違いや ACM が必要なケースを解説します。

Astroサイトの品質改善ガイド 続編 ― PageSpeed Insights 全項目100点を達成した最終調整
by Gui

Astroサイトの品質改善ガイド 続編 ― PageSpeed Insights 全項目100点を達成した最終調整

Cloudflare Web Analytics の停止、GA4 と検索UIの遅延ロード化、PageSpeed Insights のモバイル / デスクトップ全項目100の達成、Search Console のパンくずと索引整理、SVGアイコン移行、そして試したが採用しなかった最適化の判断まで。前回記事の続編として最終改善をまとめます。

GitHub Copilot × Playwright でWebサイトをモンキーテストする実践手法
by Gui

GitHub Copilot × Playwright でWebサイトをモンキーテストする実践手法

VS Codeのエージェントモード(GitHub Copilot)とPlaywrightブラウザツールを組み合わせ、静的サイトを体系的にモンキーテストした実践記録です。テスト設計の考え方から、実際に発見・修正したバグ、改善提案までを公開します。

Astro View Transitionsの落とし穴と解決策 ― UX・コード品質改善ガイド
by Gui

Astro View Transitionsの落とし穴と解決策 ― UX・コード品質改善ガイド

AstroのView Transitionsでスクリプトが動かなくなる問題の解決策、Pagefind全文検索の導入、TypeScript型安全性の向上、定数の一元管理など、UXとコード品質を改善した実践ガイドです。

AstroサイトのアクセシビリティをWCAG AA準拠にする実践ガイド
by Gui

AstroサイトのアクセシビリティをWCAG AA準拠にする実践ガイド

Astro + UnoCSS 構成のサイトで実施したアクセシビリティ改善の全手順を紹介します。aria属性・コントラスト・フォーカス管理・フォーム検証・スクリーンリーダー対応など、WCAG AA準拠に必要な施策を網羅しています。

Astroサイトに構造化データとOGPを実装するSEO改善ガイド
by Gui

Astroサイトに構造化データとOGPを実装するSEO改善ガイド

Astro + Cloudflare Pages 構成のサイトに JSON-LD 構造化データ・OGP・サイトマップ・RSSを正しく実装した手順をまとめました。Google のリッチリザルト対応からRSSフィードの最適化まで、実践的な SEO 改善を紹介します。

Astro 6 サイトを9言語対応に ― ブログ記事168本の自動翻訳と多言語アーキテクチャ
by Gui

Astro 6 サイトを9言語対応に ― ブログ記事168本の自動翻訳と多言語アーキテクチャ

Astro 6 + UnoCSS + Cloudflare Pages 構成のサイトを9言語対応にした記録です。UI の国際化からブログ記事168本の翻訳、Pages CMS の多言語設定まで、全工程を解説します。

GitHub Copilot に確定申告を全部やらせてみた ― 仕訳837件から申告提出まで
by Gui

GitHub Copilot に確定申告を全部やらせてみた ― 仕訳837件から申告提出まで

クラウド会計のデータ連携で蓄積した仕訳837件の分類・検証から、社会保険料の突合、控除入力、申告提出まで。GitHub Copilot Agent Mode × Simple Browser に実作業をほぼ全振りした確定申告の全記録です。

Zoho Mail から KAGOYA MAIL への移行ガイド ― DNS・認証・データ棚卸しの実践記録
by Gui

Zoho Mail から KAGOYA MAIL への移行ガイド ― DNS・認証・データ棚卸しの実践記録

Zoho Workplace から KAGOYA MAIL へメールサービスを移行した際の手順・DNS設定・SPF/DKIM認証・Zoho Workplace 全体のデータ棚卸しまで、実践ベースで解説します。

AstroサイトのPageSpeedモバイル99点を達成する実践テクニック
by Gui

AstroサイトのPageSpeedモバイル99点を達成する実践テクニック

Astro + UnoCSS + Cloudflare Pages 構成のサイトで PageSpeed Insights モバイル99点を達成するまでに行った最適化テクニックを紹介します。CSS配信戦略・フォント設定の罠・レスポンシブ画像・AdSense遅延読み込み・キャッシュ設定まで、実践的な手法をまとめました。

Cloudflare Pages で実現するセキュアな静的サイト配信
by Gui

Cloudflare Pages で実現するセキュアな静的サイト配信

Cloudflare Pages での静的サイトデプロイと、_headers によるセキュリティヘッダー・CSP 設定の実践ガイドです。Worker から Pages に戻した経緯も紹介します。

VitePress から Starlight へ ― ドキュメントサイトのフレームワーク統一
by Gui

VitePress から Starlight へ ― ドキュメントサイトのフレームワーク統一

VitePress + UnoCSS で構築していた事業計画ドキュメントを Astro + Starlight に移行し、2つのプロジェクトでフレームワークを統一した記録です。Mermaid 図表の CDN 移行も紹介します。

Acecore公式サイトをリニューアルしました
by Gui

Acecore公式サイトをリニューアルしました

Acecoreの公式Webサイトを全面リニューアルしました。新しいサイトの特徴や今後の展望についてご紹介します。

by Gui

Acecoreのサービス紹介:Web・サーバー・デザイン・教育をつなぐIT支援

Acecoreが提供するサーバー構築・運用、Webサイト制作、デザイン、ITスクールの4領域を紹介します。

コミュニティ活動と教育への取り組み
by Gui

コミュニティ活動と教育への取り組み

Acecoreが推進するコミュニティ活動、教育支援、オープンソースへの貢献について。Aceserverやスクール、勉強会を通じた取り組みを紹介します。

夏休みロボット工作体験イベントのご案内
by Gui

夏休みロボット工作体験イベントのご案内

AceCore Schoolsでは、夏休みを利用して子供たちにロボット工作の楽しさを体験してもらうイベントを開催しました。工作を通して技術的な知識や創造力を育んでいます。

メタバースは案外身近にあるよね
by Gui

メタバースは案外身近にあるよね

Facebook(Meta)のメタバース戦略がいまいちピンとこない一方で、マインクラフトは1億人以上が参加する巨大な仮想空間。VRゴーグルだけがメタバースじゃない、という話。

記事を検索