タグ – 業務改善コンサルティング情報ブログ

iOS13 探すAppと紛失防止タグ

Shingo Takahashi — Tue, 03 Sep 2019 10:33:22 +0900

間もなく（2019年9月10日（米国現地時間））Apple（アップル）が新型の『iPhone（iPhone 11？）』を発表すると報道されていますが、それと同時に『iOS 13』のリリースが予定されています。

皆さん、こんにちは。

業務改善を行うIT・業務コンサルタント、高橋です。

『iOS 13』から『iPhoneを探す』アプリは『探す』アプリに名称が変わるそうですが、それは単に名称変更されるだけではなく大幅に進化したものになります。

また、この『探す』アプリに関連し、紛失防止用に使われるとされるキーホルダー程度のデバイス『スマートトラッキングタグ』も準備されているという話しもあります。

iOS 13の探すアプリとスマートトラッキングタグ

まず、『iOS 13』の『探すアプリ（現iPhoneを探す）』はどのように進化するか？

＜iOS 13の探すアプリ＞

『iOS 13』の探すアプリは『オフライン』状態の『iPhone』、『iPad』、『Mac』の位置情報を取得します。

これには『オフライン』状態の第三者の『iPhone』と『Bluetooth』通信をし、それで得た位置情報をAppleのサーバーの送信することで位置情報を取得するとされています。

もちろん第三者の位置情報は高度な暗号化技術が用いられ、Appleもこの暗号化技術の詳細を明らかにはしていません。

ただし、デバイスの位置を特定するには『同じApple IDでログイン』している別のデバイスが必要にはなります。

＜スマートトラッキングタグとは＞

既に類似製品は他社から出てはいますが、この『スマートトラッキングタグ』というものは『財布・バッグ・鍵』といったものを追跡するのに役立てるデバイスとして準備中だとされています。

このデバイスは『探す』アプリの『Items』というタブで管理されるようで、タグづけされたアイテムから離れると通知が送られると言われています。

これには面白い仕掛けがあるようで、紛失したアイテムを探すのに『AR（拡張現実）』が応用される可能性があるともされています。

iPhoneの画面とカメラを通して周囲を見渡すと、アイテムがある場所に『赤い風船が浮かぶ』らしいのです。

（歩き回ってiPhoneを上下に動かすと風船が視界に入ってくるとも。。。）

『プライベート』、『ビジネス』に関係なく、これらは役に立ちそうです。

特に、『ビジネス』においては紛失が大問題に発展する可能性も秘めていますから、可能性がありそうな方には有難いものになるかもしれません。

レスポンシブウェブの電話番号

Shingo Takahashi — Tue, 28 May 2019 11:34:20 +0900

PC向けのWebサイトであれば電話番号はリンクさせたくなくけど、スマートフォン向けのWebサイトであれば電話番号をタップで電話を発信可能な状態にしておきたい、といったことを思ったことはありませんか？

皆さん、こんにちは。

業務改善を行うIT・業務コンサルタント、高橋です。

昨今Webサイトを制作する場合はPC版、スマホ版、セットで制作することが多くなっていますが、その際、スマートフォンの場合だけ電話番号のリンクを有効にしておきたいといったことを思われたことはありませんか？

これ、単純にタグに『href=”tel:0521234567″』と書いてしまうとPC版もリンクを張られてしまうことになるためお勧めではありません。

では、どのようにしておくのがお勧めなのでしょうか？

レスポンシブ対応サイトの電話番号

まず、記述方法の前に1つ別のことをクリアしておく必要があります。

iPhoneなどのiOSデバイスの場合、電話番号は自動でリンクが有効になるようにはなっているのですが、これは電話番号だけでなく、電話番号以外の番号の羅列にも反応してしまいます。

（ブラウザ：Safari）

また、Androidデバイスの場合にはそもそもiOSのような機能がないため反応しません。

（ブラウザ：Chrome）

そのため、の中に以下の記述を追加し、まずは電話番号の自動リンクを無効化しておく必要があります。

次に、電話番号の部分に『data属性』を記述します。

例：052-123-4567

そして、この『data-action=”call”』が指定されているタグだけをタグにする『JavaScript』を用意します。

（要『jQuery』）

例：function isPhone(){return navigator.userAgent.indexOf(“iPhone”)>0||navigator.userAgent.indexOf(“Android”)>0}
$(function(){isPhone()&&$(“span[data-action=call]”).each(function(){var n=$(this);
n.wrap(‘’)})});

（JavaScriptが圧縮された記述になっていますがそのまま使えます。）

といった感じです。

スマートフォンの場合、Webサイトにアクセスした後に電話番号をタップして電話を掛けようとすることは結構あるのではないでしょうか。

そのような場合にはお勧めです。

WordPress4.9.5へ更新を推奨

Shingo Takahashi — Thu, 05 Apr 2018 17:23:27 +0900

米時間の4月3日、『WordPress 4.9.5 Security and Maintenance Release』としてWordPressの更新版が公開されました。

皆さん、こんにちは。

業務改善を行うIT・業務コンサルタント、高橋です。

日本時間の昨日、WordPressの更新版であるWordPress4.9.5が公開されました。

今日はそのニュースをお伝えします。

WordPress4.9.5セキュリティ・メンテナンス

WordPressのブログでは、以下のように説明されています。

WordPress 4.9.5 がご利用いただけるようになりました。これは WordPress 3.7 以降のすべてのバージョンに対するセキュリティ・メンテナンスリリースとなります。今すぐにサイトの更新を行うことを強くおすすめします。

バージョン 4.9.4 以前の WordPress は、3つのセキュリティ問題の影響を受けます。コアチームの継続的なセキュリティ強化の取り組みにより、4.9.5 では、次の修正が実装されました。

１．デフォルトで localhost を同じホストとして扱わない。
２．SSL が強制されている場合に、ログインページのリダイレクトに安全なリダイレクトを使用する。
３．ジェネレータータグでバージョン文字列が正しくエスケープされていることを確認する。

WordPress 4.9.5 では、その他25個のバグが修正されました。特筆すべきは、以下となります。

・キャプションショートコードで以前のスタイルが復元されました。
・タッチスクリーンデバイスでクロッピングがサポートされるようになりました。
・エラーメッセージなどの文字列がより明解となるよう更新されました。
・アップロード中の添付ファイルのプレースホルダーの位置が修正されました。
・REST API JavaScript クライアントのカスタムノンス機能が、コードベース全体で一貫したものとなりました。
・PHP 7.2 との互換性が向上しました。

注意したいのは、『WordPress4.9.3で嫌な不具合』でご紹介した通り、WordPress4.9.3において自動バックグラウンド更新をサポートするサイトが自動的に更新されないというバグ（不具合）があったため、手動で4.9.4にアップデートされていない場合は4.9.5に自動更新されることはないと思われますので、念のため管理画面で確認をしておくことをお勧めします。

構造化データを使った伝達とは

Shingo Takahashi — Tue, 16 Aug 2016 12:52:31 +0900

構造化データとは、HTMLに書かれたテキスト情報などが何を意味するのかを、検索エンジンなどが容易に解釈できるようにタグ付けしたものです。

皆さん、こんにちは。

業務改善を行う業務コンサルタント、高橋です。

従来の検索エンジンは、テキストなどの文字情報を認識してその情報を蓄積していますが、その文字情報が示す意味までは解釈していませんが、それを解釈して蓄積していこうという考え方として、セマンティックWEBという考え方があります。

セマンティックWEBとは

セマンティックWebとは、Webページおよびその中に記述された内容について、それが何を意味するかを表す情報（メタデータ）を一定の規則に従って付加することで、コンピュータが効率よく情報を収集・解釈できるようにする構想。インターネットを単なるデータの集合から知識のデータベースに進化させようという試みがセマンティックWebである。

現在のWebページはHTMLなどを用いて記述されており、ページやその中に記された個々の情報について、それが何を意味するのかコンピュータが自動的に検知する術がほとんど無く、情報の検索や活用がごく原始的・単純なレベルに留まっている。セマンティックWebでは、情報を記述する際に必ずそれが何を意味するかを表すデータを付与することで、より複雑で精度の高い検索を可能にしたり、特定の種類の情報を収集して活用することができるようになる。

構造化データとそのメリット

構造化データに関しては冒頭に触れました通り、HTMLに書かれたテキスト情報などが何を意味するのかを容易に解釈できるようにしたものです。

例えば、『株式会社トリロジー』というテキスト文字列をHTMLに書いた場合、

株式会社トリロジー

のようになりますが、これをもっとわかりやすく伝えてあげることができます。

株式会社トリロジー

このように書くことで、『株式会社トリロジーといのは会社法人で、名前は株式会社トリロジーである』ということが明確に伝わる。つまり、検索エンジンが容易い解釈できるようになっているのです。

これらを行うことによって検索エンジンにより伝わりやすくなるということは、結果としてユーザーにも役に立つ検索結果を提供できるようになります。

https化をする際の注意点とは

Shingo Takahashi — Mon, 08 Feb 2016 12:34:28 +0900

これからのウェブにとって、暗号化通信を用いたhttpsは重要なものとなってくることは前回のWEBに関する記事で書かせていただいた通りですが、ノーマルなhttpから暗号化されたhttpsへ移行する際に注意して取り組まなければいけない点があります。

前回のWEBに関する記事はこちら⇒HTTPSを標準とする動きが加速

皆さん、こんにちは。

業務コンサルタントの高橋です。

httpサイトからhttpsサイトへの移行には、いくつか行わなければいけないことがあります。そのあたりのお話しをしておきます。

ページ内に記載されているURLパスの見直し

多くの場合、bodyタグ以下のメインコンテンツ部分に書かれているaタグやimgタグ内のパスは相対パスで書かれているかと思いますが、少しでも絶対パスで書かれた箇所があるのであれば、その先頭をhttpからhttpsへ変更しておく必要性があります。ただし、絶対パスで書かなければいけないものでなければ相対パスにしてしまうか、http:(https:)の部分をカットし、//からはじまる書き方をされると良いです。
また、headタグ内に書かれているものも同様に変更する必要性がありますが、headタグ内には絶対パスで書かなければいけない部分がありますので、そちらはhttpからhttpsへ地道に変更してください。特に、canonical部分の変更を忘れてしまうことが多いので、エディタの検索機能などにて確認されると良いでしょう。

.htaccessの見直し

ちゃんと正規化などの記述を.htaccessでされていた場合、httpの時であればhttpではじまる正規化のURLを記載していたはずです。その場合はhttpsへ記載変更してください。何も記載していなかったのであれば、この際ですから正規化の記述を加えておくと良いでしょう。
また、従来のhttpサイトの一部にホスティング会社が用意した共有SSLを使っていた場合、そのまま残してしまうとリダイレクトループになってしまったりしますので、この部分も見直しする必要性がありまし、PCとスマートフォンサイトの切替を行っている場合もhttpsに統一して記述し直さないとリダイレクトループになってしまいます。

その他

SNSボタンやJavaScriptなどでもブラウザーで警告を受けることがありますが、SNSボタンの場合であれば再度コードを取得し直してみると中の記述が変更になっている場合もあります。JavaScriptであれば、httpからはじまるURLの記載があったりしないか確認してみると良いでしょう。

全てのページが緑色の錠マークになるように頑張ってみてください。