[ライブラリ不要]ファイルのmultipleアップロードの画像をプレビューする

ライブラリを使わずにJavascriptだけでファイルのアップロード前に画像を確認する方法のmultiple プロパティを設定した場合の記事を書きました。
触って試せるサンプルも掲載しています。

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形式で情報を保持して、選択時に自動切り替え等々ができて、ちょー便利です!

【jQuery不要】javascriptだけでinput=fileの画像プレビュー機能を実装する

input=fileのプレビュー機能の記事にアクセスが増えてきたので、使う場面があるのかわかりませんが、javascriptのみでプレビュー機能を実装してみます。

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

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

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

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