まだVSCode拡張機能探しで消耗してるの？ VSCodeの拡張機能は意外と簡単につくれるよ！！ - Qiita
TL;DR VSCode拡張機能おすすめ記事がバズる度に「確かに便利なんだけど 自分が求めているのと違うんだよね〜」となる人向けに いっそのこと自分で拡張機能つくろうぜ👀 というのがこの記事の趣旨。 そしてVSCodeの拡張機能は思っている以上に簡単に作れるってことを全人類に知って欲しい！！ （拡張機能開発を活発化してIDE最強の座を揺るぎないものにするのが目ry Jetbrainsは高いよ 重いよ） また、JS初心者のいい題材にもなると思う！？ 例題としてステータスバーにSlack通知ボタンを配置して、即座にコード（任意のメッセージ）を送信できる拡張機能を挙げる。 開発環境構築 VSCodeが提供しているAPIを使うことでわりかし簡単にいじれる。また、面倒な開発環境も数コマンドで整ってしまう。 （Node.js環境構築済み前提 まだな人はMacならHomebrewからのnodenv経由
ブラウザで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」 でググったところ以下の検索結果が表示。 ここで目的である
VSCodeのオススメ拡張機能 24選 (とTipsを少し)
1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高！！ なおBeta版ですが、後継となるBracket Pair Colorizer 2も出ています。 6. Settings Sync どこでも同じ設定で使いたい人には便利。 ⇧ + ⌥ + U/D で設定をアップロ
今すぐブラウザ上で本格的な数式やグラフまで描くことが可能なオンライン数式エディタ「Mathcha」 - GIGAZINE
分数や関数など、本格的な数学で使われる数式を描画する際には、数式に特化した組版処理システムであるLaTeXがよく使われていますが、オンライン数式エディタの「Mathcha」はLaTeXと同等の機能をブラウザからアクセスするだけで今すぐ誰でも利用することができ、しかも作成した数式や文書はネット上でシェアしたり、PDFファイルとして書き出したりすることが可能です。 Mathcha - Powerful Online Math Editor - Fast Inputting, Diagram Drawing, Easy Sharing https://www.mathcha.io/ Mathchaは本格的な数式やグラフを作成し、さらにはテキストを挿入して説明文や注釈を入れることが可能なツール。この画面は英語で作成されていますが、日本語を入力することも可能です。 また、以下のような図形を作ることが
Big Sky :: Visual Studio Code で ssh 先のファイルを編集する方法
Visual Studio Code で ssh 先のファイルを編集するには、Remote VSCode を使います。 Remote VSCode - Visual Studio Marketplace A package that implements the Textmate's 'rmate' feature for VSCode. https://marketplace.visualstudio.com/items?itemName=rafaelmaiolla.remote-vscode なかなか仕組みが面白かったので紹介したいと思います。Remote VSCode は、実際は Sublime TextTextmate の rmate というコマンドの派生版です。どうやって ssh 先のファイルを編集するかというと、勘の良い方であれば以下のコマンドを見れば理屈は分かるはず。 $ s
Monod - オフラインファーストなMarkdownエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました MarkdownエディタはWeb、GUIともに増えています。インストール不要で使える分、Webベースのが便利だとは思うのですが、厄介なのはネットワークがない時です。そんな時に使えないのでは使う気が失せてしまうでしょう。 そこで使ってみたいのがMonodです。Webベースですが、オフラインファーストなMarkdownエディタです。 Monodの使い方 Monodの画面です。2ペインのよくあるMarkdownエディタです。絵文字をサポートしています。 テンプレート機能があり、YAMLフォーマットでテンプレートが使えます。 例えばprojectとして定義すれば、[project]の部分が書き換わります。 MonodはReact.jsを使って作られています。そうした点も注目に値するのではな
Boostnote - オンラインでシェアもできるMarkdownベースのメモ帳
メモ環境は大事です。気がついた時にさっとメモをしておけば、後々見返すこともできます。かつメモ環境はなるべく一カ所に統一しておくのが大事です。個人的には適当なテキストファイルに書き込んでいます。 しかし個人的にBoostnoteに集中させようと思っています。それくらい使い勝手のいいソフトウェアです。 Boostnoteの使い方 メイン画面です。 フォルダ、メモ一覧そしてメモと3段階の構成になっています。メモにはタグがつけられます。 新しいメモを作成しました。 メモはMarkdownで記入できます。 編集時はAceエディタを使っているので見やすいです。 Boostnoteの面白いのはメモをシェアできる機能があることで、専用の7日間のURLが生成されます。ローカルでメモを書いて、必要があればオンラインで共有できます。検索機能も便利なのでぜひ使ってみてください。 BoostnoteはElectro
Microsoftのコードエディタ「Visual Studio Code」β版でオープンソース化、拡張機能で「Go」など約60言語に対応
2015年11月18日(水)にMicrosoftがオンラインイベント「Microsoft Connect(); 2015」を開催しました。この中でWindows・Mac・Linux対応のコードエディタ「Visual Studio Code」がベータ版に到達したこととオープンソース化が発表されました。 Visual Studio Code - Code Editing. Redefined. https://code.visualstudio.com/ Microsoft announces innovations for all developers at Connect(); | News Center http://news.microsoft.com/features/microsoft-announces-innovations-for-all-developers-at-conn
RailsエンジニアがオススメするATOM Packageまとめ - Qiita
GitHub製のテキストエディタのATOMですが、2014年の終わりくらいに使い始めたから1年くらいになるかな？不満な点もいくつかあるけど、概ね使いやすくて気に入ってます。 Aptana => Net Beans => Sublime Text => vim => ATOM という具合に使ってきましたが、使い勝手良いから初心者でもすぐ使えるし、Packageで拡張できるからエディタにこだわりがある人にも十分対応できると思う。 今回はRailsエンジニアをやっているぼくのオススメPackageをまとめたいと思います。 advanced-new-file ささっと新規ファイルを作りたい時に、cmd + alt + nでコマンドラインっぽくディレクトリ・ファイル名をタイプしてファイルを作れる。ぼくはあんまりツリービューを使わない派なので、キータイプだけで高速にファイル作れるところが気に入ってる。
ProseMirror - Markdownで記入できるWYSIWYGエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました WYSIWYGエディタは多数ありますが、基本HTMLを作成するためのツールです。HTMLに不慣れな非エンジニアにとっては便利ですが、ある程度技術力がある人にとってはツールの使い勝手によってストレスが感じられるでしょう。 今回は次世代的なWYSIWYGとも言えるProseMirrorを紹介します。記法はMarkdown、描画はHTMLというソフトウェアです。 ProseMirrorの使い方 こちらがProseMirrorの画面です。HTMLが描画されていますが、記法としてはMarkdownが使えます。 リンクなどは別途ツールが表示されて、そこでURLを入力できます。 画像の埋め込み表示にも対応しています。 ツールバーではなくツールチップモードも用意されています。 メニューから機能を辿
Collaborative Markdown - コラボレーション機能付き。WebベースのMarkdownエディタ MOONGIFT
最近流行のMarkdownエディタ。ローカルアプリケーションあり、Web版ありと様々なエディタが存在します。個人で書く分には様々な選択肢から選べば良いですが、みんなで文書を一緒に編集するとなると選択肢は限られるでしょう。 そんな時に欲しいのはWebベースでコラボレーションできるソフトウェアではないでしょうか。リアルタイムなコラボレーションをサポートしたCollaborative Markdownを紹介します。 Collaborative Markdownの使い方 画面を見て分かる通り、2ペインに分かれた構成になっています。これは良くある形式ですね。 日本語も書けます。プレビューはリアルタイムに反映されます。 さらにコラボレート。左側に接続している人の一覧が出ます。 コラボレーション中のデータもリアルタイムに反映されますので、複数人で一気に文書を作り上げるのも簡単です。保存もその場で行われま
Morrigan jQuery Editor·軽量かつ機能十分なjQueryプラグインのWYSIWYGエディタ MOONGIFT
WebベースのWYSIWYGエディタと言えばCKEditorが有名ですが、今では他にも多数の選択肢があります。むしろCKEditorは多機能すぎてどういった動作をするのかが分からなかったり、重たかったりと利用を避ける人もいます。 そこで今回は十分な機能を備えつつ、軽量なWYSIWYGエディタMorrigan jQuery Editorを紹介します。 Morrigan jQuery Editorの使い方 中央部にあるのがMorrigan jQuery Editorです。 文字列を選択して装飾できます。 画像を差し込めます。URLを指定するか、ファイルのアップロードが可能です。 画像の他、YouTubeなどの動画を差し込むことができます。ツールバーの部分はFont Awesomeのアイコンを使っており、とても見やすくなっています。jQueryプラグインなのでカスタマイズもしやすいでしょう。 M
Quill – APIが多彩なWYSIWYGエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webのテキストエリアの貧弱さには皆が辟易しています。だからこそツールバーを付けたり、中でHTMLが使えるようなWYSIWYGエディタに人気が集まります。しかしそうしたソフトウェアは柔軟性が高くなく、自分好みにならないケースもあるでしょう。 そこで紹介したいのがQuillです。リッチなテキストエディタとAPIというのが売りの柔軟なカスタマイズ性が売りのWYSIWYGエディタです。 Quillの使い方 コードは次のようになります。 var basicEditor = new Quill('#basic-editor'); basicEditor.addModule('toolbar', { container: '#basic-toolbar' }); ツールバーはモジュールとして追
MMD-Editor – Mac OSX用のMultiMarkdownエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownでは物足りない方のためのエディタです。 Markdownは便利な記法で、多数の利用者がいますが中にはそのベーシックな記法だけでは満足できない人も多いと思います。 そこで各パーサごとに拡張がされていたりする訳ですが、それらをまとめてMultiMarkdownと呼んでいます。 そのMultiMarkdown記法で記述できるテキストエディタがMMD-Editorになります。 ヘッダーなどは自動的にハイライトされますので記述しやすいと思います。 MultiMarkdownでは通常のMarkdown記法に加えて補足説明、テーブル、数式、画像要素、定義リスト、ドキュメントのメタタグなどが扱えるようになります。 MMD-EditorではそういったMultiMarkdownの記法ハ
Stack Overflowでも利用中のWebベースMarkdownエディタ·StackEdit MOONGIFT
StackEditはJavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 最近Markdownエディタが熱いです。ローカルアプリケーション、Webベースと様々な形式がありますが今回は技術者に人気のサービスStack Overflowで使っているStackEditを紹介します。 こちらがエディット画面です。2ペインになっています。 JavaScriptベースなのでプレビューがすぐに反映されます。 文字数カウンター付き。これは地味に嬉しい。 HTML変換結果をその場で得られます。 プレビューを全体表示に変更。 Markdown/HTML/テンプレートとして保存できます。 画像の挿入。 Google+から取得できます。 画像のインポート確認。 テーブルの他、定義リストにも対応。 TOCと書くと目次になります。 MathJaxにも対応しています。 St
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Etherpad Foundation
Omni banner slider - ZED
Visual Studio Code
re:workstyle
Brackets - Web デザインを認識する最新のオープンソースコードエディター
