IT技術にまつわる実験ノート

「長編を書くより、短編を数多く完成させてください。それが上達への近道です」 by 手塚治虫

エディタ

Atom エディタの sort-lines パッケージを使ってみる

インストールする 以下のコマンドでパッケージをインストールする。 apm install sort-lines 使ってみる Atom エディタを起動して、行を選択してから F5 ボタンを押すと、行をソートできる。 参考 https://atom.io/packages/sort-lines

Atom の file-icons パッケージを使ってみる

デフォルトの表示 Atom でのファイルのデフォルトの表示は以下の通り。ここでは、cssファイルを scssファイルに変更したのだが、アイコンに何も変更がないので、拡張子を変更したことが直感的にわかりにくい。 インストール Ctrl + , のショートカットで設定…

atom-html-preview を使ってみる

インストール Ctrl +, のショートカットで設定画面を開いて、左メニューの「インストール」をクリック。入力欄に atom-html-preview を入力して「パッケージ」ボタンをクリックする。あとは「Install」ボタンをクリックすれば、インストールできる。インスト…

Atom でスペースを表示する

バージョン 設定変更 Ctrl + , のショートカットで設定画面を開いて、左メニューの「Editor」をクリック。下にスクロールして、「Show Invisibles」を有効化する。 以下のように、スペースは ・で表示されるようになる。 改行は、以下のマークで表示されるよ…

Atom で全角スペースを可視化する

インストール show-ideographic-space パッケージをインストールする。 Ctrl + , のショートカットで設定画面を開き、左メニューの「インストール」をクリック。入力欄に「show-ideographic-space」を入力して「パッケージ」ボタンをクリック。パッケージを…

Atom で PlantUML を書く環境を整える【Ubuntu】

インストール Ctrl + , のショートカットで設定画面を開いて、左メニューの「インストール」をクリック。入力欄に「plantuml-viewer」と入力して「パッケージ」ボタンをクリックしてパッケージの検索を開始する。パッケージが検索できたら、「Install」ボタ…

Atom の rails-snippets パッケージを使ってみる

動機 自分で定義した設定が、なぜか使えなくなってしまったので、パッケージを使うことに…。 インストール Ctrl + , で設定画面開いて、左メニューの「インストール」をクリック。入力欄に「rails」と打ち込んで「パッケージ」をクリックする。「rails-snipp…

Atom の markdown-table-editor パッケージを使ってみる

インストール Ctrl + , のショートカットで設定画面を開いて、左メニューから「インストール」をクリック。入力欄に「markdown-table-editor」を入力して、「パッケージ」ボタンをクリック。「Install」をクリックしたら、インストールを開始する。 なお、マ…

Atom でターミナル起動のキーバインドを変更する

前回 Atom のキーバインドを変更する - IT技術にまつわる実験ノート 動機 デフォルトのターミナル起動のキーバインドは、Shit + Alt + t という、なかなか打ち込みにくいショートカットになっていた。ここでは、これを Ctrl + t で起動できるように変更する…

Atom のキーバインドを変更する

動機 Ctrl + w で、タブを終了しようと思った時に、間違えて Ctrl + q を押して Atom エディタごと終了してしまうことが多い。ここでは、これを変更したい。 設定変更する Ctrl + , で設定画面を開き、左メニューの「キーバインド」をクリック。ここでは ctr…

Atom でディレクトリ内の複数ファイル内の文字置換を実行してみる

やってみる エディタの左メニューにあるディレクトリにカーソルをあわせて右クリックをする。すると、「ディレクトリ内を検索」が出てくるので、これをクリックする。 Feature Spec を System Spec に変更する ここでは :feature となっている部分を、:syste…

Atom エディタでタブでターミナルを開く

使ってみる エディタ内のタブにカーソルを合わせて、右クリックすると、「New Terminal Here」と表示される。これをクリックすると、そのファイルのあるディレクトリでターミナルを、タブで開くことができる。なお、ショートカットは Alt + Shift + T とのこ…

Ubuntu の Atom でエディタを画面分割する

やってみる 以下のように、カーソルをタブに持ってきて、タブで右クリックする。「ペイン分割→」をクリックすれば、右側に画面を分割することができる。 参考 Atom エディタで画面分割する方法

atom-ide-ui を使ってみる

インストール Ctrl + , のショートカットで設定画面を開いて、左メニューの「インストール」をクリック。入力欄に「atom-ide」のように入力して Enter を押せば、パッケージ一覧が表示される。あとは「install」ボタンを押してインストールすれば良い。 イン…

atom で goto-definition を使ってみる

インストール Ctrl + , で設定画面を開き、左メニューのインスールをクリック。入力欄に「goto」を入力して Enter を押せば、パッケージが見つかる。「Install」をクリックしてインストールする。 使ってみる 以下のように、右クリックから Goto Definition …

atom でファイルを検索する

Ctrl + p のショートカットで、ファイルを検索できる。Rails で application.html.erb を探したい場合は、以下のようにすれば、楽に検索できる。単語をスペース区切りで入力すれば、条件に合ったファイルが表示される。以下の条件の場合は、application_help…

atom で git を操作してみる

atom のバージョン git のパネルを開く Ctrl + Shift + 9 で git のパネルを開くことができる。パネルは、エディタの右側に表示される。9 が git の g っぽい、と覚えておくと、覚えやすい気がする。パネルを閉じる時も Ctrl + Shift + 9 を使う。とにかく、…

atom のサイドバーを Ctrl + \ で開閉させる

参考:Reveal sidebar in Atom (editor)? - Stack Overflow この操作は、なんやかや便利。

atom で検索と置換を使ってみる

Ctrl + F で検索欄を開く。ファイル内で検索したい文字を上に入力して、新しく置き換えたい値を下に入力する。以下のように、検索欄に hoge と入力すると、ファイル内で hoge を3件見つけたので「3 found」と表示される。 「置換」ボタンを押すと、前から値…

atom だとコードのコピペ時に、インデントが揃う

VS Code VS Code だと、コードのコピペ時に、インデントが揃いませんでした。私の Ubuntu 環境でだけなのかもしれませんが、アップデートしてバージョンを上げても、この点は改善されませんでした。なにか設定変更が必要だったのかもしれませんが、どうすれ…

atom のカーソルのチカチカを停止させる

パッケージをインストールする Ctrl + , で設定画面を開き、左メニューの「インストール」をクリック。入力欄に「blink」と入力して Enter を押せば、カーソルのチカチカに関するパッケージを見つけることができる。 私は「stop-cursor-blinking」パッケージ…

atom の「最終行を超えてスクロール」を有効化する

設定を変更する Ctrl + , で設定画面を開く。「エディタ設定」->「最終行を超えてスクロール」のチェックボックスをクリックして有効化する。 以下のように、最終行を超えてスクロールできるようになる。個人的に、これはとても便利。 参考 Atomでファイルの…

Ubuntu の Atom で Cannot load the system dictionary for 'ja_JP' を解消する

Ubuntu16.04 で Atom を開くと、以下のワーニングが毎回表示される 設定を変更する まずは、Ctrl + , のショートカットで設定画面を開く。左側の「パッケージ」をクリックして、入力欄に「spell」と入力する。すると、「spell-check」が表示されるので、「無…

atom に emmet を入れて、erb の独自設定をする

Emmet のインストール Ctrl + , で設定画面を開き、「インストール」-> 「Emmet」と入力して「パッケージ」をクリック。あとはインストールすれば良い。 Emmet に独自記法を設定する Ctrl + , で設定画面を開き、「設定ファイルを開く」をクリック: emmet …

Atom のメニューを日本語化してみる

前回: ・Rails 書くのなら、VS Code よりも Atom の方が良いかも - IT技術にまつわる実験ノート 設定画面を開く Ctrl + , で設定画面を開く。(この方法は VS Code も同じ) なお、Ubuntu の Atom では、「File」に「Settings」の項目がないので、上記のシ…

Rails 書くのなら、VS Code よりも Atom の方が良いかも

上が Atom で、なにもカスタマイズしていないデフォルトの状態。一方で、下が VS Code なお、erbファイルは明らかに Atom の方が見やすい。 VS Code だと、こうなる とはいえ、Atom だとメニューがデフォルトですべて英語というのがネックか。 個人的に、VS …

VS Code でファイルを検索して開く

Ctrl + P とにかく、Ctrl + P すれば良い: 入力欄で探したいファイル名を入力すれば、候補が表示される: ディレクトリ名からも検索できる: その他 入力欄で ? を入力すると、使い方が表示される: 参考:カンニング万歳!逆引きVS Codeチートシート

vscode のカーソル速度を変更する

vscode のカーソル速度が、やたら早いと気になってしまったので、速度を変更することに。 Ctrl + , を押して、設定画面を開く: 上記のように、左メニューの「テキストエディター」-> 「カーソル」があるので、「Cursor Blinking」から、カーソルの速度を変…