Google map のマーカーにホバーしたりクリックしたらインフォウィンドウが表示されるようにする

環境 google map api : 3.25   はじめに 前回、マーカーへマウスオーバーしたらインフォウィンドウを表示するという記事を書きました。 Google map のマーカーへマウスホバーしてインフ …

Google map のマーカーへマウスホバーしてインフォウィンドウを表示する(複数マーカー対応)

環境 google map api : 3.25   はじめに クライアントからの要望で、Google map api のインフォウィンドウをマウスオーバーで表示することになりました。 「Google map …

Vue.jsを使って、もっとWordPressっぽいTinyMCE用メディアアップロードを実装する

今回は、Wordpressぽいメディアアップロードモーダルをちょっとバージョンアップをして、Vue.jsを導入しました。選択したファイルの「拡張子」とか「パス」とか「ファイル名」とかの情報を管理するのに、Vue.jsのリスト機能は理想的でした。JSON形式で情報を保持して、選択時に自動切り替え等々ができて、ちょー便利です!

fileのアップロード時にプレビューする機能を実装した

画像のアップロードを必要とするフォームを作る事になりました。
当初案ですと、入力画面にて画像を選択して、確認画面にて一旦アップロードされた画像をプレビューし、画像が間違っていたら再度入力画面に戻るというシステムが進められていました。

でもこれって、使用するユーザがページ遷移の待ち時間があるし、なによりすぐに確認できないっていうので、
ストレスが溜まる仕様です。

スライダーの始めと終わりの行き来の際に、画像が表示されなくなるバグを修正した

ループする画像スライダーが、先頭から終わりへ移動した時、または終わりから先頭に移動した時に、移動先の画像が表示されなくなる現象が発生しました。

スマホの通知機能みたいにデスクトップに通知をしてくれる機能を実装してみた

PCにポップ通知機能が欲しい 前々からスマホのポップ通知機能みたいのが欲しいなーと思ってました。Redmineとかと連携して通知が出てくれたら、仕事を忘れることとかなくなるのになー。 でも、専用のアプリを作るとかは面倒だ …