px*blog

お手軽お手頃なレンタルサーバの『コロリポプラン』

otogawa — Tue, 07 Sep 2010 07:27:13 PDT

お手軽お手頃なレンタルサーバというと、今までは、ロリポップを薦めてました。でも最近は、最値でいえば、さくらかな～と思ってきてました。が、しかし、ここへきて、最値レンタルサーバの認識が、逆転しました！『コロリポプラン』では、月額105円で容量１GB！∑(ﾟДﾟﾉ)ﾉロリポブログも１つついてくるし、HPとブログ1個だけ設置してあげる場合は、これで十分じゃないですか！？まぁ、これだけCMSが普及すれば、データベースは絶対ほしいものですから、私がHPを任されたときは、できれば今までの263円のロリポプランを選んでほしいものですが・・・。でも、この不景気を乗り切るためには、まず、webに乗り出してもらわなきゃ、お客さんにもwebを体感してもらわなきゃなので、お手軽お手頃プランは、最高の窓口ですね！！ロリポプラン使ってるけどプラン変更したいって人でもプラン変更可能みたいなんで、それも嬉しいですねー！！

アメブロにtwitterのタイムラインを表示する方法

otogawa — Sun, 15 Aug 2010 17:36:46 PDT

こういった、twitterのタイムライン、よく見かけますよね。 twitterのプロフィール設定から、「(あなたのWEBサイトにもTwitterを表示させよう )」をクリックすると、「プロフィールウィジェット」を使用することができます。どんなウェブサイトにも、カンタン（カスタム可能）に、 HTMLソースを貼るだけで、twitterのタイムラインを表示できちゃうというすぐれ技。で、先日、アメブロのサイドバーにも、↑これを貼りたいけどどうやるんですか？と知人から質問を受けまして、自分でもやってみたんです。「フリースペース」に、貼り付けたらいいんでないの？
実は、ここに落とし穴。アメブロのフリースペースには、禁止タグがあるんですよね。 javascriptが使えないという。え？できないの？うそー。検索で探してみると、「Twitter をアメブロに埋め込む方法動画」がけっこう出てくるんですが、 9分もあって、 twitterの登録から入るので、肝心な知りたいところが、けっこう後ろの方にあるんですよね。（正直、じれったいんです・・・）まぁ、それで分かるんですが、人に教えるのにこの動画のリンクをぽんと教えるのも遠回りなので、私は端的に、教えます。要は、「フリープラグイン」を使えば、javascriptも使用可能なので、フリープラフインを追加して、ソースを貼ればいいんです。で、標準だと、フリープラグインが、サイドバーの配置に入ってないことがあるので、ちゃんと配置してあげれば、ちゃんと表に出てくるってわけです。

再スタート

otogawa — Tue, 10 Aug 2010 02:20:53 PDT

px*blogからきてくださった方々、
しばしお休みさせていただきましたが、blogを再開しようと思います。

心機一転、リニューアル。

これから、どんな形で発展させていくか、
まだまだ妄想の域ではありますが、
今後とも、引き続きよろしくお願いいたしますm(__)m

婚活バー「tanpopo」

otogawa — Tue, 07 Sep 2010 07:36:07 PDT

webサイトブログ婚活バー「tanpopo」のwebサイトとブログを新規制作、更新を受けています。ブログを見て新規で来てくださる方が、多い時で週に5人ほどいらっしゃるそうです。最近では、twitterも取り入れ、フォロワー数も徐々に伸ばしています。

Links for 2010-08-02 [del.icio.us]

Tue, 03 Aug 2010 00:00:00 PDT

ルートパスで書かれたhtmlファイルをローカルで確認するには。 - CSS HappyLife

Links for 2010-07-13 [del.icio.us]

Wed, 14 Jul 2010 00:00:00 PDT

Flexigrid - Web 2.0 Javscript Grid for jQuery
テーブルのセルの幅かえたり、順番入れ替えたりできちゃう

Links for 2010-07-12 [del.icio.us]

Tue, 13 Jul 2010 00:00:00 PDT

div要素の幅を伸縮自由にするJavaScript「Ingeny Splitter」

Links for 2010-07-09 [del.icio.us]

Sat, 10 Jul 2010 00:00:00 PDT

カテゴリとタグを上手に使い分ける : could
ブログを立ち上げるにあたって、考えておきたいこと。

index.phpにアクセスしたら、index.tmpl.htmlを読み込むよっていうソース

otogawa — Thu, 08 Jul 2010 02:03:36 PDT

index.phpにアクセスしたら、index.tmpl.htmlを読み込むよっていうソース

encodeURIComponent術を使って、検索キーワードを日本語でリンクする

otogawa — Thu, 08 Jul 2010 02:03:36 PDT

フューチャーショップでサイトを構築していたところ、カテゴリーやグループ以外に、キーワード検索を使って、タイプ別、色別や用途別などリンクを張りたいとき。 keyword=検索ワード としたいのに keyword=%8C%9F%8D%F5%83%8F%81%5B%83h どうしても↑こういう風に記述する羽目になります。。。これでは、合っているのか間違っているのか、見直せませんし、リンクを作るときも、いちいちソースを変換しないといけません。 10個程度までなら許せますが、 50個、100個となったらリンク張りだけで夜がふけます┐（・ε・｀）┌ そんなとき、ちゃんとencodeURIComponent術を使いましょう。

検索ワード');">検索ワード

これなら、日本語なので、 HTMLソースを見ただけで分かります♪ future shop以外でも、使えるかもしれませんね。

期間限定ものに対する3つの方法

otogawa — Thu, 08 Jul 2010 02:03:36 PDT

webサイトに、期間限定ものってつきものですよね。「いつものバナーではなく、限定バナーを挿入する」とか、「いつもある検索BOXを隠して、代わりに限定HTMLソースを挿入する」とか。一定期間、公開が終わると、前の状態に戻すよっていう場合、どんなふうにHTMLソースを扱っていますか？方法はいくらでもあると思います。（1）コメントアウトタグで隠す（2）HTMLをバックアップして、隠すものはHTMLソースから削除（3）div要素にstyle="display:none;"で非表示にする" どれでもいいようで、時と場合により、使い分けのセンスって大切。

（1）コメントアウトが無難そうで、コメントアウトのデメリットって意外にあるんですよね。

・囲みたい中に、既にコメントアウトタグが使われている。・検索BOXのようにHTMLソースが複雑で、コメントアウトタグを使ってもきれいに隠れない・コメントアウトタグで囲むと、DWが中身を認識しないため、他のファイル名変更や、imgタグの移動などの普段自動でパス変更されていたものがされなくなるつまり、期間が終わってコメントアウトをはずしても、正常に表示されないことがある

（2）style="display:none;"を乱用するのも、考え物。

SEO対策に気を使っているサイトなら、何らかのはずみに、スパム扱いを受ける危険性あり。。。

（3）HTMLバックアップファイル

HTMLバックアップファイルを残したとしても期間限定の期間が、あまりに長期すぎると、その間に他の更新などが入り、もはやバックアップファイルがそのまま使える存在でなくなってしまう。。。

ディレクトリのファイルの一覧表示してくれるphp

otogawa — Thu, 08 Jul 2010 02:03:36 PDT

サイトのサーバに、大量にディレクトリやファイルを設置していて、一覧をテキストとして出力したいよ！！っていうときに、超便利。

参照元：ディレクトリのファイルを一覧表示 - PHP/データベースありがとうございますm(_ _)m

sample-tagの中を一覧してみました。
人に見せる用というよりは、
自分の管理用・チェック用という感じですね。
でも、これカスタムしまくったら、サイトマップページとか、
生成できちゃうんじゃないでしょうか？( d ▼ω▼ )

$rep = 1; // 最終更新日(表示=1 非表示=0)
$sze = 1; // ファイルサイズ(表示=1 非表示=0)
$lst = "./list"; // 表示するリストの名前(パス)

$drc=dir($lst);
print("

while($fl=$drc->read()) {

".$din["basename"]." (ディレクトリ)

");
    print("".$fl."");
    // ファイル更新日
    if($rep == 1 || $sze == 1) print(" (");
    if($rep == 1) echo date("m/d",filemtime($lfl));
    if($rep == 1 && $sze == 1) print(", ");
    // ファイルサイズ
    if($sze == 1) echo round(filesize($lfl)/1024)."KB";
    if($rep == 1 || $sze == 1) print(") ");
    print("

}

");
$drc->close();
?>

Movable typeでカテゴリ別記事リストjs

otogawa — Thu, 08 Jul 2010 02:03:35 PDT

Movable typeでカテゴリ別記事リストjsを生成するときのメモ。アーカイブテンプレートで、「ブログ記事リスト」を新規作成。 ↓ ■名称

カテゴリ別記事リストjs

的な。 ■ソース

document.write('
\n'); document.write('
<$MTEntryDate format="%y/%m/%d"$><$MTEntryTitle$>
\n'); document.write('
\n');

■アーカイブマッピング

%-c/%I.js

/blog/catXXX/index.js こういう感じのjsが出来上がります。 ■用途 htmlページにscriptタグで貼り付ければ、カテゴリに特化した記事リストが表示できます。

Movable typeでカテゴリ別RSS

otogawa — Thu, 08 Jul 2010 02:03:35 PDT

Movable typeでカテゴリ別RSSを配信するときのメモ。アーカイブテンプレートの「ブログ記事リスト」を新規作成 ■名称

カテゴリ別RSS

的な。 ■ソース

<$mt:HTTPContentType type="application/atom+xml"$>"?> <$mt:ArchiveTitle$> - <$mt:BlogName remove_html="1" encode_xml="1"$> " /> " /> tag:<$mt:BlogHost exclude_port="1" encode_xml="1"$>,<$mt:TemplateCreatedOn format="%Y-%m-%d"$>:<$mt:BlogRelativeURL encode_xml="1"$>/<$mt:BlogID$> <$mt:EntryModifiedDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$> <$mt:BlogDescription remove_html="1" encode_xml="1"$> <$mt:ProductName version="1"$> <$mt:EntryTitle remove_html="1" encode_xml="1"$> " /> <$mt:EntryAtomID$> <$mt:EntryDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$> <$mt:EntryModifiedDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$>
<$mt:EntryExcerpt remove_html="1" encode_xml="1"$>
<$mt:EntryAuthorDisplayName encode_xml="1"$> <$mt:EntryAuthorURL encode_xml="1"$> " scheme="http://www.sixapart.com/ns/types#category" /> " label="<$mt:TagName encode_xml="1"$>" scheme="http://www.sixapart.com/ns/types#tag" /> " xml:base="<$mt:BlogURL encode_xml="1"$>"> <$mt:EntryBody encode_xml="1"$> <$mt:EntryMore encode_xml="1"$>

■アーカイブマッピング

%-c/%I.xml

例：/blog/catXXX/index.xmlといった感じのRSSが出来ます。

Dreamweaverの「現在のエンコーディングではドキュメント内のすべての文字を正しく保存できません。云々・・・」に一瞬で対処

otogawa — Thu, 08 Jul 2010 02:03:35 PDT

現在のエンコーディングではドキュメント内のすべての文字を正しく保存できません。云々・・・

Wordや異なる文字コードの文書から原稿・テキストをコピペするとき、 Dreamweaverに、このように拒まれた経験は結構あると思います。そのとき、どの部分が拒まれているのか、一瞬で見つける方法。 とりあえず、ブラウザで閲覧しましょう。 正しく保存されていない場合の多くは、半角「?」になっています。半角「?」でページ内検索すれば、一瞬で分かります。ソースを別のエディタにコピーとかコードを変更して保存とかしていると、化けた原稿がさらに変形していく危険性もありますし、エラーがなくなったからといって、本当に原稿に忠実にコピーできているのか、ちょっと不安です。問題が生じたら、その都度、原因の核心部分を突きましょう。

absmiddleについて

otogawa — Thu, 08 Jul 2010 02:03:35 PDT

align="absmiddle" って使用しないほうがいいとかいうけど、 IEだけで、Firefoxでは効かないと思ってたんだけど、効きます？もしかして。文中に画像が入るときって、やっぱりこの属性欲しいですね。

font-familyをArialにしたいのに10pxがIEで日本語が12px相当になってしまう件

otogawa — Thu, 08 Jul 2010 02:03:35 PDT

最近、font-familyをArialに設定するのにハマっているotogawaです。でも、IE類では、10px相当の文字が、 Arialだとなぜか12pxと同サイズに表示されちゃうんで、困り者┐（・ε・｀）┌ ↑青いところがIEで見たときの状態。英数字は小さいのに、ヘンでしょ？サンプルページで、ぜひぜひFirefoxとIEで見比べてください。なのでいつも、10px相当に指定するところには、 font-family:verdana;をもれなくセットでつけています。 verdanaは、10pxでも英数字がつぶれず、見やすく好きです。 MSPゴシックって、10pxの英数字、字間が狭くて読みづらいんです。ただ、個人的に12pxのverdanaはデカすぎて好きじゃありません。なので、 12px以上の大きさにはArial、 10pxはverdana、という使い分けをしているわけです。なんか、効率よくて、見栄えもいい（＝私好み。笑）方法、ないものですかねぇ？

Dreamweaver「・・・へのアクセスは拒否されました」

otogawa — Thu, 08 Jul 2010 02:03:35 PDT

もう6月です。まだ肌寒いので、違和感ですが、夏もすぐそこです。暑い夏にむけて、身の毛もよだつ、Dreamweaverの怖い話をひとつ。
Dreamweaverで、ページ編集中に、「・・・へのアクセスは拒否されました」が出て、保存できなかったから、新規保存でいいんですが。 Dreamweaverで、テンプレート更新したり、ファイル名変更したり、全ページに変更が加わった際に、順番に更新がかかっていきながら、「・・・へのアクセスは拒否されました」が出て、そもそもそのファイル、開いてないですから、追いかけて保存ってできないですから、しかも「OK」ボタンしかないですから、必然的に、「さようなら」っていうことなんですね。ヒィィィィィィィィィィィィッ（怖）ですよね？？解決法ってなんですか？バックアップとって、何度も挑戦してくださいってことですね。

ジャンプページのソース　コピペ用

otogawa — Thu, 08 Jul 2010 02:03:35 PDT

http://www.inclover-inc.com">

Links for 2010-06-29 [del.icio.us]

Wed, 30 Jun 2010 00:00:00 PDT

ソースがシンプルなJSによるロールオーバー - CSS HappyLife

Links for 2010-06-27 [del.icio.us]

Mon, 28 Jun 2010 00:00:00 PDT

Links for 2010-06-22 [del.icio.us]

Wed, 23 Jun 2010 00:00:00 PDT

コメント対応版絵文字プラグイン（emoddy） - CSS HappyLife

px*blog

お手軽お手頃なレンタルサーバの『コロリポプラン』

アメブロにtwitterのタイムラインを表示する方法

再スタート

婚活バー「tanpopo」

Links for 2010-08-02 [del.icio.us]

Links for 2010-07-13 [del.icio.us]

Links for 2010-07-12 [del.icio.us]

Links for 2010-07-09 [del.icio.us]

index.phpにアクセスしたら、index.tmpl.htmlを読み込むよっていうソース

encodeURIComponent術を使って、検索キーワードを日本語でリンクする

期間限定ものに対する3つの方法

（1）コメントアウトが無難そうで、コメントアウトのデメリットって意外にあるんですよね。

（2）style="display:none;"を乱用するのも、考え物。

（3）HTMLバックアップファイル

ディレクトリのファイルの一覧表示してくれるphp

Movable typeでカテゴリ別記事リストjs

Movable typeでカテゴリ別RSS

Dreamweaverの「現在のエンコーディングではドキュメント内のすべての文字を正しく保存できません。云々・・・」に一瞬で対処

absmiddleについて

font-familyをArialにしたいのに10pxがIEで日本語が12px相当になってしまう件

Dreamweaver「・・・へのアクセスは拒否されました 」

ジャンプページのソース コピペ用

Links for 2010-06-29 [del.icio.us]

Links for 2010-06-27 [del.icio.us]

Links for 2010-06-22 [del.icio.us]

Dreamweaver「・・・へのアクセスは拒否されました」

ジャンプページのソース　コピペ用