やぎじじいの戯言
2011/06/21
HTML5第二弾
前回、角丸表現を行いましたが、今回は回転表現を行ってみました。HTML5は発展途上であり、
アニメーション等、完全対応していないブラウザもあるようですが、角丸と回転は大丈夫のはずなので、
行ってみました。なお、いくつか苦労した点があり、忘れないようにここにメモしておくこととします。
目標を、このサイトのタイトルロールを一文字ずつ傾けるデザインにするということに設定しました。
単純に全部同じように行うのでは、あまり芸がないので、一文字づつランダムにします。
当初の構想
@phpのランダム関数で、傾き角度を一文字ずつ -15,-8,+8,+15度から不規則に決める。
Aphpの文字関数でタイトル文から一文字ずつ取り出す。
→実はタイトルは時間によって変わることがあるので、毎回切り出しを行う
Bjavascriptのspan要素で1文字ずつHTML5のtransform:rotate(回転)を当てる。
まず、Aで文字化けの問題が発生しました。2バイト文字を扱うには、マルチバイト関数が必要だそうです。
しかし、私の利用しているサーバーでは使用するとエラーが出ます。よって、問題を回避するため、
この操作はjavascript内で行うことにしました。
次に当ったのは、BでChromeだけ文字が傾かないという問題です。これは、解決まで時間がかかりました。
なぜか、Chromeだけspan要素での操作が無効でした。div要素では可能です。divはブロックを扱うため、
適用すると必ず改行してしまうので、float:Leftを当ててこれを回避しました。
第二弾でこのような苦労を伴うということでは、先が思いやられます。
また、気が向いたら第三弾に挑戦してみようと思いますが、機能アップではない見た目を狙う効果のものは、
あまり積極的にはやらないかも?
2011/06/12
横並び
本日、朝日新聞の無料サンプルがポストに入っていました。これまで、このようなことは無かったので、
少々驚きましたが、シェアアップのために、攻勢を進めようというのであれば、今日を選んだのは大間違いです。
なぜなら、自社も明日が新聞休刊日であるといっている時点で終わっているでしょう。
先週、私自身が自分に対して、お前はもう死んでいると言った状態といっしょです。
これでは、今日の無料サンプルで変えようと思った方は少ないと思います。
まず、休刊日を自社独自に設定しない理由はどうしてでしょうか。
明日は、うちは休刊しませんと何故言えないのでしょうか。この業界横並び状態がおかしいと思います。
また、実際に紙面を見ると構成がほとんど一緒なので、これでは変えません。
4コマ漫画の位置が社会面の左上で同じである必要はありません。
極論ですが、一面は各社大胆に他とは違う紙面にしたらどうでしょうか。
たとえば、6月10日であれば、AKBの総選挙結果という具合です。震災関連のニュースは重要ですが、
読むのには遠慮したいという方も多いと思います。
現在、うちは読売新聞を取っていますが、この新聞社を全面的に支持するからという理由ではなく、
良くないのだけれど、単なる新聞社の中で一番マシというだけです。しかし、コボちゃんもネタが最近つまらいと思います。
これは、私の感性の劣化かもしれません。そういえば、フリテンくんや、かりあげくんは、非常に良かったです。
それから、朝日の場合、有名なサンゴ事件というのもありました。読売に対しても、本サイトで何回も主張しています。
情報メディアの中で、一番信頼されているのは新聞なんですと悠長なことを言っている場合ではないでしょう。
2011/06/05
大恥
2011/05/15に、IE9はHTML5の角丸に対応していないと書きましたが、私のミスによる、とんでもない大間違いでした。
IE9もOperaもちゃんと対応しています。私のコード記述に考えられない単純ミスがありました。
上記の内容については、気になっていたので、まず他のサンプルを入手してきて表示してみると問題なく動作しました。
こうなると、私のプログラムが原因であることは明らかです。しかし、どんなにコードとにらめっこしても分かりません。
その結果、なぜかというと、border-radius:が、5pxと書くべきところを 5x と書いていました。
FirefoxとChromeが動作していたということで、mozとwebkitのところは間違っていませんでした。
間違いは仕方がないにしても、このような簡単なミスを見つけるのに、2時間ぐらいかかってしまったことには嫌悪感があります。
実際にどのように調べたかというと、同じソースコードを作成し、最初は命令文を一行ずつ確認していきましたが、
全く同じに見えるので、最終的に、改行せず一行に集約してから、並べて比較しました。
その結果、1文字分長さが違ってわかったという次第です。
完璧に私の目が節穴であることが明白になりました。年だから仕方がないのレヴェルを越えています。]
北斗の拳でいうところの、お前はもう死んでいる状態です。
あえて、楽観的に解釈するとすれば、比較的早い時期に気がついたということで、良かったとすべきでしょうか。
これは、反面教師である管首相から学んだことです。
2011/05/29
終わり
最近、何かひとつ気になることを忘れていたと考えていましたが、やっと思い出しました。あの3月11日の出来事は、
他の様々なことを記憶の外に追いやってしまいました。私は、その前日に秋葉原にある石丸電気のソフト館に行っていました。
そして、近々閉店するということを知りました。大幅値引きセールを行っておりましたが、既に目ぼしいものは買われてしまい、
商品棚はガラガラでした。その光景を見て、いくら安くても、とても買う気にはなりませんでした。
そもそも、上記の件を思い出したきっかけは、このところ報道されたGoogleやAppleのクラウド型音楽サービスに関するニュースからでした。
今のようにネットで購入できる時代とは異なり、約30年前は、クラシックやジャズにハマってしまった人たちは、
ここでレコードやCDを購入する人が多かったと思います。
地方から来たと思しき方が、大量に購入する姿を見たこともありました。
ここには、今のポイント制のはしりである10%の割引券というのもありました。今となっては、非常に懐かしい限りです。
またひとつの時代が終わったと言えるのかもしれません。クラウド型音楽サービスで、
往年の演奏家の名盤がダウンロードができるような環境が整うとは、私には思えません。
山野楽器、HMV、タワーレコード、新星堂などのどこかが、クラシック音楽CDを扱う国内最大のリアルショップをオープンしてくれないものでしょうか。
2011/05/15
結末
前回にひきつづき、IE9をインストールした件の続報です。一度失敗しているので、多少不安ではありましたが、
強行することにしました。失敗した理由は予想がついており、それは、VistaをSP1、SP2と上げる段階で、
SP2が認識していなかっため、一回SP1をアンインストールしてしまったことが理由と思われます。
また、Vistaは毎日のようにアクティベートするので、本当に正確なヴァージョン管理ができているのか信用できません。
今回は、間を置かずに一気に行うことにしました。時間は何時間もかかりましたが、ほとんどまっさらな初期状態からのせいか、
Vistaのアップグレードは、思いのほかスムースに事は運びました。
ここで提案ですが、VistaでIE9に上げる際は、絶対一度データのバックアップを取り、
アップグレードをすることをお奨めします。さもなくば、私のような状況になる可能性があります。
IE9のアップグレードを行った結果、このアプリにおける不具合もありました。それは次の2つの問題です。
・IE9終了時に必ず異常終了する。
対策:アドオンが悪さをしているらしいので無効にした
・Flash Playerが、アカウントによってはプラグインとして使えない。
対策:使えないアカウントのIE9の環境を一度すべてリセットした
いよいよ、HTML5に対応しているかの確認です。さて、枠の角丸を確認した結果、なんとNGでした。
なんのために、苦労してIE9に上げたんでしょうか。無駄骨を折ったという感想です。
ためしに、ベンダープレフィクス-ms-を付けてみましたが、やはりダメです。これに関しては、Operaも同じです。
Firefox、Chrome、SafariはOKです。今後、HTML5に関しては、Firefox中心でいろいろ試すことにします。
追記:以上は私のミスによる誤情報でした。2011/06/05のログを参照してください。
2011/05/10
展開
先日、IE9のダウンロードに失敗した件について書きましたが、その後大きな事件がありました。
実はその翌日にWindowsが立ち上がらなくなってしまったのです。その前日には正常にシャットダウン
したはずなのに、次の朝に起動に失敗し、再起動を繰り返すという状態になりました。
その後セーフモードをはじめ試行錯誤しましたが、どうにもなりませんでした。
仕方がないので、PCDEPOTに相談に行ったところ、診断は無料ということで見てもらったのですが、
予想通りハードには大きな問題はないものの、立ち上がらないというものでした。もし、
できる限りのデータを復元する形で再インストールするのであれば、数万円かかるとのことでした。
当然、ドケチの私はそのような選択はせず、安いハードディスクを購入して、
自分で再インストールすることにしました。
昔はDOSプロンプトから、FDISKやFORMATを行ったり大変でしたが、今はそんなことはなく、
新しいHDDに古いHDDの信号線を接続してから、ディスクを入れるだけで勝手にやってくれました。
なんやかやで再インストールを行い、最終的には、普通に作成して保存しておいたデータは回収できました。
また、ソフト上でデータ管理を行っているアプリでは回収できないものもあるかもしれませんが、
少なくともメールデータは、ユーザフォルダから探してインポートできました。
さらに、その後に本件の関連情報を調べましたが、2008年に大きなトラブルとして報告されていることがわかりましたが、
的確な情報は無さそうだし、もう今となっては必要ありません。
こうなるとやはりVistaをSP1、SP2と上げて、IE9をインストールしたくなりましたが、
その辺の内容については、また別途報告します。
2011/04/29
戦略
IE9の正式版がリリースされました。早速ダウンロードしようとしましたが、まずはOSの
ヴァージョンアップが必要であり、そのために数時間ほどかかり、その日はあきらめました。
翌日になって、今度は大丈夫と思ったら、SP1からSP2にまで上げないと駄目だということで、
結局Vistaのバージョンアップを続けましたが、フリーズ状態でいつ完了するかわかりません。
私の場合、結果としてSP2のインストールが成功というステータスになっているので、IE9の導入準備が
できているはずですが、いざやろうとするとSP1の状態と表示されます。履歴をみると今日だけで
同じことを十回以上行なっています。マイクロソフトと同じぐらい私もバカですね。
仕方がないので、一回アンインストールしましたが、それでもだめでした。
ここで新たなマイクロソフトの意図的な戦略を垣間見ることができます。至るところで、
7にバージョンアップしましょうと言っています。XPはIE9の対象外なので自ら無視している
のでしょうが、Vistaはサポート対象内なのに、史上最低のOSとの評価(当然マイクロソフト内でも
同じ評価なのでしょう)なので、VistaでIE9が使用できる環境を、敢えて提供したくないのだと思います。
でも、私はその手にはのりません。ブラウザはIE9以外のFirefoxやChromeなどの選択肢がありますし、
OSに万単位のお金をかける気がしません。
2011/04/17
正答
あらためて、今回の震災において、亡くなられた方々に対して、お悔やみ申し上げます。それから、
忘れてならないのは、ニュージーランドで、同じく地震によって亡くなられた方々のことです。
地震の被害から月日が経って、一番腹立たしいのは、各業界の、さも自分の意見こそが、正しいと
言わんばかりに、メディアで主張している連中です。
たとえば、復興に向けては、イヴェントは自粛すべきとか、いや経済を活性化するためには、
自粛すべきではないとか言っていますが、これは、個人が判断すべきことであり、一律にどちらが
良いとか言える問題ではありません。具体的に言えば、それぞれの気持ちで判断されるものであって、
被災地に旅行に行って、少しでも消費に貢献しようと思う方もいるでしょうし、現地は大変だろうから、
行くべきでないと思うか方もいるでしょうし、そもそも外出する気分にならないという方もいるでしょう。
復興のためには、これが正答であると自信を持って主張される方は、それなりに、覚悟を持って
発言してほしいと思います。
2011/04/03
Geolocation API
Geolocation APIというのは、GPS機能搭載のスマートフォンやケータイの地図で、自分のいる位置が
表示されるようなものを、難しいネイティブアプリ開発をしなくてもできてしまうという、
我々日曜プログラマーにとって便利なものです。
Google maps APIを使える方であれば、何行かのコードを追加するだけで、前から作ってあった
ものをベースにして、割と簡単に現在位置を利用するようなアプリを作成することが可能です。
そこで、私もルート案内地図に、この機能を付け足した道案内ツールを作成してみました。
さて、出来上がったものについて、スマートフォンはおろか、ガラケーも持っていない私としては、
しょうがないので、まずはデスクトップPCのブラウザで、動作確認を行いました。
当然GPS機能が無いので、IPアドレスから求められた概略の位置の表示になります。
結果は以下のとおりです。
Chrome、Firefox、Operaは OKですが、Safari(Win版)、IE8は NGです。
Safariは最新ヴァージョンで、動くと思っていましたがだめでした。
モバイルで動作確認しないと無意味なので、ショップに出向いて試してみましたが、
docomoとauのAndroid端末がまったく動作しませんでした。その後、紆余曲折があり、
最終的に得られた結果は以下のとおりです。
・ソフトバンクの端末は、ブラウザがSafariであり動作します。
・ドコモやauでは、まずGPSを許可する設定に変更が必要です。
・動作しない機種がありましたが、室内のためGPS通信環境に問題がありそうです。
→位置が正確でないのもありました
Android2.0以上で、最新のモダンブラウザであれば動作するはずなのですが、現在、
方角や高度に対応しているものは皆無のようであり、この点は今後の端末とブラウザの仕様次第と
いうことになりそうです。
前のログを見る