2013年10月11日金曜日

Google App EngineでPHPを使ってみた

こんな記事を見つけたので試してみた。

Google App EngineでのPHP利用がオープン化 (TechCrunch日本版)

説明HP:https://developers.google.com/appengine/docs/php/

Googleの説明ページは英語のみ。
今回は、説明ページのGetting StartedのIntroductionからUsing Static Filesまでを実行した(下画像の枠内) 。詳細は以下参照。

HPのメニュー

2013年10月6日日曜日

Bloggerで記載したはずの投稿タイトルが消えてしまう

Bloggerでタイトルを書いてプレビューや保存、公開などをしたところ、タイトルが消えている場合がある。現象の詳細は最下部の「現象」欄を見てほしい。

原因

閉じるタグ(</~>)が無いなどの不正なタグ使用を行ったため。

対策

どうしても開くタグ(<~>)のみ使用したい時はエスケープ文字を使おう。つまり、『<』を用いたければ『&lt;』、『>』は『&gt;』と記述しよう。エスケープ文字を知らない場合は『エスケープ文字 html』でググれば説明してくれているウェブページが簡単に見つかる。

所感

単純な原因ではあるがエラーメッセージを出さずに消すので面食らってしまった。消しても構わないので、理由を示すメッセージを表示してほしい。

なお、本文ではこのような事象は起きない。というのは作成画面では『<』や『>』などは自動的にエスケープ処理され、HTML編集画面では不正なタグ使用に対してエラーメッセージが表示されるからである。

(HTML編集画面でのエラーメッセージの例)


Bloggerでは見出しタグ:<h1>~<h6>の文字の大きさが不揃いになるので注意しよう

通常、HTMLの見出しタグ:<h1>~<h6>は、<h1>が最上位の見出しで文字が最も大きく、以下数字が小さくなるにつれて文字が小さくなります。Bloggerのエディタ画面では同様の表示になりますが、実際の画面ではそうならないので注意しましょう。というか、使えんよな。。。

以下に、検証時に使用した例とHTMLソース、エディタ画面、表示画面の画像を置きましたので、ご覧ください。

検証時に使用した例

下記のありがとうございますは<h1>から<h6>まで昇順に並んでいますが、文字の大きさが順に小さくなっておらず大きくなったり小さくなったりして見えると思います。

ありがとうございます

ありがとうございます

ありがとうございます

ありがとうございます

ありがとうございます
ありがとうございます

2013年10月5日土曜日

[Blogger]ある記事でのCSSが他の記事にも適用されている場合がある

ある記事にCSSを書いても他の記事には適用されない。しかし、トップページでは全記事に反映される場合がある。

原因

トップページには複数の記事が同一ページに表示されている。つまり、ある記事のCSSが同一ページにある他の記事にも反映されるため、このような事象が起きる。
初歩的なミスではあるが、書いている時に気付かなかったし、また、気付きにくいと思う。

対策
  1. CSSではidやclassなども指定し、他記事と重複しないように注意する。
  2. 記事に区切り文字を入れ、その下にCSSとその適用対象を書く。そうするとトップページではCSSが表示されないので、適用されない。

検証
現象の詳細と、対策の結果は下記。(対策2.のみ)

2013年10月4日金曜日

Firefoxで右クリックからブックマークレットを起動するには?

以前にChromeで右クリックからブックマークレットを起動するには?というタイトルのブログを書きました。Firefoxでも、あるアドオンをインストールすると同様の事が可能になります。興味のある方は以下を読んで下さい。
要は、右クリックでブックマークが参照可能であれば良いのみです。

2013年10月3日木曜日

ISBNから図書館情報を手軽に検索するブックマークレット

下記のブックマークレットです。


説明

使用前準備

ブックマークレットを展開すると、
javascript:void(window.open("http://calil.jp/book/"+document.getSelection()+"/search?pref=東京都"));
となります。「東京都」の部分は都合に合うように変更してください。

使い方

ISBNを選択した後に、このブックマークレットを起動すると…(紀伊国屋書店のページを例に用いています)


検索結果が表示されます



なお、ブックマークレット先のカーリルさんでは細かい条件を設定して検索できますので参照してください。便利ですよ。

2013年10月2日水曜日

オンライン書店を串刺し検索するには?


解答

書籍横断検索システムというサイトを使ってみたが、すごく便利。ブックマークレットも用意されている。

以下の章立て

使用例
1:サイト版
1-1:書籍を検索する
1-2:書籍検索結果一覧に表示されている書籍の横断検索をする
1-3:各書店の価格や在庫状況一覧で表示される
2:ブックマークレット版
2-1:ブックマークレットを起動
2-2:ISBNを入力
2-3:各書店の価格や在庫状況一覧で表示される