どーもこんにちは！フロンティアビジョン　コーダーの髙貝です！
もうすっかり夏ですね。。暑すぎます。暑がりの自分には地獄の季節到来です！！！
ですが、夏にしか出来ない事も沢山あるので、今年の夏は楽しみたいと思います。

えータイトルにも書いてある通り、今回はWEBページの表示速度について書きたいと思います。

1. SEO対策!

ページの表示速度とSEOが何か関係があるの？と思われる方もいるかと思いますが、確かに今までは表示速度は検索結果で表示される順位に影響しませんでした。しかし！！天下のGoogleは2018年7月より、ページの表示速度をモバイル検索のランキング要因に使うという、「Speed Update」を実施しました。
googleの金谷氏がツイッターでも告知されていました！
因みに、遅いページのみに影響（遅くないページには関係ない）
遅い＝評価が下がる。だけでなく「遅くなればなるほど評価が下がる」


2. UXの向上!

サイトやページの表示速度が速いと、UX（ユーザーエクスペリエンス）が向上します。
UXは、ユーザーがWebサイトを通じて得られる体験のことなので、文字の読みやすさ、フォームの入力が自動化されていること、クリックのしやすさなどが影響します。
表示速度が遅いと、ページがなかなか読み込まれず、ユーザーは「遅い！」と感じ、どれだけ質の高いコンテンツを配信しても、表示速度が遅ければユーザーには「不便なサイト」といった印象を与えてしまいます。そしてユーザーは離脱して、ほかのサイトから情報を得ようとしますよね。

因みに、モバイルサイトを訪れたユーザーのうち、53％はページの読み込みに3秒以上かかると離脱している。
そして、表示速度が1秒から7秒に落ちると、直帰率は113%上昇というデータも出ています。

すなわち、ページが遅いと直帰率が格段に上がる。当然です。
ユーザーは欲しい情報を素早く手に入れたいのですから。

「Google Analytics」
「PageSpeed Insights」
２つともよく使われるツールですね。
今回は、「PageSpeed Insights」を使った説明をします！
PageSpeed Insightsは、Googleが無料で提供しているツールで、モバイルとPCサイトの両方に使用できます！

機能は、読み込み速度（スコア）、ユーザーエクスペリエンス（スコア）、修正の必要性を三段階で評価。
ユーザーエクスペリエンスについては、目安として100点満点のうち70点が平均点で、80点を取得すると高評価です。

使い方はとても簡単です。
左の赤丸に自身のサイトURLを貼り付けて、分析のボタンを押すだけ！
すると・・・
分析結果
↓↓↓
もちろん、フロンティアビジョンのホームページは、モバイル・パソコンどちらも80点以上のGood!評価！！！
モバイルに至っては94点！半端ないって。。

他にも、モバイルとPCのファーストビューが表示される機能もあります！
そして、ページの統計情報や最適化の提案などもあるので、それらを参考に表示速度の速いサイト作りを目指せます！

ユーザーは迅速なパフォーマンスを求めていることがわかるので、表示速度はUXの向上だけでなく、SEO対策においても重要なポイントです！「Speed Update」が実施されたことも考慮して、自身のサイトの表示速度を計測し、把握することが求められます。
webページとは情報提供サービスなので、ユーザー目線になり、少しでも快適に利用して頂けるよう努力していきたいと思いました。ではでは。。

今回使用した、「PageSpeed Insights」です。
「PageSpeed Insights」

こんにちは！吉田です。
もう夏ですね
とにかく暑い
暑すぎて朝から夜までクーラーの中にいます
外出する際は熱中症に気をつけましょう！

今日はテキストエディタ「Brackets」をご紹介したいと思います。

Bracketsとは、アドビシステムズが公開している、オープンソースコードエディタで、
Brackets自体がHTML、CSS、JavaScriptで作られているそうです。

学生の時からずっとSublimeTextを使っていたので一度他のソフトを使ってみようと思い探していると
・完全無料
・プラグイン豊富
・高性能
のBracketsを見つけたのでお試しで使ってみました!


SublimeTextと違い最初から日本語に対応していました。
設定につまずくことがなく、プラグインのダウンロードも簡単なので初心者でもすぐに使えそうです。

HTMLやCSSを保存をしなくても編集と同時にブラウザに反映させることができます
保存、確認、保存、確認の面倒な作業をしなくて済みます

編集したいタグやclass,idの上で右クリックを押してクイック編集を押すと・・・

このようにHTML上でCSSが直接編集ができちゃいます。
わざわざcssを探す必要がなくなるのでコーディングの時間短縮になります。
ライブプレビュー機能+CSSのクイック編集でさらに便利です


調べてみるとSublimeTextにはない便利な機能が多くあり、
プラグインを入れるとさらに使いやすくなりました。
少し動作が遅いような気もしますが気に入ったのでそこは我慢してもう少し使ってみようと思います
気になる方はぜひ使ってみてください〜

ダウンロードはこちら

ウェブディレクター兼フロントエンドエンジニアの誠です。
フロンティアビジョンのブログには初投稿です。
緊張しますね。
よろしくお願いします。

突然ですが本当にすごいですよね。

💲The price was right for the Angels on this SHOwcase Showdown!💲
The Ohtani package included 7.2 IP, 9 K's and a W! #ShoTime pic.twitter.com/ixgadlQrMI

— Angels (@Angels) 2018年5月20日

160km越えの速球で三振の山を築き。

Can't let the fans go home empty handed. Ohtani hits a solo home run in the bottom of the 9th! pic.twitter.com/MjYQfv15RJ

— Angels (@Angels) 2018年5月18日

打撃も好調。
大谷は今メジャーリーグ（MLB）で一番見てて楽しい選手ですね。

ところで引用したツイートには動画が埋め込まれていますが、これはたまたまではありません。
最近MLBでは動画などをつかったTwitter活用に取り組んでいて、
今回取り上げたツイートもその中の一つです。
今回のは、このようなMLBのTwitter活用事例をいくつか紹介します。
もしかしたら皆さんの仕事に生かせる事例もあるかもしれませんので、参考にしてみてください。

MLB各球団はほぼ毎日20ツイート以上していますが、画像の運用は思ったよりも簡単です。
元になる画像（テンプレート）だけ専門のデザイナーに用意してもらい
担当者は中のテキストと写真を入れ替えるだけ。
最初の準備に少しの手間をかければこの様な画像配信ができるようになります。

Rodriguez takes the hill tonight!

First pitch – 7:15 PM PDT ⚾️

Preview: https://t.co/nS2XOpYWCf

Powered by @Biofreeze

#SFGiants pic.twitter.com/Ci14hxA3A5

— San Francisco Giants (@SFGiants) 2018年6月19日

先発メンバー表（サンフランシスコ ジャイアンツ）

試合前には先発メンバー表を画像にして配信しています。
先発メンバー表はテキストだけでも表現できますが、画像はインパクトが違います。

Doing his thing! #Dodgers pic.twitter.com/4zdVFXu598

— Los Angeles Dodgers (@Dodgers) 2018年6月17日

途中経過（ロサンゼルス ドジャース）
2回終了時点

Back on top thanks to @kikehndez! #Dodgers pic.twitter.com/BDKqbe7P5c

— Los Angeles Dodgers (@Dodgers) 2018年6月17日

5回終了時点

途中経過も画像でツイート。ジャイアンツが負けていて大変悔しい場面ですが、
球場の臨場感と試合の経過を同時に伝えています。

アニメーションGIFは動画よりも軽く、静止画にはない動きがあります。
もちろん、ここでもテンプレートを利用していることがうかがえます。
アメリカ的な表現が多いですが、アプローチなど参考にできる部分は多いのではないでしょうか。

Back on top. pic.twitter.com/CsYXvWyHvO

— New York Yankees (@Yankees) 2018年6月19日

ホームラン（ニューヨーク ヤンキース）

ヤンキースでホームランが出るとこの様なアニメーションGIFがツイートされます。このホームラン用アニメーションGIFはしっかりとデザインされているため、ファンに非常に強い印象を与えます。
2018年シーズンのヤンキースのアニメーションGIFはどれもこれも非常に凝った作りになっているので必見です。

SWEEEEEP!#ASTROSWIN 7-4! 10-0 on the roadtrip! 11 straight! Win streak! pic.twitter.com/A4NFo9vqyo

— Houston Astros (@astros) 2018年6月17日

オービット（ヒューストン アストロズ）

MLB No.1 マスコット（何）のオービットです。アストロズはこのアニメーションGIFをかなり便利に使っています。

THE STREAK IS ALIVE! BREGMAN WALKS IT OFF! 12 STRAIGHT! #ASTROSWIN 5-4! pic.twitter.com/LhkoJi1SrP

— Houston Astros (@astros) 2018年6月19日

例えばこのように。

これはアストロズが12連勝したときのアニメーションGIFですが、
前に紹介したアニメーションGIFに少しの加工を加えただけだということが分かると思います。
広報用の素材をストックしておけば、こんな風に発信する内容の幅をひろげることができます。

最近はMLBのほとんどのツイートに動画が埋め込まれています。
1分未満の短い動画がほとんどですが、試合の雰囲気を伝えるには十分です。

Here's a Trea Turner HR.

And here's a conveniently placed link: https://t.co/94Tjblm7Np. pic.twitter.com/BcTZXaBok7

— Washington Nationals (@Nationals) 2018年6月20日

ホームラン（ワシントン ナショナルズ）

No angels needed in this outfield. #GenerationDbacks pic.twitter.com/l1fmuQ9NGT

— Arizona Diamondbacks (@Dbacks) 2018年6月19日

ファインプレイ（アリゾナ ダイヤモンドバックス）

#WALKOFF pic.twitter.com/fidh1Qu87Q

— San Francisco Giants (@SFGiants) 2018年6月6日

勝利（サンフランシスコ ジャイアンツ）

たとえ1分未満の動画でもテキストや写真とは比べものにならない情報量がコンテンツに詰め込まれていることが分かると思います。動画の力、伝わったでしょうか。

最近はオンラインで簡単に画像やアニメーションGIFを作成することが出来るサービスもかなり整ってきています。
例えばアドビ社の「Spark」。
PCさえあればブラウザのみで利用できる画像編集ツールです。
これを使えばMLBの様な画像配信も実現できるかもしれません。
iOS用にはアプリも用意されているので、興味ある方は試してみてはいかがでしょうか？

Adobe　Spark
https://spark.adobe.com/

紹介記事
http://unitopi.com/adobe-spark-post/

スマートフォンの普及で動画の撮影やアップロードも以前とは比べものにならないほど手軽になりました。
画像を編集するためのオンラインツールなどもそろってきて、
今回紹介したようなプロモーションができる環境はすでに整っています。

今回の記事をみて興味を持った方。今すぐ試してみましょう。

こんにちは！涌井です！

今年のフロンティアビジョンは出産ラッシュ！ということで
便利な産前＆産後向けアプリをいくつかご紹介したいと思います。

かく言う、私も妊娠7カ月に突入しまして…
数々のアプリを使ってマタニティライフを楽しんでおります。

まず始めにご紹介するのは、私が愛用しているトツキトオカというアプリです。
週数のカウントやアドバイスを見るのに重宝しています！
トツキトオカ




似たようなアプリはたくさん出ているのですが、イラストがかわいいのとアプリデザインの統一感でこちらに落ち着きました。体調記録や健診記録もつけられるようなのですが、そんなマメなことはしていません(・・；)



続いてご紹介するのがママリです。出産から子育てまで、様々な質問と回答が飛び交う掲示板のようなアプリです。妊娠・出産、お仕事、お出かけなど、タグごとにリストがわかれているので、ごちゃごちゃせず使いやすいです。
ママリ




私は所在地を登録しているので、ホーム画面に熊本県に関する情報が流れてきます。自分から積極的に質問をすることはないのですが「ほうほう。こんなサービスもあるのね〜」と眺めるにはいいアプリだと思います。



ここからは産後向けアプリのご紹介です。
気が早いのですが、上の2つは既にダウンロードしてスタンバイしております(笑)


まいにちのひよこクラブ

寝顔や泣き顔など、テーマに沿って写真をコレクションしていくアプリです。
空欄を埋めていく感じがスタンプラリーっぽくて楽しめますね。


ノハナ

毎月1冊無料（送料別）でフォトアルバムを作れるアプリです。
生後1カ月、2カ月…とアルバムを作れたら素敵ですね！そんなマメな（略）


なきやみbaby

赤ちゃん泣き止みアプリは数あれど、これが評判いいみたいです。
乳児を抱えるN村さんに是非試していただきたいです！


Chatterbaby

赤ちゃんの泣き声から泣いている理由を解析するアプリです。なんと精度は約90%！
お腹が減っているとき、痛いとき、わめいているときのパーセンテージがグラフで表示されるようです。



ニッチなアプリのご紹介になってしまってすみません。
この他にも産前産後におすすめのアプリがあれば、是非教えていただきたいです。
では！！！

どうも。お久しぶりです！
昨年の春に入社して丸一年経ちました新米デザイナーフジモトです。

1年経ったということは、当然毎日履いていたスリッパも1年経ったということで、傷みが露わになってきました。。。

1年もの間、ノーメンテでスリッパを履き続けると案外傷んでくるんですね・・・汗
(普段、家でスリッパを履かないので、スリッパの耐久性が通常どのくらいかは知りませんが笑)

どう傷んでるかと言いますと、つま先がブラ〜ンとなってしまっています・・・・(゜o゜)ｱﾝﾚﾏｰ


多少の欠陥故障でまだ使える物は、捨てずに直して使う心優しいフジモト(貧乏性)は
ともに1年間歩んできたスリッパを復活させることを決意しました・・・！ｷﾗｷﾗ

さて
直すとは言ったものの、問題はどうやって直すかですよ。

Thinking Now……
過去20年に渡る壮大な人生経験から得た知恵を振りぼって・・・・・・・・・・！
＜＜＜＜　思考ノ海ヲ　潜行セヨ　＞＞＞＞　

えぇ、こういう茶番は置いといて・・・

今回修理に使うアイテムは、僕が趣味でやっている「スケボー(スケートボード)」でよく使う
「Shoe Goo(シューグー)」
という接着剤とパテを足して2で割ったような靴の補修剤です！
スケボー知らない方はご存じないかと思いますが、結構靴にダメージくるんですよ

今回はこの「Shoe Goo」を使ってスリッパの修理をしていきたいと思います！

えー、自分も長く愛用してきたアイテムですが
実際のところ、詳しく「何」なのかよく分からなかったので少し調べてみました！

シューグーは誰にでも簡単に使用できる“靴の補修剤”です。日本国内では1978年より発売され、長く愛用され続けております。
特徴は約24時間で硬化し、乾くと合成ゴムになります。
​
擦り減った靴のかかと補修やソール剥がれ修理はもちろんですが、接着力がとても強いため、靴以外でも木・金属・皮革・コンクリートなど、様々な素材でも使用することができます。

とのことですが。。。。
「接着力がとても強いため、靴以外でも木・金属・皮革・コンクリートなど、様々な素材でも使用することができます。」
このワードに宇宙的可能性を感じますが、つまり何にでも使える万能接着剤みたいですね。

正直
接着剤を患部に付けて乾かすだけなんで、大した作業ではないです笑
ただ、注意することは「Shoe Goo」は強力なので付けなくてもいい部分に付けないこと！
あとで乾いてしまったら、本当に剥げませんから！！
（何度実家の玄関にShoe Gooを付けてお袋に怒られたことか・・・・）

手順としてはこんな感じです！↓

1.Shoe Gooを適当な棒につける。今回は割り箸で作業しています。
※新品の場合、ヘラが二本付属しています。

2.補修したい部分にネチョネチョ塗りたくる。
周りに塗らないように気をつけましょう！

3.動かさないように乾かす。
事情を知らない誰かが触らないようメモを貼ることをオススメします。
(家出少年みたいになってしまいました笑)

4.今の季節(夏)でしたら補修部分の面積にもよりますが30分から1時間くらいで大丈夫です！
冬なら1時間以上は放置しておいた方がいいと思います！

はみ出してしまった場合、乾いた後にサンドペーパーで削るといいですよ！
その際は、元の素材まで削ってしまわないように注意しましょう！

以上で、オペは終了です！お疲れさまでしたー！
いかがだったでしょうか！
Shoe Gooは靴に限らず、DIY全般にも使えそうです！

他にも、
おじいちゃんの大事な花瓶を割ってしまったときや、些細なことで生まれた友人との深い亀裂の修復にも使えそうですね？！

何にでも使える万能接着剤！　困った時は、ぜひ使ってみてください！

Amazon
http://amzn.asia/j4Jw7b0

熊本もついに梅雨に入りましたね。
僕は晴れていないとできない趣味が多いので、この時期は何かと物足りませんね〜(ﾄﾎﾎ)

雨の日の運転・渋滞等にはお互い気をつけましょう！
それではまた！　(^o^)ノシ

こんにちは、堀川です！！

前回の投稿
Face IDは双子をきちんと判別できるのか？
https://www.fvs-net.co.jp/blog/13824
から約半年が経ちました。
相変わらず弟にロック解除されてしまっております（笑）

そのことは置いといて、今回はiPhone Xを半年間使ってみて感じたことをざっくりとまとめてみようと思います！！

個人的に一番すごいなと感じたのが、直感的な操作感です！！
ホームボタンが廃止されたことにより、

• ホーム画面に戻るには画面下部から上にスワイプ
• マルチタスク画面を開くには画面下部から上にスワイプし画面中央で停止

と今までホームボタンで行っていた操作が全てジェスチャー操作へと変わりました。
他にも画面左下から右へスワイプするとアプリ間の移動ができるなど、最初は操作に戸惑うかもしれませんが、慣れてしまえば逆に「あれ？ホームボタンって別にいらないんじゃ？」と思える程です（笑）


スマホのカメラ性能は年々向上していますが、iPhone Xのカメラは特にすごいです！！
なかでもiPhone X / iPhone 8 Plusに新しく追加された「ポートレートモード」
被写体に焦点を当て、背景をぼかしてくれるモードです！
カメラに関しては全くの素人ですが、このモードのおかげでなかなか良い写真が撮れている気がします（笑）

「ポートレートモード」がどういったものなのか、実際に普通に撮影したパターンとポートレートモードで撮影したパターンを紹介しようと思います！！

朝たまたまいた籔下さんに撮影に協力していただきました！！

[通常の写真]


[ポートレートモード_自然光]


[ポートレートモード_スタジオ照明]


[ポートレートモード_輪郭強調照明]


前回のブログでも紹介したFace ID。顔認証でロック解除できる機能です。
これに関しての正直な感想は「微妙」です^^;
購入してすぐの頃は、「顔を向けるだけでロック解除できる！！すごい！！」と思っていたのですが、しばらく使っていると…

• マスクをしていると認識されない
• 寝起きだとなかなか認識されない
• 中途半端に顔を向けたり、角度が悪いと認識されない
• 双子でもロック解除できる（←重要！！）

など、どちらかというとマイナスな印象の方が多く感じました。

最後の意見に関しては完全に個人的なものですが、「マスクをしていると認識されない」は、
風邪をひいてる人や花粉症の人にとってかなり不便に感じるのではないかな思います。


以上が実際に半年間使ってみた感想でした。
Face IDだけが少し「う～ん…」っていう感じでしたが、直感的な操作やカメラ性能に関しては申し分無いのでとても満足しています！！
ではでは～！！

どうもこんにちは♪
最近重い腰を上げやっとこさミキサーを使い始めたあらきですぅ〜〜〜。

まぁここで「なぜ急にミキサー？」「ミキサーで何作ってんの？」っとミキサーのことについてきになる方も多いかと思います。

しかし今回はミキサーではなく「VSCO」の使い方について簡単にご紹介したいと思いますのであまりミキサーのことについて深く聞かないで上げてくださいm(_ _)m


ちなみに以前別の写真加工アプリSnapseedについても使い方の記事を書いているので、
ぜひ自分にあったアプリを探してみてくださいね♪
Snapseedアプリを使って自分好みにの写真を編集してみよう！！〜　ツール編　〜
https://www.fvs-net.co.jp/blog/12070



それでは早速VSCOの使い方について簡単にご紹介します！

VSCO（ヴィスコ）とは誰でも簡単に写真にフィルターをかけたり、
色味を調整したりととても便利なアプリです♪

このアプリを使えばよくInstagramで見るおしゃれな写真へ加工することができます♪

今回はフロンティアビジョンの中でも僕には残念ながら持ち合わせていない
爽やかさをいつでも周囲へ振りまいている川口さんにモデルとしてご協力いただきました。

貴重な昼休みに外で急に「ブログようで写真を撮らせてください！」といったお願いにも笑顔でさらに買ったばっかりのリアルゴールドをなぜかアピールして本当にいい子だなと改めて感じたのを今でも鮮明に憶えております。

この後大量の川口さんが出てきますのでもし見すぎて愛着が湧いてしまったという方は荒木までご連絡ください。


さてひとまず下記からアプリをダウンロードしてみましょう♪



アプリを起動すると下記のような画面が表示されます。

1. 電話番号でサインアップ（左）
2. メールアドレスでサインアップ（中央）
3. サインイン（右）

　※「サインアップ」・・・新規アカウントの作成
　※「サインイン」・・・ログイン（すでにアカウントをお持ちの方）


次にアカウントを登録する画面（上記画像の左と中央の画面）が表示されますが、
正直ただ写真を加工してSNSへアップしたいと言うだけであれば登録する必要はないかと思います♪

僕もアカウントの登録はせずに加工だけをしてあとはSNSへアップするという流れで使っております ٩( ‘ω’ )و

っということで、
ホーム画面の左上の「　×　」をタップして次に進めます。


こちらは余談ですが
僕は基本的に写真を撮ってSNSへアップしたい場合は、

1.FUJIFILMのX-T10で撮影
　　　　　↓
2.Adobe Lightroom Classic CCでエディット
　　　　　↓
3.アップする写真だけをスマホに直接エアードロップで送る（※1）
　　　　　＆
　Amazonのプライムフォトへバックアップ
（撮影した内容でアルバムを作る）
　　　　　↓
5.SNSへアップする

という流れで、
このVSCOは特にスマホで撮影してInstagramのストーリーへアップするときなどに活用しております♪


※1・・・エアードロップはMACやiPhoneなどのApple製品のみの機能なので、Windowsをお使いの方はメールやグーグルフォトなどの別のツールをお使いください。



それでは早速写真の加工を行なっていきましょう＿φ(￣ー￣ )



まず先ほどご説明したホーム画面の左上の「　×　」をタップすると下記のような画面が表示されます。
※すでに「　×　」で下記画面に進んでいる場合は、アプリを立ち上げた時点でこちらの画面が表示されます。


こちらの画面で加工したい写真を選択してインポートを行います。


次に下記のような画面が表示されます。

1. 写真の選択を解除（写真を直接タップすることでも選択解除可能）
2. 加工（編集）
3. 公開（※サインイン必須）
4. 共有/保存/削除

まず無料で選べるフィルター（以下プリセット）は下記の17種類となっております。
初心者の方はひとまずここで自分の好みのプリセットを選択すれば大丈夫かと思います。




上記の中から好みのプリセットを選択したら次はより自分らしさ（自分好み）に細かな調整をしていきます。

VSCO Xとは？

年間2,000円で全てのプリセットが使い放題の定額制のサービスです。他のプリセットも気になるという方は1週間の無料トライアル期間がございますので是非お試しください♪

まぁこのように一つ一つの設定を紹介したとしても
「実際にはどう組み合わせればいい感じの加工になるの？」
っと思う方もたくさんいらっしゃると思います・・・笑

っというかこれだけたくさん設定があると、
そもそもそこまで写真やインスタグラムなどに興味がない人は諦めちゃいますよね・・・・σ^_^;


なので一番最初に見ていただいた写真ともう1つの写真でどのような設定をしているかをご紹介したいと思います( ´ ▽ ` )ﾉ

あくまで個人的に好きな雰囲気に寄せて調整しておりますのでご参考程度に♪

※中央の線を左右に動かすことでbefore（加工前）＆after（加工後）を確認することができます。








さて長い長い写真の加工も終わったところで次はその写真を自分のスマホのカメラロールへ保存したり、そのままSNSへアップしていきたいと思います。

加工が終わりましたら右上の「保存」をタップして最初の写真をインポートした際の画面に戻ります。

次に上矢印のアイコンをタップすると下記のメニューが表示されます。


「カメラロールへ保存する」 → 「実際のサイズ（3024×4032）」で書き出せば終わりです。

※保存する際の画像サイズは「あまり大きいサイズの画像はいらないな〜」「画像のサイズが大きいと容量が圧迫されるな〜」「スマホでしか見ないもんな〜」
　っという方は中サイズでもいいかもしれませんね♪

僕はどこで写真を使うかわからないので常に一番大きいサイズで保存して、
プライムフォトへ自動でバックアップしてます！！


また「共有」を選択することで、
そこから画像を保存することもできますし、直接SNSへアップすることもできます！！
あとはAppleユーザーならエアードロップで共有したり、他のアプリで共有したりと色々できますね♪



みなさんいかがでしたでしょうか？？

今回はVSCOの写真の加工部分に特化してご紹介させていただきました♪

こういう説明とか使い方を見るだけでは少し難しく感じるかもしれませんが、
実際にやってみたら結構簡単にできるものなんですよ♪

今後も便利なアプリやツールがあればご紹介していきたいと思います( ´ ▽ ` )ﾉ




最後の最後でちょっとした間違い探しを♪


それではまたいつの日か！

どうもどうも、Webディレクターのひろきです( ´∀｀)

今回の内容は「https化への対応」についてです。
実はこのテーマ、先日弊社主催のHP活用セミナーを開催した際の1テーマでもあります。
かなり普及したとはいえ、まだ「https」と聞いてもピンと来ていないHPオーナー様もいらっしゃるようなので今回は改めまして基本的なことから、今後どうすべきかまでを＜ざっくり＞とお伝えします！

「https化はしなければならない」という前提で、

自社HPを見るだけで一目で確認する方法があります。
URLのこの部分です！
httpsへの対応が済んでいるHPであればこのように「https：」と表示されます。
対応できていない場合は「http：」となっており、「s」が抜けているはずです。
※2018年5月現在のChromeでの表示です。
　順次表示方法は変更が入りますので閲覧のタイミングによっては表示が異なります。あらかじめご了承ください。

httpsになっていたあなた！
とりあえず大丈夫です。すでにhttpsへの対応ができています。
httpだったあなた！
できるだけ早く対応が必要です！


httpとhttpsというのはそれぞれ「通信方式の名称」のことで、「通信方式の安全性」に違いがあります。
ざっくりと「httpよりhttpsで通信した方が安全な通信」という認識でOKです。
※余談ですがhttpsのsは「Secure（安全）」のsです。

httpで通信

＝暗号化されていない通信方式（安全でない通信）
通信が丸見えなので、フォームに入力した内容などが抜き取られるなどのリスクがあります。
パスワードやクレジットカード情報などが流出することで、
知らず知らずのうちに、閲覧者へ不利益を招く恐れがあります。

httpsでの通信

＝暗号化された通信方式（安全な通信）
通信が暗号化されている（見えない）ため、情報流出といったリスクが低くなります。
また、公式HPとしての正当性・信頼性が増します（なりすまし対策）。

例えて言うならば、
学校で好きな女の子にラブレターを「友達伝い」に渡すとき、
「封もせずそのまま」渡せば、間にいる悪友に内容を見られて茶化されたり、
イタズラで書き換えられたりするかもしれません。
「透けない封筒にしっかり封をして」渡せば、その心配もないですよね。
と言う感じでしょうか^^;

httpsに対応すると、
皆様の大切なお客様をサイバー攻撃から守ることができる、と言うことです！

そして、
もう一つ注意すべきことは
Googleもhttpsに対応することを推進しており、
httpsに対応しないことに対してネガティブキャンペーンをすることを公言していることです。

どんなことかと言うと・・・

〜ユーザー（閲覧者）第一主義のGoogle先生の考え〜

大切なユーザーの安全性が確保できない状況はできるだけ早く解消したい！
なんとか全てのHPにhttps対応してもらいたい！
嫌でもやってもらえるように、強制力を持たせよう！

「https対応していないHPは安全でないので、閲覧者がそのことがわかるような（不安に思いそうな）表示くっつけます」

実際には以下のような表示がなされるようになります。

さて、この表示を見たお客様はどう感じるでしょうか？
正直、これが何を意味するのかがわからない方が大多数でしょう。
しかし、意味がよくわからないからこそ、このような表示を見た時に余計に不安に思うのではないでしょうか。
せっかく訪問してくれたお客様を泣く泣く逃す要因になりかねません！

しかもこの表示はどんどん過激にしていく(より不安を煽る形にする)予定であることも公言されています。今は黒字ですが、赤字になったり、ポップアップ表示で大きく警告したり・・・といったことが今後考えられます。
（追記：2018年10月リリース予定のChrome70からは本記事の表示よりさらに警告色を強めるようです。）

つまり、「httpsへの対応」は必須で急務な問題なのです！
では、

それでは何をすべきかと言いますと、
あなたのHPのサーバー管理状況によりそれぞれ以下のようにご対応されると良いでしょう。

①HPは自社管理で、サーバー契約も自社でやっている方
　契約されているレンタルサーバー会社にてhttps化（またはSSL化、SSL証明書発行）の手続きを行ってください。
　手続き方法などは「サーバー会社名＿SSL証明書発行」などのキーワードで検索されると良いでしょう。
　正確にhttps化へ対応するためには別途ソースコードの調整も必要ですので、対応可能な業者さんへ依頼した方が良いかもしれません。
　ただし、他人の作ったHPを調整することは意外と大変なことなのでそれなりの作業費が必要かもしれません。
②サーバー関係はHP制作会社へ一任している方
　制作会社さんへ確認と相談をされると、適宜対応してもらえるはずです。
③近日HPリニューアル予定の方（リニューアルに際してHP制作会社が変わる場合）
　新たに契約するHP制作会社さんへhttpsへの対応予定を確認・要請しましょう。

以上、ざっくりでしたがご参考となれば幸いです(´∀｀)

欧州連合 (EU) のGDPR(General Data Protection Regulation)がいよいよ2018年5月25日に施行とですが、もちろんご存知ですよね。

GDPRへの対応についてはこの１ヶ月程度の間に様々なWEBサービスから「利用規約の変更」などのメールが届いて来ているかと思います。

GDPR(General Data Protection Regulation)はEUのデータ保護に関する法律なので、日本は無関係かなと思いきや、その影響範囲と「 最大で2000万ユーロ（約26億円）または全世界の売上高の4%のうち、いずれか大きい方 」　という高額な制裁金のインパクトから週末の報道特集などで話題になっているかもしれません。

EUの法律なので当然日本語での詳しい説明は少ないのですが、Wikipediaによると「 初回かつ意図的でない違反の場合は、書面による警告 」とあるので真摯に対応する準備を用意していれば法律施行後でも大丈夫かと思いますが、一応確認はされてください。

GDPRはEUの法律ですが、日本でも個人情報保護に関する法律は年々厳しくなる方向で改正されてきていますので事前準備として無駄にはならないと思います。

さて、世界のCMSの約６割が利用していると言われるWordPressも当然このGDPRへの対応を行いました。
詳しくはWordPressの日本語公式ブログ　「WordPress 4.9.6 プライバシー・メンテナンスリリース」(https://ja.wordpress.org/2018/05/19/wordpress-4-9-6-privacy-and-maintenance-release/) を参考いただくとして、実際に必要になった時に備えてテスト用WordPressを用意しで試してみました。


WordPress管理者権限ユーザーには「個人データとプライバシー」と言う通知が表示されたかと思います。
これは以下の内容についてのお知らせです。
・個人データをエクスポート（抽出）する機能と消去する機能が増えました
・プライバシーポリシーページについて設定するように促す


追加された「プライバシー設定」というページは上の通りで、原則としてWordPress側はプライバシーポリシーを適切に設定するように促して、そのページがどの固定ページになるかを指定するだけにです。
プライバシーポリシーの内容については各サイト所有者が適切に作成し、定期的に見直しましょうとだけ案内されています。

重要なのは「定期的な見直し」という事で、意外と多くのサイトとが制作当時のままで見直されずに放置されていませんか。
この「個人情報の取扱い」に関してはWEBサイト上でだけではなく、その後の社内（または関連先）での利用実態まで含めた確認が本来必要になるので、制作会社に丸投げせずに一度しっかり社内確認した上で対応をオススメします。

GDPRでは個人から求められた場合は保存しているデータを提供するように求められています。
そのための手続きとして以下の様に依頼者とメールアドレスでのやり取りを通じた流れになっていました。


依頼者のメールアドレスを入力します。
このメールアドレスを受け取る機能はWordPress標準ではありませんので、現実的には各種メールフォームやE-mailでの依頼、電話等での依頼の場合はE-mailを別手段で確認した後になると思われます。


メールアドレスを入力して「リクエストを送信」すると「保留中」の状態になります。


リクエストしたメールアドレス宛に上記のようなE-mailが送信されるので、依頼者本人が確認用リンクから専用ページにアクセスしてもらうことになります。


確認用リンクにアクセスすると上記のようなページが表示されます。


WordPress管理画面上では「保留中」から「確認済み」の状態に変わり、次のステップとして「データをメールで送信」が可能になります。
（管理者用にダウンロードリンクも有るようです）


「データをメールで送信」をクリックするとメールアドレス宛に上記のようなE-mailが送信されます。
ファイルの保持期間と、そのダウンロード用リンク先のURLが記載されているので自分でアクセスしてデータを取得します。
ダウンロードファイルはHTML形式のファイルをZIP圧縮したもので、ファイル解凍する手間がありますが、検索エンジンなどから意図せず情報流出しないようにするなどの目的があるのだと思います。


ダウンロードしたZIPファイルを解凍して表示したHTMLファイルはこんな感じです。
テスト用なのでほとんど情報は入っていませんでした。


データ送信後は「完了」の状態になります。


エクスポートと同じようにデータ消去の手続きも用意されていました。
消去もエクスポートと同じように依頼者とメールアドレスでのやり取りを通じた流れになっていました。


依頼者のメールアドレスを入力します。
このメールアドレスを受け取る機能はWordPress標準ではありませんので、現実的には各種メールフォームやE-mailでの依頼、電話等での依頼の場合はE-mailを別手段で確認した後になると思われます。


メールアドレスを入力して「リクエストを送信」すると「保留中」の状態になります。


リクエストしたメールアドレス宛に上記のようなE-mailが送信されるので、依頼者本人が確認用リンクから専用ページにアクセスしてもらうことになります。


確認用リンクにアクセスすると上記のようなページが表示されます。


WordPress管理画面上では「保留中」から「確認済み」の状態に変わり、次のステップとして「個人データの消去」が可能になります。


「個人データの消去」をクリックすると結果が下に表示されます。
ここでは該当する個人データが無かったので「見つかりませんでした」となりました。


削除後は「完了」の状態になります。


リクエストしたメールアドレス宛に上記のようなE-mailが送信されて、消去手続きが完了したことが伝えられます。

以上が、エクスポートとデータ削除の流れにです。
意外と簡単でした。


ここまでは WordPress 4.9.6 で用意されたGDPR対応についです。
WordPressのバージョンによっては変更があったり、利用しているテーマやWEBサイトの作り方、サーバーの状態などで全く同じとは限りません。

また、これだけでは不足する場合が考えられます。

依頼者としては同然これも対象になると考えられるので社内での適切なデータ管理が必要です。

WordPress 4.9.6 が用意したGDPR対応についてはWordPress本体の機能として持つ部分に関してが対象です。
インストールしたプラグインによっては個別にデータベーステーブルを用意して保存している可能性が考えられ、それらの対応GDPR対応に関してはそれぞれのプラグイン製作者の対応次第です。
サーバーのデータベースに直接アクセスして調査することも可能ですが、かなり高度な作業になってしまいますので、セキュリティ面でも定期的に更新されているプラグインを利用することをオススメいたします。

GoogleAnalyticsやSNS連携など、外部のWEBサービスをページ内に組み込んでいる場合、それらについても適切に把握して対応することが求められています。
このためにWEBサービス側もいろいろな準備や変更が必要となったために「利用規約変更」の案内メールが増えたことにつながっています。

今回のGDPR(General Data Protection Regulation)も、以前に話題となった「個人情報保護法」も法律施行直後は大きなニュースになりますが、しばらくすると当たり前の事になって大きな混乱にはなっていません。
メディア側も大きく報道するのと同時に分かりやすい説明をしてくれると思いますので、無駄に恐れずに最初は知ることから初めましょう。

昨年末、突如椎間板ヘルニアに見舞われ
まったく動けなくなり、そのまま救急車で運ばれた sawamichioです。

１カ月半ほどの入院を余儀なくされ、
看護師の方々には甘える毎日を過ごしておりました。

今更ですが、不自由な毎日を過ごすことで健康のありがたさ
歩けることの喜びを今まで以上にかみ締めております。

腰痛のケアは難しく、未だ本調子を取り戻していないのですが、
ここ数カ月、ワタクシSAWAが実践している腰痛対策&健康法をご紹介します。

健康の基本中の基本、ウォーキングです!
ウォーキングは万病の予防とも言われています。
がしかし、これさえもできてなかったのがこれまでの私です。

限りある時間の中でウォーキングを取り入れるべく、
これまで車通勤だったのをやめ、電車通勤に変えました(駅まで歩ける20分!)

そしてただ歩くだけではダメで、上を向くことが重要です。
タラタラと、ヤンキー歩行はダメです。
上を向けば姿勢がよくなり、同時に景色が見えてきて気分もリフレッシュします。
そして感受性の強い方なら、空に色々な夢を描き出すことでしょう。

なお、散歩を極めたい方はこちらの記事もオススメです –> 散歩のすゝめ byYABUSHITA


長時間のデスクワークのためワタシの筋力は退化の一途をたどっておりました。
普段、手に持つ一番重いものでマウスか子猫ぐらいです(親猫は持ちません！)

筋力の退化は姿勢を悪くし、代謝も悪くなりいいことがありません。
こちらは週に3回はジム通いをして、腹筋・背筋を軸に眠れる筋肉を呼び起こしております。
が、しかしやりすぎは腰痛を引き起こすので要注意です！



とある日本舞踊の先生に勧められはじめました。
腰痛のきっかけがおそらく気温の変化(急激に寒くなった時)で一気に来たので
体の冷えには敏感になってしまいました。

自然治癒力を高める一環で取り組んでおります。




沖ヨガとは、沖 正弘(おき まさひろ)さんが創設された日本人のためのヨガだそうです。
温熱療法の先生から勧められ知りました。

ヨガにもいろいろやり方や派閥があるようですが、先生曰く “沖ヨガ” が本物だそうです。
ネットやYouTubeで調べても、なるほど 巷にある女性向けのライトな感じはなく
本格的でシブそうでした。

デスクワークではじっとしているため呼吸が浅くなり、体も硬直してきます。

体の柔軟性を取り戻し、体の歪み、内臓の位置を本来あるべき場所へ押し上げたいと思います。
そしてあわよくば、自然の法則・生命への理解を深め
悟りを開ければ尚幸いです。


沖ヨガの一環ですが、笑いの行法というものがあります。
“笑いなきところに未来はない” と思い、
無駄に笑っている今日この頃です。

もし、ワタシが一人でなにやらニヤニヤしているところを見かけたら
笑いの行法をやっているのだと思って、そっとしてあげてください。