2018/12/10 コードフォーマットに関してPrettierの情報を追記 TypeScriptにある便利機能をVisual Studio Code(以下、VSCode)がいい感じに可視化してくれるので、この二つの組み合わせは非常に良いです。 その中でも個人的に良いと思った機能と設定方法を紹介します。 なお、動作確認は以下のバージョンで行なっています。 Node.js: 6.11.1 TypeScript: 2.4.2 VSCode: 1.14.2 tslint: 5.5.0 誤りを教えてくれる Compiler Optionsの--strictを有効にする https://www.typescriptlang.org/docs/handbook/compiler-options.html --strictを有効にすることで、Compiler Optionsの以下を全て有効にしたことと同
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに これは Visual Studio Code Advent Calendar 2016 の8日目の記事です。 みなさん、VSCodeつかってますか? 僕はといえば、昔Atomを愛用していたことをすっかり忘れて日々VSCodeライフを満喫しております。 そんなVSCodeですが、日本(語)で働く我々にとって避けては通れぬつらみがありますよね。 そう、デフォルトのファイルエンコードがUTF-8のときに、ほかのエンコードのファイルを開くと文字化けしちゃう、あれです。 これは、VSCodeの非UTF-8エンコーディング問題に立ち向かっ
VS Code で、ドキュメント内の空白文字を可視化させて、判別し易くしてみるにはどうすれば良いか？ 一例として、ちょっとまとめてみました。 もともとは、下記のようなつぶやきを見つけたので、 Visual Studio Codeを使っている方でeditor.renderWhitespaceを有効にした場合に出てくる「・」をわかりやすくする方法知りませんか？ Atomみたいに色が変わるとか？ #code #visualstudio — 高木徹 (@TTrpbm) 2016年12月30日 このように返してみたら、 @ttrpbm editor.renderWhitespace と直接関係なく、トグル操作になってしまいますが、この拡張機能はいかがでしょ？ Whitespace+ Config で色の変更もできます。https://t.co/IbtwtApVFq — Kazuyuki Sato (
Visual Studio Code is built with extensibility in mind. From the UI to the editing experience, almost every part of VS Code can be customized and enhanced through the Extension API. In fact, many core features of VS Code are built as extensions and use the same Extension API. This documentation describes: How to build, run, debug, test, and publish an extension How to take advantage of VS Code's r
ついにこの時を迎えてしまった。 不満はない。しかし、居心地のよいHelm.elとお別れをしなければならないのかと思うと小指の古傷がうずいて仕方がない。私を引き止めようとしているのだろうか、まるで考えなおせといわんばかりに。 だが、私の小指はもう…...。 …...いや。 ああ、少し昔話をしよう。 私はその昔、Emacsを最高に使いこなせるようにと小指の修行をしていた。もうずいぶん昔の話だ。 2,3年ぐらい前だ。 なぜそのような修行をしていたのかというと最高の小指を用意するためである。もちろん、最高のEmacsに応えるために。 iPadやiPhoneは小指だけで操作し、かの松尾象山も躊躇したという片手小指逆立ち、小指ピンポンダッシュ、アマゾンの奥地にて小指を餌に見立てたピラニア小指一本釣りなど、様々な修行をしてきた。 なかでも特に困難を極め、私の小指もこれまでかと覚悟した修行がひとつあって、
What is EditorConfig? EditorConfig helps maintain consistent coding styles for multiple developers working on the same project across various editors and IDEs. The EditorConfig project consists of a file format for defining coding styles and a collection of text editor plugins that enable editors to read the file format and adhere to defined styles. EditorConfig files are easily readable and they
この文章は、http://yannesposito.com/Scratch/en/blog/Vim-as-IDE/ で掲載されている「Vim as IDE」の翻訳文です。 文内の全てはの筆者による物であり、訳文の内容については私による物となります。意訳が若干入っています。間違い等あればご連絡下さい。 Vim as IDE tl;dr: 如何に Vim を効率の良い IDE として使いこなすか Learn Vim Progressively (訳者注: 日本語訳)では Vim が如何にテキスト編集に優れ、かつファイルを操縦できる偉大なテキストエディタであるかについて示した。この短い記事では、私が如何にして Vim を IDE として使っているかについて見る事が出来るだろう。そう、主に幾つかの素晴らしいプラグインを使う事により。 1. Vim Plugin Manager Vim のプラグイン
Sublime、Vim、Emacs、AtomなどにIntelliSense機能を追加する「OmniSharp」、マイクロソフトがデモ Sublime TextやVim、Emacsなど既存のテキストエディタに対して、マイクロソフトのVisual Studioが備えているIntelliSense機能を追加できるオープンソースソフトウェア「OmniSharp」のデモが、日本マイクロソフトが1月16日に開催したイベント「GoAzure」の基調講演で披露されました。 OmniSharpのデモを行ったのは、米マイクロソフト Principal Program ManagerのScott Hanselman氏。.NET CoreがオープンソースとなってMacOS XやLinuxに移植され、C#も使えるようになることを紹介した上で、「MacやLinuxでのソースコード修正は手間だ、IntelliSense
知っておくと便利なテキストエディター「Mery」の 10 個の小技 テキストエディター「Mery」の配色テーマ集 シンプルであること 使い慣れた操作感 Mery は初心者でも気軽に使えるように、Windows 標準のメモ帳に似た操作方法を採用しています。操作を新たに覚える必要はありません。いつも通りの感覚で、メモ帳を開くように Mery を起動してください。 ユーザーに合わせた機能拡張 Mery は一般的なテキストエディターの基本機能を備えており、プラグインやマクロを使ってさらに機能を追加できます。自分の好みや必要に応じてカスタマイズしてご活用ください。また、便利なプラグインも豊富に用意されていますので、ぜひお試しください。マクロの作成も簡単ですので、気軽に挑戦してみてくださいね。 受賞歴 Vector Award 2012 文書作成・印刷部門賞受賞 皆様の応援のおかげで、今年も Vect
名無しのVim使いでお馴染みの小見さんにお誘いを受け、執筆のお手伝いをさせて頂きました。 これまで僕が持っていたVim本は、「Viとは」から始まりページ数の半分くらいで操作方法、最後の方にようやく「GVimとは」が現れる、あまり奥にまで入り込んでいない書籍でした。 viデスクトップリファレンス Arnold Robbins, 日本ルーセント・テクノロジー株式会社 オライリー・ジャパン 単行本 / ￥1,618 (1999年06月15日) 発送可能時間： もちろんこれらの本も僕を喜ばせる事は出来たのですが、なにぶんページの殆どが知っている情報だったので僕にとって「ワクワクする本」では無かったんです。 ずっと最新情報取り入れたVim本出ないかなと思ってました。 そんな中、小見さんから話を持ちかけて頂き、まさか自分がその著書を作るなんて思っても見なかったけど即答でOKを出させて頂きました。 僕が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く