HP作成
2011年4月26日
「なんかやる気復活の兆し。」
うほー。前の投稿がNGP発表のときのですかこんにちは。
なんだかいろいろと忙しいのが終わって、やっと更新しようかと思った矢先に大地震で界王拳１兆倍くらいの忙しさモードに突入。やっとここにきて、人間っぽい尊厳を取り戻してきました。
今流行の魔法少女風に言うと、落ち込んだりしたけど私は元気です。うん、多分流行のやつ。
ところ更新が滞っていたもうひとつの理由が、MTのうんこ重い投稿画面なわけですが、非公式ながらWindows Live WriterをUSBに入れてスタンドアロンで起動できる方法があると聞いて、遅ればせながら導入してみました。
PCに普通にインストールすると、Windows Live系はレジストリ関係とかぐちゃぐちゃにいじられそうで、抵抗があったんですよね。
で、さっくりと手持ちのUSBメモリに入れてみたわけですが、意外に快適です。
かすかにやる気が戻ってきたような。
とりあえずプラグインとか入れまくって環境を完璧に整えて、そこでやる気が尽きるいつものパターンだとは思いますが、もしかしたら更新頻度を上げられる可能性が、杏子が魔女と化したさやかを元に戻せる可能性と同じくらいあるかもしれません。
続きを読む
2009年1月21日
「なんとかＨＰを再構築」
いやー、ホームページの工事に入ってから幾星霜。やっとホームページ全体を、新しいデザインに再構築することができました。
本当なら去年の１１月頃には完了予定だったのですが、思わぬ仕事上の事情で、ここまで遅れてしまいました。ごめんなさい。
残すところは、日記関連のみ。
どのみちテンプレートは全部作り直しなので、今日Movable Type3.2から、Movable Type4.2にアップグレードしてみました。
本当はサクサク4.2に移行して、メインインデックスのテンプレートだけでも完成させる予定だったんですが、まさか数万件に及ぶスパムコメントとスパムトラックバックで、ログデータが100倍近い容量に肥大しているとは。
しかしこれを見る限り、今年はバイアグラと金髪セックスパートナーが熱いね。
そしてさらに数多のトラブルを前に、アップグレード作業は難航。
つーかオフィシャルの説明、不親切すぎ。完全にユーザーがそれなりの知識を持っていることを前提にしています。
まぁそれなりの知識も持ってない奴が、MTのインストール試みるのが間違っているのですが。例えばボクとか。
とりあえず、なんとかMT4.2への移行も完了。
時間がないので、最低最新の日記だけでも見えるようにしようと、トップページ用の仮テンプレートを組んでみました。日記のタイトルと本文を表示するだけの簡単なもの。
過去の日記閲覧だとかカテゴリ表示だとかコメントだとかは、もうしばらく待ってくださいな。
朝からずっといじってたので、これ以上は気力が続かんですよ。
しかしまあ、ホームページのデザインどうこういう以前に、いちばんの問題は更新されず放置されている中身なんですけどね。
これからは絵だけでも、Ｇ女史に頻繁に更新させるか。
2007年8月 8日
「引っ越してきました。」
はじめまして、まるたぁ小屋をちょっと貸してもらうことになりました森史と申します。
まるたぁ小屋に前々から来られている方々にとっては、初めましてではないと思いますが……。
まるたぁ君が色々と日記では、「大げさ、まぎらさしい」といった誇張表現で紹介されているので、あまり参考にしないでいてくれると嬉しいなぁというのが正直なところです。
以前は私個人のHPを管理していたのですが、ちょっとサイト管理が面倒になってきたのでこっちに引っ越してきました。
まるたぁ君もきっと
「コレデコウシンヒンドガアガッテ、ウレシイナァ」
と喜んでいると思うので、良しとしておきましょうね。
ちなみに、ちょっと気になる点が一つ……。
私、ペンネームは「森」というペンネームを使っていたのですが。
まるたぁ君が、
「『森』だと検索しても引っかからないから、何か考えた方がいいよ」
というので、考えてみました。
が、なかなかピンとくるモノが思い浮かびません。
なので、言いだしっぺのまるたぁ君に頼ることにしたのです。
はい、そうなんです。
このペンネームはまるたぁ君が考えてくれたものなんですね。
あー、もぅ！！
今考えたら罠があるってわかるのに！！！
なんで気付かないんだよ、私！！！！！！
という心境です。
最初にまるたぁ君が出してきたのは、「森アッガイ」とか
「森Ｇ」とかありえないモノだったので、とりあえず却下。
「森女」とか「森男」とかも出てきましたが、とりあえず却下。
「森史」が出てきたのは、なんだかんだマトモな名前がでてこないー…と思っていた時だったので、ＯＫしてしまいました。
……罠とも知らずに……。
「『史』って読み方に『チカ』ってあるから、『モリチカ』でいいんじゃない？」
という言葉に、武将っぽくていいなと思ってしまったのです。
では、数行戻って赤い文字を縦読みしてみて下さい。
ね？
はじめてホームページを作ったときに、「慈愛庵」という名前を付けてくれたのも彼でした……。
「慈愛庵」→「ジアイアン」→「ジャイアン」……
ヽ(`Д´)ノキィ━━━━！！！！！
と思いましたが、一度決めたことですので今後は「森史」でやっていこうと思います。
今後ともよろしくお願いいたします。
とりあえずらくがき。
続きを読む
2006年5月31日
「風よッ！光よッ！忍法HP変化ッ！！」
皆様ごきげんよう。
再開とほざいた矢先に、いきなり更新をサボりまくったまるたぁさんがやってきましたよ。石を持ってこれを打ち据えよ。
いやね、実は水面下ではいろいろと更新してたんですよ。ほらTOP画像もいつの間にやらUpされてるでしょ。
何をそんなにコソコソやっているのかといいますと、主に外部スタイルシートとJavaScriptの更新。
んー。それこそが今回のリニューアルの核なわけですよ。
これまでは一応新旧問わず色んなブラウザを想定して、あくまでHTMLスクリプトのみでHPが機能するようスタイルシートやJavaScriptは補助的な範囲にとどめていたんですが、今回それらをHPデザインの主骨格におもいっきり組み込んじゃいました。
もはや各ページのソースを見たところで、実際のページをイメージすることなんて不可能ですよ。逆にいえば、スタイルシートやJavaScriptを使えない環境下ではHPがまったく機能しないということなんですが。
変なブラウザ使ってたり、厳しすぎるセキュリティ設定してる方々はばっさり切り捨てです。
これがマイノリティ差別というものなのです。民主主義の厳しさを味わうがいいのですよ。
あはー。朝日新聞に電波な記事を書き立てられちゃいますね。
ま、いろいろとキショいことをしてるんでお楽しみください。普通に使ってる分にはまったく気付きませんけどね。
例えば通常、HPのレイアウトというのはかなりの部分をブラウザに依存していて、画面解像度にあわせてブラウザが自己調整するに任せています。このため画面解像度によってはレイアウトが崩れてしまいます。
そこでスタイルシートを利用したHPでよくあるのが、自動調整されないようにガチガチにレイアウトを固定しているもの。もしくはブログやショッピングサイトでよく見かける、本文の入ったカラムを緩衝材として用いるマルチカラムレイアウト。
なぜこうなってしまうのかというと、スタイルシートは横方向のレイアウト指定に優れてはいても、縦方向のレイアウトには絶望的に弱いからなんです。
そこで今回いろいろと試してみまして、ある程度の範囲なら画面解像度にあわせて縦方向の最適レイアウトに自己調整できるようにしました。
一応800×600～1280×1024pixelに対応。うはー。まるでギャルゲですね。
んでもってその特性を活かせるように、左右ではなく上下にバーを入れた"横長"なワイドスクリーンっぽいレイアウトにしてみましたよ。レイアウト的にはこちらのほうがきれいに見える、みたいなことを誰か偉い人がいってた気がします。
さらにそれに簡単なJavaScriptを組み合わせることで、ありそうで以外になかった見た目＆機能にできました。
ええ。JavaScriptは独立したHPの飾りつけというより、一般化したサブルーチン集というかたちで、どちらかというとスタイルシートにユーザインタラクティブな機能を追加する拡張プラグインとして使っています。
と、大層なことを並べ立ててみても、ぱっと見た目にはかなりシンプルっつーか地味ですか地味ですね。こう、ブライトとミライ夫妻くらい。
裏ではかなりドロドロしているところまでそっくりです。
やっぱまるたぁさんは芸術美よりも機能美を重視するきらいがあるなー。
まだ新しいレイアウトへの旧コンテンツの移行が進んでいないので、最終的にはどうなるかわかりませんが、全コンテンツを統一規格でレイアウトを再構築する予定です。大丈夫なんでしょうか。
まぁなによりもまず、早くその工事を終わらせろってかんじですか。そうなんですよ。
時間さえあればとっとと終わらせちゃうんですけどねぇ。残業が。残業が。
まぁ自由時間は研究室時代と比べて圧倒的に多いわけなんですが、あのころ使っていた"寝ない食べない"という時間創造究極魔法が使用不能になっているのが手痛いです。さすがに仕事になると、体調管理にかなり気を付けないと怖いですから。
とりあえず今日は休日なんで、更新をできるだけ進めようと思っとります。んでは。
続きを読む
2006年1月21日
「なんで腐女子読者が多いかな」
皆さまご無沙汰してました。
本日教授に、修士論文の初稿を提出。月曜あたりに鬼のような修正箇所を抱えて帰ってくるような気がしますが、それまで遊び倒してくれる所存でございます。
いや、本当は発表の準備やら関連文献の補強やらを今のうちにやっとかなきゃいけないんですけどね。でも土日は大学の図書館も休みですし。それどころか今週末はセンター試験で構内立ち入り禁止ですし。
だから俺的祝日に認定する俺特別法が、圧倒的多数（賛成１、反対０）で可決されました。俺脳内会議で。
んでは久々の日記ですよ、と。
前回のアンケートテストに多くの方々がご参加いただいたようで、まずはありがとうございます。
日記のコメント欄に８、Web拍手に17。計25のご意見を頂きましたよ。
それにしてもWeb拍手の方が多いわけですか。皆さんシャイなチキン野郎ばかりのようで日本は平和です。
むしろWeb拍手は女性の方が多いようでしたので、あれですね。
お 前 ら 全 員 C h i c k s だ ！
うはー。なんか一気にセクシーボインなニュアンスになりました。
何はともあれ、結果発表です。とりあえず俺基準で皆様の反応を二値化してみました。
無理。つーかまるたぁは死ね。 ……11票
『だがまるたぁの攻撃は通じなかった！読者に0のダメージ！』 ……14票
ほぼ半々ってとこですか。若干キワモノツワモノが多かったようです。
……うん。
なんつーか微妙な結果に、どうしよう俺。もう少しどちらかに偏るかと思ってたんですけどねぇ。
やっぱこれまでどおりに、たまーにこういう地雷仕掛けて、引っかかるＧ女史を見て楽しむってのがオツな正解なんでしょうか。
そういうことで、今後もときどきああいったモノを掲載することがあるかと思います。あくまでときどき、ね。
一応その都度注意書きはしようと思っていますが、苦手な方はご注意くださいませ。
さて、少々話は変わりますが。
Web拍手に投稿頂いたコメントの17件中実に10件が、示し合わせたように同じような内容だった件について。
「ここまで拡張可能なんですか。参考になります。」
「これなら入りますね。」
……何かを学習してらっしゃる方々が10名ほど。
『今日からフのつく同人業』の方々です。略してまるフ。
本来の意図とは少し違いましたが、まるたぁ日記の読者層がなんとなく分かりましたさ。ええ、よーく分かりましたとも。
あなた方、まるたぁさん（♂）にどうしろと。
i||i○|￣|＿
↓ ↓ ↓
○ ＜…ｳﾎ
!!. /|
○|￣|＿ 人 ) )
あー。
続きを読む
2006年1月12日
「Youは変態？」
なんだか先日の日記、異様に読者の皆様からの反響が大きかったのですが。しかも概ね良い評価。
まるたぁ日記に群がっているのは変態マゾどもばかりだということが分かって、大変嬉しい限りです。
だからというわけではないのですが、読者の皆様はどのような層の方々が多いのか、ちょっぴり気になるのですよ。読者受けする日記を書くには、まず読者を知ることが大切ですからね。
もちろん "どのような層" といっても、年齢やら年収やら学歴やら性別やらには興味ナッシン。だってまるたぁ小屋ですもの。
まるたぁさんが知りたい "層" とは、もっとその……なんだ、つまりはロケットで突き抜けてらっしゃる距離。
「俺もついにエーテルテンプレート層からセレスティアル層まで昇華したぜ！」
「私はケセリック層よ☆」
「僕なんかまだ精神がアストラル層に縛られたままだよ……」
「ぷ、だっせーｗ」
とか、そんな感じで。
ぶっちゃけどこまで人間ヤメることをネタとして許容できるか、ってことなのですよ。
ネタがどす黒く澱んできても、笑って楽しんで頂けるような方々なのでしょうか？
つーかむしろ、そんなバカを自ら実践する覚悟をお持ちの剛の者とか？
それともプチ笑いをご希望なだけで、それ以上の濃いネタはお好きじゃないんでしょうか？
そんなわけで、アンケート代わりにちょっとしたテストをしてみることにしました。
……んー、まるたぁも鬼じゃありません。できれば予備知識なく受けていただきたいのですが、一応あらかじめ注意しておくといたしましょうか。
下記リンク先には、いろんな意味で18禁な画像があります。ええ、いろんな意味で。エロースとかグロースとか（血やら内臓やらの痛い系ではありません）。
だからそういうのがお嫌いな方は、見ないことを強く強く推奨いたします。
……えーと、まずはごめんなさい。
でも画像を見た瞬間、あなたはどんな反応をなさいましたか？どんなことを思いましたか？
今後の日記の参考にするため、率直なご意見をコメント欄に書いていただければ助かります。一応ネタバレ禁止で。
（他の方に読まれたくない場合は、Web拍手の方にどうぞ）
ちなみに、こちらが他の方々の反応。自分のリアクションと似たのはありました？
あー、もしこういうのがお好きな真性様なら、これとかこれとかこれもどうぞ。
続きを読む
2005年12月 7日
「トップページ上の日記」
前回の更新で更新日時の表示やらなにやらにJavaScriptを使いまくってしまったので、もう開き直って完全にJavaScriptに依存したページにしてみましたよ。さらにいうと、IE5以上もしくはNN6以上限定の。
ここ１週間あたりのアクセスログをチェックするかぎり、さすがにIE4やNN5以下からのアクセスはなかったので問題ないでしょう。FireFoxでも大丈夫だとは思います。Sleipnirは未確認なのでよう分からんです。Operaは多分無理。
でまぁ具体的に何をしたかと申し上げますと、トップページ下部にインラインフレームで表示している日記の縦幅に合わせて、インラインフレーム自体の高さを調整するような設定にしてみました。
<IFRAME>の場合、<TABLE>なんかと違って通常のHTMLでは中身に合わせて大きさを自動調整してくれないんですよね。だからこれまではトップページ上の日記を短い序文のみにして、インラインフレームの高さは少し大きめに固定して表示していたんです。続きを読みたい場合は、トップページじゃなくてちゃんと「まるたぁ日記」に飛べと。
しかしやはり最新の日記くらいは全文をトップページ上に表示したいですよね。というわけで、今回そのジレンマをJavaScriptで解決することにしました。
document.getElementByIdでインラインフレームのIDを指定し、Document.body.scrollHeight（ブラウザによってはcontentDocument.body.offsetHeight）でインラインフレームの中身の高さを取得。これをインラインフレームのstyle.heightとして返すようにしたわけです。
しかしここでひとつ問題が。他のブラウザでは分かりませんが、少なくともIEではインラインフレームが画面の外に出ている場合、上記の方法では正常な値を返してくれないのですよ。まるたぁ小屋の場合も日記を表示させているインラインフレームはページ下部に存在するため、この問題に大直面です。
そこでインラインフレームの高さ調整をページ読み込み時に実行させるのに加え、強制実行させるためのボタンをトップページに加えました。日記上部の「open」ボタンと、更新日時表示ポップアップに表示された日記へのショートカットリンクです。ついでに、逆にインラインフレームの高さを50pixelに最小化し日記のタイトルのみを表示させる「close」ボタンも、「open」ボタンと置き換わる形で表示されるように作ってみました。
うーはー。
JavaScriptの知識がない方には訳の分からない内容ですね。ごめんなさい。
知識のある方がここでどういうことを感じ取っているのか要約すると、
「( ´_ゝ｀)ﾌｰﾝ。JavaScript使ったら、トップページに日記が全文表示されるようになったんだ。でもこの機能ってぶっちゃけ、むちゃくちゃブラウザの性能に依存してない？」
依存してるのですよー｡･ﾟ･(ﾉД`)･ﾟ･｡
だから対応していないブラウザの場合は、そもそも日記自体が全く表示されないようにしています。IE4以下やらJavaScriptオフやらの豪の者には見えぬ、軟弱現代っ子仕様なのです。
あれですね。つまるところ何が言いたいのかというと、
トップページに日記のタイトルすら表示されない人は、諦めてください i||i○|￣|＿
（※普通にメニューから選ぶ分には問題ありません）
ってことなのですよ。
ＰＳ：今回ばかりは、自分の組んだJavaScriptに全く自信がありません。正常に表示できないなどのエラーがございましたら、ご報告くだされば助かります（対処できるかどうかは分かりませんが）。
続きを読む
2005年11月30日
「更新日時の表示」
ＴＯＰページのデザインを少しばかり変更してみたのはご周知のとおりですが、同時にちょっとばかりJavaScriptやらＣＧＩやらをいじってみました。まぁ研究の合間ですから大したことはできていないのですが、休憩の間の息抜き程度にちょこちょこと。
まずボタンを押した際に表示されるフキダシ内の案内に、ちゃんとテキストデータが反映されるようにしてみました。実はこれまでは、テキスト風に加工した画像でごまかしていたんですねぇ。
つーか最初にこのスクリプト組んだときには、JavaScriptなんて全く分からないペーペーでしたから。今考えると物凄くバカな仕組みにしていたものです。
あと最近は家にいる時間がほとんどなく、研究室からの日記（ブログ）更新以外まともな更新のできない状態が続いていましたので、ちゃんとその更新情報がＴＯＰページに反映されるようにしました。
具体的にはこれまで
カウンタのＣＧＩ：
・カウント数をJavaScript用外部ライブラリ内の変数として返す
としていたところに、
・登録した複数のファイルのそれぞれの更新日時と、その中で最も最近の更新時間を変数として返す
も追加したわけです。現在は日記とＴＯＰページの更新時間をチェックするように登録。
あとはこれらをＴＯＰページ側で、JavaScriptを使って表示します。これによってＴＯＰページに日記の更新日時と、ＴＯＰページ及び日記の更新日時のうち新しい方、すなわちＨＰ自体の最終更新日時を自動で表示できるようになりました。
JavaScriptはOFFが基本のセキュリティ厨など知ったことかって仕様だぜ。ですね。
あー、せっかく「世界一シンプルかつ機能的なカウンタ」を目指して作ったＣＧＩだったのに、ここにきて更新時間チェックなどという現在のまるたぁ以外には需要皆無の機能なんか盛り込んじゃいましたよ。
つーかもはやカウンタＣＧＩと呼べるかどうかすら怪しいですね。
ですが現在の設定では、ＴＯＰページへのアクセス時にＣＧＩ側とブラウザ双方からＴＯＰページ及び日記にアクセスする形になっているので、ぶっちゃけ瞬間的なサーバ負荷が２倍になっているんですよね。まぁＣＧＩのほうはファイル自体を読み込んでいるのではなく、ファイルのステータスをサーバ側に尋ねているだけなので大したことはないのですが。あとはブラウザ側の、JavaScript表示のための処理が少し増えた程度。
ブラウザ側への転送量はほぼ同じですので、純粋にサーバ及びブラウザの処理速度の問題になるのですが、もしこの処理による若干のタイムラグがうざったいと感じるようであればご意見ください。もうコメントでもメールでもWeb拍手でも掲示板でもご感想フォームでもいいので。
うは。そういやまるたぁへの連絡方法も増えましたねー。
ぶっちゃけWeb拍手いらんよな。
毎回Web拍手にてコメントを寄せてくださっている方々、ありがとうございます。
続きを読む
2005年10月26日
「更新したくなるとき」
何気にホームページ全体に渡り、レイアウトを微調整してみました。
「絵画の部屋」なんかはかなり変わってますね。以前の表による各項目の表示よりは、小奇麗になったのではないでしょうか。
でも文字が小さくなったところが多いので、人によっては読みづらくなっているかも知れません。まるたぁ小屋をお楽しみの際には、文字サイズ「中」でお願いします。
長年放っておいた「管理人の部屋」もやっと更新しましたよ。ホームページ開設７年目にして、ついにみどりお姉さんとヨサクくんのプロフィールも追加。
これでまるたぁ小屋内の工事中の場所は、「HowToの部屋」だけになりましたね。
うひー、つまりはお絵描き講座更新の代わりに、他のものを更新するという言い訳が通用しなくなったということです。
どうしよう。お絵描き講座を再開しろってことですね。
ってなわけで、ちまちまと更新再開決定。
あーそういや作るだけ作ってアップロードしてないブラシもいくつかありますねー。他にもいろいろと更新するネタがあるや。
……どうしてこう、忙しいときに限ってホームページを更新したくなるんでしょう。
例えばテスト前とか。例えば修士論文執筆中とか。例えば卒業研究の追い込みの時期とか。
つまり今とか今とか今とか。
うをダメだ死ぬ。
続きを読む
2005年10月13日
「追記：日記がブログになりましたよ」
今朝の日記にも書いたとおり、ＲＳＳを介して日記の更新がＨＰのＴＯＰページにも反映されるような仕組みを作っていたのですが……
ヽ(`Д´)ノ むきー！
ヤメだヤメ。めちゃくちゃ重いですよ。
ＲＳＳ⇒ＰＨＰで解析＆HTML化表示という処理にかかるタイムラグが我慢ならねぇ。
うへぇ、光の恩恵に慣れるとこれですよ。つい最近までナローバンドでヒィヒィいってたというのに。
てなわけで、ＲＳＳの利用は断念。
姉さん、やはり自分には最新技術に付いていくことができません。ローテク万歳です。
第一自分のブログなのに、なんでわざわざＲＳＳを介すなんて遠回りな方法を使わなきゃいけないんですか、プギー。
…………ん？
|
＼ ＿ ／
ﾋﾟﾛ～ﾝ
― (ω) ―\n lヨ
（゜∀゜）
ノ( ノ)
< <
そ、そうですよね。ブログの管理者は自分なんでした。
しかもわざわざMovable Typeまで導入したおかげで、管理者権限バリバリの。
だったらあれですよ、ＴＯＰページ用に新しいテンプレートで追加出力すればいいだけじゃないですか！
ってなわけで作ってみましたよ。
ＴＯＰページ用の日記出力
最新の日記のうち、文字数ではなく縦幅で制限をかけ、幅600pixelで表示した際に縦180pixelを超える分は表示されないようにしています。
うん、個人的にはこういうのが美しいスタイルシートの使い方だと思うのですよ。
見た感じブログには見えませんが、これもこれでブログの使い道のひとつですよってことで。
ああ姉さん。僕は古い技術しか使えませんが、精一杯生きています。
続きを読む
