というわけで一人で推敲が苦手な私は、GoogleTalkや某チャットで色々と推敲とか聞いてみるとか観て貰うとかしながら推敲していたのであった……という訳で今作の完成品。

• 正男コンストラクションデータシステム

  福田直人氏作のJavaApplet製ゲームである正男コンストラクションのHTMLのデータを今回独自に定義したXML形式にすることで様々な変換利用をするべく作成したシステムです。

  このシステムでは、特定フォルダにある正男コンストラクションのXMLデータをチェックし、それらのデータを基に一覧として表示します。また、各ゲームをXSLTによってプレイページとステージページ、ソース表示の三通りの表示を行う様に出来る様にしました。XMLにすることにより、XSLTさえ用意すれば更に様々な形式に変更することが出来る様になりました。

• JavaScriptのdocument.writeを用いないiddyブログパーツ

  多くのブログパーツはJavaScriptによってパーツを埋め込むのが主流です。今作品ではiddy公式で提供されている標準ブログパーツの代わりに、iddyAPIを用いてデータを取得、URLを元にブログパーツとして利用できる形式でスクリプトを出力することにしました。表示スタイルを指定できるclass群はiddyブログパーツと互換性を持たせたため、本家と同様の表示制御をおこなうことが可能です。また、パーツのid名を変えられる実装を追加し、好みの呼び出し名前を使用できるようにしました。さらにdocument.writeを使用しない実装を採ったことで、描画タイミングを後ろにずらす事が可能となり、読み込み時の負荷軽減を実現しました。

• リンクシステム

  XMLとXSLT技術を用い、リンク集を自由に編集、反映し表示させることのできるシステムです。 あらかじめIDとパスワードを登録しておき、登録したアカウントでログインすると、編集が可能となります。絞り込み機能はJavaScriptで実装されていますが、利用者がJavaScript機能をoffにしていても、リンク集としての機能が失われることがないよう配慮しました。

• RSS表示スクリプト

  外部でJSON化したRSSやATOM等のフィードを基にしてJavaScriptでWebページに埋め込むJavaScriptです。json出力サービスに対応させられる様に必要な部分を分離して様々な所に対応させられる仕様にしました。

• GoogleAnalytics設置省力化用スクリプト

  GoogleAnalyticsでログ収集する際に必要なコードを外部ファイルに追い出すための省力化スクリプトです。標準では使用したいWebページ全てに指定されたコードを貼り付けてまわる必要がありましたが、この作品はページ先頭で呼び出すだけで実行でき、ログ収集を実現します。

メモ代わりにこうやってUPするつもりではあるけれど、こういうのがあると自分がこれまで何をしたのかが判って良い感じだと思う。

というわけでiddyでリンクを貼る様な構文が追加された様なのでうちでやってる自前なiddyブログパーツも対応してきました。

ヘルプページにプロフィール本文から他サイトへのリンクを貼る方法を追加しました。 下記のページをご確認ください。

プロフィール本文にリンクを貼ることはできますか？ | ヘルプ

Twitterのiddy公式アカウントでも順次情報を更新しています。あわせてご覧ください。

の様なので、今後は[[hoge||http://example.com]]の様な構文がhogeの様になります。

ちなみに、うちの表示方法としては、過去のiddyブログパーツの記事を参照してください。

まぁ今後色々とiddyに機能されていく様な気がするのでこっちの更新も大変そうな気がする…。

最後に、正規表現に躓いた時に助けてくださったSkypeのriaf様とレックス様に感謝です。

リンクを一件追加しました。

先ほどの記事で取り上げた更新とかに使われているシステムの更新に使ったbackgroundプロパティとかやるのに色々とお世話になりましたというかこれまでも結構お世話になっているのでリンクさせて頂くことにしました。プログラマとホームページ作成支援周りで。

とかそんな感じ。

• NEXTindex
  http://nextindex.jp/
• juner's links
  http://links.juner.net/
• juner's links -category:プログラマ
  http://links.juner.net/#programer
• juner's links -category:hp作成支援
  http://links.juner.net/#createhp

これにて編集画面も完成なのですかね…。junerです。

とりあえず完成。phpだけで極力.htaccessを使わないルーティングみたいなのをやっていました。

.htaccessでのRewriteRule使わずにphpのURL制御のに全部送れば出来るようにするのは結構内部が面倒な事になって四苦八苦でしたが、なんとか出来ました。

今回のシステムはjuner's linksのtopのリンクから『ログイン』から入る事が出来ます。

すると、ログイン画面が出るのでログインします。

すると今回の記事の1枚目のSSみたいなところに出てそこから編集が出来るって仕組みです。

今回はJavaScriptを使わずに作るって縛りで作っているのでphpでxmlとxsltを変換してcssで装飾する様な形で実現しています。半透明はちょっと勉強がてらでやったCSS3のrgba使ってやっているのでIE8だと半透明が出てきません。でもその影響で使えない様にはなっていないので幾つかの効果が無効化されますが、使えます。

とかそんなの作っていました。

ついでに参考。

• juner's links
  http://links.juner.net/
• juner's links login頁
  http://links.juner.net/login
• juner's links xml
  http://links.juner.net/xml

勉強がてらにリンク集をSQLiteとphpでデータベース化してみた。

あまりにもサイト運営側過ぎて多分閲覧側には全く関係無い話ではあるが、これによってPCが近くに無くても…Cookie対応の携帯電話一つでリンク集の更新が可能となりました。

juner's linksの右上のログインからログイン画面へ行くことが出来ます。

ログイン後はIdとPassを入力してカテゴリとサイトの編集が可能となります。

あとからxsl弄って遷移も調整したいところですけれどね。

あと、auってCookie対応しているのか……。セッション有効だったのには驚き。

とかそんなところ。

というわけで相互リンクの申請がありましたのでリンクしてきました。

juner's links
http://links.juner.net/

追加したのは旧絵茶の人のエルさんのブログです。

台を超えてリアル悪いね☆
http://maruta.be/WaruiNE_STAR

前回の話 > /2009/07/linkxmlphpxml.html

私のリンク集のデータはhtmlに直接書くのではなく、index.xml に書く事によって多重化しないように設計しています。これによって追加した物順に並び替える事が可能です。

あと、実はうちのリンク集は携帯からの利用も可能です。というかjavascriptとcssの両方が機能しない場合でもちゃんと動きます。

そのうちphpで追加する為のスクリプトとか書きたいところです。

とかそんな話。あと、記事top画像を弄ってみた。（概略的な意味で

あと、知人の正男の変換して知ったのだが、xsltがデフォで使えない鯖なんて場合もあるのだな…。

いや、暇だったというか、まさおコンストラクションのデータを一通りxml化したついでに作ってみました。

juner's links
http://links.juner.net/

も、勿論、xmlをxsltで変換してhtmlにするだけなのだが…これによってhtml時は多重になっていたサイトデータがxmlにする際に一つにまとまりました。ついついネームスペースまで作ってしまう始末。いつものことだが。

あと、ネームスペース付けるとxsltで変換する際に「ネームスペース:タグ名」の形式でXpathしないといえｋないのに正男の時に引っかかって良かったよ。今回は全然引っかからなかった。

とかそんな感じ。php側ではあまり凄い事はやっていないので正男の記事書く時にでも載せます。

尚、一応は、更新として消滅したリンクの削除や、後輩のサイトの追加とかやっていました。（なんで追加していなかったのか不思議だ…。

とりあえずzipの読み込み部分は完成した模様。疲れた。

尚、このゲームはzipファイルをゲームデータとして別途読み込むタイプのゲームシステムなので、javaAppletとjavaApplicationの両方の場合での入力処理が大変でした。

バグとして、Operaだと動作が遅いかもしれぬ。

25button
http://juner.net/game/jar/25button/

何故かLinksのところで上手く表示制御が出来ていないとの報告を受けたので調査。

どうもIE7以下で、

article.setAttribute('class',this.hidden);

が上手く動いていなかった様であった。

なので検索して調べてみたところ…！！

var bug= (document.documentElement.getAttribute("style") == document.documentElement.style);

の様なコードでチェック出来る事が発覚した模様。

タネあかしとしてはこうだ。IE7以下のgetAttributeやsetAttributeは手抜きで、elem.getAttribute("style","hoge")をelem.style="hoge"と同等の物として制御している模様。つまり………だ、elem.getAttribute("class","hoge")はelem.class="hoge"と同様のことらしい。

まぁそんな感じのバグ潰しのひととき。

きっと周囲の人は知っていると思うけれど私が知らなかったのでメモ代わりにぺたり。

参考：
IE の getAttribute / setAttribute | Days on the Moon
http://nanto.asablo.jp/blog/2005/10/29/123294

というわけで、juner's linksを更新しました。

上のリンクリストをクリックすると内容が表示される仕様です。

これによって大きなページを小さく人画面に収められる様に表示出来ます。

尚、javascript制御をしては居ますが、javascriptがoffの場合は問題無くこれまでの表示となります。

現状の問題点としては………cssがoffでjavascriptがonの場合に快適に利用出来ない可能性があるところでしょうか…。（まともにアンカーリンクを適用出来ないというバグというか仕様。）

あと、cssをhtmlから分離しました。

juner's links
http://links.juner.net/

大きな違いを感じたい場合はhttp://links.juner.net/#aboutとかhttp://links.juner.net/#myなどを観れば良いと思います。携帯だとcssが効かない物は効かずに普通に観れます。効く場合は効いた様に問題無く観れます。