VSCodeとAtomの違いは何ですか？ - Quora
Atom は GitHub製で、 VSCode は MS 製でした。 2019年、MSによる Github の買収という歴史的事件が起きました。 そして、 Atom は要らない子になりました。 と、思ってたんですど密かに開発続いてるんですねえ。なんでですかね？ほんと要らないと思うんですが。 どちらも Electron ベースで、プラグイン追加で機能強化可能なエディタということでそっくりさんです。 そういえば VSCode には一部、オープンではないコードがビルド時に組み込まれています。 で、 Chrome に対する Chromium のように、 VSCodium という、フルオープンソースのバージョンが公開されてるのですが、 VSCodium/vscodium これが私も試してみたらなんと！主要なプラグインがけっこう動かないじゃん！ということがわかりました。たぶん Atom のほうはそうい
これがないと捗らない、僕が使ってるAtomパッケージ（late2017） | Trial and Spiral
Atomのカスタマイズはパッケージだけじゃないんだけど、とりあえずパッケージ入れないことには始まらないってことで、2017年の棚卸し的に列挙しておこうと思う。 僕の場合、Ruby(Rails)とJavaScript,HTML,CSSを書くことが多いのでそのへんに特化してるカスタマイズになってるはず。使用パッケージが結構多くてそれぞれのパッケージ間でキーマップがバッティングしてたり、スタイルの競合がおこってたりするのでstylesheetとkeymapで弄ってたり、configで特別な設定してたりするけど、それはそれで別の記事に書く。 [これがないと捗らない、僕が使ってるAtomパッケージ（late 2017）](/atom-packages-late-2017)[これがないと捗らない、僕がカスタムしてるAtom設定（late 2017）](/atom-customize-late-2017
AtomでJavaScriptのテストカバレッジを可視化するパッケージを作って公開した話 - Qiita
個人開発 Advent Calendar 2017の17日目の記事です。 作ったもの JavaScriptのテストカバレッジをAtomで表示するパッケージを作りました。 coverage-markers こちらが実際に動かした様子です。テストが網羅されている行は緑色、網羅されていない行には赤色のマーカーが表示されます。 パッケージには以下の特徴があります。 テストカバレッジ表示はLCOV形式に対応 nycやistanbulなどのカバレッジ計測ツールではLCOVフォーマットでのカバレッジ出力に対応しており、本パッケージではその出力されたファイル(lcov.info)を利用しています。 もともとnycやistanbulには結果をHTMLで表示する機能があり、今回はその一部(Statement Coverage)をAtomで簡単に表示できるようにしました。 カバレッジファイルを監視して変更の度に
GitHubが「Teletype for Atom」リリース。開発者向けエディタ「Atom」でも、複数プログラマが同時にコード編集可能
GitHubは、オープンソースで公開している開発者向けのエディタ「Atom」で複数のプログラマがリモートでコードの編集を行える追加機能「Teletype for Atom」のベータ版をリリースしました。 Teletype for AtomをインストールしたAtomでは、Portal（ポータル）と呼ばれる機能が利用できるようになります。自分のAtomをポータルにすることで、ほかのプログラマを自分のAtomエディタに招待できるようになり、複数のプログラマで同一のコードが編集可能になります。 複数のプログラマが自分のエディタから同時にコードを編集可能 以下は公開されたデモ動画から、「Teletype for Atom」の動作を紹介しましょう。 Atomエディタ右下のポータルボタンをクリック。ID番号が生成されます。
職業別！ATOM便利パッケージ27選【アニメーション付紹介】 | 侍エンジニアブログ
1つずつインストールする パッケージを1つずつインストールする操作を説明しましょう。ここでは、例として「web-search」をインストールしてみましょう。 （1）「ファイル」をクリックし、「環境設定」をクリックします。 （2）「インストール」をクリックし、「web-search」と入力して、「パッケージ」をクリックします。 （3）「web-search」の「Install」をクリックします。 インストールが完了すると、以下のように表示されます。 一括インストールする 次は、複数のパッケージを一括インストールする方法を説明します。この手順のとおりに操作すると、この記事で紹介されているパッケージをまとめてインストールできますよ。まずは、インストールするパッケージ名を記載したテキストファイルを作成します。 （1）「ファイル」をクリックし、「新規ファイル」をクリックします。 （2）以下の内容を入
ちょっとしたシーケンス図を書くのにatom-mermaidが便利すぎる話 - Qiita
この記事のターゲット ・処理の流れを整理するためにシーケンス図が描きたい ・PowerPointやExcelは死んでもごめん ・エディターにはAtomを使っている mermaidって何よ 正確にはmermaid.js。JavaScriptのチャート作成ライブラリのこと。フローチャートからシーケンス図まで作れる優れもの。 https://mermaidjs.github.io 本来はブラウザで利用するものですが、個人的にAtomエディター上で描きたいところ。 偉大すぎる先人 同じことを考える人がすでにいて、Atom用のパッケージを作成してくださっていました。 感謝の意を込めていいねして利用させていただきました。 MermaidのプレビューができるAtomパッケージを作った https://atom.io/packages/atom-mermaid 利用方法 Atomでatom-mermaid
僕のAtomのパッケージとちょっとしたカスタマイズの紹介 - loveMac.jp
At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachabl… Atomは、Github製で、パッケージマネージャによるプラグイン追加やテーマの変更可能な、Chromiumベースのテキストエディタです。Chromium、つまりブラウザの技術によって作られているというのがおもいろいところです。なので、js(CoffeeScript)やjson(cson), less(css)といったWebの技術による細かなカスタマイズもできるというあんばい。 僕が入れているパッケージ一覧 2017年6月現在、僕が入れているパッケージを、カテゴリ別に紹介します。 整形系 alignment => や : の縦位置を揃えてくれます。 注意点として、Atomはいつからかリガチ
AtomでPHPやJavaScriptのDocコメントを書くのにdocblockrがめっちゃ便利
最近、業務内でマークアップだけでなく、JavaScriptやPHPを書くことも増えてきました。 再利用とか拡張性とかを考えながらClassを書くことも増えてきたのですが、ガリガリ書いていく上で、やっぱり未来の自分のことを考えるとコメントを書いておいたほうがいいよなと思いコメントも書くようにしています。 何をしているメソッドなのか分かるといいよねと思って調べていると、PHPDocとかJSDocというものがありました。 この形式で書いておいたほうが、後々ドキュメントを生成できたり、何を入れたら動いて、何が返ってくるみたいな情報も分かるし良いんじゃないかなと思いそれっぽく書いています。 しかし、やり始めた当初、引数や返り値を一個一個拾って書いていくのは面倒くさいなと数分で投げかけていたのですが、良いパッケージがありました。今回紹介するdocblockrです。 ドキュメントを見るとまだまだ少ないで
テキストエディタ「Atom」、日本語メニュー化とプレビュー表示
Githubで有名なGithub社の無料テキストエディタ「Atom」 使い勝手や機能面、インターフェースと触ってみると人気なのがわかりますよね https://atom.io/ 本体のインストールは簡単ですので説明は省きます 最初は開始画面に色々出てきて困惑するかもですが、まず「Install a Package」でインターフェースの日本語化パッケージをインストールすると良いかと思います メニューを日本語にする「japanese-menu」 Welcome Guideタブを閉じてしまっていても左上の「File」（ファイル）から「setting」（環境設定）へと進むと現れた項目の下の方に「Install」があるのでそこからパッケージを検索・インストールできます 検索窓に「Japanese」とでも入力すれば 関連するパッケージがリストアップされるので「japanese-menu」を選択してイン
AtomからVisualStudioCodeに乗り換えた感想と設定メモ - Qiita
背景 今まではAtomを使っていましたが、重いため（メモリが食いすぎで3時間くらい使ってると7GBくらいいってる時がある。。。）乗り換えを検討していました。 いずれはVimmerになりたいなーと思いつつも、キャッチアップに掛ける時間があまり取れなかったため、なかなか乗り換えられずにいました。 そんな中、「VisualStudioCodeがいいよー」と知人から聞いたため、試しにやってみたら思いの外良かったので、乗り換えてみました。 その感想と、入れた拡張機能＋設定をメモします。 (今更ですが。。。) 特徴 公式の特徴 Mac OS X、Linux、および Windows、あらゆる OS、言語で動く Mac OS X、Linux、および Windows 、あらゆるプラットフォームで使用可能です。さらに、30 種類以上のプログラミング言語をサポートします。 Microsoft製なのにMac,Li
Atom で Git を利用するのに便利なプラグイン | Lonely Mobiler
git-control git を GUI で扱いたい場合は git-control というプラグインが良さそうだ。 git-control 起動するとペインまるまる一つが GUI ベースの GIT クライアントとなる。 ファイルをコミット、プッシュしたりマージ、ブランチの作成、などなど一通り git の操作を行えるようだ。 git-log git-log プラグインを使用すると git log をグラフィカルに確認できます。 git-log control-shift-p を押して Atom のコマンドパレットを表示し、git-log:show を実行することで表示できます。 git-plus プラグインから git log を表示する事もできるがこっちのほうが見やすい。 git-projects ローカルにある git リポジトリを素早く開く事ができるプラグイン。 git-projec
Atomを開発するときに知っていると便利なコマンド&基本知識 - Qiita
Atomを開発するときに知っていると便利なコマンド&基本知識 atom 主にatomをターミナルから開くときに使う。 # atomのバージョンを見る $ atom --version $ atom -v # atomをdeveloperモードで使う $ atom . --dev $ atom . -d # Packageを読み込まないセーフモードで開く $ atom --safe # atom packageを公開する # それぞれ以下のx部分を自動連番でgit tagや # レポジトリへのpushをおこなってくれる # n # patch -> 0.0.x # minor -> 0.x.0 # major -> x.0.0 $ apm publish patch # 新しいパッケージを作成した時はリンクしてあげると # 「development packages」として認識され # Se
ReactNavite 開発に Atom を使う - Qiita
最近 ReactNative (RN) 開発で Atom を使い出した(Atom歴1ヶ月強)のだけど、ほぼほぼ不満無く開発出来ているので、使っているパッケージの紹介。 Nuclide は使わなかった facebook がオフィシャルで用意している RN 用IDE、Nuclide。Atom のパッケージ各種を同梱している。最初に使ってみたが、よく解らない項目が増えすぎたので、使うのをやめた…。 https://nuclide.io/ React.js サポート React の様々な機能、autocomplete, JSX 対応等々サポートしてくれる。 https://orktes.github.io/atom-react/ import-js で import 文の自動補完 http://qiita.com/hotchpotch/items/1661f05e709e2cf61313 プロジェ
atom-test-switcher という packageを作ってみました - rochefort's blog
久しぶりにatomのpackageを書いてみました。開発時にはpackageの auto reload 欲しいなぁ。ショートカットのreload遅すぎる。 atom-test-switcher rochefort/atom-test-switcher: Switch between source and test files. こんなの option - t で テストコードとソースコードを切り替えるプラグイン。 rubyの test-unit に対応したパッケージが見つからなかったので（rspecやminitestのファイルパターンのものはあった。） 作ってみました。 ついでにjsも対応させようと汎用化したら、一気にソースコードが汚くなってしまって、まだテスト書いてない状態です。実装も怪しい。 設定画面 こんな感じで、ソースコードのdirectoryとテストコードのパターンを指定すれば動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Atomのlinter-flake8で躓いた - Takakuの備忘録
AtomエディタのGit/GitHub機能をこんな感じで使ってます！という話 - LOGzeudon
GitHub - AtomLinter/linter-flake8: Linting Python files on the fly using flake8 with Atom
Atomエディタに新しく結合された Git / GitHub を試してみよう - ろくデブログ
“ドック”をサポートした「Atom」v1.17.0、次期バージョンでは「GitHub」を統合
hatebu.me
