はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

DevToolsで動的にページのJavaScriptを書き換えて実行できるのを数ヶ月前まで知らなかったのでメモ。 上のGIFでは、DevToolsのSourcesタブから、ページ内で読み込まれているJavaScriptのファイルを選択して、onkeydownで呼ばれる関数の中を書き換えて、⌘ + sで保存してる。そのあとtextareaに文字を入力すると、書き加えたコード（ここで追加してるのはconsole.logね）が実行されて、文字列が下部のConsoleに出力されてるのがわかる。 ちなみに、1行目にブレークポイントを置いて停止している間に書き換えることもできる。当然、全部削除して保存すると何も実行されなくなる。 HTTPSでローカルプロキシしにくいページとかでデバッグするのに便利かなーと思った。

Jekyll無効化 gh-pagesブランチ直下に.nojekyllという名前の空のファイルを置いておくとJekyllが無効化できる。 SassとCoffeeScriptの自動コンパイル .sassや.scssや.coffeeのファイルを置いておくと自動でコンパイルしてくれる。 index.scssを置いておくと、プッシュしたあとにコンパイルされてindex.cssが生成される。 （index.htmlに<link rel="stylesheet" href="index.css">と書いてindex.scssを置いてgh-pagesにプッシュすると、gh-pagesにプッシュされているのは当然index.scssだけど、ページにアクセスする際にはindex.scssから生成されたindex.cssが読み込まれるということです） 注意点としては以下のように---を先頭に書いておかないとコン

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

// jQuery + Mocha + expect.js + Sinon.JS suite('API', function() { var server; beforeEach(function() { // 疑似サーバの生成 server = sinon.fakeServer.create(); }); afterEach(function() { // スタブのXHRとかを戻す server.restore(); server = null; }); it('データが返ってくること', function(done) { var res = 200, head = {'Content-Type': 'application/json'}, body = JSON.stringify({ data: 'data' }); // レスポンスの指定 server.respondWith('P

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

音量の微調整をするショートカットをいつまでたっても覚えられないのでメモメモ。 (fn +) shift + option + (F11 or F12) fnも押す必要がある人は、普通に押した場合にFxxキーとして動作するように設定している人。私です。 システムの音量は普段一定にしておいて、出来るだけソフトウェア側の音量を変更したりしてるのだけど、それでも音量が小さすぎたり大きすぎたりするときにはシステムの音量を変えたりする……のだけど毎回これを思い出せずに、適当にcontrolとかshiftとか⌘とか押して「あれー？」って顔をしていたりします。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

module.exports = (grunt) -> grunt.initConfig connect: server: options: # LiveReloadに必要なスクリプトを</body>直前に挿入してくれる # 多分grunt-contrib-connect ver.0.4.0から # HTML5などでbodyタグを書いていないと挿入してくれないみたい…… livereload: true esteWatch: options: # 監視対象のディレクトリ # ['./**']などとするとサブディレクトリを含むようになる dirs: ['.'] livereload: enabled: true # 監視対象とするファイルの拡張子 extensions: ['jade', 'styl', 'stylus'] port: 35729 # *.jadeのハンドラ jade: (f

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?