ウェブ制作にはWebStormがお勧め！ 使いこなせば操作が爆速になる機能のまとめ - ICS MEDIA
みなさんはウェブサイト制作で、どのテキストエディターを使用していますか？ 弊社ではHTMLやCSS、JavaScriptを扱うウェブ制作ソフトとして「WebStorm（ウェブストーム）」を全スタッフが利用しています。WebStormは有料のソフトウェアですが、日本語に対応しており、ウェブ制作に役立つ機能が豊富に搭載されていて値段以上の価値があります。 今回はWebStormの魅力について、「WebStormの概要」、「ウェブ制作に便利な使い方」、「コードリーディングに重宝する機能」、「コーディングの助けになる機能」の4点から紹介します。 ※本記事はWebStormの内容ですが、開発元のJetBrains社が提供しているIntelliJ IDEAやPhpStorm、その他のIDE（統合開発ソフト）で同様のショートカットや機能を使用できます。 本記事は初心者向けの内容ですが、続編記事「使用歴5
IntelliJでVueコンポーネントを書くときに知っておきたい機能3選 - ContractS開発者ブログ
この記事は Holmes Advent Calendar 2020 - Qiita 4 日目の記事です。 ここ数日、アンプ購入をきっかけにギター熱が再燃している田中です。 JetBrains 社の提供する IntelliJ IDEA 等の製品は強力な補完を行うことができる高機能な IDE です。 言語ごとに細かなセッティングができ、痒いところに手が届くのでファンも多い IDE かと思います（私もその一人です） 一方で高機能ゆえに、「使いこなせていないなぁ」と感じる方も多いのではないでしょうか。 Holmes では Vue.js を利用しているので、IntelliJ IDEA で Vue.js を書くときに知っておくと良いことを紹介したいと思います。 前提 当たり前ですが公式の Vue プラグインは入れておきましょう！ Github https://github.com/JetBrains/
JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 - ICS MEDIA
JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 JavaScript（ES 2015+）、TypeScript、Babelの需要は高まる一方ですが、プログラミングの効率化をどれくらい意識していますか？ プログラミングが効率化されれば、作業時間の短縮、ケアレスミスの軽減、プロダクトの品質の向上、そしてストレスの軽減に繋がります。 筆者が5年間使用している「WebStorm（ウェブストーム）」は、JavaScriptのプログラミングをする上での面倒な処理をほとんど自動化するための機能が揃っていて、ロジックの検討や表現の作り込みに時間を割けるようになります。 本記事では、多くの機能の中からとくに便利だと感じるものをピックアップして紹介します。WebStormを使ったことがない方も、「この作業はツールで自動化できるのか」とい
WebStormで自動保存時にPrettierを実行するようにしたら、キレイなコーディングがとても捗る。 - Qiita
WebStormで自動保存時にPrettierを実行するようにしたら、キレイなコーディングがとても捗る。 本稿ではWebStromにPrettierを組み込んで、ファイル自動保存時にPrettierを実行するようにする設定方法を紹介する。 背景知識 WebStorm: JavaScriptをターゲットとした統合開発環境。 Prettier: Node.js製のコード整形ツールで、JavaScript、TypeScriptを始めととした複数のプログラミング言語をサポートする。 Opinionated and automated code formatting: 独断的で自動的なコード整形。コーディングスタイルについてチームで不毛な議論するのを避け、コーディングの本質(=動作すること)に集中するためのプラクティス。 WebStormでファイル自動保存時にPrettierを実行する方法 「Pre
Firebase+Vue.jsで大学の関係者だけが見れるサイトをサクッと作る - Qiita
4/14 追記 : この方法はフロントでメアドの判別をしているため、やろうと思えば中身を見ることが出来てしまいます。本当に見られたくないページを作成したい場合、Cloud Functionsを使うことでバックエンドでデータを取れなくなり見れなくなるという設計になります。 @potato4d さん @302u2weさん 鋭いご指摘ありがとうございます。 正しい実装は @potato4dさんのコメントにあります。よろしくお願い致します。 注意 大学がG Suiteを使っている前提です。 大学のメールアドレスでGoogleにログイン出来たらG suiteです。 この記事でやること バックエンドをFirebaseに丸投げしてGoogleアカウント認証でのログイン → ユーザ情報(ユーザのメアド)による表示の切り替え → サインアウト までの簡単なチュートリアルです。 大学の関係者の認証方法 大学の
WebstormでNode.jsの補完を有効にする - Qiita
ExpressプロジェクトをWebstormで開いたらrequireに黄色下線が引かれてしまう問題に直面した。 ググるとどうもNode.js(サーバーサイドJavascript)の補完を有効にする必要があるらしい。 対処 Preferenceを開く Languages&Frameworksを開く Node.js and NPMを開く CodingAssistanceをEnableにする ↑のEnableをクリック これで解決した。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up
JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 - ICS MEDIA
JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 JavaScript（ES2015+）、TypeScriptの需要は高まる一方ですが、プログラミングの効率化をどれくらい意識していますか？ プログラミングが効率化されれば、作業時間の短縮、ケアレスミスの軽減、プロダクトの品質の向上、そしてストレスの軽減に繋がります。 筆者が5年間使用している「WebStorm（ウェブストーム）」は、JavaScriptのプログラミングをする上での面倒な処理をほとんど自動化するための機能が揃っていて、ロジックの検討や表現の作り込みに時間を割けるようになります。 本記事では、多くの機能の中からとくに便利だと感じるものをピックアップして紹介します。WebStormを使ったことがない方も、「この作業はツールで自動化できるのか」という知識を得て、
ウィンドウを切り替えないとコードの変更が検知されない場合の対処法 - Qiita
小ネタ。 問題 webpackの--watchや、webpack-dev-serverを使ってHot ReloadやHot Module Replacementをしている際、変更を保存をした直後にリロードをしてくれませんでした。 何故かウィンドウを切り替えると変更が検知され、正常に動作します。 原因 Webpackの設定を色々見直していましたが、原因はエディター側にありました。 つまり検知していないわけではなく、そもそも変更が書き込まれていなかったわけです。 JetbrainsのIDE（IntelliJ、RubyMine、Webstormなど）では、デフォルトで safe write が有効になっています。 設定の「Appearance & Behavior」 →「System Settings」、「Synchronization」内の「Use "safe write"...」で確認できま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebStrom 2017.2登場 - JavaScript&TypeScriptサポート向上｜ニフティニュース
WebStrom 2017.2登場 - JavaScript&TypeScriptサポート向上 | ニコニコニュース
WebStorm 2017.1、Vue.jsサポートを追加