こんにちは、京都オフィスの馬橋です。
今回はweb制作で便利なサービスをピックアップいたします。
chirami
テスト環境がなくてもWEBページとして確認ができるHTMLプレビューツールです。
弊社の場合お客様にお見せしたり確認していただく用のテストサーバーというものはご用意しているのですが、さくっと作ったテストページを見てもらいたい時、いちいちFTPソフトなどでサーバーにアップして、それを見てもらう工程を省きたい（テストのテスト的な）
「テストページを更新したと言われて見に行っても見た目変わっていないのですが…キャッシュの削除？なにそれ？」な人に都度説明をする手間を省きたい。
そんな時に便利かもしれないサービス。
それが「chirami」です。
使い方は
ユーザー登録が必要です。
登録はTwitterアカウントかGitHubアカウントかFacebookアカウントのみです。メールアドレスはできないようです。
私はTwitterもFacebookもやらないので登録していたGitHubでサインインしました。
「index.html」ファイルが含まれているフォルダをアップロード。
100ファイル／30MBまで／5サイト分1度にアップロードできます。
制限が100ファイルなので大規模なサイトや、画像を多用しているサイトのアップロードは耐えられないと思います。
数ページ程度の小規模までですね。まあ、それ以上の規模になるなら素直にテストサーバーにアップすると思いますし、あくまでHTMLファイルの「チラ見せ」用なので割り切りやすいです。
アップが完了したらURLが生成されるのでそれを相手に伝えればweb上でチェックができます。
社内のスタッフ間でさくっとデザインを見せたい時、サーバーにアップするまでもない状態のものの動作を確認したい時にも使えます。
また、生成した公開用のURLは24時間で消えるので安心です。（手動でも消せます）
便利な使い方、他
各デバイス・ブラウザ別にテストをしたい時、それぞれのデバイスでログインしていればURLが簡単に確認ができます。
私は泥臭く、スマホで見たい時はQRコードを作ってPCの画面から読み込んだりしているのですが、こういった方法はスマートですよね。
小文字大文字変換
結構地味に使うときが多いのがこちら
例えばテキストで支給いただいた文章の「Social site」「Content」などを「SOCIAL SITE」「CONTENT」に変えたい時。
さくっとこのサイトを使って変換してしまいます。（もっといい方法があるのでしょうが…）
シンプル・イズ・ベスト
変換したい文字を入れて
「変換する」ボタンを押すだけでOKです。
全角半角変換
地味に使うときが多い第二弾です
例えば同じファイル内で「０１２３４と56789、ｱｲｳｴｵとアイウエオ」といった「全角半角が混在している」「全角になっているものを半角にしたい」場合。
そんな時はこのサイトで文字列を整えてあげましょう。
変換したい文字を入れて
文字の種類ごとの変換方法を選んで
「変換」ボタンを押すだけ！
ちなみに押さなくても下にリアルタイムで結果が表示されます。
おおよそのパターンは
数字と英字を半角、カナは全角、記号と空白はケースバイケースで基本変換しない
という設定がベターかなと思います。
このサイトでは他にも様々なwebアプリがあるので見てみるとおもしろいです。
以上、時々趣味で使えるものはないか探すことがあるのでまたこういったwebサービスを紹介できればと思います。
