銀杏の木

つい先日、

そして HTML5 対応が出来たら、トップページにアニメーションを追加したり HTML5 らしいデザインにしたりしてみようと思う。

・・・と書いたが、興味があったので、先にトップページにアニメーションを追加した。

「Canvasで桜を降らせてみました」を参考に、銀杏の葉が舞い落ちるようにしてみた。

なかなか興味深い内容で、 javascript を用いて描画処理を行い、 canvas の内容を消去して再描画することを繰り返すことでアニメーション効果を実現する、などの canvas を使ったアニメーションの基本が分かったし、 setTransform() を用いて画像を変形する方法も分かった。

マウスカーソルにも反応させたかったので検索して調べ、 addEventListener() を使い、 mousemove イベントを取得し、マウスカーソルが canvas 上を移動しているときは銀杏の葉がカーソルに近寄ってくるようにもしてみた。

ただ、 canvas の上にカウンターや銀杏の葉の画像が重ね表示されるようにしたのだが、それらの上にカーソルがあるときは、 canvas に mousemove イベントが届かないようだ。ある要素より上に別の子要素がある場合は、そちらにイベントが取得され、親要素には届かない仕組みのようだ。透明な子要素として、一番上にcanvas と位置とサイズが等しい別の canvas を配置し、そちらのイベントを取得するようにして問題を解決したが、親要素にもイベントが届くように設定する方法があるかも知れない。

当サイト版 rNote である rNote-re だが、今後の予定として、とりあえず HTML5 対応をしてみようと思う。

ヘッダ情報の修正と、 css も含めたレイアウトの HTML5 タグ対応が中心になるだろう。

そして HTML5 対応が出来たら、トップページにアニメーションを追加したり HTML5 らしいデザインにしたりしてみようと思う。

・・・というわけで、まずはヘッダ部分を修正し HTML5 のヘッダを出力するようにしたみた。まだ中身が伴っていないのでなんちゃって HTML5 だが・・・（笑）。

ちなみに、「開発」カテゴリがあるのをすっかり忘れ、「ソフトウェア」や「冬星のソフトウェア」に開発関連の投稿を続けていたのに気づいた。今更ながら、開発関連の話題は「開発」カテゴリに投稿することにした。

Build Tools for Visual Studio 2017 をインストールし、「 VS2015 x86 Native Tools コマンド プロンプト」を開いて MSBuild を使って C++ プロジェクトをビルドしようとしたが、

これの解決方法が分かったので書いておく。

以下の環境変数の追加設定が必要だった。

ただし、これをコントロールパネルのユーザ環境変数などで設定してしまうと、 VS2017 などでビルドするとき困るので、面倒でもバッチファイルなどを作り、 VS2015 の MSBuild でビルドするときにバッチを走らせてからビルドするようにするべき。

「 VS2015 x86 Native Tools コマンド プロンプト」は、必要な環境変数が設定された状態で開くのに、なぜこの環境変数だけが設定されずに開くのか不明だが、ネットで検索すると、この問題があちこちで見つかるので、とにかく必要な追加作業らしい。

mt.setPostCategories を実装している関数 xrapiMTsetPostCategories() で設定しようとしているカテゴリＩＤ（カテゴリキー）が、現在のブログのカテゴリキーとして存在するかチェックし、存在しなければエラーとするようにした。

 wtnbgo さんからの情報だが、 Build Tools for Visual Studio 2017 をインストールすることで、 2015, 2017 のビルド環境がインストールされるので、両方の版でビルドして動作確認することができる。 MSBuild もインストールされるので、.sln を指定してビルドすることができる。

ビルドするためには、「 VS2015 x86 Native Tools コマンド プロンプト」「x86 Native Tools Command Prompt for VS 2017」でコマンドプロンプトを開く（ x86 の場合）。