タグ エディタ
人気順 10 users 50 users 100 users 500 users 1000 usersLaTeX論文執筆ガイド:数式や図の書き方を徹底解説 #LaTeX #論文執筆 - 制御工学の教科書
ここでは、LaTeXによる論文やレポートの執筆方法について説明します。特に数式の多い分野では文系・理系を問わずLaTeXによる執筆が便利です。クラウドサービスによるTeX利用や基本的な記述方法についての解説をしています。 LaTeXのメリット 式番号や章のラベルと引用 バージョン管理の容易さ エディタの種類 保守管理の... 続きを読む
VS Codeの新機能がすごく便利! ツリービューのスティッキースクロール機能をオンにすると格段に使いやすくなります
先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。 エディタのスティッキースクロール(紹介記事)ができるようになった時もその便利さに喜び...記事の続きを読む 続きを読む
CodeMirror v6によるZennのMarkdownエディタの作り方
Zennでは、「記事」や「本のチャプター」のMarkdownエディタのベースにCodeMirrorというライブラリを使っています。これまではCodeMirrorのv5を使っていた(正確にはv5に依存するラッパーライブラリを使っていた)のですが、古いバージョンを使い続けるリスク解消と更なるエディタの拡張性を得るため、CodeMirrorのv6に... 続きを読む
VSCodeのソース管理をはじめよう! Gitの連携機能について解説
はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域... 続きを読む
Markdownで技術同人誌のPDFが生成できるOSSを公開しました - Qiita
こんにちは、以前 FlightBooksというサービスを立ち上げていたのですが、2年ほどメンテしていなかったため、ローカル動作するOSS版として公開することにしました。 OSS版を作るにあたり、エディタ部分はVSCodeなりお好きなエディタを使ってもらうとして、 MarkdownからHTMLを生成する部分 HTMLからPDFを生成する部分 を... 続きを読む
Vue Language Server から生まれた Volar.js と、それが秘める可能性
Vue Fes Japan 2023 で発表したスライドです。 発表概要: .vue でエディタの補完機能などを効かせるために、Vue Language Server というツールがあります。実はこのコアは Volar.js という OSS に切り出されています。Volar.js は "あらゆる組み込み言語" のためのフレームワークであり、Vue.js 以外にも利用できる汎用... 続きを読む
UIデザインにも最適! アナログ印刷のインクと紙からインスピレーションを得たカラースキーム -Flexoki
デジタルのスクリーンで文章やコードの読み書きのためにデザインされた、アナログ印刷のインクと紙の温かみのある色合いからインスピレーションを得たカラースキームを紹介します。 WebサイトやスマホアプリのUIデザインに使用したり、VS Codeなどのエディタに使用したり、ライトモードでもダークモードでも読みやすさと... 続きを読む
Language Server Protocol の仕様 及び実装方法
Language Server Protocol通称LSPの仕様と、各機能をどうやって実装したら良いかの指針を示します。 対象読者 * 言語処理系を実装する人/したい人 * Language Serverを実装する/したい人 * LSPに興味がある人、日本語のまとまった情報源を探している人 * Language Serverがエディタの裏でどのようなことをしているのか気... 続きを読む
VSCodeをプログラミングエディタとして強化しよう! 便利な設定や拡張機能を紹介
はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域... 続きを読む
Vim から VSCode に移行して分かったたった1つの真実
導入経緯 当社は受注開発のIT企業である。2023年に長らくお世話になったVimの利用を辞め、VSCodeを使い始めた。 当社の実情 当社のエンジニアは2022年時点で全員がVimを使っていた。当時の案件はメインがRuby on Rails関連であったことも相まって、世に出回る便利なエディタ、IDEに関する情報感度が極めて低かった。 Rai... 続きを読む
VSCodeをWebサイト開発用ツールに ―HTML/CSS/JavaScriptエディタとして強化しよう!
はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域... 続きを読む
VSCodeが物足りない人へ AstroNvimの紹介
はじめに みなさんはエディタに何を使っていますか? 筆者は最近、VSCodeからNeoVimに乗り換えました。 NeoVimは自分好みにカスタマイズしていくエディタです。 この記事ではVSCodeに飽きちゃった人やNeoVimを使ってみたいけど難しそうだなと思っている人に向けてAstroNvim を紹介します。 AstroNvim とはオールインワン... 続きを読む
VSCodeにChatGPTを! 導入方法や使い方を理解して次世代の開発環境を整えよう
はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させ、利用の領域を拡... 続きを読む
2023年 わたしの Neovim
はじめに こんにちは、あろーです。 Neovim をメインのエディタとして使いはじめてから、ちょうど 1 年くらい が経っていました。 ひとつの区切りとして、なんだかちょうど良い感じがしたので現在のわたしの環境についてまとめてみたいと思います。 こんな感じ 設定の方針 厳密に守っているわけではありませんが、以下の... 続きを読む
EmacsやVimなど好きなエディタを利用してブラウザのテキストエリアに入力することができる「GhostText」のVS Code用機能拡張がリリース。
EmacsやVimなど好みのエディタを利用してブラウザ入力することができる「GhostText」のVS Code用機能拡張がリリースされています。詳細は以下から。 GhostTextはイタリアのFederico Br The post EmacsやVimなど好きなエディタを利用してブラウザのテキストエリアに入力することができる「GhostText」のVS Code用機能拡... 続きを読む
GitHub Copilot の使い方|npaka|note
「GitHub Copilot」を使ってみたので、まとめました。 1. GitHub Copilot「GitHub Copilot」は、人工知能のペアプログラミングシステムです。人工知能 (OpenAI Codex) がコードの候補を提案することにより、プログラマがより迅速に少ない作業でコードを書けるようにサポートします。 サポートするエディタは、次の4つで... 続きを読む
書籍を書きました。そう、VS Codeで
Visual Studio Code、便利ですよね。 VS Codeはプログラミングのエディタとしてとても優秀ですが、実は書籍もかけちゃいます! ということで、今回はVS Codeで書籍を執筆した環境づくりについてご紹介します! 本記事は、TechFeed Experts Night#12 〜 【VSCode, Vim, Emacs】エンジニア向けエディタ最新動向!のセッショ... 続きを読む
よくないコードの「読みづらさ」「リファクタリングしづらさ」|実践 よくないコードに立ち向かう整理術 〜あなたのコードはどんな色?〜
あなたは Pull Request のレビュー依頼やコーディング中の自分のエディタなどで、このコードを急に見たとします。 続きを読む
VSCodeをメインのエディタにして半年たったので入れてある拡張機能を紹介します - 壁に飾られた絵画を見ようとしてその絵に近寄ってはいけない
VSCodeの画面編集という仕事柄、テキストエディタは毎日触る大事な仕事道具です。仕事の内容にあわせて設定などを変えると非常に捗ります。しかし、日本語を書きながら同時にはてな記法やらMarkdownやらCSSやらを書くという環境のため、なかなかテキストエディタのデフォルトの設定では痛し痒しといったところで、それな... 続きを読む
[wsl] 地味に便利なclip.exeでのテキストコピー - Qiita
dosで使えるclip.exeがwslでも使えました。 wslからwindows側に、コマンド実行結果やソースなどをコピーしてwindowsのエディタで見たいなみたいなときに、通常はwsl側のターミナルでマウスカーソルで範囲選択をしたり、すべて選択してからコピーするのですが、clip.exeをパイプにかませるとちょっと楽ができます。 使い... 続きを読む
Markdown(マークダウン)をVSCodeの拡張機能とスニペットで効率良く書く - Qiita
Markdownをはやく効率よく書くために 前提として、マークダウンを編集するエディタはVSCodeを使います。 Markdownファイルを使って記事を管理している場合、マークダウンを効率良く書けるかどうかは生産性に直結します。 VSCodeの拡張機能と基本設定(スニペット)を使ってマークダウンを速やかに編集する方法について書... 続きを読む
macOSのTouchIDを使用して、sudoを認証する
Digitaino ITより。TouchIDを使った認証には様々な応用がある(LocalAuthenticationフレームワーク)。 TouchIDを搭載したMacは、指紋を使ってsudoコマンドを承認するように簡単に設定できます。 お気に入りのテキスト・エディタで、以下のファイルを開いて下さい。 /etc/pam.d/sudo 次の行 auth sufficient pam_tid.so を... 続きを読む
VS Codeの新機能がすごく便利! JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」
8/5にアップデートされた、VS Code v1.70で「スティッキー スクロール」を使用できるようになったので、紹介します。 JavaScriptやCSSで作業しているときに、関数やクラスなどが自動でスティッキーされ、エディタの上部にくっつきます。行数のある長いコードに便利ですね。 VS Codeの新機能「スティッキー スクロール」 ... 続きを読む
VS Codeをなぜ、使い続けているのか?
前書き この記事を読んでいるエンジニアの皆さんは、それぞれ異なるエディタを使用しているかと思います。私よりご自身で使用しているエディタについては詳しいと考えているため、他のエディタとの比較をしても、限界があります。また、VS Code と他のエディタを正確に機能や快適さを比較できません。 そこで、私が毎日... 続きを読む
2022年、フロントエンドで注目されているJavaScriptやCSSのフレームワーク・ライブラリ・ツール・エディタ・機能などのまとめ
2022年、フロントエンドで注目されているJavaScriptやCSSのフレームワーク・ライブラリ・ツール・エディタ・機能などを紹介します。 今使用しているものはどんな感じか、これから勉強するならどれがよいか、知らない便利なツールや機能はないかなど、フロントエンドの制作で参考になる資料です。 State of frontend 2022... 続きを読む