Apisnote-Community.github.io/index.html at master · Apisnote-Community/Apisnote-Community.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE HTML>
<html lang="ja">

<head>
   <title> APISNOTE for Developers</title>
   <meta charset="utf-8" name="description"
      content="Portal Site for developers who want to empower their APISNOTE / APISNOTEをよりよく活用したい人のためのツール紹介・開発サポートサイト">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" type="image/png" href="/image/favicon-96x96.png" sizes="96x96">
   <link rel="stylesheet" href="css/style.css">
   <header class="header-5">
      <div class="header-inner">
         <div class="logo">
            <a href="https://apisnote-community.github.io/"><img src="image/apisnote_logo.png" alt="logo"
                  class="logo_img"></a>
         </div>
         <nav class="header-nav">
            <ul class="header-nav-list">
               <a href="#usecase">
                  <li class="header-nav-item">Use Case</li>
               </a>
               <a href="#modules">
                  <li class="header-nav-item">Modules</li>
               </a>
               <a href="#form">
                  <li class="header-nav-item">Community</li>
               </a>
            </ul>
            <div class="header-ham">
               <div class="menu2"></div>
               <div class="menu2"></div>
               <div class="menu2"></div>
            </div>
         </nav>
      </div>
   </header>
</head>

<body>
   <div class="main-visual">
      <h2>Empower your APISNOTE</h2>
   </div>
   <div class="sectionbox">
      <h2 class="sectiontitle">APISNOTE for Developers</h2>
      <p class="txt">チームでの協働に最適な電子付箋ツール
         <a class="link"
         href="https://community.apisnote.com/Apisnote-Community/">APISNOTE</a>
         で利用できるcsvデータの処理・可視化を行うツールの開発・共有・サポートを行うコミュニティです。</p>

      <h3 class="usecase-title">csv出力方法</h3>
      <p class="txt">(1) <a href="image/csvDownload(1).PNG">notebookアイコン</a>をクリックし「Export Working CSV」を選択(csv一括ダウンロード)</p>
      <p class="txt">(2) 各worksheet画面で左下の<a href="image/csvDownload(2).PNG">「≡」</a>をクリックしダウンロード</p>

      <br />
      <hr />
   </div>

   <div class="sectionbox">

      <h2 class="sectiontitle"><a id="usecase">Use Case / Tools</a></h2>

      <div class="flex-box">
         <div class = "f-childbox1">
            <img src="image/icon_aav.png" alt="An example of APISNOTE Activity Viewer output" class="usecase-image">
            <h3 class="f-title"><a class="link" href="https://github.com/Apisnote-Community/Apisnote-Activity-viewer">
               #1 Apisnote-Activity-viewer</a></h3>
            <p class="f-textbox">APISNOTEにおけるアクティビティを可視化するツール</p>
            <div class="f-button-box">
               <a href="Docs-ActivityViewer/index.html" class="f-buttona"><div class="f-button">Docs</div></a>
               <a href="https://qiita.com/ApisnoteDevelopers/items/1ec7fb9886af71f991d1" class="f-buttona"><div class="f-button">Quick Start</div></a>
            </div>
         </div>

         <div class = "f-childbox2">
            <img src="image/icon_others.png" alt="Usecase / modules" class="usecase-image">
            <h3 class="f-title"><a class="link" href="https://github.com/Apisnote-Community/Apisnote-Activity-viewer">#
               その他ユースケース・ツール</a></h3>
            <p class="f-textbox">準備中</p>
         </div>

      </div>

      <hr />
   </div>

   <div class="sectionbox">
      <h2 class="sectiontitle"><a id="modules">Modules</a></h2>

      <div class="mini-section">
         <h3 class="usecase-title">#1 makeActivityArray()</h3>
         <p class="txt"><a href="https://github.com/Apisnote-Community/Apisnote-Activity-viewer">APISNOTE-Activity-viewer(aav)</a>に用いられている，APISNOTEの各シートのcsvよりデータを取得し，一つのPandasデータフレームを出力する関数(ApisnoteActivityDF.py内に格納)。</p>
      </div>
      <div class="mini-section">
         <h3 class="usecase-title">#2 xAxisIndex()</h3>
         <p class="txt"><a href="https://github.com/Apisnote-Community/Apisnote-Activity-viewer">aav</a>に用いられている,makeActivityArray()から出力される列名(時間)を見やすく変換する関数</p>
         <p class="txt">(ApisnoteActivityDF.py内に格納)</p>
      </div>
      <div class="mini-section">
         <h3 class="usecase-title">#3 heatmap()</h3>
         <p class="txt"><a href="https://github.com/Apisnote-Community/Apisnote-Activity-viewer">aav</a>に用いられている,makeActivityArrayから出力されるDataFrameを可視化するための関数</p>
         <p class="txt">(aav_heatmap.pyに格納)</p>
      </div>

      <br />
      <hr />
   </div>

   <div class="sectionbox">
      <h2 class="sectiontitle">Community</h2>
      <h3 class="usecase-title"># APISNOTE for Developers Community</h3>
      <p class="txt">APISNOTE for Developers 用の <a href="https://github.com/Apisnote-Community/Apisnote-Community.github.io/discussions">
         GitHub Discussion</a> です。 質問・問い合わせ・ツール開発に関する議論，その他雑談等。
      </p>
      <p class="txt">
         GitHub Disccusion に参加できない方は<a id="form" class="link"
            href="https://forms.gle/51wQQVTUtVmS4CZr9">フォーム</a>よりお問い合わせください
      </p>
      <br />
      <hr />
   </div>
   <div class="last-section">
      <p class="ls-txt"><a href="http://ischool.or.jp/privacy/">プライバシーポリシー</a></p>
      <p class="ls-txt"><a href="http://www.jsic.or.jp/">i.school/JSIC</a></p>
   </div>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
   <script src="css/jquery.js"></script>
</body>

</html>