-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (168 loc) · 8.56 KB
/
index.html
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="words" content="nippoly,日暮里,日報,github,リンク,マークダウン">
<meta name="description" content="読んだ！を10倍速くするnippolyです。">
<meta name="author" content="chanchi-">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
<link rel="shortcut icon" href="img/icon.png">
<title>nippoly</title>
</head>
<body>
<header id="header" class="">
<div class="share">
<div class="share-box">
<span class="share-text">SHARE : </span>
<a href="http://twitter.com/share?url=https://nippoly.github.io/" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://nippoly.github.io/" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
</div>
</div>
<h1 class="title">
<img src="img/nippo_logo.png" alt="">
</h1>
<div class="links">
<a href="https://chrome.google.com/webstore/detail/nippoly/aaepeangckbhnfljkeljonfdjhcdpgfp/related?hl=ja" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> 無料ではじめる ver.β</a>
<a href="https://github.com/nippoly/nippoly" target="_blank"><i class="fa fa-github" aria-hidden="true"></i> GitHubをみる</a>
</div>
<nav>
<ul>
<li><a href="#about" title="" class="nav_a" data-scroll>nippolyについて</a></li>
<li><a href="#way" title="" class="nav_a" data-scroll>使い方</a></li>
<li><a href="#version" title="" class="nav_a" data-scroll>バージョン</a></li>
<li><a href="#contact" title="" class="nav_a" data-scroll>お問い合わせ</a></li>
</ul>
</nav>
</header><!-- /header -->
<div class="image_view"></div>
<div class="about">
<h2 id="about"><img src="img/logo_nippoly2.png" alt=""> とは？</h2>
<p class="comment">きっかけは、私たちが始めた<br class="brs">日報でした。</p>
<div class="description">
<p>日報はとてもいいもので、チーム内の情報共有や、<br>
行動の言語化による自分たちの成長、自分ができることの<br>
可視化などにとても役に立ちます。<br>
私たちが書いている日報の中には、「読んだもの」という項目があります。<br>
一日に読んだ記事やそれに付随する思ったことを書くことで、<br>
それを読んだメンバーからレビューをもらったり、<br>
別の考えをもらって知見が広まったりします。<br>
この「読んだもの」のリンクを素早くまとめられるように、<br>
読んだ記事のリンクを簡単にまとめることができる<br>
nippolyを開発しました。<br>
</p>
<a href="http://touyoubuntu.hatenablog.com/entry/2017/04/26/124253" target="_blank">日報についてもっとみる ＞ </a>
</div>
<img src="img/scsho2.png" alt="" class="scsho">
</div>
<div class="way">
<h2 id="way">WAY TO USE</h2>
<p class="sub-title">nippolyの使い方</p>
<div class="container">
<div class="steps">
<h3><img src="img/step1.png" height="79" width="184" alt=""></h3>
<div id="box" class="ma"></div>
<h4>nippolyをダウンロード</h4>
<p>chrome extensionでnipplyを検索、または上記リンクから<br>
無料でダウンロードすることができます。
</p>
</div>
<div class="steps">
<h3><img src="img/step2.png" height="79" width="184" alt=""></h3>
<div id="box2" class="ma"></div>
<h4>読んだものをストック</h4>
<p>読んだ記事や、読んだ本のページでnippolyを起動すると、<br>
マークダウン形式でリンクとタイトルが保存されます。</p>
</div>
<div class="steps">
<h3><img src="img/step3.png" height="79" width="184" alt=""></h3>
<div id="box3" class="ma"></div>
<h4>クリップボードにコピー</h4>
<p>ストックしたものはリスト化されて保存できます。<br>
クリップッボードに一気にコピーすることができます。</p>
</div>
<div class="steps">
<h3><img src="img/step4.png" height="79" width="184" alt=""></h3>
<div id="box4" class="ma"></div>
<h4>日報に貼り付ける</h4>
<p>マークダウン方式の日報や日記にペーストするだけで<br>
一日で読んだ記事や本を記録、共有することができます。</p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="version">
<div class="contaier2">
<h2 id="version">VERSION</h2>
<p class="sub-title">バージョン</p>
<div class="v v1">
<h5>ver 0.9</h5>
<p>2017.04.24 <span class="right">β版リリース</span></p>
</div>
<hr class="partial">
<div class="v v2">
<h5>ver 1.0</h5>
<p>2017.04.25 <span class="right">正式版リリース</span><br>
2017.04.26 <span class="right">日報に関するブログをリリース</span>
</p>
<p>
<span class="right"><a href="https://medium.com/@ShinokiRyosei/%E6%97%A5%E5%A0%B1%E3%82%923%E3%83%B6%E6%9C%88%E7%B6%9A%E3%81%91%E3%81%A6%E6%84%9F%E3%81%98%E3%81%9F%E3%81%93%E3%81%A8-%E8%80%83%E3%81%88%E3%81%9F%E3%81%93%E3%81%A8-%E3%81%9D%E3%81%97%E3%81%A6%E3%81%A4%E3%81%8F%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE-9bd84b098a07">日報を3ヶ月続けて感じたこと・考えたこと、そしてつくったもの</a></span>
</p>
<p>
<span class="right"><a href="http://touyoubuntu.hatenablog.com/entry/2017/04/26/124253">日報というもの</a></span>
</p>
</div>
</div>
</div>
<div class="contact">
<h2 id="contact">CONTACT</h2>
<p class="sub-title">お問い合わせ</p>
<p class="p1">SNSからでもお気軽にご連絡ください。</p>
<p class="p2">issueなどで問題点のご報告もお待ちしております。</p>
<div class="address">
<a href="https://twitter.com/chihirooo0707?lang=ja"><i class="fa fa-twitter ad" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/chanchihiro0707"><i class="fa fa-facebook-official ad" aria-hidden="true"></i></a>
<a href="https://github.com/nippoly/nippoly/issues"><i class="fa fa-github-square ad" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-envelope ad" aria-hidden="true"></i></a>
</div>
<div class="to-top">
<a href="#" data-scroll>↑</a>
</div>
</div>
<footer>
<img src="img/nippo_logo.png" alt="">
<div class="share2">
<p>SHARE</p>
<a href="http://twitter.com/share?url=https://nippoly.github.io/" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://nippoly.github.io/" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
</div>
<p class="copyrights">Created by u-pyon, chanchi-, shinokin, touyou ©︎2017 nippoly All rights reserved.</p>
</footer>
<div class='loadingWrap'>
<div id="box-loading"></div>
</div>
<script src="js/bundle.js"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<script>
$(document).ready(
function() {
$("body").niceScroll({
scrollspeed: 10,
mousescrollstep: 50
});
}
);
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82884916-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>