Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
 
      
  
 
  
  mocha + power-assert環境の構築 ここでは、mocha + power-assert環境の設定手順とテストの実行方法をまとめています。尚、本ページの情報は、Web知識の浅い、Node.jsの扉を叩いている程度のレベルの私が、ググった情報です。従って、誤りや、ずれてるところも多々あると思います。引用したものについては、出来る限り引用元を記載しましたが漏れている可能性もあります。 mochaは、BDDスタイルでもTDDスタイルでも使えてグローバル変数のリーク検出までしてくれる(らしい)Node.js上で動作するテストフレームワークです。 power-assertは、前述フレームワークを用いたテストで用いるassertライブラリ(NG結果が他のライブラリより分かり易そうだなぁと思い選択しました)です。 この二つを組み合わせることにより、以下の様なイメージでserver側jsコー
 
      
  ElectronでSocket.ioを導入するテスト編です。 参考にしたところ Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモ Electron で jQuery をスマートに読み込む方法 やりたいこと スマホでリモート操作 Electronアプリと連動すること とりあえず、動かしてみる 前提条件: Node.jsやElectronのあれこれが済んでいること。 まだの場合は、コチラを参照するといいでしょう。 さっそく、Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモのコードをダウンロードし、適当な箇所に解凍します。 組み込み予定のElectron内に、先ほど解凍したコード全部コピーし、Electronのメインファイルへ「server.js → index.js」へ移植します。 ... // ここから // サーバー構築 var ht
![ElectronでSocket.ioを導入してみる [テスト編] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2b4a57638c2e457ebc04e2e6697e27b99693ef5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMTIwMDclMkZwcm9maWxlLWltYWdlcyUyRjE2NzQ3NTk2MDE_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MjAzMWRhOTRhYTRmMjQyNzE0MjJkZjkzYzQzNDI2ZjY%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D9ca36d1c40548f9e5dd70f459f63a23c%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9RWxlY3Ryb24lRTMlODElQTdTb2NrZXQuaW8lRTMlODIlOTIlRTUlQjAlOEUlRTUlODUlQTUlRTMlODElOTclRTMlODElQTYlRTMlODElQkYlRTMlODIlOEIlMjAlNUIlRTMlODMlODYlRTMlODIlQjklRTMlODMlODglRTclQjclQTglNUQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1hOGJlY2Q4NmIxNGI0ZTFhMWFkM2M5NDBiNDVmNGMwOA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBqYWNrLWxvdyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWJlMWEyNTA0YjAzZDhiY2U1YjU4OWU0OTE5ZTVjZGJk%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D179768019a93eccdfc1925504543451c) 
      
  >>> $ py.test ../tests/test_webapi.py =============================================================================== test session starts =============================================================================== platform darwin -- Python 2.7.5 -- py-1.4.31 -- pytest-2.7.0 rootdir: /Users/*****, inifile: pytest.ini plugins: cache, django, pep8, pythonpath collected 2 items ../tests/test_webap
 
      
  各バージョン Apache2.2 PHP5.3(ThreadSafe版) Xdebugを導入する phpinfo()を表示させる ▶︎phpinfoの表示のさせかた Xdebugの導入 php.iniの設定(xdebug関係コメントアウト削除・xdebug.remote_enable=1) Xdebugの導入 1. phpinfoのページをコピー 2. Xdebug導入の道案内にアクセス、コピーした内容をペーストして分析スタート 3. 表示された手順のとおりにXdebugを設定する 4. Apacheを再起動して、phpinfoを再度表示させ、Xdebugの記述があることを確認 SublimeTextの設定 XdebugClientをいれる(PackageControlから) プロジェクトを作成して、.sublime-projectのファイルを開く 以下を追加 "settings": {
 
      
  ここでは、mocha + power-assert + karma 環境の設定手順とテストの実行方法を頭の整理&備忘の為にまとめています。尚、本ページの情報は、Web知識の浅い、Node.jsの扉を叩いている程度のレベルの私が、ググった情報です。従って、誤りや、ずれてるところも多々あると思います。引用したものについては、出来る限り引用元を記載しましたが漏れている可能性もあります。 karma を追加することで、以下の様にブラウザ経路によるフロント側のjavascriptもテストすることが可能です。 karmaを実行すると、ブラウザ(設定で指定が可能)が自動で起動され対象のテストを実行し、テスト結果はターミナル上に出力されます。また、指定により複数のブラウザでのでの評価が可能であり、ブラウザ種別依存の不具合検出にも役立ちます。 本ページでは、 mocha + power-assert環境の構
 
      
  module.exports = function(config) { config.set({ basePath: '', frameworks: ['mocha'], files: [ 'path/to/tests/**/*.js' ], exclude: [], plugins: [ 'karma-chrome-launcher', 'karma-mocha', 'karma-webpack' ], preprocessors: { 'path/to/tests/**/*.js': ['webpack'] }, webpack: { devtool: 'inline-source-map', module: { loaders: [ { test: /\.js$/, loader: 'babel', exclude: /node_modules/, query: { presets:
 
      
  Webページの表示速度って大事ですよね。Googleの検索順位にも影響が出るっていうし、なによりユーザが見たいと思った時に、遅くてなかなか見られないというのは単純に機会損失になります。じゃあ表示速度を早くしようとなるわけですが、そこらへんはわりとベストプラクティスみたいなのが語られまくってますね。 ちょっと古いですが僕が昔か書いたWebフロントエンド表示速度、最速化手法まとめみたいなのとか。 で、早くする技工的なものは良いんですが、一番大事なのは計測すること。これですね。普段、どれくらいの表示速度で、揺らぎがあるのかないのか、どこかの時点で遅くなっていないかなどを把握する必要があります。 サイト表示速度の監視 サイトの表示速度を計測してくれるナイスなサービスがいくつかあります。 pingdom newrelic ruxit HAPPY APPS ALERT BOT Status Cake
 
      
  リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
