2008年7月の記事
静的ページの難点はナビゲーションが増えた時の対処だと感じています。ナビゲーションが増減した時、今まで作ったページに変更を加えなければいけないからです。
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
多少サーバーに負荷がかかるらしいですが、簡単に設定変更できます。
関連記事
- 分類
- web
- URL
- http://az-store.nrym.org/note/2008/07/10/20
- 第壱話 バグ、襲来
- 第弐話 見知らぬ、ブラウザ
- 第参話 上がらない、シェア
- 第四話 タブブラウザ、草分けで
- 第五話 ノルウェー、海のむこうに
- 第六話 決戦、ブラウザ戦争
- 第七話 社員の造りしもの
- 第八話 テッツナー、来日
- 第九話 クリック、停止、落ちて
- 第拾話 ドラゴンフライ
- 最終話 オスロの中心でOperaを叫んだおとこ
上はTwitterで書いたものです。内容がネガティブすぎると反省。
ナビゲーションにTwitterでの独り言を表示するようにしました。最近はブログをよく更新していますが、以前は2ヶ月以上何も書かないことがあったので、生存確認を兼ねて使おうかなと。
しかしTwitterもWassrも使い方が分かりません。WassrをSawwrと書き間違えまくるわ、Operaコミュニティ(チャンネル?)見てたらうっかり入ってしまうわ、しかも抜け方が分からないわ、うっかり退会してしまうわで散々でした。中の人もいたので、Operaで同人やっていいですか?くらい聞いておけばよかったです。
ちなみに現在、失効したアカウントを取り戻せないか運営に問い合わせ中です。しかし似たようなツールを二つ持っていても使うか分からず…。Wassr(
)よりTwitter(
)の方がファビコンがかわいいから、Twitter一本でいくかなぁ(※ツールに拘りのない人間の判断基準はこんなものです)。しかしWassrもおもしろそうなので両方使ってから考えます。
今までプロフィールの画像はドットのひよこを使っていたのですが、きちんとした鳥の写真を使おうとマイドキュメントを漁っていました。ジュウシマツ住職風写真がお気に入りです。
- 分類
- ソフトウェア
- URL
- http://az-store.nrym.org/note/2008/07/14/21
初出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
- たまに書籍などを紹介することがあるので一応。
メモ
- 私がよく利用しているサービス
- 備忘録
- 分類
- web
- URL
- http://az-store.nrym.org/note/2008/07/18/22
- オンライン・ハイパーテキストのためのスタイルガイド
- 初心者はまずこれを読むべき。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の知識がない方はこの文法チェッカの利用はすすめません(何が間違いで何が正しいか分からないと思うので)。
- 分類
- web
- URL
- http://az-store.nrym.org/note/2008/07/22/23
少しずつOpera入門の修正をしています。助言くださった方ありがとうございます。ちまちまがんばります。
先日WordPressのバージョンを2.6にしました。噂の履歴機能とやらのの実装を調べるためにDBを眺めていたら、テーブルが増えていません。よく見るとwp_postsに記事と履歴が一緒に入っているではないですか。なんという仕様…。
履歴が増えるごとにIDが増えるのは気持ち悪いので(投稿記事が23しかない現時点で10も履歴が作られていた…)、前のバージョンに戻します。現バージョンでも履歴機能は切れるのですが、無駄に作成されたIDも消去したいので。
- 分類
- 未分類
- URL
- http://az-store.nrym.org/note/2008/07/23/24
先日、生後2週間のメダカを購入しました(Wassr 2008-07-23(Wed) 18:44:52)。買った時点で2匹死んでいて、翌日にも1匹死んでしまったのですが、他は元気に生きています。早く大きくな〜れ☆彡と絶賛飼育中。
食事中のメダカを撮ってみました。餌をやる度に受精の瞬間を思い出します。ちなみに不自然なまでに餌が大きいのは、間違えて鯉の餌を買ってしまったからです。
小さな生き物は無条件にかわいいと騙されがちなのですが(?)、この画像について言えば原寸で見ると割とホラーです。メダカはもちろん餌も不気味すぎ。
- 分類
- 未分類
- URL
- http://az-store.nrym.org/note/2008/07/28/25
サブナビゲーション
- 分類
- 月別ログ
- 2010年8月 |
2010年6月 |
2010年5月 |
2010年3月 |
2010年2月 |
2009年12月 |
2009年11月 |
2009年10月 |
2009年9月 |
2009年8月 |
2009年7月 |
2009年5月 |
2009年3月 |
2009年2月 |
2009年1月 |
2008年12月 |
2008年11月 |
2008年10月 |
2008年9月 |
2008年8月 |
2008年7月 |
2008年6月 |
2008年5月 |
2008年4月 |
案内
メインメニュー
その他
コメント一覧
はてなブックマーク