メモだって効率化

ブレインストーミングを活発にさせる4つのツール【e】

仕事（趣味も含め）で「やるべき事」や「やりたい事」、また「アイデア」等も記録を残し、さらにそれらを効率よく見直して管理していける事が大切。

私はそんな効率の中で、以前雑誌に紹介された『マインドマップ』というメモの取り方が気に入っています。

思ったことをメモに残し、さらにそれらを線で結んでいく。

表現としては本当に単純ですが、これが視覚化される事によってまさに脳内のシナプスがつながりやすくなるような、そんな感動を覚えました。
フリーソフトもありますが、もちろんノートに手書きでも使えます。


そんなメモが今までより効率良く使えそうなモノを紹介している記事を発見。
最大12人まで参加できるブレストサービス「babooo」っていうのも面白そうです。

Website Explorer

新しい担当の案件で特集ページの構成をしている中で、以前の担当案件を引き継ぎ中。

そんな中で以前の担当案件の製作中の部分でリンクエラーがあると指摘を受ける。

 

元は一つの解説ページだったものをレイアウト等の変更をして複数ページに切り分け、さらにフォルダを作って階層をひとつ下げる作業。

確かめてみると、リンクが前のママになっていました（そりゃリンクできないわけだ）

 

なんて事をしちゃいけません。

リンクのエラーチェック等もできるだけ毎回やらないといけません。

というわけで思い出したかのようにツールを使ってチェックしました。

使ったツールはWebsite Explorer

 

リンク解析、エラー一覧ができます。
他にもサイトのツリー表示等、イロイロ解析してくれて便利です。

 

リンク先が内容に合った正しいものかどうかとかは、最終的には自分で判断・確認しなければいけないという部分はありますが、でもリンクでnot foundを出さないように気をつけるという意味ではとても重宝します。

ちなみにリンク解析は飛ぶページだけでなく、cssやjavascriptの外部ファイルとかも含まれています。余計なソースが見つかったりもするので一通り確認すると便利デス。

 

さて、クライアントに修正完了メール出します・・・

FTPソフト

HTMLファイルのコーディングや編集等をするのはDreamweaverを主に使っています。

Photoshopでスライスを使った場合などは、wordpadで開いて必要なソースの部分だけを取り出して貼り付けたりもしています。そこらへんのやりかたは人それぞれだと思いますが。

そのファイルの編集が終わった後、普通に考えればDreamweaverのFTP機能を使ってUPすればいいと思っていましたが、現場ではあまりDreamweaverのFTPは好まれていない模様。

たしかに、Dreamweaver独自のファイル「_note」がくっついたりします。それらを見分けたり、サーバから捨てればいいわけですが、そこらへんはもっとスマートにこなす人が多いようです。

で、やはり多く使われているのはとってもメジャーでフリーソフトな【ＦＦＦＴＰ】のようです。

http://www2.biglobe.ne.jp/~sota/ffftp.html

確かに使いやすいですね、シンプルだし。

私も今はコレをメインで使っています。たまーにテストサーバあたりまでDreamweaverでやったりする事もあります。Dreamweaverの中で嬉しいのは【同期】というコマンドです。
これは、ＵＰするファイル（またはＤＯＷＮ）がその対象との日付で新しいかどうかをチェックしてくれます。
これでうっかりバックデートする事を防ぐことができます。共同作業の時などもこれがけっこう助かったりしています。

と、こんな感じで二つを使ったりする人も結構多いと思うのですが、ここで落とし穴がひとつ。

というかうっかりに気をつけましょうって程度のことなのですが、DreamweaverとＦＦＦＴＰの画面はローカルとサーバ側の表示が右と左、それぞれが逆の位置になっています。

これでうっかり反対側にしてしまった日にはすべての苦労が水の泡です。みなさん、注意してください。え？私ですか？？いや、そ、そんな事やってないですよ、ほ、ホントですよ・・・クスン。

うっかりが怖い人は設定で自分の好みの形にカスタマイズしましょう。

 

何気に奮闘中

 

 

タブブラウザ

私が家と職場で使っているブラウザはSleipnirというタブブラウザを使っています。

FirefoxやIEの7でもタブがありますが、私は以前から使っているという理由とか、色々あってこれを使いつづけています。

http://www.fenrir.co.jp/sleipnir2/

ブラウザはそれぞれ慣れや相性があると思うので、これが一番！というのはどれにも言えないと思いますが、私はコレがお気に入りで、周りにもよく勧めています。

主な特徴は

・国産ブラウザ
・タブなので、複数のサイトを開いていても軽い。
・IEのエンジンを使っているので動作はIEとほぼ同じ
・カスタマイズが豊富

特に、カスタマイズにおいて便利な機能をたくさん使っています。マウスの動作を独自の設定で
アクション設定できるので、私の場合は「右ダブルクリックでそのウィンドウを閉じる」とか。「真中のすくrーるボタンを押すとひとつ戻る」とかをよく使っています。

私はタブをいつもたくさんタブを開いているので、時々周りには「開きすぎじゃない？」と突っ込まれたりもしていますｗ

そして、個人的な楽しみ方だけではなく、webデザインを学ぶ上でも便利だと思う理由のひとつがSleipierに用意されているプラグイン、Hawkeye です。

http://extensions.tabbrowser.jp/plugins/detail.php?plugin=Hawkeye

divやtableの構造をビジュアルで構造解析したり、imageのサイズ表示、CSSの確認やユーザビリティのチェックまで、とにかく豊富に確認する事が出来ます。

自分のサイトを確認するのももちろんですが、気に入ったサイト、お手本にしたいサイトなどをこれで確認してその技術を構造解析していくのはとてもいい勉強になると思います。

 

…まぁ、ブラウザチェックの対象にはなりませんけれどね。
（でも、表示はIEのエンジンなので、基本的にIEと同じように見えています。）