最近、俺の中で定着してきた Color Theme - Qiita
この記事は 2014/2/17 に書かれたものです 現在は こちら の color scheme も紹介しました 基本は Tomorrow Theme これ。しばらく使ってる。 ☆が6000以上ついてるし、みんなおすすめらしい。 複数環境ごとにThemeが用意されている。 私の場合、最近だと vim, xcode, iTerm2 にはこれを指定できるようにしている。 実は、iTerm2 からも上記のリポジトリがリンクされている。 Preferences > Profile > Colors > Load Presets > Visit Online Gallery limechat もあればいいのに、、と思ったけど無いから下記の中から選んでる https://github.com/jschoolcraft/Limechat-Themes 個人的には ir_black をいじったりしてる h
Atomとtextlintで始めるその場で文章校正ができる環境の作り方 | DevelopersIO
こんにちは。サービスグループの武田です。 AWS re:Invent 2017が開催されますね。弊社からは実に34人が現地に乗り込みます。 AWS re:Invent 2017、クラスメソッドは34人が現地参加！そして全社員でイベントを盛り上げます！ #reinvent 今年はお留守番ですが、来年は行きたいと今から狙っています。 さて、弊社はブログの執筆を仕事の一環としてとらえており、毎日たくさんの記事が公開されています。 記事を書く際には、内容はもとより、誤字脱字・表記ゆれにも気を付ける必要があります。 今回は文章のチェック・校正を楽にするためのツールとして、以前から気になっていたtextlintを使ってみましたので紹介します。 もちろんこの記事も、textlintを使って書いています。 環境 macOS Sierra Atom Node prh textlint textlint-ru
【Atom】プロジェクトごとに FTP 設定をする方法 - Qiita
結論から書いてしまいますが、 Remote-FTP のコンフィグ設定はフォルダに紐づいているので、 各プロジェクトフォルダに各プロジェクトごとの設定ファイルを置いてあげれば OK です。 というのは、知っている人からしたら何てこと無い話かと思いますが、 僕も使うまでは個別設定出来ないと思っていましたし、あまりそういう風に書いてる記事も少ないので、知らない人向けに書いてみました。 そして、今回はその設定方法と Remote-FTP を便利に使うための方法を書いていきます。 使用するパッケージ project-manager Remote-FTP tool-bar flex-tool-bar project-manager プロジェクト設定ができ、一発でフォルダを開くことが出来るパッケージです。 設定方法 ツールバーの「Packages」⇒「Project Manager」⇒「Edit Pro
プログラマーにおすすめのATOMパッケージ
作成：2017/04/3 更新：2017/04/16 Tool > 開発環境 以前、ATOMの基本操作をAtomひと通りの使い方（Windows・Mac編）に書きましたが、今回はATOMおすすめのパッケージを追記。メジャーなパッケージは除外してます。 エンジニア速報は Twitter の@commteで配信しています。 マークダウンのアウトラインを自動生成 マークダウンのヘディング(h2/h3など)を読み取って、アウトラインを右側に表示してくれるパッケージ。表示されたインディックスはリンクになっていてクリックで移動できます。 document-outline マウスカーソルを垂直移動させる カーソルを垂直移動させる地味に便利なパッケージ。文章に半角と全角が入っていても綺麗に上下移動します。マークダウンなどで文章を作成する時に。 Atom のカーソル上下移動を改良するパッケージを作った -
Atomで複数フォルダをプロジェクトに登録してSFTPする方法 - Qiita
今までSublime Textをメインに使っていましたが、最近Atomを使い始め、作業環境を徐々に移行してみました。 Sublime Textで最も多用していたのが、プロジェクト切り替え機能と、SFTP機能（Sutlime SFTPというパッケージを利用）だったので、そちらは変わらない形で運用したい・・。 Atomでも同様の環境が構築できますが、パッケージの仕様に少々クセがあったので、問題点と対処法をメモしておきます。 使用するパッケージ japanese-menu 解説を分かりやすくするため、メニューを日本語化しています。 project-manager プロジェクト毎にサイドバーに登録したフォルダを保存し、切り替えることができます。 SFTP-deployment Atom上から右クリック等で直接ファイルのアップロード／ダウンロードが行えます。 前提＆問題点 Atomでは、メニューから
【超おすすめ！！】Atomのパッケージ、テーマ、キーバインディング、設定を紹介してみる（※随時更新） - Qiita
この記事を読む前に… Atomの開発終了が発表されました。 良ければ下記記事を参考に別のエディターを使う事をお勧めします。 前置き 【Atom】Web開発者達によるWeb開発者の為のエディターについて 前回の投稿↑で書いた、おすすめパッケージに加えて、おすすめのテーマ、キーバインディング、設定を紹介していきたいと思います！ 下の方に一括インストール用のテキストと、説明を用意したので、気に入って頂けたなら是非それでインストールしてみて下さい。 また、「このパッケージ便利だよー」みたいなのがあれば、是非コメントで教えて下さーい。 (｀･ω･´)b ※最近はRails等のRuby関連の仕事が多いので、これから紹介するパッケージもそっち寄りの物が多いです。 追記： 凄いストックされてるーｗ Σ(´ @ ω @ ｀) ストック、はてブ、ツイート等、皆さん、ありがとうございます！ Atomを使うなら絶
アーキテクチャから新しい！ 初めてのエディタには、21世紀生まれの「Atom」がおすすめ【続・若手エンジニア向けエディタ実践入門】 - エンジニアHub｜Webエンジニアのキャリアを考える！
アーキテクチャから新しい！ 初めてのエディタには、21世紀生まれの「Atom」がおすすめ【続・若手エンジニア向けエディタ実践入門】 Atomは、「A hackable text editor for the 21st Century」と公式のコピーにあるように、21世紀に誕生した新しいエディタで、アーキテクチャも新しくて魅力的なものになっています。 みなさんお久しぶりです、再びエンジニアHubに帰ってきました大竹智也（@tomoyaton）です。前回はEmacsの記事1をお届けしましたが、今回はAtomというエディタの記事をお届けします（次はVimかもしれませんね）。 Atomは、WebエンジニアにはおなじみのGitHubが開発しているテキストエディタです。公式のコピーに「A hackable text editor for the 21st Century」とあるように、21世紀に誕生し
Atomの設定を同期するsync-settings - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? なにができるの？ sync-settingsはAtomの設定をクラウド(GitHub)経由で同期します。 (Windows8.1や10～Mac間で動作することを確認しています) 以下のものが同期されるようです。 初期化スクリプト インストールしたパッケージ パッケージの設定 キーマップ スニペット (バージョン0.4.0では正しく動作しない模様) v0.6.0で同期を確認 執筆時点('15/6/16)では、同期は手動操作で実行します。（自動同期はロードマップには含まれているようです） ('16/02/05)v0.6.0では更新のチェック
AtomでPHPの開発環境をつくる - Innovator Japan Engineers’ Blog
こんにちは id:hacktk です。 今回は開発環境の話をしたいと思います。 異なる開発環境でコーディングスタイルを合わせる話 AtomでPHP書く時に入れておきたいパッケージの話 ※ 2017年9月14日、Atom IDEのほうも書きました。 tech.innovator.jp.net ※ 2017年12月3日、Visual Studio Codeに移行しました。 tech.innovator.jp.net 背景 私は普段 Atom で開発をしていますが、他のメンバーは PhpStorm を主な開発環境としているようです。 こういった状況では、各人の環境によってコードのスタイルに差が出てしまいがちですよね。 (例えばタブのソフト/ハード、PHPDocの有り/無しなど) 幸いPHPにはPSR-2というコーディング規約*1があるので、それに従いましょう。 Atomではパッケージを入れること
Atomの便利なパッケージ管理方法 – GitHubやスターを利用して他の開発環境でも使えるようにしておく
Atomと言えばGitHub製の開発者向けエディタで、今まさにホットなツールのひとつとして盛り上がってきています。私も御多分に洩れず、先日長年使ってきたSublime TextからAtomに乗り換え、『Atom（GitHub製エディタ）に乗り換えて最初にやっておきたいこと』といった記事を書きました。今回も引き続き最初にやっておきたいこととして、Atomのパッケージや設定ファイルを管理する便利な方法を紹介したいと思います。 Atomの設定が完了したら、同じ設定下のAtomを他の環境でも使いたくなるはずです。他の環境で使うたびに、設定ファイルをいじって、パッケージを検索して、インストールしてなどを繰り返していたら日が暮れてしまします。そこで、やっておきたいのがパッケージや設定ファイルの管理となります。方法はいくつかあり、GitHubを利用する方法とAtomのスターを利用する方法が主流となるでし
ATOMエディタでMarkdownを編集する時に役立つプラグイン
2016年 6月2日 18時25分 7年前 ATOMエディタでMarkdownを書く時に便利なプラグインの紹介です。 ここ数年ぐらいからでしょうか。文章と言う形でMarkdownに触れる機会が多くなりました。 プロジェクトのREADMEファイルはMarkdown形式で記載され、API等のドキュメントをMarkdown形式して静的ページの作成し、jekyllを使っている人はブログの記事もMarkdownで書く時代です。特にIT系のお仕事をしている人は議事録をとる時にMarkdownを使う人も少なからずいるのではないでしょうか 。 そんなMarkdownですが、ATOMエディタ上書く時に便利なプラグイン4種類の紹介です。 これから紹介するプラグインを導入すると以下のことが出来るようになります。 1. Markdownファイルを開けば、プレビュー画面も同時に開かれる 2. 見出しや太字、リンク等
AtomでカッコよくMarkdown PreviewするためのCSS | TANKSUZUKI.COM
みなさん、Atom使ってますか？ 私はブログをMarkdown記法で書いています。 Atomでは標準でMarkdownのプレビューができるのですが、フォントが中華風味になっていたり余白がイケてなかったりと気になるポイントがあるので修正してみます。 私が使っているAtomのバージョンは0.192.0 (0.192.0)です。 ユーザスタイルシートを開く AtomはChromium(Google Chromeの派生元)ベースで作られており、乱暴な言い方をするとエディタっぽいブラウザです。 なので、見た目の変更はスタイルシート(LESS)で行います。 Ctrl + ,で設定画面を開きます。 ThemesのChoose a Theme下にあるyour stylesheetをクリックしましょう。 表示されたstyles.lessをこれから編集します。 styles.lessはユーザが自由に定義でき
Atom Editorへの乗り換えを考えている その2 - miyohide's blog
やっぱり機能拡張があると嬉しい AtomにはPackageと呼ばれる機能拡張がたくさんあるみたいで、8月30日（日）時点で2,600件ほどあるみたい。いろいろと入れて便利にしようと、Packageを探す旅に。 とりあえず、色々と入れてみて試したものを記します。 atom-runner 編集中のプログラムをショートカットキーで実行できる。実行結果は画面が分割されて右に出てくる。 file-icons ファイルのアイコンを変更できます。視認性だいじ。 file-types 拡張子とファイルの種類の関連付け。積極的に入れた覚えがないんだけど、なにかの依存関係で入ったのかな？ git-control AtomにGitのGUI環境を提供してくれる。とりあえず入れてみた感じ。あんまり活用していない。エディタの部分で右クリックして「Toggle git-control」を選択すると出てくる。 git-p
GitHub、JavaScriptでデスクトップアプリが作れるライブラリAtom Shellを、Electronに改称
米GitHubは、4月23日（現地時間）にJavaScriptによってデスクトップアプリケーションを作成できる、クロスプラットフォームのデスクトップアプリケーションシェルAtom Shellの名称を、Electronに変更した。今回の改称に合わせて、公式サイトのURLも変更する。 Electron（旧Atom Shell）は、もともとAtomエディタでChromiumやNode.jsのイベントループやネイティブAPIを用いるために作られた。しかし、テキストエディタのサポートだけが目的ではなく、Web技術を使用したクロスプラットフォームのネイティブデスクトップアプリケーション開発の実現も目指していた。 開発開始から2年が経過し、Electronは自動アプリアップデートやWindowsインストーラー、クラッシュレポートなど、ネイティブアプリケーションに役立つさまざまな機能を、JavaScrip
オシャレでグッとくるエディタ、Atom
こんにちは！ウェブ開発担当の木戸です。 「Fenrir Advent Calendar 2014」も、もう 15 日目となりました。 テーマは「2014 年にグッときたコレ！」です。私が今年グッときたものは、あの GitHub が作ったエディタ Atom です！ Atom とは エンジニアにはおなじみの GitHub が開発、提供している無料のテキストエディタで、キャッチコピーは「21 世紀の Hackable エディタ」です。Mac 版が先行リリースし Windows 版も今年夏にアルファ版がリリースされました。 ベースはなんと Chromium と node.js でできており、HTML、css、javascript で動作しています。開発者ツールでコードも見られるので、HTML などの知識があれば簡単に Hack 可能で、まさに Hackable エディタですね！ 特にウェブ系の開発
21 世紀のエディタである Atom を最強にする - yoshiori.github.io
Atom 最高ですね！！ でも、Atom は 21 世紀のエディタです。まだ 21 世紀になって 14 年しか経っていないので、20 世紀最強のエディタに比べてまだまだ足りない機能があるのはしょうがないですね！！ 86 年後に勝負しよう！！ って感じですね。 みんなが拡張書けば 86 年がドンドン縮んでくると思うのですが、ぶっちゃけまだまだです。 なので、最強にするための拡張書いてみました。 Atom で今開いているファイルを Emacs で開く拡張です。 「あー、Emacs だと xxx 出来るのに〜」 とか脳みそがまだ 20 世紀な時とか 「あー、このファイルデカすぎて Atom で編集すると重い……」 みたいなかわいそうな作業している時とか（2050 年位のマシンだとさくさくだと思いますけど！！）にお使いください。 21 世紀に戻る 1 2 3 4 (defun open-atom
atom-shell情報 - Qiita
atom-shellとはどういうもので、どのようにすれば動かせるのかということを調べているので、その過程で得られた情報をまとめておく。 atom-shellでデスクトップアプリをつくれる GitHub製のAtomというエディタはatom-shellというライブラリを利用して実現されている。atom-shellはJavaScriptでデスクトップアプリケーションをつくるための便利なライブラリで、ネイティブAPIを実行するための実行環境を提供することでそれを実現させようとしている。Webサーバの代わりにデスクトップアプリケーションに特化したNode.jsの実行環境だと考えても良いだろう。 atom-shellには2つの側面がある Node.jsでWebアプリを書いたことがあれば分かるかもしれないが、JavaScriptのコードにはサーバサイドで動かすためのものとクライアントサイドで動かすための
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【必見】Atomで作る快適な論文執筆TeX環境【Mac】【卒論】【LaTeX】 - Qiita
超捗る！AtomでRubyを書く前にいれておいたほうがいいパッケージ5選 + α - Qiita
GithubのWeb開発用エディタ「Atom」が、いつの間にか進化し過ぎている件！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）
