ツール紹介の最近のブログ記事

ツール紹介

.htaccessについて

satoshi_20120807.jpg


ディレクターとして仕事をしていて思うことは、
サーバー関係のことに圧倒的に苦手意識をもっている人が多いです。
僕は元プログラマーのディレクターですので、
この記事を読んでいる誰かさんの苦しみを開放できることを願って、
ブログを書いていけたらなと思っています。


前置きが長くなりましたが、
今回は、プロジェクトでよく触れる機会が多い「.htaccess」について、書こうと思います。

htaccessとは、なんでしょう?

wikiによると以下です。

(1)IDとパスワードによる制限
(2)IPアドレスとリモートホストによる制限
(3)エラーメッセージのカスタマイズ
(4)MIMEタイプの指定

だそうです。

(1)はよく使うベーシック認証で、
(2)はIP制限を使って、通信の制限をかけることができるようにする感じです。
(3)はサイトにないURLにアクセスされたときに、
404ページにリダイレクトするときに使うやつですね。

旧サーバーから、新サーバーにサイトデータを移行するときに必要なことは、
この.htaccessの301転送という処理を忘れがちというか、
その認識がない人が多いです。(僕もそうでした。)

サーバー移設の際は301転送という処理が必要です。
旧サーバーで蓄積できたSEOの情報を8割程度、新サーバーに引継ぎができるそうです。

.htaccessって、軽視されがちですが、サイトの要を担っていると個人的に思っています。

若干、システム開発の領域になりますが、
以下のようなサイトを使えば、ディレクターでも簡単に.htaccessの制限ができます。
是非ご参考ください。

http://www.htaccesseditor.com/



(Satoshi)
ツール紹介

Webディレクターにおすすめのメール管理術

メーラーは何をお使いでしょうか?

ジーピーオンラインではThunderbirdを使っています。
セキュリティとカスタマイズに強いとうたっていますが、
一番はメールの検索がとても特化している点で重宝しています。
(ちなみにジーピーオンラインではConfirm-Addressという誤送信予防のアドオンを入れています。)

いろいろ試してみた結果、
私の業務に一番合ったおすすめのメール管理を紹介したいと思います。


1.メールの仕分け方法

ディレクターは複数のプロジェクト進行に関わっている場合が多く、
1日の受信メールは社内のメーリングリストなども含み60?120件くらい。
即座に重要度を把握して日中でさばいていくことが多いです。

プロジェクト別にフィルタリングで自動仕分け・・・とかすごく良さげに見えるのですが、
すべてのメールをまず受信トレイで受信することをおすすめします。

そのメールに用事がなくなったら(メールの内容について作業完了したら)、
該当するフォルダへ移動させて、
TODOリストのような使い方をするのが一番事故(返信忘れていた!など)が防止でき、
さらに受信トレイを空にしようとさっさと仕事に取り組めるので、やる気がでます!


2.フォルダはプロジェクト別が使いやすい

フォルダは下記画像のようにプロジェクト別に管理しています。
rd_110202_01.jpg

基本現在進行中のプロジェクトのみフォルダが用意されており、終了したプロジェクトフォルダは終了プロジェクトフォルダに移動させてフォルダ一覧をすっきりさせ、基本、現在進行中のプロジェクトのみフォルダが用意されており、終了したプロジェクトフォルダは終了プロジェクトフォルダに移動させてフォルダ一覧をすっきりさせています。

プロジェクト別に管理する理由は・・・
・送信者検索や、メールアドレスの一部検索などがあるので、会社別フォルダは不要
・同じ担当者様で複数のプロジェクトが進行する場合がある
・バックアップがとりやすい(終了したプロジェクトはバックアップとって削除できる)


3.テンプレートで効率UP

定期的に送るメールなどがあれば、是非テンプレート化をおすすめします。
時間短縮ができるばかりか、メールをつくる「めんどくささ」もなくなります。


メール管理術はさまざまな方法がありますが、業種、職種で大きく変わります。
(私も前職ではノーツというグループウェアでメールを利用していたが、今とはまったく違った使い方でした。)これからWebディレクターをはじめる方や、同じ業界の方、メール管理を模索されている方など・・・参考になれば幸いです。


(aiko)

ツール紹介

ウェブ担当者様へよくおすめするオンラインサービス

ウェブディレクターという職種上、ウェブ担当者の方とお仕事する機会が多いですが、
下記のインターネットサービスをよくご紹介することが多いので、これを読んでいただいている皆様にもご紹介します。


1.<無料ですぐに使える!おすすめファイル転送サービス>
rd_101117_02_20101115103720.jpg
firestorage

「大容量の資料を送りたい!」を解決。
写真素材など送ってもらう時によくありますね。
有名なファイル転送サービスはたくさんありますが、
使い勝手がよいので、このサービスをご紹介しています。


●特徴
・複数人に送りたい
・登録しなくても使える
・回線が早い
・複数のダウンロードファイルを1つのURLでまとめてくれる


2.<PDFファイルを結合または分離できるオンラインサービス>
rd_101117_03.jpg
ilovepdf

「PDFファイルを分割したい!複数のPDFファイルを統合したい!」を解決。
PDFの編集ソフトを持っていない、そんな人の強い味方。


●使用制限
・1つのファイルにつき8MBが容量上限
・1回のPDFファイルの数は10ファイルまで
・ファイルのダウンロードは15分間のみ有効


こういったサービスを知っている、知らない、で仕事の効率に大きな影響を与えると思いますので、
是非ご活用ください!

ツール紹介

ディレクションに役立つ!Firefoxアドオンランキング

rd_101026_01.jpg

動作が速いのとアドオンが豊富で便利という理由から、基本ブラウザにFirefoxを使っていますが、Firefoxアドオンは入れすぎると重くなるので、よく使うものだけを厳選しています。その中から、使用率でランキングをつけてみました。


8位 iMacros for Firefox
https://addons.mozilla.org/ja/firefox/addon/3863/
ブラウザの動作を記録して再生できるアドオンです。
フォトショップのアクション機能のように操作の自動化が何度でもできるので、メールフォームのテストやCMS登録のテストなどで力を発揮します。


7位 ColorZilla
https://addons.mozilla.jp/firefox/details/271
画像の色がお客さまに指定いただいた色と違うと大問題!このアドオンは微妙な色の違いを数値でチェックできます。ブラウザ上の任意の場所から色情報を取得できるカラーピッカーの他に、カラーパレット、ページ拡大機能、2 点間の距離測定、DOM インスペクタが統合されていて重宝します。


6位 pdfit
https://addons.mozilla.org/ja/firefox/addon/7528/
スクロールキャプチャした画像を印刷すると縦長のページの場合小さくなってしまいます。
そんなときに使えるFireFoxアドオン「pdfit 」をご紹介。
ウェブページを右クリックで簡単にPDF保存でき、A4サイズに合わせてページ分割で印刷することも可能ででおすすめです。(※もちろんJPGも可能)


5位 Mobile Barcoder
https://addons.mozilla.org/en-US/firefox/addon/2780/
2次元バーコードを生成するアドオン。
モバイルサイトを作成してPCブラウザでチェックしながら、最終的に実機でチェックするフローが多いですが、このアドオンを入れておくと、すぐにバーコードが読めるのでとても効率的です。


4位 FireMobileSimulator
http://firemobilesimulator.org/
ケータイでのHTML表示をエミュレートしてくれるFirefoxアドオンです。
携帯サイトの実機検証前のチェックには欠かせません。
ユーザーエージェントも偽装してくれるので、PCでは見れない一部のケータイサイトを表示することもうれしい。(※IP振り分けのケータイサイトはもちろん無理ですが・・・)


3位 FireBug
https://addons.mozilla.org/ja/firefox/addon/1843/
Webページを閲覧しながらJavaScript、CSS、HTMLの編集、デバッグ、モニタリングと開発者だけでなく、Webディレクターにも便利なスーパーアドオンです。


2位 Popup ALT Attributes
https://addons.mozilla.jp/firefox/details/1933
画像に設定されている代替テキストを、Internet Explorer のようにツールチップとして表示します。表示チェックはIEでも行いますが、ALTだけのチェックのためにIEたちあげる時間が削減できるので活用しています。


1位 FireGestures
https://addons.mozilla.jp/firefox/details/6366
マウスジェスチャー拡張機能。カスタマイズして自分仕様にしています。
5種類くらいとかなりシンプルに使用していますが、使用率はダントツです。


輝く1位はすごく地味なマウスジェスチャーのアドオンでしたが、こういったアドオンたちの使いこなしが、日々の業務を効率化してくれるので、参考になれば幸いです。


(aiko)

ツール紹介

IrfanView でファイル形式変換・編集・リサイズ・リネームを一括変換する

IrfanViewといえば「多くの画像フォーマットに対応した画像ビューアー」で人気ですが、
それだけで終わらすのはもったいないほど使いこなせばこれ一本で完結したりします。
リサイズとリネームを一括変換できるので役立ちます。

(1)「ファイル」→「一括変換 形式/名前」

hisa_20091107_021.jpg



(2)ファイル形式の一括変換

hisa_20091107_03.jpg




(3)ファイル名の一括変換

hisa_20091107_04.jpg





<参考サイト>
IrfanViewを使いこなそう
URL : http://www.wanichan.com/beginner/graphic/iview/
ツール紹介

thunderbirdの返信引用文変更方法

Thunderbirdを使っている場合、
日本語版のデフォルトでは返信で相手のメール本文を引用する際に、

○○ さんは書きました:

という文が付くと思います。

これの変更方法です。


まず、「ツール」>「オプション」>「詳細」から「設定エディタ」を開きます。

(Ubuntuでは、「編集」>「設定」>「詳細」から)

「フィルタ」にreplyと入力すると、返信に関する設定が出てきます。

mailnews.reply_header_authorwroteをダブルクリックして書き換えます。

%sの部分には相手の名前が勝手に入るので、この部分は残してあとは好きなように変えてください。

%s wrote

これで、

○○ wrote:

と表示されます。

次に、受信時間も入れてみます。

mailnews.reply_header_typeをダブルクリックして、値を1からにします。
これで、

(2008/06/26 19:00), ○○ wrote:

というように表示されます。

時刻にカッコがつくのが嫌なので、これもはずします。

mailnews.reply_header_ondateをダブルクリックして、(%s)%s に書き換えます。

これで

2008/06/25 10:10, ○○ wrote:

という感じになります。

ツール紹介

ダブルクリックだけでできるExcelの小技いろいろ


adjust-column-widths.gif









ダブルクリックでできるExcelの小技がこんなに。
Excelを使い慣れていないで勉強になりました。

Do you know these Double-click Tricks in Excel? | Pointy Haired Dilbert: Charting & Excel Tips - Chandoo.org

http://chandoo.org/wp/2009/06/12/excel-mouse-tricks/

(via:IDEA*IDEA

ツール紹介

Firefoxの検索ショートカット「スマートキーワード」

サイトでよく検索すると思いますが、Firefoxの便利な検索ショートカットを紹介します。
これでアドレスバーから簡単に検索できるようになりますよ。

ためしに英語辞書サイトの「英辞郎」を登録してみます。

1.サイト「英辞郎」を開きます。


2.入力フォームで右クリックし、「この検索にキーワードを設定...」を選択します 。

スマート1.JPG
















3.「ブックマークの追加」ウィンドウの名前とキーワードを設定します(ここではキーワード"ei"としました)。

スマート2.JPG











4.以上で終了です。あとは検索したい時にアドレスバーに「ei {検索ワード}」をいれるだけで英辞郎で検索できます。簡単!

wikipedia とかgooの辞書とかを登録しておくと便利です。


ツール紹介

Firefox ベンチ入りおすすめアドオン (1)

アドオンは入れすぎると重くなるので、必要最低限にしなければ意味ないんですが、
今のところ下の一覧がベンチ入りしてます。(2009年1月28日現在)
効率化の5%は担ってくれてます。

・FireGestures
・Firebug
・ColorZilla
・Capture It!
・Popup ALT Attributes
・Wired-Marker
・Html Validator

すべてFirefox 3対応です。



個人的なレビューとか感想は詳細表示に記載↓↓↓


Mozilla Japan - Firefox 用アドオン - FireGestures
マウスジェスチャー拡張機能。カスタマイズして自分仕様にしてます。
5種類くらいしか使用してないです。かなりシンプルに使ってますが、
タイトルとURLをコピーするスクリプトを入れているのがお客さんとのメールなんかでかなり使えます。
1秒でページタイトルとURLを添えてメールに貼り付けできます。あと軽いのが良いです。

Mozilla Japan - Firefox 用アドオン - Firebug
制作してる人なんかは使ってる人多いですね。
もともとはスタッフから教えてもらったもので、だまされたと思って入れてみたら、
手放せないものになりました。チェック時とかバグ発見時に役に立ってます。

Mozilla Japan - Firefox 用アドオン - ColorZilla
画像の色が指定した色と微妙に違うと修正入れられたことがあるのですが、
楽にチェックする方法がないかと探していたときに
スタッフに教えてもらったアドオンです。
色の指定があるときなんかのチェックに重宝してます。
ブラウザ上の任意の場所から色情報を取得できるカラーピッカーの他に、
カラーパレット、ページ拡大機能、2 点間の距離測定、DOM インスペクタが統合されています。

Mozilla Japan - Firefox 用アドオン - Capture It! ツールバー
ブラウザ用のキャプチャソフトです。
有名どころの「Screengrab!」は英語なんでこっちの和製のほうが最終的に使いやすかったです。
表示しているページのスクリーンショットを JPEG ファイルとして保存できます。
取り込み範囲は、任意矩形、ブラウザ全体、ページ全体、スクロール指定から選択できます。
キャプチャソフトはこれと ClipDesk の両使いしてます。

Mozilla Japan - Firefox 用アドオン - Popup ALT Attributes
画像に設定されている代替テキストを、Internet Explorer のようにツールチップとして表示します。
表示チェックはIEでも行いますが、ALTだけのチェックのためにIEたちあげたりする時間が削減できて活用しています。

Mozilla Japan - Firefox 用アドオン - Wired-Marker
 ページ上の記事や図表にマーカーを引くことができます。
マーカーはブックマークとしても機能し、目的の情報にすばやくアクセスできます。
マークした情報はメモを加えて整理したり、エクスポートすることもできます。
資料作成時の時はもちろん色々調べることが多いので、
特に情報収集時などチョットブクマしときたいとかの時に地味に役立っています。
丸ごと残しておきたい情報なんかはGOOGLEのメモ帳にコピペするという
ルールを作っているのでなかなか快適に使えています。
何より一番使えると思うのはチェック時です。チェックしてミスってた箇所をマーカーでチェックできるので、
2回目のチェックバックのチェックのときなんかはすぐにその箇所のチェックができます。

Mozilla Japan - Firefox 用アドオン - Html Validator
表示されたページの HTML をローカルで検証し、エラーと警告の数をステータスバーに表示します。
詳細はページのソース画面で見ることができます。これは・・・正直全然使わないです。
1

Webトレンド情報局とは

最新ネットニュースから、ブランディング戦略、マーケティングまで!Webサイトの活用術、解説します。
【隔週火曜日更新】

運営会社:株式会社ジーピーオンライン

RSSを購読する

Monthly Archive