Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Atom

google-translate-modal Package で Atom のエディタ内にいるままGoogle翻訳を使う

google-translate-modal Package で Atom のエディタ内にいるままGoogle翻訳を使います インストール install package の画面で「google-translate-modal」で検索し、 Installを選択する 利用方法 エディタ上で ctrl + alt + t を押すと、Google翻訳がポップ…

Atomのtodo packageでTODOコメントを確認しやすくする

プログラムに残ったTODOコメント。 これを一括で確認できるようにする Atom の todo Package についてまとめます。

seeing_is_believing でサンプルコード実行結果のコメントをサクサクと生成する

seeing_is_believing とは? Rubyの各行のコードの実行結果をコメントとして追記してくれるツールです。 ブログやGISTのサンプルコードでよくみるようなものです。

Atom の monit 用 syntax highlight Package を作った

Atom の monit 用 syntax highlight Package を作りました。

Atom の Project Manager Package で Octicons のアイコンを活用する

Atom の Package に Project Manager というものがあります。 任意のプロジェクトに名前をつけて保存しておくことで、 Command Panel から すばやく対象プロジェクトを切り替えることができます。 この際にアイコンを登録しておくことでプロジェクトを判別し…

CrystalのAtom用Snippet atom_crystal_snippet_tb お引越しのお知らせ

最近仕事でCrystalを使っている。怠惰な私はSnippetが欲しかったので 自分とチーム用に Atom の Crystal Snippet を作りました。 tbpgr.hatenablog.com

Atom実践入門を読んだ

最近Sublime TextからAtomに移行したばかりなので 飛びつくようにAtom実践入門を購入しました。 既に書評はあちこちにあるし、 個人的にこの本から新たに覚えたことだけ抜粋してまとめます。

AtomのSnippet.csonからREADME用のMarkdownを生成するnpm Package atom-snippet-cson-to-readme を作成した

AtomのSnippet.csonからREADME用のMarkdownを生成するnpm Package atom-snippet-cson-to-readme を作成しました。

現在開いているタブを右端に移動する Atom Package tab-rightを作成した

現在開いているタブを右端に移動する Atom Package tab-rightを作成しました。 Atom は基本的に現在アクティブなタブの右側に新規のタブを開きます。(多分) 左端にいる時に新規ファイルを開いた場合、左から2番目で開きますが 俺右端に開いて欲しいんだ!…

AtomでCrystalのSnippet(最小版)を作成する

Atom で Crystal の Snippet (最小版)を作成します。 作成する内容は自分が使いやすいもの、という基準なので万人にとって使いやすいかはわかりません。

apm-badgesでAtomのPackageのREADMEにバッジを表示する

apm-badgesでAtomのPackageのREADMEにバッジを表示します 手順 package の部分に自分が公開している Package 名を入れて、READMEに追記します。 [![apm install {package}](https://apm-badges.herokuapp.com/apm/{package}.svg)](https://atom.io/packages/…

AtomでFont AwesomeのSnippetを作成する

AtomでFont AwesomeのSnippetを作成します。 実は他の方が作成したSnippetがあるのですが、 Font Awesome のバージョンが古いので バージョンの最新化を自分で管理できる構成にしようと思います。

5行移動、5行選択をするAtom Package five-move を作った

秀丸エディタにある5行移動、5行選択機能を Atom で実現しました。 atom.io github.com

AtomのSnippet開発

AtomのSnippet開発についてまとめます。

AtomのPackage開発

AtomのPackage開発についてまとめます。

AtomでMarkdownのPreviewをする際にFontAwesomeを有効にする

AtomでMarkdownのPreviewをする際にFontAwesomeを有効にします 手順 Font Awesome公式サイトからをダウンロードをします ダウンロードしたフォルダを ~/.atom/fonts 以下に配置します ~/.atom/styles.less に以下を追加します @import "./font/font-awesome-…