vimって極めればvscode並のIDEになるんじゃないの？ - Qiita
個人用メモです。 *めちゃくちゃ昔の記事なのでasync系のプラグインが無かったりneovimじゃなかったり色々恥ずかしいですが、エンタメ的な気持ちで読んで頂ければ幸いです。 今回は、自分が味噌漬けに育ててきたvimを、初心者の方でもコピペで簡単に再現できるように3分で作っていきます。 ※中央上がエディタ画面、左がディレクトリツリー、右上がターミナル、下がエディタで開いてる機械学習ファイルの実行ログ。全てvimで出してます。 今回は以下の内容を紹介していきます。 インサートモードでもマウスでコピーアンドペースト ファイルのツリー表示 16言語の補完(ディレクトリ補完も有) vim画面でプログラム実行/出力 vim画面でシェルを開く 各種便利ショートカット 覚えづらいコマンドのショートカット化 まずは必要なライブラリのインストール " setting if has('vim_starting
ブラウザでVS codeが使えるクラウド IDEの大本命「Coder」 - Qiita
TL;DR ブラウザ上でほぼVS codeが使えるクラウドIDEサービス「Coder」 他のVS codeライクのクラウドIDEと異なるのは「拡張機能がそのまま使える」。大半の拡張機能を利用可能 現在はアルファ版 ChromebookやiPadでの利用も想定している Dockerコンテナにプロジェクトを作成するので自由度が高い 無料プランでも十分に使える。他のクラウドIDEと比べて月額費用が安い Fast Time機能を使うと時間制で96CPUコア、メモリ16GBが利用可能(課金で殴る開発駆動) コラボ機能で1つのプロジェクトで複数ユーザでペアプログラミングができる(未確認) きっかけ 2019年2月28日の夜、「あれ、VS codeライクなクラウドIDEってなんて名前だっけ？」という疑問から 「Cloud IDE vs code」 でググったところ以下の検索結果が表示。 ここで目的である
VS Code（Visual Studio Code）でRaspberry Pi上のファイルをリモートからファイル編集する手軽な方法 - karaage. [からあげ]
VS Codeを最近よく使っています ずっとVimエディタを使用してのですが、最近少しVS Codeにも浮気中です。以下のように色々拡張を入れて結構便利に使っています。 今は、急ぎで少し修正したい場合はVim、じっくりコーディングする場合はVS Codeと使い分けている感じです。 「SSH FS」拡張でリモートのファイルの編集 ローカルマシン上のファイル編集は特に困らないのですが、困るのは以下のようにリモートのマシン（サーバ等）上のファイルを編集したいときですね。 特に、リモートのマシンがRaspberry Pi（ラズパイ）のように非力だとVS Codeを動かすには重くて辛いです。 今までは、Remote VS Codeという拡張機能を使っていたのですが、SSHでトンネルを掘った上に、1つ1つ編集する対象のファイルを指定しないといけないので結構不便です。普通にリモートマシンをマウントしてい
![VS Code（Visual Studio Code）でRaspberry Pi上のファイルをリモートからファイル編集する手軽な方法 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f8f64ccaf57c52b1800a9c8d3f82a6f203e05d43/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20180929%2F20180929160459.jpg)
人生のパートナーとなるエディターSpacemacs!
この記事は2019年7月6日より、私のブログに移行しました。最新の情報はリンク先の記事をご覧ください。 https://www.bauhausify.com/人生のパートナーとなるテキストエディタSpacemacs! 以下の内容は2017年5月3日時点の内容です。 Medium初投稿です。日本の技術情報サイトQiitaで少し人気のあったSpacemacsの記事をリファインしてお届けします！ Spacemacsってなに？emacsというエディタに素敵な便利設定を施したものがSpacemacsです。分類としてはメモ帳とかと同じです。 emacsという車のカスタムパーツを世界中の人が作ったけど、それを自分の車に組みむのが大変。よし！みんなのベストパーツを選別して使いやすくチューンナップしてあげよう！っていうのがSpacemacsです。 10年以上前から存在するエディタで、原則はエンジニアが使うも
ギークは何故テキストエディターを黒に染めたがるか
黒背景の白文字だと、一般人は中に書いてある文字が仕事に関係のある文字だと思うからである。 実際は、頭の中でいろんな事考えながらやってるけど、テキストファイルに進みがないとサボってると思われるので、適当にそれっぽい文字をコード補完使いながら書いているか、実はテキストエディターに偽装した別サービスである可能性が高い。
秀丸かサクラか、あなたはどっち？ 仕事で使うテキストエディタの一番人気は【ビジネスツール調査：テキストエディタ編】 | fabcross for エンジニア
秀丸かサクラか、あなたはどっち？ 仕事で使うテキストエディタの一番人気は【ビジネスツール調査：テキストエディタ編】 menu ポイント テキストエディタは「秀丸」と「サクラ」の二強。認知率トップは「秀丸」（25.2％） 仕事に使うのは「秀丸」（7.0％）より「サクラ」（10.8％） Windows95時代からずっと「秀丸」、高機能でありながらフリーな「サクラ」 「秀丸」「サクラ」よりも満足度が最も高かったのは「Atom」 調査概要 エンジニアのためのキャリア応援マガジン「fabcross for エンジニア」は、25～59歳の会社員400人（一般200人、製造・IT系エンジニア200人）を対象に、「ビジネスツール」に関するアンケート調査を行いました。 URL:http://engineer.fabcross.jp/ 普段の業務で使っているSNSやオンラインストレージなどのツールについて、認
【仕事効率化】全ての人に教えたい！Visual Studio Code の 拡張機能５選！｜はやぶさの技術ノート
こんにちは。 Visual Studio Codeヘビーユーザーの”はやぶさ”@Cpp_Learningです。 仕事でもプライベートでもVisual Studio Codeを愛用しています。 ソースコードを書くのはもちろん、MarkdownでチートシートやREADME.mdを作るときもVisual Studio Codeが大活躍しています。 エディタは自分に合うものを使うのが一番ですが、Visual Studio Codeオススメですよ(*･ω･)ﾉ♪ Visual Studio Codeはデフォルトでも十分使いやすいのですが、拡張機能を入れることで、さらに使いやすい自分好みのツールにすることができます！ 本記事ではタイトルの通り、プログラマとかエンジニアとか理系とか文系とか関係なく… 『全ての人に教えたい！Visual Studio Code の 拡張機能』を５つ紹介します！ ご参考まで
PHPプログラミングも快適に！ VS Codeの二大拡張機能
PHPプログラミングも快適に！ VS Codeの二大拡張機能：Visual Studio Code＋PHPの可能性を探る（1/3 ページ） VS CodeとPHPでWebアプリ開発はどこまで簡単になるのかを探る新連載。今回はVS Codeを利用したPHPによるアプリ開発に必須の拡張機能を2つ紹介する。 連載「Visual Studio Code＋PHPの可能性を探る」 本連載では、Visual Studio Code（以下、VS Code）を使ってPHPプログラミングする際の基本事項を紹介していく。ただし、PHPの構文や文法については取り上げない予定だ。これらについては、＠IT内の連載「Web業界で働くためのPHP入門」やPHP公式サイトの「PHP マニュアル」などを参考にしてほしい。また、VS CodeのGUI構成や、基本的な使い方については「Visual Studio Codeの使い方
web制作・ブログカスタマイズにおすすめのテキストエディタ『Brackets』 | うれしデザイン
私は普段コーディングはAtomを使っています。Atomもよいテキストエディタなのですが、今回はもう少し動作の軽いBracketsをご紹介したいと思います。HTML/CSSのちょっとした編集をしたい方におすすめの軽量なテキストエディタです。 Web制作だけでなくブログカスタマイズなどでCSSを編集するときにも使えます。特に初めてCSSを編集するという初心者のブロガーさんにおすすめです。 ブロガーにおすすめのテキストエディタ はてなブログやアメブロ、WordPressのカスタマイズをするとき、どうされていますか？そのままブラウザ上で編集しているとブラウザが落ちてしまったり、テキストエリアが狭くて編集しにくいと思います。 HTMLやCSSを編集するときはテキストエディタの使用をおすすめします。バックアップも取れますし、タグの閉じ忘れやスペルミスなどエラーが減ります。 もちろん、メモ帳でも編集でき
AtomユーザもSublimeユーザも、死角が無いエディタ「VS CODE」に乗り換えよう | WEBA
This domain may be for sale!
VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。 本記事では、HTMLコーダーやフロントエンドエンジニアに役立つ拡張機能を紹介します。 1. IntelliCode IntelliCodeはMicrosoft謹製の公式プラグイン。AI支援による次世代のコード補完がJavaScriptやTypeScriptで利用できるようになります。APIの一覧がアルファベット順に提示されるのではなく、利用する可能性の高いAPIがAIによって予測されます。 コード補完の様子を次のスクリーションショットでご覧ください。入力候補の「★」マークが付いているところが、補完候補になっているところです。人工知
最近のフロントエンドのエディタ事情 - mizchi's blog
これは、個人でどんなエディタを使うべきか、ではなく、「チームとして」新しいものを採用するとき、あるツールがエディタ横断で便利かどうかを考える必要がある。 自分個人としては、基本はAtomを使って、TypeScriptを書くときだけVS Code を使っている。ターミナルでは Vim。 環境でエディタを選ぶ 最近の新規プロジェクトでは、とくにブロッカーがなければ TypeScript を使っていいと思う。TypeScript を使うなら当然 VS Code を使うことになる。Atom や Vim でもいいが、TypeScriptのエディタとしては、流石に完成度が頭一つ抜けてる。JavaならJetBrains 的なノリで、TSならVSCode、そういうものと思ったほうが楽。 TS以外なら、エディタはなんでもいいが、ある程度流行ってるものでないとエコシステムに追いついてくれない。 prettie
サクラエディタ GitHub 移行 - clock-up-blog
概要 日本製 OSS のテキストエディタである サクラエディタ はずいぶんと前から SourceForge.net 上で Subversion 管理されている。 ずいぶんと長い間サービスを継続していただいている SourceForge に感謝の念は尽きない。が、今の時流としては SourceForge による Subversion 管理を続けるよりも、機会があれば GitHub 側に移行したほうが機能追加や修正等のプルリクエストを受け付けやすくなり、品質の向上に繋がるのでは、というのが自分の所感。 今回はコミュニティに対しては事後承認的な形で、サクラエディタ V2(UNICODE版) 部分のリポジトリを GitHub に移行してみる。 コミュニティの承認が得られれば今回の GitHub 移行を正式なものとみなし、更なる整備を進めたい。 移行結果（コミュニティの承認待ち） 移行元: http
Mozillaが「WebAssembly Studio」発表。C/Rust/AssemblyScript対応のオンラインIDE
Mozillaが「WebAssembly Studio」発表。C/Rust/AssemblyScript対応のオンラインIDE Mozillaは、Webブラウザ上で高速に実行できるWebAssemblyに対応したアプリケーションを開発するためのオンラインIDE「WebAssembly Studio」を発表しました。 オンラインIDEのサービスとして「WebAssembly.Studio」でベータ公開され利用できるほか、コードがGitHubでオープンソースとして公開されており、サーバにインストールして実行することも可能です。 WebAssemblyは、Webブラウザ上でネイティブコードに近い実行速度で高速に実行できるバイナリフォーマットです。 マイクロソフト、Google、Mozilla、Appleなどの主要なWebブラウザベンダがW3CのWebAssembly Community Grou
プログラミング初心者におすすめ！鉄板テキストエディタまとめ11選
テキストエディタはそれぞれ個性があり、使うエディタやカスタマイズ次第でコーディングのスピードが上がります。 数あるテキストエディタの中から、人気＆定番のテキストエディタを11個厳選してご紹介します。 Windows編、Mac編、Windows・Mac両対応の3つのカテゴリに分けて紹介していますので、お使いのOSに合わせて好みのものを見つけてください。 Windows編 まずは、Windows用のテキストエディタを4つご紹介します。 国産と海外発のテキストエディタがありますが、いずれのエディタも日本語に対応しているので英語がわからなくても心配ありません。 Mac用のエディタ、WindowsとMac両対応のテキストエディタは後ほどご紹介します。 サクラエディタ http://sakura-editor.sourceforge.net/ 「サクラエディタ」はオープンソースで開発されている、国産の
【Windows版】VS Code キーボードショートカット一覧 （オススメ付き） - Qiita
VS Codeのデフォルトショートカット一覧です。 ★が付いているのは個人的なオススメです。 キー設定をカスタマイズしたい場合は末尾を御覧ください。 2020/10/06追記：未だにLGTMしてくださる方が多いので更新しました。 全般 General キー 動作 コマンドID ★
いま熱い最新スクリーンエディタmicro ことはじめ - Qiita
microとは何か 最近注目を集めてるような気がするスクリーンエディタ、つまり文字ベースのターミナル(端末エミュレータ)で動作するテキストエディタです。そのようなエディタとしてはviやEmacs、近年ではnanoが知られてます。 microはそのようなテキストエディタの中でも最後発で、目下のところ活溌に開発されてるところです。この記事ではREADME.mdからいい感じに抜萃しつつ紹介します。 microはviやEmacsのような独特な操作体系ではなく、GUIのテキストエディタに近い操作性(キーバインド)を持ちます。SSHなど端末経由でのテキスト編集の必要に迫られたときに、新たな操作体系を覚え直す手間を最小限にしながら作業に取り掛かることができます。 2016年10月20日 追記 #端末(ターミナル)の設定を追加しました。特に、Shift+[←↓↑→]での範囲選択が機能しない場合に参考にして
書くとき・考えるときの「アウトライナー」：新刊ピックアップ
「アウトライナー」って何をするソフト？ 「アウトライナー」と聞いてピンと来る人はあまり多くないかもしれません。では，「アウトライン・プロセッサー」ならどうでしょうか？ PCのベテランユーザーさんのなかには，「なんか聞いたことある」という方もいらっしゃると思います。 アウトライナー（アウトライン・プロセッサー）は，アウトラインの作成と編集に特化したソフトです。「アウトライン（Outline）」は，通常は「概略」「概要」「あらまし」「要旨」といった意味になりますが，ここでは「入れ子状になった箇条書き」のことを指します。 アウトライナーは，その入れ子状になった箇条書きであるアウトラインを作成したり，編集したりするソフト。こう表現すると，味も素っ気もない，無味乾燥なソフトのように思えてしまいますが，実はそうではありません。 新刊書籍『アウトライナー実践入門』は，アウトライナーの可能
ヒビノアワ: 「Story Editor」公開終了しました
アウトラインプロセッサ「Story Editor」を本日公開終了しました。 CHEEBOW'S APPS 最後に更新したのが2003年で、その後ずっと放置していたのですが、サポートもできないし、そもそも、開発環境自体が手元にない！ というわけで、公開を終了しました。 たくさんの方に使っていただきましたし、現在も使われている方もいらっしゃるようです。 しかし、現在のOSではインストーラも動かないし、動いたとしてもかなり不安定なのではないかと思われます。 そんなソフトをいつまでも公開しておいてはいけないのではないかと、12年たってしまいましたが、本日公開を終了させていただきました。 ソースを公開することはありません。使用している環境がちょっと特殊で他の方がビルドすることも不可能だと思われますので。 現ユーザさんには、同等の他のアプリに移行していただきたいと思います。 とはいえ、現在同等のアプリ
ブラウザ上で動作するjavascriptエディターの比較 - KAYAC engineers' blog
衣替えしました。agoです。 最近使い始めて便利だなーと思ったので、ブラウザ上から入力されたjavascriptを実行してくれるオンラインjavascriptエディターを比較したいと思います。 jsdo.it http://jsdo.it/ 弊社運営のwonderflのJS版サイトです。 使い方 コードを書くにはまずログインする必要がありますが、認証にはOpenIDとOAuthをサポートしているため一般的なネットサービスを使用しているのであれば新規にアカウントを作成する必要はありません。 使い方は左にJS、CSS、htmlを記述し、右側でプレビューします。 その他細かい機能については弊社大塚の記事をご覧ください。 jsdo.it at jstudy サンプル JSBin （JS Bin） http://jsbin.com/ シンプルなのでぱっと見である程度使い方が分かると思います。 使い方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
