![統合開発環境 Eclipse 日本語化プロジェクト - Pleiades](https://cdn-ak-scissors.b.st-hatena.com/image/square/e3ac7a53db56d30cd9745acbe4821aeb0caad771/height=288;version=1;width=512/https%3A%2F%2Fwillbrains.jp%2Ffavicons%2Fandroid-chrome-256x256.png)
こんにちは。制作部の苅部です。 今回WebStormというIDEついてご紹介したいと思います。 私自身これまでエディタとしてSublime Textを使っていてIDEを触ったことがなかったのですが、実務の中でWebStormを試す機会があったので、備忘録も兼ねて便利な機能をまとめてみたいと思います。 私のように選ばずに一つのエディタを使い続けてきた方に向けて、WebStormの実際に使ってみないと分からない部分を簡単にご紹介できたらと思います。 IDEと聞くと敷居が高く感じるかもしれませんが、使いこなすと手放せなくなると思います。 エディタやIDE選択の一助となれば幸いです。 WebStormとは チェコ共和国のプラハに本社を置くJetBrainsというソフトウェア会社が開発しているIDE(統合開発環境)です。 同社が開発しているIntelliJ PlatformをベースにWeb開発に機能
少し前からメインエディタにWebStormを使っております。これは以前紹介したIntellijIDEAから、HTMLやCSS、JSなどを書く人のために機能を削ったものです。 良いところ・微妙なところありますが、つかい始めて2ヶ月ほど経ったのでレビューを兼ねて記事にしたいと思います。 1.軽くて高機能 これまで使っていたメインエディタは、DreamweaverやSublime Text、Brackets、Atomなどでした。Sublimeなどのプラグインを追加していくようなエディタはやはりテキストエディタの域を出ないなといった印象で、プラグインのバージョンアップですぐ壊れたり、機能の干渉があったりと、満足しきれないところがちょこちょこありました。 (特にSublimeでHome/Endキーが効かないところ、日本語入力でTab変換が使えないところがイライラ!) Web用のIDEとしてパッと思い
IDEA Advent Calendar 2013の22日目です。 IntelliJ IDEAを使っていて「やっぱ便利!」と最近実感している小粒な機能を淡々と10件あげます。 1. 構造選択(⌘ + w) Structural selectionと呼ばれるもので文法上の構造の単位で選択範囲を広げていってくれます。単語→リテラル内(ダブルクォート内)→リテラル(ダブルクォート込)といった感じ。 言葉だとわかりにくいけど実際の動きを見てもらえれば分かるはず。Shiftを押しながらだと選択範囲を狭めていける。 慣れるとIDEA以外でテキストを編集しているときにも⌘ + wを押してしまい「あわわ」ってなる。 2. どこでも検索(Shift2回) とにかくShiftを2回押してからクラス名やファイル名、メソッド名などの断片をタイプするとインクリメンタルに絞り込んで好きなところにジャンプ出来ます。これ
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(IntelliJ) は JetBrains という会社の製品です。(有料です!) ダウンロードは下記アドレスをご覧ください。 JetBrains だいたい名前でわかると思うのですが言語ごとに別々の製品になっています。 下記のスライドがわかりやすいです。 簡単にご説明すると、HTML / JS だけ開発できればいい人は WebStorm PHP を開発したいひとは PhpStorm(WebStormの機能も含まれる ) もし、2つ以上の言語(PHP と Ruby など)を使用したい場合は PhpStorm + RubyMine じゃなくて IntelliJ を購入した方がお得です。 (IntelliJ は Java 用かと思いきやすべてのWeb系パッケージが含まれています。) IntelliJ は Java 以外の言語をプラグインという形で提供しているので、新しいバージョン
¶ April 8, 2013 by Rob Friesel While hacking on a personal project recently, I noticed that WebStorm asked me if I wanted it to watch my SCSS files and automatically recompile them. I knew immediately what this must be (“file watchers!”) and was excited because this was a feature that I’d been missing. How had I not known that this was there? Probably the reason that I didn’t know the feature was
PhpStorm / WebStormを布教したいと思いつつ、PhpStormを使っているtanakaです。今日は、JavaScriptのプログラムを書くのを楽にするコードテンプレート機能(JetBrains製品ではLive Templateと言います)の解説をします。WebStormでももちろん使えます。 Live Templateを使うとこんな風に便利 たとえば、jQueryのコードを書いていて、次のようなコードを書きたくなったとします。 $('#target').click(function () { // awesome effect }); $('#target').click の部分は毎回違うのですが、function () { ... }てのは毎回一緒ですね。私はこの部分を"af[Space]"の3回タイプで呼び出せるようにしています。つまり、 ここで af[space] と
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...Akira Inoue
External Tool の設定方法はメインのブログで書いた WebStorm / PhpStorm から Sass をコンパイルする を見てもらうとして、今回はその出力先を設定する方法。 上記リンク先のように "$FilePath$":"$FileDir$\$FileNameWithoutExtension$.css" でやると、SCSS ファイルが置いてあるのと同じディレクトリに CSS ファイルが出力される。 ただ、これだとファイルの管理がめんどくさいので、ディレクトリ構造を以下のようにしたい。 css/ ├ scss/ │ └ style.scss └ style.css css/scss/style.scss をコンパイルしたら css/style.css に出力してほしいわけです。 その設定ですが、External Tools の設定でパスの指定を次のようにします。 "$Fi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く