サイトの作成がウェブ上で完結して、出来るだけ直感的な操作が出来るCMSを集めました。
使ってみた感想として、見たままに編集できるのって楽しいなって思いました。

サーバーインストール型からASP型、Webサービス型までいろいろあります。
共通点としては、全てのサイトがコンテンツの追加にドラッグ&ドロップを使ってた所ですね。

デザインは出来るけどHTMLやCSSはよく分からいという方、もっと簡単にページの追加やデザイン変更を行いたいと考えている方の参考になれば幸いです。

concreate5

130万円で販売されていた商用ソフトウェアが、オープンソース化されています。

ホームページ上ですべてを直感的に編集できるようにというコンセプトで生まれた、画期的なオープンソースCMS。
コンクリートブロックを積み上げるようにサイトを制作して行けるようにというコンセプトの元に開発されているようです。

右クリックから編集や要素の追加、ドラッグ&ドロップでブロックの移動が行えます。

bingo!CMS

サーバーインストール型のCMS。
デザインについては、スキンを外部からいくつでも取り込むことができる。
また、サイトごとに必要な表示・システムを拡張機能として取り込むことも。

Orbs

ウェブサービス型。サブドメイン形式でサイトのURLが作成可能。

編集したいページの一部をクリックするだけで、すぐに編集モードに。
画像を追加したり、文字のスタイルを変えることも可能です。

デザイン編集モードにすると、Flashで自由にドラッグ&ドロップや回転させる事ができます。
これ、すごいです。

tsumiki2.0

制作会社向けのWebオーサリングツール。
ASP版とサーバーインストール版の2タイプありました。

サイト作成時にコンテンツを登録しておく事で、次回のサイト作成時に再利用する事ができます。
作りたいものを作りたい所だけ作れる、スムーズな作業環境を提供してくれます。

以上。インタラクティブに見たままデザイン変更可能なCMSいろいろでした。

Dropboxのようなクラウドストレージとファイル共有アプリが作れる「Syncany」が面白そうだったのでご紹介。

ソースコードはオープンソースで公開されていますので、自分でクラウドサーバーを作ってみたい方や興味が有る方におすすめです。

ただ単にファイルを同期するだけでなく、
データ保存にGoogle StorageやAmazon S3、Picasaなどを使用してクラウドに保存しようとするのが特徴です。

もちろん、自分のサーバで構築してFTPやSSHでアップする事もできますよ。

その他にもファイルマネージャとの統合やバージョン管理、クライアント側の暗号化などのセキリティ対策にも力が入れられているようですね。

↑Growl風の通知も可能。

自分でストレージサービスを作りたい方や、
Dorpboxやsynergyなどの外部サービスにデータを預けるのが心配な場合に使ってみてはいかがですかね。

詳細&ダウンロードは下のリンクからどうぞ。

早速当サイトでも設置してみましたので設置手順をご紹介します！

設置方法

ボタンを設置したい場所に以下のタグを貼り付けるだけでした。簡単ですね！
当サイトではsingle.phpの中に埋め込んでます。

埋め込みタグ

<script type="text/javascript" 
src="http://apis.google.com/js/plusone.js"></script>
<g:plusone></g:plusone>

これで設置完了です。

以下のページを参考にしています。
Google +1 をウェブサイトに公開

カスタマイズについて

↑色んな出し方が用意されています。

表示方法のカスタマイズについてはGoogleのドキュメントをどうぞ。
http://code.google.com/intl/ja/apis/+1button/

「Img to CSS」は、写真やロゴなどのGIF・JPG・PNG画像をCSS化できるオンラインサービスです。

CSS化したテキストは、コピーペーストで使用できるようになっています。

以下に使ってみた様子を載せておきます。

画像を指定

↑サイトにアクセスすると、画像をアップロードフォームから画像をしてする事ができます。
画像はURLからも指定できるようになっています。

↑試しにFirefoxの画像をアップしてみました。
画像は拡大表示していますが、ほぼ忠実に再現されていますね。

大きな画像は対応していないようで、250 x 250px以内でなければいけないようです。

これはすごい。
使ってみたい方は下のリンクからどうぞ。

「MacDropAny」はDropboxでのファイル共有に好きなフォルダを追加できるアプリケーションです。

通常Dropboxでは、同期を取りたいフォルダを１つしか指定できませんが、このアプリを使うと任意のフォルダを指定する事ができるようになります。
例えばDesktopをまるごと同期なんかもできちゃいます。

今まではシンボリックリンクをターミナルから作成したりしていたのですが、これで簡単に色々な設定ファイルを同期する事ができますね。

私は取りあえずTransmit(FTPクライアント)の情報を同期しておきました。
Dropboxから公式にでてるため、安心感もあります。

また、Windowsユーザの方のために、Dropbox Folder Syncというソフトもあります。こちらも同様の機能を持っています。

ダウンロードは下のリンクからどうぞ。

こんなにたくさんのAPIが提供されていたんですね。知らないのも沢山ありました。
各サイトにリンクが貼られているので、覚えておくといつか使うかもしれません。

「Springloops」はプロジェクト管理のために作られたWEBサービスです。

サイト上でプロジェクトを作成すると、GitかSVNのリポジトリが使用できるようになります。
プロジェクト管理に必須なマイルストーンの設定をして、チケット駆動開発に使う事ができます。

自前で環境構築する必要が無いのも手軽で良いですね。

画面も非常にキレイで見やすくなってます。

プロジェクトの内容によっては外部のサービスを使うのは厳しいかもしれませんが、個人で使用する場合などによさそうです。

パソコン間のファイル同期に便利な「Dropbox」ですが、期間限定で容量を増やす事ができるゲーム「DropQuest 2011」が開催されています。

※Dropboxってナニ？という方はぜひWeb担を読んでみてください。

このゲームをクリアーする事で、1GB分の容量をゲットする事が出来ます。

激ムズ謎解きゲーム

試しに普通にチャレンジしてみましたが、難しすぎてさっぱりわかりません。
挑戦して見たい方は以下のリンクからどうぞ。
https://www.dropbox.com/dropquest2011/

すでに解いた方がいましたので、どうしてもクリアーできない方はどうぞ。
Dropboxの容量を1GB増やすことができるゲーム「Dropquest」の日本語版攻略ガイドを作ったよー

ヒントを見ながらだと、20分ぐらいでクリアーする事ができます。情報に感謝！

こういった試みでパイラルコンテンツを作っていく仕組み作り、うまいですね。

「Animated Gif Generator」はアニメーションGIFを作成する事ができるジェネレーターです。

gif、jpg、png画像をアップロードする事で簡単にアニメーションを作成する事が可能になっています。

アップロードした画像はドラッグで順番を変更できるようになっているので以外と便利そうです。

アニメーションGIFって以外と作ったりしますよね？
いつか使うかもしれないのでメモです。

アニメGIFを作る際に使ってみてはいかがでしょうか。

日々入ってくるたくさんの情報の整理、皆さんはどのようにされているだろうか。
気に入ったサイトを集めたり共有するのに、ブックマークサービスを使っている方は多いかと思います。

そのブックマークサービスの一つであり、海外で著名なものにDeliciousがありますが、週末に劇的なニュースが流れました。

きっかけはTechCrunchのニュースから。
Yahoo、サービスに大ナタ、Del.icio.us他多数を廃止する？ [Update: そのとおり]

なんとDeliciousが無くなるの？と思いきや、続報が。
閉鎖はしないが売却先を考えているようです。

YahooはDel.icio.usを閉鎖しないが買い手を探している

当面、サービスの閉鎖はしないとの事ですが今まで保存していたブックマークが無くならないようにバックアップはしておきましょう！

• Deliciousデータのエクスポート
• ブラウザにインポートする方法
• 他のWebサービスに移行する方法
• 自分でWebサービスを構築する方法

詳しくは以下

Deliciousデータのエクスポート

どこにデータを移すにもまずはバックアップが必要です。

↑まずはDliciousにログイン後、右上のsettingから設定画面を表示します。

↑次に[Bookmarks]セクション以下にある[Export / Backup Bookmarks]をクリックします。

↑Export / Download Your Delicious Bookmarksというページが表示されるので、下部のExportボタンをクリックするとエクスポートが実行されます。

なお、タグやノートも含めてエクスポートする場合は、include my tagsと
include my notesにチェックを入れてからExportボタンを押してください。

エキスポートされたhtmlファイルを任意の場所に保存すればバックアップは完了です。

ブラウザにインポートする方法

■ Firefoxへインポートする

すでにまとめられた方がいたので、こちらを参考にするとわかりやすいです。

「Delicious」のブックマークをFirefoxや他のソーシャルブックマークに移行する方法。

ブックマーク→ブックマークの管理から実行できるようになっています。

■ Chromeへインポートする

ブックマーク→ブックマークマネージャーからインポートできるようになっています。

他のWebサービスに移行する方法

■ はてなブックマークに移行する方法

Deliciousからはてなブックマークへの移行について

■ Google Bookmarkに移行する方法

del.icio.us のブックマークを Googleブックマーク へインポートする方法

del.icio.us to Google BookmarksというWebサービスを使う事で簡単に移行できるようになっています。

■ livedoor クリップ に移行する方法

クリップの使い方：del.icio.usからのデータ移行

■ Yahoo!ブックマーク に移行する方法

del.icio.usからのインポート

■ その他のブックマークサービス
Spabba
diigo

自分でWebサービスを構築する方法

この際なので、オープンソースを使って自分用のサービスを作ってしまいましょう。

■ Scuttle

ダウンロード

PHPとMySQLで動作するDeliciousクローン

■ Selficious

ダウンロード

Pythonで作られた個人用のブックマークシステム

■ Scrumptious

ダウンロード

CouchDBで作られたDeliciousクローン