ブログ関係 一覧

サイト更新作業完了

ようやくサイトの更新作業が一段落しました。

 

ここに至るまでの道のりは決して平坦なものではなく、途中くじけそうになった事もありました。

でもそんな時

僕のことを支えてくれたのは

僕の親父でもなく

そして

おふくろでもなく

 

そう

 

リーでした。(元ネタの動画を探しましたが見つかりませんでした)

 

という事でブログを大分いじくりました。

MT underHat テーマ 006 - レスポ | MT underHat

こちらのテーマをベースにいじくりいじくり

個人で(しかも趣味で)MovableTypeをいじって情報を残している人がほんとに少なくなったので自分用とその他の人用に記録として残しておきますが関係ない人にとってはなんじゃらほい情報。

続きを読む

ただいまブログデザイン変更中

ただいまブログデザイン変更中

      n       n
    (ヨ )      ( E)
    / |   ハ,,ハ  | ヽ ご迷惑をおかけしています
    \ \( ゚ω゚ )/ /   AAのテストを行っています
      \      /
       |    /

ブログテーマ変更

2015年ですから2015年らしくブログのデザイン変更というか色々ガラリと変えてみよう。

MT underHat - MT5.xのテーマ(テンプレート)を配布しているサイト。

MT underHat テーマ 006 - レスポ ベースでゴリゴリと。

テストブログできっちりテストしてから変更する予定だったのですがめんどくさくなったので細かいところはぶっつけ本番で修正していきます。

という事でしばらく表示とかレスポンスがおかしくなります。

スパム対策

ここ1~2ヶ月、いや2~3ヶ月・・・うーん3~4ヶ月?スパム業者からのアクセスが増えてまして

ホスト名で言うと

なにがし.dynamic.163data.com.cn

hn.kd.ny.adsl

このあたり。

ちょっとクロールしてみたり、コメントを試みたり、トラックバックを試みたり。

コメントに関してはいつぞやのスパムコメント対策が効いてるので投稿失敗してるしトラックバックは即スパム認定されてるんでまだいいんですが、アクセスログが汚されるのと、カテゴリーアーカイブとかブログ内検索(mt-search.cgi)とか動的生成されるページにあんまりアクセスされるとサーバー負荷が馬鹿にならない。

ちなみに163datacom.cnの人達はトラックバック先(元?)とリファラーに

なにがし/replica-air-max-90-hyperfuse.html

なにがし/replica-air-jordan-6-sport-blue-white.html

みたいなアドレスを残すのが特徴的です。

とりあえずブロックしようと、.htaccessでdeny ホスト名してみたんですがどうやらホスト名による指定ではこやつらのアクセスを防げないらしく、またホスト名による制限はレスポンスの悪化にもつながるとかいう風の噂を聞いたので、どうしようかなー、ヘッダーに「天安門事件」って入れといたらアクセス止まらないかな。あ、ダメだな。どうしようかなー、と思っていたら

Block Chinese and Korean IP Addresses From Apache Based Servers with .htaccess Blocklist

こんなすてきサイトがあったのでとりあえず.htaccessにぶちこんでみました。

今のところは上記スパムはもちろんeasou.com;sogou.com;baidu.comとかの無礼なクローラーもブロックできているようなので結果は上々。

 

しかしその割にはまだちょっとサーバー負荷があるなー、こんなもんだったっけなーと思ったら

Bingbotが元気一杯クロールしてたので勢い余ってついついブロック。

Googleのクローラーはウェブマスターツールで設定するとかなり控えめになってくれるのに、msn(bing.com)のクローラーはWebマスターツールで設定しても全然控えてくれないっすね・・・。

先日借りているサーバーのバージョンアップメンテナンスが行われて基本的には問題なかったんですが、サーバー管理画面からチェックできるアクセスログの閲覧ページを開こうとすると画面が真っ白に。(IEでアクセスすると500エラー)

どうやらPHPのバージョンアップに伴う不具合というかアレだったようで

解析済みログが保存されるフォルダに次のような内容の「.user.ini」ファイルを設置するとOKでした。

php_flag = Off

short_open_tag = Off

借りているレンタルサーバーのバージョンアップメンテナンスが行われたようで。

障害情報

コアサーバーApache/PHPのバージョンアップメンテナンス

 <Apace>
 ・ウェブサーバーのバージョンアップ(Apache2.2系へ変更)
 ・お客様サイト内のユーザー所有者「apache」のファイルをユーザー様へ変更
 <PHP>
 ・標準のPHPのバージョンアップ(PHP5.2系からPHP5.3系へ変更)
 ・CGI版PHP5.4、5.5の最新版へのアップデート
 ・FastCGI版PHP5.4、5.5の提供
 ・セーフモードの解除(モジュール版PHPの廃止)
 ・エラー表示が標準で無効
 <DB>
 ・データベースのマイナーバージョンアップ
 (MySQL 5.1.22 -> 5.1.73)
 (PostgreSQL 8.2.4 -> 8.2.23)
 <管理画面> 
 ・メインのページと同じデザインに変更
 ・PHPのバージョン選択メニューを追加

投稿テスト

MT6.0.3へ

見やすいうぇぶさいとにしよう計画の第一歩としてMovableTypeをアップグレード。(まだ見た目に違いはありません)

MTがバージョン3とか4とかの頃は自前でブログやってる人が多くてそれだけ情報も多かったんですがあのMTユーザー達はどこへ行ってしまったのか・・・。

不具合1

コメント投稿しようとするとエラー表示


Got an error: MT/JunkFilter.pm did not return a true value

なぜかJunkFilter.pmが真っ白な状態だったのでアップロードし直したら解決。

ちょっと過去記事を振り返ろうと、猫カテゴリーの記事一覧表示しようとするのにいつまでまっても表示されません。

 

ドスドスドス

 

「このブログの管理をしておるのはだれだー!」

 

      /\___/ヽ
     /''''''   '''''':::::::\     私です
    . |(●),   、(●)、.:|
    |   ,,ノ(、_, )ヽ、,, .::::|
.     |   ´トェェェイ` .:::::::|
     \  |,r-r-|  .:::::/
     /`ー`ニニ´‐―´\

 

ということで何が原因かなーと調べていた結果、データベースがおかしくなっていたようなのでとりあえず「phpMyAdminですべてにチェックを入れて修復」したらなおりました。

未来の自分への呪文。

「phpMyAdminですべてにチェックを入れて修復」

それともう一つ未来の自分への呪文。

「いつになったらスマホとかで見やすいサイトにするの?」

画像大きめテスト

600(今まで通り)

 

666(あくまのすうじ)

 

720(大きめ)

 

今まで貼り付ける画像のサイズを横幅600pxで統一してきたんですがその理由は・・・忘れました。

と言いつつおそらく1024x768という解像度で見ている人に配慮してとかそういう理由だった気がします。

けど今やスマホが当たり前のようにフルHDの液晶搭載する時代。

サーバーの容量も全然余裕あるし転送量も問題無いので画像サイズ大きくしよっかなー

・・・と思ったらスタイルシートの制限であんまりでかいとはみ出ちゃう。

本来ならデザインテンプレートを現代風に切り換えて大きな画像も表示できるようにしたいところなんだけど、あれ失敗するとサイト全体がえらいことになるのでなかなかやる気になれない。

という事でこれから貼り付ける画像は少しだけ大きい横幅666pxで統一します。(当社比1.11倍)

我がサイトでちょいちょい使われる埋め込み動画

2007年 4月 28日 動画が公開されるまで - smilebanana

(Kateさん元気かしら・・・。)

Flash Video Playerを使用した現在の埋め込み方式だとスマホのブラウザなどで表示されません。

パソコンからFlash対応のブラウザで開くとこうしてプレイヤーが表示されますが

うちのスマホ(Android+chrome)で見るとこんなん。

 

iPhoneで見るとこんなん。

 

随分前からこの問題には気付いていたんですが

「・・・まぁいいか」

とごまかしてきたんです。Androidも前はFlash対応してましたし。

ただ

(とある日のアクセスログより)

AndroidがFlashの対応をしなくなり、さらにアクセスしてくるブラウザの1/3がSafariになってきたのでそろそろ対応しとかなきゃダメかしら、的な雰囲気が。

Windows8のモダンUI版IEもFlashサポートしてないですしね。

という事でプレイヤーを更新します。

参考

窓の杜 - 【NEWS】Flash製Webメディアプレイヤー「JW Player」v5.3が公開、iPhone/iPadへ対応

JW Player 6の使い方と字幕付き配信試験

サイトからー

About JW Player | Best HTML & Flash Web Video Player | LongTail Video

ダウンロードしてー、解凍ー。出てきたフォルダをルートにアップロード。

ブログテンプレートのヘッダーに

<script type="text/javascript" src="http://www.smilebanana.com/jwplayer/jwplayer.js"></script>

追記。

.htaccessに

AddType video/mp4 .mp4

追記。

あとは動画を挿入したいところに

<div id="myElement">Loading the player...</div>
<script type="text/javascript">
jwplayer('myElement').setup({
file: 'http://www.smilebanana.com/movie/ほにゃらか.mp4',
width:640,height:360
}); </script>

こんな感じの呪文を挿入します。

ブログ投稿ユーティリティが勝手に文字変換してしまう関係で途中のダブルクォーテーションはシングルクォーテーションに変えてあります。

1ページに複数のプレイヤーを並べたい場合は赤文字の部分を変更(2箇所を同じものにする事)。

プレイヤーのサイズを変えたい場合は緑文字の部分を変更。

動画のエンコード方式については、今後の事考えるとWebM形式(VP8/Vorbis)でエンコードするべきなんでしょうが

MP4(H.264/AAC)でも問題無く再生されるようなのでとりあえずMP4でいきます。

(既存の動画も拡張子をFLVからMP4に変更するだけで対応できた)

ということでAndroidの標準ブラウザで表示すると

こんな感じ。

全画面再生にも対応してます。(もちろん横画面にも対応)

続いてiPhoneだとこんなん。

全画面再生にも対応。

やったでー!あとはこれまでに投稿してきた分の書き換えをどうするかやー!(570くらいある)

このページの上部へ

このブログについて

  • bananaのブログです。
  • 連絡その他は

    まで。

サイト内検索

最近のコメント

月別アーカイブ

  1. 2017年1月 [1]
  2. 2016年11月 [1]
  3. 2016年10月 [1]
  4. 2016年6月 [1]
  5. 2016年5月 [2]
  6. 2016年4月 [1]
  7. 2016年2月 [2]
  8. 2016年1月 [4]
  9. 2015年12月 [2]
  10. 2015年11月 [1]
  11. 2015年10月 [3]
  12. 2015年9月 [4]
  13. 2015年8月 [17]
  14. 2015年7月 [13]
  15. 2015年6月 [19]
  16. 2015年5月 [22]
  17. 2015年4月 [21]
  18. 2015年3月 [23]
  19. 2015年2月 [22]
  20. 2015年1月 [28]
  21. 2014年12月 [27]
  22. 2014年11月 [24]
  23. 2014年10月 [21]
  24. 2014年9月 [19]
  25. 2014年8月 [8]
  26. 2014年7月 [24]
  27. 2014年6月 [25]
  28. 2014年5月 [24]
  29. 2014年4月 [23]
  30. 2014年3月 [27]
  31. 2014年2月 [25]
  32. 2014年1月 [28]
  33. 2013年12月 [30]
  34. 2013年11月 [24]
  35. 2013年10月 [27]
  36. 2013年9月 [25]
  37. 2013年8月 [26]
  38. 2013年7月 [29]
  39. 2013年6月 [30]
  40. 2013年5月 [25]
  41. 2013年4月 [28]
  42. 2013年3月 [30]
  43. 2013年2月 [28]
  44. 2013年1月 [30]
  45. 2012年12月 [27]
  46. 2012年11月 [22]
  47. 2012年10月 [25]
  48. 2012年9月 [30]
  49. 2012年8月 [31]
  50. 2012年7月 [30]
  51. 2012年6月 [30]
  52. 2012年5月 [28]
  53. 2012年4月 [30]
  54. 2012年3月 [31]
  55. 2012年2月 [28]
  56. 2012年1月 [31]
  57. 2011年12月 [30]
  58. 2011年11月 [30]
  59. 2011年10月 [31]
  60. 2011年9月 [30]
  61. 2011年8月 [28]
  62. 2011年7月 [30]
  63. 2011年6月 [30]
  64. 2011年5月 [31]
  65. 2011年4月 [28]
  66. 2011年3月 [31]
  67. 2011年2月 [28]
  68. 2011年1月 [29]
  69. 2010年12月 [29]
  70. 2010年11月 [30]
  71. 2010年10月 [31]
  72. 2010年9月 [30]
  73. 2010年8月 [31]
  74. 2010年7月 [29]
  75. 2010年6月 [29]
  76. 2010年5月 [30]
  77. 2010年4月 [28]
  78. 2010年3月 [31]
  79. 2010年2月 [28]
  80. 2010年1月 [35]
  81. 2009年12月 [30]
  82. 2009年11月 [29]
  83. 2009年10月 [32]
  84. 2009年9月 [29]
  85. 2009年8月 [31]
  86. 2009年7月 [31]
  87. 2009年6月 [30]
  88. 2009年5月 [30]
  89. 2009年4月 [30]
  90. 2009年3月 [30]
  91. 2009年2月 [28]
  92. 2009年1月 [31]
  93. 2008年12月 [31]
  94. 2008年11月 [31]
  95. 2008年10月 [30]
  96. 2008年9月 [31]
  97. 2008年8月 [30]
  98. 2008年7月 [32]
  99. 2008年6月 [30]
  100. 2008年5月 [31]
  101. 2008年4月 [30]
  102. 2008年3月 [31]
  103. 2008年2月 [30]
  104. 2008年1月 [27]
  105. 2007年12月 [31]
  106. 2007年11月 [28]
  107. 2007年10月 [29]
  108. 2007年9月 [29]
  109. 2007年8月 [31]
  110. 2007年7月 [30]
  111. 2007年6月 [30]
  112. 2007年5月 [31]
  113. 2007年4月 [29]
  114. 2007年3月 [31]
  115. 2007年2月 [28]
  116. 2007年1月 [33]
  117. 2006年12月 [30]
  118. 2006年11月 [30]
  119. 2006年10月 [31]
  120. 2006年9月 [30]
  121. 2006年8月 [32]
  122. 2006年7月 [33]
  123. 2006年6月 [28]
  124. 2006年5月 [32]
  125. 2006年4月 [32]
  126. 2006年3月 [33]
  127. 2006年2月 [29]
  128. 2006年1月 [32]
  129. 2005年12月 [32]
  130. 2005年11月 [35]
  131. 2005年10月 [37]
  132. 2005年9月 [36]
  133. 2005年8月 [34]
  134. 2005年7月 [38]
  135. 2005年6月 [34]
  136. 2005年5月 [40]
  137. 2005年4月 [36]
  138. 2005年3月 [33]
  139. 2005年2月 [36]
  140. 2005年1月 [33]
  141. 2004年12月 [42]
  142. 2004年11月 [41]
  143. 2004年10月 [16]