<!DOCTYPE html><html lang="ja"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>GitHub Trends Matome - GitHubトレンドまとめ</title><meta name="description" content="GitHubトレンドから厳選したオープンソースプロジェクトを毎日お届けします。注目のリポジトリ、開発ツール、ライブラリを紹介する技術ブログです。"><!-- Canonical URL --><link rel="canonical" href="https://github-matome.netlify.app/"><!-- Robots meta --><!-- Open Graph --><meta property="og:title" content="GitHub Trends Matome - GitHubトレンドまとめ"><meta property="og:description" content="GitHubトレンドから厳選したオープンソースプロジェクトを毎日お届けします。注目のリポジトリ、開発ツール、ライブラリを紹介する技術ブログです。"><meta property="og:type" content="website"><meta property="og:url" content="https://github-matome.netlify.app/"><meta property="og:image" content="https://github-matome.netlify.app/images/ogp/top.png"><meta property="og:site_name" content="GitHub Trends Matome"><meta property="og:locale" content="ja_JP"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="GitHub Trends Matome - GitHubトレンドまとめ"><meta name="twitter:description" content="GitHubトレンドから厳選したオープンソースプロジェクトを毎日お届けします。注目のリポジトリ、開発ツール、ライブラリを紹介する技術ブログです。"><meta name="twitter:image" content="https://github-matome.netlify.app/images/ogp/top.png"><meta name="twitter:site" content="@github_trends"><!-- Additional SEO meta --><meta name="keywords" content="GitHub, トレンド, オープンソース, プログラミング, 技術ブログ, OSS, 開発, テクノロジー"><meta name="author" content="GitHub Trends Matome"><meta name="theme-color" content="#667eea"><!-- Icons --><link rel="icon" type="image/x-icon" href="/icon.ico"><link rel="apple-touch-icon" href="/icon.png"><!-- RSS Feed --><link rel="alternate" type="application/rss+xml" title="GitHub Trends Matome RSS Feed" href="/feed.xml"><!-- Sitemap --><link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap-index.xml"><!-- Generator --><meta name="generator" content="Astro v5.8.0"><!-- Google Site Verification --><meta name="google-site-verification" content="tcI0Y7cBw4URlDPWaZMdp5lNcqzDCSDtAC4EIhvWdLE"><!-- Content Security Policy --><meta http-equiv="Content-Security-Policy" content="
      default-src 'self';
      script-src 'self' 'unsafe-inline' 'unsafe-eval' https://pagead2.googlesyndication.com https://www.google.com https://www.gstatic.com https://www.google-analytics.com https://www.googletagmanager.com https://www.google.com/recaptcha/ https://www.gstatic.com/recaptcha/ https://ep1.adtrafficquality.google https://ep2.adtrafficquality.google https://*.doubleclick.net https://*.googlesyndication.com https://fundingchoicesmessages.google.com https://googleads.g.doubleclick.net;
      style-src 'self' 'unsafe-inline' https://fonts.googleapis.com;
      img-src 'self' data: https: https://*.google.com https://*.googleapis.com https://*.gstatic.com https://*.doubleclick.net https://*.google-analytics.com https://*.googletagmanager.com https://img.shields.io https://ep1.adtrafficquality.google https://ep2.adtrafficquality.google https://*.googlesyndication.com;
      font-src 'self' https://fonts.gstatic.com;
      frame-src 'self' https://googleads.g.doubleclick.net https://www.google.com/recaptcha/ https://recaptcha.google.com/recaptcha/ https://ep1.adtrafficquality.google https://ep2.adtrafficquality.google https://*.doubleclick.net https://*.googlesyndication.com https://fundingchoicesmessages.google.com;
      fenced-frame-src *;
      connect-src 'self' https://*.google.com https://*.googleapis.com https://*.gstatic.com https://*.doubleclick.net https://*.google-analytics.com https://*.googletagmanager.com https://ep1.adtrafficquality.google https://ep2.adtrafficquality.google https://*.googlesyndication.com;
      object-src 'none';
      base-uri 'self';
      form-action 'self';
      upgrade-insecure-requests;
    "><!-- Preconnect for performance --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap" rel="stylesheet"><!-- Slot for additional head content --><meta name="keywords" content="GitHub, トレンド, オープンソース, プログラミング, 技術ブログ, OSS, 開発, テクノロジー, リポジトリ, ソフトウェア開発"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"GitHub Trends Matome","url":"https://github-matome.netlify.app","logo":"https://github-matome.netlify.app/icon.png","sameAs":["https://github.com"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"GitHub Trends Matome","url":"https://github-matome.netlify.app","description":"GitHubトレンドリポジトリをまとめた技術ブログ。注目のオープンソースプロジェクトを毎日お届けします。","inLanguage":"ja-JP","publisher":{"@type":"Organization","name":"GitHub Trends Matome","logo":"https://github-matome.netlify.app/icon.png"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://github-matome.netlify.app/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Blog","name":"GitHub Trends Matome","description":"GitHubトレンドリポジトリをまとめた技術ブログ","url":"https://github-matome.netlify.app","inLanguage":"ja-JP","author":{"@type":"Organization","name":"GitHub Trends Matome"},"publisher":{"@type":"Organization","name":"GitHub Trends Matome","logo":{"@type":"ImageObject","url":"https://github-matome.netlify.app/icon.png"}},"blogPost":[{"@type":"BlogPosting","headline":"AlleNai — Next.js + TypeScript スタータープロジェクト","description":"AlleNaiはNext.js（TypeScript）で構築された軽量なスターターテンプレートです。create-next-appでブートストラップされ、最新のApp Router（appディレクトリ）構成やnext/fontなどNext固有の機能に対応。開発サーバーはnpm/yarn/pnpm/bunで起動可能で、componentsフォルダを備えたコンポーネント中心の構成により、学習やプロトタイプ、初期プロジェクトとしてすぐに使える設計になっています。小規模で拡張しやすく、Vercelなどへのデプロイも想定しやすいベースリポジトリです。","url":"https://github-matome.netlify.app/articles/github-trend-allenai","datePublished":"2025-12-16","author":{"@type":"Organization","name":"GitHub Trends Matome"},"image":"https://github-matome.netlify.app/images/ogp/github-trend-allenai.png"},{"@type":"BlogPosting","headline":"AsesorAIrrechisimo — ベネズエラ風パーソナリティを持つAIポートフォリオ管理ツール","description":"Claude AIをバックエンドに用いたStreamlitベースのポートフォリオ管理アプリケーション。ベネズエラ訛りを意識したユニークでユーモアのあるアドバイザー（「El Asesor AIrrecho」）キャラクターが、専門的な資産分析や投資助言を親しみやすく提供することを目指すプロジェクト。軽量なPython実装でプロトタイプとしての完成度が高く、LLMを金融ドメインに適用する際の設計例を示す。","url":"https://github-matome.netlify.app/articles/github-trend-asesorairrechisimo","datePublished":"2025-12-16","author":{"@type":"Organization","name":"GitHub Trends Matome"},"image":"https://github-matome.netlify.app/images/ogp/github-trend-asesorairrechisimo.png"},{"@type":"BlogPosting","headline":"ZoneAma：Eコマース用リレーショナルデータベース設計","description":"ZoneAma の商品在庫・受注管理を想定したリレーショナルデータベースの実装リポジトリ。社内で製造する製品（Fabriqués）と外部から調達する製品（Approvisionnés）を区別したデータモデル、テーブル作成スクリプト、制約（整合性ルール）、およびサンプルデータと探索用クエリを含む。SQLで設計から検証までを行い、結合や集約を用いた分析的問い合わせも想定している点が特徴。運用・拡張を見据えた実践的な学習資料として有用。","url":"https://github-matome.netlify.app/articles/github-trend-base-de-donnee--e-commerce","datePublished":"2025-12-16","author":{"@type":"Organization","name":"GitHub Trends Matome"},"image":"https://github-matome.netlify.app/images/ogp/github-trend-base-de-donnee--e-commerce.png"},{"@type":"BlogPosting","headline":"CeloHT（公式）— 教育・エージェント・植林を支援するWeb3プラットフォーム","description":"CeloHTは教育、地域の経済主体（Agents）、植林という3本柱で社会的インパクトを目指すWeb3プラットフォームの公式リポジトリです。Celoブロックチェーン上で主にSolidity製のスマートコントラクトを公開し、CeloのステーブルコインcUSDとモバイルウォレットValoraを想定したアクセス性を重視。トークン発行や資金調達を行わない透明性重視の設計で、コミュニティによる監査と社会貢献を前提とした実装を公開しています。","url":"https://github-matome.netlify.app/articles/github-trend-celoht-official","datePublished":"2025-12-16","author":{"@type":"Organization","name":"GitHub Trends Matome"},"image":"https://github-matome.netlify.app/images/ogp/github-trend-celoht-official.png"},{"@type":"BlogPosting","headline":"IoTベースの医療保険管理システム（深層学習／TabNet）","description":"IoT機器から収集した健康データと深層学習（TabNet）を組み合わせ、被保険者のリスクや医療費を透明かつ高精度に予測することを目的としたプロジェクトのリポジトリ。システム設計はセンサーデータの収集・前処理・特徴抽出・TabNetによる予測モデルの学習と推論、保険請求や料金設定への反映を想定しており、説明可能性と実運用を見据えた構成が意図されています。（約300字）","url":"https://github-matome.netlify.app/articles/github-trend-iot-based-healthcare-insurance-system-using-deep-learning1","datePublished":"2025-12-16","author":{"@type":"Organization","name":"GitHub Trends Matome"},"image":"https://github-matome.netlify.app/images/ogp/github-trend-iot-based-healthcare-insurance-system-using-deep-learning1.png"},{"@type":"BlogPosting","headline":"Love — シンプルなWebデモ（Love）","description":"このリポジトリ「Love」は、シンプルなフロントエンドのデモプロジェクトです。ファイル構成は HTML（D1.html）、CSS（D2.css）、JavaScript（D3.js）、README.md の4ファイルのみで、メイン言語は CSS に設定されています。README は簡潔で詳細はほとんど記載されていませんが、小規模なビジュアル表現やアニメーション、学習用のサンプルとして使える構成になっています。現状は軽量で拡張や実験に向いています。（約300字）","url":"https://github-matome.netlify.app/articles/github-trend-love","datePublished":"2025-12-16","author":{"@type":"Organization","name":"GitHub Trends Matome"},"image":"https://github-matome.netlify.app/images/ogp/github-trend-love.png"}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム","item":"https://github-matome.netlify.app"}]}</script><!-- Google AdSense --><meta name="google-adsense-account" content="ca-pub-5738402533793947"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5738402533793947" crossorigin="anonymous"></script><!-- Google Analytics --><!-- Google Consent Mode --><script>
  // Consent Mode設定（デフォルトは拒否状態）
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  
  gtag('consent', 'default', {
    'analytics_storage': 'denied',
    'ad_storage': 'denied',
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
  });
  
  // 注意: Cookie同意管理はCookieConsent.astroで処理
  // 初期設定は拒否状態、同意後にCookieConsentコンポーネントが更新
</script> <!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-HH6STHXMN6"></script> <script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HH6STHXMN6', {
    // ドメイン設定
    'cookie_domain': 'github-matome.netlify.app',
    'send_page_view': true,
    // クロスドメイン測定
    'linker': {
      'domains': ['github-matome.netlify.app', 'netlify.app']
    },
    // パフォーマンス設定
    'page_title': document.title,
    'page_location': window.location.href,
    // カスタムパラメータ
    'custom_map': {
      'custom_parameter_1': 'site_type'
    },
    'site_type': 'github_trends'
  });

  // 手動ページビュー送信（確実性向上）
  gtag('event', 'page_view', {
    'page_title': document.title,
    'page_location': window.location.href,
    'page_path': window.location.pathname
  });
</script><link rel="stylesheet" href="/assets/about.C7onI6Mp.css">
<link rel="stylesheet" href="/assets/about.CRW93S7d.css">
<style>.line-clamp-2[data-astro-cid-j7pv25f6]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
</style></head> <body class="min-h-screen flex flex-col"> <header class="bg-[var(--header-bg)] shadow-sm sticky top-0 z-40"> <div class="container mx-auto px-4 py-4"> <nav class="flex justify-between items-center"> <a href="/" class="text-2xl font-bold text-[var(--link-color)] hover:opacity-80 transition-opacity">GitHubトレンドまとめ</a> <!-- デスクトップメニュー --> <div class="desktop-menu flex gap-2 items-center"> <a href="/" class="header-link">トップ</a> <div class="relative group"> <a href="/category/" class="header-link flex items-center gap-1">
カテゴリー
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </a> <div class="absolute left-0 mt-2 w-56 dropdown-menu opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto transition-all duration-200"> <ul> <li><a href="/category/ai-ml/" class="dropdown-item">AI/ML</a></li> <li><a href="/category/web/" class="dropdown-item">Web</a></li> <li><a href="/category/mobile/" class="dropdown-item">Mobile</a></li> <li><a href="/category/devops/" class="dropdown-item">DevOps</a></li> <li><a href="/category/security/" class="dropdown-item">Security</a></li> <li><a href="/category/data/" class="dropdown-item">Data</a></li> <li><a href="/category/tool/" class="dropdown-item">Tool</a></li> <li><a href="/category/library/" class="dropdown-item">Library</a></li> <li><a href="/category/other/" class="dropdown-item">Other</a></li> </ul> </div> </div> <a href="https://github.com/trending" target="_blank" rel="noopener noreferrer" class="header-link">GitHubトレンド</a> <a href="/contact/" class="header-link">お問い合わせ</a> <button id="themeToggle" class="theme-toggle" aria-label="テーマ切り替え"> <svg class="sun-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path> </svg> <svg class="moon-icon hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path> </svg> </button> </div> <!-- スマホメニュー --> <div class="mobile-menu"> <button id="menuButton" class="mobile-menu-button"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path> </svg> </button> <div id="mobileMenuOverlay" class="mobile-menu-overlay"></div> <div id="mobileMenuContent" class="mobile-menu-content"> <div class="mobile-menu-header"> <span class="mobile-menu-title">メニュー</span> <button id="closeButton" class="mobile-menu-close" aria-label="メニューを閉じる"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <div class="mobile-menu-items"> <a href="/" class="mobile-menu-item">トップ</a> <div class="mobile-menu-category"> <div id="categoryButton" class="mobile-menu-category-header"> <span>カテゴリー</span> <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </div> <div id="mobileCategoryMenu" class="mobile-menu-category-content"> <a href="/category/ai-ml/" class="mobile-menu-category-item">AI/ML</a> <a href="/category/web/" class="mobile-menu-category-item">Web</a> <a href="/category/mobile/" class="mobile-menu-category-item">Mobile</a> <a href="/category/devops/" class="mobile-menu-category-item">DevOps</a> <a href="/category/security/" class="mobile-menu-category-item">Security</a> <a href="/category/data/" class="mobile-menu-category-item">Data</a> <a href="/category/tool/" class="mobile-menu-category-item">Tool</a> <a href="/category/library/" class="mobile-menu-category-item">Library</a> <a href="/category/other/" class="mobile-menu-category-item">Other</a> </div> </div> <a href="https://github.com/trending" target="_blank" rel="noopener noreferrer" class="mobile-menu-item">GitHubトレンド</a> <a href="/contact/" class="mobile-menu-item">お問い合わせ</a> <button id="mobileThemeToggle" class="mobile-menu-item w-full text-left" aria-label="テーマ切り替え"> <div class="flex items-center justify-between"> <span>テーマ切り替え</span> <svg class="sun-icon w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path> </svg> <svg class="moon-icon hidden w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path> </svg> </div> </button> </div> </div> </div> </nav> </div> </header> <main class="flex-grow py-8">          <div class="py-12" style="background: var(--hero-bg);" data-astro-cid-j7pv25f6> <div class="container mx-auto px-4 text-center" data-astro-cid-j7pv25f6> <div class="max-w-3xl mx-auto" data-astro-cid-j7pv25f6> <h1 class="text-4xl md:text-5xl font-bold mb-6 text-[var(--text-primary)]" data-astro-cid-j7pv25f6>
GitHubトレンドまとめ
</h1> <p class="text-lg md:text-xl mb-8 text-[var(--text-secondary)]" data-astro-cid-j7pv25f6>
注目のオープンソースプロジェクトを毎日お届けします。
<a href="https://github.com/trending" target="_blank" rel="noopener noreferrer" class="text-[var(--link-color)] hover:opacity-80 transition-opacity" data-astro-cid-j7pv25f6>
GitHubトレンド
</a>
から厳選したリポジトリを紹介します。
</p> </div> </div> </div>  <div class="container mx-auto px-4 py-12" data-astro-cid-j7pv25f6> <section data-astro-cid-j7pv25f6> <div class="mb-8" data-astro-cid-j7pv25f6> <h2 class="text-3xl font-bold text-[var(--text-primary)] mb-2" data-astro-cid-j7pv25f6>最新記事</h2> <p class="text-[var(--text-secondary)]" data-astro-cid-j7pv25f6>全4868記事から最新の記事をお届けしています</p> </div> <!-- 記事グリッド --> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12" data-astro-cid-j7pv25f6> <article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-allenai.png" alt="AlleNai — Next.js + TypeScript スタータープロジェクト" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>Web</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> AlleNai — Next.js + TypeScript スタータープロジェクト </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> AlleNaiはNext.js（TypeScript）で構築された軽量なスターターテンプレートです。create-next-appでブートストラップされ、最新のApp Router（appディレクトリ）構成やnext/fontなどNext固有の機能に対応。開発サーバーはnpm/yarn/pnpm/bunで起動可能で、componentsフォルダを備えたコンポーネント中心の構成により、学習やプロトタイプ、初期プロジェクトとしてすぐに使える設計になっています。小規模で拡張しやすく、Vercelなどへのデプロイも想定しやすいベースリポジトリです。 </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>Next.js</span><span class="tag-badge" data-astro-cid-j7pv25f6>TypeScript</span><span class="tag-badge" data-astro-cid-j7pv25f6>Starter</span> </div> <a href="/articles/github-trend-allenai/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-asesorairrechisimo.png" alt="AsesorAIrrechisimo — ベネズエラ風パーソナリティを持つAIポートフォリオ管理ツール" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>AI/ML</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> AsesorAIrrechisimo — ベネズエラ風パーソナリティを持つAIポートフォリオ管理ツール </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> Claude AIをバックエンドに用いたStreamlitベースのポートフォリオ管理アプリケーション。ベネズエラ訛りを意識したユニークでユーモアのあるアドバイザー（「El Asesor AIrrecho」）キャラクターが、専門的な資産分析や投資助言を親しみやすく提供することを目指すプロジェクト。軽量なPython実装でプロトタイプとしての完成度が高く、LLMを金融ドメインに適用する際の設計例を示す。 </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>AI</span><span class="tag-badge" data-astro-cid-j7pv25f6>Finance</span><span class="tag-badge" data-astro-cid-j7pv25f6>Streamlit</span> </div> <a href="/articles/github-trend-asesorairrechisimo/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-base-de-donnee--e-commerce.png" alt="ZoneAma：Eコマース用リレーショナルデータベース設計" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>Data</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> ZoneAma：Eコマース用リレーショナルデータベース設計 </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> ZoneAma の商品在庫・受注管理を想定したリレーショナルデータベースの実装リポジトリ。社内で製造する製品（Fabriqués）と外部から調達する製品（Approvisionnés）を区別したデータモデル、テーブル作成スクリプト、制約（整合性ルール）、およびサンプルデータと探索用クエリを含む。SQLで設計から検証までを行い、結合や集約を用いた分析的問い合わせも想定している点が特徴。運用・拡張を見据えた実践的な学習資料として有用。 </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>SQL</span><span class="tag-badge" data-astro-cid-j7pv25f6>データベース設計</span><span class="tag-badge" data-astro-cid-j7pv25f6>E-commerce</span> </div> <a href="/articles/github-trend-base-de-donnee--e-commerce/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-celoht-official.png" alt="CeloHT（公式）— 教育・エージェント・植林を支援するWeb3プラットフォーム" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>Other</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> CeloHT（公式）— 教育・エージェント・植林を支援するWeb3プラットフォーム </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> CeloHTは教育、地域の経済主体（Agents）、植林という3本柱で社会的インパクトを目指すWeb3プラットフォームの公式リポジトリです。Celoブロックチェーン上で主にSolidity製のスマートコントラクトを公開し、CeloのステーブルコインcUSDとモバイルウォレットValoraを想定したアクセス性を重視。トークン発行や資金調達を行わない透明性重視の設計で、コミュニティによる監査と社会貢献を前提とした実装を公開しています。 </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>Web3</span><span class="tag-badge" data-astro-cid-j7pv25f6>Celo</span><span class="tag-badge" data-astro-cid-j7pv25f6>Solidity</span> </div> <a href="/articles/github-trend-celoht-official/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-iot-based-healthcare-insurance-system-using-deep-learning1.png" alt="IoTベースの医療保険管理システム（深層学習／TabNet）" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>AI/ML</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> IoTベースの医療保険管理システム（深層学習／TabNet） </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> IoT機器から収集した健康データと深層学習（TabNet）を組み合わせ、被保険者のリスクや医療費を透明かつ高精度に予測することを目的としたプロジェクトのリポジトリ。システム設計はセンサーデータの収集・前処理・特徴抽出・TabNetによる予測モデルの学習と推論、保険請求や料金設定への反映を想定しており、説明可能性と実運用を見据えた構成が意図されています。（約300字） </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>IoT</span><span class="tag-badge" data-astro-cid-j7pv25f6>TabNet</span><span class="tag-badge" data-astro-cid-j7pv25f6>医療保険</span> </div> <a href="/articles/github-trend-iot-based-healthcare-insurance-system-using-deep-learning1/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-love.png" alt="Love — シンプルなWebデモ（Love）" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>Web</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> Love — シンプルなWebデモ（Love） </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> このリポジトリ「Love」は、シンプルなフロントエンドのデモプロジェクトです。ファイル構成は HTML（D1.html）、CSS（D2.css）、JavaScript（D3.js）、README.md の4ファイルのみで、メイン言語は CSS に設定されています。README は簡潔で詳細はほとんど記載されていませんが、小規模なビジュアル表現やアニメーション、学習用のサンプルとして使える構成になっています。現状は軽量で拡張や実験に向いています。（約300字） </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>CSS</span><span class="tag-badge" data-astro-cid-j7pv25f6>HTML</span><span class="tag-badge" data-astro-cid-j7pv25f6>JavaScript</span> </div> <a href="/articles/github-trend-love/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-obsidian-prompt-assistant.png" alt="Obsidian 用プロンプトアシスタント" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>AI/ML</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> Obsidian 用プロンプトアシスタント </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> Obsidian に組み込める AI チャットアシスタント。カスタムプロンプトを作成してジャーナリング・ブレインストーミング・コーチング・執筆など任意のワークフローに合わせられ、OpenRouter 経由で GPT‑4 やClaude、Gemini、Llama 等100以上のモデルにアクセス可能なプラグインです。ノート内で直接チャットを実行し、生成結果をノートへ挿入するなどの実用的な機能を備えています（約300字）。 </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>Obsidian</span><span class="tag-badge" data-astro-cid-j7pv25f6>AI</span><span class="tag-badge" data-astro-cid-j7pv25f6>プラグイン</span> </div> <a href="/articles/github-trend-obsidian-prompt-assistant/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-piotrekmarciniak.png" alt="PiotrekMarciniakのサイバーセキュリティポートフォリオ" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>Security</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> PiotrekMarciniakのサイバーセキュリティポートフォリオ </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> 本リポジトリは、SOCアナリストである作者が公開するサイバーセキュリティ（主にBlue Team、SOC運用、DFIR）関連のポートフォリオです。ラボ、ツール、スクリプト、研究メモなどを共有する意図がありますが、現状はREADMEのみのシンプルな構成です。将来的な検出ルール、ハンティングプレイブック、フォレンジック手順や自動化スクリプトの追加が期待されます。 </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>Cybersecurity</span><span class="tag-badge" data-astro-cid-j7pv25f6>DFIR</span><span class="tag-badge" data-astro-cid-j7pv25f6>BlueTeam</span> </div> <a href="/articles/github-trend-piotrekmarciniak/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-realworld-image-ai-classifier.png" alt="realworld_image_AI_classifier の日本語タイトル：猫と犬のフルスタック画像分類アプリ" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>AI/ML</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> realworld_image_AI_classifier の日本語タイトル：猫と犬のフルスタック画像分類アプリ </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> TensorFlow と MobileNetV2 を用いた猫 vs 犬の画像分類をフルスタックで実装したリポジトリ。モデルの学習（Jupyter Notebook）、FastAPI による推論バックエンド、React フロントエンドによる画像アップロードと結果表示を含み、転移学習で高速に学習・推論を行えるシンプルな実装が特徴です。デモは画像アップロード→即時推論で、信頼度（confidence）を返します。クラウドやコンテナ展開も想定しやすい構成です。（約300字） </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>TensorFlow</span><span class="tag-badge" data-astro-cid-j7pv25f6>FastAPI</span><span class="tag-badge" data-astro-cid-j7pv25f6>React</span> </div> <a href="/articles/github-trend-realworld-image-ai-classifier/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-the-truth-engine-0925-sourcefiles.png" alt="TE-925 The Truth Engine（ソースファイル集）" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>Tool</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> TE-925 The Truth Engine（ソースファイル集） </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/16 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> TE-925「TRUTH ENGINE」のソースファイル集をまとめたリポジトリです。100を超えるエッセイや音声コンテンツ（Spoken BCCRSS）、独自プロトコル「Phoenician Hangman（Guillotine protocol）」を含むとされ、深い検索機能や音声注入（voice injection）、&quot;Omega&quot; イースターエッグなどを備えた「TRUTHWARE」を名乗ります。実行ファイルはWindows/Linux向けに分割され、容量制限のため複数のZIPに分かれています。出所不明のバイナリを扱う際の注意点も重要です。（約300字） </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>ツール</span><span class="tag-badge" data-astro-cid-j7pv25f6>セキュリティ</span><span class="tag-badge" data-astro-cid-j7pv25f6>調査</span> </div> <a href="/articles/github-trend-the-truth-engine-0925-sourcefiles/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-airbnb-data-analysis.png" alt="Airbnb の探索的データ解析" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>Data</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> Airbnb の探索的データ解析 </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/15 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> Airbnb の住宅データを対象に行う探索的データ解析（Exploratory Data Analysis）プロジェクトです。Python エコシステム（Pandas／NumPy／可視化ライブラリ）を用いて生データのクレンジング、加工、集計、可視化を行い、価格傾向や地理分布、外れ値や相関といったインサイトを抽出することを目的としています。README を中心に解析手順とサンプル図表を提供する小規模リポジトリです。 </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>データ</span><span class="tag-badge" data-astro-cid-j7pv25f6>Python</span><span class="tag-badge" data-astro-cid-j7pv25f6>EDA</span> </div> <a href="/articles/github-trend-airbnb-data-analysis/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article><article class="bg-[var(--bg-secondary)] rounded-xl overflow-hidden shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <div class="h-48 bg-gray-200 relative" data-astro-cid-j7pv25f6> <img src="https://github-matome.netlify.app/images/ogp/github-trend-basicrop.png" alt="basicrop — GPUIで作るシンプル画像トリミング" class="w-full h-full object-cover" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute top-3 left-3" data-astro-cid-j7pv25f6> <span class="category-badge" data-astro-cid-j7pv25f6>Tool</span> </div> </div> <div class="p-6" data-astro-cid-j7pv25f6> <h3 class="font-bold text-lg mb-2 line-clamp-2 text-[var(--text-primary)]" data-astro-cid-j7pv25f6> basicrop — GPUIで作るシンプル画像トリミング </h3> <p class="text-sm text-[var(--text-secondary)] mb-3" data-astro-cid-j7pv25f6> 2025/12/15 </p> <p class="text-[var(--text-secondary)] mb-4 line-clamp-2 text-sm" data-astro-cid-j7pv25f6> Basicropは、GPUIを用いて作られたシンプルな画像トリミング（クロップ）ツールです。Rustで実装され、LongbridgeのGPUI ComponentやQCropからの発想を取り入れた軽量なUIを提供します。GPUによる高速な描画を活かし、インタラクティブな矩形選択やプレビュー表示を行う設計で、学習用途や小規模ツールとして扱いやすい点が特徴です。MITライセンスで配布されています。（約300字） </p> <div class="badge-container mb-4" data-astro-cid-j7pv25f6> <span class="tag-badge" data-astro-cid-j7pv25f6>タグ1</span><span class="tag-badge" data-astro-cid-j7pv25f6>タグ2</span><span class="tag-badge" data-astro-cid-j7pv25f6>タグ3</span> </div> <a href="/articles/github-trend-basicrop/" class="text-[var(--link-color)] hover:opacity-80 font-medium inline-flex items-center transition-opacity" data-astro-cid-j7pv25f6>
記事を読む
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j7pv25f6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j7pv25f6></path> </svg> </a> </div> </article> </div> <!-- ページネーション --> <nav class="flex justify-center mb-12" aria-label="ページネーション" data-astro-cid-j7pv25f6> <div class="flex gap-2 items-center" data-astro-cid-j7pv25f6> <!-- 現在のページ --> <span class="px-4 py-2 bg-[var(--link-color)] text-white rounded-lg border border-[var(--link-color)]" data-astro-cid-j7pv25f6>
1
</span> <!-- 次のページ番号 --> <a href="/page/2/" class="px-4 py-2 bg-[var(--bg-secondary)] text-[var(--text-secondary)] rounded-lg hover:bg-[var(--hover-bg)] border border-[var(--border-color)] transition-colors" aria-label="2ページ目" data-astro-cid-j7pv25f6> 2 </a><a href="/page/3/" class="px-4 py-2 bg-[var(--bg-secondary)] text-[var(--text-secondary)] rounded-lg hover:bg-[var(--hover-bg)] border border-[var(--border-color)] transition-colors" aria-label="3ページ目" data-astro-cid-j7pv25f6> 3 </a><a href="/page/4/" class="px-4 py-2 bg-[var(--bg-secondary)] text-[var(--text-secondary)] rounded-lg hover:bg-[var(--hover-bg)] border border-[var(--border-color)] transition-colors" aria-label="4ページ目" data-astro-cid-j7pv25f6> 4 </a><a href="/page/5/" class="px-4 py-2 bg-[var(--bg-secondary)] text-[var(--text-secondary)] rounded-lg hover:bg-[var(--hover-bg)] border border-[var(--border-color)] transition-colors" aria-label="5ページ目" data-astro-cid-j7pv25f6> 5 </a>  <span class="px-2 py-2 text-[var(--text-secondary)]" data-astro-cid-j7pv25f6>...</span>  <a href="/page/406/" class="px-4 py-2 bg-[var(--bg-secondary)] text-[var(--text-secondary)] rounded-lg hover:bg-[var(--hover-bg)] border border-[var(--border-color)] transition-colors" aria-label="406ページ目" data-astro-cid-j7pv25f6> 406 </a> <!-- 次のページボタン --> <a href="/page/2/" class="px-4 py-2 bg-[var(--bg-secondary)] text-[var(--text-secondary)] rounded-lg hover:bg-[var(--hover-bg)] border border-[var(--border-color)] transition-colors" aria-label="次のページ" data-astro-cid-j7pv25f6>
次 →
</a> </div> </nav> </section> <!-- カテゴリセクション --> <section class="mt-16" data-astro-cid-j7pv25f6> <h2 class="text-3xl font-bold mb-8 text-center text-[var(--text-primary)]" data-astro-cid-j7pv25f6>カテゴリから探す</h2> <div class="grid grid-cols-2 md:grid-cols-4 gap-4" data-astro-cid-j7pv25f6> <a href="/category/ai-ml/" class="bg-[var(--bg-secondary)] rounded-xl p-6 text-center shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <h3 class="font-bold text-[var(--text-primary)]" data-astro-cid-j7pv25f6>AI/ML</h3> <p class="text-sm text-[var(--text-secondary)] mt-2" data-astro-cid-j7pv25f6>人工知能・機械学習</p> </a> <a href="/category/web/" class="bg-[var(--bg-secondary)] rounded-xl p-6 text-center shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <h3 class="font-bold text-[var(--text-primary)]" data-astro-cid-j7pv25f6>Web</h3> <p class="text-sm text-[var(--text-secondary)] mt-2" data-astro-cid-j7pv25f6>ウェブ開発</p> </a> <a href="/category/mobile/" class="bg-[var(--bg-secondary)] rounded-xl p-6 text-center shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <h3 class="font-bold text-[var(--text-primary)]" data-astro-cid-j7pv25f6>Mobile</h3> <p class="text-sm text-[var(--text-secondary)] mt-2" data-astro-cid-j7pv25f6>モバイルアプリ</p> </a> <a href="/category/devops/" class="bg-[var(--bg-secondary)] rounded-xl p-6 text-center shadow hover:shadow-md transition-shadow border border-[var(--border-color)]" data-astro-cid-j7pv25f6> <h3 class="font-bold text-[var(--text-primary)]" data-astro-cid-j7pv25f6>DevOps</h3> <p class="text-sm text-[var(--text-secondary)] mt-2" data-astro-cid-j7pv25f6>開発・運用</p> </a> </div> <div class="text-center mt-6" data-astro-cid-j7pv25f6> <a href="/category/" class="text-[var(--link-color)] hover:opacity-80 font-medium transition-opacity" data-astro-cid-j7pv25f6>
すべてのカテゴリを見る →
</a> </div> </section> </div>  </main> <div id="cookie-consent-banner" class="cookie-consent-banner" data-astro-cid-garwan2p> <div class="cookie-consent-content" data-astro-cid-garwan2p> <div class="cookie-consent-text" data-astro-cid-garwan2p> <p data-astro-cid-garwan2p>
🍪 このサイトでは、サイト改善とアクセス解析のためにCookieを使用しています。
        引き続きサイトをご利用いただく場合、Cookieの使用に同意したものとみなします。
        詳細は<a href="/privacy/" target="_blank" data-astro-cid-garwan2p>プライバシーポリシー</a>をご確認ください。
</p> </div> <div class="cookie-consent-buttons" data-astro-cid-garwan2p> <button id="cookie-accept" class="cookie-btn cookie-accept" data-astro-cid-garwan2p>同意する</button> <button id="cookie-decline" class="cookie-btn cookie-decline" data-astro-cid-garwan2p>拒否する</button> </div> </div> </div> <script>
  // Cookie同意管理
  (function() {
    const CONSENT_KEY = 'cookie-consent';
    const CONSENT_EXPIRY = 365; // 365日間有効
    
    // Cookieの読み書き
    function setCookie(name, value, days) {
      const expires = new Date();
      expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
      document.cookie = name + '=' + value + ';expires=' + expires.toUTCString() + ';path=/';
    }
    
    function getCookie(name) {
      const nameEQ = name + '=';
      const ca = document.cookie.split(';');
      for(let i = 0; i < ca.length; i++) {
        let c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
      }
      return null;
    }
    
    // Consent Mode更新
    function updateConsentMode(analytics, ads) {
      if (typeof gtag !== 'undefined') {
        gtag('consent', 'update', {
          'analytics_storage': analytics ? 'granted' : 'denied',
          'ad_storage': ads ? 'granted' : 'denied',
          'ad_user_data': ads ? 'granted' : 'denied',
          'ad_personalization': ads ? 'granted' : 'denied',
        });
      }
    }
    
    // バナーを隠す
    function hideBanner() {
      const banner = document.getElementById('cookie-consent-banner');
      if (banner) {
        banner.style.display = 'none';
      }
    }
    
    // 同意処理
    function acceptCookies() {
      setCookie(CONSENT_KEY, 'accepted', CONSENT_EXPIRY);
      updateConsentMode(true, true);
      hideBanner();
    }
    
    // 拒否処理
    function declineCookies() {
      setCookie(CONSENT_KEY, 'declined', CONSENT_EXPIRY);
      updateConsentMode(false, false);
      hideBanner();
    }
    
    // 初期化
    function initCookieConsent() {
      const consent = getCookie(CONSENT_KEY);
      
      if (consent === 'accepted') {
        updateConsentMode(true, true);
        hideBanner();
      } else if (consent === 'declined') {
        updateConsentMode(false, false);
        hideBanner();
      } else {
        // 日本のユーザーには自動同意（GDPR適用外）
        if (navigator.language && navigator.language.startsWith('ja')) {
          acceptCookies();
        } else {
          // その他の地域にはバナー表示
          document.getElementById('cookie-consent-banner').style.display = 'block';
        }
      }
    }
    
    // DOMが読み込まれたら初期化
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', initCookieConsent);
    } else {
      initCookieConsent();
    }
    
    // ボタンのイベントリスナー
    document.addEventListener('DOMContentLoaded', function() {
      const acceptBtn = document.getElementById('cookie-accept');
      const declineBtn = document.getElementById('cookie-decline');
      
      if (acceptBtn) {
        acceptBtn.addEventListener('click', acceptCookies);
      }
      
      if (declineBtn) {
        declineBtn.addEventListener('click', declineCookies);
      }
    });
  })();
</script>  <footer class="bg-[var(--footer-bg)] text-[var(--footer-text)] py-8 mt-12"> <div class="container mx-auto px-4"> <div class="grid md:grid-cols-2 gap-8"> <div> <h3 class="text-xl font-bold mb-4">GitHubトレンドリポジトリ</h3> <p class="text-[var(--footer-link)]">注目のオープンソースプロジェクトを自動でまとめて紹介しています。</p> <p class="text-[var(--footer-link)] text-sm mt-2">Powered by Astro & ChatGPT</p> </div> <div> <h3 class="text-xl font-bold mb-4">カテゴリー</h3> <ul class="space-y-2"> <li><a href="/category/ai-ml/" class="text-[var(--footer-link)] hover:text-[var(--footer-text)] transition-colors">AI/ML</a></li> <li><a href="/category/web/" class="text-[var(--footer-link)] hover:text-[var(--footer-text)] transition-colors">Web</a></li> <li><a href="/category/mobile/" class="text-[var(--footer-link)] hover:text-[var(--footer-text)] transition-colors">Mobile</a></li> <li><a href="/category/devops/" class="text-[var(--footer-link)] hover:text-[var(--footer-text)] transition-colors">DevOps</a></li> <li><a href="/category/security/" class="text-[var(--footer-link)] hover:text-[var(--footer-text)] transition-colors">Security</a></li> <li><a href="/category/data/" class="text-[var(--footer-link)] hover:text-[var(--footer-text)] transition-colors">Data</a></li> <li><a href="/category/tool/" class="text-[var(--footer-link)] hover:text-[var(--footer-text)] transition-colors">Tool</a></li> <li><a href="/category/library/" class="text-[var(--footer-link)] hover:text-[var(--footer-text)] transition-colors">Library</a></li> <li><a href="/category/other/" class="text-[var(--footer-link)] hover:text-[var(--footer-text)] transition-colors">Other</a></li> </ul> </div> </div> <div class="border-t border-[var(--border-color)] mt-8 pt-8 text-center text-[var(--footer-link)]"> <p>&copy; 2025 GitHubトレンドまとめ. All rights reserved.</p> </div> </div> </footer> <script type="module">const r=document.getElementById("themeToggle"),i=document.getElementById("mobileThemeToggle"),u=document.querySelectorAll(".sun-icon"),g=document.querySelectorAll(".moon-icon");function o(e){if(e==="auto"){const t=window.matchMedia("(prefers-color-scheme: dark)").matches;document.documentElement.setAttribute("data-theme",t?"dark":"light"),localStorage.removeItem("theme"),s(t)}else document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e),s(e==="dark")}function s(e){u.forEach(t=>t.classList.toggle("hidden",e)),g.forEach(t=>t.classList.toggle("hidden",!e))}const l=localStorage.getItem("theme");o(l||"auto");const h=window.matchMedia("(prefers-color-scheme: dark)");h.addEventListener("change",e=>{localStorage.getItem("theme")||o("auto")});r?.addEventListener("click",()=>{const e=document.documentElement.getAttribute("data-theme");o(e==="dark"?"light":"dark")});i?.addEventListener("click",()=>{const e=document.documentElement.getAttribute("data-theme");o(e==="dark"?"light":"dark")});const y=document.getElementById("menuButton"),E=document.getElementById("closeButton"),m=document.getElementById("mobileMenuContent"),d=document.getElementById("mobileMenuOverlay"),n=document.getElementById("categoryButton"),c=document.getElementById("mobileCategoryMenu");function v(){m?.classList.add("open"),d?.classList.add("open"),document.body.style.overflow="hidden"}function a(){m?.classList.remove("open"),d?.classList.remove("open"),document.body.style.overflow=""}y?.addEventListener("click",v);E?.addEventListener("click",a);d?.addEventListener("click",a);n?.addEventListener("click",()=>{c?.classList.toggle("hidden"),n.querySelector("svg")?.classList.toggle("rotate-180")});if(c){c.classList.remove("hidden");const e=n?.querySelector("svg");e&&e.classList.add("rotate-180")}</script> </body> </html> 