:v:

6 files changed, 45 insertions, 7 deletions

diff --git a/docs/BASE.pug b/docs/BASE.pug
index 8d48dcf555..af21e93b37 100644
--- a/docs/BASE.pug
+++ b/docs/BASE.pug
@@ -16,6 +16,7 @@ html(lang='ja', dir='ltr')
 	body
 		nav
 			ul
+				li: a(href='/link-to-twitter') Twitterと連携する
 				li
 					p API
 					ul
diff --git a/docs/link-to-twitter.pug b/docs/link-to-twitter.pug
new file mode 100644
index 0000000000..6e98df52c3
--- /dev/null
+++ b/docs/link-to-twitter.pug
@@ -0,0 +1,14 @@
+extend ./BASE
+
+block title
+	| Twitterと連携する
+
+block content
+	h1 Twitterと連携する
+
+	p 設定 -> Twitter から、お使いのMisskeyアカウントとお使いのTwitterアカウントを関連付けることができます。
+	p アカウントの関連付けを行うと、プロフィールにTwitterアカウントへのリンクが表示されたりなどします。
+	p
+		| MisskeyがあなたのTwitterアカウントでツイートしたり誰かをフォローしたりなどといったことは一切行いませんので、ご安心ください。(Misskeyはそのような権限を取得しないので、行おうと思っても行えません)
+		br
+		| このことに関しては、Twitterのアプリケーション認証フォームで詳細を確認することができます。また、いつでも連携を取り消すことができます。
diff --git a/src/api/serializers/user.ts b/src/api/serializers/user.ts
index d9dd4af7ca..945c01d258 100644
--- a/src/api/serializers/user.ts
+++ b/src/api/serializers/user.ts
@@ -65,8 +65,8 @@ export default (
 	delete _user.token;
 	delete _user.username_lower;
 	if (_user.twitter) {
-		delete _user.twitter.accessToken;
-		delete _user.twitter.accessTokenSecret;
+		delete _user.twitter.access_token;
+		delete _user.twitter.access_token_secret;
 	}
 
 	// Visible via only the official client
diff --git a/src/api/service/twitter.ts b/src/api/service/twitter.ts
index 9891ddd64c..2d97a26dcf 100644
--- a/src/api/service/twitter.ts
+++ b/src/api/service/twitter.ts
@@ -38,7 +38,12 @@ module.exports = (app: express.Application) => {
 				token: res.locals.user
 			}, {
 				$set: {
-					twitter: result
+					twitter: {
+						access_token: result.accessToken,
+						access_token_secret: result.accessTokenSecret,
+						user_id: result.userId,
+						screen_name: result.screenName
+					}
 				}
 			});
 
diff --git a/src/web/app/desktop/tags/settings.tag b/src/web/app/desktop/tags/settings.tag
index 0ef658ce47..0e0ebe7693 100644
--- a/src/web/app/desktop/tags/settings.tag
+++ b/src/web/app/desktop/tags/settings.tag
@@ -65,9 +65,14 @@
 
 		<section class="twitter" show={ page == 'twitter' }>
 			<h1>Twitter</h1>
-			<p>お使いのTwitterアカウントをお使いのMisskeyアカウントに接続しておくと、プロフィールでTwitterアカウント情報が表示されるようになったり、Twitterを用いた便利なサインインを利用できるようになります。</p>
-			<p if={ I.twitter }>アカウントは次のTwitterアカウントに接続されています: <strong>@{ I.twitter.screenName }</strong></p>
-			<a href={ CONFIG.api.url + '/connect/twitter' } target='_blank'>{ I.twitter ? '再接続する' : 'Twitterと接続する' }</a>
+			<p>お使いのTwitterアカウントをお使いのMisskeyアカウントに接続しておくと、プロフィールでTwitterアカウント情報が表示されるようになったり、Twitterを用いた便利なサインインを利用できるようになります。<a href={ CONFIG.urls.about + '/link-to-twitter' } target="_blank">詳細...</a></p>
+			<p class="account" if={ I.twitter } title={ 'Twitter ID: ' + I.twitter.user_id }>次のTwitterアカウントに接続されています: <a href={ 'https://twitter.com/' + I.twitter.screen_name } target="_blank">@{ I.twitter.screen_name }</a></p>
+			<p>
+				<a href={ CONFIG.api.url + '/connect/twitter' } target="_blank">{ I.twitter ? '再接続する' : 'Twitterと接続する' }</a>
+				<span if={ I.twitter }> or </span>
+				<a href={ CONFIG.api.url + '/disconnect/twitter' } target="_blank" if={ I.twitter }>切断する</a>
+			</p>
+			<p class="id" if={ I.twitter }>Twitter ID: { I.twitter.user_id }</p>
 		</section>
 
 		<section class="signin" show={ page == 'signin' }>
@@ -206,6 +211,19 @@
 									float left
 									margin-left 8px
 
+					&.twitter
+						.account
+							border solid 1px #e1e8ed
+							border-radius 4px
+							padding 16px
+
+							a
+								font-weight bold
+								color inherit
+
+						.id
+							color #8899a6
+
 					&.api
 						code
 							padding 4px
diff --git a/src/web/app/desktop/tags/user-profile.tag b/src/web/app/desktop/tags/user-profile.tag
index ca131b2222..12101ed633 100644
--- a/src/web/app/desktop/tags/user-profile.tag
+++ b/src/web/app/desktop/tags/user-profile.tag
@@ -8,7 +8,7 @@
 		<p><i class="fa fa-birthday-cake"></i>{ user.birthday.replace('-', '年').replace('-', '月') + '日' }</p>
 	</div>
 	<div class="twitter" if={ user.twitter }>
-		<p><i class="fa fa-twitter"></i><a href={ 'https://twitter.com/' + user.twitter.screenName } target='_blank'>@{ user.twitter.screenName }</a></p>
+		<p><i class="fa fa-twitter"></i><a href={ 'https://twitter.com/' + user.twitter.screen_name } target="_blank">@{ user.twitter.screen_name }</a></p>
 	</div>
 	<div class="friends">
 		<p class="following"><i class="fa fa-angle-right"></i><a onclick={ showFollowing }>{ user.following_count }</a>人を<b>フォロー</b></p>