JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 - ICS MEDIA
JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 JavaScript（ES2015+）、TypeScriptの需要は高まる一方ですが、プログラミングの効率化をどれくらい意識していますか？ プログラミングが効率化されれば、作業時間の短縮、ケアレスミスの軽減、プロダクトの品質の向上、そしてストレスの軽減に繋がります。 筆者が5年間使用している「WebStorm（ウェブストーム）」は、JavaScriptのプログラミングをする上での面倒な処理をほとんど自動化するための機能が揃っていて、ロジックの検討や表現の作り込みに時間を割けるようになります。 本記事では、多くの機能の中からとくに便利だと感じるものをピックアップして紹介します。WebStormを使ったことがない方も、「この作業はツールで自動化できるのか」という知識を得て、
WebStormを使った快適Web開発のススメ
こんにちは。制作部の苅部です。 今回WebStormというIDEついてご紹介したいと思います。 私自身これまでエディタとしてSublime Textを使っていてIDEを触ったことがなかったのですが、実務の中でWebStormを試す機会があったので、備忘録も兼ねて便利な機能をまとめてみたいと思います。 私のように選ばずに一つのエディタを使い続けてきた方に向けて、WebStormの実際に使ってみないと分からない部分を簡単にご紹介できたらと思います。 IDEと聞くと敷居が高く感じるかもしれませんが、使いこなすと手放せなくなると思います。 エディタやIDE選択の一助となれば幸いです。 WebStormとは チェコ共和国のプラハに本社を置くJetBrainsというソフトウェア会社が開発しているIDE(統合開発環境)です。 同社が開発しているIntelliJ PlatformをベースにWeb開発に機能
WebStorm 7を使いJavaScript テストをKarmaで動かす | Post Blog
WebStormは常に開発をより楽しくする最新のテクノロジやツールをサポートしています。WebStorm 7において中でも大きなのはKarmaのサポートです。KarmaはAngularJSチームが開発しているJavaScriptをテストするためのシンプルでフレキシブルなツールです。 これまで通りJSTestDriver(詳しい解説はこちら(英語) )も利用できます。 WebStormのKarma連携の主要機能は以下の通りです: ローカルWebサーバを使い、コンピュータにインストールされている任意のブラウザでテストを走らせる Jasmine、QUnit、Mochaなど、好きなフレームワークと組み合わせてテストできる istanbulコードカバレッジエンジンと一緒に動かせる 全体を説明するビデオ(英語)を用意しましたので是非ご覧ください。また、チュートリアル – Running JavaScr
『巷で話題のWebStorm』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 スマートフォン版Amebaで、フロントエンドの開発をしている2012年度新卒入社の鈴木と申します。 スマートフォン版Amebaではこれまで弊社ブログでも紹介された通りchikuwa.jsでクライアントサイドを、node.jsでサーバサイドの開発をしております。 そこで今回はJavascriptを用いた開発でメリットがあるWebStormの機能について、私が業務を通して便利と感じた点を紹介させていただきたいと思います。 WebStormとは WebStormはJetBrains社が有償で販売している*IDE（統合環境開発）で、Windows/Mac/L
WebStormからtestacularでテストとデバッグをする方法
AngularJSで使われてるTestacularではWebStormからテストを実行してデバッグする事を想定した作りになっています。 (AngularJS自体もJetBrains Plugin Repository :: AngularJSプラグインがあります) Testacular – Spectacular Test Runner for JavaScript WebStorm Testacular Documentation — Testacular 0.2.1 documentation 公式のデモ動画(Testacular – JavaScript Test Runner – YouTube)でもWebStorm Integrationが紹介されていますが、 ちょっと古くて設定が変わってる(一応キャプションで補足入ってる)のと分かりにくいので、その部分だけ抜き出して紹介します。
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/
TitaniumのIDEとしてWebStormを使う(+補完機能の追加方法の紹介) - Seasons.NET
Titanium Mobileみなさん使ってますか？ ちょっとしたツールを作る時やwebサービスとの連携アプリを 作る時はむちゃくちゃ便利で、現在私も使いまくってます。 Titanium Mobileアプリを作る際に一緒にダウンロードする Titanium Studioは、eclipseベースで拡張されたIDEなのですが、 補完機能がちょっといまいち。。。 シンタックスカラーもデフォルトだとシンプル過ぎるんですよね。 なので、私はどうしているかというと、 JetBrains社が開発販売しているThe best JavaScript IDE with HTML Editor for Web development :: JetBrains WebStormというIDEを使っています。 人によっては、IntelliJを使っている方もいらっしゃるかもしれません。 IntelliJ含め、WebSt
Phpstorm/Webstormのカラースキームを暗色系に
2010/12/08：追記 PhpStorm がクリスマスセール中 2011/1/10 まで。 2010/12/15：修正 windows の設定ファイルの設置場所修正。 出会いは homebrew を初めてインストールしたとき それまで Macvim をメインで使ってたんだけど突然起動しなくなった時の話。（未だ解決せず） 僕固有の問題のようで途方に暮れるていたんだけど、尊敬する人が netbeans が良いとつぶやいていたので、過去に Eclipse、Aptana と挫折してきたけどそろそろ俺も IDE かなと思って、即 netbeans に乗ったわけではなく twitter で検索したり、Google 先生に聞いて回りました。 そしたら、こんなつぶやきを発見 Twitter / @y.kitade: JavaScript 用のエディタ/IDE は色々試した … 他に参考にしたのは：Q
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebStorm指南書