2007年12月25日
Movable TypeをDBへの入力ツールとして利用して、出力は自前で構築、ということでYUIのTreeでMTの出力してみる実験をしてみましたが、今度は、昨日のjQuery プラグインGradient を使って、タイトルを作ってみました。一応ですけど。
もうMT（ しかも2.6 ）には見えません。
http://jsgt.org/mt/01/topic/test.htm
masa ( 2007年12月26日 12:00 )
MTのDB定義の資料って、どこかに、ありますか？それとも、ご自身で調べられました？
高橋 ( 2007年12月26日 13:28 )
私のは古い2.6なんですが、自分で使っているDBを見てやっています。
でも、たぶんどのバージョンでもschemasというディレクトリ配下に、各データベースごとのスキーマが保存されているはずです。
たとえばMySQLなら、こんな感じで↓
create table mt_author (
author_id integer not null auto_increment primary key,
author_name varchar(50) not null,
author_nickname varchar(50),
author_password varchar(40) not null,
author_email varchar(75) not null,
author_url varchar(255),
author_can_create_blog tinyint,
author_can_view_log tinyint,
author_hint varchar(75),
author_created_by integer,
author_public_key text,
author_preferred_language varchar(50),
unique (author_name),
index (author_email)
);
create table mt_blog (
blog_id integer not null auto_increment primary key,
blog_name varchar(255) not null,
blog_description text,
blog_site_path varchar(255),
blog_site_url varchar(255),
blog_archive_path varchar(255),
blog_archive_url varchar(255),
blog_archive_type varchar(255),
blog_archive_type_preferred varchar(25),
blog_days_on_index smallint,
blog_language varchar(5),
blog_file_extension varchar(10),
blog_email_new_comments tinyint,
blog_email_new_pings tinyint,
blog_allow_comment_html tinyint,
blog_autolink_urls tinyint,
blog_sort_order_posts varchar(8),
blog_sort_order_comments varchar(8),
blog_allow_comments_default tinyint,
blog_allow_pings_default tinyint,
blog_server_offset float,
blog_convert_paras varchar(30),
blog_convert_paras_comments varchar(30),
blog_status_default tinyint,
blog_allow_anon_comments tinyint,
blog_words_in_excerpt smallint,
blog_ping_weblogs tinyint,
blog_ping_blogs tinyint,
blog_ping_others text,
blog_mt_update_key varchar(30),
blog_autodiscover_links tinyint,
blog_welcome_msg text,
blog_archive_tmpl_monthly varchar(255),
blog_archive_tmpl_weekly varchar(255),
blog_archive_tmpl_daily varchar(255),
blog_archive_tmpl_individual varchar(255),
blog_archive_tmpl_category varchar(255),
blog_google_api_key varchar(32),
blog_sanitize_spec varchar(255),
blog_cc_license varchar(255),
blog_is_dynamic tinyint,
index (blog_name)
);
create table mt_category (
category_id integer not null auto_increment primary key,
category_blog_id integer not null,
category_allow_pings tinyint,
category_label varchar(100) not null,
category_description text,
category_author_id integer,
category_ping_urls text,
unique (category_blog_id, category_label)
);
（以下略）
masa ( 2007年12月27日 12:01 )
やはり、DB見て、中身見て、これだよね？的な方法(?)ですね。やってみます。
ありがとうございました。
高橋 ( 2007年12月27日 20:20 )
できれば何かできたら教えてください。MT勝手出力UI開発仲間になりましょう(^^)/。
(←clickで入力欄open)
2007年12月13日
2007年12月12日
Movable Type Open Source
http://www.movabletype.org/2007/12/movable_type_open_source.html
Movable Type Open Source.（MTOS）
MTOS has every feature in Movable Type 4.0
Downloading MTOS
http://movabletype.org/opensource/getting-the-source.html
#まだこの件を知らなかった今朝のわたしが、Wordpressのインストールに失敗したことは、偶然ではないのかもしれません(笑)
2007年10月23日
サンプル付きのjQueryリファレンスをエントリに書きはじめたせいで、かも日記は、今日から、全ページでjQuery1.2.1を実装することになりました。
といっても、全ページがjQueryバリバリになる、というわけではありません。
とりあえず、ほぼすべてページのヘッダ部でjQueryを読み込んでおいて、デフォルトで利用できる体制にする、という程度のものです。
というか、
かも日記では、エントリをひとつ書くとindexページだけではなくて、個別ページをはじめいろいろなページも同時にできますので、jQueryリファレンスをエントリに書くなら、そのエントリ毎にJQueryがインポートされている必要があります。が、
しかし、indexページやカテゴリページなど、1ページ内に繰り返しエントリが表示される場合には、各エントリ毎に何度もインポートしたのでは無駄になってしまいます。（キャッシュの話は別件ということで＜別件？、、、略）
というわけで、えーい、なら、最初から全ページに設置しちゃおう。というわけです。
でも、jQery使っていないページの方が当然多いですから、それはそれで無駄なので(^^;、、、
一度読み込んだら生成される「jQuery」オブジェクトをチェックして、最初の一度だけ読み込む冪等な仕組みなんかも少し考えて試してはみたんですけれど、、、
結局、判定したり、動的に読み込んだりする為の無駄と、document.writeなどで読み込む不安定さなども嫌なので、きっぱりやめて、CSS設定なども一切含めた専用jQuery-min.jsを作って全ページヘッダへSCRIPTタグを置き、普通にロードすることにしました。
かも日記は、jQery使っていないページの方が多いですし、依存すると、v1→v2のような劇的アップデート時に苦労しそうですが、まぁ、JavaScriptコンプレッサーによるmin版で更にContent-Encoding:gzip圧縮もかけてますので、16k程度ですから、安定もしますし、まぁ良いかな？と。
#ちなみに、このように、MTのCSSを外部JavaScriptで設定する仕組みにすると、MTの出力UIを分離することになるわけで、MT改造計画との親和性が生まれてきます（＾＾?
P.S.一応、念のために、「実装とは」http://e-words.jp/w/E5AE9FE8A385.html
別名 ： インプリメンテーション, implementation, implement
ハードウエアやソフトウェアに新しい機能や仕様、部品などを組み込むこと。また、実際にその機能を組み込む際の手法も意味する。日本語でいうと「実装」。
例えば、ソフトウェア開発においてプログラム中に新しい関数を作成することを「新しい関数をインプリメントする」と言い、基板に新しいチップを載せることを「新しいチップをインプリメントする」と言う。
「インプリメント」は実装する作業を、「インプリメンテーション」は実装された機能や部品を指す場合が多いが、この逆の用例も頻繁に見かけるので、ほぼ同義と言える。
2007年10月19日
周知の機能かとは思いますが、livedoorやhatena、buzzurlなどでは、各ユーザーがブックマークしたブログの記事を記録して、ブックマーク数やリストを返す各種サービスを持っており、それぞれのサービスURLへ目的のURLを合成することで、簡単にカウンター画像やブックマークリストを表示することができます。
遅まきながら、ツリーメニューにもそれが表示できるようにしました。とりあえず、組み込んであった、ツリーのラベル行デザイン用コールバックテンプレート のなかへだらだらと記述して実現しましたが、時間があればもう少しスマートにします。何しろ今はテスト中。
一応、3つだけですけど、各サービスの書式は下記の感じ。要するに、下記をツリーのリンク構築時に流し込めばOK。
livedoor
カウンター画像
<img src="http://image.clip.livedoor.com/counter/対象URL">
ブックマークリスト
<img src="http://clip.livedoor.com/page/対象URL" border=0>
hatena
カウンター画像
<img src="http://b.hatena.ne.jp/entry/image/normal/対象URL">
ブックマークリスト
<img src="http://b.hatena.ne.jp/entry/対象URL" border=0>
buzzurl
カウンター画像
<img src="http://api.buzzurl.jp/api/counter/対象URL">
ブックマークリスト
<img src="http://buzzurl.jp/entry/対象URL" border=0>
このリンクから、各エントリをブックマークしていただいた方々のブログを辿ることができるようになるわけです。トラックバックスパムのせいで、失われていた、かも日記の双方向性が、livedoorやhatena、buzzurl限定で多少復活？
AjaxやDHTMLには、へたに全面改装すると、たとえば、それが動的に生成されるタイプのリンクばかりだった場合には、検索エンジンのクローラに見つけてもらいにくくなり、アクセスダウンが心配、というFlashような悩みをかかえることがあります。また、Ajaxを見れないブラウザの対策を忘れれば、ユーザーを取りこぼす、といった心配をすることもあります。
そこで、
現在の静的HTMLは、一切、変更せず、Ajaxな機能だけを、動的に追加して、
HTMLは、まったく今のままで、便利にだけしたい、というケースのために。
ユーザー支援ツールごとダイナミックにロードされるタイプのAjaxへ向けてとりあえず一歩。まだできていませんが、指差し確認、ロックオン。
テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト
--触るとロード
本文とかいろいろ
テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テ
2007年10月14日
今、モバイル携帯 X01HTでアクセスしてみたら、なんと、【最近の記事】のメニューツリーが動作していました。ちょっと重いですけど(^^;
昨日のエントリ「【JavaScript】ダイナミックロードで別ドメインと会話する 」も動作していて、ダイナミックロードについては、utf-8BOM版はダメで、URIエンコーディング版は動作していました。うーん。URIエンコーディング最強か。
ブラウザのリクエストヘッダ調査 にも足跡を残しておきました。
http://jsgt.org/ua/header_view.php?id=530
ブラウザのリクエストヘッダ調査
http://jsgt.org/ua/reqheader.php
2007年10月11日
| |
| Win |
| f2 | o9 | e6 | e7 |
| ○ | ○ | ○ | ○ |
| Mac |
| f2 | o9 | s1.2 | s2 |
| ○ | ○ | 未確認 | ○ |
| Linux |
| f2 | o9 | k3 |
| 未確認 | 未確認 | 未確認 |
上の【最近の記事】ツリーメニューですが、Opera8.01で動いてるのを確認。ブラウザ互換をあまり意識せずに作業してきての結果ですので、少し感慨深いものがあります。
ソースはまだ、いじりますので、あとでまた調べますが、とりあえずの現状での確認表。ほぼいけそう？
2007年10月09日
追記: 年送り関数が抜けていたので修正
--
今日は、上の【最近の記事】メニューに、
【JavaScript】月数を加減した日付を指定したフォーマットの文字列で取得する を組み込んで、[2007/09]などのリンクを自動生成しつつ、クリックすると、たとえば、その2007/09分のエントリーの数件 がツリーメニューとして動的に読み込み生成されるという形にしてみました。
で、スクリプトは、早くも改造してあります。昨日作った関数addMonthでは、"2007/09/08"などの文字列が返りましたが、それだけでは足りず、戻り値もオブジェクトにして、いろいろ返せるようにしました。
今回は、yやm、dなどを単独でも addMonth(0).get.y てな書き方で取れるようになります。mmやddも取れるように少し書き直してもあります。
昨日のような組み合わせた文字列を取りたいときは addMonth(10).str という感じになります。
return {
str : _getYMDstr(targetDay,ymd),
get : _addMonthOj(targetDay)
};
これは、もっと真剣に整理すると便利になると思いますが、今回はここまで。
今日いじったaddMonth は、こんな感じ。他のクラスへ組み込んでthis.addMonthをnewして使うこともできるようになっています。
//function xxxOj(){
/*
* addMonth
* 月数を加減した日付を取得する
* たとえば、10ケ月後は addMonth(10).str と書くと
* 2008/08 や 2008年8月8日 など指定したフォーマットの文字列を取得できます
* no-license/public domain @written by Toshiro Takahashi
* http://jsgt.org/mt/archives/01/001727.html
Example
alert(addMonth(1).str); // 2007/11
alert(addMonth(2,{ymd:"yyyy/mm/dd"}).str); // 2007/12/08
alert(addMonth(-3,{ymd:"yyyy年mm月dd日"}).str); // 2007年07月08日
alert(addMonth(0,{ymd:"yyyy年m月d日"}).str); // 2007年10月8日
alert(addMonth(0).get.y); // 2007
alert(addMonth(0).get.m); // 9
alert(addMonth(0).get.mm); // 09
alert(addMonth(0).get.dd); // 03
*/
this.addMonth_cfg=addMonth_cfg={ ymd :"yyyy/mm" };
this.addMonth=addMonth;
function addMonth(add,addMonth_cfg){
var df={ymd:"yyyy/mm"},
a=(addMonth_cfg||df),
ymd=(a.ymd||df.ymd);
var targetDay=_chgYear(add);
function _chgYear(add){
var now=_addMonthOj(new Date()),
add=(add)?add:0,
am=add+now.m,
y,m,d
if(am<0){
var offset=Math.floor(am/12);
y=now.y+offset;
m=(Math.abs(offset)*12+am)%12;
d=now.d;
} else if(am>11){
y=now.y+Math.floor(am/12);
m=am%12;
d=now.d;
} else{
y=now.y;
m=am;
d=now.d;
}
return new Date( y+"/"+m+"/"+d);
}
function _addMonthOj(dOj){
return {
y : dOj.getFullYear(),
m : dOj.getMonth()+1,
d : dOj.getDate(),
mm : _z(dOj.getMonth()+1),
dd : _z(dOj.getDate())
}
}
function _z(num){
return ((num<10)?'0'+num:num);
}
function _getYMDstr(dateOj,ymd){
var o=_addMonthOj(dateOj);
switch(ymd){
case "yyyy/mm/dd":return o.y+"/"+o.mm+"/"+o.dd;break;
case "yyyy/m/d":return o.y+"/"+o.m+"/"+o.d;break;
case "yyyy/mm":return o.y+"/"+o.mm;break;
case "yyyy/m":return o.y+"/"+o.m;break;
case "mm/dd":return o.mm+"/"+o.dd;break;
case "m/d":return o.m+"/"+o.d;break;
case "yyyy":return o.y;break;
case "yyyy年mm月dd日":return o.y+"年"+o.mm+"月"+o.dd+"日";break;
case "yyyy年m月d日":return o.y+"年"+o.m+"月"+o.d+"日";break;
case "yyyy年mm月":return o.y+"年"+o.mm+"月";break;
case "yyyy年m月":return o.y+"年"+o.m+"月";break;
case "yyyy年":return o.y+"年";break;
case "mm月dd日":return o.mm+"月"+o.dd+"日";break;
case "m月d日":return o.m+"月"+o.d+"日";break;
default :return o.y+"/"+o.mm+"/"+o.dd;break;
}
}
return {str:_getYMDstr(targetDay,ymd),get:_addMonthOj(targetDay)};
}
//}
#それにしても、修正が自動的にすべてのページのメニューに即反映されるのは、気持ちが良いです。未構築も含めて全部ですから気が楽ですし。
いやぁ、今日はびっくりしました。気づいたらブログのデザインがぐちゃぐちゃになってました(＜いや、それは最初からですけど、遙かにカオスな。。。) 目を離した間にCSSの中身がなにかの加減？で書き変わったのに気付かないまま、再構築してしまいました。
あわてて、静的ファイルのバックアップをFTPしたら一旦治りましたが、再構築したらまたぐちゃぐちゃ。CSSデータもDBが優先なわけです。静的ファイルをテキストエリアにコピーして保存して再構築でようやく復帰しました。
バックアップも大事ですが、大事な入力画面で他所見しないことも大事です。一度送信してしまうと、Ctrl+Zで履歴戻ることもできず、どこが書き変わったのかさえわからないという悲惨な状態になったりしますf^^;。
2007年10月06日
【Google Maps】Googleの座談会に古簱さんが出てる の記事を、出したとたんに Win IEで 差し替えたばかりの 【最近の記事】のメニューツリーが、なぜかインデックスページだけ自動生成されなくなりました。
半日もかけて調べたのですが、YOUTUBUと並べるテストをしても別に問題はなく、ほかの記事やスクリプトとの変数などの衝突というわけでもありませんでした。
で、結論は、どうも、インデックスページの記事が多すぎる(笑)ということのようなので、現在7日間掲示していたものをとりあえず4日に短縮してみました。
うーん、メモリ使いすぎは反省。でもテスト中なのでしょうがない。。。。
#作業途中で作成したテンプレート系の技の残骸も、無駄にメモリを少し食ってはいるので、しばらくしたらソースだけ残してサンプルは削除かなぁ。
2007年10月05日
記事の上にある 【最近の記事】 のリンクを、昨日までは テンプレートを使った「
最近のエントリー 5件を日付で束ねてツリーメニュー化」のタイプだったのですが、今日からは DBから動的にデータを読み込む「
Ajaxで動的にツリーメニューを切り替える」 のタイプに取り換えました。
このメリットは、(サーバー負荷を減らしアクセス速度を上げるために静的ファイルで構築しているブログの場合でも) ブログ全体の「再構築」を忘れたり、あるいは省略しても、いつでも最近のエントリーメニューが表示されることです。
ただ、負荷軽減を考慮して最適化するなら、今はページ読み込み時にロードしてしまっているデータを、クリック時に読み込むように変えたほうが良いので、次の改造は、たぶん、それです。
ツリー生成スクリプトはすでに動的ロード可能なバージョン「
YUIのツリーメニューでAjaxに動的ロード 」に取り換えてあるので、たぶん簡単です。
2007年10月03日
ページ全体の読み込み完了まで少々お待ちください...
【最近の記事】
