2014年6月22日

期間限定MASAa.blogタイトルデザイン変更

MASAa.blogタイトルデザイン シャアザクバージョン

MASAa.blogタイトルデザイン 量産型ザクバージョン

MASAa.blogのタイトルデザインを期間限定で変更してみました。

もし表示されていない場合には、ブラウザの更新(再読み込み)を行ってみて下さい。

ガンプラ「RG 1/144 MS-06S シャア専用ザクII」から流用で、モノアイ(目ん玉)をMASAa.blogに合わせてピンクにしてキリッ!とさせてみました(^^ゞ

合わせて量産型ザクバージョンも作成してます。

期間限定にしたのは多分飽きると思うので、何れ元のデザインに戻す予定です。

その点では前のデザインの方が飽きがこないかも(^。^)

Clip to Evernote
このエントリーをはてなブックマークに追加



2014年4月10日

Movable Type 6.0.3 セキュリティアップデート


Movable Type 6.0.3リリース


4月9日付けで、Movable Type 6.0.3、5.2.10、5.17 セキュリティアップデートの提供が開始されました。

内容は、Movable Type 6.0.2、5.2.9、5.161 で確認された複数のセキュリティ問題の修正版として、Movable Type 6.0.3、5.2.10 ならびに 5.17 の提供及び、Movable Type 6.0.3 については、複数の不具合修正が含まれています。

と言う事で、MASAa.blog、FMAZDAのMovable Type 6.0.2から6.0.3へアップグレードしておきました。

無事、アップグレード完了です( ・`ー・´)

Clip to Evernote
このエントリーをはてなブックマークに追加



2014年2月 7日

奥さん用Flickr

奥さん用Flickr

ここのところMASAa.blogでの奥さん関連記事が順調に増えてきてます(^^ゞ

奥さんもブログに掲載されるのは、ちょっと嬉しいみたいですが(・_・)(._.)

で、奥さんが作ったモノの画像を自分のFlickrにアップロードするのも違和感があるので、奥さん用にFlickrのIDを取得してMASAa.blogに設置してみました。

Flickrを利用するにはYahoo.comのIDが必要になるのですが、これは難なく取得できたものの、その後のFlickrのRSS feedのURLが分からない(-_- )

色々と調べていくととりあえずIDナンバーが判明したので、自分のFlickrのRSS feedのURLに奥さんのIDナンバーに貼り付けると正常に表示されました。

これをブログパーツ「複眼RSS」で、コードを生成して完了です。

と言うことで、右サイドバーにある既存のFlickr(自分用)、Twitpic(Twitter用)、フォト蔵(家族用)の下に奥さん用のFlickrサムネイル画像を表示させてみました。

奥さんのFlickrのURLは、http://www.flickr.com/photos/nayu/ になります。

Clip to Evernote
このエントリーをはてなブックマークに追加



2014年1月20日

Movable Type 6.0.2リリース


movabltype_131206.png


1月15日付けで、Movable Type 6をベースにしたMovable Type Advancedの提供が開始され、同時にMovable Type 6.02がリリースされたので、こちら(MASAa.blog、FMAZDA)のMovable Typeを6.0.1から6.0.2へアップグレードしました。

movabletype602_140117.png

特に問題無くアップグレード完了。

今回のMovable Type 6.0.2の内容は、Internet Explorer 11への対応、Microsoft IISサーバーのFastCGIへの対応などと言うことで、思っていたよりも早くInternet Explorer 11に対応してくれたのは嬉しいですね。

詳しくは、「Movable Type 6.0.2 / Movable Type Advanced 6.0.2 リリースノート」でご確認下さい。

またダウンロードについてはは、「ライセンスのご案内」にて。

Clip to Evernote
このエントリーをはてなブックマークに追加



2014年1月16日

Movable Type 6 導入プラグイン


movabltype_131206.png


Mobable Type 6で使っているプラグインです。

備忘録としてエントリー記事をアップします。

使っているプラグインは、

●静的ページ用ページ分割プラグイン
(PageBute.3.5.0)
Movable Typeで生成するhtmlをページ分割してくれるプラグイン
http://www.skyarc.co.jp/engineerblog/entry/2642.html

●FacebookPosterプラグイン
(Facebook Poster 1.11)
ブログのエントリー記事を自動的にFacebookに投稿するプラグイン
http://www.h-fj.com/blog/archives/2013/01/08-113014.php

●MovableType用PostTweetプラグイン
(PostTweet-1.1.6)
ブログのエントリー記事を自動的にTwitterでつぶやくプラグイン
http://labs.m-logic.jp/2013/10/movabletypeposttweet_v116.html

●XSSのチェックをスキップさせるプラグイン
(mt-plugin-preview-xss-fix-master)
Google Chromeが、XSS(クロスサイトスクリプティング)対策のために、srcが絶対URLかつ同ドメインのimgタグを拒否するためにプレビュー画面が表示されません。そのXSS(クロスサイトスクリプティング)対策ののチェックをスキップさせて、Google ChromeでMovable Typeのプレビュー画面を表示させるプラグイン
http://mt-hacks.com/20120216-preview-xss-fix-for-movable-type.html

の4個のプラグインを現在Movable Type 6で導入しています。

また、Movable Type 6のプレビューを別ウィンドウで開く「PreviewTargetChangerプラグイン」が公開されれば導入する予定です。

こう見ると昔みたいに色々なプラグインを入れてない(・_・)

Clip to Evernote
このエントリーをはてなブックマークに追加



2013年12月18日

写真クラウドストレージサービス

現在使っている写真のクラウドストレージサービスは、Flickr、Twitpic、フォト蔵、Picasaの4種類。

使い分けとして、Flickrはパソコンやミニフィギュアなどの自分の趣味に関する画像を、TwitpicはTwitterにアップした画像を、フォト蔵は子供達のイベントやお出かけで撮影した画像を、そしてPicasaはGoogle+にアップした画像を、アップすると言った具合に使い分けてます。

そのうちFlickr、Twitpic、フォト蔵は、MASAa.blogにサムネイル画像を16個ずつ表示させるようにしています。

Picasaにつていは、以前サムネイル画像を表示させるようにしていたのですが、表示されなかったり表示されるまでに時間が掛かったりと問題があったため現在は取りあえず外しています。

そのFlickrに久々に画像をアップしたところ(前回アップしたのは4月頃)、Flickrが刷新されていてちょっと感動(T-T)

今までのFlickrの無料サービスでは、1ヶ月当たり300Mバイトまでのアップロード制限と200枚までしか閲覧出来ないという制限が有ったため、使い易く気に入っていたのにも関わらず無料サービスでの使用では難が有ったため仕方なくフォト蔵を併用利用した経緯があります。

そのFlickrが5月頃から1Tバイトまでの画像(1枚200Mバイトまで)、動画(1G 1080pまで)をアップロード可能となってました( ・_・;)

もちろん以前のように200枚までと言った枚数制限も撤廃されています。

1Tバイトと言うとかなりの量の画像がアップできるので、ほぼ自分にとっては制限無しに変わった感じです。

FacebookやGoogl+のようにカバー写真やプロフィールアイコンも採用され、早速登録したもののカバー写真については画像が拡大されてしまい綺麗に表示されません(ノД`)

Flickr

これでフォト蔵を利用しなくてもFlickrだけで良くなったわけですが、今までフォト蔵にアップした画像も有るわけで、当面は今まで通り使い分けて行く予定です。

これを機会にMASAa.blogのサムネイル表示の下に、そろぞろのクラウドサービスのロゴを表示するようにし、それをクリックすることで、それぞれのクラウドサービスのサムネイル画像表示にリンクさせました。

Flickr    Twitpic    フォト蔵

と言うことで、これからはマメにアップロードすることにします(^。^)

Clip to Evernote
このエントリーをはてなブックマークに追加



2013年11月17日

MASAa.blog表示レイアウト不具合について 暫定版

昨日のエントリー記事「MASAa.blog表示レイアウト不具合について その後」の続きです。

気になったのでもう少し確認してみたところ、Google Chromeで、はてなブックマークボタンが表示されないことが原因のようです。

そのため、はてなブックマークボタンが表示されない場合、タグ表示を含むレイアウトが崩れると言うことに。

はてなブックマークボタンを削除すれば解決すると思いますが、はてなブックマークボタンが表示されない場合でも、崩れないようにソースを書き直しておきました。


はてなブックマークボタンが正常に表示された場合は、下記の様に。

MASAa.blog表示レイアウト不具合対応


はてなブックマークボタンが表示されない場合は、レイアウトは崩れず下記の様になります。

MASAa.blog表示レイアウト不具合対応


これ以上は面倒なのでこの不具合については、考えないことにしようσ(^◇^;)

Clip to Evernote
このエントリーをはてなブックマークに追加



2013年11月16日

MASAa.blog表示レイアウト不具合について その後

エントリー記事の下に設置しているSNSボタンの「はてなブックマークボタン」を新しいタイプに変更しました。

と言っても随分前に変わってますが(^^ゞ

これでTwitterやFacebookのボタンとデザインが共通になりました。

また、需要がほとんど無いと思われるmixiボタンを削除し、かなりスッキリした感じです(^。^)

MASAa.blog表示レイアウト不具合


7月4日のエントリー記事に書いていた「MASAa.blog表示レイアウト不具合について」ですが、この症状ブラウザ Google Chromeを使うと、エントリー記事下部分のSNSボタン・タグ表示部分のレイアウト崩れが発生します。ブラウザのキャッシュクリアしても効果無しです。

MASAa.blog表示レイアウト不具合

毎回レイアウトが崩れるわけではなく発生頻度ががまちまちで(発生頻度はかなり高い)、Internet Explorerでは正常に表示されるためChrome側責任で放置状態w

先日、Google+1(g+1)がなんとか改善できたので、この気になっていたレイアウト崩れの原因を調べてみたのですが、これと言って原因と思われる箇所は発見出来ず(-_- )

タグが指定した箇所に表示されず、SNSボタンの表示が崩れ、そのうちのはてなブックマークボタンが消えてしまいます。

色々と試してみると、タグ表示の下に表示させている破線(dashed)のスタイルシート

.entry-footer {
margin: 10px 0 0;
padding-top: 3px;
border-top: 1px dotted #36414d;
font-size: 83.3%;
text-align: right;
}

を、そのままSNSボタンの上に表示している破線(dashed)にも利用していたのですが、これを、破線(dashed)表示するのみのスタイルシートを作成して表示させることで、レイアウト崩れの症状の発生頻度が低下した感じがします。

ただ、なぜか発生頻度が低下しただけで完全に直ってはないのですが。

と言うことで、引き続きMASAa.blogを閲覧するブラウザは、Internet Explorer 10 / Internet Explorer 11推奨ですm(__)m

Clip to Evernote
このエントリーをはてなブックマークに追加



2013年11月14日

Movable Type 6.0.1、5.2.9 セキュリティアップデート


logo-mt6.png

Movable Type 6.0、Movable Type 5.2.8 で確認されたセキュリティ問題の修正版として、Movable Type 6.0.1 ならびに、Movable Type 5.2.9 がリリースされました。

Movable Type 6.0 および 5.2.8 を含む以前のバージョンでは、Movable Type 標準のリッチテキストエディタを利用されている場合に、クロスサイトスクリプティング(XSS)が発生する可能性があり、Movable Type 6 および Movable Type 5 のすべてのバージョンの、修正版へのアップグレードを強く推奨するとのことで、こちら(MASAa.blog、FMAZDA)のMovable Typeを6.01にアップグレードしました。

ダウンロードを含む詳細については、

[重要] 6.0.1、5.2.9 セキュリティアップデートの提供を開始

でご確認下さい。

Clip to Evernote
このエントリーをはてなブックマークに追加



2013年11月12日

「Google+1」ボタン不調 その後の経過について

9月3日に「Google+1(g+1)」ボタンの不調についてのエントリー記事をアップしましたが、その後の経過についてです。

「Google+1(g+1)」ボタン不具合内容は、「Google+1(g+1)」ボタンを押して一般公開でおすすめになるものの、その後の内容が表示されず共有ボタンも押せない状況になってしまいSNS Google+に共有できない状況となっていました。

Google+1(g+1)ボタン


深夜2時頃この「Google+1(g+1)」を押したところ、正常に内容及び共有ボタンが表示されてGoogle+に共有できたのですが、翌朝確認すると再び不具合症状発生(ノД`)

自分側としては何もいじってない状態なので、Google側による異常なのかと思い諦めようかと思ったもののどうしても気になったので、テスト用サイトを作成設置して原因を探ることにしました。

ソースの怪しそうな処理1つ1つを消して「Google+1(g+1)」の動作を確認したところ、この現象の起因としてJavaScriptライブラリ prototype.jsが影響していることが判明。

<script type="text/javascript" src="prototype.js"></script>

の一行を無効にすることで正常に「Google+1(g+1)」動作しました。

しかし、このJavaScriptライブラリ prototype.jsを無効にするとカレンダーが表示されなくなります(カレンダーでJavaScriptライブラリ prototype.jsを利用しているため)。

試しに最新バージョンのJavaScriptライブラリ prototype.jsにしてもNG。

色々と調べてみると、JavaScriptライブラリ jQueryとJavaScriptライブラリ prototype.jsは競合するので、基本的には両方を利用することは不可能なようです。

「Google+1(g+1)」が、JavaScriptライブラリ jQueryを使っているため競合による不具合が発生しているのではないかと予想(ーー;)

対応としてprototype.jsは、あっさり捨てる事にしましたσ(^◇^;)

カレンダーは、jQuery版カレンダーに変更。

これで「Google+1(g+1)」が、ようやく正常に動作します(^。^)

Google+1(g+1)ボタン


Clip to Evernote
このエントリーをはてなブックマークに追加



2013年10月28日

Movable Type 6 アップグレード


Movable Type 6


この度、2年9ヶ月間お世話になってきたMovable Type 5から、10月17日にリリースされたMovable Type 6にアップグレードしました。

このブログを立ち上げたのは2005年7月で、Movable Type 3から使い始め、2008年12月にMovable Type 4へ、2010年1月にMovable Type 5へ、と今回のMovable Type 6で3回目のメジャーアップグレードになります(°0°)

毎回毎回アップグレードには手こずっていて(それでもアップグレードする度に楽にはなってきてますが)、過去にアップグレード時に全てのエントリー記事を削除することになったり、レイアウトが崩れたり、使っていたプラグインソフトが対応不可などなど、あまりメジャーアップグレードには良い思いがなかったので、今回のMovable Type 6もベータ版、RC版を一切インストールせずに、当面はMovable Type 5で行くつもりでした。

ただ、Movable Typeを使い続けている限りは、何れMovable Type 6にアップグレードを行う必要があること、自分の性格上新しモノ好きのため意を決して正式版Movable Type 6をインストールすることにしました。

そのアップグレード自体は簡単で、

最初に、サーバーにアップされているMovable Type 5本体、MASAa.blogデータ、FMAZDAデータをダウンロード、また、Movable Typeの設定内容をメモる。

Movable Type 5のディレクトリ名を変更し、Movable Type 5で使っていたディレクトリに、Movable Type 6をアップロード。

Movable Type 5で使っていたmt-config.cgiのファイルとプラグインソフト、テーマファイルをMovable Type 6に移行し、アップロードしたMovable Type 6のcgiファイルのパーミッションを変更。

それらが終わるとMovable Type 6を実行と言う手順。


ここからが少し緊張するところで、Movable Type 6を実行すると、アップグレード開始のメッセージが表示されます。

Movable Type 6 アップグレード


緊張するなか、メッセージの「アップグレード開始」ボタンを押すと、アップグレードが開始。

Movable Type 6 アップグレード


しばらく待つとエラー等の表示も無く「アップグレードを完了しました!」のメッセージが表示され、これで一先ず安心(^。^)

Movable Type 6 アップグレード


次に、緊張するのが「サイトの再構築」。

サイトの再構築を実施後、エラー等の表示も無く約35分間掛けて完了。


次にサイトの設定を行うとすると、ブログ設定、公開パス、登録/認証の設定、更新通知など全ての設定が引き継がれいて、唯一、プロフィール画像を移行し忘れていたためプロフィール画像が表示されず、これは改めてプロフィール画像をアップロードして設定しておきました。
(今までのアップグレードでは、設定内容が引き継がれることは無かったと記憶しているのですが、今回それが実現されていると言うことは、mt-config.cgiによって今まで使っていた既存のデータベース(MYSQL)を設定するので、そのデータベース(MYSQL)に各ブログの紐付け情報が有り、そこから保存されている各ブログデータの設定情報を認識しているということでしょうか(・・))

MASAa.blogを表示してみると、レイアウトも崩れることなく正常に表示されました(ノ^^)ノ

既存のMovable Typeの設定内容をメモっていたのも全く使わず、Movable Type 5からMovable Type 6にアップグレードした感覚があまり無いかも(^^ゞ

これもMovable Typeが完成形に達しているということですね(・_・)(._.)


Movable Type 6 アップグレード


Clip to Evernote
このエントリーをはてなブックマークに追加



2013年10月24日

FMAZDA MovableTypeテンプレート


FMAZDA


ようやくFMAZDAのテンプレートを最新版にVersion 7.01に対応しました(対応前は、Version 5.06)。

MASAa.blogの方は、昨年10月に対応していたのですが、FMAZDAの方は、その後手付かず状態(__;)

今回、Movable Type 6がリリースするにあたって、どうしても行っておく必要があったので、これで近いうちにMovable Type 6を導入できそうです。

前回、MASAa.blogをテンプレートVersion 7.01にするときには、かなり手こずった覚えがあるのですが、今回はMASA.blogのテンプレートから流用したので、意外と早く完了しました。

と言うことで、レスポンシブWebデザインの対応により、ブログサイトの横幅を狭めることで、3カラム固定レイアウトの2カラム表示や、3カラム固定レイアウトの1カラム表示に変化するようになりました。

さーて、次はMovable Type 6にアップグレードd(^-^)

Clip to Evernote
このエントリーをはてなブックマークに追加



«前へ  | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |