STAFFBLOG スタッフブログ

スマートなクリーニングサービス、LAGOO(ラグー)のご紹介

sawamichio
2018/11/08
閲覧所要時間:約3

こんにちわ!
相変わらずヘルニアに悩まされている今日この頃、
SAWAMICHIOです。

こちらのブログ上ではお伝えしてなかったのですが、
実はワタクシ昨年より、LAGOO(ラグー)というプロジェクトに携わっております。
弊社で一から立ち上げたサービスで、ウェブ制作とは違う、一般ユーザーに向けた
B to Cのサービスになります。
今日はそのラグーのご紹介をします。

LAGOO(ラグー) って何?

イメージ画像
ラグーとは、一言で言えばクリーニングサービスです。
しかし普通のクリーニングと違って、ラグーの店舗があるわけではありません。

最近ヤマトさんが行なっている宅配ロッカー事業のように、
ラグー専用のクリーニングロッカーがあって、
それをスマートフォン用のアプリで操作します。

これまで、営業時間に限りのある店舗型サービスと違い、
人を介さず、24時間クリーニングのやりとりができる画期的なサービスです。
ちなみに、クリーニング自体は大手協力企業のホワイト急便さんが行っています。


ネーミング&ロゴマークについて

ネーミングにはおそらく100案以上、4ヶ月ほどかけて議論を重ね、
最終的にはサービスの核であるLockerの「L」とApplicationの「A」の頭文字をとり
「LAGOO(ラグー)」という造語をサービス名称に採用しました。
意味性よりも感覚的な響きを重視し、待ち時間なくスムーズにやりとりできるスピーディーなサービスの特徴を伝えるため、どこか“動詞”っぽいニュアンスを持たせました。

よくある “〇〇〇クリーニング” とかにしなかったのは、今後の展開に向けた布石でもあります。

ラグーってどこにあるの?

現在栃木、東京、福岡、熊本市内 合計17ヶ所に設置しています。
試験的に熊本で運用していましたが、これから全国規模で続々増えていく予定です!
↓下記リンクからお近くのラグーを探せます。
近くのラグーを探す


まずは、アプリをダウンロード

ラグーをご利用になるには、まずアプリをダウンロードして会員登録しなければなりません(登録・年会費無料)
アプリをダウンロードして、お近くのクリーニングロッカーを探してみましょう!
クリーニングのオプション指定や料金精算もすべてアプリから行えます。

アプリのダウンロードはこちら
アプリの使い方はこちら


プロモーションムービー

夏頃、ラグーのプロモーションムービーを撮影しました!
180度回転する斬新なカメラワークで、“スピード感”と“サービスの新しさ”を伝えることにチャレンジしています。
↓ぜひご覧ください!
▼LAGOO ラグー 「フルバージョン」PV


▼LAGOO ラグー 「サラリーマン編」PV


▼LAGOO ラグー 「親子編」PV


▼LAGOO ラグー 「私服男性編」PV

今年のハロウィンはスポーツだぁ〜〜〜!!!

yabushita
2018/11/01
閲覧所要時間:約2

こんにちは!
皆さんいかがお過ごしでしょうか?ヤブシタです。

先日「あずきの力 目元用」という温熱ピローを買い、とても癒される日々を過ごしております。
気になった方は調べてみてください(^o^)/

さて、今回は10月31日に行われたハロウィンの様子をご紹介いたします♩

ちなみに去年のハロウィンの様子はこちらからご覧ください!
ハッピーハロウィン!仮装してパーティーしました!

さてさて…
今年のハロウィンは仮装してピザ…ではなく、会社近くのスポーツスタジアム トウヤにFVメンバー複数名で行ってまいりました(^O^)/

とりあえず、参加者全員が揃うまでエアホッケー対決!

すでに白熱した戦いが繰り広げられております(笑)


意地でもパックを入れられたくない ゆり氏
何故か乗り上げています(笑)



結果はまさかの同点!!!まだ到着してすぐなのに汗かきました(笑)


バッティング開始〜〜〜!!!

残りのFVスタッフも続々と集まってきたので、バッティングを開始しました(^O^)/

井上監督のもと選手たちは打席にたちます。

西村選手、余裕の笑みですね〜!

川口選手もカキーンと打っております!


仕事帰りのサラリーマンの方なども居て、ストレス発散にバッティング良いんじゃないかと思いました♪( ´θ`)ノ


盛り上がった卓球

お次は卓球!
色々な組み合わせで試合を行いました!

フェイントをかける橋本さん


球の様子を見守る 藤江さん・ゆりさん(この時私は打ち返せなかった…)

「あ”ーーー」と言ってる私

爽やかスマイル堀川くん

先輩たちの視線を一気に受けるフジモン



様々な技も繰り広げられました↓


そしてトーナメント戦もしたのですが、最後まで残った藤江さんVS川口くんの試合もアツかったです!

優勝者は藤江さん!おめでとうございます(^O^)/

まとめ

普段なかなか体を動かす機会がないので、久々に「動いた〜」という気持ちになれました(笑)
良い汗をかいて楽しかったです♪
また機会があれば、仕事終わりなどにスポーツできたらなと思います(^○^)

それでは、ばいなら〜〜〜(^_^)/

トウヤ
http://www.ss-toya.com/

時短!ドラッグ&ドロップで画像圧縮

kawaguchi
2018/10/23
閲覧所要時間:約3

皆さん、お久しぶりです。
コーダーの川口です!

最近は肌寒く、朝は冷え性が出始めたので、ヒートテックを解禁しました。
おかげで昼間は暑いです 笑


さて、今回のテーマは「画像の圧縮をどれだけ時短できるか」です。
※画像圧縮の手順を説明するブログではないのでご注意ください

画像圧縮のツールは、いろいろあると思いますが、下記のようなWEBサービスは簡単でよく使ってる方も多いのではないでしょうか?


私はTinyPNGがクオリティもよく、サイズもかなり小さくできるため愛用していましたが、一括で20枚までしか圧縮できないことが、数が多い場合時間がかかるので、どうにかしたいと思っていました。

そこでいろいろと調べていると、TinyPNGの内部では「pngquant(ピングクォント)」という画像圧縮プログラムが動いており、それをインストールすることでTinyPNGと同じような環境をローカルで整えることができるということが分かりました。

早速試してみました!

圧縮動画 ↑左が圧縮前、右が圧縮専用フォルダ
「pngquant」だけでは、黒い画面からコマンドを実行する必要がありハードルが高いので、MacのAutomatorと連携し、フォルダアクションを利用して、ドラッグ&ドロップで簡単に素早く圧縮できるようにGUI化しています。
また、TinyPNGはjpgも対応していますが、「pngquant」はpngのみです。
jpgには「jpegoptim」という別のプログラムで処理するようにプログラムしています。
ちなみに画質に関わるクオリティの設定は指定する必要があるので、何度か試して最適なものにするといいと思います。

上の動画では34枚の画像を、8秒程で圧縮しています。
設定にもよりますが、これでは70%ほど圧縮に成功しています。

比較

pngの画像を圧縮しています。
元画像が小さいからというのもありますが、グラデーションが激しい画像も目立った見た目の変化はありませんでした。
これは約50%圧縮されていました。


まとめ(1年ほど使用しています)

「pngquant」を使うことで、画像のクオリティを落とさず、短い時間で効率よく作業できるようになりました。
SVGを使う機会も増えてますが、画像も100枚以上圧縮するときも普通にあるので、とても便利です。
「pngquant tinypng Automator」のワードなどで検索すると手順を詳しく説明している記事がたくさん出てくるので、興味があれば試してみてださい!

ではまた!


おまけ

全く関係ありませんが、
先日、八代で開催された「やつしろ全国花火競技大会」を見に行った時の写真です。

お久しぶりです。アントニオ◎木です。

watari
2018/10/18
閲覧所要時間:約5


この道を行けばどうなるものか、危ぶむなかれ。危ぶめば道はなし。

いけばわかるさ。

お久しぶりです。
アントキノワタリです。

時代が進み、自動運転の到来も間近という所でしょうか。
しかし運転好きの私には縁遠い話かと感じております。
そう私にはカーナビすらほとんど必要としておりません。
3年前に買った新車についているカーナビも3回ほど使ったくらいです。
敷かれたレールは走りません。
なんならバックモニターもバックミラーもほとんど覗いた事ないくらいです。
過去は振り返らない主義です。

さて話は逸れましたが、皆さんには「好きな道」などございますでしょうか?
私には「好きな道」というものが存在します。

そうDREAMです。

いえ本当の「道」  ROADです。

という事で今回は私の好きな道BEST5をご紹介します。


BEST.5 関門海峡199号線沿い


ハイテクと昔ながらの街が交差する
北九州 関門海峡199号線沿い〜戸畑若戸大橋


2年ちょっと住んだ北九州、海峡沿いの海工場群からもくもく上がる独特の雰囲気のある街が好きでした。

関門海峡にはしゃぐエンジニアFJA氏。

関門海峡の下 関門トンネル。海峡トンネルを歩いて渡るって夢があります。


北九州のロサンゼルスと言われている(自分が言っているだけですが)
若戸大橋


関門海峡〜小倉〜若戸大橋のルートでは工場群が立ち並び工場萌えの方にもおすすめです。
また皿倉山からの眺めは新日本三大夜景にも選ばれており、おすすめです。
そちらの写真はないのでこちらのサイトでもご覧ください。

九州最大級の夜景観光都市!北九州のおすすめ夜景スポット10選



いや〜デートで行ってみたい。






BEST.4 熊本県 ナルシストの丘〜オレンジロード


みかん畑の絶景 熊本県 ナルシストの丘
熊本県の荒尾市と玉名市を渡る広域農道 通称オレンジロード。




眼下には見渡す限りのみかん畑と目の前に広がる有明海と雲仙は最高すぎます。

パッチワークのような田んぼが綺麗な場所です。
この長い長い下〜坂を〜!とゆずの夏色は永遠頭の中をループします。

ループつながりで途中にループ橋もあります。
すません写真は撮ってません。


・ナルシストの丘



季節によってはダイヤモンド雲仙を眺めることができます。

夕日に向かって下るのも最高です。


またこちら 帰りに 夏目漱石ゆかりの道 草枕の道 という道もおすすめです。
京都のような風情がよかったです。
ちなみに京都は行った事ございません。



※蚊が半端なかったのでお気をつけください。






BEST.3 山口県 角島大橋


死ぬまでに行きたい!世界の絶景3位に選ばれた
山口県 角島大橋。


16年前 初めて車を買ったら絶対行こうと考え行った場所。
海がとんでもなく綺麗で過去3回ほど行きましたが
また絶対行きたい場所です。




兄がMINI乗りだったのでDO-TETSU Super Touringに参加したの時の写真です。
この時はMINICooperが180台くらい集まり福岡から山口までツーリングしました。





下関から長門〜青海島まで行きましたが山陰本線沿いの道も素晴らしかったです。







BEST.2 広島〜今治 「島なみ街道」


言わずと知れたサイクルニストの聖地。
広島〜今治 「島なみ街道」。


広島は尾道から伸びる橋を渡ってしまなみ街道へと入ります。
本当は渡るつもりなかったのですが海フェチ橋フェチが祟って渡りました。


愛媛県 亀老山展望台からの眺め 来島海峡大橋(今治〜大島)

車中泊し、朝日に輝く黄金いろの瀬戸内海が忘れられません。

多々良大橋
世界一の斜張橋


しまなみ海道は いずれ家族と自転車で渡りたい場所です。



手前の尾道も独特の雰囲気があり、5キロほど歩いて散策したのを覚えてます。








BEST.1 熊本県 阿蘇外輪山周辺


世界有数の巨大カルデラ
熊本県 阿蘇 外輪山周辺。


もう熊本に来てたぶん30回以上通ったでしょうか・・・・
阿蘇はどこを切り取っても絶景な道があります。

・ミルクロード

・箱石峠

・山並みハイウェイ

・阿蘇 田んぼ・・・(汗)

夏の阿蘇は 頭の中で永遠と
「菊次郎の夏」が流れてました。


.
.
.
.

そしてやっぱり
・ラピュタの道


「ラピュタの道」やっぱりここからの絶景は文句無しのNo.1です。
自分が熊本に来る前からあくせく通ったこの道は震災以来
今は立ち入り禁止の場所です(泣)
いつか復興してほしいものです。

運がよければ幻想的な雲海も観れます。



私は三菱のデリカD5に乗って三菱贔屓ですが、
三菱 雲海出現NABIという便利なサイトもあります。


週末探検家 THE WEEKEND EXPLORER | MITSUBISHI MOTORS JAPAN
http://www.mitsubishi-motors.co.jp/special/weekend-explorer/unkai/



ちなみに私は87%の時に行って、1ミリも雲海出ず、快晴でした。
たぶんもう見ませんが、結構当たると好評ですw

だいぶアバウトですが↓↓↓




それでは皆さん、この秋はレッツ ドライブ ア GOGO〜!!

おまけ。


かの有名な伝説の漫画家 鳥山明には「鳥山明ロード」という
道が存在するのしないの・・・これは出身地 愛知の高額納税者 鳥山明氏
原稿の入稿が遅れて東京に引っ越さないように
自治体が名古屋から空港まで道を作ったとか・・・(都市伝説)

とてつもない伝説ですね。

また島根には水木しげるロードもあり、そこは私も行った事があり、
いいとこでした。

そして最後に・・・

私が踏み出せばその足跡が道となる。
そうここが私の道↓↓↓




川尻で偶然見つけました。
いずれこの地に引っ越すかもしれません。

ちなみに冒頭に出てきた
アントニオさんの名言で知られる

「道」
「この道を行けばどうなるものか、危ぶむなかれ。危ぶめば道はなし。
踏み出せばその一足が道となり、その一足が道となる。迷わず行けよ。行けばわかるさ。」

は「一休宗純」の詩なんですね。
知りませんでした。

以上 皆さんもご自分の生きる道を見つけてみてはいかがでしょうか?

chatwork と IFTTT との連携を試してみた!

fujie
2018/10/15
閲覧所要時間:約3

IFTTTとは、「IF This Then That(もし~したら~する)」の略称で、
さまざまなサービスを連携させて、作業を自動化するサービスです。

今まで、chatworkは他のサービスと連携させる場合、
APIを使ってプログラムを書かなければなりませんでした。

サンプルのコードが載っているとはいえ、
プログラミングの経験がない場合は、少しハードルが高い領域だったと思います。

【前編】チャットワークとIFTTTが連携!〜いますぐ連携できる10のサービス〜
https://blog-ja.chatwork.com/2018/10/ifttt-1.html

それが↑↑のchatwork側の対応で、プログラミングが必要なくなりました!

「もし~したら」とは?

この部分が連携を開始させるトリガーです。

例えば…
  • もし、任意のキーワードを含むツイートがあったら~
  • もし、Google スプレッドシートに変更があったら~
  • もし、Google カレンダーの予定が開始される◯◯分前になったら~
  • もし、毎日○○時になったら~

などなど、IFTTTと連携しているサービスならば、
トリガー(もし~したら)を手軽に設定できます。


「~する」とは?

この部分が実際になにをするかを決めるアクションです。

例えば…
  • chatworkの〇〇の部屋に投稿する
  • 別のサービスと連携する
  • 独自の仕組みと連携する

などなど、こちらもIFTTTと連携しているサービスならば、
アクション(~する)を手軽に設定できます。


実際にやってみた

弊社ではすでにやりたいことはAPIを使用して、
各種自動化作業は構築済みですが、
IFTTTとの連携の使い勝手を確認するために少し試してみました。

IFTTT、chatworkの両方にログインしておく必要があります。


毎日始業前に天気を通知する

chatwork Search services and Applets on IFTTT by category – IFTTT
https://ifttt.com/search/query/chatwork

↑↑からすでに用意されているApplets(レシピみたいなもの)を探します。

「今日の天気予報を毎日チャットワークに通知」をクリック。

詳細ページに飛ぶので、
「Turn on」をクリックすると設定画面に飛びます。

  • 「Receive notifications when this Applet runs」
    このAppletsが成功したら、通知するかどうかを選択できます。どちらでも問題ありません。
  • 「Time of day」
    時間を設定できます。
  • 「room」
    どのチャットルームに投稿するかを選択します。

最後に「Save」ボタンをクリックすると設定完了です!


▼指定した時間が来るとこんな感じに投稿されます!

非常にお手軽ですね!


まとめ

前述しましたが、chatwork側でApplets(レシピみたいなもの)を
いろいろ用意してあるので、さくっと実験できるのが良いな~と思いました!

なにかやりたいけどプログラミングの敷居が高い方は、
まずはIFTTT連携を試してみてはいかがでしょうか!

その後もっといろいろなことをしてみたいと思ったら、
プログラミングに手を出してみると良いかと思います!

はじめてのはしもと -バスケ観戦編-

hashimoto
2018/10/02
閲覧所要時間:約3

うおーーーつかれさまです!ハシモトです!!!


肌寒い季節となりました…秋到来っ!
芸術の秋、読書の秋、食欲の秋…と色々ありますが、
今年は熱い熱い「スポーツの秋」をオススメしますっ!

ということで
スポーツ観戦 初心者のハシモトが「熊本ヴォルターズ」のバスケ観戦に行ってきましたーー!
どうやって応援したらいいの? ルールわからないけど大丈夫? 一人でも楽しめる?
そんな方々に向けて、体験レポートでお伝えします!

熊本ヴォルターズ

皆さんご存知かと思いますが、熊本ヴォルターズは、熊本を本拠地として活動しているプロバスケットボールチーム。

なんとFVはヴォルターズの法人会員となっていますので、ホームゲームが観戦できるチケットをいただくことができました!ワーイ
お恥ずかしながら今までプロのスポーツを観戦したことがなく、もちろんバスケのルールの知識も0!
あの有名なスラムダンクさえも読んだことがありません…大丈夫なのだろうか自分…!

いざ会場へ!

移動の電車内もヴォルターズを応援しに行く人達で満員でした!旗や屋台もあり賑やかで楽しい雰囲気でいっぱい!私は一階の自由席、前の空いているところに座りました。コートと距離がとても近くドキドキです!

ワクワクする舞台の演出

私がまず驚いたのは舞台の演出!DJの方が音楽を演奏。会場内はノリノリ!
また、この日は特別に熊本出身の芸人さん(ガリットチュウさん)も登場し、会場を沸かせました。
ハーフタイムでは東京からチアダンスの方々が登場!キレッキレのダンスパフォーマンスで会場内を盛り上げます!!

わかりやすい応援方法

『応援の仕方がわからない…どうしよう…』初心者ですので細かいことも気になるんです…
が!なんと試合がはじまると上の方にある電光掲示板に文字が表示がされるんです…!!助かる〜!!!
相手チームに攻めている時はヴォルターズの名を呼んで応援。相手チームから責められている時は「DEFENCE!」と祈りを込めて言ったり、はたまた相手チームを煽ったり、手をリズミカルに叩いて応援したり…

後半にはもう応援方法も覚え、自然と声が前に出ていました!
応援はやっぱりみんなと一緒にすると楽しい!!!

ドキドキ迫力のある試合

私の座ったところがコート間近だったということもありますが、やっぱりプロの本気の戦いは迫力が違いました!ヴォルターズが点を入れた時はめちゃくちゃ嬉しかった…!!!
そして選手はカッコイイっっ!(ハート)
あと たまーにボールが自分の元に飛んできたりして、色んなドキドキがありました(笑

感動の時間

私が今回観戦したイベントは 4/14・15に行われた「熊本地震復興マッチ」。
14日は熊本地震からちょうど2年となる節目の日です。
この日の観客動員数は4,019名。
感謝の気持ちを込めた「ありがとう」ボートを持ちながら
皆で熊本出身のアーティスト・WANIMAの歌を大合唱。
一つになる空気には感動しました…!!

残念ながら試合には負けてしまいましたが、
最後には選手の熱いコメントやファンへのサービスもあり、

最初から最後まで熊本で会場が心が一つになれたとてもいい試合だったとハシモトは思いました。

さいごに

初観戦ボッチでどうすればいいの?と思っていましたが、
もう試合がはじまったら そんなチマチマした不安などふっ飛びました! 自分も熱くなりもう試合しか目に入らない!ルールを知らなくても見てればなんとか分かるっっ!

9月からまたホームゲームがはじまっていますので、行かれてみてはいかがでしょうか!?
熊本ヴォルターズ スケジュール
またハシモトも行ってみたいと思います(๑⁼̴̀д⁼̴́๑)ドヤッ‼

POPとIMAPって何?

shuhei
2018/09/27
閲覧所要時間:約2

こんにちは。
フロンティアビジョン出産ラッシュ2018、第一号の西村です。

去る5月に待望の第一子が誕生し、一児の父となりました!
これからもより一層気合を入れて、仕事も家庭も全力で臨みます!

さて、本題ですが、メールソフトの設定中にPOPやIMAPといった言葉を目にすることはありませんか?
この記事ではそれぞれの概要や、メリット・デメリットについて説明します。

POPとIMAPの概要

POPとIMAPですが、いずれもメールを受信する時の仕組みの名前です。
例えばAさんからBさんへメールを送った時、送られたメールはBさんが契約しているYサーバーに届きます。

その後YサーバーとBさんのパソコンで通信をしますが、POPとIMAPの違いは主にここにあります。

POPの場合は、サーバーからパソコンにメールをダウンロードすることで読めるようになります。
IMAPの場合は、パソコンからサーバーに置いてあるメールを見に行くことで読めるようになります。

特徴とメリット・デメリット

POPの特徴

サーバーからメールをダウンロードするというシンプルな仕組みなので、IMAPに比べてサーバーにかかる負荷が少ないです。
基本的には1つのメールに対して1つの端末を利用する形ですが、設定次第でIMAPに似た運用も可能です。
POPのメリット
  • ダウンロードしたメールは、ネット環境がなくても閲覧ができる
  • サーバーの容量を気にする必要がない

POPのデメリット
  • 端末側の容量は、ダウンロードしたメールの分利用する

IMAPの特徴

POPと比べると受信に関するプロセスが複雑なので、サーバーへの負荷がかかります。
使い勝手のイメージとしてはwebメールに近いかもしれません。
IMAPのメリット
  • サーバーにあるメールがベースなので、どの端末からでも同じ情報が確認できる
  • パソコンが壊れても、メールがなくならない

IMAPのデメリット
  • 受信したメールが多くなってくるとサーバーに負荷がかかる

総評

弊社をご利用中のお客様にはPOPでの運用をご案内しています。
理由としてはメールをどのように利用されるか予測ができないからです。
仮に全てのメールアドレスをIMAPで登録したとして、メールアドレスの数やそれぞれの通信量が多くなると、最悪サーバーがダウンすることも考えられます。

とは言ったものの、POPとIMAPでどちらが良くてどちらが悪いといったことはありません。
それぞれの特徴を理解し、正しく運用することで、トラブルの回避につながります。

デザインカンプ制作時に行っている原稿のテキスト調整3つ

2018/08/07
閲覧所要時間:約2

こんにちは、ゾエです。

ホームページ制作において、原稿(文章)作成は専門のライターを雇うのが理想的。
しかし予算の都合などにより、お客様自身に原稿作成をお願いすることも多いです。

お客様も原稿作成のプロでない場合がほとんどのため、デザイン制作時は頂いた原稿をそのまま使うのではなく、可能な範囲で調整します。…あくまでも可能な範囲ですよ(笑)
今回は僕が行っている調整の中から簡単に始められる次の3つ紹介します。


  • 1:テキスト量を調整する。
  • 2:段落を分ける/見出しを追加する。
  • 3:冗長にならないように読みやすく調整する。

テキスト量を調整する。

例えば上図のような配置で3つのサービスを紹介するとします。(※図内のテキストは適当です)
頂いた原稿のままでは1〜3のテキスト量に差があり、バランスが悪いことも。

こういった場合は、別途質問や頂いた資料などをもとに少ない部分を加筆したり、逆に不要な部分を削って文字量を調整します。
先にラフ案を提出して「◯◯文字前後」など、指定させていただくことや、デザインを原稿に合わせて調整することもあります。





段落を分ける/見出しを追加する。

長文で原稿を頂くこともあります。
そのまま掲載すると、読みにくい、理解しづらい、といった問題になることもあるため、段落を分けたり、それぞれに見出しやキャッチコピーをつけて読みやすく、分かりやすくします。

見出しだけで内容がある程度理解できるものだと尚良いですね。文章を読ませるのが目的ではなく「伝えたいことを伝える」ための手段として文章を用いるわけですから。





冗長にならないように読みやすく調整する。

詳しく伝えようとしてか、文章が冗長になっていることがあります。
「〜ですが、」という留保の「が」を多用しすぎると冗長になりやすいです。
適度に句点「。」を使って短めにまとめたり、「〜です。」と言い切って歯切れのよい文章にします。






まとめ

  • 1:テキスト量を調整する。
  • 2:段落を分ける/見出しを追加する。
  • 3:冗長にならないように読みやすく調整する。

以上、デザイン時に行っている原稿調整3つでした。
そもそも文章以前に「何のコンテンツを制作したら良いのか分からない」という方もいらっしゃるかもしれません。コンテンツにつきましては、ヒアリングを行った上で弊社からご提案いたしますのでご安心を。
ライティング(原稿制作)や写真撮影も別途費用にて対応可能です。まずはお気軽にご相談ください!


WEBページの表示速度(SEO対策・UXの向上)

2018/07/24
閲覧所要時間:約4

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

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

ページの表示速度が重要な理由

  1. SEO対策!

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

  3. UXの向上!

  4. サイトやページの表示速度が速いと、UX(ユーザーエクスペリエンス)が向上します。
    UXは、ユーザーがWebサイトを通じて得られる体験のことなので、文字の読みやすさ、フォームの入力が自動化されていること、クリックのしやすさなどが影響します。
    表示速度が遅いと、ページがなかなか読み込まれず、ユーザーは「遅い!」と感じ、どれだけ質の高いコンテンツを配信しても、表示速度が遅ければユーザーには「不便なサイト」といった印象を与えてしまいます。そしてユーザーは離脱して、ほかのサイトから情報を得ようとしますよね。
    因みに、モバイルサイトを訪れたユーザーのうち、53%はページの読み込みに3秒以上かかると離脱している。
    そして、表示速度が1秒から7秒に落ちると、直帰率は113%上昇というデータも出ています。

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

売り上げにも関わる表示速度

そして、モバイルサイトの表示速度は売り上げにも大きく関わります!
ページ表示を高速化した結果、モバイル売上が80%アップした!なんて事例もあります。
EC最大手のAmazonによると、サイト表示が0.1秒遅くなると、売り上げが1%減少。1秒高速化すると10%の売上が向上するという公表も出ているそうです。

ツールを使った速度の測り方

「Google Analytics」
「PageSpeed Insights」

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

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

使い方はとても簡単です。
左の赤丸に自身のサイトURLを貼り付けて、分析のボタンを押すだけ!
すると・・・
分析結果
↓↓↓

もちろん、フロンティアビジョンのホームページは、モバイル・パソコンどちらも80点以上のGood!評価!!!
モバイルに至っては94点!半端ないって。。

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

ページの表示速度が速いほどユーザーの満足度に繋がる

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

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

Brackets使ってみました

2018/07/20
閲覧所要時間:約2

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

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

Bracketsとは

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

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


最初から日本語対応

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

ライブプレビュー機能

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

CSSをクイック編集

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

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


使ってみた感想

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

ダウンロードはこちら

フロンティアビジョンのFacebook

デンタルWEB

求人情報

スタッフ紹介