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:各書店の価格や在庫状況一覧で表示される

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

解答
SpellBookというChromeの拡張機能が便利なので是非試してほしい。(使い方は作者ページを参照。)
用途
書籍JANコード(ISBN)から図書館の貸出状況を検索するのに使っている。
なお、リンク先の"東京都"の部分は都合に合わせて変えてくださいな。

2013年9月24日火曜日

Bloggerで左に寄せた画像の下に文章を書く方法

Bloggerでアップした画像を左に寄せると、その下では無く右側にカーソルが行く。この状態で右側ではなく下に文章を書きたい場合はどうするか?


1)一旦、画面中央に画像を置き、画像右に接する部分にカーソルをあわせて改行する。その後カーソルが画像下に移動するので、そこに文章を書く。最後に画像と文章を各々左寄せする。

(例)
この文は上の画像の真下に表示されるはず。

2)html編集画面で、テキストを下記タグで囲む。
これは、1)の該当部分の文をhtml編集画面で見れば分かることではある。

<div class="separator" style="clear: both;">~</div>


どちらの方法にしても、こんな事を気にしないといけないとは面倒だと思う。

以上

アマゾンと消費税

アマゾンが日本で消費税を払ってない件に関する記事があるけど、Koboも払ってないぞ。

消費税を支払っていないアマゾン 出版業界など「不公平だ」と怒る
http://www.j-cast.com/2013/09/23183987.html?p=all
Kobo、日本で電子書籍を販売へ
http://ebook.itmedia.co.jp/ebook/articles/1206/26/news046.html

アマゾン等の海外企業だけが払ってないかのようだが、既に同様の行為に及んでいる国内企業がある事も記載してほしい。

なお政府は対策を検討中らしいが、決め手に欠けるみたい。

消費税に抜け道 海外からの電子配信は非課税
http://www.tokyo-np.co.jp/article/economics/news/CK2013092402000123.html

2013年9月21日土曜日

CSSでのぶら下げインデント設定方法

初歩的な事ではあるが忘れていたのでメモ書き。

■CSSでぶら下げインデントを設定する方法

下記をCSSに追記した後に該当部分を<div class="terms">~</div>で囲む。
当然ながら<div>タグではなく、<li>タグに仕込んでもよい。

■CSS追記内容
div.terms{
  margin-left: 1.0em;
  text-indent: -1.0em;
}

日常的に使わないと忘れてしまうんだよな、気をつけないとね。

以上

2013年9月20日金曜日

iOS7.0で機内モードの切替が楽になった

iOS7.0より前までは設定画面を開かないと機内モードの切替ができず不便だったが、今回7.0に更新してから楽に切替ができるようになった。

■切替方法

1.画面最下部から上方法へ指をなぞる。

2.そうするとコントロールセンターが現れる。(iOS7.0より新登場)

3.コントロールセンター上の機内モードボタンを押すと、機内モードに切り替わる。ボタンが白抜きだととオンの状態になる。

■他の変更点

変更された部分が多すぎて全ては書けないが、通知センターとカメラも大きく変わったので見てほしい。

ただし、欠点もあり、7.0では見た目が変わりコントラストがきつくなり、目が疲れやすくなったと思う。また、動作がもっさりするようになった。

以上

多言語学習に役立ちそうなサイト

英語学習のサイトは選び出すのが大変なくらい多すぎるが、多言語学習となると

に役立ちそうなサイトは、主に2種類の分類が可能だと思う。

  1. 日本語を学習するためのサイト
  2. 多言語で表示可能なサイト
1.の中では、NHKが良さげに見える。
NHKの日本語学習サイト->http://www3.nhk.or.jp/lesson/

2.ではNHK WORLDやTEDが良さげ。
NHK WORLD->http://www3.nhk.or.jp/nhkworld/index.html
TED->http://www.ted.com/translate/languages/ja


BBCの英語学習サイトも多言語対応しているようだが日本語は対象外なので役に立ちそうにないかな。
BBCの英語学習サイト->http://www.bbc.co.uk/worldservice/learningenglish/


他に良いサイトがあれば、教えてほしい。

m4vファイルの字幕表示

iTUNESやVLCではm4vファイルの字幕表示が可能だが、WMP(Windows Media Player)では表示できない。何ぞ方法はないものか?

再生画面で「コンテキストメニュー > 歌詞、キャプション、および字幕 > 利用できる場合はオン」を選択しても表示されないのだが。

2013年9月19日木曜日

何時の間にCNN Student News (video):Podcast版で字幕が表示されるようになっていた

以前、英語を学習するためにCNN Student News (video)のPodcastを見ていた。
久しぶりに最新のファイルを見ると、いつの間にか字幕が表示されるようになっていた。
(手元にある2年前のファイルに字幕が設定されていなかった)
話すのと字幕表示のタイミングがずれてはいるが、英語学習には使い勝手が良くなったと思う。
また英語を勉強しようという気になった。


2013年9月13日金曜日

特殊な条件でJavascriptのsplitを実行した場合の挙動

Javascriptのsplitで、分割対象の文字列と区切り文字に色んな値を入れて試した結果のメモ。
いや、ちょいと詰まったもんで。
1.分割対象の文字列、区切り文字の両方共に値を指定しない場合
要素数zeroの配列ができる。
2.文字列と区切り文字の値が等しい場合(何らかの値を必ず設定)
要素数が2、2個の要素共に値が空文字("")の配列が生成される。
3.分割対象の文字列のみ値を設定した場合
文字列は1文字ずつ分割される。
4.区切り文字のみ値を設定した場合
要素数が1、要素の値が空文字("")の配列が生成される。
5.文字列に区切り文字が無い場合
要素数が1、その要素の値が文字列の配列が生成される。
6.文字列の先頭が区切り文字の場合
要素数が2、始めの要素の値は空文字("")、最後の要素の値は文字列から区切り文字を除いた値の配列が生成される。
7.文字列の先頭が区切り文字の場合
要素数が2、始めの要素の値は文字列から区切り文字を除いた値、最後の要素の値は空文字("")の配列が生成される。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
      function  disp(str,sep){
        var ary = (str.value).split(sep.value);
        var test = document.getElementById("test");
        if(Array.isArray(ary)){
          var j = ary.length;
          test.innerHTML = "要素数:" + j + "<br />";
          var val = new String;
          for(i=0,j=ary.length;i<j;i++){
            switch(ary[i]){
              case null:
                val = "null";
                break;
              case " ":
                val = "space";
                break;
              case undefined:
                val = "undefined";
                break;
              case "":
                val = "空文字";
                break;
              default:
                val = ary[i];
                break;
            }
            test.innerHTML += i + "⇒" + val + "<br />";
          }
        }else{
          alert(typeof(ary));
        }
      }
    </script>
  </head>
  <body>
    <form>
      <p>String:<input type="text" id="str"></p>
      <p>Separator:<input type="text" id="sep"></p>
      <input type="button" id="btn" value="show" onclick="disp(str,sep);">
    </form>
    <div id="test"></div>
  </body>
</html>


検証ツール

文字列:
区切り文字:

マイクロソフトの「Outlook.com」、IMAPをサポート

待ってました!
マイクロソフトの「Outlook.com」、IMAPをサポート
「Outlook.com」がついにIMAPをサポート~Macの「Mail」で既読管理が可能に


2013年9月12日木曜日

FIrefoxとnavigator.languageとgeneral.useragent.locale

FirefoxでJavascirptのnavigator.languageで表示される言語は、configのgeneral.useragent.locale(要はメニューの表示言語)だと今までは思っていた。だが、この認識が誤っているのに気づき、調べた結果、以下内容になった。

==ここから==

Firefoxでの言語設定には2種類ある。かいつまんで記載すると、

  1. ブラウザのメニューとダイアログの表示に使用される設定
  2. ウェブページの表示に使用する言語に対する優先順位の設定

となる。各々の設定は、下記方法で行う。

  1. 表示したい言語の言語パックをインストールした後に、about:configでgeneral.useragent.localeに希望の言語を設定してFirefoxを再起動。(言語パック->ココを参照)
  2. メニュー:ツール > オプション > コンテンツ > 言語 > 言語設定 で現れる画面で、ウェブページで使う言語の優先度を最高位にする。
2.の意味がよく分からない場合は、優先度を変えた後にココ(https://addons.mozilla.org/)にアクセスするといいと思う。優先度が高い言語で表示されるはず。

さて、上記2個の各々の設定を変えながら、navigator.languageの値を見てみると、

  1. メニューの言語が何であれ、navigator.languageの値は変わらない。つまり、general.useragent.localeの値には依存していない。
  2. 優先度が最も高い言語がnavigator.languageに設定されている。
という結果になった。
ちなみに、Chromeで同様の確認を行ったところ、意外にも異なる結果になった。
Chromeでの結果->http://amor2k.blogspot.jp/2013/09/chromenavigatorlanguage.html


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
      function  check(){
        alert(navigator.language);
      }
    </script>
  </head>
  <body>
    <input type="button" id="btn" value="show" onclick="check();">
  </body>
</html>

OS: Windows 7 Progessional(64bit) Service Pack1
Firefox: 23.0.1

以上

Chromeと言語設定とnavigator.language

Chromeでの言語設定には2種類ある。かいつまんで記載すると、
  1. ブラウザのメニューとダイアログの表示に使用される設定
  2. ウェブページの表示に使用する言語に対する優先順位の設定
となる。(詳細はココを参照->https://support.google.com/chrome/answer/95416?hl=ja)
この2個の設定の各々でnavigator.languageの値を見てみた。すなわち、下記内容で確認を行った。

  1. メニューに表示される言語を変えた場合の値
  2. 優先度が最も高い言語を変えた場合の値
結果は、

  1. メニューに表示される言語になった。
  2. 優先度をどのように変えても、メニューに表示される値になった。
となり、個人的には大変意外な結果になった。
ちなみに、Firefoxでも同様の調査をしたが、結果は異なった。
Firefoxでの結果->http://amor2k.blogspot.jp/2013/09/firefoxnavigatorlanguagegeneraluseragen.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
      function  check(){
        alert(navigator.language);
      }
    </script>
  </head>
  <body>
    <input type="button" id="btn" value="show" onclick="check();">
  </body>
</html>

OS: Windows 7 Progessional(64bit) Service Pack1
Chrome: 29.0.1547.66 m

以上

Nexus7が当たるかも

今、Kit Kat miniを買って懸賞に応募すると、nexus7が合計3000名に当たるかも。
参照->http://nestle.jp/brand/kit/40thcampaign/present.html

近所のスーパーで値段を見てみると、258円/袋・298円/袋・398円/袋といった感じで、バラついてた。ネットでは、1ダースで纏め買いすると、1袋あたり30円くらい安くなるっぽいが、そんなに沢山食えないので、スーパーで最も安い価格で買った。人気が高くなったせいか品数が少なかったので早目に行動したほうがいいと思う。

なお、裏側に応募シールが無いのがあるので買う際には注意するように。


(応募シール)
袋には3種類あるが、現時点では2種類しか販売されていない。(詳細は上記サイトを見て)

(袋1:表と裏)
(袋2:表と裏)

Kit Katは好きだから買ってどんどん食おうかな。体重増えるのがコワいけど。

以上

2013年9月11日水曜日

textContentとinnerTextと改行

textContentは改行コードを無視する。
innerTextは改行コードを考慮する。
ただしinnerTextはIE,Chromeのみの対応で、Firefoxでは定義されていない。
( textContentは、IE,Chrome,Firefoxで対応されている。
  参照⇒https://developer.mozilla.org/ja/docs/Web/API/Node.textContent )

ではFirefoxで文字列を改行させたい場合はどうするか?
思いつく対応方法は下記2つ。
  1. 改行コードを改行タグ"<br />"で置換して、innerHTMLに設定。
  2. テキストを改行コードで分割して生成した各文字列を<div>や<p>などのブロック要素のテキストノードに設定して連結する。
もっと見栄えのよい方法はないかな?

2013年9月5日木曜日

Bloggerへの動画アップ時のエラー

始めにGmailにログインした後にBloggerへ遷移して動画をアップしようとするとエラーが出た。
しかし、Bloggerに直接ログインするとアップできた。
なぜこんなことが起きるかは分からないが、どーにか対応してほしいと思う。サービス開始前にテストしてないのかな?アップするまでにすごく時間を無駄に使ってしまったぞ。

ところで、アップした動画は、現在の東京の空で雷鳴が轟いている。


2013年9月4日水曜日

雷鳴 in Tokyo

iピカピカ光って、雷鳴が轟いてはいるが、雨は降ってない。
iPad2で撮影したが画質が粗い。カメラじゃないと綺麗に撮れないのかな。

2013年9月3日火曜日

NEXUS4

8/30から日本でNEXUS4が発売されている。なぜかGooglePlayでは販売されてなく価格は49800円。高いな、SIMフリーとは言えど。
http://weekly.ascii.jp/elem/000/000/166/166485/ 

海外のGooglePlayでは8GBモデルが199ドル、16GBモデルが249ドル。買うのであれば海外だね。国内では高すぎる。
http://www.rbbtoday.com/article/2013/08/28/111143.html

 下記記事によると在庫限りの販売らしい。NEXUS5が近々出てくるっぽいね。購買意欲があるのであれば、早いほうがいいかと。
http://crave.cnet.co.uk/mobiles/nexus-4-wont-be-restocked-on-google-play-hints-at-nexus-5-50012138/ 

通常方法では海外のGooglePlayで買うことはできない。ググれば方法は見つかる。面倒くさそうだから私は買わんけどね。

2013年9月2日月曜日

Bloggerに画像をアップするときに困ったこと

初めて画像をアップしようとした時、下記現象が起き、対応に時間がかかってしまった。
当時の対処法を記しておく。端的に書くと、cookieを保存するように設定すればいいだけ。

「画像を挿入」ボタンを押すと左記画面が表示されたのでログインボタンを押した。
パスワードを入力して、ログインボタンを押した。
何も表示されない。



冒頭で記載したように、cookieを設定すればいいだけ。
メニュー>設定>プライバシー>コンテンツの設定 にて設定。


















これで終了だが、もし「サードパーティのcookieをブロックする」をオンにした場合は、ログイン画面とBloggerの画面でサードパーティのcookieを受け入れるように設定する。以下ではBloggerの編集画面での設定方法を記述する。

アドレスバーの×印のアイコンをクリックするとポップアップが出てくる。「Cookieと他のサイトのデータを表示」をクリックする。
          ブロックタブを選択する。
          表示されたアドレスを許可して再読込する。




















同様の作業をログイン画面でも行えば、画像をアップロードできるようになると思う。というか、私はそれで可能になった。

2013年9月1日日曜日

天気予報ってコロコロ変わるんだな


本日14:00頃の予報

本日16:00頃の予報

雨が降るっていうから、このクソ暑い中、外出先から急いで帰宅して干していた洗濯物を取り込んだのに、その後に予報を見ると、雨降らないって何なのさ!
おまけに、家の中もクソ暑いしさ!
以上

2013年8月31日土曜日

朝まで生テレビ

朝まで生テレビを見てる最中だが。

このプロフィール、面白すぎる。
”著書「やせる!」等”って.....[消費増税の是非]という議題に全くそぐわないでしょ。
おい、テレビ朝日、もっとマシな著書を選んでやりなさいよ・・・


2013年8月30日金曜日

2013年8月28日水曜日

Firefoxと音声ファイルと音量調節

Firefoxでmp3等の音声ファイルを再生する場合、音声調節はon・offのどちらかしか選択できない。 htmlのaudioタグのcontrolでも同様である。
IEやChromeではスライダーで調整できるので、Firefoxも対応してほしい。
なお、音声ファイルをvideoタグで処理すると、Firefoxでも音声をスライダーで調整可能になる。
OS: Windows 7 Progessional(64bit) Service Pack1
Firefox: 23.0.1
IE: 10.0.9200.16660
Chrome: 29.0.1547.57 m

2013年8月26日月曜日

Firefoxと動画ファイルとオブジェクトURL

Firefoxにおいて、htmlのvideoタグのソース(src)にmp4等の動画ファイルに対するオブジェクトURLを設定すると(window.URL.createObjectURL)、再生ボタンを押しても反応が無く、またエラーにもならない。
IE、Chromeでは再生可能。
なお、mp3等の音声ファイルではIE・Chrome・Firefoxのいずれも再生できた。
なんだこりゃ。


OS: Windows 7 Progessional(64bit) Service Pack1
Firefox: 23.0.1
IE: 10.0.9200.16660
Chrome: 29.0.1547.57 m


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
       function test(){
         var file = document.getElementById("Myfile").files[0];;
         var objecturl = window.URL.createObjectURL(file);
         var video = document.getElementById("video");
         video.src = objecturl;
       }
    </script>
  </head>
  <body>
    <form>
      <input type="file" id="Myfile" onchange="test()">
    </form>
    <div id="play">
      <video id="video" controls="controls" onerror="alert('ERROR!')"></video>
    </div>
  </body>
</html>

【追記(2013/08/30)】
動画ファイルの中でも.oggと.webmはFirefoxで正常に再生できた。
この現象が起きる動画は、.mp4ファイルのみのようだ。
また、音声ファイルではあるが、.m4aで該当の事象が発生した。

下記の記事に
「特許の問題を回避するため MPEG4、H.264、MP3 および AAC のサポートは、Firefox に直接組み込まれてはいません。代わりに、OS またはハードウェアのサポートに依存します。」
という記載があるが、関係しているかな?
参考記事⇒リンク


2013年8月25日日曜日

ハンバーガー無料権獲得

昨日と今日(2013/08/25)、マクドナルドでハンバーガー1個購入につきハンバーガー無料券を1枚配っていたので、つい買ってしまった。ただし有効期限があり明日8/26から9/1まで。
貧乏って嫌だな、と思う。

2013年8月24日土曜日

検索条件を設定せずにJavascriptでtestを実行すると、戻り値がtrueになるんだね

標題の件、個人的には意外だったもんで、備忘録として書いた。
検証に用いたソースは以下。
なお、ブラウザによる違いは無かった。(IE,Firefox,Chrome)当然だけど。


<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
      function  search(text){
        var regexp = new RegExp(text,"gi");
        alert(regexp.test(document.getElementById("test")));
      }
    </script>
  </head>
  <body>
    <form>
      <input type="text" id="text">
      <input type="button" id="btn" onclick="search(text.value);">
    </form>
    <div id="test"></div>
  </body>
</html>

2013年8月21日水曜日

Javascriptで水平線(<HR>)の後に文字を入力した時の表示が意外な結果になった

水平線の後に文字を表示するJavascriptを作る場合、通常はinnerHTMLを使うと思う(サンプル1)。


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
      function test(){
        comm.innerHTML = "<hr>";
        comm.innerHTML += "おはよう";
      }
    </script>
  </head>
  <body onload="test()">
    <div id="comm">
    </div>
  </body>
</html>

結果:IE,Chrome,Firefoxで確認







ところが、違うコードにしてみると(サンプル2)、意外な結果になった。


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
      function test(){
        var comm = document.getElementById("comm");
        comm.appendChild(document.createElement("hr"));
        comm.innerText += "おはよう";
      }
    </script>
  </head>
  <body onload="test()">
    <div id="comm">
    </div>
  </body>
</html>
結果:IE,Chromeで確認








結果:Firefoxで確認






ふーん。そうなんだ。変だ。。。

なお、実施環境は下記。
OS: Windows 7 Progessional(64bit) Service Pack1
Firefox: 23.0.1
IE: 10.0.9200.16660
Chrome: 28.0.1500.95m

2013年8月19日月曜日

納涼写真

今日の室温は最大37℃で、とても暑かった。
こんな日は涼しい季節の写真をみて涼むことにしている。

東京の某公園にある銀杏。昨年2012年の11月に撮影。
早く秋になんねえかな。

以上

2013年8月18日日曜日

数独

数独に関しては、下記サイトが最も問題数が多く、おすすめ。
難易度は「初級」・「中級」・「上級」・「専門級」・「最高級」の5段階あり、簡単すぎる問題から難しすぎて解けない問題まで、きっちり揃っている。
私は「上級」を約10分間で解くのが精一杯で、「最高級」を簡単に解けるようになったらなぁと思う。
http://www.sudokugame.org/
なぜか、上部に表示される日付が毎日14時に更新されているが、修正してほしい。

以上

2013年8月17日土曜日

input type="file"のonchangeイベントで各ブラウザの挙動が異なる

ファイルを選択するとアラートが表示されるHTMLを(サンプル1)、下記手順で実行してみる。
1:何らかのファイルを選択する。
2:再度選択ボタンを押した後にキャンセルする。

IEとFirefoxでは何も起きないが、Chromeではアラートが表示される。


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript"></script>
  </head>
  <body>
    <form>
      <input type="file" id="Myfile" onchange=alert("ok")>
    </form>
  </body>
</html>

少し掘り下げて調査するため、ファイルを選択するとファイル名、選択されていない場合はメッセージを表示するHTMLを(サンプル2)、上記と同一手順で実行してみた。
IEとFirefoxではファイル名が、Chromeではメッセージ「nothing!」が表示される。

つまり、キャンセルした時、IE,Firefoxでは前回選択したファイル名を選択し続け、
Chromeでは何も選択していない状態に変わっている。


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
      function checkFile(){
        var file = document.getElementById("Myfile").files[0];
        if(file){
          alert(file.name);
        }else{
          alert("nothing!");
        }
      }
    </script>
  </head>
  <body>
    <form>
      <input type="file" id="Myfile" onchange="checkFile()")>
    </form>
  </body>
</html>

正しい挙動はどちらなのかは分からないが、揃えてほしいと思う。

面倒くせぇ。

なお、実施環境は下記。
OS: Windows 7 Progessional(64bit) Service Pack1
Firefox: 23.0.1
IE: 10.0.9200.16660
Chrome: 28.0.1500.95m


2013年8月16日金曜日

ソリティア

最高得点が出た(6563点)。時間の無駄遣いとは分かっていてもやってしまうんだよな。


「日テレ社員を逮捕」で思ったこと

日テレ社員を逮捕 強制わいせつ容疑
http://www.47news.jp/CN/201308/CN2013081601001408.html

逮捕事由より、"「恋のから騒ぎ」などの人気バラエティー番組を担当し"という部分が気になった。
この番組は2年以上前に終わってるでしょ。最近は何やってたんだろ?大した仕事やってなかったのかな?って思ってしまった。

2013年8月13日火曜日

たけしのコマ大数学科(20130813放送)

パズルを解くのは趣味の一つ。
「たけしのコマ大数学科」という、数学を扱っているTV番組が毎週月曜日深夜に放送されていて、可能な限り見るようにしている。

今晩深夜に放送予定なのでネタバレになってしまうが、問題と解答を書いた。
とても簡単で物足りなかった。対象年齢は中学生だと思う。

■問題
隣りあう2個の数字の和の平方根が整数になるよう、1から15の数字を並べろ。
例:3,1,15,10...

■解答

「隣りあう2個の数字の和」をSとすると、Sの範囲は、1+2 ≦ S≦ 14+15、つまり3 ≦S≦29である。この範囲内で平方根が整数になるのは、4,9,16,25の4個となる。

各々の和を構成する整数の組み合わせは下記に記す。


4
(1,3)

9

(1,8),(2,7),(3,6),(4,5)


16
(1,15),(2,14),(3,13),(4,12),(5,11),(6,10),(7,9)
※(8,8)は、同一整数が2個あり、「1から15の数字を並べろ。」に反するため除外。

25

(10,15),(11,14),(12,13)
※その他の組み合わせは、15より大きい整数があり、「1から15の数字を並べろ。」に反するため除外。


上記で1回のみ登場する要素は8と9で、この2個の数字は、並べた列の先頭か末尾のどちらかでなければならない。


まず、8から始め、その後、上記組み合わせを満たす整数を選択していくと下記となる。



 8
 ↓
 1 ─┐ 
 ↓  ↓
15  3──┐
 ↓ ↓  ↓
10  6 13
 ↓ ↓  ↓ 
 6 10 12
 ↓ ↓  ↓
 3 15  4
 ↓ ↓  ↓
13  ×  5
 ↓     ↓
12    11
 ↓     ↓
 4    14
 ↓     ↓
 5     2
 ↓     ↓
11     7
 ↓     ↓
14     9
 ↓     ×
 2
 ↓
 7
 ↓
 9
 ◎

次に、9から始める場合は、8から始めた列を逆に並べればよい。

2013年8月12日月曜日

チキンクリスプは値上げしてないのだね

久しぶりにマックでチキンクリスプを食べた。マックの中では一番好きなメニュー。
数ヶ月前にハンバーガーを値上げしたと聞いていたけど、チキンクリスプは据え置きだったんだね。
http://www.mcd-holdings.co.jp/news/2013/promotion/promo0418a.html

ただし、以前と比べて肉の量が減った気がする。値上げよりはましだと思っているけどね。。。

以上

稲妻が空を走る瞬間を撮った

昨日8/11の15::00頃、天候が悪くなり雷鳴が轟いていた時に撮った写真。



シャッターボタンを連打して、どうにか撮れた。もっとうまく撮れるようになりたいが、どうすればいいのだろう?

2013年8月11日日曜日

暑い!!安い保冷剤を見つけた!!

昨日8/10は暑すぎた。室内は39℃。去年より暑い。(今までの室内最高温度は38℃だった)

そこで、近所のスーパーで保冷剤を買った。


100円ショップで買うより安い。もちろんネットショップでも売られている。
http://www.the-seiyu.com/front/app/catalog/list/init?searchWord=%E4%BF%9D%E5%86%B7%E5%89%A4&x=46&y=8&searchMethod=0&searchContextPath=%2Ffront&selectSlot=

一昔と比べたら、ずいぶん安くなった、最安かなと思っていたら、もうちょい安いのがアマゾンにあったな。さすがだね。

さて、今日は何度まであがるか?

以上