GitHubのChromiumベースのテキストエディタ「ATOM」。これは本当に便利ですが、プログラム言語や仕事内容でおすすめのパッケージをまとめました。最近ではteletypeのようなファイル同時編集が可能になるパッケージがでるなど発展し続けていますが、そんななかでもおすすめのAtomのパッケージを紹介します。 HTML+CSS emmet htmlとcssをサポートしてくれるパッケージです。htmlを省略記法で書けるのでコーディングに役立ちます。 autocomplete-paths html、cssの相対パスを入力補完してくれるパッケージです。 autocomplete-snippets 自動補完にスニペットを追加してくれるパッケージです。 color-picker カラーピッカーを開いてくれて、色を視覚的に選ぶことができるようになるパッケージです。 pigments カラーコードを
最近になって、ATOMを使うようになりました。 ATOMもパッケージの仕組みが整備されているのですが、おすすめのパッケージが何か分からないので、 紹介しているサイトを色々見回って、自分でも試してある程度入れてみました。 ※下記の貢献度は個人的な指標です。 (2017/05/23) 数が増えてきた(重くならんかな・・・)ので、カテゴリ分けしました。 今後、できるだけスクリーンショットなども載せていきたいと思います。 (2018/04/02) 久しぶりにナイスなパッケージ(atom-ide-ui)を見つけました。 入れているパッケージ一覧 エディタの操作を効率化するパッケージ atom-ide-ui 貢献度:A 去年の9月ごろリリースされていたにも関わらず、全く気づいていませんでした。。 IDE(統合開発環境)によくある、 * 定義元ジャンプ * エラーチェック * アウトラインビュー * ス
CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav
autocomplete-rubyで設定されているRsenseのパスはデフォルトで~/.gem/ruby/2.3.0/bin/rsenseとなっています。 このパスが正しくないとautocomplete-rubyが正しく動作せず、以下のようにError starting rsenseというエラーが表示されます。 正しく動作しない場合はgem environmentを実行し、GEM PATHSのパスを設定ファイルに書きます。 もしくはwhich rsenseを実行するとrsenseのパスがわかります。 rsenseのインストールはgem install rsenseで行います。 例えば自分の場合は/Users/nishina/.rbenv/versions/2.3.0/bin/rsenseでした。 2.文法チェックをしてくれる linter-rubocop インストール方法 まずはlinte
CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav
どうしてもゲーム制作を仕事でやってたらやってくるcsv編集。 はあExcel開きたくない。 はあNumbers開きたくない。 そのためだけにcsv editorインストールするのもあれだし、というかmacだと無料でないし(多分)、秀丸とかにあるような列合わせて表示してくれるだけでいいんだけどなーと思いながらplugin探したらありました。 tablr pluginのinstall画面でtablrで検索してインストールする。 ファイル開いた直後が以下 あ、やばい なにこれatom editor内でこんなことできんの 昇順降順とかできるし 予想外すぎる・・・ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read b
CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav
あの「GitHub Inc」さんから「Facebook」と共同で開発した「Atom IDE」なるものが発表されました このパッケージを入れることで「Atom」をIDEにすることができます。 現在対応している言語 TypeScript & JavaScript Flow C# Java(Java 8 runtime required) PHP(PHP 7 runtime required) 推奨ではありません。必須です 公式の「Atom IDEブログ」をみてみると We strongly recommended you use Atom Beta 1.21 as it includes the necessary file monitoring and process control to ensure the underlying language servers are running
東京理科大学 Advent Calendarの13日目の記事です。 あ。ども。はじめまして。 普段ゲームをつくっている大学4年生です。 プログラムについて本格的に学び初めて1~2年ほどの若輩です。 なにげなくアドベントカレンダーを見ていたら東京理科大学のカレンダーがあったので、登録してみました。 普段はC++をやっているんですが、最近Javaの勉強を強いられています。(いやあ他の言語を学び始めるといかに自分が、表面的な理解でコードを書いているかわかりますねぇw) っていうことで、ちょうどAtomでJavaの開発環境を整えたのでそれについて書こうと思います。 技術系の記事は初めて書くので間違いだらけかもしれませんがあしからず。 以下Win10 64bit環境下の話です。 1.Atom本体をダウンロード&インストール こちら https://atom.io/ 2.JavaDevelopment
普段はVisualStudioCodeでRailsのコードを書いているのですが、Rubyのフォーマッターがほしいと常々思っていました。 そこで、週間Railsウォッチで紹介されていたRufoというRubyフォーマッターを使ってみたところ、非常に使いやすく、自分の使い方にもマッチしていたので紹介します。 変更点 2018/09/30 Setting.mdに合わせて設定の内容を更新しました。 設定できる項目が減り、いずれ設定をする必要がなくなるようです。 細かく設定したい人にはうれしくない話かもしれませんが、フォーマットは統一できればさほど問題ないので、細かく設定できて差分が生じるより良い話かと思います。 フォーマッターに求めること 自分がフォーマッターに求めることは主に以下の4つです。 保存時に自動でフォーマットがかかること フォーマット設定が容易で、共有できること ストレスなく使えること
プログラムを書く際には当然文法に気をつけないといけませんね。文字を打ち間違えて実行してエラー出て直して・・・なんてのは開発効率が悪いですのでエディタ上で自動的にチェックしてくれると助かります。 VisualStudio とかの IDE では標準でついていると思うんですけど、Atom では無いのでプラグインをインストールして対応しましょう。 AtomLinter まず必須なのが上記 linter プラグイン。apm でインストールするなら $ apm install linter でインストールできます。 でもこれだけでは動かず、必要な言語の linter プラグインをインストールする必要があります。 自分の場合は html, css, javscript, php, ruby あたりをよく使うので以下をインストールしました。 linter-htmlhint linter-csslint l
概要 AtomにはLinterとatom-lintの2つの静的コード解析用パッケージがある。 導入自体はatom-lintの方が簡単だが、個人的にLinterの方が動作が望ましかったので、ここではLinterを導入する手順についてまとめる。 (コミュニティ自体はどちらも活発だと思うので、好きな方を導入すればよい) ここでは、例としてRuby/SCSS/CoffeeScriptのLinterを導入する。 他言語についても手順は同様。 Linterのインストール 各言語用のLinter用プラグインのインストール 各言語用の静的コード解析ライブラリのインストール 静的コード解析ライブラリのパスの設定 1. Linterのインストール AtomのSettingsから「linter」と検索すれば簡単にインストールできる。 https://atom.io/packages/linter 2. Lint
メニューバーを非表示にしてしまった 何気によくある(?)この手の問題。 ちょっと探してもすぐに見つからなかったのでメモ。 メニューの再表示方法 Ctrl + Shift + P 押下 ※ Macの場合は Cmd + Shift + P だが、そもそもメニューが消えない。 メニュー一覧が表示される toggle と入力 Window:Toggle Menu Bar を選択 メニューが表示される メニューの消し方 説明不要ですが、消し方も。 メニューバー View を押下 Toggle Menu Bar を押下 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYo
CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav
経緯 せっかくATOMに乗り換えたし、リアルタイムで更新を反映したいし、なんなら同じ画面でそれ確認したいし、ターミナルも同じ画面で触れるようにしたいし、ショートカット充実させたいしってことで、あわよくば、できるんじゃないかなーと思って調べてたら作れたので共有。いわゆる、「ぼくのかんがえたさいきょうのRails開発環境」ってやつです。 Mac OS 10.10.5 Atom 1.5.3 ※ Win機でこれから話す環境が作れるかの確認はとっていないです。 画面図を確認してみる ①画面左がプロジェクトディレクトリをツリー構造にしたTreeView ②その右にエディタを表示 ③さらに右にウェブビューを置いています。 ④そして下のほうにはターミナルをおいております。 これが爆速開発を可能にする基本スタイルであります。 環境構築していこう 1. Packageをぶっこむ 主に使うパッケージはこちらにな
CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav
CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く