chocolablog ver.0.4 にアップデートしました～
自作ブログ CGI の chocolablog を ver 0.4 にアップデートしました～。今回は UI を中心に、表も裏も作りこんでいった感じです。
とりあえず、入れたい機能はこれでだいたいそろった気がするので、開発はひと段落としたいと思います。
ver0.4 の追加機能
・記事に任意のサイズに縮小した画像を貼れるように・タグ選択で記事の一覧を絞込めるように
・記事の一覧に、N 件毎のページ送りを実装
・記事の閲覧時に、前後の記事のタイトルを表示
・記事の一覧に、記事に書かれたコメントの件数を表示
システム管理画面
・UI の全面刷新
・記事編集用リッチエディタを実装
前回のアップデートから結構日が経っちゃってますが、裏側のシステム管理画面を大幅にリニューアルしていたのが大きいです。というか、どうせ自分しか見ないしと思って今までは css すら当ててなかったり。
それが↑のスクリーンショットみたいな感じで、オーバーレイで編集画面を重ねたり、リッチエディタで記事を編集したりともろもろ機能盛り込んで仕上げてみましたー。リッチエディタ自体は HTML5 の contenteditable でかなり簡単に利用できます。パワポの添付画像みたいな要領で、貼り付けた画像のサイズをブラウザ上で変更したりもできます。便利な機能が使えるようになりましたね。
ただ、chocolablog では記事の表記方法に独自の記法を搭載しているので、リッチエディタで書ける HTML ソースと、内部データ形式との変換に一手間かけてます。主に画像の取り扱いですね。
画像といえば、記事内に貼り付ける画像のアップロードも新規で実装してます。リッチエディタ内のカーソル位置を取得して img タグを入れるというのが結構手間取った部分でした。HTML 5 の仕様をななめ読みしたり DOM をいろいろいじってみたりなど、ほとんど始めてだったので勉強になりました。なんかちゃんと調べたら画像のアップロードとかももっと簡単な方法があるような気もしますが、ひとまず完了です。
chocolablog 開発 コメント (0) 2012/02/17 22:11:50