ネットで仕事術！テクニック！

軽くて使いやすいパソコン画面動画録画、画像編集ソフト

2008-07-29T06:19:00.004+09:00

最近では、どのウェブサイトでも画像による取り扱い説明（マニュアル）やチュートリアル（指導映像）が頻繁に使われるよになったことは皆さんも知っているかと思います。
確かに一見は百聞に如かず、昔は文字や言葉を使って通信や通達をしていましたね。手紙に始まって、電話。そして、インターネットの時代に入ってその流れはかわりません、メールに始まってウェブサイトなどで画像を見せていたのが、動画に変わってきました。
画像、動画による説明は非常に効率的です。自分も最近では、文字を読むよりwww.lynda.comなどよりチュートリアルなどをみて物を学ぶことが増えてきました。ただ、文字を読むことによって別の脳が刺激されるので、バランスよく使い分けることは必要です。
それでも、社内、社外問わずいろんな所でこの動画を使って物事を伝えれば、きっと伝えたいことがより伝わることは間違いないでしょう。

そこで、今回は簡単に自分のパソコンを録画できたり、スクリーンショットを取って簡単な編集、矢印や文字を入れれるアプリケーションを紹介します。もちろんフリー（無料）で提供されています。
一見は百聞に如かず、ですね。どうぞご覧ください。

ライトボックスをブログに設置する

2008-06-10T09:55:00.014+09:00

最近どのサイトでも、使われて来ているライトボックス簡単にウェブサイトなどに設置でき、写真を拡大をクールに見せてくれます。写真をクリックしたあとに、右上のNext　や　左上のPreviousのボタンをクリックして次の写真に移れます。

今回は、このクールなライトボックスの設置方法を紹介します。

ライトボックス設置方法

ライトボックスをダウンロードする。
Bloggerにログインし　Layout → Edit HTML　に行く
Headerに下記のラインを入れる<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
さらに同じくHeaderに下記を記入する。
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
Lightbox.cssファイル内のnext.gif, prev.gifを指定している行が正しいパスを指定しているか確認する。
同じく、Lightbox.js内のLoadign.gifとClose.gifが正しいパスを指定しているか確認する。
Blogspotでは、FreeのアカウントでFTPが使えため、指定するパスは外部のホスティングサーバーでなければならないが、Googleのフリーホスティングを使いましょう。
ブログのポスト編集画面にて、画像を入れた後に下記の部分を
onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
rel="lightbox" に変更する。
またリンク先のアドレスに -h が入っているはずなのでそれを消去する。
これで完了！！旨く出来なければ、質問ください。

クールにWindowを切り替えるTask Switcher Pro

2008-05-28T08:24:00.010+09:00

クールウィンドフリップWindow switcher

パソコンで仕事していると紙で仕事するのとは違い、同時に何個もの仕事をすると少し前にしていたWindow（画面ウインド）を見失ってしまうことが誰にでもあるでしょう。
Windows XPでは、標準でAlt＋Tabを押すと最小化しているウィンドをTabを押して選ぶことができる。ただ、MacやVistaの様なクールにウィンドが現れるではなく、ただウィンドのアイコンが表示されるだけだ。

少し物足りない気がしますね。そこで、クールにこのウィンドを切り替えるのがWinflip. Alt+Tabでクールな３Dウィンドを表示してくるだけでなく、なんと、マウスで円を描くだけでも起動する優れものです。プログラムもとっても軽く、インストール必要がない。

TokyoDownstairs: WinFlip

クールに収納、ウィンド３D収納プログラム

クールにフリップするだけでは、足りないという方は最小化をクール行うMadotateも是非試して見てください。窓たてもWinFlipみたくインストールを必要とせず、非常に軽く、利口な方法でウィンドを３D化します。XPの標準で少し邪魔なウィンドを収納する場合は、最小化するか少し氏横にズラすしか選択がなかったのですが、Madotateを使うことによってあたかもウィンドが後方に開かれて画面が有効に使えるようになる。

窓立て２

FireFox 便利tツール AddsOn シリーズ2

2008-04-18T11:15:00.003+09:00

前回より紹介している、ウェブブラウザーを使いこなし仕事を10倍早くこなす、前回の続き第2弾
とりあえず、もう一回AddsOnのScreenshot一発！

前回は、Download Statusbarまで紹介したので、今回はその続きです。
それでは、続きを紹介していきます。

１．DownThemAll!
基本的には、仕事以外で使ってます。はいっ！ダウンロードをいっぱいしたい時に便利。

２．Fast Video Download
Youtubeなどのストリーミーングビデオをダウンロードしたい時に使います。これも、あんまり仕事と関係ないですね。仕事中は、Youtube聞きっぱなしの時が多いので、、インターネットが使えなくてもお気に入りが聞けるように、ダウンロードしておきます。ちなみに自分のPlaylistはこれ
http://www.youtube.com/view_play_list?p=3DC6333F45EF1334 よかったら、読みながら聞いてみますか？

３．Firebug
ウェブデザイナーにとって無くてはならないツールの一つ見たいです。遊んでみるチャンスが無いので今一使ってないが、結構人気あります。興味がある方は試してみて感想でも聞かせていただければ。

Firebug - Web Development Evolved

４．Fireshot
これは、自分のお気に入りの一つ。Webpageのスクリーンショットを撮って、そのまま簡単な矢印やテキストボックスを足してコメントしたり出来る、優れものです。かなり使えます。

FireShot - Take screenshots of web pages with Firefox extension!

５．IE Tab
いまだに、IE（インターネットエクスプローラー）しか対応してないサイトはあります。特にWindows UpdateとかOWAとかLivemailとか、、、おいっ！！Microsoftだけじゃん！！。。。
そんな時に、いちいちIEを立ち上げるの面倒なので、これをインストールしておけば、右クリックしてIEで開くでFirefoxのTabの一つがIEで表示できます。既にFirefoxを使っている方は、是非入れておいて損はないです。

mozdev.org - ietab: index

６．NoScript
たまにはヤバイサイトに行かざる得ない時はあります。急にバシッｘ２　と変なコードを入れられる厄介なので、これは必需品です。すべてのスクリップを阻止してくれます。許可したサイトだけを許す非常にセキュリティ的に強いです。今では、Mustの一つです。

NoScript - JavaScript/Java/Flash blocker for a safer Firefox experience! - what is it? - InformAction

７．PDF Download
PDFのリンクをクリックして急にブラウザーがフリーズしたことないですか？PDFだったらダウロードして見たいのに、リンクをクリックしただけでPDFが開きはじめるのを避けたい時は、是非これをインストールして見てください。リンク先がPDFの場合、開くかダウンロードするか聞いてくれる親切なツールです。もちろんチョイスを覚えておくことも出来ます。

PDF Download by Nitro PDF Software - Regain control over PDF files in Firefox

８．Smart Bookmarks Bar
FirefoxのFeatureの一つとしてお気に入りツールバーがあることですが、このツールバーがかなり使えるので、どんどん登録してたら入り切らなくなってしまって、そんな時には是非これを。
←こんな感じになります。

Rémy Juteau

９．最後は、Web Developerです。
実際に有名なWeb Developerたちが使っているツールです。サイトのCSSをAnalyzeしたり、IDを見たり、Objectに適用されているCSSが見れたり、そのまま変更してみて、変化を確認することも確認、JAVA Scripを見たり、いろーーんなことができます。WebDesinger＆WebDeveloperは必ず入れてください。入ってないなんてありえないですマジで。

Web Developer

こんな感じで、WEB上で仕事する時間が増えてきた中、どれだけその道具を使いこなせるかも仕事できるだうかの判断材料の一つとなってきます。自分が面接官になったら、ここら辺もチェックして見たいですね。

FireFox 便利tツール AddsOn シリーズ

2008-04-14T11:59:00.003+09:00

ウェブブラウザーを使いこなせば、仕事は10倍速くなる。まだExplorerを使ってる人、すぐFireFoxに換えてください。本当に。。

今回は、私が使っているFireFoxのAddsONを紹介したいと思います。とりあえず、AddsOnのScreenshot一発！

それでは、上から紹介しましょう。

１．AI Roboform Toolbar

これはFirefox用ではないのだが、WebSiteとかのパスワード管理をExcelでやっていたのだが、Site数が増え過ぎて管理しきれず、。さすがにパスワードを管理するので無料だと少し不安だったので有料で購入。いまじゃ、登録サイトのログイン情報をこれですべて管理。う～ん、Hackされたかなりヤバイ重要度最大のAddsOnです。
かなり便利、登録しておけば、登録したサイトに行くとワンクリックでUserとPassを記入できるための、項目がToolbarに現れる。登録したどうかも忘れてしまったサイトがいっぱいあるため、かなり使えてます。

ロボフォーム: パスワード管理, フォーム記入, パスワード生成, 自動ログイン

２．Bookmark Sync　And Sort

複数のパソコンを持っている場合にお気に入りをすべてのパソコンに登録するのはひと面倒。そこで、これは、WebHosting用のスペース上に、お気に入りを自動的にFirefoxを閉じたときと開けたときにSyncするように設定できるため便利。

Bookmark Sync and Sort :: Firefox Add-ons

3. CustomizeGoogle
あんまり使っていないが、私はほとんどGoogleでしかサーチをしないのだが、サーチしたあとにたとえばGoogleでいいのが見つからなくて、他のサーチでサーチしたい場合などのために、Yahoo!やAskやWikiのリンクが付いており、リンクをクリックするだけでリンク先でサーチしてくれる。

CustomizeGoogle: Improve Your Google Experience -- Firefox Extension

4. Ctrl Tab Preview

FireFoxが初期の時、Tab BrowsingができることがFireFoxを選んだ大きな理由の一つであった人は多いでしょう。そのTaｂをクリックしてTabを開くのではなく、Cntrl＋Tab KeyのShortCutで行き来できる。それをさらにPriviewの小スクリーンを表示させることで簡単にTab間の移動が簡単になりました。かっこいいです。

Ctrl Tab Preview - Hesslow Extensions

5. Download Statusbar

FireFoxではDownloadの履歴等は別ウィンドで表示されるのだが、これがイヤっっていう方は、少なくない。このAddsOnは別ウィンとの代わりにブラウザーの下の部分にDownloadBarが表示される。
便利です。項目上にカーソルを合わせると詳細情報が表示される。スクリーンショット参照ーー＞

mozdev.org - downloadstatusbar: index

今回はここまで、また次回。

高機能なFree CRM Database

2008-04-14T08:34:00.000+09:00

Startup企業や小中企業にとって大企業と競争していくためには、顧客との関係がどれだけ強くなれるかが鍵の一つである。ただその重要性をわかっていても、顧客との関係履歴をDocument化し、担当者が変わっても、急に電話が掛かってきても、すべての履歴を容易に引き出せるようなCRMは、少し昔までは小中企業にとって手に届く価格ではなかった。
最近では、技術の進化、特にWebの進化によりSalesfocre.com様な、自己の会社形体にあったCRMを手軽に利用できるようになった。
今回私が利用している、Freeで利用でできるCRMを紹介しよう。

１．ZOHO CRM http://crm.zoho.com/

Customer Relationship Management, On-Demand CRM - Zoho CRM

ZOHO CRM 価格：

2008-02-14T10:55:00.000+09:00

今回は少し、Googleから離れて（最近Googleに飽きてきた）、少し脳の中の情報を整理することについて話しましょう。

マインドマップ　（Mind Map）

実は、最近新しい仕事（企業）を始めるに当たってWebを製作していたのですが、そのWebって言うのがCMSを使ったJoomlaというものなのですが、いわゆる簡単にWeb ContentをUpできたり、管理できたりできる、Webの知識がなくてもWeb管理ができてしまう優れものですが。ただ“簡単”とは、Webの知識がなくても“簡単”と言う意味で、すべてWeb上で記事を書いたり、メニューを作ったりとするわけです。

Joomlaに興味がある方は、ぜひここWinDesignWorld Professional Joomla Templates

そこで、困ったのがやはりWeb上で動作するため、文章のセーブや記事から記事へ編集を行うないは、どうしてもページがRefreshされるまで時間がかかってしまって。。困ってしまって。

やはり、何を作りにしても、最初にきちんとしたコンテンツやMenu作成、などなどをパソコン上でせいしょうした方がいいと思い、WordのOutline Viewを使って書いてみたのですが、Outlineだけを書くにはいいのですが、実際にコンテンツを書き込むのには、向いてないですね。

そして、Web上をさ迷う事３時間、マインドマップと言う物にであいました。マインドマップについて詳しくはWikiで。

Mind map - Wikipedia, the free encyclopedia

何か、もともとのWebの考え方に似ている気がしませんか、関連性があるものをリンクで辿っていく感じ。

色々なツールのマインドマップを見てみたのですが、自分的には、いいなーと思うOffline Programは、有償だったので、Online Mind Map（オンラインマインドマップ）を使うことにしました。

オンラインマインドマップ紹介しているBlogがあるので興味がある方ぜひ、覗いて見てください。

http://kosstyle.blog16.fc2.com/blog-entry-417.html

&amp;lt;a href="http://s02.megalodon.jp/2008-0214-1122-59/kosstyle.blog16.fc2.com/blog-entry-632.html"&amp;gt;http://kosstyle.blog16.fc2.com/blog-entry-632.htmlの魚拓&amp;lt;/a&amp;gt;

自分が選らんだのは、ここです。

Mindomo - Web-based mind mapping software

また、自分のマインドマップができたら乗せます。

GmailのAPPをつかってみる（User、Emailの設定）

2008-01-12T03:12:00.000+09:00

前回もGmailについて紹介したのですが、まだまだ紹介し切れなかった機能があるので今回も紹介しようと思う。

今回紹介するのは、Gmailを自分のドメインを使って行うサービスを紹介しよう。
そう。Gmailの機能すべてを自分の指定したドメインで使うことができる。いいですね。

早速Gmail Aｐｐの申し込みから始めます。独自のドメインで行うわけですから、やはりドメイン名を取る必要があります。ドメインをとっても、MX Recordいわゆるメールサーバーはどこかというのを指定している、設定をいじれないとGmailをつかえないので、無難なところで、Godaddy.comやYahoo.comから申し込むか、もしくは、Gmailから直接買うことができます。

Godaddy.com $6.99～
yahoo.com $9.95~
google.com $10.00~

どれも、FreeのWeb Page用のSpace とある程度のMail Accountを持てる。今回は、Gmailを使うためなので、わざわざ他の会社を使うよりGoogleを使うことにします。

Google Apps Home Page
http://www.google.com/a/

Loginをするとこんな感じ

基本的には、初心者向けって言うか、Simpleにできている。利用しているサービスが表示され、サービスリンクをたどると設定できる。

早速Email Accountを作ってみよう。

1. Google Apps Userの作成

＜－－クリックすると大きくなります。

２. Google Apps User作成画面

＜－－クリックすると大きくなります。

3. Google Apps Email の追加

＜－－クリックすると大きくなります。

４．Google Apps Email 追加画面

＜－－クリックすると大きくなります。

５．作ったGoogle Apps User情報を確認する

＜－－クリックすると大きくなります。

これで完了。

G-Mailを使いこなす！知り尽くす！

2007-12-01T03:34:00.000+09:00

今回から、Googleの商品を一つずつ紹介していきます。初回は、GMAILです。
このブログを書くために１，２時間ほどGmailという物を少し遊んでみました。実を言うとGmailを使い始めたのがつい先週のため、もし間違っている情報があったら修正よろしく。
それにしても、Googleがどうしてこうも新しいこと次々と出せるのか、、スゴイです。

歴史
Gmailが最初に紹介されたのが２００４年の５月あたりで、当時Mailの容量がFree Mailを使う際の決めてだった頃、GmailがFree Mailを1Gで提供するサービスを開始。その頃Hotmailは、６MB?ぐらいだったかなーー！？最初（テスト段階）は、友達からの紹介がないとGmailに入れなかったので、Gmailを持っているだけでなかなか貴重なものでした、自分も当時一つもっていたが、使わなかったらなくなってしまいました。
その後、Yahoo!、HotmailなどのWebMail ProviderとGmailの間でメール容量の競争が続き、結果的にはGmailが圧勝かな、今じゃ増え続ける容量ですから。。

機能紹介

１．Folder管理　VS Label管理
まず、Gmailで一番最初に気に掛かったのは、Folderによる管理ができないこと。どのMajorなMail Applicationでもフォルダを作ってメールを整理してたので、すこしな手こずるが、アイディア的には斬新で機能的で、しかもGoogleらしいともいえる。
なぜなら、その秘密はLabel管理の使い方にある。
GoogleはLabel機能を使ってMailにいわゆる、キーワードをつけることによってメールを検索するという仕組みを作っている。
メールをFolderで整理して探す際、手がかりにするのは、やはり自分が作ったフォルダーの名前とかになる。それなら、フォルダーに入れる代わりにメールにフォルダ名をTag付けをして、より簡単に見つけ出せるようにしようということだ。Googleの検索技術を最大に発揮できるため、Googleらしいといえる。GoogleはFloderでの管理とLabelの管理のPro&Consを以下のように述べている。

Actually, Gmail doesn't use folders. To help you organize your mail more effectively, Gmail uses labels instead.
Here's why we think labels are better than folders:

Labels

Folders

A conversation can have more than one label You can only put a message in one folder

A conversation can be in several locations (Inbox, All Mail, Sent Mail, etc.) at once, making it easier to find later You have to remember where you filed a message to retrieve it

You can search conversations by label You can't always do folder-specific searches

実際にLabelを使ってみた。たとえば、毎週行っているテニス仲間BENから、テニスのスケジュールとテニスのTipsが乗っている記事を添付してもらった。
Folderの管理している方なら、もし、Tennis GroupとBENとTennis Tipsの三つのフォルダがあったとします。どのフォルダにも当てはまるので、どこに入れるか迷うところだが、Labelだったら全てつけてしまえばいいということになる。う～ん！便利だ。頭いい。そしてこのLabel機能とGoogleの検索技術を使って、Gmailを検索すれば、探したいメールが必ず、直ぐ見つかるということになる。実際に使ってみたが、流石と感動してしまった。Mailの検索って言えば、Outlookでしか行ったことがなかったため、使えねぇーって思ってたけど。これだけ、ドンピシャで検索してくれるなら、最高である。
実際のLabelの使い方はGmail Helpをみてください。
http://mail.google.com/support/bin/answer.py?answer=6560&topic=13284

２．Multiple Account管理
今では、誰もが少なくとも１つのEmail Accountの時代は終わり、皆さん２つ、３つが当たり前になってきたと思う。ドメインが違ってしまうと避けられなかったことだが、また、Googleがやってくれました。Googleのアカウント１つで、あなたのほかのMail AccountもGmailで送受信できるのです。

送信に関しては、GoogleのSMTPサーバーを使ってどのアカウントでも送信できる（はず）が、受信にかんしては、POPが使えないとできない。HotmailやYahoo!は、FreeMail Accountに関しては、POPが使えない（←いけてないですね。）！！なので自分は、送信だけ設定しました。それと、自分の個人のドメインのメールアカウントはPOPがつかえるので、送受信両方つかってやってみたが、とっても簡単。
３分で設定完了、設定方法は以下を参照
http://mail.google.com/support/bin/answer.py?hl=en&ctx=mail&answer=22370
http://mail.google.com/support/bin/answer.py?hl=en&ctx=mail&answer=21288

3. IMAP & POP
さっき程でも言いましたが、HotmailやYahooはPOPを使えないため自分のPCにMailをDownloadして、Offlineで作業できない。Googleでは、POPが使えるほか、なんと、IMAPも無料で利用できる。
POPとIMAPに関してのは、Wikiを見ていただきたい。
POP: http://en.wikipedia.org/wiki/Post_Office_Protocol
SMTP: http://en.wikipedia.org/wiki/Smtp

こちらの方も設定はいたって簡単、GoogleのページにてMailerごとに画像付でStepByStepで手順が載ってます。
Pop設定方法： http://mail.google.com/support/bin/answer.py?hl=en&ctx=mail&answer=10350
IMAP設定方法： http://mail.google.com/support/bin/answer.py?hl=en&ctx=mail&answer=75725

POPでメール送受信する際は、サーバーにMailを残す設定をし忘れないように。

ほかにもGmailには、たくさんの機能が満載です。Vacation responder、SignatureやForwardingが使える他、My pictureオプションでは、自分の写真を指定できるほか、その写真を他の人にも表示させることができる。また写真を乗せる際、LocalのファイルをUploadできるだけでなく、どこかのWebPageに乗っている写真を使うこともできる。自分も早速、、Victoria's Secretを.....

こなん感じで、Gmailは歴史は浅いが、いまでは間違いなくYahoo！Hotmailより使いやすく、機能も充実している。なによりも、遊び心と、改善を怠らない所がいいですね。
「改善し続けるか、維持し続けるか」 Can you stay at where you are?

少し乗り遅れたが、初ブログ

2007-11-21T10:28:00.000+09:00

う～～ん、すでにブログであふれているので、どうなん？って感じで思って自分もはじめてみました。
うんーーー。・何書こう？　　何か少しMixi始めたみたいだなー。

よし！今回このBloggerってサイトにBlogを乗せてますが、このサイトってGoogleのProjectの一つ？！GmailでSignInできちゃったから、間違いないか。
自分がSiliconValleyに住んでるからか知らないけど、一週間に一回はGoogleの話を聞くなー。すげぇーなGoogleはと思いまして。

そこで、これからしばらくは、GoogleのProject＆App紹介でもしようかな！？

初回の今回は、Google Introduction－－－

１．Google検索
やっぱり基本はここからスタートだよね。独自のAlgorismを使ってWebsiteにランキング付けをして、検索キーワードと合わせたら、、ドンピシャ！！のWebsiteが見つかる。う～ん結構当たり前な感じだけどなーー。Yahooとかは何でできなかったんだろう？？
いまじゃ、このGoogleの技術を使って、Google Desktop,Google Mini,Google Search Appliance、Google Custom Search（Business)と止められない、、

２．次に出たのがGoogle Map！！いやーーこれも新聞とかMediaで取り上げられましたね。なんっていったけ？あのページをRefreshさせずにMapを動かすの。そう、Ajax、JavaとXMLを使った技法。
そして、衛星映像。Google Earth、今じゃ、APIとやらを使って自分のWebにGoogle Mapを装備、Google Map上にあれこれ書き込み、お店の情報、そこから無料GoogleTalkで電話、いやーー想像できることをすべてやろうとしてるね。

３．Gmail－
もうここら辺まできたら、Googleは本当に止められない。
当時２G?だったけという膨大な容量を提供しYahoo！AOLとかHotmailを圧倒させましたね。いまじゃ、増え続けるMail容量、どこまでいくんだよ！！いらねーーよ、そんなに。って言ってったら、どっかの誰かがFirefoxのAddonでGoogleのスペースを使ってOnlineFile置き場にできるもを作ってるしーー。

４．そしてあのYoutubeだね。どんだけ金持ってんだよ！！！設立して２年足らずのWeb SiteがBillionnnnnnで！！出しすぎだよ！！って思いましたけど。でも、なかなか利口だね。一気にMediaの注目世界中がびっくり、この時は、毎日どこかの記事で取り上げられてたね。

もう、暴走気味のGoogle。マジでマジでどうしたら、こんなにいろんなのを出せるの？？？しつこいけど本当マジで！！
ざっと並べてみても、
GoogleのGmailでCalender、Google Doc、iGoogle、Google Analysis、Google Transit、GOOG-411、Google Reader, Google Scholar,Google SmS、いやーーすごすぎ、まだまだあるね
Google Trends, Google Mars Google Page Creator, Google Web Accelerator、Google　Ride Finder, Google Suggest, Google Sets。

はぁーー疲れてきたな。最近じゃ、違うドメインのWebAccountでもいろんなのにSign Inできたり、さらには、違うドメインでGoogle のメールサーバが使えるGoogle Appsなんて。。。。もうどこまでMarketを広げる気？？

もう初回なのでこれぐらいにして、次回からは、一個一個のProjectを詳しく紹介したいと思います。
それでは、お楽しみにーー

Labels	Folders
A conversation can have more than one label	You can only put a message in one folder
A conversation can be in several locations (Inbox, All Mail, Sent Mail, etc.) at once, making it easier to find later	You have to remember where you filed a message to retrieve it
You can search conversations by label	You can't always do folder-specific searches