<!DOCTYPE html>
<html lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>.NET&#12467;&#12531;&#12509;&#12540;&#12493;&#12531;&#12488;&#12539;JavaScript&#12521;&#12452;&#12502;&#12521;&#12522; | Developer Solutions&#12296;&#38283;&#30330;&#25903;&#25588;&#12484;&#12540;&#12523;&#12297; - &#12513;&#12471;&#12454;&#12473;&#26666;&#24335;&#20250;&#31038;</title>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N6R2PVL');</script>
<!-- End Google Tag Manager -->    <!-- OneTrust Cookie -->
    <script type="text/javascript" src="https://cdn-apac.onetrust.com/consent/7b75c9c8-982e-429b-901d-2290f5c4c237/OtAutoBlock.js"></script>
    <script src="https://cdn-apac.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="7b75c9c8-982e-429b-901d-2290f5c4c237"></script>
    <script type="text/javascript">
    function OptanonWrapper() { }
    </script>
    <!-- End OneTrust Cookie -->
    <meta name="robots" content="max-image-preview:large">
    <meta name="description" content="&#12513;&#12471;&#12454;&#12473;&#26666;&#24335;&#20250;&#31038;&#12398;Developer Solutions&#12296;&#38283;&#30330;&#25903;&#25588;&#12484;&#12540;&#12523;&#12297;&#12399;&#26085;&#26412;&#12398;&#26989;&#21209;&#12471;&#12473;&#12486;&#12512;&#12434;&#12424;&#12426;&#21177;&#29575;&#30340;&#12395;&#38283;&#30330;&#12377;&#12427;&#12383;&#12417;&#12398;.NET&#12467;&#12531;&#12509;&#12540;&#12493;&#12531;&#12488;&#12392;JavaScript&#12521;&#12452;&#12502;&#12521;&#12522;&#12434;&#25552;&#20379;&#12375;&#12390;&#12356;&#12414;&#12377;&#12290;&#26085;&#26412;&#12398;&#12499;&#12472;&#12493;&#12473;&#12395;&#12354;&#12431;&#12379;&#12383;&#21508;&#35069;&#21697;&#12395;&#12424;&#12426;&#38283;&#30330;&#32773;&#12398;&#29983;&#29987;&#24615;&#12362;&#12424;&#12403;&#12456;&#12531;&#12489;&#12518;&#12540;&#12470;&#12540;&#12398;&#25805;&#20316;&#24615;&#12434;&#26684;&#27573;&#12395;&#21521;&#19978;&#12373;&#12379;&#12414;&#12377;&#12290;" id="description" />
    <meta name="keywords" content="" id="keywords" />
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="referrer" content="no-referrer-when-downgrade"/>
    <link rel="icon" href="/favicon.ico" sizes="32x32">
    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <meta name="theme-color" content="#ffffff">
    <!-- Open Graph -->
    <meta property="og:locale" content="ja_JP">
    <meta property="og:site_name" content="メシウス株式会社">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://developer.mescius.jp">
    <meta property="og:title" content=".NET&#12467;&#12531;&#12509;&#12540;&#12493;&#12531;&#12488;&#12539;JavaScript&#12521;&#12452;&#12502;&#12521;&#12522; | Developer Solutions&#12296;&#38283;&#30330;&#25903;&#25588;&#12484;&#12540;&#12523;&#12297; - &#12513;&#12471;&#12454;&#12473;&#26666;&#24335;&#20250;&#31038;">
    <meta property="og:description" content="&#12513;&#12471;&#12454;&#12473;&#26666;&#24335;&#20250;&#31038;&#12398;Developer Solutions&#12296;&#38283;&#30330;&#25903;&#25588;&#12484;&#12540;&#12523;&#12297;&#12399;&#26085;&#26412;&#12398;&#26989;&#21209;&#12471;&#12473;&#12486;&#12512;&#12434;&#12424;&#12426;&#21177;&#29575;&#30340;&#12395;&#38283;&#30330;&#12377;&#12427;&#12383;&#12417;&#12398;.NET&#12467;&#12531;&#12509;&#12540;&#12493;&#12531;&#12488;&#12392;JavaScript&#12521;&#12452;&#12502;&#12521;&#12522;&#12434;&#25552;&#20379;&#12375;&#12390;&#12356;&#12414;&#12377;&#12290;&#26085;&#26412;&#12398;&#12499;&#12472;&#12493;&#12473;&#12395;&#12354;&#12431;&#12379;&#12383;&#21508;&#35069;&#21697;&#12395;&#12424;&#12426;&#38283;&#30330;&#32773;&#12398;&#29983;&#29987;&#24615;&#12362;&#12424;&#12403;&#12456;&#12531;&#12489;&#12518;&#12540;&#12470;&#12540;&#12398;&#25805;&#20316;&#24615;&#12434;&#26684;&#27573;&#12395;&#21521;&#19978;&#12373;&#12379;&#12414;&#12377;&#12290;">
    <meta property="og:image" content="https://grapecitycontentcdn.azureedge.net/jp/developer-solutions-ogp.png">
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://developer.mescius.jp">
    <meta name="twitter:title" content=".NET&#12467;&#12531;&#12509;&#12540;&#12493;&#12531;&#12488;&#12539;JavaScript&#12521;&#12452;&#12502;&#12521;&#12522; | Developer Solutions&#12296;&#38283;&#30330;&#25903;&#25588;&#12484;&#12540;&#12523;&#12297; - &#12513;&#12471;&#12454;&#12473;&#26666;&#24335;&#20250;&#31038;">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
    <link href="//cdn.rawgit.com/noelboss/featherlight/1.7.9/release/featherlight.min.css" type="text/css" rel="stylesheet" />
    <!--[if IE 9]>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <![endif]-->
    
    
    <link rel="stylesheet" href="/jp/css/style.css?v=1.0.2">
    
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6R2PVL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- div class="gchello"></div -->
<!-- span class="gchello-desktop"></span>
<span class="gchello-mobile"></span -->

<div class="navigation-primary mobile-pane"></div>
<div class="navigation-secondary mobile-pane"></div>
<div class="search-pane container-fluid">
    <div class="row">
        <div class="col-md-6">
            <form class="search-all" action="/search/main_menu_search" method="POST">
                <input type="text" placeholder="検索" name="term" id="nav-search" />
                <input type="submit" value="検索する" />
            </form>
        </div>
    </div>
</div>
<div class="navigation-primary container-fluid">
    <div class="row">
        <div class="colorwedge"></div>
        <div class="col col-md-12">
            <!-- Begin Inner Container -->
            <div class="container navigation-wrap">
                <div class="row">
                    <div class="col-lg-10 col-md-12 navigation-menus">
                        <ul class="brand">
                            <li class="gc-logo-horiz"><a href="/"><img src="https://grapecitycontentcdn.azureedge.net/jp/logo-mescius.svg" alt="MESCIUS inc." width="198" height="36"><!--i class="gcicon-logo-gc-horiz"></i--></a></li>
                            <li class="gc-logo-stack"><a href="/"><img src="https://grapecitycontentcdn.azureedge.net/jp/logo-mescius.svg" alt="MESCIUS inc." width="165" height="30"><!--i class="gcicon-logo-gc-horiz"></i--></a></li>
                            <li class="gc-angle-open"><b><i class="fa fa-angle-right" aria-hidden="true"></i></b></li>
                            <li class="gc-hamburger"><i class="fa fa-bars" aria-hidden="true"></i></li>
                        </ul>
                        <ul class="main">
                            <li class="products mobile-slide-open" aria-haspopup="true"><span><a href="/products">製品</a> <i class="fa fa-caret-right mobile-icon" aria-hidden="true"></i></span>
                                <div>
                                    <ul>
                                        <li>
                                            <h4><a href="/reporting">帳票・レポート</a></h4>
                                            <h5>日本仕様の帳票開発に必要な機能を搭載したコンポーネント</h5>
                                            <ul>
                                                <li><a href="/activereports">ActiveReports for .NET</a></li>
                                                <li><a href="/activereportsjs">ActiveReportsJS</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <h4><a href="/spread">表計算・グリッド</a></h4>
                                            <h5>Excel風のビューと表計算機能を実現するUIコンポーネント</h5>
                                            <ul>
                                                <li><a href="/spread-winforms">SPREAD for Windows Forms</a></li>
                                                <li><a href="/spread-aspnet">SPREAD for ASP.NET</a></li>
                                                <li><a href="/spread-wpf">SPREAD for WPF</a></li>
                                                <li><a href="/spreadjs">SpreadJS</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <h4><a href="/inputman">入力支援</a></h4>
                                            <h5>快適な入力を実現する日本仕様入力コンポーネントセット</h5>
                                            <ul>
                                                <li><a href="/inputmanplus-winforms">InputManPlus for Windows Forms</a></li>
                                                <li><a href="/inputmanplus-aspnet">InputManPlus for ASP.NET</a></li>
                                                <li><a href="/inputmanplus-wpf">InputManPlus for WPF</a></li>
                                                <li><a href="/inputmanjs">InputManJS</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <h4><a href="/multirowplus-winforms">多段明細</a></h4>
                                            <h5>1レコード複数行&amp;日付表示に 最適なグリッドコンポーネント</h5>
                                            <ul>
                                                <li><a href="/multirowplus-winforms">MultiRowPlus for Windows Forms</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li class="mobile-back mobile-slide-close" aria-haspopup="true"><i class="fa fa-caret-left mobile-icon" aria-hidden="true"></i> 戻る</li>
                                        <li>
                                            <h4><a href="/componentone">コンポーネントセット</a></h4>
                                            <h5>Visual Studioで利用する .NET開発用コンポーネント</h5>
                                            <ul>
                                                <li><a href="/componentone">ComponentOne</a>
                                                    <ul class="child-menu">
                                                        <li><a href="/componentone/winforms">WinForms</a></li>
                                                        <li><a href="/componentone/wpf">WPF</a></li>
                                                        <li><a href="/componentone/aspnet-mvc">ASP.NET MVC</a></li>
                                                        <li><a href="/componentone/blazor">Blazor</a></li>
                                                        <li><a href="/componentone/winui">WinUI</a></li>
                                                        <li><a href="/componentone/maui">.NET MAUI</a></li>
                                                        <li><a href="/componentone/aspnet-webforms">ASP.NET Web Forms</a></li>
                                                        <li><a href="/componentone/data-services">Data Services</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <h4><a href="/javascript-library">JavaScriptライブラリ</a></h4>
                                            <h5>WebアプリケーションのUI開発で利用するJavaScriptライブラリ</h5>
                                            <ul>
                                                <li><a href="/wijmo">Wijmo</a></li>
                                                <li><a href="/spreadjs">SpreadJS</a></li>
                                                <li><a href="/inputmanjs">InputManJS</a></li>
                                                <li><a href="/activereportsjs">ActiveReportsJS</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <h4><a href="/diodocs">ドキュメントAPI</a></h4>
                                            <h5>ドキュメントを生成、更新するAPIライブラリ</h5>
                                            <ul>
                                                <li><a href="/diodocs-excel">DioDocs for Excel</a></li>
                                                <li><a href="/diodocs-pdf">DioDocs for PDF</a>
                                                    <ul class="child-menu">
                                                        <li><a href="/diodocs-pdf/javascript-pdf-viewer">PDFビューワ</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="/diodocs-imaging">DioDocs for Imaging</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li><a class="gc-btn" href="/products">すべて見る</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="download support mobile-slide-open" aria-haspopup="true"><span><a href="/download">ダウンロード</a> <i class="fa fa-caret-right mobile-icon" aria-hidden="true"></i></span>
                                <div>
                                    <ul>
                                        <li class="mobile-back mobile-slide-close" aria-haspopup="true"><i class="fa fa-caret-left mobile-icon" aria-hidden="true"></i> 戻る</li>
                                        <li>
                                            <ul>
                                                <li><a href="/download">トライアル版</a></li>
                                                <li><a href="/download/update">アップデート版</a></li>
                                                <li><a href="/download/license">使用許諾契約書</a></li>
                                                <li><a href="/download/product-document">製品資料</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="demo">
                                <span><a href="/demo">デモ</a></span>
                            </li>
                            <li class="support mobile-slide-open" aria-haspopup="true"><span><a href="/support">サポート</a> <i class="fa fa-caret-right mobile-icon" aria-hidden="true"></i></span>
                                <div>
                                    <ul>
                                        <li class="mobile-back mobile-slide-close" aria-haspopup="true"><i class="fa fa-caret-left mobile-icon" aria-hidden="true"></i> 戻る</li>
                                        <li>
                                            <ul>
                                                <li><a href="/support/about-my-account">アカウントの管理</a></li>
                                                <li><a href="/support/technical">E-mailサポート</a></li>
                                                <li><a href="/support/renewal">サービス契約更新</a></li>
                                                <li><a href="/support/support-policy">サポートポリシー</a></li>
                                                <li><a href="/support/knowledge">ナレッジベース</a></li>
                                                <li><a href="/support/online-help">オンラインヘルプ</a></li>
                                                <li><a href="/support/system">必要システム</a></li>
                                                <li><a href="/support/license">ライセンス認証</a></li>
                                                <li><a href="/support/info">各種情報</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="purchase support mobile-slide-open" aria-haspopup="true"><span><a href="/purchase">購入方法</a> <i class="fa fa-caret-right mobile-icon" aria-hidden="true"></i></span>
                                <div>
                                    <ul>
                                        <li class="mobile-back mobile-slide-close" aria-haspopup="true"><i class="fa fa-caret-left mobile-icon" aria-hidden="true"></i> 戻る</li>
                                        <li>
                                            <ul>
                                                <li><a href="/purchase/flow">ご利用の流れ</a></li>
                                                <li><a href="/purchase/how-to-buy">ご購入</a></li>
                                                <li><a href="/purchase/pricelist">価格表</a></li>
                                                <li><a href="/purchase/license">ライセンス</a></li>
                                                <li><a href="/purchase/old-version">旧バージョン製品</a></li>
                                                <li><a href="/contact-purchasing-quotations">購入のご相談</a></li>
                                                <li><a href="/purchase/campaign">キャンペーン情報</a></li>
                                                <li><a href="/purchase/direct-sales-terms">直販規約</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="about-us support mobile-slide-open" aria-haspopup="true"><span><a href="/about-us">会社情報</a> <i class="fa fa-caret-right mobile-icon" aria-hidden="true"></i></span>
                                <div>
                                    <ul>
                                        <li class="mobile-back mobile-slide-close" aria-haspopup="true"><i class="fa fa-caret-left mobile-icon" aria-hidden="true"></i> 戻る</li>
                                        <li>
                                            <ul>
                                                <li><a href="/about-us/case">導入事例</a></li>
                                                <li><a href="/about-us/solution-partner">パートナー企業</a></li>
                                                <li><a href="/about-us/newsrelease">ニュースリリース</a></li>
                                                <li><a href="/about-us/event">イベント・セミナー</a></li>
                                                <li><a href="/about-us/newsletter">お知らせメール登録</a></li>
                                                <li><a href="/about-us/recruit">採用情報</a></li>
                                                <li><a href="/about-us/contact">お問合せ</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="search-mobile d-md-none"><a href="/search">検索</a></li>
                            <li class="logged-out-mobile d-lg-none"><a href="/my-account">ログイン</a></li>
                        </ul>
                    </div>
                    <div class="col col-lg-2 hide-md-down navigation-utility">
                        <ul class="utility">
                            <li class="search d-md-none d-lg-inline-block" aria-haspopup="true"><i class="fa fa-search" aria-hidden="true"></i></li>
                            <li class="search search-small d-md-inline-block  d-lg-none"><a href="/search"><i class="fa fa-search"></i></a></li>
                            <li class="signin logged-out d-md-none d-lg-inline-block" aria-haspopup="true"><a href="/login">ログイン</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>  
<main class="home">
    <article>
        <div class="announce"><a href="/support/info#license">「使用許諾契約書」改定に関する情報</a></div>
            <header class="header-carousel gc-carousel " role="banner" >
                <div id="headerCarousel" class="carousel slide" data-ride="carousel" data-interval="15000">
                    <ol class="carousel-indicators">
                       <li data-target="#headerCarousel" data-slide-to="0" class="active"></li>
                       <li data-target="#headerCarousel" data-slide-to="1"></li>
                       <li data-target="#headerCarousel" data-slide-to="2"></li>
                       <li data-target="#headerCarousel" data-slide-to="3"></li>
                       <li data-target="#headerCarousel" data-slide-to="4"></li>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <div class="carousel-item active">
                            <div class="carousel-caption" style="background-image:url(https://grapecitycontentcdn.azureedge.net/jp/home/hero-image-developer-solutions.png);">
                                <div class="inner-wrap gradient">
                                    <div class="inner-pad">
                                        <h1>アプリケーション開発を支援</h1>
                                        <p><p style="margin-bottom:2rem;">メシウスの開発支援ツールは日本の業務に適したシステムを、より早く開発するためのソフトウェアです。<br>エンドユーザーの利用しやすさ、幅広いユーザー環境への対応、そして何よりプログラマの作業を軽減することを一番に目指しています。</p><h5 style="margin-bottom:1rem;">新着情報</h5></p>
                                        <a class="gc-btn text-link" href="https://devlog.mescius.jp/diodocs-pdf-9-optimize-pdf-file/" target="_blank" role="button">2026.04.03：DioDocs V9JでPDFファイルを最適化</a>
                                        <a class="gc-btn text-link" href="https://devlog.mescius.jp/ai-agent-claude-code-skill-creator/" target="_blank" role="button">2026.04.02：Skill Creatorの実践的な使い方を解説</a>
                                        <a class="gc-btn text-link" href="https://devlog.mescius.jp/activereports-feature-image-to-layout/" target="_blank" role="button">2026.03.31：ActiveReportsのAIデザイン支援機能</a>
                                        <a class="gc-btn text-link" href="https://devlog.mescius.jp/diodocs-9-release/" target="_blank" role="button">2026.03.27：DioDocs V9J リリース！</a>
                                        <a class="gc-btn text-link" href="https://devlog.mescius.jp/new-saas-license-and-eula/" target="_blank" role="button">2026.01.28：ライセンスの新設と使用許諾契約書の改定</a>
                                        <a class="gc-btn primary-action" href="https://devlog.mescius.jp" target="_blank" role="button">一覧を見る</a>
                                        <a class="gc-btn secondary-action" href="https://x.com/MESCIUS_dev" target="_blank" role="button">X（旧Twitter）でも発信中</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item carousel-item--spreadjs">
                            <div class="carousel-caption" style="background-image:url();">
                                <div class="inner-wrap gradient">
                                    <div class="inner-pad">
                                        
                                        <p><div class="row"><div class="col-md-7 col-xl-6"><h1>Excelの操作性を再現</h1><h2>SpreadJS</h2><p>圧倒的な再現性でMicrosoft Excel®と同等の外観と操作性を実現する高性能スプレッドシートコントロール</p><ul class="list"><li>数式やグラフをはじめとする豊富なExcel互換機能</li><li>Excel形式ファイルの入出力に対応</li><li>デザイナによるGUIベースのシート設計で工数削減</li></ul><p><a class="gc-btn" href="/spreadjs" role="button">詳しく見る</a></p></div><div class="col-md-5 col-xl-6 d-none d-md-block"><figure><img src="https://grapecitycontentcdn.azureedge.net/jp/products/spreadjs/hero-image-spreadjs.png" alt="SpreadJS" loading="lazy" width="540" height="454"></figure></div></div></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item carousel-item--inputmanjs">
                            <div class="carousel-caption" style="background-image:url();">
                                <div class="inner-wrap gradient">
                                    <div class="inner-pad">
                                        
                                        <p><div class="row"><div class="col-md-7 col-xl-6"><h1>フォームの入力を支援</h1><h2>InputManJS</h2><p>快適な入力操作を提供するWebフォームを開発するための入力コントロールセット</p><ul class="list"><li>文字列、数値、日付、選択など各種入力に対応</li><li>日本固有の仕様を実装した設計（和暦、ふりがな取得、漢数字など）</li><li>検証、フォーカス制御を提供し、JavaScriptの実装部分を軽減</li></ul><p><a class="gc-btn" href="/inputmanjs" role="button">詳しく見る</a></p></div><div class="col-md-5 col-xl-6 d-none d-md-block"><figure><img src="https://grapecitycontentcdn.azureedge.net/jp/products/inputmanjs/hero-image-inputmanjs.png" alt="InputManJS" loading="lazy" width="540" height="454"></figure></div></div></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item carousel-item--activereportsjs">
                            <div class="carousel-caption" style="background-image:url();">
                                <div class="inner-wrap gradient">
                                    <div class="inner-pad">
                                        
                                        <p><div class="row"><div class="col-md-7 col-xl-6"><h1>帳票開発を徹底支援</h1><h2>ActiveReportsJS</h2><p>日本仕様のWeb帳票開発に必要な機能を搭載したJavaScriptライブラリ</p><ul class="list"><li>クロスプラットフォームで使える帳票デザイナを提供</li><li>高機能帳票ビューワで快適に帳票を閲覧</li><li>印刷、PDF、Excelなど各種形式への出力に対応</li></ul><p><a class="gc-btn" href="/activereportsjs" role="button">詳しく見る</a></p></div><div class="col-md-5 col-xl-6 d-none d-md-block"><figure><img src="https://grapecitycontentcdn.azureedge.net/jp/products/activereportsjs/hero-image-activereportsjs.png" alt="ActiveReportsJS" loading="lazy" width="540" height="454"></figure></div></div></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item ">
                            <div class="carousel-caption" style="background-image:url(https://grapecitycontentcdn.azureedge.net/jp/products/c1/hero-image-componentone.png);">
                                <div class="inner-wrap gradient">
                                    <div class="inner-pad">
                                        <h1>あらゆる.NET開発にこれ一つ</h1>
                                        <p><h2>ComponentOne</h2><p>デスクトップ、ウェブ、モバイルなど、各プラットフォームに応えた、Visual Studioで利用する .NETコンポーネントセット</p><ul class="list"><li>Windows Forms、WPF、ASP.NET、ASP.NET Core、Blazor、WinUI、.NET MAUI、7つのプラットフォームに対応</li><li>データグリッドやチャート、ゲージ、帳票、入力やナビゲーションといったUI部品などを提供</li></ul></p>
                                        <a class="gc-btn primary-action" href="/componentone" target="" role="button">詳しく見る</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

            <section class="section-standard " >
                <div class="container pt-5" id="products">
                    
                    
                    <p class="text-center"><h2 class="text-center" style="margin:0">選ばれつづける .NETコンポーネント・JavaScriptライブラリ</h2></p>
                    
                </div>
            </section>


            <section class="section-divided-3col gc-products section-divided-3col--card pt-0" >
                <div class="container pt-5 pb-5">
                    
                    
                    <div class="row">
                        <div class="col-md-4 product_ar icon-ar">
                            
                            <i class="gcicon-product_ar icon-ar"></i>
                            
                            
                            <h4>ActiveReports</h4>
                            <p><h6 style="margin-top:-.375rem; font-size:.875rem;">〈アクティブレポート〉</h6><p>日本仕様の帳票開発に必要な機能を搭載したコンポーネント</p></p>
                                <a class="gc-btn btn--trial primary-action" href="/download#reporting" target="" role="button">無料で試す</a><br />
                                <a class="gc-btn secondary-action" href="/reporting" target="" role="button">詳しく見る</a><br />
                        </div>
                        <div class="col-md-4 product_sp icon-sp">
                            
                            <i class="gcicon-product_sp icon-sp"></i>
                            
                            
                            <h4>SPREAD</h4>
                            <p><h6 style="margin-top:-.375rem; font-size:.875rem;">〈スプレッド〉</h6><p>Excel風のビューと表計算機能を実現するUIコンポーネント</p></p>
                                <a class="gc-btn btn--trial primary-action" href="/download#spreadsheet" target="" role="button">無料で試す</a><br />
                                <a class="gc-btn secondary-action" href="/spread" target="" role="button">詳しく見る</a><br />
                        </div>
                        <div class="col-md-4 product_im icon-im">
                            
                            <i class="gcicon-product_im icon-im"></i>
                            
                            
                            <h4>InputMan</h4>
                            <p><h6 style="margin-top:-.375rem; font-size:.875rem;">〈インプットマン〉</h6><p>快適な入力を実現する日本仕様入力コンポーネントセット</p></p>
                                <a class="gc-btn btn--trial primary-action" href="/download#input" target="" role="button">無料で試す</a><br />
                                <a class="gc-btn secondary-action" href="/inputman" target="" role="button">詳しく見る</a><br />
                        </div>
                        <div class="col-md-4 product_wj icon-wj">
                            
                            <i class="gcicon-product_wj icon-wj"></i>
                            
                            
                            <h4>Wijmo</h4>
                            <p><h6 style="margin-top:-.375rem; font-size:.875rem;">〈ウィジモ〉</h6><p>最先端テクノロジーに対応した多彩なUIコントロールセット</p></p>
                                <a class="gc-btn btn--trial primary-action" href="/my-account/trial-product/Wijmo Enterprise" target="" role="button">無料で試す</a><br />
                                <a class="gc-btn secondary-action" href="/wijmo" target="" role="button">詳しく見る</a><br />
                        </div>
                        <div class="col-md-4 product_diodocs icon-diodocs">
                            
                            <i class="gcicon-product_diodocs icon-diodocs"></i>
                            
                            
                            <h4>DioDocs</h4>
                            <p><h6 style="margin-top:-.375rem; font-size:.875rem;">〈ディオドック〉</h6><p>ドキュメントを生成、更新するAPIライブラリ</p></p>
                                <a class="gc-btn btn--trial primary-action" href="/download#documentapi" target="" role="button">無料で試す</a><br />
                                <a class="gc-btn secondary-action" href="/diodocs" target="" role="button">詳しく見る</a><br />
                        </div>
                        <div class="col-md-4 product_c1 icon-c1">
                            
                            <i class="gcicon-product_c1 icon-c1"></i>
                            
                            
                            <h4>ComponentOne</h4>
                            <p><h6 style="margin-top:-.375rem; font-size:.875rem;">〈コンポーネントワン〉</h6><p>Visual Studioで利用する .NETコンポーネントセット</p></p>
                                <a class="gc-btn btn--trial primary-action" href="/my-account/trial-product/ComponentOne" target="" role="button">無料で試す</a><br />
                                <a class="gc-btn secondary-action" href="/componentone" target="" role="button">詳しく見る</a><br />
                        </div>
                    </div>
                </div>
            </section>


            <section class="section-standard text-center" >
                <div class="container pb-5" >
                    
                    
                    
                    
                        <a href="/products" class="gc-btn btn-primary-action" target="">製品一覧を見る</a>
                </div>
            </section>


            <section class="section-3col force-textalign-left section-background-grey pt-5 pb-5" id="advantage" >
                <div class="container">
                    <h2 class="text-center">信頼と安心の背景</h2>
                    
                    <p class="text-center">メシウスは35年以上にわたりDeveloper Solutions〈開発支援ツール〉を提供しつづけており、累計60万ライセンスを超える出荷実績があります。<br>長年の実績に加え、製品機能の充実と品質維持そしてサポート体制が多くのお客様からの信頼を獲得しています。</p>
                    <div class="row justify-content-center">
                        <div class="col-md-4 col-6">
                              
                            
                            <p><figure style="margin:1rem 0 .875rem;"><img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/icon-user.png" alt="80,000以上のお客様が利用" width="180" height="180" loading="lazy" style="width:180px; height:180px;" class="rounded-circle"></figure><h5 style="margin-bottom:0; margin-inline:auto; inline-size:fit-content;">85,000以上のお客様が利用</h5></p>
            
                        </div>
                        <div class="col-md-4 col-6">
                              
                            
                            <p><figure style="margin:1rem 0 .875rem;"><img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/icon-achievement.png" alt="お客様に選ばれ続けて35年" width="180" height="180" loading="lazy" style="width:180px; height:180px;" class="rounded-circle"></figure><h5 style="margin-bottom:0; margin-inline:auto; inline-size:fit-content;">お客様に選ばれ続けて35年</h5></p>
            
                        </div>
                        <div class="col-md-4 col-6">
                              
                            
                            <p><figure style="margin:1rem 0 .875rem;"><img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/icon-japanese-specifications.png" alt="日本仕様を追求した機能" width="180" height="180" loading="lazy" style="width:180px; height:180px;" class="rounded-circle"></figure><h5 style="margin-bottom:0; margin-inline:auto; inline-size:fit-content;">日本仕様を追求した機能</h5></p>
            
                        </div>
                    </div>
                </div>
            </section>


            <section class="section-3col section-3col--card case pt-5" id="case" >
                <div class="container">
                    <h2 class="text-center">導入事例</h2>
                    
                    
                    <div class="row ">
                        <div class="col-md-4 col-sm-6 col-lg-4 col-xl-3">
                                <a href="/about-us/case/kajima" target="">
                                    <img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/case/kajima.png" class=" mgen" alt="鹿島建設株式会社" title="鹿島建設株式会社" />
                                </a>
                              
                            
                            
            
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4 col-xl-3">
                                <a href="/about-us/case/intra-mart" target="">
                                    <img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/case/intra-mart.png" class=" mgen" alt="株式会社エヌ・ティ・ティ・データ・イントラマート" title="株式会社エヌ・ティ・ティ・データ・イントラマート" />
                                </a>
                              
                            
                            
            
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4 col-xl-3">
                                <a href="/about-us/case/smbc" target="">
                                    <img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/case/smbc.png" class=" mgen" alt="株式会社三井住友銀行" title="株式会社三井住友銀行" />
                                </a>
                              
                            
                            
            
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4 col-xl-3">
                                <a href="/about-us/case/workvision" target="">
                                    <img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/case/workvision.png" class=" mgen" alt="株式会社WorkVision" title="株式会社WorkVision" />
                                </a>
                              
                            
                            
            
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4 col-xl-3">
                                <a href="/about-us/case/mazda" target="">
                                    <img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/case/mazda-h.png" class=" mgen" alt="マツダ株式会社" title="マツダ株式会社" />
                                </a>
                              
                            
                            
            
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4 col-xl-3">
                                <a href="/about-us/case/msw" target="">
                                    <img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/case/mitsubishielectric.png" class=" mgen" alt="三菱電機メカトロニクスソフトウエア株式会社" title="三菱電機メカトロニクスソフトウエア株式会社" />
                                </a>
                              
                            
                            
            
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4 col-xl-3">
                                <a href="/about-us/case/yahoo" target="">
                                    <img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/case/yahoo.png" class=" mgen" alt="ヤフー株式会社" title="ヤフー株式会社" />
                                </a>
                              
                            
                            
            
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4 col-xl-3">
                                <a href="/about-us/case/yayoi" target="">
                                    <img src="https://grapecitycontentcdn.azureedge.net/jp/common/images/case/yayoi.png" class=" mgen" alt="弥生株式会社" title="弥生株式会社" />
                                </a>
                              
                            
                            
            
                        </div>
                    </div>
                </div>
            </section>


            <section class="section-standard text-center" >
                <div class="container pb-5" >
                    
                    
                    
                    
                        <a href="/about-us/case" class="gc-btn btn-primary-action" target="">すべての事例を見る</a>
                </div>
            </section>


            <section class="section-standard force-textalign-left section-background-grey" >
                <div class="container pt-5 pb-5" id="ondemand-seminar">
                    <h2 class="text-center">オンデマンドセミナー</h2>
                    
                    <p class="text-center"><p>過去に開催したウェビナーのアーカイブを、いつでもお好きな時に無料でご視聴いただけます。製品の機能や特徴、利用方法などを詳しくご紹介しています。</p><p style="margin-bottom:0; text-align:center !important;"><a href="/about-us/event/ondemand" class="gc-btn btn-primary-action" role="button">オンデマンドセミナーの一覧を見る</a></p></p>
                    
                </div>
            </section>

    </article>
</main>
<script>(function(){
var w=window,d=document;
var s="https://app.chatplus.jp/cp.js";
d["__cp_d"]="https://app.chatplus.jp";
d["__cp_c"]="0f36731b_1";
var a=d.createElement("script"), m=d.getElementsByTagName("script")[0];
a.async=true,a.src=s,m.parentNode.insertBefore(a,m);})();</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>
<script>
  const observer = lozad();
  observer.observe();
</script>
<script src="https://developer.mescius.jp/jp/js/metalsmith/output.min.js?v=1.0.2"></script>
<script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.9/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
<ul class="gccolorbar">
    <li></li>
    <li></li>
    <li></li>
</ul>
<section class="footer">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-5">
                <ul class="company-info">
                    <li><a href="https://www.mescius.com/" target="_blank" class="gc-logo"><img alt="MESCIUS inc." src="https://grapecitycontentcdn.azureedge.net/jp/logo-mescius-white.svg" width="168" height="30"><!-- i class="gcicon-logo-gc-horiz"></i --></a><p style="margin:4px 0 0 0;">旧グレープシティ株式会社</p></li>
                    <li>&copy; <span id="gcyear"></span> MESCIUS inc. All rights reserved.</li>
                </ul>
            </div>
            <div class="col-lg-7">
                <ul class="util-nav">
                    <li><a href="/purchase/direct-sales-terms">直販規約</a></li>
                    <li><a href="/purchase/how-to-buy/cancel">特定商取引法に基づく表記</a></li>
                    <li><a href="/about-us">会社情報</a></li>
                    <li><a href="/about-us/contact">お問合せ</a></li>
                    <li><a href="https://www.mescius.com/policy/privacy/" target="_blank">プライバシーポリシー</a></li>
                    <li><a href="/terms">利用規約</a></li>
                    <li><a href="/legal-notice">リーガル情報</a></li>
                </ul>
                <ul class="util-social">
                    <li><a href="https://www.facebook.com/MESCIUS.dev" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="https://x.com/MESCIUS_dev" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" width="26" height="26"><path d="M8 2H1L9.26086 13.0145L1.44995 21.9999H4.09998L10.4883 14.651L16 22H23L14.3917 10.5223L21.8001 2H19.1501L13.1643 8.88578L8 2ZM17 20L5 4H7L19 20H17Z"></path></svg></a></li>
                    <li><a href="https://www.youtube.com/@mescius-dev" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
                    <li><a href="https://www.linkedin.com/showcase/mescius-dev" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                    <li><a href="https://devlog.mescius.jp/" target="_blank"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
                    <li class="the-selector">
                        <form class="region-selector">
                            <select>
                                <option selected disabled>Region Select</option>
                                <option value="en">US / International</option>
                                <option value="cn">China / Taiwan / Hong Kong</option>
                                <option value="jp">Japan</option>
                                <option value="in">India</option>
                                <option value="kr">Korea</option>
                            </select>
                        </form>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<div class="loading-overlay hidden">
    <i class="gcicon-hex-open the-spinner fa fa-spin" aria-hidden="true"></i>
    <div class="overlay"></div>
</div></body>
</html>