jQueryのモーダルウインドウを閉じた後動作しなくなった件

メモ書き。

下記サイトのjQueryモーダルウインドウを試したところ

モーダルオープンし、クローズ動作をした後、

Uncaught Error: Syntax error, unrecognized expression: <div class=”modal-wrap”></div>

というエラーが出て、サイト全部がクリックできない事がありました。

[ プログラミング ] jQueryでスクロールバーの出るモーダルウィンドウを作る方法

 

modal-wrapクラスの要素が原因のようで、JS確認してみると

$(modal).unwrap(“<div class=’modal-wrap’></div>”);

という記述がありましたので、これを

$(modal).unwrap();

にしたところ、無事動作しました。

もしかしたらjQueryバージョンで挙動が違うのかもしれませんね。(未確認)

ロリポップの初期費用が無料に

ロリポップ全プラン初期費用無料キャンペーン

【春のお得なキャンペーン】が今日から始まっているようです。

今回のは2018年3月20日までやっているそうですので、新規にサーバー取得したい人はこの機会に契約してみてはいかがでしょう?



ロリポップでは、初期費用0円キャンペーンは年に何回か行われますが、毎回突然始まり、時期も不明です。

ライトプランで例えると、約1年分の価格が無料になるレベルなのでお得ですよね。

自分も、かれこれ5年以上はお世話になってるサーバーで、安価なのでライトプランをよく契約してます。

cliborのFIFOの挙動がおかしくなった件

一応メモとして残しておく。

cliborのFIFOがおかしい

具体的な動きはこんな感じ

  • FIFO起動/停止のホットキーがうまく作動しない
  • FIFOの順番が違う(1→2→3→4が4→2→3→4になる)
  • FIFOなのに最後にコピーしたものだけが出力される

環境

  • Windows10 Home
  • テキスト入力エリア全てで同様の症状

原因

DropBox常駐が原因でした。

他のWindows10環境ではDropBox起動してても問題なく動作していたので、なんらかDropBoxにショートカットキーが割り当たってしまったのか、バグなのか、そこらへんはまだ詳細わかってません。

とりあえずDropboxのサービスを切ったら通常通り動作したので、Dropboxを使用するときだけ起動する形でひとまず様子見。

再発しました。

この後、Adobe関連やonedriveも疑いましたが、違いました。

今回旅行先で使用したノートPCで発生したのですが、外付けでキーボードを付けていたのです。

んで、このキーボード使わずにclibor起動したら改善した、と思います。

今のところ再発なし。

キーボード外付け出来ないのは、正直キツイなぁ・・・。

VirtualBoxのゲストOSが勝手に中断されてしまう件

最近、MacOSに入れてるVirtualBoxを更新したら、ゲストOSのUbuntuが勝手に中断されて困っておりました。

環境

・MacOS 10.12.6
・VirtualBox 5.1.26
・Ubuntu 16.04

症状が起きるタイミング

・ディスプレイの電源を切る or ディスプレイのチャンネル切り替え

なんでディスプレイの電源を切るとUbuntuが終了されるの?

試してダメだったこと

・Ubuntu側で、ノートPCのディスプレイを閉じるとサスペンドされてしまうのを許可しない
・VirtualBox再起動
・UbuntuOSのシステム更新、再起動

これで治った

VirtualBox 5.1.20にダウングレードしました。
結局、VirtualBox側のエラーだったようだ。

今回、マジで原因っぽい箇所が多すぎて時間かかった。。。

macでロジクール(logicool)マウスを設定する

備忘録的に

最近Mac Miniを購入し、LogicoolのM546を使ってみた。

しかし、サイドボタンやホイールのスイッチが反応しない事に気づく。

Macだから無理なのかなぁ、と思ったら、公式サポートに設定アプリがありました。

・Logicool公式サポート(http://support.logicool.co.jp/ja_jp/home)にアクセス

・検索窓にm546を入れて検索。
(他のLogicoolマウスであればその製品名を入れる)

・Logicool Optionsというソフトウェアをダウンロードする。

・インストールする

・システム環境設定にLogicool Optionsが追加されているので、そちらでマウスの設定をする

これでできるはず。

しばらく問題なかったのですが、OSアップデートしたあたりでサイドボタンとホイールスイッチが反応しなくなりました。

ソフトウェアをもう一度最新版をインストールすると治りましたので、同様の症状あればお試しください。

Sublime Text 3のブラウザプレビュー

View In Browserのインストール

sublime Text 3のブラウザプレビューをショートカットで起動させるプラグイン「View In Browser」

これを使って、Chromeの64bit版をF12キーで起動するように設定していく。
(Dream Weaverの名残)

Package Controlでインストールして、設定を変更していく。

Package Setting > View In Browser > Default
をコピーして

Package Setting > View In Browser > User
に貼り付ける。

念の為、デフォルトブラウザを
"browser": "firefox"
から
"browser": "chrome64"
に変更。

ショートカットの変更

key bindingsを変更していきます。

Preferences > key bindings > User
{ "keys": [ "ctrl+shift+v" ], "command": "view_in_browser" },
{ "keys": [ "super+f12" ], "command": "view_in_browser", "args": { "browser": "firefox" } },
{ "keys": [ "f12" ], "command": "view_in_browser", "args": { "browser": "chrome64" } },
{ "keys": [ "ctrl+shift+i" ], "command": "view_in_browser", "args": { "browser": "iexplore" } }

を追加

おまけ:ソースフォーマット

{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }

おまけ2:改行


{ "keys": ["shift+enter"], "command": "insert", "args": {"characters": "<br />" } },
{ "keys": ["ctrl+enter"], "command": "insert", "args": {"characters": "<br>" } }

Picmvの環境設定メモ

カメラの画像仕分けソフト「Picmv」の環境設定メモ。

デジカメってPCへの取り込みが大変ですよね・・・。
カードリーダーにSDカードを挿して、ソフト立ち上げて、取り込みボタンを押して、完了したら中身を消して、デジカメに戻して・・・。
フォルダ名変更して、ファイル名も変更して・・・。
一眼レフだと容量も圧迫するし、人に写真をあげる時も圧縮しなければいけなくて大変・・・。

そんな流れを簡易にまとめる事が出来るのが「Picmv」ってソフトです。

↑にあった流れを
1.カードリーダーにSDカードを挿す
2.ソフト立ち上げ
3.SDカードをカメラに戻す
これだけにできます。

その環境設定が下記です。

続きを読む Picmvの環境設定メモ

【誰か】今日何があるかを知るサイト【作って】

今日何があるの?を調べるサイトがほしい

唐突ですが、そんな欲が出てきました。地区限定的な感じで。

  • 今日イベントがあります!
  • うちのお店タイムセール中だよ!
  • 今日は野草の会ですぜ!
  • うちの美容室空いてるよー!急ぎの方ぜひ!
  • 今日イベントやってるけど人来ない!助けて!
  • 天気悪くなったのでイベント中止です!

みたいな感じにできないかなーと。

具体的なルールはどんなものが良いか

おそらく荒れる原因は所謂「出会い目的」、「特定団体の勧誘目的」、「誘拐・拉致目的」みたいな輩に狙われる事だと思います。
なので以下のルールを考えてみました。

  • 特定の地域のみの情報に限定
  • 発信者は店舗やイベンターに限る
  • 発信者となるためには手続きや証明が必要
  • 公序良俗を乱す発言の責任は、サイト運営者ではなく、情報発信者にある
  • 事件性のある情報・違法な情報への関与は認めない
  • 虚偽の発信を認めず、発見次第即アカウント削除
  • 今日以外の情報は認めない
  • 特定地域以外を舞台にしたインターネット上でのブロードキャスト行為の宣伝を禁止
  • 未成年は発信者に登録不可能

みたいな感じかなー。
あと、フリーなスペースも確保したい。

  • こんなイベントみつけた!
  • ここの店舗さんを紹介したい!
  • ライブやります!USTでも見られるよ!
  • 一緒にモンハンやりましょう!

そんな感じ。共同制作者がいれば、少しずつ世界を広げていけるんだけどなぁ。
むしろこういうローカル密着な情報サイトは是非大手企業のグーグルさんとかにお任せしたいね。

illustratorのメモ

※illustrator CS5.5 windows Edition使用。

Web用デザインをイラストレーターファイル(aiファイル)で頂く事が多いので、忘れないうちに。

ランディングページを制作することがあり、かなり縦長なデータだとメモリ不足でPSDに書き出せないことが結構あって困ってるんですよね。

そうならないように、大きくても1200x3000pxくらいに分割して、セクションごとにAIファイルにして、そこからPSDに書き出してます。

メモリ不足にならないようにクリップボードを消去しながらやるとベスト。

なんだかんだ、PSDからの切り出しがしやすいんで、この方法でしばらくやってみることにします。

なんかCC使えばもっといいツールあるんだろうなぁ~と思いつつ、現状の対策をメモ。