WebStorm+Chromeでウェブサイトコードリーディング
IntelliJさんのChromeプラグインが進化してた – しおしおの雑記帳 を見て気づいた事。 今までは WebStorm -> JavaScriptデバッグ実行 -> Chrome起動 という方向でしか、WebStorm内のデバッガーは使うことが出来なかったのですが、 WebStorm 8 EAPからは、Chrome -> Inspect in WebStorm -> WebStorm という双方向でデバッガーを使えるようになったみたいです。 これを利用して、簡単にWebStormを使ってウェブサイトのコードを読むことができるのでその手順の説明です。 手順は単純で WebStormで適当なプロジェクトを開く(プロジェクトを開いてないと”Inspect in WebStorm”ができない) Chromeで読みたいサイトを開く Chromeのコンテキストメニューから”Inspect in
WebStormによるJavaScript開発のすすめ - maru source
Qiita JavaScript - Client Side - Advent Calendar 2013 12月20日の記事です。 みなさんはJavaScriptをどんなエディタで書いていますか？僕はこれまでVimで開発していたんですが、最近はもっぱらWebStorm(PhpStorm)を使ってJavaScriptを書いています。 というわけで今日はWebStorm使ったJavaScript開発における便利な機能をいくつか紹介していきます。 Inspections Code Completion JSDoc File Watchers Deployment(Automatic Upload) REST Client Directoies JavaScript Libraies Code Style ファイル検索 Vim Plugin Look and Feel WebStormとは？ J
WebStorm 7EAPのkarma連携について
WebStorm 7 EAP がリリースされましたが、今まではJsTestDriverぐらいしかテスト連携のサポートは入っていませんでしたが、karmaのサポートが追加されました。 KarmaとWebStormの設定 まだ、karma@canary(いわゆるdevloperバージョン)でしか動かないらしいので、 以下のように karma のcanaryをインストールします 今回は、デフォルトのJasmineの構成にしました。 次にWebStormでプロジェクトを開いて、WebStormのkarmaの設定をします。 RunDebug Configurationsにkarmaが増えているのでそれを追加して、 karma.conf.js のパスを設定してあげればWebStormの設定は完了です。 Karmaのテストを実行 作成したConfigurationsをRunするとKarmaサーバが起動し
WebStormのデバッガでBuster.JSのテストをデバッグをする方法
WebStormのデバッガをBuster.JSのテスト実行時に使う方法についてです。 最初に要約を書いておくと buster static で静的なURLのテストページを用意する WebStormのデバッガ(ブラウザ)でそのURLを開く です。 WebStormのデバッガは、デバッガ連携できるブラウザ(ChromeとFirefox)で指定したURLを開いてデバッガを使う感じ 以前、Testacularを使った場合を紹介しましたが、TestacularはちょっとWebStorm向けに小細工が用意されてる感じなので、 今回のほうがもう少し一般的な感じの内容になると思います。 やっていること自体は下記の記事で解説されているのと同じで、ちょっとパスが違ったり使うコマンドが違う感じなだけだと思います。 WebStormからtestacularでテストとデバッグをする方法 | Web scratch
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
改めて最強のJavaScript IDE 「WebStorm」についてまとめてみた(改訂版)
WebStormはHTML(5)+CSS+JavaScript等をメインに扱う、Windows, Mac OS X、Linuxのクロスプラットフォームに対応したIDEです。 これを読む前に以下の文章を見ておく必要があります 最強のJavaScript IDE 「WebStorm」を使ってみた | Web scratch この記事はWebStorm1.0の頃にかかれたものです。 横浜JSTDDハンズオンでWebStormについて発表してきた | Web scratch WebStorm指南書 この記事はWebStorm 4.0 EAPの時に書かれたものです この記事は、WebStorm 1.0 から WebStorm 5.0までの変更や追加機能等を最強のJavaScript IDE 「WebStorm」を使ってみたをベースにまとめたものです。 購入方法 既に購入済みな方などは飛ばして大丈夫で
New in 5.0: Google Closure Compiler JSDoc annotations | The WebIDE Blog
IDEs CLion DataGrip DataSpell Fleet GoLand IntelliJ IDEA PhpStorm PyCharm RustRover Rider RubyMine WebStorm Plugins & Services Big Data Tools Code With Me JetBrains Platform Scala Toolbox App Writerside JetBrains AI Grazie Junie Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana CodeCanvas .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Amper Educa
今さらながら知ったWebStormとJSDocの深〜い関係 – 宇都宮ウエブ制作所
正宗です。ものすごく今さらな事を知ったのでおおはしゃぎで書き留めておきます。いかに今までまともにJSDocを書いていなかったか。 私が主に JavaScriptを書くときに使っているWebStormでJSDocをきちんと書くようにすると、JavaScriptの型をなかなか強力にサポートしてくれるようになりました。コードの補完機能なんかもかなり精度が上がってくるので、結果的にコーディングも速くなるのではないでしょうか。 私は特に普段はActionScript3を書く機会が多く、ご存じのとおりActionScript3は型を明示できる言語なのでFlashBuilderやFlashDevelop、FlashCS5などのIDEに備わっている補完機能に頼り切ってコーディングしていました。そのスタイルのままJavaScriptのほうの開発を行うと、今まではJavaScriptで厳密に型を明示できないこ
JavaScript 用 IDE 『WebStorm』 の設定メモ | seussnu's blog
IDE は自分好みに染め上げてこそ効果を発揮する。 特に、WebStorm は設定項目がかなり多いことと、日本語化が出来ないので、ある程度、設定をメモっておく。 ■ 2.1.2 のデフォルトで、カーソルがフリーモード（行末の次が次行頭にならない）の様な動作をするようになった。Editor の Virtual Space 内に Allow placement of caret after end of line という設定があるので、チェックを外すと戻る。 ■ インスペクション（コード検査）の設定は、以下の様にすると楽だと思う。 設定からインスペクションを全部有効にする コードがまっ黄色（警告）だらけになるので、警告不要な部分を探す 問題のコード上で Alt+Enter （マウスクリックしてほっといても良い） ポップアップメニューより Inspection XXX を選択して Disa
[WebStorm] Complete Current Statement がとても便利な件(・∀・) : のびーの食っちゃね〜だらだらな日々。食っちゃ寝生活してても意外と平気だったりする。
April 20, 201123:59 [WebStorm] Complete Current Statement がとても便利な件(・∀・) カテゴリTemporary Comment(0)Trackback(0) WebStormが高機能すぎて全然使いこなせていない感がひどいのですが、とりあえず備忘録代わりに1つ便利な機能など書いてみようと思います。 Shift + Ctrl + Enter で実行できる「Complete Current Statement」という機能なのですが、これが便利なのです。 たとえば、 var hoge = fuga || '' こんなコードがあった場合に「Shift + Ctrl + Enter」を押すと、 var hoge = fuga || ''; こんな感じにセミコロンを追加してくれます。 var hoge = fuga || ''; もし、こんな風
![[WebStorm] Complete Current Statement がとても便利な件(・∀・) : のびーの食っちゃね〜だらだらな日々。食っちゃ寝生活してても意外と平気だったりする。](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a67ece17e5ac8a7d642f23d03f991202cf1aa5e/height=288;version=1;width=512/https%3A%2F%2Flivedoor.blogimg.jp%2Fokashi1%2Fimgs%2F8%2F6%2F86b6c20b-s.png)
Titaniumのコード補完をWebStromで
最近Titaniumを使い始めたんだけど、コード補完するための*.jsがどこにあるのかよくわからなかった。いろいろ調べていると、 http://developer.appcelerator.com/apidoc/mobile/1.4/api.jsonで公式のTitanium.*の定義情報が配布されている 上記のapi.jsonを読んでJavaScriptの定義ファイルを出力してくれるモジュール(JavaScript)がhttps://github.com/netpro2k/TiAutocompleteで配布されている という事がわかった。自分の場合は以下のようにしました。 $ git clone git://github.com/appcelerator/titanium_mobile.git $ wget http://developer.appcelerator.com/apidoc/
WebStormのコード補完に新しく候補を追加する方法
WebStorm/PhpStormのEAP build 98.458でJavaScript Librariesのスコープを決定できる機能が追加されました。 WebStorm & PhpStorm Blog » Blog Archive » Working with JavaScript Libraries in PhpStorm & WebStorm なので、この方法が使えるのはWebStorm & PhpStorm 2.0以上(EAPビルド)の場合のみです。 “JavaScript Libraries”という機能はJavaScript LibrariesってプロジェクトにいろいろなJavaScriptがあると、そこでは補完して欲しくない候補もいっぱい出てきてしまいます。 そうなると優れた補完機能が逆に仇となってしまうため、補完対象のスコープを制限(指定したｊｓファイルだけを補完候補に加え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebStorm指南書
http://www.memetodo.co.cc/2011/05/webstorm_29.html