2023年時点で僕のVSCode(Visual Studio Code）に入ってるプラグインや設定を紹介します - Shibajuku
こんにちは、実は久しぶりの投稿の、どうもしばおです。 さて、僕(フロントエンドよりのWebデザイナー)は普段からメインのテキストエディターにVSCodeを使っているのですが、今日は僕のVSCodeに入っている、プラグインや設定を公開したいと思います。 （2023年7月3日更新） 僕のオンラインサロンでも、VSCodeを結構使ってて、サロンメンバーには、僕が使ってるおすすめのプラグインや、僕なりの最強設定を共有しています。 そもそも、VSCode（Visual Studio Code）って？ VSCode（Visual Studio Code）はMicrosoft社が開発したオープンソースのテキストエディタです。 最近様々な高機能テキストエディタが登場していますが、その中でもこのVS Codeはかなり便利な機能がデフォルトで付いていて、かつ軽量なので、インストールするだけでも結構使えます。
インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita
VSCodeを使い始めました。とりあえずデフォルトをイケてる感じにしたかったので、4つの拡張機能をインストールしました。せっかくなので共有します。 Before After 私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。 追記：Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https:/
巨大なテキストファイルを瞬時に閲覧するソフト｢Giga Text Viewer｣ | 自由とテクノロジーを愛す者のサイト
巨大なテキストファイルを瞬時に閲覧するソフト｢Giga Text Viewer｣ 投稿日：2015年04月20日 最終更新日：2017年10月26日 巨大なテキストファイルを瞬時に開いて閲覧できるソフト｢Giga Text Viewer｣を紹介します。 概要 巨大なテキストファイルでもすぐに開いて快適に閲覧できる。非常に速い。 (ソフトのヘルプより転載)1Gバイトのテキストファイルを開いても待ち時間無しで直ぐに閲覧と編集が行えます。 対応文字コードはJIS、SJIS、UTF8、EUC、UTF16（be,le）。 編集機能も簡易的に搭載しているが、一度にできる範囲は30MB分まで。機能も少なめ。 詳細は以下 インストール 作者公式サイトからソフトをダウンロードしましょう。ダウンロードしたファイルを適当な場所に解凍して、中身を起動します。 使い方 起動したらファイル→開くで目的のファイルを開き
Create LaTeX tables online
How to use the LaTeX tables generator? Set the desired size of the table using Table / Set size menu option. Enter the table data into the table: copy (Ctrl+C) table data from a spreadsheet (e.g. Google Docs, LibreOffice Calc, webpage) and paste it into our editor -- click a cell and press Ctrl+V or double click any cell to start editing it's contents -- Tab and Arrow keys can be used to navigate
Atomで快適な生活を送る方法 - Qiita
以下自分用のメモを兼ねて書いておきます。お気に入りの設定が見つかり次第追記していきます。 Atomとは AtomはGitHubで開発されているエディタです。どうやらChromiumベースらしく、編集画面はWebページとしてレンダリングされているらしい。 ソフトタブを使う タブにはハードタブとソフトタブがあります。ハードタブは通常のタブでソフトタブはスペースを複数入れることでタブの代わりとするものです。僕はソフトタブ派なのでまずソフトタブにします。ちなみにソフトタブ/ハードタブの設定は下のEditorConfigを使うことでも設定できます。EditorConfigを使えば言語ごとにソフト/ハードの設定ができるので、EditorConfigを使う人はわざわざAtomの設定を変える必要はないかもしれません。 設定は環境設定を開き、(Macなら⌘+,)下の方にあるSoft Tabsのチェックボック
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
HTMLを効率よく書く！Emmetの書き方・使い方まとめ
コードエディターにはHTML・CSSを効率良く編集する方法でも書いたように、コードの自動補完などの機能が備わっています。これらの機能を使うことで効率良くコードを記述することができるのですが、ここではさらに効率アップできるEmmetを使ってみます。 Emmetを使うとHTMLタグを記述する際に必要な< >などを省略したり、長いHTMK構造をたった数行で書くことができるようになります。慣れるとこれ以外で書くのがめんどくさくなるというデメリットがありますが、とにかく効率良く記述できるのでまだ使ってない人は是非使ってみて下さい。 EmmetにはHTMLとCSSがありますが、ここではHTMLの記述方法を紹介します。 CSS編はこちら -> CSSを効率良く書く！Emmetの書き方・使い方まとめ Emmetのインストール方法 コードエディターにEmmetをインストールする Emmetはコードエディター
AtomをMarkdownエディタとして使うためのプラグインや設定など - Qiita
AtomをWindowsとMacで動くそこそこ快適なMarkdownエディタとして使う場合に入れておくべきプラグインや設定をまとめてみました。 language-markdown 標準よりも良い感じの文法の適用とリスト等の入力補助。標準の文法バグもこれで解消されてたりする。 markclip 画像をコピーして貼り付ける際に自動でbase64形式にしてくれたり、フォルダに保存した上でmarkdownコードを貼り付けてくれたりできるようになる。 おすすめは file in folder でmarkdownファイル名のフォルダに自動で画像を保存してくれる設定。 markdown-folder Atom Ver1.9.0以上ではこのパッケージは正常に動作しなくなっています。このパッケージをどうしても使用したい場合、2016/08/23現在では1.8.0を使用するしかないです（推奨しているわけではあ
私がAtomからSublime Textに戻った理由 - 文系プログラマによるTIPSブログ
テキストエディタの基礎部分となる、パフォーマンス面からatomとSublimeTextを比較して見た結果、Sublime Textに戻ったよ、というお話です。 macのプログラマ御用達のテキストエディタと言えば、真っ先に挙がるのが「Atom」と「Sublime Text」ですね。 最近「atomスゲーよ！！」というブログ記事をチラホラ見るようになったので、私は去年から半年間、会社でプログラミング用途としてatomを使ってみました。その実体験を元に両者の真実を書いてみようと思います。 最近ではLight Tableなんかも出ましたが、今回はこの2つのテキストエディタに焦点を当ててみます。 ※ 今回はGIFアニメ多めです おさらい Atom Sublime Text 検証環境 何が問題なのか パフォーマンス atomによる一括置換の様子をGIFアニメで確認する Sublime Textによる一
vimでペーストするときインデントさせない - Qiita
vimでプログラムをペーストするときにそのままだと自動的にインデントがかかって、 下に行くほどコードが右に寄ってしまう。 そんな時、自動的にインデントせずにペーストするには、 ":a!" ペースト エスケープキー でペーストできるみたい。 ちなみに":i!"だとインサートモードでペーストになります。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
さくらエディタの初期設定(Windows) - すたらブログ
(最終更新: 2015-10-03) サクラエディタでPHP, JavaScript, HTMLを編集する場合の設定をメモしておきます。 CSSは特に設定しなくても問題無いと思います。 目次 各種ツールバーの設定 ツールバーとステータスバーを非表示にする タブバーの設定 フォント設定 強調キーワードのセット追加 JavaScript HTML PHP 余談: 他のお勧めのエディタ 各種ツールバーの設定 ツールバーとステータスバーを非表示にする 下記のメニューをクリックする。 設定 -> 表示中のツールバーを隠す 設定 -> 表示中のステータスバーを隠す タブバーの設定 設定 -> 共通設定 -> タブバー チェックを入れる項目 タブバーを表示する 閉じるボタン フォント設定 設定 -> フォント設定 フォント名: MS ゴシック スタイル: 標準 サイズ: 12 強調キーワードのセット追加
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Visual Studio Code」で“Markdown”テーブルを扱う際は必携「Text Tables」【レビュー】 - 窓の杜
Real-time HTML Editor
【Atom】ショートカット（Win・Mac）とおすすめパッケージ - Qiita
AtomでRedmineのチケット（textile）書く | クロジカ
AtomでVimキーバインド(vim-mode, ex-mode)を使ってみた - Qiita
http://blog.mamansoft.net/markdown%E3%82%92textile%E3%81%AB%E5%A4%89%E6%8F%9B%E3%81%99%E3%82%8B/
http://memomem.blog.shinobi.jp/sakura%20editor/%E3%82%B5%E3%82%AF%E3%83%A9%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E9%96%89%E3%81%98%E3%81%AA%E3%81%84%E3%82%AF%E3%82%A9%E3%83%BC%E3%83%86%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3
GitHub - Shougo/neobundle.vim: Next generation Vim package manager
https://qiita.com/masaharu-suizu/items/ad082d728eac7f548e0b