WebTecNote – ページ 21 – 気ままに綴る独学メモ帳

FireFox3正式版リリース（FireFox2との併用）

2008/06/242008/06/18 by

FireFox3のDownload Dayが始まってますよ！

２からの修正は１万５千箇所だとか。
さっそく使ってみたところ、ページの表示が明らかに早くなってます。すばらしい。
手持ちで一番早かったSafariと同じくらいか超えるくらいかも。

２と３は別にインストールして併用できます。
上書きインスコは色々トラブルの元らしいので、念のため別にしといた方が無難だと思う。

Firefox3とFirefox2同時起動

公式にこの併用方法が載ってるんだけど、アクセス集中で見れないので続きにメモっておく。

続きを読む

[WP]AutoExternalLinkプラグイン修正

2008/07/172008/06/15 by

inoccoさんが作成されたリンクに新しいウィンドウを開くアイコンを自動で追加するプラグイン
AutoExternalLinkをVicuna用に修正してみた話。

プラグイン添付のjsファイルはLogJETさんが作成されたそうなんですが、

表示エリアが見つからなかったときにエラーが出るのを直しておきたい。
クラス名を２つ３つ並べて指定するとアイコンが出ないので、それもなんとかしたい。
今使ってるVicunaではヘッダにリンクを貼るとアイコンが出るので、hn要素以外のaタグに追加したい。
iG:Syntax Hiliterのソースにはアイコン出ないようにしたい。

そのまま使えなかったので変えてみますた。
修正箇所は次の通りです。

続きを読む

[PHP]テンプレートエンジンとベンチマーク

2008/06/162008/06/12 by

PHPで動作するテンプレートエンジンはちょっと使いたいだけならクラスタイプが便利ですが、速度が気になるところ。
Smarty Benchmarksで主なテンプレートエンジンのベンチマークサンプルが見れます。
使われてるベンチマークのソースも入手できるので自分で比較を試したい時に便利かも。

上の画像はvar_loop 50 iterationsの結果。
10と比べると順位が入れ替わってるんですが、smartyは高機能だから仕方ない感じだろうか。

続きを読む

FireFox3 ギネス世界記録への挑戦

2008/06/12 by

昨日がIEだったので今日はFireFoxを。近日リリース予定のFireFox3で、24 時間最多ダウンロード数でギネスに挑戦するそうです。メアド入力して参加登録すると、リリース後にDownload Dayを教えてくれ … 続きを読む

IE3からIE7まで共存・同時起動させる

2009/03/092008/06/11 by

会社に新しい専用PCが届いたので、IE７のStandalone入れるついでに、他ののバージョンも入れてみようと思ってMultiple IEを入れてみた。 Multiple IEはIE3、IE4.01、IE5.01、IE … 続きを読む

[XHTML]buttonタグの挙動について

2009/05/222008/06/10 by

フォーム送信などするときに使うボタンはinputとbuttonがあります。
ボタン要素にもnameとvalueをつければ、ほかのフォームエレメントと同じように値を送信することが出来ます。

buttonタグだと、ボタン要素そのものにつける値とボタンに表示するラベルを違うものに出来るので、
送信ボタンとか作るときには便利なんですが、IEだけ挙動が違うので注意が必要です。

<input type="submit"  name="test" value="send" />

<button type="submit" name="test" value="send">submit</button>

続きを読む

[XHTML]ValidなFlash表示ソース

2009/08/172008/06/05 by

今更感漂うW3Cに怒られないFlashの表示ソースについて。
マクパペットいじってた時に思い出したのでメモっておきます。

DreamweaverとかでFlashオブジェクトを挿入すると、大体こんなソースですが

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="32" height="32" title="title">
  <param name="movie" value="index.swf" />
  <param name="quality" value="high" />
  
</object>

これでチェックすると「there is no attribute “width”」だとか「there is no attribute “flashvars”」みたいにエラーが出てしまう。

最新のCS3では対応されてるかもしれないが、未だ旧バージョンを使用してる場合に、
Flash挿入したときバリデータでエラーを出さないようにするためには次のように修正する。

続きを読む

[WP]WordPress2.5～2.6のパーマリンク編集エリアを常に表示させる

2009/01/072008/06/05 by

「ページスラッグ編集するエリアが見当たらないんだけど・・・・」っていう質問は本家でもよく書かれてます。
Wordpress2.5～2.6はタイトルの下にページスラッグ編集エリアが出ますが、多くの場合表示されてません。

普通はどうやったら出るようになるのかというと、オプション設定の「パーマリンク設定」で、
パーマリンク構造内に %postname%か%pagename% を含む場合のみ表示されるようになります。
表示されるタイミングは、タイトル入力後かオートセーブか何かで下書きが保存された時点ですが、
パーマリンク構造に%postname%が含まれてなければスルーされる。

で、コレではあまりに不便。
このブログは%postname%使わないリンク構造してるけど、ページスラッグも変更しときたいなァ・・・とか思って
常に表示させる方法を我々スタッフが総力を挙げて探しました。

その結果・・・無事見つけ出すことが出来ましたよ！

●Wordpress2.7について
ver2.7ではクイック編集でパーマリンク設定に拠らず変更が可能です。

続きを読む

[JS]Table内セルを自動的にストライプにする

2008/06/052008/06/04 by

１行間隔でストライプとか、何行おきかで線が引いてあるTableをたまに見ますが、
いちいちclass追加してると面倒なのでjavacript使った方が早いよね。
っていうことでそういう感じのことをするスクリプトのサンプル。

左：１行間隔でセルの背景色変える
右：３行間隔で線を引く

続きを読む

SiteTemplate03:2Column 5box CenterVisual&TabMenu

2014/08/292008/06/03 by Tenderfeel

ちょっとテクニカルなレイアウトのWebサイトテンプレートその３。
中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。

このテンプレートは上にタブメニュー、中央にメインビジュアル用のwidth:100%ブロックがある２カラム構成で、タブが上に動くアクションはCSSでやっています。
並び順は上から、ヘッダ（メニュー）»ビジュアル»コンテンツ»サイドバー»フッタ。
フォントサイズ指定はYUIのやつ使ってます。

このテンプレートには、使用しているボタン・コンテンツタイトル画像のpdfファイルが添付してあります。

▼所謂Web2.0っていう感じのやつ

2Columun 5BOX
ＸＭＬ宣言あり
ドキュメントタイプ：XHTML 1.0 Transitional
文字コード：UTF-8

続きを読む

W3Cに怒られない埋め込みカレンダー（公開テスト中）

2009/07/152008/06/01 by

またカッとなって作ってみた。 bgcolorとかfontとか使うカレンダーなんか使えない！ HTMLなソースが気に入らNEEEEEEEEEEEEEEEEEEe!!! 埋め込みたい…出来ればＰＨＰで埋め込みたい…ッ！ W3 … 続きを読む

[PHP]Wiki記法テキストのHTML置換サンプル

2008/06/262008/05/31 by

最近よくやるwiki記法っぽく書いたテキストのHTML置換サンプルソースです

[br]を改行タグに変換
||で囲まれた文字にstrongタグを追加
”で囲まれた文字にemタグを追加
[[説明文>リンク先のURL]]　説明文へリンクを張る
color(色名){文字} spanタグで文字色変更

続きを読む

SiteTemplate02: 2-3Columun 4-5BOX BlogStyle

2014/08/292008/05/30 by Tenderfeel

ちょっとテクニカルなレイアウトのWebサイトテンプレートその２。
中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。

このテンプレートはブログによくあるトップのみ３カラム、中が２カラムの構成で、ヘッダとフッタが横100%に見えるように作ってあります。
コンテンツ・サイドバーの量が多くなるのを想定した作りなので、中身が少ないとフッタが下にピッタリくっつきません。
Ｗｅ
並び順は上から、ヘッダ»グローバルメニュー»コンテンツ»サイドバー»フッタ。
フォントサイズ指定はYUIのやつ使ってます。
CSSのフィルタリングで使用しているif文については、IEのみに適用させるIFで解説しています。

2-3Columun 4-5BOX
ＸＭＬ宣言あり
ドキュメントタイプ：XHTML 1.0 Transitional
文字コード：UTF-8

続きを読む

SiteTemplate01: 1Columun 4BOX TabMenu

2014/08/292008/05/29 by Tenderfeel

ちょっとテクニカルなレイアウトのWebサイトテンプレート。
中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。

このテンプレートは上にタブメニューがある１カラム構成で、ロールオーバーとカレントページのタブスタイル変更はjavascriptを使用しています。
並び順は上から、ヘッダ»メニュー»コンテンツ»フッタ。
フォントサイズ指定はYUIのやつ使ってます。

1Columun 4BOX
ＸＭＬ宣言あり
ドキュメントタイプ：XHTML 1.0 Transitional
文字コード：UTF-8

続きを読む

GoogleMapSample11:複数のマーカーを表示（応用編）

2008/05/312008/05/28 by

Sample8の応用スクリプト。リンクをクリックしたら対応したマーカーを表示する。
支店マップとか散策マップみたいな用途に向いてる。

iframe対応のブラウザでご覧ください

続きを読む

[CSS]CSSだけで作る吹き出しのしっぽ

2008/12/022008/05/28 by

どんなボックスもしっぽさえつけりゃフキダシに見えるとエロイ人はいいました。
何故CSSだけで作るのか？それは…そこにCSSがあるからだ！

iframe対応のブラウザでご覧ください
直接見る»

まあ、崩れたりもするんですけど。

続きを読む

[WP]Category, Tag and Taxonomy Functions

2008/06/182008/05/27 by

公式にあるFunction Referenceの自分用適当メモその２。
Category, Tag and Taxonomy Functionsの関数リストを上から順に書き散らした。
分からないのは華麗にスルー。

またまた長いけどこのまま行くことにした。途中で力尽きた

続きを読む

[WP] Post, Page, and Attachment Functions

2008/06/132008/05/26 by

公式にあるFunction Referenceの自分用適当メモその１。
Post, Page, and Attachment Functionsの関数リストを上から順に書き散らした。
分からないのは華麗にスルー。

とんでもなく長くなった。分けた方がいいかな…

続きを読む

[WP]wordpress付属のJavascriptを使用する

2008/05/312008/05/24 by

wordpressにはwp-includeのjsディレクトリにprototypeやjQuery等のライブラリーが色々入っている。

テーマやプラグインでこれらを使用出来るようheadにscriptタグを挿入するにはwp_enqueue_script()を使用します。
独自に作成したjsファイルや、プラグインやテーマに同封したjsファイルにも使えるので便利。

続きを読む

[WP]wordpressでRSSを取得して表示

2010/08/042008/05/23 by

wordpressにはRSSを取得して配列に整形する機能が備わってるらしい。…というのを最近TwitterAPI調べてた時知ったのでそれについてのメモ。
バージョンいくつからか詳しく確認してないんだけど、手元にあるので一番古いvar2.1.3には入ってた。
よく考えたらダッシュボードのRSSもコレだよな…ので、新しい情報ではありません。

外部サイトのRSSを取得するには次のように書く

include_once(ABSPATH . WPINC . '/rss.php');
$rss = fetch_rss($uri);

で、これだけ書いたら詳しい人にはﾃｨﾝ!と来るかも。

続きを読む