新卒が配属されたので爆速作業のためのいろいろ伝授したったった


こんにちは！エイチーム引越し侍の加藤です！

弊社では4月に入社した新入社員が、2ヶ月間の研修期間を経て、6月1日から各事業部に新卒が配属されます。
そんな彼らはピッカピカの新new shineとなってくるわけですが、パソコンもピッカピカの新品デフォルトです。

そんな彼らにツール系の説明ということで、ついでに自分が入れている便利ツールや、
ちょっとしたTipsを教えていたらこれ記事になるレベルで多いなと思ったので是非新卒の方はご一読いただければと思います。

※Webエンジニア向けの内容が多いです。先に汎用的なものを書いておきます。
※割とWindows向けです。

#逆引き目次
1. ランチャーどれが結局いいの？？？
2. ホームポジションから<kbd>Ctrl</kbd>押しにくい…
3. コピーしたいけどさっきコピーしたのも消したくない…定型文もさっと貼り付けたい…
4. このページのレイアウトとか見た目少し変えたい…
5. たくさんのURLをいっぺんに開きたい…
6. この色16進数だとなに？スクショペイント貼り付け→スポイトでRGBわかる→WEBツールで変換…めんど
7. プリントスクリーンしてからpaintとかで切り取るのめんど
8. grep -R めんどくさ…いっぱいでてくるやん…
9. Cookie消すのめんどくさい！今Cookieがどうなっているのか見たい！
10. 踏み台サーバーに入って、sshして、ある階層のフォルダまで行って…ってめんどくさい！

# 1. ランチャーどれが結局いいの？？？
ファイル名を指定して実行を使おう！
理由はマウスを使わなくて良いし、これ以上の機能がいらないと思っているからです。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/146642/3641d099-c2b9-e348-2fb0-96ad09f32c34.png)

こんな感じでショートカットフォルダを自前で用意して上げてそこに環境変数でパスを通してあげて
※わからない人は「環境変数　パス　通し方」とかでググってください
多少タイポってもいい感じでいろいろショートカットファイルを用意してあげます。
ここに一通りの使うファイルがあるので、新卒への紹介ももれなくダブりなく教えられますね。

そしたらWindowsだったら<kbd>Win+R</kbd>で
![image.png](https://qiita-image-store.s3.amazonaws.com/0/146642/8be8f2b9-6624-61c0-89c0-64a67ad7d9ed.png)


この子が立ち上がるのでそこでショートカットファイル名をタイプして<kbd>Enter</kbd>
ね、シンプルで便利でこれ以上いりますかって感じですよ。

※これ聞いてもお勧めしたいのがあれば教えてください。便利だったら爆速で導入します。

# 2. ホームポジションから<kbd>Ctrl</kbd>押しにくい…
<kbd>Ctrl</kbd>と<kbd>Caps Lock</kbd>を入れ替えよう！

![image.png](https://qiita-image-store.s3.amazonaws.com/0/146642/a8dbfda9-e69e-653a-9bdd-2fb0d641bbe0.png)

Windowsの方だとたいていお前いつ使えばいいの？ってキーがまぁまぁ良いところに鎮座しているかと思います。
この<kbd>Caps Lock</kbd>と<kbd>Ctrl</kbd>を入れ替えてあげればホームポジションでも小指でｽｯと<kbd>Ctrl</kbd>が押せて爆速に！
1回0.1秒の効率化だとしても新卒ちゃんだと、これから1億回くらいこれから押すと思うので1000万秒=115.740740741日です。
人生で115日間<kbd>Ctrl</kbd>押すのに時間かけてるって思うと超やですよね。

変えたいよ！って方はここら辺の記事を読んでください。
http://ascii.jp/elem/000/000/927/927191/
レジストリいじる場合は自己責任でお願いします。
下手したらパソコンぶっ壊れます。怖い人は上司に見てもらうね！

# 3. コピーしたいけどさっきまでコピーしてたものも消したくない…
Cliborを使おう！

ここからDLDL
https://www.amunsnet.com/

簡単に言うとコピーの履歴がずらっと並んで好きなのを選べます。

![image](https://qiita-image-store.s3.amazonaws.com/0/146642/7024e67c-7971-fb70-9ed8-5122170ac30b.png)
<kbd>Ctrl</kbd>2回押しで起動します。
こんな感じで表示されて数字やキーボードorマウスで選択できます。
定型文を登録すれば右側の定型文から選択できますよ！
そちらは恥ずかしいので見せません！

# 4. このページのレイアウトとか見た目少し変えたい…
ChromeのアドオンStylishを使おう！

ここからDLDL
https://userstyles.org/


開発環境のメールが外部に飛ばないようにMailCatcher使う人にはさっとわかると思うんですけど

![image](https://qiita-image-store.s3.amazonaws.com/0/146642/f77caebe-f90e-f34e-f7b9-897dd53f8bfc.png)

こんなところにしれっとQuitボタンがあるんですよね。
僕の前職では開発環境も1つだったのでこのClearもやばいボタンだったんですよ
表示しないでー！と思ったあなた

![image](https://qiita-image-store.s3.amazonaws.com/0/146642/be93cd84-0bbf-e856-367b-0d9c804ba7e3.png)

こんな感じでURLやドメイン指定で自分オリジナルのCSSを追加できます！

![image](https://qiita-image-store.s3.amazonaws.com/0/146642/ce28bfe8-00de-2e4e-1585-93710a6d727c.png)

ほらね！

ログイン画面が2種類あってぱっと見た目じゃわからんときようにこんな感じで文字も足せます。

![image](https://qiita-image-store.s3.amazonaws.com/0/146642/a1f8bced-6e19-a4cf-1ca3-17f58c27e8e9.png)

参考
```css
h2:before {
    content: '法人';
    color:red;
    font-size: 50px;
}
```

# 5. たくさんのURLをいっぺんに開きたい…
ChromeのアドオンPastyを使おう！

文言変更ーとかでチェックするのは簡単だけどURLが死ぬほどある…
なんてことありますよね。
それが開発環境のURLだったりステージングだったり本番だったり…

そんなときはPasty

ここからDLDL
https://chrome.google.com/webstore/detail/pasty/hdjihnnclpjhfdbbinmgoiehhoehhlgf

クリップボードにコピーしたURLをいっぺんに開いてくれます！
正規表現の置換で開発環境のURLからステージングのURLに変えてってな感じで
爆速チェックが可能です。

# 6. この色16進数だとなに？スクショペイント貼り付け→スポイトでRGBわかる→WEBツールで変換…めんど
パワースポイトを使おう！

ここからDLDL
http://www.vector.co.jp/soft/win95/art/se187189.html

![image](https://qiita-image-store.s3.amazonaws.com/0/146642/665a2a51-2433-8b0c-56fc-a25236558013.png)

こんな感じでどこでもすぐにカーソルがあったところの色を教えてくれます！


# 7. プリントスクリーンしてからpaintとかで切り取るのめんど
SnippingToolを使おう！

<kbd>Prt Sc</kbd>でキャプチャ取ってからペイントに貼り付けて選択してトリミングして…
ってめんどくさいですよね。
Windowsデフォルト装備のSnippingToolを使いましょう。
左下のスタートボタンから検索かければ出てきますよ。
(僕はショートカットフォルダにショートカットいれておいて<kbd>Win+R</kbd> sn <kbd>Enter</kbd>で起動できるようにしています。)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/146642/bfe867ef-3d5e-8ff9-b41e-66cd183e2de8.png)

使い方は簡単！開いたら選択モードみたいになるんでドラッグしたらもうクリップボードにコピーされています。
線とかも書けるんでこんな感じで同僚(年下)にちょっとした指摘とかをするのにも最適ですね。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/146642/0dcf999e-6e6d-cdc5-8cc0-3690de768204.png)

# 8. grep -R めんどくさ…いっぱいでてくるやん…
git grepを使おう！

みなさんgit 使ってますよね！
そんな方はgit grepを使えばバージョン管理下にあるものをgrepしてくれます！
しかもオプションなしで再帰検索してくれますです。

![image](https://qiita-image-store.s3.amazonaws.com/0/146642/45216705-6bb8-9fa1-6c68-00b66c367395.png)

こんな感じ

# 9. Cookie消すのめんどくさい！今Cookieがどうなっているのか見たい！
ChromeのアドオンEditThisCookieを使おう！

セッションとか持ちまわっているときいちいちプライベートウィンドウとか開きたくないですよね。
なんかもう既に開いてて結局セッション残っちゃってるみたいな

そんなときはEditThisCookie！
http://www.editthiscookie.com/

![image](https://qiita-image-store.s3.amazonaws.com/0/146642/468a55e1-eaba-2656-576b-8df10fecc848.png)

このマークが目印ですよ


![image](https://qiita-image-store.s3.amazonaws.com/0/146642/955815bd-7893-658f-e0da-7c3b08481591.png)
クッキーマークをポチっとすればこんな感じ
左上のゴミ箱で消したり、値を書き換えたりできますー

# 10. 踏み台サーバーに入って、sshして、ある階層のフォルダまで行って…ってめんどくさい！
RLoginのチャットスクリプトを使おう！

使っていない人はここからDLDL
http://nanno.dip.jp/softlib/man/rlogin/

便利なことまとめの記事はこちら
http://qiita.com/murachi1208/items/d6e4ce7ba75f1625fe51

でチャットスクリプトですが、
表示→オプション設定から

![image.png](https://qiita-image-store.s3.amazonaws.com/0/146642/c3419cdc-042b-8ca6-75b6-0da69f0f77e3.png)
サーバー→ChatScript編集

![image](https://qiita-image-store.s3.amazonaws.com/0/146642/1334b84a-a325-fcab-c9b0-6ea3abd5fdae.png)

この次回接続時にChatScriptを自動で作成する
って言うのがマジ便利

コマンド打って返答を待ってくれてってのを自動でやってくれます。
コードを書くのではなく、操作を勝手に覚えてくれるのマジ神



以上です。
いかがでしたか？

新卒の方じゃなくてもWEBエンジニアなら良いね！って内容ではなかったでしょうか？
僕も初めからこれくらい知っておきたかったー
これでみなさんの開発が少し楽しく爆速になってもらえれば幸いです。

# 追伸
株式会社エイチーム引越し侍では、一緒にサイト改善をしてくれるWebエンジニアを募集しています。エイチームグループのエンジニアとして働きたい！という方は是非、以下のリンクから応募してください。
皆様からのご応募、お待ちしております！！

> [エイチームグループ採用サイト（Web開発エンジニア職）](http://hikkoshi.a-tm.co.jp/recruit/request.php?ea=ktqiita_shinsotsu)