GitHub Copilotのコードレビューがプルリクエスト承認に対応、管理者設定と注意点を解説
GitHub Copilotのコードレビューが、管理者の許可によってプルリクエストの承認を送信できるようになりました。必須レビューへの反映や、新しいコミット追加時の承認取り消しなど、導入前に知っておきたい仕組みと注意点を解説します。
タグ
#AI
「AI」タグが付いた記事の一覧です。
Webflow、AIコードコンポーネントの視覚編集とエージェント用指示書生成に対応
Webflowが2026年9月2日に、AIコードコンポーネントをキャンバス上で編集できる機能と、サイト情報からAIエージェント用の指示書を生成する機能を正式公開しました。デザイナーがコードを直接書き換えずに見た目を調整できる点や、ブランド・CMSなどのルールをAIに渡しやすくなる点を解説します。
AdobeがGeminiとClaudeに対応｜チャットから画像・PDF・デザインを編集
AdobeがGoogle GeminiとClaudeへの連携を拡大しました。GeminiではPhotoshop、Lightroom、Adobe Express、Fireflyを呼び出せ、ClaudeではAcrobatによるPDF編集やAdobe Expressデザインのレイヤー編集に対応します。できること、料金、使い方、注意点を整理します。
Google WorkspaceでGeminiの音声操作が本格化、Gmail・Docs・Keepで何ができる？
Googleは2026年9月3日、Gmail・Docs・KeepでGemini Audioモデルを使った音声機能を正式に開始しました。メール検索、文書作成、メモ整理を声で進められる新機能について、できること、対象プラン、使い方、注意点を整理します。
Claude Opus 5.5登場｜多くの作業で高水準、運用コストは約40％削減
AnthropicがClaude Opus 5.5を2026年9月22日に発表しました。コーディング、エージェント、知識労働向けに、Claude Opus 5と比べて典型的なトークン課金ワークロードの運用コストを約40％抑えられる点が注目されます。
Google AIプランにSheets canvasとGemini Sparkが追加、表計算作成とWeb作業をAIに委任
GoogleはGoogle AIプランのアップデートを発表しました。自然言語からミニアプリを作れるSheets canvasと、ChromeやGoogle Photosと連携してWeb作業や写真整理を支援するGemini Sparkの内容、料金、使い方、注意点を整理します。
Microsoft CopilotにHome・Code・Autopilot登場 仕事を委任する新体験へ
Microsoftは2026年9月25日、Copilotの新機能としてHome、Code、Autopilotを発表しました。チャットの入口を統合し、自然言語によるアプリ作成や、継続的に業務を進めるエージェントを目指すアップデートです。提供時期、できること、料金、向いている人を整理します。
NotebookLM入門｜PDFや資料を読み込んでAIに質問する方法
GoogleのAIノートツール「NotebookLM」の使い方を初心者向けに解説。PDFや資料をアップロードしてAIに質問する方法、便利な使い方、Web担当者・初心者向けの活用例を紹介します。
AIを使った画像生成入門｜Web担当者が知っておくべき基礎知識
AI画像生成ツールの基礎知識をWeb担当者・初心者向けに解説。Adobe Firefly・Canva・ChatGPTなど主要ツールの比較、プロンプトの書き方、商用利用の注意点まで網羅します。
WordPressテーマ開発で使い回せるAIプロンプト集【コピペOK・24パターン】
uni-logのWordPressテーマ開発で実際に使ったAIプロンプトを24パターン紹介。テーマ初期設定・ハンバーガーメニュー・OGP・sitemap.xml・llms.txtなど、コピペしてそのまま使えます。
AIでスクロール読了率を表示するプログレスバーを作る【CSS＋JS生成】
AIでスクロール読了率プログレスバーを生成する方法。scrollYとscrollHeightを使ってwidthを動的に変化させるCSS+JSをプロンプト例・コード付きで解説します。
AIでテキストが1文字ずつ打ち込まれるタイピングアニメーションを作る【CSS＋JS生成】
AIでタイピングアニメーションを生成する方法。1文字ずつ表示するJS・カーソル点滅CSS・複数フレーズのループまでプロンプト例・コード付きで解説します。
AIで星評価（レーティング）UIを作る【CSS＋JS生成】
AIで星評価UIを生成する方法。ホバーで点灯・クリックで確定するインタラクションをCSS+JSで実装。プロンプト例・コード付きで初心者向けに解説します。
AIでボタンのホバーエフェクトを作る【CSS生成・5パターン】
AIでボタンのホバーエフェクトを5パターン生成する方法。スライド・アウトライン・矢印・リップル・フロートの各CSSをプロンプト例・コード付きで解説します。
AIでローディングスピナーをデザインする【CSS生成】
AIでローディングスピナーのCSSアニメーションを生成する方法。@keyframesとborderを使ったスピナーをプロンプト例・コード付きで初心者向けに解説します。
AIで画像クリックで拡大表示するライトボックスを作る【CSS＋JS生成】
AIで画像クリック拡大ライトボックスを生成する方法。フェードアニメーション・ESCで閉じる・背景クリック対応のCSS+JSをプロンプト例・コード付きで解説します。
AIでh1タイトルをグラデーションにする方法【CSS自動生成】
AIを使ってh1タイトルをグラデーション文字にするCSSを自動生成する方法を紹介。既存HTMLへの追加と、HTMLごと生成する2パターンのプロンプト例・コード例を解説します。
AIで入力フォームのバリデーションUIを作る【CSS＋JS生成】
AIでフォームバリデーションUIを生成する方法。必須チェック・メール形式チェック・エラー表示のCSS+JSをプロンプト例・コード付きで解説します。
AIでスライドショーのボタン・インジケータをデザインする【CSS＋JS生成】
AIでスライドショーの左右ボタン・ドットインジケータをデザインする方法。既存HTMLへのCSS+JS追加と、HTMLごと生成する2パターンのプロンプト・コード例を紹介します。
AIでスクロール固定エリア内に展開するコンテンツを作る【CSS＋JS生成】
AIでスクロール固定サイドバー内のアコーディオンUIを生成する方法。position:stickyと開閉アニメーションのCSS+JSをプロンプト例・コード付きで解説します。
AIでホバーすると浮き上がるカードデザインを作る【CSS生成】
AIでホバー時に浮き上がるカードデザインのCSSを生成する方法。translateYとbox-shadowを使ったホバーエフェクトをプロンプト例・コード付きで解説します。
AIでモーダルウィンドウを作る【CSS＋JS生成】
AIでモーダルウィンドウを生成する方法。背景オーバーレイ・フェードアニメーション・×ボタンで閉じる機能まで、CSS+JSのプロンプト例とコードを紹介します。
AIでハンバーガーメニューを作る【CSS＋JS生成】
AIでハンバーガーメニューを生成する方法。三本線が×に変化するアニメーションとナビの開閉をCSS+JSで実装。プロンプト例・コード付きで解説します。
AIでタブ切り替えUIを作る【CSS＋JS生成】
AIでタブ切り替えUIを生成する方法。data属性でタブとコンテンツを紐付け、アクティブタブの強調とコンテンツ切り替えをCSS+JSで実装。プロンプト例・コード付きで解説します。
AIでスクロールしたら要素がフェードインするアニメーションを作る【CSS＋JS生成】
AIでIntersection Observer APIを使ったスクロールフェードインアニメーションを生成する方法。CSS+JSのプロンプト例・コードを初心者向けに解説します。
AIで数字がカウントアップするアニメーションを作る【JS生成】
AIで数字がカウントアップするアニメーションのJSを生成する方法。requestAnimationFrameとIntersection Observerを使った実装のプロンプト例・コードを紹介します。
AIでホバーするとツールチップが表示されるUIを作る【CSS生成】
AIでCSSのみのツールチップを生成する方法。ホバーで上部に吹き出し表示、三角形の矢印、フェードアニメーションまでプロンプト例・コード付きで解説します。
AIでページ内リンクをスムーススクロールにする【CSS＋JS生成】
AIでページ内リンクをスムーススクロールにする方法。固定ヘッダーのオフセット調整まで含めたCSS+JSのプロンプト例・コードを初心者向けに解説します。
AIでダークモード切り替えボタンを作る【CSS＋JS生成】
AIでダークモード切り替えボタンを生成する方法。CSS変数を使った色管理とlocalStorageで設定を保存する実装のプロンプト例・コードを紹介します。
