2008年7月の記事

サイトのPHP化

静的ページの難点はナビゲーションが増えた時の対処だと感じています。ナビゲーションが増減した時、今まで作ったページに変更を加えなければいけないからです。

PHP（やSSI）は外部ファイルを呼び出して表示することが可能なので、一度ソースを埋め込んでおけば外部ファイル一ページを書き直すだけで全てのファイルを一瞬で修正することができます。ナビゲーションやフッターなど増減しやすい項目で部分的に使うと管理が楽になります。

無料サーバではPHPが扱えないところが多いので、この記事を参考にする場合よく確認してください。

作成

PHP化したいHTMLファイルの表示させたい部分に<?php include("【ファイル名】.txt"); ?>と記述します。ファイル名は任意です。
そのhtmlの拡張子を.phpに変更します。
読み込むための外部ファイルを作成します。表示させたい内容を記述し、【ファイル名】.txtという名前で保存します。ファイル名は任意です。
phpファイルと【ファイル名】.txtをアップロードし、phpにアクセスします。外部ファイルを読み込んで表示されるはずです。

以上です。

phpファイルと外部ファイルを保存する時は文字コードを統一してください。不一致は文字化けの原因になります。

当然ですが、phpが動かないサーバでは作動しません。

XHTML1.1に適した MIME Typeを提供する

と言っても一律application/xhtml+xmlを提供するとIEでの閲覧に支障が出ます。よって、Acceptにapplication/xhtml+xmlが含まれてUAにはそれを、含まれていないUAにはtext/htmlを返します。

<?php
   if(ereg("application/xhtml\+xml", $_SERVER["HTTP_ACCEPT"])) {
      header("content-type: application/xhtml+xml; charset=UTF-8");
   } else {
      header("content-type: text/html; charset=UTF-8");
   }
?>

全てのPHPファイルから上記のコードをインクルードすればOK。

拡張子.htmlのままphpを動かす

使っているテキストエディタやファイル整理などの都合で拡張子.phpだと不都合な場合は、htmlのままPHPとして動かすことができます。.htaccessファイルに以下の記述をしてください。最後は必ず改行してください。

RemoveHandler .html
AddType application/x-httpd-php .html

多少サーバーに負荷がかかるらしいですが、簡単に設定変更できます。

変わらないURI

分類: web
URL: http://az-store.nrym.org/note/2008/07/10/20

オペラゲリオン（転載）

第壱話バグ、襲来
第弐話見知らぬ、ブラウザ
第参話上がらない、シェア
第四話タブブラウザ、草分けで
第五話ノルウェー、海のむこうに
第六話決戦、ブラウザ戦争
第七話社員の造りしもの
第八話テッツナー、来日
第九話クリック、停止、落ちて
第拾話ドラゴンフライ
最終話オスロの中心でOperaを叫んだおとこ

上はTwitterで書いたものです。内容がネガティブすぎると反省。

ナビゲーションにTwitterでの独り言を表示するようにしました。最近はブログをよく更新していますが、以前は2ヶ月以上何も書かないことがあったので、生存確認を兼ねて使おうかなと。

しかしTwitterもWassrも使い方が分かりません。WassrをSawwrと書き間違えまくるわ、Operaコミュニティ（チャンネル？）見てたらうっかり入ってしまうわ、しかも抜け方が分からないわ、うっかり退会してしまうわで散々でした。中の人もいたので、Operaで同人やっていいですか？くらい聞いておけばよかったです。

ちなみに現在、失効したアカウントを取り戻せないか運営に問い合わせ中です。しかし似たようなツールを二つ持っていても使うか分からず…。Wassr（ Wassr ）よりTwitter（ Twitter ）の方がファビコンがかわいいから、Twitter一本でいくかなぁ（※ツールに拘りのない人間の判断基準はこんなものです）。しかしWassrもおもしろそうなので両方使ってから考えます。

今までプロフィールの画像はドットのひよこを使っていたのですが、きちんとした鳥の写真を使おうとマイドキュメントを漁っていました。ジュウシマツ住職風写真がお気に入りです。

分類: ソフトウェア
URL: http://az-store.nrym.org/note/2008/07/14/21

bookmarklet bookmark

初出2007年9月27日、最終更新日はページ下部の「更新日」をご覧ください。動作確認はOpera 9.63でしています。

GreasemonkeyやユーザーJavaScript最盛の今、何故ブックマークレットなのか

※見出しはでっち上げたので、本当に今がGreasemonkeyやユーザーJavaScriptの最盛なのかは知りません。しかし何となくブックマークレットの存在感が薄くなっているような気はします。

グリモンやユーザーJSは便利ですが入れすぎるとフォルダ内がごちゃごちゃして管理が面倒ですし、スクリプト同士が干渉して動かなくなったりするので、入れるものは選んだ方がいいです。そこで、常用するものだけ残して「あれば便利だがたまにしか使わない」ものはブックマークレットで代用する方法がおすすめです。

例えばあるブログの記事を読んでいて他人の評価が気になった時、Opera版SBMCommentsViewerがあればボタン一つでブクマコメントの一覧を見ることができます。しかし、私は記事を読む度にSBMCommentsViewerを使っているわけではないので、ブクマコメントを読みたい記事でだけ、SBMCommentsViewerの代わりにpageinfoを使っています。

登録したブックマークやブックマークレットにクイックアクセスするためにOperaにはニックネーム、Firefoxにはキーワードという素敵な機能があるので有効活用しましょう。

ブックマークレット

常用している（または常用する予定の）ブックマークレット。

ウェブページにある画像と背景画像を表示するブックマークレット (3)【お気に入り】: Opera用、ページ上にある画像と背景画像を表示する。同一ウィンドウ表示版はウェブページにある画像と背景画像を表示するブックマークレット (4)にあり、こちらはFirefoxでも動く。
pageinfo【お気に入り】: 指定したページに関する情報（各種SBM登録数、コメント、RSS購読者数）を表示する。詳細は指定したWebページの裏側を表示する「pageinfo(仮)」を作ってみた(管理人日記) - むぅもぉ.jp。
View selection source【お気に入り】: Opera用、選択した部分のソースを表示する。配布元はView Selection Source for Opera - PUBlogだが、ソースが見つかりにくいところにあるので転載した。使い方についてはOperaで「選択した部分のソースを表示」 - Shishimushiやブックマークのニックネーム - Opera The Fastest Browser on Earthをどうぞ。
目次作成（新版）: 表示中のページに含まれる見出し要素を抽出し、固定されたレイヤーに目次を作成する。目次から該当する見出しに飛ぶこともできる。もう一度クリックするとレイヤーは消える。配布元がなくなっていたので転載した。【配布元】http://oakcgi.zero.ad.jp/~zad07436/bmlet.htm
id/name 属性や cite 属性をリンク化する Permalink+: 要素にid属性やname属性がある場合要素の冒頭に記号をつける。また、cite属性を持つ要素がある場合は要素内の最後にリンクを生成する。
リンクとリソース一覧: ページ内のリンクと各種リソースファイルのアドレスを抽出し一覧表示する。
サイト管理者、lint厨、W3C信者etc向けブックマークレット: Another HTML-lint、W3C HTML、W3C CSSで文法のチェックができる。CSSを無効化するブックマークレット・改もある。
目次作成（Opera）／目次作成（Gecho）／目次作成（IE）: 表示中のページに含まれる見出し要素を抽出してページ上部に目次を作成する。目次から該当する見出しに飛ぶこともできる。【配布元】http://oakcgi.zero.ad.jp/~zad07436/bmlet.htm
Hit-a-Hint Bookmarklet Generator: キーボード操作でリンクを辿れるようにする。説明はHit-a-Hintブックマークレット一応完成 - by edvakf in hatenaにある。いつかキーボード派になった時のためにブックマーク。
URL encode された URL を取得する: UTF-8でURLエンコードされたURL（例えばWikipedia）を取得する。
AmazonのURLを短くするブックマークレット - creazy photograph: たまに書籍などを紹介することがあるので一応。

メモ

私がよく利用しているサービス

Delicious：Install Bookmarklets on Deliciousに各ブラウザ用ブックマークレットがある。インクリメンタルサーチについてはdel.icio.us IncSearch - del.icio.usをインクリメンタルサーチ(Bookmarklet版)を参照。
Page2RSS：RSS配信していないページのRSSフィードを生成するサービス。
TinyURL.com：URL短縮。
is.gd：URL短縮。
livedoor Reader - RSSリーダー：オンラインリーダー。

備忘録

Camino べんりセット：id/name表示、引用元表示、見出し一覧など。MacのブラウザCamino用だが、Mozilla系ブラウザなら多分大丈夫。
JAVASCRIPT::BOOKMARKLET：WindowsIE用のものが多い。
ブックマークレット - 野島家研究所：右クリック禁止無効化、アラート無効化など。
[bookmarklet]テキストエリアリサイズ - suVeneのアレ：テキストエリアの大きさを変更する。
翻訳ブラウザボタン - Google：gooogle製翻訳ブックマークレット。

分類: web
URL: http://az-store.nrym.org/note/2008/07/18/22

web制作の参考になるサイト紹介

オンライン・ハイパーテキストのためのスタイルガイド: 初心者はまずこれを読むべき。HTMLやCSSなどの技術的な話はありませんが、心構えというか、「webでコンテンツを公開すること」がどういうことなのかが分かります。
ごく簡単なHTMLの説明: 優しくて分かりやすい(X)HTML＆CSS解説サイト。
脱初心者をめざす人のためのホームページ作成講座: 初級〜中級レベルのサイト作成講座。HTML 4.01とCSS 2.1の解説あり。こちらも丁寧で分かりやすいです。
ウェブサイト作成講座を批判する意図: ダメなサイト制作講座にある間違いを指摘しています。講座選びの参考になります。
PC Tips: HTML/CSSの勉強というよりサイト管理人になるための心構え的なものを考えるために「HTMLを勉強する前に」をおすすめします。
正しい知識を得たい人の爲のCSS2リファレンス: 優良なCSS2のリファレンス。かなり詳しいです。
富士通ウェブ・アクセシビリティ指針: サイト制作者が配慮すべきアクセシビリティを富士通が策定したもの。
The W3C Markup Validation Service: W3CのHTML文法チェッカ。
CSS Validation Service: W3CのCSS文法チェッカ。
Another HTML-lint gateway: 厳格なHTML文法チェッカ。100点を取ることを目的にしてはいけません。HTMLの知識がない方はこの文法チェッカの利用はすすめません（何が間違いで何が正しいか分からないと思うので）。