adrama weblog

WordPressの教則本を買って来たのが1月。それから3ヶ月あまり経ちましたが、いっこうに進んでいません。自宅でとりあえずカスタムテンプレートの構築をしたのですが、その後、怒濤の忙しさにまきこまれて、ほぼ2ヶ月何もできない状態で溺れていました。
ようやく時間もできて、吉田君のデザインも、もういいいかげんになんとか仕上げろと脅し込み、会社サーバーでまた1からフレームワークの構築、データベースの設置。忘れていたものも、5〜6回繰り返すとぼんやりと手順を思い出します。そして、なぜか手はちゃんと動きます。
サーバー構築などを始めた頃は、コマンドを打ち込むのに1字1字確かめながらののろまさ加減だったのですが、最近はパターンをのみ込んで来たのか、もちろん教科書片手にではありますが、コマンド1行ぐらいは一気に打ち込めるようになり、10年つづけりゃ馬鹿もうすのろも一人前、など新格言を作りつつあります。
DataBase、php、css、javascriptと、三種の神器ならぬ4種の神器を駆使しての総力戦。もうこの歳ではこれ以上覚えられないぞといった状況ながら、悪戦苦闘しています。
今後もアップグレードするたびに時々ご報告させていただきます。

そういえば、最近はflashの案件がとんとご無沙汰ですが、その時のスキルはjavascriptを始めとしたコーディング関係に連綿と活かされています。

ずっと思っていたwelcomページの更新。
ファンではない一般の方のアクセスで最初に表示されるページなので、ちょっと素っ気なさ過ぎるとずっと思っていました。年明けまでになんとかと考えていたのですが、忙しさにまぎれて、ついに年を越してしまいましたが、1月中にできたので、まあ良しとしましょうか。
前のコンテンツはかなりドライだったので、今度は思い切りドライに。
ぜひご覧ください。
https://www.facebook.com/adrama.jp

昨年、html5で画像の変形を試していて、いろいろ試していたら、どうもAS3のdrawTriangleクラスと同じような事ができるのに気付いた。
その後、内容を整理して行き、バグを修正しておおむね正しく動作する事を確認。
最後の問題がtransform関数を3回繰り返していることで、これは行列を乗算すればいいことは分かっていたが、実は行列の乗算は非常にややこしい。俺の計算能力では絶対に間違えると確信していたので、無駄に金を食っている大学生の息子にやらせる事にした。一応理系だからなんとかなるだろうと思っていた。実は、数式をいじれるソフトを使って、簡単に回答が出せると思っていたが、どうも筆算でないと出来なかったらしい。
2時間ほど格闘して、答えを出して来た。
これを手入力。
最初、全く画面表示されなかったので、間違いだと思ったが、よく見るとjavascriptエラー。これを直すと、4つある三角形のうち、1個しか表示されず、こういう時の常套手段で、怪しいと思う箇所の係数の正負を変えたりと、いろいろ試してみたが、それではダメで、もう一度息子の回答を丹念に見たところ、俺が一カ所入力ミスをしていた。つまり、回答は正しかったという事。
親としては、大きくなった息子に相撲で負けたようなもんだ。うれしいやら悲しいやら。

そんないわく付きのjavascriptライブラリ、興味のある人はぜひ試してください。


http://apps.facebook.com/281569661902028/

このブログがMovableTypeなのに恐縮ですが、WordPressに手をつけました。
Xoopsにも浮気していましたが、どうも世のなかのシェアがWordPressなもんで、時の流れに流されています。
もともと、1年ほど前に雑誌で特集記事を読んでから、いずれWordPressにも手をつけなければならないとは思っておりましたが、そのままいろいろな雑事にかまけてほったらかし、今回、社員の要望にこたえて、年末年始の時間を利用しての一念発起です。
今のところ、休暇中に自宅のWindowsマシンで走っているローカルの　Ａｐａｃｈｅサーバーでのテストですが、なかなか難儀しています。
まずはデータベースの作成。これは、MySQLでの操作ですが、何度かやったことがあるので、適当なwebサイトでコマンド例を見ればOK。ついで、WordPressのインストール、これも適当なディレクトリにダウンロードしたファイルを展開するだけですから、問題ない。
それで、インストールの実行。
ここでつまづくわけです。
解説書に乗っているWordPressのバージョンから、最新版はバージョンアップしていて、最新版を利用するにはPHPのバージョンをあげなければいけないと来たもんだ。PHPのバージョンアップは、新規にインストールするに等しい。そこで、新しいPHPをインストールする必要にせまられて、その方法を調べる。すると、そうやらApacheの設定ファイルも書き換えないといけないらしいと、約1年ほど前に行った一連の操作をもう一度する羽目になり、俺がPHPのインストールをするのは何回目かなコリャ、などとだんだん自虐ギャグをかますようになる。もともと、PHPに関しては入門書を買ったときのバージョンが4で、その方法でPHP5.3をインストールしたから本の解説どおりには行かずにずいぶん悩まされてものだったが、こんどのWordPressではPHP5.4以上が必要とのことで、0.1ぐらい見逃してくれよぉと言いたくなるのが人情であった。
まあ、とにかく簡単には説明しにくいけど、ひどくちょっとしたことの間違いで、何度も何度もセットアップを繰り返した挙句1日半かかってようやくWordPressのログイン画面に到達したわけですが、それからも数々の試練が待っていて、そうこうするうちに、またまたWordPressがバージョンアップしたのでアップデートしたほうがいいんじゃない？みたいな表示が画面に出てきました。
アップデートの無間地獄。そのうち、またPHPのアップデートが必要になり、MySQLもアップデートしろとか言われ、Apacheもアップデートしろと言われ、あれこれのモジュールをインストールしろとか言われ、と、考えるだけでげっそりしそうな未来が俺には待っているような気がします。

ここんところ、Flashサイトがどんどん少なくなって来て、さみしい思いをしていたのですが、ここ2週間ばかりFlashのオーサリングの仕事があって、なんとなくうれしい。AS3に移行したばかりの昔に比べるとすいすいすすむので快適です。Javascriptの嫌なところを補正したという感じがあって、プログラム言語としては後発のせいか、成熟した感じさえある。
そんな中で、コンテキストメニューでタイムラインを巻き戻した時の動作を改善してほしいという話が来たのだが、これがおもいのほかややこしかった。
コンテンツ本体はプレローダー読み込み後に表示されるので、2フレーム目に入れてあるのだが、再生中に巻戻しをかけると、1フレーム目にもどっているはずなのに、2フレーム目以後のコンテンツ本体が見えていたりして、これはどうなっているんだという状態。やはり、フレームアクションとクラススタイルのプログラムが混在しているので、そこんところ無理が生じるようだ。そういえば、タイムラインにムービークリップの動作を設置していても、一度スクリプトからプロパティを変更するとそれ以後のムービークリップの挙動はタイムラインに配置していた通りに動かないという現象もあったので、その辺も関係しているのでしょうか？
結論としては、動作はしなくてもいいという事だったので、問題になっている部分を巻戻し後は表示しないというだけの処理をしたのですが、なんとなくわだかまりは残った。
結構習熟していると思っていたFlashですが、まだまだ理解の届かない暗黒部分があるようで、少し悲しくもなりましたが、それでも開発の容易さや表現の柔軟さなど、Flashベースのコンテンツ開発はありがたいことが多いです。iPod、iPadでFlashが動作するようになれば、世の中の流れがまた大きく変わってくるのでしょうか？

このままではFlashの技術が途絶えてしまう！という危機感と、夏の暑い日差しの中の思いつきにより開発をはじめたAdobe Airのアプリケーションがようやく公開にこぎ着けました。思いのほか簡単だと思っていたのですが、所々壁に突き当たり、書籍の助けを得ながらようやくここまでたどり着く。
所々、今まで使った事のないAir固有のクラスがあるのでつまづいていたが、中身は比較的平易。
それよりも、インターフェース周りで最初からきちんと計画的に作っていなかったので、仕様の変更に伴い一時期ぐちゃぐちゃになりかけたのですが、結局最後は計算式が間違っていたという単純ミスでお茶を濁し、どうにか始末をつけました。
Facebookアプリとしての紹介サイト登録もFacebook固有の仕様に合わせて少し考えたデザインをようやくする事ができて来たなという感じです。
慣れるって意外と時間がかかります。まだまだ先々の課題は多いですが、これでまたワンステップ先へ進む事ができそうです。
以下の紹介ページからダウンロードできます。http://www.adrama.jp/fcadrama/bugflash/index.php

Twitterやってて、タイムラインがどんどん投稿を押し流して行く様を見ているうちに、この中で幅を取るには、140字縦に並べてスペースを稼いではどうかと思ったのが発端。
結局、入力時にはフィールドがどんどんのびて行ったのですが、タイムラインに乗ると、改行が無視されて、1字1字間が空くだけになって断念。
それならFacebookはと試してみたところ、字数が多くなると下が隠れてしまって…続きを読むてなことになってダメだったんですが、1行6文字までなら何とかなる事が分かり、横書きを縦書きに変換するJavaScriptを書きました。理屈は至ってシンプルで、各行から1字づつ取っては次の行に行くという作業をループで繰り返す、コンピューターの最も得意とする単調な反復作業です。それに、音引など縦書きになると変になる文字を適当に変換するパートを付け加えてやると出来上がり。珍しくちょこっと反応もあって、やや気分よかったのですが、やはり時間の流れに飲み込まれて消えて行く運命なのですね。ネットの世界はとにかく足が速くて怖い。
　　　　
　　　す　る　で　い　縦　こ　
　　　　。事　も　る　書　ん　
　　　　　が　気　で　き　な　
　　　　　で　軽　も　文　感　
　　　　　き　に　ど　章　じ　
　　　　　ま　作　こ　が　に　

メール、ブログなどに応用する事もできます。
そして、Facebookにログインして投稿できるボタンも作成しましたので、どうか一度使ってやってください。そうすれば、フィードんも浮かばれるでしょう。
しかし、ダサい名前ですね。

http://www.adrama.jp/fcadrama/vertical_feed/

でご使用になれます。
いずれ、近いうちにAirアプリケーション化する予定(多分)

FacebookやTwitterを始めて約2ヶ月。
わりと前向きに続けています。そのせいか、こちらの本家のブログの方はなんのために書くのかという事にもなりますが、なんとなく情報の分散化という事で続けています。
一番変わった事は古い友達を掘り起こした事ですね。若い人はどう感じてるか分かりませんが、50のおっさんになると、20年ぶり、30年ぶりの友達が掘り起こされてくるのがなかなかびっくり。それで飲みにいく回数なども増えています。なかなか飲み友達ができなかった私としてはこれが第一点。
そして、Google+などの新技術や福島原発のもんだいなど、なんとなく知ってはいたがやり過ごしていた情報が、知り合いが語る事で急激に興味を持ってみるようになったと言う事があげられるでしょう。ちょっと大げさに言えば、しばらく浮き世ばなれして暮らしていたのが、現実世界に戻ったようなそんな感じ。
実際、ここ20年ほど、かなり浮世離れした生活をしていた事も事実です。デザイン会社の仕事に携わって、数少ない社員と、数少ないクライアントと、家族ぐらいが生活の範囲で、しかも興味の対称も比較的実際の仕事周りの事だけ。このブログもそうですが、試験的にはやってみたものの、誰が見るでもなし、自分の日記程度の気持ちでやっていたのですが、Facebookはダイレクトに反応があるので、なんとなく世の中の風にあたっている気がします。
問題はこれからですね。今は始めたばかりでの興味もあって続けていますが、安定的にどんな情報を発信していけるのか、それが果たして他の人にとって魅力があるのか、など、課題はいろいろとあります。
すくなくとも、このブログのような内面の独白的なわけにはいかないでしょうね。
そんなこんなで考える事いろいろ。

javasriptを使ったコンテンツを開発していて、困った時、いつもネット上にあるさまざまな人たちの解説を参考したり、ライブラリを使用したりしていて、そのたびに、感謝しつつ、いつか自分も恩返しができないかと考えていました。
先日、ふとした事から、HTML上の画像データにヒットエリアを設置する必要があり、いろいろ調べたのですが、どこにもそのような記事がありません。クリカブルマップを使って、機能を実現させようとしたのですが、古いブラウザやIEはマウスオーバー、マウスアウトを正しく認識しない事がたまにあり、信頼できるマウスイベントはマウスムーブくらいという状況で、現時点でマウスが目的のエリアにオンしているのかどうかをどうにか調べられないかと悩んでいました。
実際はその仕事では、対象エリアが矩形に近かったので、四角の範囲を考えて、x座標、y座標で条件をしぼってごまかしたのですが、その仕事が済んで少し時間ができたので、タイトルのようなライブラリを作れないか考え、どうにか実現できました。
パスの座標を取得するのと、パスを三角ポリゴンの集合に分割する所までは手作業でやるような、かなり原始的な手法ですが、その先は、対象3座標で囲まれた三角形の内部にマウス座標が存在するかどうかをローラー作戦的に展開する事で、囲まれた領域のヒット判定を行っています。
http://www.adrama.jp/fcadrama/hitcheck/にダウンロードサイトを作りましたので、同様のことでお困りの方は、ぜひご活用ください。
また、ポイントで囲まれた領域を自動で三角ポリゴンに分割できるスクリプトがかける方は、ぜひご協力ださい。これができると、多分Dreamweaverで作成したクリカブルマップの座標の集合から自動的にhitTestPointを実行する事ができるようになります。
僕にはちょっと敷居が高かったのと、おそらく複合パスのような複雑な図形への要望も出て来て沈没しかねないので、この部分、今の所は人力と感性に頼っています。

FacebookやTwitterをはじめたのと同時に、データベースと連携したウェブアプリケーションを作るために、教科書半分でやめていたMySQLの学習を開始しました。
Javascript>php>MySQLと連携すれば、たいがいのものはできます。
あと、iPhoneは写真などのファイル管理がwebアプリケーションからできないため、カメラで撮影した写真の保存などにメールを使うらしいですが、メールサーバーがコントロールできると完璧です。
もっとも、メールサーバーは現状、会社のメールサーバーとして稼働しているので、いろいろ試すのは会社の仕事に大影響を与えて、事実上不可能なので、もう一台テストサーバーを立ち上げなければならないので、こちらは一時断念しています。
MySQL自体は、このMovableTypeのブログを立ち上げた時に一度学習していたので、思っていたよりすらすらと進めているのですが、phpとの連携が投げやりにしか読み進んでいなかったので、きちんと理解しないといけません。MySQLの教科書より、phpの本のほうに詳しい事が書いてあったりして、あっち見たりこっち見たりと、座右にはいろんな本が山積みになって、いい肘掛けになっています。こういうことから、肩こりが出てきたりするんですねえ。
SQLのコマンドが、大文字小文字を区別しないようなので、いちいちシフトキーを押さなくてすむよう、小文字のみで打ち込んでいたりするのですが、なにか不都合あるのかな？HTMLのタグも基本小文字のみの仕様なので、なんとなく世の中小文字化の傾向があるように感じるのですが、そういうもんでしょうか？
あと、一時あれほど苦労していたキャラクタセットの問題が今回浮上してこないんですが、まだ日本語を扱っていないせいだけでしょうか？
前回は、旧サーバーのブログデータを引き継ぐため、文字コードを調べたりして大変でしたが、最近はすべてUTF-8で統一していますから、そういう意味で問題が出にくいのかもしれません。
しかし、最近、文字コードの選択肢にUTF-16って文字を見たんだけど、あれは何？
やな予感がします。