はてなブックマーク

ngrokで簡単に外部に公開 お客さんや外部のメンバーなどに、一時的にローカルで作成をしているサイトを見せたい。そんな状況はよくあるかと思います。ローカルで作成しているサイトを共有する場合どうしてますか？ サーバーで共有→アップが面倒。準備しなくちゃいけない。 バージョン管理システムで共有→アップが面倒。分からない人に教えるのも面倒。 クラウドサービスで共有→重い。時間がかかる。 スクショで共有→動きが全く分からない。 こんな方法で共有することが多いかと思います。どれもなんかしら手間が掛かります。サーバーが用意されている場合は、アップだけすれば問題ないですが、アップすらもせずに共有したい。 そこでローカルサーバーを簡単に公開できる「ngrok」を使ってみましょう。エヌジーロック？ナギロック？読み方は分かりませんが、ngrokはローカルサーバーを外部からアクセス可能にしてくれるとても素晴らし

ダブルクリックの処理 checkboxとテキストをlabelタグで囲み、テキスト部分をクリックしてもチェックが入るというような処理は、必ずといってもいいほど行うことかと思います。 しかし、checkboxのテキストをダブルクリックしてしまい、テキストが選択状態になっていると上手くチェックを切り替える事がで出来なくなってしまうことがあります。 あまりダブルクリックをするということはないかもしれませんが、チェックを入れた瞬間に「あっやっぱり外そう」と思い瞬時にクリックをするとテキストを選択してしまい、切り替えが上手くいかない場合があります。以下のような感じです。 現象発生ブラウザ テキスト選択時にチェックが上手く切り替える事が出来なくなるブラウザは、確認した限りGoogle Chromeのみでした。(IEでも少しおかしかったです)ほかのブラウザではテキストが選択状態にある場合でも、チェックの切

Gruntと同じくタスクランナーのGulp。Gruntよりもビルドファイルが読みやすく、スピードも軽快な気がします。GulpとGrunt Gruntに関しては前回の記事で(タスクランナーGrunt導入メモ)導入方法と簡単な使い方を紹介しましたが、今回はGruntと同じタスクランナーのGulpでSassのコンパイルとブラウザを自動で更新するlivereloadを使ってみたいと思います。 Gulpのいいところ Gruntと大きく違う部分は以下になります。 ・Gruntよりもビルドファイルの可読性が良く、短いコードで済む ・なるべくタスクを並列で実行しようとするので、スピードが早い Gruntもとても優秀ですが、GulpはGruntの良い部分を引き継ぎ、短所を改善したツールだそうです。そのためビルドファイルの書き方や導入方法はGruntと似ているので、Gruntを使ったことのある人は、使いや