使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。

順不同です。

Blueprint

CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。

Blueprint

Sass

まだ触っていませんが、好評っぽいのでメモ。Railsみたいですが、CSSジェネレータ的な使い方もあるとの事でかなり気になる存在。Compassというのを一緒に使うのも良さそう。

Sass

Prototyping

マガジンスタイルを960pxのグリッドシステムで構築出来るHTML/CSSフレームワークです。こういうのいくつか欲しい。

Prototyping

52framework

HTML5とcss3のフレームワークです。勉強になりそう。

52framework

960 Grid System

本当に便利で手放せません。ジェネレーターがあるので好みのレイアウトを組めるのは本当に嬉しいです。

960 Grid System

The Golden Grid

美しいグリッドのレイアウトを組んでいるcssフレームワーク。上記はデモ3です。複数カラムはマガジンスタイルに向いてそうですね。

The Golden Grid

Less Framework

iPhoneにも対応したcssフレームワークです。最初からiPhoneにも対応したサイトの構築を考えるならこれが役に立ちそうですね。

Less Framework

YAML

cssフレームワークです。マルチカラムレイアウトの構築に向いています。

YAML

Simpl.css

個人的に好みのフレームワークです。シンプルで美しいレイアウトを組めるように設計されています。

Simpl.css

iui

iPhoneにしたのも最近なので知ったのも最近です・・iPhone用サイトを作るためのcss/jsフレームワーク。

iui

CakePHP

今更触り始めました。全然使いこなせて無いですけどぼちぼちいじってみようと思います。

CakePHP

Croogo

先ほどのCakePHPをベースに作られたCMSです。フレームワークとしての位置づけでは無いかもですが、良さそうならCMS構築のフレームワークとして使おうと思っています。

Croogo

SENCHA

以前記事書きました。iPhoneなどのWebアプリをHTMLとJSで作れるモバイルアプリのフレームワーク。

SENCHA

WordPress Theme Frameworks

WP本家でおすすめしてるっぽいテーマフレームワークのまとめです。Sandboxとかの有名どころなどなど。個人的にはThematicがお勧め。

WordPress Theme Frameworks

Symfony

PHPフレームワークです。MITライセンスなのが嬉しいですね。日本語の情報もあるので使いやすいのでは。
※リンク先が不適切でした。申し訳有りません。キャプチャも差し替えました。

Symfony

960 Base Theme

パートナーシップを結んでいるバニレートさんの記事で知りました。これ使うとサクッと綺麗にテーマ組めますよ。

960 Base Theme

SproutCore

MobileMeにも使用されているフレームワークらしいです。HTML5用のJSライブラリ。UIを重要視するならこれがいいかも。まだ試していません。

SproutCore

以上、個人的に使いそうなhレームワークのまとめでした。多いとは思いますが、1つのフレームワークを使っていると似たようなデザインのサイトばかりになりそうで怖いので複数用意するようにしています。

フレームワークは数多に存在しますし、相性もあると思うので、使いやすいものを探してみてはいかがでしょうか。

この記事と合わせて読まれてる記事:

1. 5つ星★★★★★のWordPressテーマを集めたTopWPGallery.com
2. ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ
3. WPで作られた国内のサイト専門ギャラリー・WPデザインギャラリーを作りました

という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。

で、Sencha Touchってどういうもんなの？という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。

SENCHA

かなり素敵なフレームワークでしたよ。HTML5っていうのがいいですね。含まれているサンプルを以下に簡単にご紹介します。サンプルの説明は動作の説明になります。

尚、含まれているファイルは画像ファイルとHTMLファイルとjsファイルのみですのでローカルサーバー等が無くてもサンプルを見る事が出来ますよ。

キャプチャは全てPCブラウザでのものですが、ご了承下さい。あと、僕はiPhoneしかないので、iPhone目線でご紹介しますのであわせてご了承願います。

アニメーションサンプル

フリップやタップをした際のエフェクトのサンプルを確認出来ます。フェードやフリップ（ひっくり返る）、スライドなど。

フォームサンプル

フォームサンプル。マウスのドラッグで縦のフリックも体感できます。

リストサンプル

リストのUIサンプル。iPhone同様、フリックも、A～Zのタップによる頭出しも可能です。

アイコンサンプル

よく使われているアイコンのサンプルです。

ツールバーサンプル

ツールバーに表示されるボタンなどのサンプルです。

カルーセルサンプル

カルーセル。iPhoneのTOP画面などでも使われていますね。マウスでフリック可能です。

タブサンプル

タブのサンプルです。Webアプリでは重宝しそうな予感。

ボタンタブサンプル

ボタンタブのサンプルです。数字はダミーです。タップ（PCならクリック）でスライドしながら切り替わります。

マップサンプル

マップの表示サンプルです。地図系アプリでは必須ですよね。

オーバーレイサンプル

ライトボックス的なもの。呼び出されるボックス内もフリック出来るようになっています。

ドラッグドロップサンプル

ドラッグ&ドロップのサンプルです。使い勝手多そうですね。

ソートサンプル

ソートのサンプルです。ドラッグ&ドロップでアイテムの移動が可能です。

GEOサンプル

位置情報の取得のサンプルです。

実装サンプル・ブログやFlickr

実際に実装したサンプルです。デザインはされていませんが、ブログやFlickr、天気予報等をタブ分けして実装しています。

実装サンプル・kiva

kivaのサイトを実際に実装しているサンプルです。フリックで下に移動できますよ。

実装サンプル・ソリティア

ソリティアのサンプルです。実際にゲーム可能ですよ。ソース見て驚きました。これだけでiPhoneでも実装出来るんですね・・

実装サンプル・Twitter

TwitterのユーザーのPostを実際に表示させています。

これら全てがHTMLとJSのみで構築されています。何か作ってみたくなりますねー。素敵なフレームワークだなぁ・・

ライセンスはGPLです。Ajaxアプリケーションを構築するためのJSライブラリ、ExtJSがSenchaに社名変更してからリリースしたHTML5とjsによるモバイル用Webアプリケーションのフレームワーク、「Sencha Touch」は以下よりDL可能です。

Sencha Touch

この記事と合わせて読まれてる記事:

1. 個人的に使いそうなPHP、CSS、HTML等のフレームワーク17個
2. 最近知ったフリーのHTML5テンプレート6個

既出のCMSばかりですが、個人的も一度まとめておきたいのでメモも兼ねて。

Diggクローン

海外でもかなりの人気ソーシャルサイト、Diggのようにユーザーが投稿、Vote（投票）を行えるCMSです。以前SEOカスタマイズ法も書いたので宜しければ合わせてご覧下さい。Pliggが相性悪いなと思うようならPHPDugもいいかも。

Pligg / デモ

Deliciousクローン

ソーシャルブックマークサイトとして有名なサイトがDeliciousです。タグを付けてWebサイトへのリンクを簡単に追加、共有できるオーップンソースのCMSがscuttleです。僕もこのドメインで使っています。scuttleはDeliciousやはてなブックマークから移行出来るのが特徴でも有ります。他にもsabros.usなんてのもあります。

scuttle / デモはありません

tumblrクローン

海外サービスですが、日本の方にも人気のtumblrのクローンCMSがgelatoです。PHP+MySQLで動くオープンソースのミニブログエンジン。僕もまだ未経験なので使ってみたいCMSです。

※わけの分からない日本語を一部修正しました

gelato / デモはありません

Youtubeクローン

もはや知らない人は珍しい、動画共有サービスのYoutube。この動画共有を可能にするオープンソースのCMSがClipBucketです。これはぜひデモをご覧頂きたい。あまりにもYoutubeに似ているので驚きました。他にもosTubeなんてのもあります。

ClipBucket / デモ

Googleアナリティクスクローン

アクセス解析ではおそらくシェアNO.1のGoogleアナリティクス。そのクローンCMSがPiwikです。国内のアクセス解析、リサーチアルチザンもオープンソース化しましたが、Piwikは日本語も対応しており、ヒートマップ機能も追加可能ですのでお好みでご利用になると良いかもしれません。

Piwik / デモ

Redditクローン

Redditも有名なソーシャルVoteサイトです。Diggと似ていますが、投票数によって投稿されたコンテンツが上下します。そんなRedditのクローンはDrupalのモジュールのVote Up/Downを使うことでそっくりのサイトを作れそうです。キャプチャはRedditを使っています。

Vote Up/Down / デモはありません

Twitterクローン

ブームのTwitterには多くのCMSが存在します。既にクローンを使ってミニブログを構築しているサイトもチラホラ見かけます。数は豊富なので相性の良いCMSを使って実装してみてはいかがでしょう。他にも沢山あるのですが、とりあえず以下にいくつかまとめておきます。

Laconica

Laconica / デモ

Jaiku

Jaiku / デモ

Echowaves

Echowaves / デモ

Jisko

Jisko / >デモ

Floopo

Floopo / デモ

まだまだクローンと呼ばれるCMSは有料のものからオープンソースまで沢山あります。興味のある方は探してみては如何でしょう。

この記事と合わせて読まれてる記事:

1. 14文字までちゅぶやける、ちゅいったー
2. Twitterを使って出来る事、総まとめ

Firefox5周年です。時によっては別ブラウザを利用してはいますが、Firefoxが一応は中心になっています。１ユーザーとしてForefoxの5周年は嬉しい事なのでその動画を訳を加えてご紹介します。

まだ5年なんですね・・・そうは思えないくらい人気のブラウザFirefoxの5週年動画がクリエイティブで素敵です。

Five years of Firefox

意訳しました。たぶん誤訳もあります。細かい事はいいんです。

2004年までインターネットは、シェア、コネクション、、コラボレーション、eラーニングなどの日常的な場になっていますが、その一方でウイルスやスパイウェア、アドウェア、ポップアップなども蔓延しています。Firefoxにはより快適且つセキュアな環境で楽しみたいというユーザーの願いが届けられています。

Firefoxはデザイナー同士のシェア、カスタマイズなどを何時、誰でも出来るようなオープンなシステムを作っています。Webは更にワールドワイドになり、人々の興味も広がっていく中でWebがエキサイティングな場所にする為にネットユーザーの皆さんが作りました。10億以上のDLの後も技術は衰えず、Firefoxは多くのユーザーに影響を与え、コネクト、共有などを独自の方法でサポートしています。この5年でかなり遠くまで来ました（成長したと言う意味で）。Webを健全でオープンで安全な場所にしていきましょう。
　　　　　　　　～Firefoxと共に世界を照らそう～

今後もお世話になります。Happy Birthday、Firefox！！

Firefox / Five years of Firefox

この記事と合わせて読まれてる記事:

1. オンライン画像編集ツールPixlrのFirefoxアドオンが地味に便利
2. あなたのFireFoxのタブをカスタムする９つのアドオン
3. Google Chrome使い始めたけどFirefoxにはコレがあるから完全に移行出来ないっていうアドオンまとめ

Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp（Photoshop代替ソフト）とInkscape（Illustrator代替ソフト）で様子見をしてみてはいかがでしょう。

使い方や実践チュートリアルを丁寧に説明してくれるサイトをご紹介します。「これなら触ってみよう」という気になれるかと思います。沢山あげられると選べずに萎えるので1，2サイトに絞りました。両ソフトのダウンロードもリンク先で出来ます。

Gimp

プロも使ってるといわれるGimp。Webデザインをこれから始めようと思ってもなかなかとっつき難いかもしれません。ですので扉となってくれそうなサイトをご紹介します。

GIMP初めの一歩

GIMP初めの一歩というサイトはかなり分かりやすく、サイト自体もかなり見やすいのでイチオシ（死語）です。インストール方法から基本操作、ツールの使い方、Photoshopブラシやフォントの追加方法、実践操作（テキストに枠をつける、影を付ける等）は動画で説明してくれます。

ここからスタートするのが一番いいかなと思います。ある程度慣れたら以下のサイトも見てみるとモチベーションも上がるかも知れません。どうしても困ったらGIMPQ＆A掲示板へGOです。

• 今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ
• ブログが作りたい！　GIMPとは？
• GIMP思い込みチュートリアル
• 無料レタッチツール「GIMP」を使いこなす最強リンク集
• GIMPでPhotoshopのブラシ・プラグイン、レイヤースタイル、CMYKを使用できるようにする方法
• VimeoのGimp動画チュートリアル10動画

Inkscape

InkscapeはGimpほど情報が多くありません。高機能ではありますが、IllustratorよりもPhotoshopの方が情報が多いのと同様に、InkscapeもGimpより情報量は劣ります。所謂お絵かきソフトなので操作はGimp（Photoshop）ほど難しくなく、操作には慣れやすいかもしれません。

Inkscape@JPとインクスケープの使い方・基礎講座

Inkscape@JPは基本からトラブル時の対応まで説明してくれているサイトです。画像を使って説明してくれている訳ではないのですが、基本操作はここが一番良さそうだと思いました。

ただ、やはり専門用語が多いと始める前に萎えてしまうのでインクスケープの使い方・基礎講座というサイトと合わせてご覧頂くと良さそうです。

基本操作から分かりやすく説明してくれます。
この2つのサイトがスタートページとしては最適に感じました。慣れたら以下もぜひお試し下さい。

• Inkscapeｒ
• 実際にInkscapeで絵を描いてみよう!!
• 35のInkscapeを使ったベクターグラフィックスのチュートリアル
• inkscape動画　by Vimeo

誰かに教えなきゃいけない、なんて場合も「このサイト見てみて」で済むくらい分かりやすいと思います。

GimpやInkscapeを使い始めたいと思ったときにいいサイトを見つけるのも面倒で一時期放置していた経験があるので同じような状況の方にお勧めしたいサイトをご紹介させて頂きました。出来ることが多くなればデザインは凄く楽しいです。ぜひお試し下さい。

この記事と合わせて読まれてる記事:

1. 夏を感じるフリーのPhotoshopブラシ・まとめ
2. フリーで配布されているPhotoshopのパターンいろいろ
3. Webデザイン事始め其の弐・テキストに枠と影を付ける作業でGimpの操作に慣れる

高機能ではありませんが、軽量で手軽に使えそうです。PHP4以上で動作。
以下にインストール方法を載せておきます。

singaporeインストール

1. singaporeをDL、解凍
2. ファイルをアップロード
3. CSVファイルのDB作成
4. ※サーバーによってはパーミッション変更が必要かも。

CSVファイルがDBに

singaporeはCSVファイルをDBとして構築されます。解凍したファイルをアップロードしたら/install/にアクセスし、下画面の手順で進めてください。

Install　singaporeをクリック

NEXTをクリック

Finishで完了です。

ログインして画像をアップロードし、ギャラリーを作成します。初期設定では

login:admin
pass:password

となっていますのでログイン後にパスワードを変更してください。

日本語にする

デフォルトでは英語になっています。テンプレート（テーマ）は選択可能で言語をTOPページでユーザーが選択可能になっていますが、管理画面は英語で、環境によっては文字化けすると思います。管理画面を日本語化するには同梱ファイルのsingapore.iniを編集し、再アップロードしてください。
僕は以下のように変更しました。

32行目：default_language = “ja”
228行目：default_charset = “utf-8″

タイトル設定で文字化けしていたのが解消しました。スキンは既存のテーマを編集したり、コピーして別のテーマを作成するのも良いかと思います。まだ入れてないので分かりませんがテーマっぽいファイルをDL出来るようです。違ってたらごめんなさい。以下のようにRSSも配信可能です。

画像の設定項目

上画像のように登録した写真に様々な設定が可能です。設定項目は以下の通り。

• 画像名
• アーティスト名
• メールアドレス
• 撮影場所
• 撮影日
• 著作権
• 説明
• カメラ
• レンズ
• フィルム
• 暗室処理
• 電子暗室処理

インストールしたのでデモとしてご覧下さい。
※いつまで残すか分かりません。

雑感

リリースされたのはかなり前のようですね。MySQLなどのDBが不要、日本語ファイルがすでに用意されているというのがよかったです。まださほど触っていませんが、良さそうなら使ってみようかなと思いました。フォーラムもそこそこ充実してるようでしたのでわからない事があれば見てみてはいかがでしょう。

この記事と合わせて読まれてる記事:

1. ローカル環境にPliggをインストールする手順

気になっている国産のオープンソースCMSです。EC-CUBEやOpenPNEは割愛します。

pWebManager

今あるページにはめ込む形のCMS。数ページで作られているような中小企業にピッタリとの事。管理画面も見やすかったです。

主な機能や特徴

• WYSIWYG エディタ
• 画像の自動的リサイズ
• 簡易施設予約 機能
• バナー管理
• PHP-4.3.0 以降 (ただし PHP-5.x.x には非対応)
• PostgreSQL または MySQL (4.1.x 以降)
• GPLライセンス
• デモあり
• フォーラムあり

pWebManager

SOY CMS

おそらく国産では最も有名なオープンソースのCMS。ソースコード公開義務の無い有償版もあります。一度だけ触った事がありましたがかなり使いやすい印象でした。

機能や特徴

• blog数無制限制作可
• ダイナミック編集機能
• プラグイン対応
• WYSIWYGエディタ
• GPLライセンス（無償版の場合）
• mod_rewirteが有効なサーバーが必要
• .htaccessでRewrite設定が行える事が条件
• PHP 5.2.0以降
• SQLiteかMySQL

SOY CMS

NetCommons

CMSとLMSとグループウェアを統合したコミュニティウェア。SNSやバーチャルオフィスの構築も可能。同窓会サイトや教育機関のWebサイト構築に最適のようです。

機能や特徴

※ご指摘頂き、加筆修正しました。申し訳有りませんでした。。

• メルマガの配信
• 非公開のコミュニティの作成（SNS）
• 共同研究（プロジェクトのシェア）
• ＰＣ・携帯同時対応
• WYSIWIGエディタ
• PHP4.3.9 以降
• MySQL 3.23 以降
• GPLライセンス
• FreeBSDライセンス(ご指摘有難う御座います。)
• フォーラムあり

NetCommons

bingo!CMS core

ドラッグ&ドロップでホームページが簡単に制作できるツール。かなり高機能だけどオープンソース版は機能の7~8割ほどを削られているようです。。。体感して機能は不十分でも何かに使えるかも。

機能や特徴

• 有償版との機能比較を参照

bingo!CMS core

Magic3

かなりの可能性を秘めたCMS。Eコマース、掲示板、wiki、ブログや業務処理機能なども追加できる様に設計されているようです。国産Xoopsみたいなものかな？もっと評価されても良さそうな気もしますが、何か理由があるのかな。

機能や特徴

• Joomlaのテンプレートが利用可能
• 汎用予約業務
• EC
• ブログ
• 掲示板
• Wiki
• GPLライセンス
• PHPが動く環境
• MySQL5かPostgreSQL

Magic3

AD-EDIT2

沖縄県産オープンソースCMS。携帯に対応してるのが大きな特徴でしょうか。携帯からの出力も可能。

機能や特徴

サイトから引用

• ＰＣ　/　携帯同時出力
• WYSIWYGエディタ
• 画像アップロード、自動縮小機能(要ImageMagick)
• コンテンツ別ユーザー権限設定
• コメント機能対応(ブログとして設置可)
• GoogleMap構築機能（ＰＣ/携帯 同時構築）
• メールフォーム構築機能（ＰＣ/携帯 同時構築）
• メニュー編集機能（ＰＣ/携帯 独立構築）
• XHTML＋CSSによるスキン編集機能
• QRコード作成構築機能
• サブディレクトリ内構築可
• らくらくインストールCGI付き
• 管理画面によるアップデート機能
• MITライセンス
• UTF-8には未対応
• RSSが配信できない
• perl5.8 以上を実装し、CGIが利用できる事が条件
• SSI(ServerSideInclude)が利用できること（出来れば）
• デモあり

AD-EDIT2

Magic3は存在は知っていましたが、こんな多機能だとは思いませんでした。少し触ってみようかな。AD-EDIT2もよさ気。まずはローカル環境で構築してみる事にします。

この記事と合わせて読まれてる記事:

1. オープンソースのＣＭＳを２４個まとめた
2. オープンソースのCMS、MODx日本語を導入してみた

そんな便利なヒートマップですが、多くは有料のサービスで以前は
無料版もあった有名なCrazy EggもＡｌｌ有料に
なってしまったので無料で使用出来るヒートマップのサービスや
ソフトウェアを７つご紹介します。

ClickHeat

個人的には一番使いやすい印象でした。インストール型ですが、
インストールも簡単で日本語化されています。GPLで配布される
オープンソースのアクセス解析ソフトで、PHP、MySQLで動きます。

使用法

ClickHeatをDLして解凍、フォルダごとアップロードします。フォルダ名はClickHeatとします。

http://example.com/ClickHeat/にアクセスすると以下の画面が現れますので進んでください。

ログイン名とパスワード、他の利用者がいれば一緒に入力。
設定内容も任意で変更してください。

あとは発行されるソースを導入して完了です。

Google アナリティクス

ヒートマップでは有りませんが、Googleアナリティクスでサイトにあるリンクの
クリック率を見る事が出来ます。ヒートマップじゃない！とか細かい事抜き。

使用法

コンテンツ サマリーの右下にクリックパターンとあるので、サイト上のデータ表示を
クリックします。

するとサイトのリンク脇にパーセンテージが表示されます。手軽でいいですね。

この辺の詳しい使い方はいずれカグア！さんあたり書いてくれると期待。

Piwikのプラグイン・phpMyVisites

こちらもオープンソースのアクセス解析ソフト。次期Googleアナリティクスと名高い
解析ソフトです。試していませんが、日本語ファイルも同梱されているみたい。
そのプラグインにヒートマップがあります。それがphpMyVisites。

インストール手順

僕は試していませんが、画像付きで詳しく説明していますのでご覧下さい。

ClickTale

オンラインのヒートマップサービスClickTaleは400PVまではフリーですので、
ちょっと試したい方などにお勧めです。ヒートマップの保存期間は30日です。

WPプラグイン・Heatmap

僕が導入しているのがこのHeatMapプラグインです。インストールや
使い方は以前書いたのでご参照下さい。
このプラグインは日ごと、ページごとに画像をキャッシュするのでいずれ
キャッシュを消さないとダメな事もあるかもしれませんけど、手軽でお勧め。

WP-Clickmap

病的溺愛シンドロームさんで知ったWPプラグイン。先程のプラグインよりも
詳しく知る事が出来るようです。こっちの方がいいかもしれない。。。
導入法はリンク先でご覧下さい。基本的にアップロード→有効化でOKです。

The definitive heatmap

MITライセンスのThe definitive heatmap。Rubyで画像生成して、JavaScriptで
オーバーレイみたいに、サイトの画面に重ね合わせる事でヒートマップを作成
するようです。サーバはApacheモジュールのmod_imapを使用しているとの事。
多分。（via:delicious）

以上、７つのヒートマップサービスやソフトのご紹介でした。ヒートマップに
関しては色々と意見もあるようです（プライバシー的な）が、直接会う事の少ない
Web上ではデザインやレイアウト的なニーズを知る上でもお互いにメリットのある
技術だと思います。

補足ですが、ソフトをインストールする場合は、管理画面等に
.htaccessやrobots.txt、meta等を使ってクロールやインデックスを
させないように施す事をお忘れなく。。。リンクしない、sitemap.xmlに
記述しないように気をつけてください。

この記事と合わせて読まれてる記事:

1. 9月のアクセス解析を晒します・アクセス数は成果ではなく資料

僕はセカンドＰＣにミニノートを使っているのですが、容量が多くは無いので、
極力ソフトウェアのインストールを控えていましたが、これで色々解決しそうです。
以前、USBメモリに入れて持ち歩ける「ポータブルアプリ」 ベスト15という記事が話題に
なりました。こちらの記事と重複するアプリケーションもありますが、ご了承下さい。
また、全てを確認したわけではありません。重ねてご了承願います。
備忘録、メモとして記事にしていますので単なる転載記事になってます。

ブラウザ

ブラウザもポータル化の時代なんですね。

Firefox Portable Edition

ブックマークも持ち運び可能。

Firefox Portable Edition

Google Chrome Portable

Google Chrome利用者も増えてるようですし。

Google Chrome Portable

OperaUSB

OperaをUSBで持ち運び。

OperaUSB

テキストエディタ

テキストエディタもUSBで持ち運ぶ。

Notepad++

C++やHTML、cssその他に対応。

Notepad++

Web Design Toy

ビューを分割することが可能で、瞬時にプレビューが出力されます。

Web Design Toy

Oiko Visual CSS editor

持ち運び可能なcss専用エディタ。

Oiko Visual CSS editor

KompoZer Portable

高機能っぽいエディタ。Web上での表示の確認が出来るっぽい。

KompoZer Portable

画像編集ソフト

僕の大好きな加工ソフトも持ち運び！

GIMP Portable

言わずと知れたPhotoShopの代替ソフト、GIMP様を携帯できる！

GIMP Portable

Inkscape Portable

Illustratorの代替ソフト、Inkscape様も携帯できる！

Inkscape Portable

Fotografix

簡単な画像編集が可能です。jTrimみたいなもんかな？

Fotografix

Artweaver

ArtweaverもPhotoShopの代替ソフトでこれも持ち運び出来るようです。

Artweaver

FastStone Image Viewer Portable

画像ビューワ、エディタ、コンバータ。

FastStone Image Viewer Portable

FTPクライアント

外出先でもアップロード。

FileZilla Portable

海外では一番人気のFTPとの事。そのクライアントが持ち運びできる。

FileZilla Portable

WinSCP Portable

Windows用のポータブルFTPクライアント。オープンソース。

WinSCP Portable

Webサービス

いろいろ。

XAMPP Portable

開発者さんが大好きなXAMPP。Apache、MySQL、PHP、Perlが1つにパック。

XAMPP Portable

Server2Go

PHP、MySQL、Apache、Perlが含まれている無料のサーバーパッケージ。

Server2Go

HTTP File Server

Web上にアップロードしたりWeb上からダウンロードしたりするソフトとの事。

HTTP File Server

ドキュメント

オフィス＆ドキュメントツールを持ち運び。

Foxit Reader

Adobeよりも早くPDFを閲覧できるソフト。のポータブルタイプ。

Foxit Reader

OpenOffice Portable

エクセルやワード、パワポの代替ソフトをパッケージ。

OpenOffice Portable

AbiWord Portable

超軽量（12MB）のワード代替ソフト。閲覧編集可能です。

AbiWord Portable

Thunderbird Portable Edition

メールクライアント。メールとアドレス帳を持ち運び！

Thunderbird Portable Edition

メモ帳

テキストエディタの事ではなく、TODOツールとかの「メモをする」ツール。

MemPad

主にログイン時のパスワード等を管理するツール。保存したメモは
暗号化されるので安全に様々なパスワードを管理する事が出来るようです。

MemPad

TiddlyWiki

貴方専用のWikiツール。編集してタグをつけて後で検索できるように
するノートツールです。分かったような分からないような・・

TiddlyWiki

ToDoList

USBで携帯可能なタスク管理ツール。

ToDoList

同期とバックアップツール

大事なデータを携帯して管理。

Toucan

データをファイル同期およびバックアップするユーティリティ。

Toucan

FreeFileSync

ファイルの比較、同期を一括処理してくれるオープンソースソフト。

FreeFileSync

ユーティリティソフト

KeePass Password Safe Portable

オープンソースのパスワード管理ツール。これ系を持ち運べるのは需要あるでしょうね。

KeePass Password Safe Portable

7-Zip Portable

無料のファイル圧縮と抽出ツール。対応拡張子はリンク先に書いてあります。

7-Zip Portable

Font Matcher

よく分からないですけど、ビットマップとTTFを比べて、パーセンテージを表示、
文字のビットマップを取得するツールって書いてあるっぽい。
英語力が無いのが響きました・・・

Font Matcher

IcoFX

アイコンを作成できるツール。

IcoFX

PicPick

デザイナーの為のソフト。パレットやキャプチャ機能などなどのあるツールを携帯。

PicPick

VirtuaWin

Windowsのための仮想デスクトップマネージャだそう。よく分からないけど、
「FAQをよく読んで！」って書いてあります。

VirtuaWin

以上、32のUSBで携帯できるアプリケーションでした。FireFoxの日本語化も出来るようです。

ソフトの持ち運びって面倒そうですけど、いざやってみると凄く便利ですよ。
出先でも普段の環境で作業出来ます。出張とかネットカフェとか。
ブラウザ、エクセルとワード、FTPクライアントとメールクライアント、
それに加えてパスワード管理ツールがあれば大抵は事足りそう。

記事中に何度も出てくるPortableApps.comというサイトは持ち運び可能なアプリケーションを
ストックしてるWebサービスです。他のアプリケーションも探してみては如何でしょうか？
記事元は以下。

32 Useful Portable Apps For Web Designers and Developers

この記事と合わせて読まれてる記事:

1. Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト
2. 貧乏な僕が心から「お前に出会えて良かった・・・」と思える11のフリーソフト
3. まだある！便利なGoogleChromeエクステンション9選

WordPressが嫌、という方にオススメするCMSです。
記事元はそうは言っていませんが、なんとなくニュアンス的にそう取った。
オープンソースのインストール型中心ですが、そうでない場合も。

Frog CMS

凄くシンプルなCMSで使いやすそうです。小中規模の
ポートレートサイトにもよさ気。

Frog CMS
demo
ID:admin
Pass:demo123

管理画面

管理画面もシンプル。管理画面はCMSを選ぶ最重要項目ですね。

ocPortal

色々な機能があるPHPベースのオープンソースCMS。

ocPortal
demo
ID:admin
Pass:demo

管理画面

エラーで入れませんでした。エラーが出る場合は自動リセット
されているから少し待ってから試して欲しいとありますが、
入れなかったので割愛。

Jojo CMS

こちらもPHPベースのオープンソースCMS。
ぜひとも荒木先生に使って頂きたいィィィィ。ウリィィィィ！（分からない場合はスルーで

Jojo CMS
demo
ID:admin
Pass:password

管理画面

管理画面もなかなか悪く無さそうだぜ。やれやれだぜ。

Cushy CMS

インストール型ではないようなので割愛します。ご興味あるなら以下よりどうぞ。

Cushy CMS

CMS Made Simple

ちょっとWordPressっぽい気がしなくも無いCMS。気に入りました。

CMS Made Simple
demo
ID:admin
Pass:demo123

管理画面

管理画面も見やすいです。後でローカルサーバーで試してみたい。

dot CMS

GPLライセンスで提供されるオープンソースのCMS。これも良さそう。

dot CMS
demo
ID:test@dotcms.org
Pass:test

管理画面

僕には若干分かりにくかった。。。

MemHT Portal

PHPで出来たCMS＆ブログエンジン。ですが、なんとなくブログを推してる感。
デモが見当たりませんでした・・・どこかにあるのかな？

MemHT Portal

Symphony

PHP5以上、MySQL4以上で動くオープンソースのCMS。ライセンスはMITです。
エクステンション（拡張機能）も用意されてた。デモは見当たりません。。。
ちょっと興味あるなぁ。

Symphony

sNews

やはりPHP＆MySQLで動くオープンソースのCMS。
マルチユーザーのCMSかな？ライセンスはパブリックドメイン。
デモは無さそう。

sNews

Habari Project

次世代ブログエンジン。管理画面がiGoogleのように動かせる。
ブログそのものは凄く見やすい印象です。
ライセンスがApache Licenseというものらしいのですが僕は初耳です。

Habari Project
demo
ID:demo
Pass:demo

管理画面

コンテンツごとに動かせる。

Silver Stripe

ビジネスサイト向けのオープンソースCMS。ネットショップコンテンツも
作成できるっぽい。

Silver Stripe
demo
ID:admin
Pass:password

管理画面

ちょっと分かりにくいかな。。。

Drupal

日本でも定番のCMS。リンクは日本のDrupalにしておきました。

Drupal
demo
ID:admin
Pass:demo

管理画面

人気になるのは管理画面も見やすい。

Joomla

これも定番。人気のオープンソースCMSです。日本語も充実してます。
ちょうど昨日にJoomlaのテーマやエクステンション総まとめという
記事をエントリーしましたので宜しければあわせてどうぞ。

Joomla
demo
ID:admin
Pass:demo

管理画面

Joomlaもいいですよねー。

13 Free Content Management Systems other than Wordpress

この記事と合わせて読まれてる記事:

1. Joomlaのテーマやエクステンション総まとめ
2. DB不要のイメージギャラリーオープンソースCMS・singapore
3. 新しくリリースされたフリーのWordPressテーマSimple Organizationが凄く気にいった