ネットに繋がっているときだけ「使える」サービス一覧。オフラインでは使えません。頻繁に利用しているものほど上に追加されます。

• 駅前探索倶楽部（駅探）
  • まいどおなじみ、路線検索サイト。条件検索やプレーンテキスト表示も可能。周辺地図の表示はイマイチ。
• 駐輪場ならchu-rin.jp
  • 都内・県内の駐輪場の情報を集めているサイト。詳しい利用料金、屋根の有無、原付可などの情報がある。

• マップピン
  • 相手に場所をピンポイントで教える。送信方法はメール、QRコードなど。
• Geocoding
  • 住所をGoogle Maps/Google Earth形式の緯度、経度に変換してくれる。ピンポイントの場所を伝えるのに便利。
• GPS Visualizer
  • 住所を緯度・経度の数値に変換してくれる。複数の住所を同時に変換できるバッチコンバーターも利用可能。

• Frame Box
  • 作成したワイヤフレームをすぐに共有できる。
• Mockingbird
  • ネットで編集してネットで保存可能、PDFなどに書き出し可能。また、プロジェクトごとにファイルを管理できる。※2010年8月より有料化
• 10 Free Wireframing Tools for Designers

• COLOURlovers
  • カラーパレットのポータルサイト。有名サイトのパレットや人気のパレットを紹介。
• kuler
  • Adobeが提供しているカラーパレットのポータル。画像からパレットを作成することができる。
• Color Scheme Designer
  • レイアウトを意識した配色をしてくれるカラーパレット。16進数もデフォルトで表示。
• The Ultimate List Of Online Color Tools For Web Developers
  • 要整理。
• 30+ Very Useful Color Tools For Designers
  • 要整理。一部ソフトウェアも掲載されています。
• 国産限定・カラー選定、配色支援などに役立ちそうなカラーツールいろいろ
  • 和風っぽい色彩を探しているときに使えそうなツール。発信元は全部国内のサイト。

• Designers Toolbox
  • ブラウザPSDテンプレートや、紙媒体の大きさ、HTMLのASCIIコードも揃えてあるサイト。

1. randomtext ...lorem ipsum and gibberish dummy text generator
   • p, ul, ol, h1~h4に対応したダミーテキストを生成してくれるジェネレータ。
2. Lorem Ipsum Generator
   • lorem ipsumダミーテキストの段落数、文章の長さを指定可能なジェネレータ。

• PXtoEM PX to EM conversion made simple.
  • bodyのフォントサイズ基準値から、何emに設定したらいいかを計算してくれる。
• Nth-Child Visual Calculator
  • jQueryやCSS3のnth-childの処理をシミュレーションしてくれる。

• Please Critique Me
  • オンラインの師匠達があなたのデザインを評価してくれます。

• pixer.us
  • シングルレイヤー、取り消しは一歩手前のステップまでできる。単一ウィンドウインターフェース、主に写真修正用。
• Favicon Editor
  • 画像をアップロードするだけで、faviconを生成するサイト。画面上で自分で作ることもできる。
• Sprite Creator 1.0
  • CSS Sprite画像をアップロードしたあと、座標を選択するだけでCSSのソースコードをリアルタイム出力してくれる。
• Dynamic Dummy Image Generator
  • グレー背景のダミー画像を生成してくれる。前景には320×240などのテキストが表示される。

• Shrink Pictures
  • バッチで画像リサイズしてくれるサイト。サイズは760px,600px,350px,100px又は既定のパーセンテージで指定可能。一枚ずつしかアップロードできないのが欠点。

• フリーでPhotoshop並･･･いやそれ以上のオンラインアプリ集まとめ
  • 要整理。

• ドットインストール
  • IDEA＊IDEAの田口氏が立ち上げた初心者向けプログラミング・チュートリアルサイト
• Learn Python
  • インタラクティブなコーディング画面付き。

1. Kodingen
   • ソースコード編集と画像編集の機能を備えた統合開発エディタ環境。
2. EditArea
   • オープンソースソフトウェアで提供されているオンラインエディタ。オンラインエディタに必要とされるほとんどの機能を実装しているほか、自分のサーバにデプロイして利用できる。
3. Bespin
   • Mozilla Labsで開発されているオンラインエディタ。エディタとしての機能やコラボレーション機能も備える。エディタ部分のみを切り出して組み込んで利用することも可能。

1. dabblet
   • その場でCSSのテストができるサービス。githubアカウントを持っていれば利用できる。
2. jsFiddle
   • その場でJSとHTMLのテストができる。jQuery、mootoolsなどのライブラリも指定可能。
3. PHPAnywhere
   • オンラインでPHP開発ができるエディタ。基本的にFTPサーバと連動してFTP上のファイルを直接編集する仕組みになっている。PHPファイルをデプロイした状態で編集や開発を実施し、すぐに結果をチェックできる。

• 『宅ふぁいる便』のような無料大容量ファイル転送サービス集
  • 要整理。
• Drop.io
  • 1「ドロップ」につき100MBの制限がある。写真を送ればアルバムに、動画を送ればembedして、相手に見やすくアレンジしてくれる。ファイルにリンクを生成。
• file dropper
  • 1ファイル5GBまで。動画や大量の写真などに最適。送ったファイルにはリンクが生成される。
• YouSendIt
  • 1ファイル100MBまで。共有相手をE-Mailアドレスで指定、ファイルを受け取ったかどうかもトラッキングできる。
• FilesOverMiles
  • 1ファイルに上限無し。ただ、アップロードにFlash Player 10を使っているのでユーザのRAMを相当必要とする。また、P2P通信なので送る相手が指定できる（らしい）。未検証。
• dushare
  • 完全なP2Pによるファイル送信。サーバを経由せず、クライアントからクライアントへ直接繋ぐ。アップロード側は生成されたShort URLを、相手に渡すだけでOK。Flash 10必要。使用方法

1. TeamBox：（無料・インストール可）
   • オープンソース、利用料無料のグループウェア。Twitterライクなコミュニケーションで軽快なプロジェクト管理ができる。サーバにRuby on Railsがインストールされていれば、自分のサーバにインストールして使うこともできる。
2. サイボウズLive：（20名以内の利用無料）
   • 本格的な社内グループウェアをネットで使いたい人向け。ファイル容量制限は200MBまで。

• bit.ly
  • 長いURLを「http://bit.ly/ID」のフォーマットに変換してくれる。
  • マイページ URL

• vixy
  • YouTubeのアドレスから、ムービーを引っこ抜いてファイルに変換してくれる。出力形式はAVI, MOV, MP4, 3GP, MP3。ムービーの終わりにvixyのクレジットが入る。たくさん変換したい人のために、デスクトップバージョンも用意してある。
• movavi
  • YouTubeなどのアドレス又はローカルからのファイルを変換してくれる。出力形式はAVI, MP4, MPEG-2, iPod, PSP, 3GP, FLVと多岐に渡る。変換終了後、登録したメールアドレスにダウンロードURLが届く。
• media converter
  • vixyがサポートしていない動画サイトのURLを変換してくれる。出力形式は3G2, 3GP, AVI, FLV, M4V, MKV, MOV, MP4, MPG, PSP, WMV。入力によっては書類フォーマットも選べる。
• Media Convert
  • ローカルファイル、Webにあるファイルを思いつくままのフォーマットに変換。軽いファイルで、なおかつ時間が有り余ってないと使えない。変換に何時間かけた上、「失敗しました」と平気でぬかしてくる。

• sizeasy
  • 製品の寸法を入力すると、それがどのくらい厚いのか高いのか長いのかがグラフィカルに分かる。他のユーザが何を比較したかまで見ることができてオモシロイ。
• Review Gist
  • レビューサイトのまとめサイト。評価はかなりシビアで、シビアすぎて参考にならないことも。米国の製品番号しか受け付けないので、あらかじめ調べてからじゃないと利用できない。
• Geekaphone
  • スマートフォン比較サイト。比較OSはiOS、palm、Android、Nokia、Windows Phoneなど多岐に渡る。２機種間の比較が可能。
• 画面サイズ
  1. Display Wars
     • 26インチか32インチのテレビ、どっちにしようかな〜という迷いを明確に比較してくれる。テレビ（比率16:9）とPCモニタ（比率16:10）の比較もできる。
  2. TV Size Matters
     • 購入予定のテレビが、自分の部屋の壁にどうフィットしてくれるかをシミュレーションしてくれる。自分の部屋の写真をアップロードして、合成することもできる。
• pective
  • 小型のガジェット類を、実寸大で画面に表示してくれます。まだまだ見れる製品が少ないのですが、知名度が高いもの（iPhoneやBlackberry）は掲載されています。比較機能は無し。
• Phone Size
  • 各社のスマートフォンの寸法・ディスプレイ解像度が比較できる。

• BuiltWith
  • サイトが載っているサーバのOS、サーバテクノロジーなどを全部教えてくれる。
• Under the Site
  • BuiltWithと似ているが、こちらはCMSの種類やフレームワークなども細かく教えてくれる。
• ClickHeat
  • 訪問者がサイトのどこを一番クリックしているのかが分かるソフト。Webサーバにインストールして使用。
• CopyGatorsoheicube.com用リンク
  • ブログの内容がコピーされているかどうかを確認できるサイト。
• Geotool
  • サーバが地球上のどこでホスティングされているかが分かる。
• WhoIsHostingThis?
  • どこでホスティングされているかを教えてくれる。レンタルサーバ探しに使える。
• Which loads faster?
  • ２つのウェブページのロード時間を計測・比較してくれる。どっちが何ms早かったか、何倍早かったかが分かる。
• WebWait
  • サイトを5回アクセスし、その平均値を計算する。SafariでユーザーエージェントをiPhoneに設定すれば、モバイルサイトのロード速度もテストできる。
• loads.in
  • 地域とブラウザを指定して、世界の主要都市からの反応速度（ms）が分かる。
• Metric Mail
  • Google Analyticsの一週間分の結果をPDFにまとめて送ってくれる。

• SeatGuru
  • 飛行機のどの席がベストシートかを教えてくれる。各航空会社の機体によって分類、機内サービスまで記載されている。

• Time Zones
  • 自分の地域の時間帯と、世界の主要都市が今何日の何時かを一目で閲覧できる。
• The Time Zone Converter
  • テキスト入力で相手の時刻がデジタルで分かる。
• WorldTimeZone
  • 世界地図で時間帯を確認する。

• Support Details
  • 相手のネット環境（ブラウザ、Flashバージョン、クッキー有効、JS有効）を一発で教えてくれるサイト。解析結果はCSVエクスポート、PDFダウンロード可能。

• IE NetRenderer
  • IEがテストできない環境に最適なエミュレーター。URLを入力すると、1画面分のスクリーンショットを撮ってくれる。どういうわけか、Flashは表示しないので要注意。
• Browsershots
  • 複数OS、ブラウザ数種類の表示をスクリーンキャプチャし、ダウンロードリンクまで貼ってくれる。ただし、スクリーンショットの有効期限は作成後30分間。

• QRのススメ
  • 割とシンプルな生成機。画像の大きさ指定可能。
• QRコード 二次元バーコード 作成 【無料】
  • 色の指定、文字や画像の重ね合わせができるQRコード生成。

• My Avatar Editor
  • Wiiのアバター「Mii」をPC上で作成できる。JPG、PNGなどの画像形式に書き出し可能。Adobe AIRによるデスクトップ版も提供されている。
• Clay Yourself!
  • クレイアニメのようなアバターを作成できる。

• ねむログ
  • 就寝時間と起床時間を入力すると1日の睡眠時間がグラフで表示される睡眠記録サイト。

• Biblia.com
  • スタディーガイド付き、ネットで読める本格的聖書。ユーザ登録すると、さらなる資料へのアクセス権がもらえる。
• YouVersion
  • 各種モバイル機器に対応したオンライン聖書。ユーザによる考察の閲覧・参加が可能。

• サシイレ
  • 部活にスポーツドリンク等を差し入れするサービス。

• パスワード自動生成 (Automated Password Generator)
  • 文字種、文字数、パターン数、セキュリティ強度、乱数生成を自由に選択してパスワードを生成してくれる。
• OpenWith.org
  • 見た事がないファイル拡張子の説明と、それを開くためのフリーウェアも紹介してくれる。
• myfax
  • インターネットからファックスを無料で送信できる。日本語もOK。
• TxtNinja
  • 指定したテキストを画像に変換してくれる。Eメールのマスキング（ロボット発見防止）に便利。
• HabitForge
  • ひとつの事を、21日間やり続けるための支援サイト。例）禁煙、宿題をやる　など。
• roomle.com
  • 部屋レイアウトシミュレーター。3D表示可。
• Medal Count
  • オリンピックで、各国がどのメダルを何枚獲得したのかを表示するサイト。「ウォッチリスト」に好きな国を登録し、メダルの追跡が楽しめる。

オフでのデザインに活かせるフリーフォントいろいろ。

一口にフリーと言っても、全部無料ではない。作者によって「個人の利用のみ」「寄付お願い」などルールが異なるのでここでまとめておく。

主な使用条件

1. 個人のみの利用
   • 相互リンクお願い
2. 商用利用可能

• Nevis: ロゴに使えそうなsans-serif系フォント
• プロフェッショナル向けフリーフォント75選「75+ Excellent Free Fonts For Professional Design」: ロゴやメニューのフォントに使えそう。
• フリーで使えるいい感じの手書き風フォント特集（日本語も）
• 22 Most Used Free Fonts By Professional Designers
• 25 High Quality Free Fonts for Professional Designs
• 20 Awesome and Free Fonts for Web Designers (Serif Family)
• 40 Fresh Free Fonts For Your Next Designs
• 追加しておきたいミニマルデザインに使えるフリーフォント20個まとめ
• 50 High Quality Fonts Every Designer Must Download
• 50 Beautiful and Fresh Free Fonts (2010.10.5追加)
• 25 Striking Free Fonts for Web 2.0 Logo Designing (2010.11.12追加)
• 今年公開されたクリエイター必見の日本製フリーフォント「KOUSHIKI SANS FONT」と、その他日本製のおすすめフリーフォントまとめ5つ (2012.1.19追加)
• 5 Cute Japanese fonts that you can download for free (2012.7.9追加)
• ウェブデザイナーに人気のある有料・無料のフォント ベスト10 (2012.9.19追加)
• テクニカルなフリーフォント100個 (2012.10.11追加)

定番のフリーフォント配布サイト。

• dafont.com
• 1001freefonts.com
• fontsquirrel.com: 全てのフリーフォントが商用利用可能
• urbanfonts.com

レイアウトや、ワイヤフレームを作るときに便利な素材など。

• iPad GUI PSD
  • iOSアプリのインターフェース付き
• iOS6 GUI PSD (iPhone 5)
  • カメラ、シェア、マップ、設定画面のインタフェース付き
• Androidデバイス
  • Android GUI PSD Vector Kit
    • Android 1.6ベースのUI
  • HTC G1 Dream Smartphone .PSD, Nexus One by Google .PSD, Google Nexus One Redux .PSD, HTC Incredible Smartphone .PSD
    • 非商用・個人ライセンス。商用で使いたい場合は作者に要問い合わせ。使用した場合は作者へのリンクとクレジットの掲載をお願いします。

• Web Browser Elements
  • Windows/Macのbrowser form elementsのPSDを集めたページ。

• Free Full Layered Facebook GUI PSD Kit
• 2011 YouTube Player UI

• Photoshop Browser Templates for Firefox(Mac/Win), IE
• モバイル用サイト作成に便利、無料モックアップ用デザイン素材まとめ
  • Android2.3.4、Android2.0、iPad、iPhone4、Windows Phone 7、Mamo、Palm PreのPSDあり。
• 45+ Free Design Template And PSD Files
  • クレジットカードやポストイット、DVDラベルなどのPhotoshopテンプレートが利用できます。
• 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
  • ブラウザ、Omnigraffle、Web用のUIキット多数
• A UI Design and Prototyping Treasure Chest
  • ブラウザテンプレート、UIパーツ、アイコン集など
• 23 Free Music Player PSD Templates
  • オーディオプレーヤーのモックアップをデザインするのに便利。

• A Collection of Printable Web Browser Sketching and Wireframe Templates

  手描きでスケッチを書く時に便利そうな印刷用テンプレート集です。

デザインの一部になるアイコンセット。ブログ用やソーシャルアイコン、Webインターフェースなど何種類かあるので使い分けよう。

• FAMFAMFAM
  • ブログサイト向けのアイコンを無料で配布しています。紳士な方は作者にメールして「利用させて頂いてます」等お知らせください。
• gCons:Free All-Purpose Icons for Designers and Developers (100 icons + PSD)
  • 真っ白な汎用系アイコン。

• Uicons
  • Webアプリ、ソーシャルなどのアイコンセット。ラスタライズ版は無料、ベクターデータ版は有料。
• 10 Free Icon Sets for Theme Design
  • ブログのUIデザインに使えるアイコンセット。投稿日時、外部リンク、コメント入力などがメイン。
• 21 Best Icon Sets for Designing Web Apps
  • Webサイト、ブログに使えるアイコンセットです。
• 50 of the Best Ever Web Development, Design and Application Icon Sets
  • Webサイトでの利用を考えてあるアイコンセットです。
• 60+ Free Vectors Icons for Web Designers
  • ブログやソーシャルネットワークで使えるアイコンセット。カレンダーの背景画像などもある。
• A list of very nice and free social buttons
  • ソーシャルブックマーク（Digg, deliciousなど）の他にも、RSSのフィードアイコンもたくさん載ってます。
• 小さいサイズのアイコンPart2Part3
  • ウェブサイトに使えるミニアイコン集。
• MediaLoot Web UI & Button Set
  • 再配布不可、使用するには配布ページにリンクするだけでOK。ふわっとした印象のアイコンセット。
• 50 Fresh Useful Icon Sets For Your Next Design
  • Webサイト、Webアプリケーション、ブログなど汎用に使えるアイコンセットなど。
• All the Small Icons You’ll Ever Need
  • 一般サイトのUIやブログの記事アイコンなどに使えるもの。
• 30 High-Quality Icon Sets for E-Commerce Designs
  • Eコマース専用アイコン30種。大きいサイズもあり、クリップアートとしても使えそうだ。
• 40 Free And Useful GUI Icon Sets For Web Designers
  • 汎用系アイコンが多い
• Beautiful sets of environment and nature icons
  • エコ系のサイトを作るときに便利そうなアイコンセット。
• 1000 Free "Farm-Fresh Web Icons"
  • サイト全般に使うアイコンセット。FAMFAMFAMのSilk Iconsと同じ規模のアイコンが詰まっている。矢印だけで20種類！絵文字みたいのも含まれている。
• Fresh Free High-Quality Icon Sets
  • 普通のアイコンセットの他に、グラフィックとして使用可能なものも紹介している。
• 70+ Awesome Free Icon Sets and Icon Collections for Web Designers
  • Webデザイナーが必要そうなアイコンを優先して紹介。
• 15 New And Awesome Developer Icon Sets
  • UI系のアイコンセットが多い
• 40 Minimalist Icon, Symbol & Pictogram Sets
  • ムダがなく、ミニマリストなデザインのアイコンセットの紹介。

• NounProject
  • あらゆる物のアイコンが乗ったサイト。文字通り、Noun=名詞であるもののアイコンセットを集めている。アイコンによって作者、ライセンスが異なるので注意。SVGフォーマット。
• iconmonstr
  • シンプルに構成されたアイコンサイト。PNG、SVGでダウンロード可能なフリーアイコン。商用利用可。
• FREEBIE: APPLICATION ICON SET (PNG, PSD, CSH)
  • モバイルアプリ用アイコンセット。PNG、PSD、CSHでダウンロード可能。CC 3.0ライセンス。
• Glyphish
  • モバイルアプリ、スマートフォンサイトのために作られたアイコンセット。無料版ではアイコン200個、単色、CC by Attribution License。有料版はアイコン400個、2色、無制限ライセンスで$25。

• Top 10 Country Flag Icon Sets

• PICONS.me
  • AI/PDF/EPS/PNG/PSDファイルを含んだアイコンパッケージ。海外系SNSのアイコンが揃っている。
• flat social icon set
  • 日本向けソーシャルアイコンセット。mixi、GREE、はてブなど。
• Social Network Icon Pack
  • 白or黒背景、大小サイズも用意してあります。
• Vector Social Media Icons
  • イラストレーターで編集可能なアイコンパック。好みの大きさに修正可能。サイトへのリンクでライセンス解決。
• IC Mini Social Icon Set
  • 32×32pxの枠なしソーシャルアイコン。
• 25+ Free Social Icons Sets With Premium Quality
  • フリーで最もプレミアム感があるデザインのソーシャルアイコンセット。

• Feed Icons - Home of the Standard Web Feed Icon
  • 最も標準的なフィードアイコン。PNGフォーマットに加え、Photoshop、Illustrator形式のファイルも提供している。
• 200+ Free Exclusive RSS Icons: “Supra”
  • 鮮やかな色味を中心にして作ったフィードアイコン。Illustratorのソースファイル付き。

• 50 Free and Exclusive Twitter Icons
  • Twitter専用アイコン。商用、個人利用可。
• Freebies: Twitter Icons for Your Blog
  • シンプルな物から、イラストに凝ったものまで様々なTwitterアイコンを紹介。

• Browsers Glyphs by Fabio Basile, ダウンロードリンク
  • Firefox、Safari、IE、Chromeのベクターアイコンセット。

CMS(Content Management System)の情報まとめ。
まだ使ってないやつは噂・他人の情報に偏っている。次に習う言語／システムに役立てようと思う。

軽量なBlog/CMSシステム。よくWordPressと比較される。ブログにトラックバックができないという一部不満を除いて、評価は結構高い。習い始めてから慣れるまでの期間はWordPressよりも長いらしい。

• Textpattern本家サイト
• Textpattern Developer's Toolbox
• Textpattern Building Block Mechanics
• Textpattern Semantics
• Intro to Textpattern
• Create a Simple Portfolio Website and Blog with Textpattern
• Avoiding the Digg Effect on Textpattern: How to Install Page Caching

Mamboが進化したCMS。

• Joomla!の道しるべ URL

管理画面が分かりやすいCMS。Ajaxを多様している。

• MODx日本公式サイト URL
• MODx
• MODx Content Management System URL
• Let's enjoy MODx（チュートリアル） URL

オープンソースのCMSで、必要環境はPHP+MySQL。編集画面にパワフルなプレビュー画面がついているのが特徴、らしい。

• concrete5日本語公式サイト URL
• Concrete5 URL
• マイコミジャーナル：ある意味CMSの理想型かも。『Concrete5』を試す!URL

• ExpressionEngine URL
• 日本エクスプレッションエンジン URL
  

有料ライセンス必須のCMSエンジン。位置づけとしては「ブログとその他のページを管理するCMS」。ライセンスはMTほど高くない。

• ExpressionEngine Developer’s Toolbox URL
• A Brief Introduction to ExpressionEngine URL

ソーシャルニュース・ブックマークサイトが構築できるCMS。Diggみたいなサイトが自分で構築できる。日本語版は日本語パックを配布している団体に配布を申請してからファイルをもらうらしい…

本家サイト

• 郡山女子大学図書館パスファインダー

Googleの無料ブログ作成サービス。MTに似た静的HTML生成、テンプレートタグでブログを構成できる。

• Blogger URL
• Blogger Template Tags URL

私の独断で並べたランキングです。

1. WordPress
2. MovableType
3. TextPattern

1. BuddyPress
2. OpenPNE

1. Pligg
2. Hotaru CMS
3. SemanticScuttle
4. GetBoo

1. Vanilla Forums
2. esoTalk
3. Mintboard
4. bbPress
5. phpBB

• PHP CMS Demos - opensourceCMS
  • 100種類以上のCMSの管理画面デモを提供しているサイト。
• CMS Toolbox: 80+ Open Source Content Management Systems
• Best PHP Frameworks and CMS続き
• 20 Promising Open Source PHP Content Management Systems(CMS)
• 企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き）
• 連載インデックス「独断と偏見のCMS比較」
  • いまやWebサイト立ち上げ期に、Webサイトの内容を効率的に管理する「コンテント管理システム（Content Management System）」は必要不可欠。CMS製品を開発するUEIの清水氏が分類するCMSの3ユーザーと9つの機能とは？
• 人気オープンソースCMS徹底比較：一覧表
  • 代表的なオープンソースCMSの比較一覧表です。 これからCMSに挑戦しようと思っている初心者の方でも分かるように重要なポイントを一覧にしてみました。
• 15 Best Free Open Source Ecommerce Platforms
  • 海外系のフリー・オープンソースECのCMS15選。
• 14 Light and Easy to Use Open-Source Content Management Systems
  • 小規模のサイトで、機能が多いシステムを選ぶ必要のないときに選べるオープンソースCMS14選。
• Ten Simple Rules for Choosing the Perfect CMS + Excellent Options
• The Dilemma of Choosing the Perfect CMS
• オープンソースのＣＭＳを２４個まとめた - かちびと.net

レンタルサーバの情報まとめ。ここがいい、ここは早い、ここは使えないなどの情報を載せていきます。

このウィキはHawkHostでホスティングされています。LiteSpeed Webサーバを標準搭載、サーバの所在地はアメリカ西海岸ワシントン州、シアトルです。申し込みたい・興味のある方はこちら

• さくらのVPSは月払いで980円、年間一括で10,780円。ここでは年間一括料金を12分割して表示しています。
• もっと見る→Web開発者向けVPSスペック比較表2012年7月版(第三版)

• 月額料金は、一年契約を12で割ったものとしている。
• RAMは、”Dedicated RAM”の略称。OpenVZの場合、Burstable RAMがあり、最大値が設定されている。XENの場合は付与されている分だけ利用可能。
• サーバ場所は、”Geotools Firefox Plugin”によって割り出されたもの。場所が明記してあった場合、それを優先している。
• コントロールパネルの略
  • DA: DirectAdmin
  • cP: cPanel
  • WM: Webmin
  • HVM: HyperVM Control Panel
  • SVM: SolusVM Panel

• 自由度が高い VPS サービス Linode
• Top 10 VPS Providers for Web Developers - Six Revisions

国内限定でサーバを勧める時に利用する一覧表。WordPress等のソフト対応前提で選んでいます。

• さくらは、年間一括5,000円＝月額417円。表の値段は月払いの場合。

• わふわふレンタルサーバ：静的サイトを置くには適しているが、WordPressが動作しない、PHPがエラーを連発するなどでお薦めできない。
• heteml: GMOグループになった時点でアウト。
• ギガントmini: 2009年12月からサービス名称が変更。月額が1300円以上で、DBが動かせないのはありえない。

Bluehostからの引越先を検討中。リソースが無制限というのは信頼が無い証拠なので、ちゃんとリソースが決められているところを優先して選んでみた。最近話題の”LiteSpeed”が導入されているかどうかも選考基準にする。データセンターの場所も、なるべく西海岸に近い方が良い。

• 月額料金は、半年または一年間契約の料金を月割りにしたものとする。
• lighttpdとLiteSpeedは別物です。違いはライセンス形態とphpのパフォーマンスにある。
  • lighttpd：オープンソース、静的ファイルで処理速度最速。
  • LiteSpeed：リクエスト数100までは無料、それ以上はエンタープライズ版の購入が必要。ベンチマークではphpのパフォーマンスがlighttpdより高いらしい。Apacheとの互換性100%を誇り、既存の設定がそのまま持ち込める。

将来的に複数のサイトを運営することになるので、本当はVPSにしたい。だが、今VPSを扱えるほどの知識や経験がないのでサーバ運営を業者にお任せしたほうが安全だ。そこで共有サーバとVPSの中間にあたるプランを探してみた。

• 月額料金は、半年または一年間契約の料金を月割りにしたものとする。

• サーバ本体の料金は含まれていない。

1. レンタルサーバー比較
   • 日本国内のレンタルサーバをまとめてある。ちょっと情報が少なくて判断しづらい。
2. RENTAL SERVER HIKAKU
   • 日本国内のレンタルサーバの情報まとめ。情報量が多い為、検索機能付き。プラン詳細などの情報あり。
3. レンタルサーバ比較VARL
   • ユーザの評価情報が無いが、その他プランの紹介や専門用語に優れている。
4. VPSプランってどうよ？ まとめ Wiki
   • 2chのスレ「VPSプランってどうよ？」で好評だったサーバを紹介。

1. HostJury
   • ユーザがひいきナシの本音で評価。AtoZリストで太字になっている業者はレビューがある。
2. Web Hosting Talk
   • レンタルサーバの巨大フォーラム。
3. WEB-HOSTING-TOP
   • サーバ業者がユーザの悪評に対し、事情を書き込んでいる異例のレビューサイト。
4. Rails Hosting Info
   • 全世界のRails対応サーバ（共有、VPS、専用）をレビュー付きで紹介しているサイト。
5. レンタルサーバー比較DB++～口コミ・評判～
   • ネットの口コミを中心に情報を集めているサイト。評価はS（最高）からB-（最低）まで。
6. Low End Box
   • 割安なVPS／専用サーバをレビュー付で紹介しているサイト。

• The Best Grid, VPS, and Dedicated Server Web Hosting Review!
  • 共用サーバを卒業したと感じたら、次に良いのは専用サーバ。それほどお金がない場合はグリッドサーバ又はVPSが良いらしい。この人自身、様々なサービスを利用しているので説得力がある。
• Hosting Website: Helping you find the right host for your site
  • 本物のレビューを心がけた、レンタルサーバ評価サイト。本人の体験に基づいているので、スポンサーによるひいきや初心者による悪評が書かれていない。
• Alternative web servers compared: Lighttpd, Nginx, LiteSpeed and Zeus
  • 軽量Webサーバソフトウェアの比較記事

HTML5, mobile等のフレームワーク

1. Twitter Bootstrap
   • Twitter社が開発し、オープンソースで提供しているCSSフレームワーク。最初から使えるjQueryプラグインが豊富。
     • Bootstrap History: Bootstrapのバージョンごとのドキュメンテーションを保管しているサイト
2. Foundation,docs
   • Bootstrapの競合フレームワーク。レスポンシブ機能はBootstrapより上らしい。
3. Skeleton

Bootstrap vs. Foundation vs. Skeleton

1. jQuery Mobile
   • jQueryベースのモバイルフレームワーク。Dreamweaver CS5.5からテンプレートとして選択できる。モバイルフレームワークの中では一番開発が成熟しているが、動作が重いとの評価も。
2. Zoey
   • 超軽量JSライブラリ、Zepto.jsをベースにしたモバイルフレームワーク。

• LungoJS
  • HTML5、CSS3、JSをフル活用したフレームワーク。

• 16 Mobile Frameworks For Rapid Development

1. Smarty
   • PHPテンプレートでは定番中の定番
2. Twig、紹介記事＋ベンチマーク
   • 最軽量のテンプレートエンジン。記述がDjangoのテンプレートに似ている。

現在使っている、または今後使えそうなJavaScript一覧です。

• jQuery：デザイナーに分かりやすいと言われているライブラリ。
  • jQuery mobile：モバイル用jQuery、スマートフォン対応版
• mootools：軽量Javascriptライブラリ。
• UKI：今風のインターフェースを簡単に作りあげてしまうらしい。

The Lightbox Clones Matrixから、テストしたことがあるやつだけ並べています。

• Lightboxバリエーション
• 30 Ajax Lightboxから使えそうなものを9個ピックアップ

共通ライブラリを利用する
例えば、SlimBoxとVideoBoxはそれぞれ画像とSWFしか表示できない。が、両方ともmootoolsライブラリを使用しているので同時にインストールするのに2倍の容量はかからない。それぞれ使用しているmootoolsライブラリのバージョンが違っていればダブルで入れるしかないのだが。
結果、画像とSWFを表示できるようになり、Lightwindowに対抗できる。mootoolsは元から軽いライブラリなので、読み込みも楽だ。動画は全部flvにすれば対応できるだろう。

1. Nivo Slider:エフェクト多数、アニメーションもスムーズ。jQuery使用
2. simpleSli.de: 手動で動かすタイプのコンテンツスライダー。jQuery使用
3. CrossSlide: 設定項目が多いが、トランジションを自由に設定できる。jQuery使用
4. sexyCycle: クリックに反応する、キビキビ動くスライダー。jQueryとjQuery Easing Plugin使用
5. Choco-Slider: 容量7KBの軽量スライダー。jQuery使用。自動再生対応。切り替えエフェクトは3種類。
6. Cycle2: マークアップが簡単、jQuery使用。レスポンシブWeb対応。
7. Tiny Circleslider: iPodのクリックホイールのように○をグルグル回すことで画像をスライドさせるプラグイン。自動再生、回転位置スナップ、ランダム再生可能。

• PhotoSwipe: PC、タブレット、スマートフォンに対応したスワイプ可能なイメージギャラリー。jQuery、jQuery Mobileに対応。

• 10 Best jQuery Sliders
• 57 + Free Image Gallery Slideshow And Lightbox Solutions
• Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout

1. jQuery Mobile
   • jQueryを読み込んで使用するライブラリ。対応機種はこの中で最多の部類。
   • JQM Gallery：jQuery Mobileを使ったサイトのギャラリー
   • jquery-ui-map：jQuery、jQuery UI、jQuery Mobileに対応したGoogle Maps v3埋め込み用のプラグイン。紹介記事
2. Zepto.js
   • モバイル市場最軽量のフレームワーク。jQueryとは関係ないが、シンタックスが似ている。WebKitブラウザに最適化されており、スクリプトもなるべくWebKitエンジンを使うようにしている。
3. Zoeygithubページ
   • jQuery MobileのZepto.js版。jqmより軽量だが、機能がよく知られていない。
4. Sencha Touch
5. jQTouchチュートリアル
   • iPhoneアプリと同じレイアウト、同じ動きをするスクリプト。
6. DynamicX
   • HTML5ベースのモバイル・タッチデバイス用フレームワーク。
7. ChUI
   • iPhone外観に最適化されたHTML5ベースのフレームワーク。

• Mobile Frameworks Comparison Chart：各フレームワークの対応端末を一覧で確認できる。
• microjs：利用条件をドロップダウンメニューで指定すると、該当するフレームワークを紹介してくれる。
• 9 Mobile Framework to Kick Start Your Mobile Development Career

• jQuery Masonry
  • レイアウトを雑誌記事のように縦ベースに並べるプラグイン。
• gridster.jsGitHubページ
  • ドラッグ＆ドロップでレイアウトを改変できるプラグイン。ドラッグ先のエリアがハイライトされる。
• jQuery: Customizable layout using drag and drop (DevHeart)
  • ドラッグ＆ドロップでレイアウトが変更でき、なおかつ変更後の位置を記憶できるというスクリプト。

• jQuery newsticker
  • フェードイン・フェードアウトでニュースを次々表示。
• 一行ずつフェード表示するニュースティッカー
  • フェードイン・フェードアウト。最新版はタイプライターエフェクトなので「使えない」？
• liScroll (a jQuery News Ticker made easy) 1.0
  • 横方向にスクロール。速度はパラメータ指定で調整可能。
• jQueryでニュースティッカー
  • タイプライター風。delay値が調整可能。
• シンプルなティッカーいろいろ
  • スクロール、フェードイン・アウト、タイプライター風のエフェクト。

• Modernizr.js
  • ブラウザにどの機能があるか・ないか、できるか・できないかを判断してくれるスクリプト。機能がサポートされていない場合は、無い用の条件分岐を設定できる。
• CSS3 PIE
  • CSS3の機能：border-radius, box-shadow, border-image, 複数background, グラデーション、rgba,をIE9未満で使えるようになるスクリプト。
• Selectivizr
  • CSS3セレクターをIE6,7,8で使えるようになるスクリプト。JSライブラリと併用して使用する（jQueryやDOMAssistant等を自前で用意する必要がある）

• SWFObject 1.5
  • SWFファイルをAdobeのやり方よりシンプルに、かつwebスタンダードにあった方法でHTMLに埋め込むことができる。FLASHのバージョンが古い場合にも対応できて便利。
  • メディア：SWFのみ
  • 埋め込み：Javascript x1
• SWFObject 2.0
  • 上記のアップグレード版。1.5に比べ、複雑化していてちょっと実用できない。でもずっといい？らしい。

jQuery Flash Plugin (→URL)
<embed>タグとjQueryを組み合わせた埋め込み。どういうメリットがあるのかが分からない。

• jFeed: JavaScript jQuery RSS/ATOM feed parser pluginURL
  • RSS 0.91, 0.92, 1.0, 2.0, Atom 1.0のフィードを読み取るプラグイン。
• Google AJAX Feed APIURL
  • Atom 1.0,Atom 0.3,RSS 2.0,RSS 1.0,RSS 0.94,RSS 0.93,RSS 0.92,RSS 0.91,RSS 0.9に対応。jFeedよりも多くのフィードアイテムを取得可能。

• jTweetsAnywhere-jQuery Twitter Widget with @Anywhere support：jTweetsAnywhere is a jQuery Twitter Widget that simplifies the integration of Twitter services into your site.
  • Resource: jQuery Twitter Widget with @Anywhere support：カスタマイズの一例
• 22 Best jQuery Twitter Plugins

• Zebra_Datepicker
  • jQuery UIのdatepickerに代わるプラグイン。
• Pikaday
  • ライブラリに依存しない、日付選択プラグイン。スッキリとしたデザインで軽量。
• jQuery UI Timepicker Addon
  • jQuery UIのdatepickerに時間指定を付加する。使用時にはjQuery、jQuery UIのJSファイルは当然必須。
• A date range picker for Twitter Bootstrap
  • Twitter Bootstrapの外観に合わせたdatepickerで、日時処理のライブラリにDateJSを使用している。

• Datejs
  • ライブラリ非依存。日付を操作するライブラリ。日時をtimestampに変換して、差が何秒か等が必要なときに重宝する。
• XDate
  • Dateオブジェクトの呼び出しをまとめたライブラリ。必要…か？

• jQuery Frontier Calendar
  • jQueryで、Googleカレンダーっぽいものを作れるようになるプラグイン。

• jQuery Knobgithub
  • ％や割合をダイヤルで表示するプラグイン。canvasを使用するのでHTML5対応ブラウザ必須。jQuery 1.7.0+
• EASY PIE CHARTgithub
  • jQuery Knobと似ているが、外観のバリエーションが異なり、数値に単位も挿入できる。jQuery 1.7.2+
• jQuery Org Chart
  • ドラッグ＆ドロップ可能な組織図が作れる。jQuery 1.7.1+

• jqPlot
  • jQueryベースのグラフライブラリ。エフェクトによって別途プラグインを読み込む。カスタマイズオプション最多。
• Google Chart Tools
  • Google Analyticsでおなじみ、Google製グラフライブラリ。
• Morris.js
  • グラフプラグイン「Raphael」ベースの線グラフ専用ライブラリ。
• piecon
  • 円グラフの進捗度を、faviconで表示してくれるプラグイン。

• 20 Fresh JavaScript Data Visualization Libraries
  • JSを読み込んでグラフを生成してくれるプラグインなど。
• List of JavaScript charting libraries
  • standalone、libraryベース、有料ライセンスの順に整理されている。
• 20 Useful jQuery Chart and Graph Plugins
• Javascript Graphs and Charts libraries
  • 機能別に比較できるチャート

• Subway Map Visualization jQuery Plugin
  • 特殊なマークアップで地下鉄の路線図を生成するプラグイン。

グーグルマップがAPI制限を発表したので、他のマップも検討してみようと思う。（参照リンク）

• 10 jQuery Plugins for Easier Google Map Installation
  • jQueryを使って、Google Maps表示を簡単にするプラグイン集。

• html5slides - A Google HTML5 slide template
  • GoogleのI/Oカンファレンスで使われたHTML5製プレゼンツール。
• Slippy
  • 左右矢印キーで移動、escキーで一覧表示、数字キー＋Enterで直接そのスライドに移動。シンタックスハイライトも使えるので、コード表示に便利！
• ウェブ版スライド
  • 国産HTMLプレゼンツール。日本でのプレゼンに向いた機能がついて（そう）。
• S5
  • スライド内表示順序も指定できるツール。

• audio.js
  • HTML5のaudioタグを使ってプレーヤーを表示。HTML5非対応ブラウザではFlash Playerに切り替わる。ボリューム調整ができないのが難点。

• VexFlow
  • an open-source web-based music notation rendering API. It is written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 Canvas and SVG.
• AlphaTab
  • a JavaScript Library that allows you to embedd music notation and guitar tablatures to your websites.

• Lazy Load Plugin for jQuery
  • Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them.

• USING JQUERY FOR BACKGROUND IMAGE ANIMATIONS: スライドして動くメニューの作り方。
• 25 jQuery Animation Effects Examples Tutorials
• The Silky Smooth Marquee
  • marqueeタグと同じような動きをするJS。marqueeタグを使わなくても動くらしい。

• Tiny Scrollbar：スクロールバーのデザインを変更できる。縦・横スクロール対応。IE6/7、iPhoneにも対応。
• jQuery Stick ‘em: Make Content Sticky on Scroll, to a Point : ある程度スクロールしたら、画面にfixedされるスクリプト。

• noty
  • JSの標準アラートを、細長い通知バーとして表示するプラグイン。位置を上下左右、またはそれらを組み合わせることも可能（Topright、Bottomleft等）。1方向につき1つのJSファイルを読み込む必要があるのが難点。

• 10 Great jQuery Notification Plugins to Increase User Experience

• How to make a completely reusable jquery modal window

• GeSHi:Generic Syntax Highlighter：DokuWikiで使用されているハイライター。<?php ?>表記をサポートしている。177言語に対応。見た目ちょっとイマイチ。JSではなくPHPでできたハイライター。
  • 表記方法（実際は</code>で終わります）

    <code php><?php echo "Hello, World!"; ?>

• SyntaxHighlighter：Googleのシンタックスハイライトからちょっと色を抜いた印象。<?php ?>表記が使用不可。主要言語に対応。
  • 表記方法

    <pre class="brush:php">echo "Hello, World!";</pre>

• Snippet::jQuery Syntax Highlighter：↑のSyntaxHighlighterのjQuery改良版。15言語に対応、テーマは39種類。jQueryを含んだJSを2コ、CSSを1コ読み込んで使う。
  • 表記方法

    <pre><?php echo 'Hello, World!'; ?></pre>

• CodeMirror：左の画面のコードを修正すると、右の画面でリアルタイムに反映される。コーディング検証サイトでうまく活用できそうだ。

• 9 Useful Javascript Syntax Highlighting Scripts
• 11 Syntax Highlighters To Beautify Code Presentation

• 竹取JS
  • 日本語を縦書きに変換するJS。通常スクロールボタンで左右スクロール、ダブルクリックで横書きに戻るなど、芸が細かい。また、普通のHTMLタグの縦バージョンが数多く用意されている。
• Quick and Easy jQuery Read More Script Tutorial
  • 何文字目に三点リーダや「続きを読む」を挿入する方法
• Treesaver.js、IDEA IDEA紹介記事
  • 雑誌風のレイアウトにアレンジしてくれるJS。タイトル一覧の左サイドバー付き。
• ezColumns
  • 新聞のように、段落を横にならべるJS。pタグの他に、liタグにも適用できる。

• jsTree
  • ツリー状のサイドメニューを生成するプラグイン。

• ViewBook
  • 本のようにペラペラめくれるスライダーが作れるプラグイン。洋書を想定した作りなので、マンガや縦書きの場合逆順で作る必要がある。
• turn.js
  • 本のようなページめくりが可能になるプラグイン。PC、タブレット、スマートフォンでも機能する。HTML5+jQuery環境下で動作。

• A jQuery inline form validation, because validation is a mess
  • フォーカスが外れたときにバリデーションをしてくれるプラグイン。
• jQuery.validity
  • 送信ボタンが押されたときにバリデーションをしてくれるプラグイン。ドキュメントがしっかりしていて、自分のサイト仕様に合わせやすい。

• 50 Useful jQuery Plugins to Enhance your Forms
• フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい
• 14 jQuery Plugins for smarter HTML Forms
  • バリデータ、パスワード強度チェッカー、オートコンプリート、CAPCHA、ウィザード形式、ソフトウェアキーボード、ユーザ名チェッカー、フィールド内ラベル

• jQueryのプラグイン33+1選 (URL)
  • 使えそうなスクリプトのリスト。最後の「TOPに戻る」は要検討。
• jQuery Style (URL)
  • jQueryをフル活用したサイトを紹介している。少数ながら、チュートリアルも載せてある。
• 15+ Excellent jQuery Plugins To Enhance HTML Forms (URL)
  
  • チェックボックスのカスタマイズ、カレンダーによる日付セレクター、テキストエディタ、カラーピッカーなど。
• 35 Fresh and Useful jQuery PluginsURL
  • ナビゲーション、日付/日時ピッカー、画像表示、タブ切替、マークアップエディタなど。
• Show Time: 30 jQuery Calendar Date Picker Plugins
  • 単純な日付ピッカーから、具体的な予定が書き込めるタイプまで。

• Wijmo - jQuery UI Widgets
  • jQuery UIを実装したウィジェット30個のセット。ライセンスはGPL・商用か選べる。

• Old School Clock with CSS3 and jQuery: マークアップが非常にシンプルな時計スクリプト
• 7 wonderful Analog and Digital clocks using CSS and Javascript

• jQRangeSlider
  • 日付、任意入力にも対応したスライダー。jQuery UIよりも軽くて良い。
• jq-youtube-player
  • 2011年に廃止されたYoutubeのchannel embedをjquery+iframeである程度再現。iOSデバイスにはhtml5プレーヤーが表示される。
• SyntaxHighlighter
  • Web上のソースコードをきれいに表示。
• CoolClock
  • Javascriptのみで動かすアナログ時計。世界時計など、高度な設定も可能。
• maxImage
  • 背景画像がフェードイン・フェードアウトで切り替わる。ウィンドウサイズで画像の拡大・縮小もできる。
• jQuery Raty
  • ☆評価ができるようになるプラグイン。どうやってデータを渡すかは不明。
• nude.js
  • 画像にヌード描写が含まれているかをチェックするプラグイン。子供用フィルタリングサイトなどに活用できる？
• oriDomi
  • 指定したものを屏風のようにパタパタと畳んだり、紙のようにペラペラさせたりできるプラグイン。ライブラリ非依存、CSS3の3D transformを使う為webkitブラウザ推奨。

オフでのデザインに活かせるフリーフォントいろいろ。

一口にフリーと言っても、全部無料ではない。作者によって「個人の利用のみ」「寄付お願い」などルールが異なるのでここでまとめておく。

主な使用条件

1. 個人のみの利用
   • 相互リンクお願い
2. 商用利用可能

• Nevis: ロゴに使えそうなsans-serif系フォント
• プロフェッショナル向けフリーフォント75選「75+ Excellent Free Fonts For Professional Design」: ロゴやメニューのフォントに使えそう。
• フリーで使えるいい感じの手書き風フォント特集（日本語も）
• 22 Most Used Free Fonts By Professional Designers
• 25 High Quality Free Fonts for Professional Designs
• 20 Awesome and Free Fonts for Web Designers (Serif Family)
• 40 Fresh Free Fonts For Your Next Designs
• 追加しておきたいミニマルデザインに使えるフリーフォント20個まとめ
• 50 High Quality Fonts Every Designer Must Download
• 50 Beautiful and Fresh Free Fonts (2010.10.5追加)
• 25 Striking Free Fonts for Web 2.0 Logo Designing (2010.11.12追加)
• 今年公開されたクリエイター必見の日本製フリーフォント「KOUSHIKI SANS FONT」と、その他日本製のおすすめフリーフォントまとめ5つ (2012.1.19追加)
• 5 Cute Japanese fonts that you can download for free (2012.7.9追加)
• ウェブデザイナーに人気のある有料・無料のフォント ベスト10 (2012.9.19追加)
• テクニカルなフリーフォント100個 (2012.10.11追加)

定番のフリーフォント配布サイト。

• dafont.com
• 1001freefonts.com
• fontsquirrel.com: 全てのフリーフォントが商用利用可能
• urbanfonts.com

ネットに繋がっているときだけ「使える」サービス一覧。オフラインでは使えません。頻繁に利用しているものほど上に追加されます。

• 駅前探索倶楽部（駅探）
  • まいどおなじみ、路線検索サイト。条件検索やプレーンテキスト表示も可能。周辺地図の表示はイマイチ。
• 駐輪場ならchu-rin.jp
  • 都内・県内の駐輪場の情報を集めているサイト。詳しい利用料金、屋根の有無、原付可などの情報がある。

• マップピン
  • 相手に場所をピンポイントで教える。送信方法はメール、QRコードなど。
• Geocoding
  • 住所をGoogle Maps/Google Earth形式の緯度、経度に変換してくれる。ピンポイントの場所を伝えるのに便利。
• GPS Visualizer
  • 住所を緯度・経度の数値に変換してくれる。複数の住所を同時に変換できるバッチコンバーターも利用可能。

• Frame Box
  • 作成したワイヤフレームをすぐに共有できる。
• Mockingbird
  • ネットで編集してネットで保存可能、PDFなどに書き出し可能。また、プロジェクトごとにファイルを管理できる。※2010年8月より有料化
• 10 Free Wireframing Tools for Designers

• COLOURlovers
  • カラーパレットのポータルサイト。有名サイトのパレットや人気のパレットを紹介。
• kuler
  • Adobeが提供しているカラーパレットのポータル。画像からパレットを作成することができる。
• Color Scheme Designer
  • レイアウトを意識した配色をしてくれるカラーパレット。16進数もデフォルトで表示。
• The Ultimate List Of Online Color Tools For Web Developers
  • 要整理。
• 30+ Very Useful Color Tools For Designers
  • 要整理。一部ソフトウェアも掲載されています。
• 国産限定・カラー選定、配色支援などに役立ちそうなカラーツールいろいろ
  • 和風っぽい色彩を探しているときに使えそうなツール。発信元は全部国内のサイト。

• Designers Toolbox
  • ブラウザPSDテンプレートや、紙媒体の大きさ、HTMLのASCIIコードも揃えてあるサイト。

1. randomtext ...lorem ipsum and gibberish dummy text generator
   • p, ul, ol, h1~h4に対応したダミーテキストを生成してくれるジェネレータ。
2. Lorem Ipsum Generator
   • lorem ipsumダミーテキストの段落数、文章の長さを指定可能なジェネレータ。

• PXtoEM PX to EM conversion made simple.
  • bodyのフォントサイズ基準値から、何emに設定したらいいかを計算してくれる。
• Nth-Child Visual Calculator
  • jQueryやCSS3のnth-childの処理をシミュレーションしてくれる。

• Please Critique Me
  • オンラインの師匠達があなたのデザインを評価してくれます。

• pixer.us
  • シングルレイヤー、取り消しは一歩手前のステップまでできる。単一ウィンドウインターフェース、主に写真修正用。
• Favicon Editor
  • 画像をアップロードするだけで、faviconを生成するサイト。画面上で自分で作ることもできる。
• Sprite Creator 1.0
  • CSS Sprite画像をアップロードしたあと、座標を選択するだけでCSSのソースコードをリアルタイム出力してくれる。
• Dynamic Dummy Image Generator
  • グレー背景のダミー画像を生成してくれる。前景には320×240などのテキストが表示される。

• Shrink Pictures
  • バッチで画像リサイズしてくれるサイト。サイズは760px,600px,350px,100px又は既定のパーセンテージで指定可能。一枚ずつしかアップロードできないのが欠点。

• フリーでPhotoshop並･･･いやそれ以上のオンラインアプリ集まとめ
  • 要整理。

• ドットインストール
  • IDEA＊IDEAの田口氏が立ち上げた初心者向けプログラミング・チュートリアルサイト
• Learn Python
  • インタラクティブなコーディング画面付き。

1. Kodingen
   • ソースコード編集と画像編集の機能を備えた統合開発エディタ環境。
2. EditArea
   • オープンソースソフトウェアで提供されているオンラインエディタ。オンラインエディタに必要とされるほとんどの機能を実装しているほか、自分のサーバにデプロイして利用できる。
3. Bespin
   • Mozilla Labsで開発されているオンラインエディタ。エディタとしての機能やコラボレーション機能も備える。エディタ部分のみを切り出して組み込んで利用することも可能。

1. dabblet
   • その場でCSSのテストができるサービス。githubアカウントを持っていれば利用できる。
2. jsFiddle
   • その場でJSとHTMLのテストができる。jQuery、mootoolsなどのライブラリも指定可能。
3. PHPAnywhere
   • オンラインでPHP開発ができるエディタ。基本的にFTPサーバと連動してFTP上のファイルを直接編集する仕組みになっている。PHPファイルをデプロイした状態で編集や開発を実施し、すぐに結果をチェックできる。

• 『宅ふぁいる便』のような無料大容量ファイル転送サービス集
  • 要整理。
• Drop.io
  • 1「ドロップ」につき100MBの制限がある。写真を送ればアルバムに、動画を送ればembedして、相手に見やすくアレンジしてくれる。ファイルにリンクを生成。
• file dropper
  • 1ファイル5GBまで。動画や大量の写真などに最適。送ったファイルにはリンクが生成される。
• YouSendIt
  • 1ファイル100MBまで。共有相手をE-Mailアドレスで指定、ファイルを受け取ったかどうかもトラッキングできる。
• FilesOverMiles
  • 1ファイルに上限無し。ただ、アップロードにFlash Player 10を使っているのでユーザのRAMを相当必要とする。また、P2P通信なので送る相手が指定できる（らしい）。未検証。
• dushare
  • 完全なP2Pによるファイル送信。サーバを経由せず、クライアントからクライアントへ直接繋ぐ。アップロード側は生成されたShort URLを、相手に渡すだけでOK。Flash 10必要。使用方法

1. TeamBox：（無料・インストール可）
   • オープンソース、利用料無料のグループウェア。Twitterライクなコミュニケーションで軽快なプロジェクト管理ができる。サーバにRuby on Railsがインストールされていれば、自分のサーバにインストールして使うこともできる。
2. サイボウズLive：（20名以内の利用無料）
   • 本格的な社内グループウェアをネットで使いたい人向け。ファイル容量制限は200MBまで。

• bit.ly
  • 長いURLを「http://bit.ly/ID」のフォーマットに変換してくれる。
  • マイページ URL

• vixy
  • YouTubeのアドレスから、ムービーを引っこ抜いてファイルに変換してくれる。出力形式はAVI, MOV, MP4, 3GP, MP3。ムービーの終わりにvixyのクレジットが入る。たくさん変換したい人のために、デスクトップバージョンも用意してある。
• movavi
  • YouTubeなどのアドレス又はローカルからのファイルを変換してくれる。出力形式はAVI, MP4, MPEG-2, iPod, PSP, 3GP, FLVと多岐に渡る。変換終了後、登録したメールアドレスにダウンロードURLが届く。
• media converter
  • vixyがサポートしていない動画サイトのURLを変換してくれる。出力形式は3G2, 3GP, AVI, FLV, M4V, MKV, MOV, MP4, MPG, PSP, WMV。入力によっては書類フォーマットも選べる。
• Media Convert
  • ローカルファイル、Webにあるファイルを思いつくままのフォーマットに変換。軽いファイルで、なおかつ時間が有り余ってないと使えない。変換に何時間かけた上、「失敗しました」と平気でぬかしてくる。

• sizeasy
  • 製品の寸法を入力すると、それがどのくらい厚いのか高いのか長いのかがグラフィカルに分かる。他のユーザが何を比較したかまで見ることができてオモシロイ。
• Review Gist
  • レビューサイトのまとめサイト。評価はかなりシビアで、シビアすぎて参考にならないことも。米国の製品番号しか受け付けないので、あらかじめ調べてからじゃないと利用できない。
• Geekaphone
  • スマートフォン比較サイト。比較OSはiOS、palm、Android、Nokia、Windows Phoneなど多岐に渡る。２機種間の比較が可能。
• 画面サイズ
  1. Display Wars
     • 26インチか32インチのテレビ、どっちにしようかな〜という迷いを明確に比較してくれる。テレビ（比率16:9）とPCモニタ（比率16:10）の比較もできる。
  2. TV Size Matters
     • 購入予定のテレビが、自分の部屋の壁にどうフィットしてくれるかをシミュレーションしてくれる。自分の部屋の写真をアップロードして、合成することもできる。
• pective
  • 小型のガジェット類を、実寸大で画面に表示してくれます。まだまだ見れる製品が少ないのですが、知名度が高いもの（iPhoneやBlackberry）は掲載されています。比較機能は無し。
• Phone Size
  • 各社のスマートフォンの寸法・ディスプレイ解像度が比較できる。

• BuiltWith
  • サイトが載っているサーバのOS、サーバテクノロジーなどを全部教えてくれる。
• Under the Site
  • BuiltWithと似ているが、こちらはCMSの種類やフレームワークなども細かく教えてくれる。
• ClickHeat
  • 訪問者がサイトのどこを一番クリックしているのかが分かるソフト。Webサーバにインストールして使用。
• CopyGatorsoheicube.com用リンク
  • ブログの内容がコピーされているかどうかを確認できるサイト。
• Geotool
  • サーバが地球上のどこでホスティングされているかが分かる。
• WhoIsHostingThis?
  • どこでホスティングされているかを教えてくれる。レンタルサーバ探しに使える。
• Which loads faster?
  • ２つのウェブページのロード時間を計測・比較してくれる。どっちが何ms早かったか、何倍早かったかが分かる。
• WebWait
  • サイトを5回アクセスし、その平均値を計算する。SafariでユーザーエージェントをiPhoneに設定すれば、モバイルサイトのロード速度もテストできる。
• loads.in
  • 地域とブラウザを指定して、世界の主要都市からの反応速度（ms）が分かる。
• Metric Mail
  • Google Analyticsの一週間分の結果をPDFにまとめて送ってくれる。

• SeatGuru
  • 飛行機のどの席がベストシートかを教えてくれる。各航空会社の機体によって分類、機内サービスまで記載されている。

• Time Zones
  • 自分の地域の時間帯と、世界の主要都市が今何日の何時かを一目で閲覧できる。
• The Time Zone Converter
  • テキスト入力で相手の時刻がデジタルで分かる。
• WorldTimeZone
  • 世界地図で時間帯を確認する。

• Support Details
  • 相手のネット環境（ブラウザ、Flashバージョン、クッキー有効、JS有効）を一発で教えてくれるサイト。解析結果はCSVエクスポート、PDFダウンロード可能。

• IE NetRenderer
  • IEがテストできない環境に最適なエミュレーター。URLを入力すると、1画面分のスクリーンショットを撮ってくれる。どういうわけか、Flashは表示しないので要注意。
• Browsershots
  • 複数OS、ブラウザ数種類の表示をスクリーンキャプチャし、ダウンロードリンクまで貼ってくれる。ただし、スクリーンショットの有効期限は作成後30分間。

• QRのススメ
  • 割とシンプルな生成機。画像の大きさ指定可能。
• QRコード 二次元バーコード 作成 【無料】
  • 色の指定、文字や画像の重ね合わせができるQRコード生成。

• My Avatar Editor
  • Wiiのアバター「Mii」をPC上で作成できる。JPG、PNGなどの画像形式に書き出し可能。Adobe AIRによるデスクトップ版も提供されている。
• Clay Yourself!
  • クレイアニメのようなアバターを作成できる。

• ねむログ
  • 就寝時間と起床時間を入力すると1日の睡眠時間がグラフで表示される睡眠記録サイト。

• Biblia.com
  • スタディーガイド付き、ネットで読める本格的聖書。ユーザ登録すると、さらなる資料へのアクセス権がもらえる。
• YouVersion
  • 各種モバイル機器に対応したオンライン聖書。ユーザによる考察の閲覧・参加が可能。

• サシイレ
  • 部活にスポーツドリンク等を差し入れするサービス。

• パスワード自動生成 (Automated Password Generator)
  • 文字種、文字数、パターン数、セキュリティ強度、乱数生成を自由に選択してパスワードを生成してくれる。
• OpenWith.org
  • 見た事がないファイル拡張子の説明と、それを開くためのフリーウェアも紹介してくれる。
• myfax
  • インターネットからファックスを無料で送信できる。日本語もOK。
• TxtNinja
  • 指定したテキストを画像に変換してくれる。Eメールのマスキング（ロボット発見防止）に便利。
• HabitForge
  • ひとつの事を、21日間やり続けるための支援サイト。例）禁煙、宿題をやる　など。
• roomle.com
  • 部屋レイアウトシミュレーター。3D表示可。
• Medal Count
  • オリンピックで、各国がどのメダルを何枚獲得したのかを表示するサイト。「ウォッチリスト」に好きな国を登録し、メダルの追跡が楽しめる。
• The Right Tool - Hammer Principle
  • どのプログラミング言語を学ぶべきかがよくわかるチャート

レンタルサーバの情報まとめ。ここがいい、ここは早い、ここは使えないなどの情報を載せていきます。

このウィキはHawkHostでホスティングされています。LiteSpeed Webサーバを標準搭載、サーバの所在地はアメリカ西海岸ワシントン州、シアトルです。申し込みたい・興味のある方はこちら

• さくらのVPSは月払いで980円、年間一括で10,780円。ここでは年間一括料金を12分割して表示しています。
• ServersMan@VPSはOpenVZの関係上、保証されたコア数の指定がありません。
• もっと見る→Web開発者向けVPSスペック比較表2012年7月版(第三版)

• 月額料金は、一年契約を12で割ったものとしている。
• prgmrは真っ白な状態からの契約なので、初期CPが設定されていない（らしい）
• OpenVZ系VPSのメモリはGuranteed-Burstableの順に記載。

• 自由度が高い VPS サービス Linode
• Top 10 VPS Providers for Web Developers - Six Revisions

国内限定でサーバを勧める時に利用する一覧表。WordPress等のソフト対応前提で選んでいます。

• さくらは、年間一括5,000円＝月額417円。表の値段は月払いの場合。

• わふわふレンタルサーバ：静的サイトを置くには適しているが、WordPressが動作しない、PHPがエラーを連発するなどでお薦めできない。
• heteml: GMOグループになった時点でアウト。
• ギガントmini: 2009年12月からサービス名称が変更。月額が1300円以上で、DBが動かせないのはありえない。

Bluehostからの引越先を検討中。リソースが無制限というのは信頼が無い証拠なので、ちゃんとリソースが決められているところを優先して選んでみた。最近話題の”LiteSpeed”が導入されているかどうかも選考基準にする。データセンターの場所も、なるべく西海岸に近い方が良い。

• 月額料金は、半年または一年間契約の料金を月割りにしたものとする。
• lighttpdとLiteSpeedは別物です。違いはライセンス形態とphpのパフォーマンスにある。
  • lighttpd：オープンソース、静的ファイルで処理速度最速。
  • LiteSpeed：リクエスト数100までは無料、それ以上はエンタープライズ版の購入が必要。ベンチマークではphpのパフォーマンスがlighttpdより高いらしい。Apacheとの互換性100%を誇り、既存の設定がそのまま持ち込める。

将来的に複数のサイトを運営することになるので、本当はVPSにしたい。だが、今VPSを扱えるほどの知識や経験がないのでサーバ運営を業者にお任せしたほうが安全だ。そこで共有サーバとVPSの中間にあたるプランを探してみた。

• 月額料金は、半年または一年間契約の料金を月割りにしたものとする。

• サーバ本体の料金は含まれていない。

1. レンタルサーバー比較
   • 日本国内のレンタルサーバをまとめてある。ちょっと情報が少なくて判断しづらい。
2. RENTAL SERVER HIKAKU
   • 日本国内のレンタルサーバの情報まとめ。情報量が多い為、検索機能付き。プラン詳細などの情報あり。
3. レンタルサーバ比較VARL
   • ユーザの評価情報が無いが、その他プランの紹介や専門用語に優れている。
4. VPSプランってどうよ？ まとめ Wiki
   • 2chのスレ「VPSプランってどうよ？」で好評だったサーバを紹介。

1. HostJury
   • ユーザがひいきナシの本音で評価。AtoZリストで太字になっている業者はレビューがある。
2. Web Hosting Talk
   • レンタルサーバの巨大フォーラム。
3. WEB-HOSTING-TOP
   • サーバ業者がユーザの悪評に対し、事情を書き込んでいる異例のレビューサイト。
4. Rails Hosting Info
   • 全世界のRails対応サーバ（共有、VPS、専用）をレビュー付きで紹介しているサイト。
5. レンタルサーバー比較DB++～口コミ・評判～
   • ネットの口コミを中心に情報を集めているサイト。評価はS（最高）からB-（最低）まで。
6. Low End Box
   • 割安なVPS／専用サーバをレビュー付で紹介しているサイト。

• The Best Grid, VPS, and Dedicated Server Web Hosting Review!
  • 共用サーバを卒業したと感じたら、次に良いのは専用サーバ。それほどお金がない場合はグリッドサーバ又はVPSが良いらしい。この人自身、様々なサービスを利用しているので説得力がある。
• Hosting Website: Helping you find the right host for your site
  • 本物のレビューを心がけた、レンタルサーバ評価サイト。本人の体験に基づいているので、スポンサーによるひいきや初心者による悪評が書かれていない。
• Alternative web servers compared: Lighttpd, Nginx, LiteSpeed and Zeus
  • 軽量Webサーバソフトウェアの比較記事

Content Delivery Networkの略。コンテンツ配信ネットワーク。

世の中に出ているWebブラウザの種類・特徴・動作環境をまとめてみました。情報は随時更新/追加します。

• 12 Mac OS X browsers

全機種の比較表はMobile browser - Wikipediaを参照。

Mobile browser - Wikipediaを参照。

Firefoxのアドオン、User Agent Switcher等で使えるユーザーエージェント偽装（フェンリル デベロッパーズブログ参照）

• iPhone OS 5.1

  Mozilla/5.0 (iPhone; CPU iPhone OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B179 Safari/7534.48.3

• Android 2.3.6 Galaxy S2 LTE

  Mozilla/5.0 (Linux; U; Android 2.3.6; ja-jp; SC-03D Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

• iPad OS 5.1

  Mozilla/5.0 (iPad; CPU OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B179 Safari/7534.48.3

公衆無線LANサービスの比較資料です。実際に使ってみたものや、調べてみた事柄を基にしています。

このページのコンテンツは、/compare/webserversへ移動しました。

ハードウェアの比較を掲載する予定です。

• シングルボードPC (Raspberry Pi等）

レイアウトや、ワイヤフレームを作るときに便利な素材など。

• iPad GUI PSD
  • iOSアプリのインターフェース付き
• iOS6 GUI PSD (iPhone 5)
  • カメラ、シェア、マップ、設定画面のインタフェース付き
• Androidデバイス
  • Android GUI PSD Vector Kit
    • Android 1.6ベースのUI
  • HTC G1 Dream Smartphone .PSD, Nexus One by Google .PSD, Google Nexus One Redux .PSD, HTC Incredible Smartphone .PSD
    • 非商用・個人ライセンス。商用で使いたい場合は作者に要問い合わせ。使用した場合は作者へのリンクとクレジットの掲載をお願いします。

• Web Browser Elements
  • Windows/Macのbrowser form elementsのPSDを集めたページ。

• Free Full Layered Facebook GUI PSD Kit
• 2011 YouTube Player UI

• Bootstrap V3.0 UI Kit

• Photoshop Browser Templates for Firefox(Mac/Win), IE
• モバイル用サイト作成に便利、無料モックアップ用デザイン素材まとめ
  • Android2.3.4、Android2.0、iPad、iPhone4、Windows Phone 7、Mamo、Palm PreのPSDあり。
• 45+ Free Design Template And PSD Files
  • クレジットカードやポストイット、DVDラベルなどのPhotoshopテンプレートが利用できます。
• 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
  • ブラウザ、Omnigraffle、Web用のUIキット多数
• A UI Design and Prototyping Treasure Chest
  • ブラウザテンプレート、UIパーツ、アイコン集など
• 23 Free Music Player PSD Templates
  • オーディオプレーヤーのモックアップをデザインするのに便利。

• A Collection of Printable Web Browser Sketching and Wireframe Templates

  手描きでスケッチを書く時に便利そうな印刷用テンプレート集です。

CMS(Content Management System)の情報まとめ。
まだ使ってないやつは噂・他人の情報に偏っている。次に習う言語／システムに役立てようと思う。

軽量なBlog/CMSシステム。よくWordPressと比較される。ブログにトラックバックができないという一部不満を除いて、評価は結構高い。習い始めてから慣れるまでの期間はWordPressよりも長いらしい。

• Textpattern本家サイト
• Textpattern Developer's Toolbox
• Textpattern Building Block Mechanics
• Textpattern Semantics
• Intro to Textpattern
• Create a Simple Portfolio Website and Blog with Textpattern
• Avoiding the Digg Effect on Textpattern: How to Install Page Caching

Mamboが進化したCMS。

• Joomla!の道しるべ URL

管理画面が分かりやすいCMS。Ajaxを多様している。

• MODx日本公式サイト URL
• MODx
• MODx Content Management System URL
• Let's enjoy MODx（チュートリアル） URL

オープンソースのCMSで、必要環境はPHP+MySQL。編集画面にパワフルなプレビュー画面がついているのが特徴、らしい。

• concrete5日本語公式サイト URL
• Concrete5 URL
• マイコミジャーナル：ある意味CMSの理想型かも。『Concrete5』を試す!URL

• ExpressionEngine URL
• 日本エクスプレッションエンジン URL
  

有料ライセンス必須のCMSエンジン。位置づけとしては「ブログとその他のページを管理するCMS」。ライセンスはMTほど高くない。

• ExpressionEngine Developer’s Toolbox URL
• A Brief Introduction to ExpressionEngine URL

ソーシャルニュース・ブックマークサイトが構築できるCMS。Diggみたいなサイトが自分で構築できる。日本語版は日本語パックを配布している団体に配布を申請してからファイルをもらうらしい…

本家サイト

• 郡山女子大学図書館パスファインダー

Googleの無料ブログ作成サービス。MTに似た静的HTML生成、テンプレートタグでブログを構成できる。

• Blogger URL
• Blogger Template Tags URL

私の独断で並べたランキングです。

1. WordPress
2. MovableType
3. TextPattern

1. BuddyPress
2. OpenPNE

1. Pligg
2. Hotaru CMS
3. SemanticScuttle
4. GetBoo

1. Vanilla Forums
2. esoTalk
3. Mintboard
4. bbPress
5. phpBB

• PHP CMS Demos - opensourceCMS
  • 100種類以上のCMSの管理画面デモを提供しているサイト。
• CMS Toolbox: 80+ Open Source Content Management Systems
• Best PHP Frameworks and CMS続き
• 20 Promising Open Source PHP Content Management Systems(CMS)
• 企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き）
• 連載インデックス「独断と偏見のCMS比較」
  • いまやWebサイト立ち上げ期に、Webサイトの内容を効率的に管理する「コンテント管理システム（Content Management System）」は必要不可欠。CMS製品を開発するUEIの清水氏が分類するCMSの3ユーザーと9つの機能とは？
• 人気オープンソースCMS徹底比較：一覧表
  • 代表的なオープンソースCMSの比較一覧表です。 これからCMSに挑戦しようと思っている初心者の方でも分かるように重要なポイントを一覧にしてみました。
• 15 Best Free Open Source Ecommerce Platforms
  • 海外系のフリー・オープンソースECのCMS15選。
• 14 Light and Easy to Use Open-Source Content Management Systems
  • 小規模のサイトで、機能が多いシステムを選ぶ必要のないときに選べるオープンソースCMS14選。
• Ten Simple Rules for Choosing the Perfect CMS + Excellent Options
• The Dilemma of Choosing the Perfect CMS
• オープンソースのＣＭＳを２４個まとめた - かちびと.net

レンタルサーバの情報まとめ。ここがいい、ここは早い、ここは使えないなどの情報を載せていきます。

このウィキはHawkHostでホスティングされています。LiteSpeed Webサーバを標準搭載、サーバの所在地はアメリカ西海岸ワシントン州、シアトルです。申し込みたい・興味のある方はこちら

• さくらのVPSは月払いで980円、年間一括で10,780円。ここでは年間一括料金を12分割して表示しています。
• ServersMan@VPSはOpenVZの関係上、保証されたコア数の指定がありません。
• もっと見る→Web開発者向けVPSスペック比較表2012年7月版(第三版)

• 月額料金は、一年契約を12で割ったものとしている。
• prgmrは真っ白な状態からの契約なので、初期CPが設定されていない（らしい）
• OpenVZ系VPSのメモリはGuranteed-Burstableの順に記載。

• 自由度が高い VPS サービス Linode
• Top 10 VPS Providers for Web Developers - Six Revisions

国内限定でサーバを勧める時に利用する一覧表。WordPress等のソフト対応前提で選んでいます。

• さくらは、年間一括5,000円＝月額417円。表の値段は月払いの場合。

• わふわふレンタルサーバ：静的サイトを置くには適しているが、WordPressが動作しない、PHPがエラーを連発するなどでお薦めできない。
• heteml: GMOグループになった時点でアウト。
• ギガントmini: 2009年12月からサービス名称が変更。月額が1300円以上で、DBが動かせないのはありえない。

Bluehostからの引越先を検討中。リソースが無制限というのは信頼が無い証拠なので、ちゃんとリソースが決められているところを優先して選んでみた。最近話題の”LiteSpeed”が導入されているかどうかも選考基準にする。データセンターの場所も、なるべく西海岸に近い方が良い。

• 月額料金は、半年または一年間契約の料金を月割りにしたものとする。
• lighttpdとLiteSpeedは別物です。違いはライセンス形態とphpのパフォーマンスにある。
  • lighttpd：オープンソース、静的ファイルで処理速度最速。
  • LiteSpeed：リクエスト数100までは無料、それ以上はエンタープライズ版の購入が必要。ベンチマークではphpのパフォーマンスがlighttpdより高いらしい。Apacheとの互換性100%を誇り、既存の設定がそのまま持ち込める。

将来的に複数のサイトを運営することになるので、本当はVPSにしたい。だが、今VPSを扱えるほどの知識や経験がないのでサーバ運営を業者にお任せしたほうが安全だ。そこで共有サーバとVPSの中間にあたるプランを探してみた。

• 月額料金は、半年または一年間契約の料金を月割りにしたものとする。

• サーバ本体の料金は含まれていない。

1. RENTAL SERVER HIKAKU
   • 日本国内のレンタルサーバの情報まとめ。情報量が多い為、検索機能付き。プラン詳細などの情報あり。
2. VPSプランってどうよ？ まとめ Wiki
   • 2chのスレ「VPSプランってどうよ？」で好評だったサーバを紹介。

1. HostJury
   • ユーザがひいきナシの本音で評価。AtoZリストで太字になっている業者はレビューがある。
2. Web Hosting Talk
   • レンタルサーバの巨大フォーラム。
3. WEB-HOSTING-TOP
   • サーバ業者がユーザの悪評に対し、事情を書き込んでいる異例のレビューサイト。
4. Rails Hosting Info
   • 全世界のRails対応サーバ（共有、VPS、専用）をレビュー付きで紹介しているサイト。
5. レンタルサーバー比較DB++～口コミ・評判～
   • ネットの口コミを中心に情報を集めているサイト。評価はS（最高）からB-（最低）まで。
6. Low End Box
   • 割安なVPS／専用サーバをレビュー付で紹介しているサイト。

• The Best Grid, VPS, and Dedicated Server Web Hosting Review!
  • 共用サーバを卒業したと感じたら、次に良いのは専用サーバ。それほどお金がない場合はグリッドサーバ又はVPSが良いらしい。この人自身、様々なサービスを利用しているので説得力がある。
• Hosting Website: Helping you find the right host for your site
  • 本物のレビューを心がけた、レンタルサーバ評価サイト。本人の体験に基づいているので、スポンサーによるひいきや初心者による悪評が書かれていない。
• Alternative web servers compared: Lighttpd, Nginx, LiteSpeed and Zeus
  • 軽量Webサーバソフトウェアの比較記事

HTML5, mobile等のフレームワーク

1. Twitter Bootstrap
   • Twitter社が開発し、オープンソースで提供しているCSSフレームワーク。最初から使えるjQueryプラグインが豊富。
     • Bootstrap History: Bootstrapのバージョンごとのドキュメンテーションを保管しているサイト
2. Foundation,docs
   • Bootstrapの競合フレームワーク。レスポンシブ機能はBootstrapより上らしい。
3. Skeleton
4. Semantic UI
   • Bootstrapより分かりやすい言葉を使ってマークアップするフレームワーク。より実用性のあるUIパーツが用意されている。

Bootstrap vs. Foundation vs. Skeleton

1. jQuery Mobile
   • jQueryベースのモバイルフレームワーク。Dreamweaver CS5.5からテンプレートとして選択できる。モバイルフレームワークの中では一番開発が成熟しているが、動作が重いとの評価も。
2. Zoey
   • 超軽量JSライブラリ、Zepto.jsをベースにしたモバイルフレームワーク。

• LungoJS
  • HTML5、CSS3、JSをフル活用したフレームワーク。

• 16 Mobile Frameworks For Rapid Development

1. Smarty
   • PHPテンプレートでは定番中の定番
2. Twig、紹介記事＋ベンチマーク
   • 最軽量のテンプレートエンジン。記述がDjangoのテンプレートに似ている。