こんにちは、京都オフィスの馬橋です。
今回は個人的にwebサイトを制作する時に使える便利な小ネタサービスをご紹介します。
ーーーーーーーーーー
●モバイルサイトの速度テスト●
https://testmysite.withgoogle.com/intl/ja-jp
サイトを作ってみたけれど、果たして実際にモバイルで見た時の速さはどれくらいなのだろう？
そんなことを確認できるのがこちらです。
使い方はとても簡単
まずはテストをしたいサイトのアドレスをいれます
矢印をクリックするとテストが始まります。後は勝手に分析をしてくれますのでしばらくお待ち下さい。
今回は楽天にしてみました。特に他意はありません。
すると読み込み速度を元にさまざまな結果を返してくれます。
3Gでの読み込んだ場合なので、昨今の日本国内においてはもっと早く表示されると思いますが…
世界中では3Gが多いということで読み込み環境は3Gなのだそうです。
同業種の中で早いか遅いかもわかり、結構面白いのでついつい見てしまいます。
ちなみに、こちらはモバイルサイトの速度計測なのでPCサイトしかないサイトではユーザビリティが悪いよ！と言われます。
ーーーーーーーーーー
●ダミー画像メイカー●
http://placehold.jp/
地味に欲しいダミー画像。こちらはサイズが自由に設定できます。
お客様から届いていないけどなにかしらの画像が入る時、仮の画像としていちいち用意するのは無駄ですよね。
そんなときはこれでとりあえずいれて、全体のレイアウトなど確認をしましょう。
灰色画像なのでイメージが固定される心配もありません（挿入する画像のイメージが固定できないともいえますが…）
こちらも使い方は簡単です。
まず左のメニューに幅と高さを入力します。
こちらは1px単位で設定が可能です。
画像を生成するボタンを押すと右側に、画像のアドレスと、表示イメージがでてきます。
あとはこのアドレスをにいれこむだけです。
ーーーーーーーーーー
●インラインスタイル変換●
https://inlinestyler.torchbox.com/styler/
一般的にはcssデータを作って読み込ませるのが一般的ですが、このサイトではそれを各要素の中に直接装飾タグを入れ込んでくれます。
え…今どきわざわざインラインにすることってあるの？と思われる方もいらっしゃるかもしれませんが。
意外と需要はまだあります。
楽天、YahooなどのECショップは基本インラインです。メルマガを豪華な装飾や見せ方を独自のものにしようと思うとインラインにしないといけません。
いかがでしょうか。
他にも色々なwebサービスがありますが、こういったツールを使うと便利です。
