<?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>プッシュ通知 | アリエナイ理科ポータル</title>
	<atom:link href="https://www.cl20.jp/portal/tag/%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5%E9%80%9A%E7%9F%A5/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.cl20.jp/portal</link>
	<description>薬理凶室</description>
	<lastBuildDate>Tue, 22 Jan 2019 19:29:36 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.cl20.jp/portal/wp-content/uploads/2018/11/cropped-favicon-32x32.png</url>
	<title>プッシュ通知 | アリエナイ理科ポータル</title>
	<link>https://www.cl20.jp/portal</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"/>
<atom:link rel="self" href="https://www.cl20.jp/portal/tag/%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5%E9%80%9A%E7%9F%A5/feed/"/>
	<item>
		<title>【新機能】ホーム画面に置いてアプリっぽく！プッシュ通知も可能に！</title>
		<link>https://www.cl20.jp/portal/app_and_notification/</link>
		
		<dc:creator><![CDATA[くられ]]></dc:creator>
		<pubDate>Fri, 09 Nov 2018 09:52:51 +0000</pubDate>
				<category><![CDATA[リテラシー]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[PWA]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[アプリ化の仕方]]></category>
		<category><![CDATA[アリエナイ科学メルマ]]></category>
		<category><![CDATA[プッシュ通知]]></category>
		<category><![CDATA[ホーム画面設置]]></category>
		<category><![CDATA[通知の設定]]></category>
		<guid isPermaLink="false">https://www.cl20.jp/portal/?p=1558</guid>

					<description><![CDATA[目次 【ポータル改修】ホーム画面への設置とプッシュ通知の設定アリエナイ理科ポータルをホーム画面に設置するAndroidの場合iPhoneの場合うまくホーム画面に設置できない場合プッシュ通知の設定 【ポータル改修】ホーム画 [&#8230;]]]></description>
										<content:encoded><![CDATA[
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">【ポータル改修】ホーム画面への設置とプッシュ通知の設定</a></li><li><a href="#toc2" tabindex="0">アリエナイ理科ポータルをホーム画面に設置する</a><ol><li><a href="#toc3" tabindex="0">Androidの場合</a></li><li><a href="#toc4" tabindex="0">iPhoneの場合</a></li></ol></li><li><a href="#toc5" tabindex="0">うまくホーム画面に設置できない場合</a></li><li><a href="#toc6" tabindex="0">プッシュ通知の設定</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">【ポータル改修】ホーム画面への設置とプッシュ通知の設定</span></h2>
<p>ポータルをスマホアプリっぽく運用できるように、また、記事の更新などをプッシュ通知で受け取れるように改修しました。</p>
<p>Android端末であれば、よりスムーズにポータルを閲覧でき、通知も受け取れます。</p>
<p>残念ながら、現状ではiOSの仕様の関係で、iPhoneではアプリっぽくホーム画面に設置する事は可能ですが、プッシュ通知は非対応です。</p>
<p>なお、PCからであればプッシュ通知は受け取れます。では、具体的な設定方法をご紹介しましょう。</p>
<div class="ad-area no-icon ad-shortcode ad-fluid ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-6436134873739187"
  data-ad-slot="1014852017"     data-ad-layout="in-article"
  data-ad-format="fluid"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc2">アリエナイ理科ポータルをホーム画面に設置する</span></h2>
<h3><span id="toc3">Androidの場合</span></h3>

<a href='https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_01_chrome.jpg'><img fetchpriority="high" decoding="async" width="300" height="209" src="https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_01_chrome-300x209.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_01_chrome-300x209.jpg 300w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_01_chrome-500x348.jpg 500w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_01_chrome-768x534.jpg 768w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_01_chrome.jpg 800w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a href='https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_02_pref.jpg'><img decoding="async" width="188" height="300" src="https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_02_pref-188x300.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_02_pref-188x300.jpg 188w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_02_pref-500x796.jpg 500w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_02_pref.jpg 628w" sizes="(max-width: 188px) 100vw, 188px" /></a>
<a href='https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_03_add_home.jpg'><img decoding="async" width="300" height="160" src="https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_03_add_home-300x160.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_03_add_home-300x160.jpg 300w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_03_add_home-500x267.jpg 500w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_03_add_home-768x410.jpg 768w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/android_03_add_home.jpg 800w" sizes="(max-width: 300px) 100vw, 300px" /></a>

<p>まずはChromeでアリエナイ理科ポータルを開いて、右上にある・が縦に三つ並んだ設定ボタンを押しましょう。メニューが表示されると思うので、「ホーム画面に追加」を選択してください。</p>
<p>後は「追加」ボタンを押し、そのまま進めていけばOKです。</p>
<p>Androidのバージョンや機種によって違いが出てくるかと思いますが、だいたいこんな流れ、ということで。</p>
<p>また、五分間の間をおいて二回目にアクセスすると、ホーム画面への追加を促すメッセージが表示されるはずなので、そこから登録することもできるはずです。</p>
<h3><span id="toc4">iPhoneの場合</span></h3>

<a href='https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_01_share.jpg'><img loading="lazy" decoding="async" width="300" height="161" src="https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_01_share-300x161.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_01_share-300x161.jpg 300w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_01_share-500x269.jpg 500w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_01_share.jpg 750w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a href='https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_02_add_home.jpg'><img loading="lazy" decoding="async" width="242" height="300" src="https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_02_add_home-242x300.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_02_add_home-242x300.jpg 242w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_02_add_home-500x619.jpg 500w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_02_add_home.jpg 750w" sizes="(max-width: 242px) 100vw, 242px" /></a>
<a href='https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_03_finish.jpg'><img loading="lazy" decoding="async" width="300" height="203" src="https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_03_finish-300x203.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_03_finish-300x203.jpg 300w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_03_finish-500x338.jpg 500w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/iphone_03_finish.jpg 750w" sizes="(max-width: 300px) 100vw, 300px" /></a>

<p>iPhoneでは先ほども触れた通り、現状ではプッシュ通知が受け取れませんが、ホーム画面に追加する事は可能です。</p>
<p>まずはSafariでアリエナイ理科ポータルを開いてください。下部にメニューバーがあると思いますが、ここで四角形に上矢印のアイコンをした「共有」ボタンを押しましょう。</p>
<p>共有画面の最下段を左にスワイプしていくと「ホーム画面に追加」があるので、これを選択すれば、追加画面が開くはずです。</p>
<div class="ad-area no-icon ad-shortcode ad-fluid ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-6436134873739187"
  data-ad-slot="1014852017"     data-ad-layout="in-article"
  data-ad-format="fluid"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc5">うまくホーム画面に設置できない場合</span></h2>
<p>スマホからGoogle検索した場合、最初にGoogleに保存されているポータルのキャッシュが表示されます。これは快適にウェブサイトを見るための仕組みの一つなのですが、ホーム画面に設置したい場合に問題が起きる事があります。</p>
<blockquote class="twitter-tweet" data-width="550" data-dnt="true">
<p lang="ja" dir="ltr">iPhoneでアリエナイ理科ポータルをアプリか出来ない方へ<br />念の為、動画の様になっていないかご確認下さい。フリーハンドで少し雑になっておりますが&#8230;<br />皆様がアプリ化出来ますように！<a rel="noopener" target="_blank" href="https://twitter.com/hashtag/%E3%82%A2%E3%83%AA%E3%82%A8%E3%83%8A%E3%82%A4%E7%90%86%E7%A7%91%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#アリエナイ理科ポータル</a> <a rel="noopener" target="_blank" href="https://t.co/iiW71Uz06z">pic.twitter.com/iiW71Uz06z</a></p>
<p>&mdash; nekocat (@catbApple) <a rel="noopener" target="_blank" href="https://twitter.com/catbApple/status/1061089099795259392?ref_src=twsrc%5Etfw">November 10, 2018</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p><a rel="noopener" target="_blank" href="https://twitter.com/catbApple">nekocat</a>氏がわかりやすく動画で説明しているので、うまく設置できない場合はご確認ください。</p>
<p>以下のリンク（トップページ）を押してから「ホーム画面に設置」を試みれば大丈夫なはずです。</p>

<a rel="noopener" href="https://www.cl20.jp/portal/" title="アリエナイ理科ポータル：最新情報！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://www.cl20.jp/portal/wp-content/uploads/2018/05/top_banner-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://www.cl20.jp/portal/wp-content/uploads/2018/05/top_banner-320x180.jpg 320w, https://www.cl20.jp/portal/wp-content/uploads/2018/05/top_banner-240x135.jpg 240w, https://www.cl20.jp/portal/wp-content/uploads/2018/05/top_banner-500x279.jpg 500w, https://www.cl20.jp/portal/wp-content/uploads/2018/05/top_banner-120x67.jpg 120w, https://www.cl20.jp/portal/wp-content/uploads/2018/05/top_banner-160x90.jpg 160w, https://www.cl20.jp/portal/wp-content/uploads/2018/05/top_banner-376x212.jpg 376w, https://www.cl20.jp/portal/wp-content/uploads/2018/05/top_banner-250x141.jpg 250w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">アリエナイ理科ポータル：最新情報！</div><div class="blogcard-snippet internal-blogcard-snippet">室長・くられ率いる薬理凶室の怪人たちがお送りする「アリエナイ理科」の関連書籍や、くられ提供サイエンスメールマガジン、連載・科学監修情報、Youtube動画やイベント告知など、最新情報をお届けします。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.cl20.jp/portal" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">www.cl20.jp</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2018.05.04</div></div></div></div></a>
<div class="ad-area no-icon ad-shortcode ad-fluid ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-6436134873739187"
  data-ad-slot="1014852017"     data-ad-layout="in-article"
  data-ad-format="fluid"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc6">プッシュ通知の設定</span></h2>

<a href='https://www.cl20.jp/portal/wp-content/uploads/2018/11/notification_01_bell.jpg'><img loading="lazy" decoding="async" width="206" height="182" src="https://www.cl20.jp/portal/wp-content/uploads/2018/11/notification_01_bell.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a href='https://www.cl20.jp/portal/wp-content/uploads/2018/11/notification_02_subscribe.jpg'><img loading="lazy" decoding="async" width="300" height="152" src="https://www.cl20.jp/portal/wp-content/uploads/2018/11/notification_02_subscribe-300x152.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://www.cl20.jp/portal/wp-content/uploads/2018/11/notification_02_subscribe-300x152.jpg 300w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/notification_02_subscribe-500x253.jpg 500w, https://www.cl20.jp/portal/wp-content/uploads/2018/11/notification_02_subscribe.jpg 680w" sizes="(max-width: 300px) 100vw, 300px" /></a>

<p>プッシュ通知の設定は、画面右下にある赤いベルのアイコンを押してください。環境によって挙動が違うと思いますが、初回はこのように許可を求められるので「許可」を選択してください。</p>
<p>通知を解除したい場合は、同様にベルのアイコンを押して「通知を解除」を選択すれば解除されます。</p>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
