<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>UI - BLACKND</title>
	<atom:link href="https://blacknd.com/tag/ui/feed/" rel="self" type="application/rss+xml" />
	<link>https://blacknd.com</link>
	<description>エンジニアがオススメするPCライフハック術</description>
	<lastBuildDate>Wed, 18 May 2022 03:32:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://blacknd.com/wp-content/uploads/2021/04/logo-mark-6-100x100.png</url>
	<title>UI - BLACKND</title>
	<link>https://blacknd.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/><atom:link rel="hub" href="https://websubhub.com/hub"/>	<item>
		<title>FeedlyのUI切替と新しいタブで開くオプションを復活させる方法</title>
		<link>https://blacknd.com/os-tools/feedly-ui-new-tab-open/</link>
					<comments>https://blacknd.com/os-tools/feedly-ui-new-tab-open/#respond</comments>
		
		<dc:creator><![CDATA[りゅう]]></dc:creator>
		<pubDate>Thu, 23 Mar 2017 05:54:41 +0000</pubDate>
				<category><![CDATA[OS・ツール]]></category>
		<category><![CDATA[設定]]></category>
		<category><![CDATA[Feedly]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[新しいタブ]]></category>
		<category><![CDATA[タブ]]></category>
		<category><![CDATA[開く]]></category>
		<category><![CDATA[Open In Website Directly]]></category>
		<guid isPermaLink="false">https://blacknd.com/?p=1777</guid>

					<description><![CDATA[<p><img src="https://blacknd.com/wp-content/uploads/2017/03/feedly-ui-new-tab-open-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>Feedlyの新UIでできなくなった、リンクを新しいタブで開くオプションが指定を復活させる方法を紹介します。 新しいUIと失われた機能 Feedlyの新しいUIは見栄えが良いのですが、重要な機能がなぜか使用できなくなりま [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://blacknd.com/wp-content/uploads/2017/03/feedly-ui-new-tab-open-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>
<p>Feedlyの新UIでできなくなった、リンクを新しいタブで開くオプションが指定を復活させる方法を紹介します。</p>



<h2 class="wp-block-heading">新しいUIと失われた機能</h2>



<p>Feedlyの新しいUIは見栄えが良いのですが、重要な機能がなぜか使用できなくなりました。</p>



<p>https://feedly.com</p>



<p>デフォルトではフィードアイテムのリンクをクリックすると、Pocketのようなサービスでよく見られるようにFeedlyの画面内で対象Webページの概要が簡易表示されます。</p>



<p>この画面からあらためて実際のWebページを開くこともできるのですが、簡易表示が間に入るため2アクション必要になります。またこの簡易表示は見終わったら閉じるか、次に進むしかないというのも不自由です。</p>



<p>これを改善する方法として、旧UIにはアイテムのリンクをクリックすると、簡易表示を行わずに新しいタブで直接Webページを開くようにする設定がありました。</p>



<p>しかしこの機能が、新UIではなぜか使用できなくなっています。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://blacknd.com/wp-content/uploads/2019/12/ryu-icon.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">りゅう</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>マウスの中クリックで直接タブに開く方法は新UIでも使えます。しかし違和感がある方も少なくないでしょう。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>この記事ではFeedlyを旧UIに切り替えることで、直接タブに開く機能を復活させる方法を紹介します。</p>



<h2 class="wp-block-heading">旧UIに戻す方法</h2>



<p>新UIで、画面右上のプロフィールアイコンをクリックしてメニューを表示し、"<strong>Preferences</strong>"を選択します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="493" src="https://blacknd.com/wp-content/uploads/2017/03/20170313-163358-1024x493.png" alt="Preferencesを選択" class="wp-image-1781" srcset="https://blacknd.com/wp-content/uploads/2017/03/20170313-163358-1024x493.png 1024w, https://blacknd.com/wp-content/uploads/2017/03/20170313-163358-300x145.png 300w, https://blacknd.com/wp-content/uploads/2017/03/20170313-163358-768x370.png 768w, https://blacknd.com/wp-content/uploads/2017/03/20170313-163358.png 1339w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Manage accountが表示されたら、"<strong>General</strong>"をクリックします。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="453" src="https://blacknd.com/wp-content/uploads/2017/03/20170313-163407-1024x453.png" alt="Generalをクリック" class="wp-image-1782" srcset="https://blacknd.com/wp-content/uploads/2017/03/20170313-163407-1024x453.png 1024w, https://blacknd.com/wp-content/uploads/2017/03/20170313-163407-300x133.png 300w, https://blacknd.com/wp-content/uploads/2017/03/20170313-163407-768x340.png 768w, https://blacknd.com/wp-content/uploads/2017/03/20170313-163407.png 1339w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>わかりにくいですが"<strong>Rendering Engine</strong>"がUIを変更する設定です。"<strong>Old Miro-based rendering engine</strong>"に変更することで、旧UIに戻ります。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="706" src="https://blacknd.com/wp-content/uploads/2017/03/20170313-163438-1024x706.png" alt="レンダリングエンジンの切替" class="wp-image-1786" srcset="https://blacknd.com/wp-content/uploads/2017/03/20170313-163438-1024x706.png 1024w, https://blacknd.com/wp-content/uploads/2017/03/20170313-163438-300x207.png 300w, https://blacknd.com/wp-content/uploads/2017/03/20170313-163438-768x530.png 768w, https://blacknd.com/wp-content/uploads/2017/03/20170313-163438.png 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>"deprecated"と書かれている通り、Feedly的には非推奨な方法であることを理解したうえで変更してください。</p>



<p>なお私の環境だけかも知れませんが、一部のアイコンがリンク切れになる等、メンテナンスが行き届いていないような感じです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="red"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://blacknd.com/wp-content/uploads/2019/12/ryu-icon-komari.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">りゅう</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>リニューアル後にテストしないとは考えにくいので、わざとかも知れません…。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0828111045403072"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-0828111045403072"
     data-ad-slot="7288081085"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">旧UI：新しいタブで開く設定</h2>



<p>旧UIで、購読済みのフィードを表示します。Allではなく、各フィード毎に設定する点に注意してください。</p>



<p>右上の方にある歯車のようなアイコンをクリックして、フィードに対する設定メニューを表示します。いちいち表現がわかりにくいですが、"<strong>Open In Website Directly</strong>"で直接タブに開く設定になります。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="416" src="https://blacknd.com/wp-content/uploads/2017/03/20170313-150622-1024x416.png" alt="直接タブに開く設定" class="wp-image-1784" srcset="https://blacknd.com/wp-content/uploads/2017/03/20170313-150622-1024x416.png 1024w, https://blacknd.com/wp-content/uploads/2017/03/20170313-150622-300x122.png 300w, https://blacknd.com/wp-content/uploads/2017/03/20170313-150622-768x312.png 768w, https://blacknd.com/wp-content/uploads/2017/03/20170313-150622.png 1211w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>これを直接タブに開きたいフィードすべてに対して行います。面倒なので一括設定したいんですけどね。</p>



<p>なお旧UIでこの設定を行っておくと、新UIでも有効になったままです。</p>



<h2 class="wp-block-heading">旧UIから新UIに切り替える方法</h2>



<p>旧UIから新UIに戻す方法もありますが、大変わかりにくい…というか知らなければまず無理です。</p>



<p>旧UIで、Allではなく左上の<strong>Today</strong>に切り替えます。この際、Todayには<span style="color: #cc0000;"><span class="swl-marker mark_yellow"><strong>未読のアイテムが存在している必要があります</strong></span></span>。未読のアイテムがない場合、以下のリンクが表示されず設定不能です。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="red"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://blacknd.com/wp-content/uploads/2019/12/ryu-icon-komari.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">りゅう</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>冗談でしょ…。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>Today表示で未読一覧の下部に"<strong>Discover and follow</strong>"というリンクボタンがあります。これをクリックすることで、前述した設定を行うためのアイコンが表示されるようになります。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="552" src="https://blacknd.com/wp-content/uploads/2017/03/20170322-191115-1024x552.png" alt="わかりにくさ爆発" class="wp-image-1785" srcset="https://blacknd.com/wp-content/uploads/2017/03/20170322-191115-1024x552.png 1024w, https://blacknd.com/wp-content/uploads/2017/03/20170322-191115-300x162.png 300w, https://blacknd.com/wp-content/uploads/2017/03/20170322-191115-768x414.png 768w, https://blacknd.com/wp-content/uploads/2017/03/20170322-191115.png 1245w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>新UI → 旧UIのときと同様に進め、"<strong>Rendering Engine</strong>"を"<strong>New React-based rendering engine</strong>"に戻せば新UIが有効になります。再び旧UIに変更することももちろん可能です。</p>



<h2 class="wp-block-heading">まとめと今後</h2>



<p>便利だった機能をいきなり廃止するのもそうですが、設定項目の表現がストレートでなくわかりにくかったり、設定の切替可否がデータの状態に依存するなど、Feedly何してんの、と思ってしまいます。</p>



<p>さて今後ですが、Feedlyは新UIを推し進めていく方針であり、旧UIはいずれ廃止になる可能性があります。そのときはここに書いた方法は使えなくなる可能性が高いと言えます。</p>



<p>別の対策手段が出れば良し、そうでなければGreasemonkeyのスクリプトなどトリッキーな対応が必要になるかもしれません。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blacknd.com/os-tools/feedly-ui-new-tab-open/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
