差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン 		前のリビジョン
start [2020/01/02 22:23]
admin 		start [2020/01/07 16:40]
admin
行 1: 行 1:
 +~~Title:  ポータル~~
 +{{htmlmetatags>metatag-title=(SAPペイン)}}
 +{{htmlmetatags>metatag-description=(SAP ERP技術と情報の専門サイトです)}}
  
 +
 +
 +<HTML>
 +<style>
 +@media (min-width: 1200px) {
 +#dw__navbar > .container {
 +  width : 100%;
 +}
 +#dokuwiki__top {
 +  width : 100%;
 +}
 +#dokuwiki__content{
 +  width : 100%;
 +  padding-left : 0px;
 +  padding-right : 0px;
 +}
 +
 +#dokuwiki__top #dokuwiki__pageheader {
 +  display : none;
 +}
 +
 +</style>
 +
 +<script>
 +    jQuery(function(){
 +      require(["skylark-particles"],function(particles) {
 +       particles('particles');
 +      });
 +    });
 +</script>
 +<style>
 +body {
 +  padding-left : 0px;
 +  padding-right: 0px;
 +}
 +
 +
 +
 +</style>
 +
 +<style>
 +.jumbotron.sitedesc {
 +background-image : linear-gradient(45deg, #2e6da4 0, #da0024 100%);
 +border-radius : 0px;
 +margin-bottom : 0px;
 +
 +}
 +
 +.sitedesc .container {
 +    max-width: 600px;
 +}
 +
 +.sitedesc .desc-container {
 +    padding: 0 10px;
 +    text-align: center;
 +}
 +
 +.sitedesc .headline-container {
 +    margin-top: 30px;
 +    text-align: center;
 +}
 +
 +@media only screen and (min-width: 768px) {
 +.sitedesc .headline-container {
 +    margin-top: 30px;
 +    color: #fff;
 +}
 +
 +.sitedesc .headline-container .headline-title {
 +    display: block;
 +    background-color: transparent;
 +    padding-top: 10px;
 +    font-size: 48px;
 +}
 +}
 +
 +.sitedesc .headline-container .first .hexagon {
 +    height: 86px;
 +    width: 150px;
 +}
 +.sitedesc .headline-container .first .polygon {
 +    background: #3BAFDA;
 +    color: #fff;
 +    display: inline-block;
 +    text-align: center;
 +    text-decoration: none;
 +    vertical-align: top;
 +    position: relative;
 +}
 +
 +.sitedesc .headline-container .first .polygon:before, .sitedesc .headline-container .first .polygon:after {
 +    border-style: solid;
 +    content: '';
 +    height: 0;
 +    position: absolute;
 +    -webkit-transform: rotate(360deg);
 +    width: 0;
 +}
 +
 +.sitedesc .headline-container .first .hexagon:before {
 +    border-color: transparent transparent #3BAFDA transparent;
 +    border-color: rgba(228,0,139,0) rgba(228,0,139,0) #3BAFDA rgba(228,0,139,0);
 +    border-width: 0 75px 44px 75px;
 +    left: 0;
 +    top: -44px;
 +}
 +
 +.sitedesc .headline-container .first .hexagon:after {
 +    border-color: #3BAFDA transparent transparent transparent;
 +    border-color: #3BAFDA rgba(228,0,139,0) rgba(228,0,139,0) rgba(228,0,139,0);
 +    border-width: 44px 75px 0 75px;
 +    bottom: -44px;
 +    left: 0;
 +}
 +
 +
 +.sitedesc .headline-container .second .polygon:before, .sitedesc .headline-container .second .polygon:after {
 +    border-style: solid;
 +    content: '';
 +    height: 0;
 +    position: absolute;
 +    -webkit-transform: rotate(360deg);
 +    width: 0;
 +}
 +
 +.sitedesc .headline-container .second .hexagon:before {
 +    border-color: transparent transparent #fff transparent;
 +    border-color: rgba(228,0,139,0) rgba(228,0,139,0) #fff rgba(228,0,139,0);
 +    border-width: 0 37.5px 22px 37.5px;
 +    left: 0;
 +    top: -22px;
 +}
 +
 +.sitedesc .headline-container .second .polygon:before, .sitedesc .headline-container .second .polygon:after {
 +    border-style: solid;
 +    content: '';
 +    height: 0;
 +    position: absolute;
 +    -webkit-transform: rotate(360deg);
 +    width: 0;
 +}
 +
 +.sitedesc .headline-container .second .hexagon:after {
 +    border-color: #fff transparent transparent transparent;
 +    border-color: #fff rgba(228,0,139,0) rgba(228,0,139,0) rgba(228,0,139,0);
 +    border-width: 22px 37.5px 0 37.5px;
 +    bottom: -22px;
 +    left: 0;
 +}
 +.sitedesc .headline-container .second {
 +    position: relative;
 +    top: -65px;
 +}
 +
 +.sitedesc .headline-container .first .hexagon {
 +    height: 86px;
 +    width: 150px;
 +}
 +.sitedesc .headline-container .first .polygon {
 +    background: #3BAFDA;
 +    color: #fff;
 +    display: inline-block;
 +    text-align: center;
 +    text-decoration: none;
 +    vertical-align: top;
 +    position: relative;
 +}
 +
 +.sitedesc .headline-container .second .hexagon {
 +    height: 43px;
 +    width: 75px;
 +}
 +.sitedesc .headline-container .second .polygon {
 +    background: #fff;
 +    color: #2d2937;
 +    display: inline-block;
 +    text-align: center;
 +    text-decoration: none;
 +    vertical-align: top;
 +    position: relative;
 +}
 +
 +.sitedesc .headline-container img.logo {
 +    position: relative;
 +    -webkit-transform: rotate(15deg) scale(1);
 +    transform: rotate(0deg) scale(0.3);
 +    margin-left: -110px;
 +    margin-top: -120px;
 +    z-index: 1000;
 +}
 +
 +.sitedesc .headline-container .headline {
 +   padding-top : 10px;
 +}
 +</style>
 +
 +<div id="particles" style="width:100%;height:400px;position:absolute">
 +</div>
 +    <div class="jumbotron sitedesc">
 +        <div class="container">
 +            <div class="caption headline-container row">
 +                <div class="logo col-sm-4">
 +                    <div class="first">
 +                        <div class="polygon hexagon">
 +                        </div>
 +                    </div>
 +                    <div class="second">
 +                        <div class="polygon hexagon">
 +                            <img src="/lib/tpl/skydoku/images/logo.png" title="SAPペイン" alt="SAPペイン" class="logo">
 +                        </div>
 +                    </div>
 +                </div>
 +                <div class="headline col-sm-8">
 +                    <span class="headline-title hidden-xs">SAPペイン</span>  <span class="headline-desc">SAP ERP技術と情報の専門サイト</span>
 +                </div>
 +            </div>
 +        </div>
 +</div>
 +</HTML>
 +
 +<HTML>
 +<style>
 +body {background:#e2e2e2;}
 +.area-padding {padding:0px 0px 0px 0px;}
 +.divider {border:1px solid #dd0000;margin:10px 0px 30px 0px;}
 +
 +/* Feature-CSS */
 +.topic-box {background:#fff;text-align: center;padding: 20px;transition: .5s;margin-bottom: 30px;border: 1px solid #e8e8e8;}
 +.topic-box:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
 +
 +.kdict-section .topic-img img{
 + width : 228px;
 + height : 114px;
 +}
 +
 +.forum-section .topic-img img{
 + width : 360px;
 + height : 180px;
 +}
 +/* Button */
 +.site-btn{padding:12px 25px 12px 25px;background:#000;color:#fff;border:transparent;font-size:16px;}
 +.site-btn:hover{background:#dd0000;color:#fff;border:transparent;}
 +
 +
 +</style>
 +<div class="kdict-section area-padding">
 +    <div class="container">
 + <div class="row">
 + <div class="site-heading ">
 + <h2>知典</h2>
 + <p>SAP ERPの知識辞典です。</p>
 + <div class="divider"></div>
 + </div>
 + </div>
 +   <div class="row">
 +     <ul class="nav nav-tabs">
 +     <li class="active"><a data-toggle="tab" href="#home">モジュール</a></li>
 +     <li><a data-toggle="tab" href="#menu1">ベーシス</a></li>
 +     <li><a data-toggle="tab" href="#menu2">ABAP開発</a></li>
 + </ul>
 +     <div class="tab-content">
 +    <div id="home" class="tab-pane fade in active">
 +         <div class="row">
 + <div class="col-md-3 text-center">
 + <div  class="topic-box">
 +     <div class="topic-title">
 +         <span>企業構造の構成</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/modules/16/16/saperp_enterprise_org_objs_01.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>階層図には各組織要素の上位要素と下位要素が示されます。...</p>
 +     </div>
 +         <a href="/kdict/modules/16/16/06" class="btn btn-info btn-sm">詳細</a>
 + </div>
 + </div> <!-- End Col -->
 + <div class="col-md-3 text-center">
 + <div  class="topic-box">
 +     <div class="topic-title">
 +         <span>条件テックニック</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/modules/16/36/condtech_tbl_001.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>テーブル構成図...<br><br></p>
 +     </div>
 +         <a href="/kdict/modules/16/36/46" class="btn btn-info btn-sm">詳細</a>
 + </div>
 + </div> <!-- End Col -->
 +
 + <div class="col-md-3 text-center">
 + <div href="/kdict/modules/16/16/06" class="topic-box">
 +     <div class="topic-title">
 +         <span>固定資産管理</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/modules/76/16/fiaa_gyomu_002.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>階層図には各組織要素の上位要素と下位要素が示されます。...</p>
 +         <a href="/kdict/modules/16/36/46" class="btn btn-info btn-sm">詳細</a>
 +     </div>
 + </div>
 + </div> <!-- End Col -->
 +
 + <div class="col-md-3 text-center">
 + <div  class="topic-box">
 +     <div class="topic-title">
 +         <span>モジュールのすべて</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/modules/modules_001.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>SAP ERPは業務分野を「モジュール」と呼んで大別しています。...</p>
 +     </div>
 +         <a href="/kdict/modules/start" class="btn btn-info btn-sm">すべてへ</a>
 + </div>
 + </div> <!-- End Col -->
 + </div>
 +     </div>
 +     <div id="menu1" class="tab-pane fade">
 +         <div class="row">
 + <div class="col-md-3 text-center">
 + <div  class="topic-box">
 +     <div class="topic-title">
 +         <span>リポジトリの構造</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/basis/26/application_hierarchy_01.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>リポジトリ情報システムには、プログラム、データベーステーブル...</p>
 +     </div>
 +         <a href="/kdict/basis/26/06" class="btn btn-info btn-sm">詳細</a>
 + </div>
 + </div> <!-- End Col -->
 + <div class="col-md-3 text-center">
 + <div  class="topic-box">
 +     <div class="topic-title">
 +         <span>移送管理システム</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/basis/46/transport_system_01.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>このモデルでは、3階層ランドスケープが一つのドメインと...</p>
 +     </div>
 +         <a href="/kdict/basis/46/16" class="btn btn-info btn-sm">詳細</a>
 + </div>
 + </div> <!-- End Col -->
 +
 + <div class="col-md-3 text-center">
 + <div href="/kdict/modules/16/16/06" class="topic-box">
 +     <div class="topic-title">
 +         <span>拡張フレームワーク</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/basis/36/enh_spot_object_01.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>Enhacement Spotは、拡張が実装できる位置を管理します。...</p>
 +         <a href="/kdict/basis/36/36/16" class="btn btn-info btn-sm">詳細</a>
 +     </div>
 + </div>
 + </div> <!-- End Col -->
 +
 + <div class="col-md-3 text-center">
 + <div  class="topic-box">
 +     <div class="topic-title">
 +         <span>ベーシスのすべて</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/basis/basis_001.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>ABAPアプリケーションの実行プラットフォームを提供しています。...</p>
 +     </div>
 +         <a href="/kdict/basis/start" class="btn btn-info btn-sm">すべてへ</a>
 + </div>
 + </div> <!-- End Col -->
 + </div>
 + </div>
 +     <div id="menu2" class="tab-pane fade">
 +         <div class="row">
 + <div class="col-md-3 text-center">
 + <div  class="topic-box">
 +     <div class="topic-title">
 +         <span>ALV出力の基本実装</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/abap/36/46/alv_fm_002.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>サンプルプログラムは以下の機能を実現します。会社コード指定...</p>
 +     </div>
 +         <a href="/kdict/abap/36/46/16" class="btn btn-info btn-sm">詳細</a>
 + </div>
 + </div> <!-- End Col -->
 + <div class="col-md-3 text-center">
 + <div  class="topic-box">
 +     <div class="topic-title">
 +         <span>構造化手法</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/abap/06/abap_program_struc_102.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>ダイアログモジュールの実装イメージを示します。...</p>
 +     </div>
 +         <a href="/kdict/abap/06/56" class="btn btn-info btn-sm">詳細</a>
 + </div>
 + </div> <!-- End Col -->
 +
 + <div class="col-md-3 text-center">
 + <div href="/kdict/modules/16/16/06" class="topic-box">
 +     <div class="topic-title">
 +         <span>バリアント変数</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/abap/16/86/variant_01.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>バリアント変数の値定義はテーブルTVARVCに格納されます。...</p>
 +         <a href="/kdict/abap/16/86/36" class="btn btn-info btn-sm">詳細</a>
 +     </div>
 + </div>
 + </div> <!-- End Col -->
 +
 + <div class="col-md-3 text-center">
 + <div  class="topic-box">
 +     <div class="topic-title">
 +         <span>ABAP開発のすべて</span>
 +     </div>
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/kdict/abap/abap_001.jpg">
 +     </div>
 +     <div class="topic-desc">
 +         <br><br>
 +         <p>ABAP開発とは、ABAP言語を使って、プログラムを作成...</p>
 +     </div>
 +         <a href="/kdict/abap/start" class="btn btn-info btn-sm">すべてへ</a>
 + </div>
 + </div> <!-- End Col -->
 + </div>
 +     </div>
 +
 + </div>
 + </div>
 + </div>
 +</div>
 +<div class="forum-section area-padding">
 +    <div class="container">
 + <div class="row">
 + <div class="col-md-12 site-heading ">
 + <h2>フォーラム</h2>
 + <p>SAPペインのフォーラムは「<a href="http://www.isummary.jp">iサマリー</a>」を使用しています。  </p>
 + <div class="divider"></div>
 + </div>
 + </div>
 + <div class="row">
 + <div class="col-sm-4 text-center">
 + <div class="topic-box">
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/forums/forum_modules_001.jpg">
 +     </div>
 +     <div class="topic-title">
 +         <h4><br>モジュール向けのフォーラム<br></h4>
 +     </div>
 +         <a href="http://www.isummary.jp/category/22" class="btn btn-info btn-sm">iサマリーへ</a>
 + </div>
 + </div> <!-- End Col -->
 + <div class="col-sm-4 text-center">
 + <div class="topic-box">
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/forums/forum_basis_001.jpg">
 +     </div>
 +     <div class="topic-title">
 +         <h4><br>ベーシス向けのフォーラム<br></h4>
 +     </div>
 +         <a href="http://www.isummary.jp/category/111" class="btn btn-info btn-sm">iサマリーへ</a>
 + </div>
 + </div> <!-- End Col -->
 +
 + <div class="col-sm-4 text-center">
 + <div class="topic-box">
 +     <div class="topic-img">
 +         <img class="img-responsive" src="/_media/forums/forum_abap_001.jpg">
 +     </div>
 +     <div class="topic-title">
 +         <h4><br>ABAP開発向けのフォーラム<br></h4>
 +     </div>
 +         <a href="http://www.isummary.jp/category/70" class="btn btn-info btn-sm">iサマリーへ</a>
 + </div>
 + </div> <!-- End Col -->
 +
 + </div>
 + </div>
 +</div>
 +
 +</HTML>