今日は以下の実装を行った。最新版のスクリーンショットは以下。以下のページを参考に、エディタのサムネイル画像に縁と影を付けてみた。マージンでずらしている。ずらした分だけ左上に飛び出し、隣接する要素に覆い被さる。ずれを吸収する事にした。エディタを作り込んでいる時、記事中のマップ表示もエディタと同様にマップとマーカーを表示し、選択されたマーカーの画像情報をマップ下に表示するのがよいと思った。この方式の場合、エディタの見た目と記事中のマップ表示が近いので、編集中に完成図を想像し易い。表示する画像は常に一つとなるのでレイアウトも単純化される。表示項目についてはかなり迷ったが、とりあえず画像、タイトル、コメントをメインとして詳細情報は画像のツールチップで表示する事にした。プラグインを利用してリッチ化する予定である。属性にテキストを設定するのが正しいらしい。ブラウザによってはツールチップが表示されない。表示されることを確認できた。補助的な役割となるそうだけど名前からすると逆な気がして混乱する。大半の実装が完了したので後は仕上げてリリースに向かいたい。以下、今日の実装メモ。スクリプトそのものに渡されたパラメータを取得する方法は用意されていない。いうようにパラメータを渡してもスクリプト側は「何それおいしいの?」状態である。パラメータなしに動作すべきという意見もあるだろうが、やはり指定できると便利である。いうわけで既に誰かがパラメータ解析を実現しているのでは?と思って調べたら、以下のページを見つけた。タグから自身を検索し、そこからパラメータ解析を行うというもの。スクリプト名のバッティングについては自分で対策しなければならない。よる検索は常に前者がヒットしてしまう。ようにディレクトリも含めることで、より正確な検索が行える。プラグインのスクリプトから利用する場合、大抵はプラグイン名のディレクトリ以下に格納されているはず。その部分から検索名を指定すると良いと思われる。ものを利用する方が好ましい。これをを利用する方法として以下の記事が参考になった。フルネームで記述する必要がある。エラーにならないため、これを意識しておかないと思わぬ落とし穴となる。実際、私もこれまで使用していたスクリプトが突然動かなくなり原因調査に手間取った。どこかで以下のような処理を行う。判定する事により管理画面を除外して、それ以外の画面のみ処理されるようにしている。スクリプトを読み込む時のハンドラを登録。呼び出す事で、記事中のヘッダ部分にスクリプトが読み込まれる。この関数の第一引数は読み込むスクリプトの識別子となる。識別子を登録しておくと、それを指定するだけで読み込める。いう名の識別子を登録してくれるので、これを指定すれば良い。バージョンを示すパラメータが追加される。ような外部サービスのスクリプトを利用するうえで悪影響が出る可能性がある。行目のようにスクリプト出力時にフィルターを仕掛け、余計な文字列を除去するようにしている。このフィルターはスクリプト毎に呼び出されるので、パラメータを除去したいスクリプトの時だけ処理を行う必要がある。なにを行っているかが自明でパラメータによる影響のないが確実なら除去しなくてもよい。付属していたもので、中身を解析する気はないから念のために除去対象とした。akabeko.me。