新着情報をユーザー側で編集できるシステムを作ろうとTEXTAREAをWYSIWYGにするオープンソースなAJAXを探した。
TinyMCE：有名で高性能だけど重い。LGPLライセンス。
FCKeditor：高性能だけどさらに重い。LGPLライセンス。
CKEditor：FCKeditorを更に高性能に軽くなった。LGPLライセンス。
PunyMCE：TinyMCEの軽量版高速だけどGPL、LGPL、MPLライセンス。
Free Rich Text Editor：ライセンスはCCなので使えるけど小窓表示がうっとうしい。
Xinha：高機能だけど重い。BSDライセンス。
jHtmlArea：jQueryなWYSIWYGエディタ、機能は少なすぎる。（h1にしてしまうとpに戻らない。IEで表示が変）
jwysiwyg：jQueryなWYSIWYGエディタ、機能は少なすぎLGPLライセンス。
SPAW Editor：UIも美しくタブが使え高性能だけど重く小窓を多用しGPLライセンス。
TTW HTML Editor：機能が微妙（テーブルが作れるのに画像は貼れない）更新が止まってる。
YUI Rich Text Editor：機能は必要十分でYahoo!なので安心、動作も重くなくBSDライセンス。ただ、読み込むライブラリ数が多いのでごちゃつく。
NicEdit：シンプルで機能の追加もできMITライセンス。
今回試した中では「CKEditor」がいい感じだったか、作る予定のシステムは仕事で使う可能性が高いので、GPL系のライセンスはソースを公開する必要があり商用には使えない。
jQueryなのはカスタムするのを前提ならいいものになるかもしれないけど、そのままだと他と比べ劣る。
ライセンス的にも動作的にも安心できるのはYUIのRich Text EditorだけどprototypeとかjQueryを使うときに衝突しないか不安になるので長い目で見ると問題あるかもしれないし、読み込むファイルが多く、足が遠のく。
色々考えたあげく「NicEdit」を日本語化して使う事にした。
2009/11/08 |
Tags: AJAX, WYGIWYG | 制作日記 | コメントください »
Googleリーダーを知ってから日々WEB制作に関するニュースを追いかけられています。
気になる記事はデスクトップにとりあえずショートカットを作って後で整理する感じにしてるのですが、別のパソコンで気になる記事を見つけたらメインのパソコンにショートカットを移すのが面倒でした。
そこでソーシャルブックマークを使おうと決意し色々使ってみて結局人気のあるはてなブックマークを使っていたんだけど挫折。
・ソーシャルな機能はいらない、
・サムネイルが無いので分かりづらい
・よそにデータがあるとなんかイヤ
って事で自分で作る事にしました。
>> ウェブクリエーターズブックマーク
サムネイルはHeartRails Captureのを使わしてもらって。
負荷がかかるとHeartRails Captureさんに迷惑かかるかと思ってサムネイルはキャッシュする様な感じにしてます。
サムネイル画像は横長の方がカッコイイと思ってレイアウトしたらヘッダしか見れなくなったのでBackground-Position Animationsを使いカーソルを合わせるとスクロールし、全体が見れる様にしています。
サムネイルには掛かってる数字は管理用の数字なので表示する必要は無いけどアクセントとして付けてます。
HTMLにフォントを埋め込んで回転させたりしてるので全てのブラウザに対応って訳にもいかないしフォントの読み込みに時間が掛かるので普通やらないけど実験的にやってみた。（ieはちょっと数字の位置を変えてる）
ちなみにロゴの横の顔は海外のWEB制作者向けのブログデザインによくコーヒーカップがあるのとウェブのWが目、クリエーターズのCが鼻、ブックマークのBが耳になっています。
2009/10/16 |
Tags: WEBクリエーター, ブックマーク | 制作日記 | コメントください »
ミシュランガイド 京都・大阪 2010の発表が行われました。
三つ星を獲得したお店は「菊乃井本店」「吉兆嵐山本店」「千花」「京都つる家」「瓢亭」「未在」「ハジメ」だそうです。
一生行く機会の無い店なので関係ないですが見てみたいです。どうもミシュランガイドは本国では人気が無いらしく日本で儲けようって考えらしい。偉い人を接待するのには便利な本だろうし、東京版は入手が困難になるぐらい売れたらしいので京都・大阪もそこそこ売れる気がする（発売日は10月16日）。ただ、関西版を出すにあたって京都・大阪をセレクトしたのかよく分からない京都の高いお店は一見さんお断りな店だし、大阪はジャンクフードの土地柄、いっそのこと「ミシュランガイド 神戸」とかにした方がよかったのでは？とか思ったりする。
ちなみにちちんぷいぷいの王憲生さんが料理長をしてる故宮が1つ星を取ったらしい。
2009/10/13 |
うだうだ | コメントください »
とうとう、新・三銃士が始まりました。
三銃士は昔チャーリー・シーンとキーファー・サザーランドが出てた映画版しか見たことが無いしストーリーは忘れたが爽快で面白かった気がする。今回の人形劇はNHKもかなりチカラを入れてるようで三谷幸喜の脚本で人形がカッコイイ。井上文太って人がデザインしたらしい。
ちなみに今日見逃した人も土曜日にまとめてやるみたいなのでチェックしましょう！
2009/10/12 |
うだうだ | 1件のコメント »
WordPress2.8.4にバージョンアップしてから記事のタイトルの下（正確には記事の上）に記事へのURLが現れる様になった。
原因は「the_content」の3つ目の現在使用されてないmore以降を表示する為のリンク先を指定したのが原因だった。
現在のテンプレートはCSSの都合でページ内リンクをすると表示が変になるのでページの頭に飛ばしたくて付けたんだけど現在サポートされていないという事で「いつかバージョンアップして直ればいいな」ぐらいに思ってたんだけど、なぜかWordPress2.8.4から3番目の文字を記事の上に表示する様になった。
そこで、まずテンプレートの「the_content」の3つめの引数を削除した。（2番目もついでに消した。）
それから無理矢理リンク先のアドレスからページ内リンクを削除する事にした。
「the_content」は「/wp-includes/post-template.php」に関数がある。
これは「the_content」は「get_the_content」を出力用に整形してるらしい。
そこで226行あたりにある「get_the_content」のリンクを生成してる記述から「#more-$id」を削除した。
とりあえず、コレで思い通りページ内リンクしなくなったけど、バージョンアップの度に修正する必要があるのが不便。
2009/10/05 |
Tags: WordPress | 制作日記 | コメントください »
WordPressのバージョン2.8.2を使ってたんだけど脆弱性があるとの事でバージョンアップしました。
WordPressのアップデートは過去にしたことがあるがサーバーがXREAでそのままの状態ではバージョンアップ出来ず、データベースやファイルを一旦バックアップして本家からダウンロードしてちまちまファイルをアップしてアップデートしてたので「面倒なんでイヤだな」と思ってたのですが。
Core Update Host Compatibility – WordPress Codex 日本語版というサイトを見つけた。
このサイトには色んなサーバーのバージョンアップ情報が載っていてXREAの情報も記載しておりその通りやると1分も掛からず終わった。
今までの苦労はなんだったのだろう・・・
2009/09/06 |
Tags: WordPress, XREA | うだうだ | コメントください »
これまでの手順で進めていくと
http://192.168.0.4/
の一つのサイトしか開発できない。
現時点でもいくつかのプロジェクトを開発しているし、今一つのプロジェクトしか開発していって人も今後複数のプロジェクトを開発する事になるかもしれない。そこでプロジェクト（サイト）単位でユーザーを作成し、
http://192.168.0.4/~myrelease/
みたいな感じで~（チルダ）に続くユーザー名でアクセス出来る様にしたいと思う。
〝VMwareにubuntu乗っけて仮想サーバー その4〟の続きを読む
2009/08/09 |
Tags: ubuntu, VMware, 仮想サーバー, 開発環境 | 制作日記 | コメントください »
前回に続きubuntuの設定とソフトのインストールをしていく。
（ここに記してる設定は開発環境用なのでセキュリティ甘々です。）
実はubuntuのサーバー版はコンソールで日本語が化ける。サーバーのコンソールはあまり使わないのでスルーした。
（直したい人は[ThinkIT] 第2回：Ubuntu Serverをインストール (4/4)を参考に）
〝VMwareにubuntu乗っけて仮想サーバー その3〟の続きを読む
2009/08/08 |
Tags: ubuntu, VMware, 仮想サーバー, 開発環境 | 制作日記 | コメントください »
今回もubuntuのサーバー版を入れる事にする。
お亡くなりになった自作のサーバーに入っていたのもubuntuだったのでCDは既に用意してある。
インストール時に悩まない様に設定を先に決めておいた方がいいかと思います。
もちろん後でも変えられるけど色々弄った後だと変えるのが面倒だ。
IPアドレス：192.168.0.4
ubuntuに振り当てるIPアドレス。サーバー用途なのでIPは固定します。
本名：ubuntu
別に本名を書く必要はありません。適当でOKです。
ログインユーザー名：uda2
普段使いのユーザー名です。rootは予約済みなのでそれ以外にします。
ログインパスワード：
今回はテスト環境なので入力しやすいものでOK、文字数が少ないと怒られますが別に気にする事はありません。
MySQLのrootパスワード：
これもテスト環境なので入力しやすいものでOK、ログインパスワードと同じでいいかと思います。
ホスト名：ubuntu
samba（ファイル共有）で使うコンピューターの名前です。Windowsでいうところのコンピューター名です。
ドメイン名：hogehoge.org
サーバーのドメイン名です。公開する時はドメインを取ってからの話ですが今回はテスト環境なので適当でOKです。
後は開発のプロジェクト毎にユーザー名とパスワード
〝VMwareにubuntu乗っけて仮想サーバー その2〟の続きを読む
2009/08/08 |
Tags: ubuntu, VMware, 仮想サーバー, 開発環境 | 制作日記 | コメントください »
Link Stationに続き数ヶ月前に構築した自作サーバーがお亡くなりになった。
最近、暑さでFANが五月蠅かったのでたまに電源を切ったりしてたけど、まさか壊れてしまうとは・・・
フタを空けてみたが見た目にはなんにも異常は無いけどモニタに何も映らずブラウザでもtelnetでもアクセス出来ない。
自作サーバーはまだ未公開（公開する予定も無いけど）で、主に開発環境として使っていただけだった、とはいえ開発環境が無くなると困るので構成を考え直す事にした。
元々、この自作サーバーは数年前にヤフオクで買った2つのサーバー（計2万円くらい）パーツの生きてるパーツを合わせて作ったものでDNRH-001と同じくC3 1GHzと電気代は安いが非力で単純にページを表示したり簡単なスクリプトを動かすには十分だけどmySQLを使ったりすると重くなっていた。
買い直そうかと探してみたが最近は自宅サーバーを作るのはATOMやAthlonの低電力版を使うのが主流な様で安くみつもっても2万ぐらいはかかる。
よくよく考えるとメディアサーバー（DNRH-001）とWEBサーバー（自作サーバー）の2つのサーバーを動かすのは電気代を考えると無駄だ。そこで公開する時はメディアサーバーを公開サーバーにするとして、メインのパソコン内に仮想サーバーを建てこちらをテスト環境にする事にした。
仮想化する事によってスペースもスッキリするし、使うときだけ立ち上げればいいので電気代も安くなり、サーバーのレスポンスも良くなり、バックアップもディスクイメージごとバックアップできる。
仮想サーバーのソフトは無料のVMware Playerを使う事にした。
VMwareは元々Windows95や98のテスト環境用にVMwareを使っていてなじみがある。
VMwareのサイトに行くと新しいバージョンが出ていたので再インストールする事にした。
〝VMwareにubuntu乗っけて仮想サーバー その1〟の続きを読む
2009/08/08 |
Tags: ubuntu, VMware, 仮想サーバー, 開発環境 | 制作日記 | コメントください »
