<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>フラグメンツ on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%84/</link>
		<description>Recent content in フラグメンツ on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Thu, 18 Jun 2020 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%84/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Link to Text Fragment - Googleによるウェブページの任意の場所をリンクできるブラウザ拡張</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/</link>
				<pubDate>Thu, 18 Jun 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/</guid>
				<description>&lt;p&gt;新しい&lt;a href=&#34;https://chrome.google.com/webstore/detail/link-to-text-fragment/pbcodcjpfjdpcineamnnmbkkmkdpajjg/related&#34;&gt;Link to Text Fragment&lt;/a&gt; Google社自身によってリリースされた、ウェブサイトの好きな箇所をURL化して共有できるChrome拡張です。&lt;/p&gt;&#xA;&lt;p&gt;拡張をインストールした状態でページ上のテキストを選択し、右クリックメニューを出すと、Copy Link to Selected Text (選択されたテキストへのリンクをコピー)というメニューが増えています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/link-text-fragment.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/link-text-fragment_hu_48929ca0d0c6ad45.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/link-text-fragment_hu_5a039d8a59c134bd.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/link-text-fragment_hu_c8361d2470d0a656.webp 993w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/link-text-fragment.png&#34; width=&#34;993&#34; height=&#34;323&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ここで&lt;a href=&#34;https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html#Blog1:~:text=the%20URL%20below%20loads%20a%20wiki%20page%20for%20%27Cat%27&#34;&gt;クリップボードに取得されたURL&lt;/a&gt;を Chrome ブラウザ上で開いてみると、&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/linked-text-fragment-opened.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/linked-text-fragment-opened_hu_a17c5487f63cd01c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/linked-text-fragment-opened_hu_eb3c1f02b2e8c2d7.webp 720w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/linked-text-fragment-opened.png&#34; width=&#34;720&#34; height=&#34;219&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;先ほどリンクを作成したwebページが開かれた上で、選択していた部分が黄色くハイライトされ、ページもそのハイライトされた部分までスクロールした状態で開かれます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/link-fails-if-fragment-is-too-short.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/link-fails-if-fragment-is-too-short_hu_515ae160b24652a3.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/link-fails-if-fragment-is-too-short_hu_2c345ed58cde7abc.webp 754w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/google-tool-enables-link-to-text-inside-page/link-fails-if-fragment-is-too-short.png&#34; width=&#34;754&#34; height=&#34;339&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;選択するテキストが短すぎると、URLが作れない、というエラーが出ます。&lt;/p&gt;&#xA;&lt;h3 id=&#34;利用シーン&#34;&gt;利用シーン&lt;/h3&gt;&#xA;&lt;p&gt;これまで、他人が作ったウェブサイトのURLを他の人と共有することはできても「この特定の部分を見せたい」というのは難しかったと思います。やるとすればページを開いた後にページ内検索で&amp;quot;○○○&amp;ldquo;を探して、とかでしょうか。&lt;/p&gt;&#xA;&lt;p&gt;最新のブラウザとこの拡張を使えば、ページの特定の箇所をはっきりと示して共有できるため、長いページのある特定の箇所を素早く見てもらいたい、といった作業が効率化されるでしょう。&lt;/p&gt;&#xA;&lt;p&gt;受ける側はブラウザが最新のバージョンであればこの拡張は不要です。Chrome を随時アップデートしている相手なら問題ないでしょう。&lt;/p&gt;&#xA;&lt;h3 id=&#34;仕組み&#34;&gt;仕組み&lt;/h3&gt;&#xA;&lt;p&gt;Chrome バージョン80 から使えるようになった、&lt;a href=&#34;https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html#docs-internal-guid-2741a716-7fff-fb23-1f2f-47a90970d59a:~:text=Text%20URL%20Fragments&#34;&gt;Text URL Fragments&lt;/a&gt; の機能を使ったものだそうです。&lt;/p&gt;&#xA;&lt;p&gt;コピーされたURLの後ろに、選択した文字列を含む文字列が追加されていますね。&lt;/p&gt;&#xA;&lt;p&gt;日頃、チャットツールや社内のグループウェアなどでネット上のウェブページを紹介することが多い人などにとって、紹介の質が上がる良いツールなのではないかと思いました。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://www.theverge.com/2020/6/18/21295300/google-link-to-text-fragment-chrome-extension-chromium-highlight-scroll-down&#34;&gt;The Verge&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
