IntelliJさんのChromeプラグインが進化してた – しおしおの雑記帳 を見て気づいた事。 今までは WebStorm -> JavaScriptデバッグ実行 -> Chrome起動 という方向でしか、WebStorm内のデバッガーは使うことが出来なかったのですが、 WebStorm 8 EAPからは、Chrome -> Inspect in WebStorm -> WebStorm という双方向でデバッガーを使えるようになったみたいです。 これを利用して、簡単にWebStormを使ってウェブサイトのコードを読むことができるのでその手順の説明です。 手順は単純で WebStormで適当なプロジェクトを開く(プロジェクトを開いてないと”Inspect in WebStorm”ができない) Chromeで読みたいサイトを開く Chromeのコンテキストメニューから”Inspect in
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 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のテスト実行時に使う方法についてです。 最初に要約を書いておくと buster static で静的なURLのテストページを用意する WebStormのデバッガ(ブラウザ)でそのURLを開く です。 WebStormのデバッガは、デバッガ連携できるブラウザ(ChromeとFirefox)で指定したURLを開いてデバッガを使う感じ 以前、Testacularを使った場合を紹介しましたが、TestacularはちょっとWebStorm向けに小細工が用意されてる感じなので、 今回のほうがもう少し一般的な感じの内容になると思います。 やっていること自体は下記の記事で解説されているのと同じで、ちょっとパスが違ったり使うコマンドが違う感じなだけだと思います。 WebStormからtestacularでテストとデバッグをする方法 | Web scratch
これまた地味な Remote Hostプラグインについてです。Javaで開発しているとあまり用事はないのですが，スクリプト系の作業しているとしばしば活躍します。どんなことしてくれるかというと，いわゆるアップローダです。プロジェクト配下のディレクトリとサーバのディレクトリを指定して，ファイル個別でアップロード・ダウンロードをしたり，同期をとったりします。そんなの外部ツール使えば済む話なんですが，IntelliJで完結するのに意味があると。:-) 設定は，File->Settings->Deploymentで行います。 「＋」ボタンを押してサーバを登録します。登録可能なプロトコルは以下の４種類（と言っても最後の"In place"がナニモノなのかよくわかりませんが...。 FTP SFTP Local or mounted folder In place 面白いのが"Local or moun
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
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」を使ってみたをベースにまとめたものです。 購入方法 既に購入済みな方などは飛ばして大丈夫で
IDEs CLion DataGrip DataSpell Fleet GoLand IntelliJ IDEA PhpStorm PyCharm RustRover Rider RubyMine WebStorm Plugins & Services Big Data Tools Code With Me Quality Assurance JetBrains Platform Scala Toolbox App Writerside JetBrains AI Grazie Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana CodeCanvas .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS
正宗です。ものすごく今さらな事を知ったのでおおはしゃぎで書き留めておきます。いかに今までまともにJSDocを書いていなかったか。 私が主に JavaScriptを書くときに使っているWebStormでJSDocをきちんと書くようにすると、JavaScriptの型をなかなか強力にサポートしてくれるようになりました。コードの補完機能なんかもかなり精度が上がってくるので、結果的にコーディングも速くなるのではないでしょうか。 私は特に普段はActionScript3を書く機会が多く、ご存じのとおりActionScript3は型を明示できる言語なのでFlashBuilderやFlashDevelop、FlashCS5などのIDEに備わっている補完機能に頼り切ってコーディングしていました。そのスタイルのままJavaScriptのほうの開発を行うと、今まではJavaScriptで厳密に型を明示できないこ
WebStorm & PhpStorm Blog » Blog Archive » jQuery API documentation at your fingertipsで紹介されていますが、WebStorm上でjQueryのオンラインヘルプをローカルにダウンロードしたものを表示できるようになっていました。(WebStorm/PHPStrom 2.1 以降が対象) まずはJavaScript librariesの設定(Settings> JavaScript Library)で、Addボタンを押してローカルにおいたjQuery.jsをFileに指定します。 Documentation URLsのSpecifyボタンを押して、http://api.jquery.com を指定してからダウンロードボタンを押すとローカルにjQueryのドキュメントがダウンロードされます。(実際にダウンロードされ
IDE は自分好みに染め上げてこそ効果を発揮する。 特に、WebStorm は設定項目がかなり多いことと、日本語化が出来ないので、ある程度、設定をメモっておく。 ■ 2.1.2 のデフォルトで、カーソルがフリーモード（行末の次が次行頭にならない）の様な動作をするようになった。Editor の Virtual Space 内に Allow placement of caret after end of line という設定があるので、チェックを外すと戻る。 ■ インスペクション（コード検査）の設定は、以下の様にすると楽だと思う。 設定からインスペクションを全部有効にする コードがまっ黄色（警告）だらけになるので、警告不要な部分を探す 問題のコード上で Alt+Enter （マウスクリックしてほっといても良い） ポップアップメニューより Inspection XXX を選択して Disa
JetBrains社のPHP統合開発環境であるPHPStormは連携するVCSとして標準でmercurialが使えますが、Mac上で使用する場合標準の設定では日本語のコミットメッセージは文字化けします。これの回避方法がわかったので書きます。 環境 Mac OSX 10.6.8 PHPStorm 2.1.2 文字コード設定はutf-8 [注] ※1 WebStormはPHPStormのサブセットなので、本エントリの内容はWebStormでもそのまま適用されるはずです。また他のJetBrains製IDEもおそらく同じ方法が使えると思います。 ※2 他のプラットフォーム・環境の方は自分の環境に置き換えて読んでください。 前提 既存のmercurialがそもそも正しく日本語コミットメッセージを扱えていることが必要です。つまりコマンドラインからhgコマンドを使って正しく日本語のコミットメッセージ
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%2Ffanyv88.com%3A443%2Fhttps%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/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ページを開く
