# プログラミング学習においてこのツール便利だよ、このサイト便利だよ、大共有会

## Twitter
情報収集用

## Alfred
[Alfredを使いこなせてない君に！【Alfredの使い方完全版】 \- Qiita](https://qiita.com/jackchuka/items/ccd3f66f6dd00481b98b)

## VSCode
無料でこのクオリティはすごい。さすがマイクロソフト

## Rubymine
年間¥10,000するけどRubyを書くならかなりおすすめ。タイポもすぐ気付けるし、メソッドジャンプも優秀。初学者こそ使うべき。学習効率めちゃあがります。月単位でみたら¥1,000もしないですよ。

## erb2slim
https://erb2slim.com/
erb形式からslim形式に変換してくれる。

似たような整形サイトはいっぱいあります。
例えばJSON。
https://lab.syncer.jp/Tool/JSON-Viewer/

## 隠しファイル表示
Macの話だが、ドットから始まる隠しファイルはFinder上で「Cmd + Shif + .」と打つと表示非表示を切り替えられる。

https://twitter.com/daidai3110/status/1062348578771718144

## gh
GitHub操作用のCLI
[GitHub CLIで始める快適GitHub生活 \- Qiita](https://qiita.com/ryo2132/items/2a29dd7b1627af064d7b)

## Macのスクショ
「Cmd + Shift + 4」でスクショが取れるのは有名だが、実は「Cmd + Shift + control + 4」というのもある。こちらならクリップボードにスクショを保存してくれるのでデスクトップが汚れなくて済む。案外知られてない。
後述するGyazoのほうが他人に共有しやすいのでそっちの方がよく使う。

## Yoink

画面の隅に一時作業領域を確保してくれるので、ファイルのドラッグ&ドロップがめちゃしやすくなる
[](https://gyazo.com/d461c13a7d0c662b87823afa798132ac)

## Sidecar
iPadがあれば外出先でサブディスプレイとして活躍するのでプログラミングが捗る。
[Sidecar で iPad を Mac の 2 台目のディスプレイとして使う \- Apple サポート](https://support.apple.com/ja-jp/HT210380)

## Fuwari

[](https://gyazo.com/20d1ef53a229e62a7f5210d9c59fe984)

こんな感じでスクショをとって画面上に固定できる。
縦長のページで、上の方と下の方を双方確認するために行ったり来たりする手間が省ける。
[スクリーンショット拡張Macアプリ「Fuwari」を作って公開しました \- Qiita](https://qiita.com/kentya6/items/00599091bd987b5fa797)

## Gyazo
スクショを撮って
Gifも撮れるのが便利。
マークダウン形式でのコピペも楽々。

https://gyazo.com/

## Bear
メモアプリ。
シンプルで良い。
[‎「Bear \- プライベートメモ」をMac App Storeで](https://apps.apple.com/jp/app/bear-%E3%83%97%E3%83%A9%E3%82%A4%E3%83%99%E3%83%BC%E3%83%88%E3%83%A1%E3%83%A2/id1091189122?mt=12)

Notionはいまいち使い方がわかってない...
[Notionをメモツールとして1ヶ月使い倒したので学生・PG目線でレビューしてみる \- Gaming Life](https://ai-gaminglife.hatenablog.com/entry/2019/11/28/001236)

## TablePlus
[最近のDBクライアント事情［2020/11 現在］ \| gasekao\.com](https://gasekao.com/db-client)
DBのクライアント。
MySQLを使うことが多かったので今まではSequelProを使っていたが、Postgresqlも最近使う頻度が増えたのでこっちに移行したい。
まぁRubymineそのものにDBクライアントの機能もあるのでそっちで賄えたりもする。

## pikawaka
このサイト図解が多くてめちゃわかりやすい。Rails初心者にとっては良いと思う。
https://pikawaka.com/

## 1password
いわずとしれたパスワードマネージャー。
管理が煩雑になるのでどうしてもパスワードはいろんなサイト間で使い回しをしてしまいがち。ただそれはめちゃ危険です。そんな悩みを解消するのがパスワードマネージャーです。有料だけど全然あり。
[‎「1Password \- Password Manager」をApp Storeで](https://apps.apple.com/jp/app/1password-password-manager/id568903335)

## サブディスプレイ
騙されたと思ってサブディスプレイ買ってみてください。作業効率が爆上がりします。

## Chromeのシークレットモード
たまに非ログイン状態でサービスを使いたい場合があると思います。
毎回ログアウトしてたら疲弊するのでシークレットモードで開きましょう。
「Cmd + Shift + n」でシークレットモードのウィンドウが開きます。

## マグネット

ウィンドウの整列が楽。

[](https://gyazo.com/a0ce9b42c263eac589075d3b13ea4410)

[Macの画面を分割・並べて作業効率を劇的に向上させるアプリ「Magnet」が便利](https://misc-log.com/mac-magnet/)

## Shiftlt

マグネットの類似サービス。
無料。

[あれ？Mac使い始めたけど画面分割したいなあ \- Qiita](https://qiita.com/ysuzuki19/items/9e349d05e6df98d80c73)

## Clipy

シンプル。無料。
Shift + Command + V を押すと、コピーした履歴が30ほど遡れる。

[クリップボード拡張Macアプリ「Clipy」を公開しました \- Qiita](https://qiita.com/econa77/items/1848bf3fdfb7127ca9b8)

## Wapparyzer
今見ているサイトがどんな技術で成り立っているかが一目でわかる。

[](https://gyazo.com/4239b474d3cf9d24d5d7b6f01377fb09)

https://www.wappalyzer.com/

## Markup for Mac

Webページのスクショを撮って、それについてコメントができる。
「ここってこうのほうが良くない？」みたいな議論が簡単にできる。

https://chrome.google.com/webstore/detail/markup-for-chrome/llbkdcpbiogplgmefnkbgcdfiopfphbc

## localhost OGP checker

[localhostの状態でOGPのテストを開発環境で行う \- Qiita](https://qiita.com/TeruhisaFukumoto/items/6032efde115a17b45637)

## Zapier

https://www.fourglobe.co.jp/blog/p-94203#:~:text=Zapier(%E3%82%B6%E3%83%94%E3%82%A8%E3%83%AB)%E3%81%A8%E3%81%AF,%E3%82%BF%E3%82%B9%E3%82%AF%E3%82%92%E8%87%AA%E5%8B%95%E5%8C%96%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82

引用
> Gmailの添付ファイルをOneDriveに自動アップロード
ブログの更新情報をFacebook・Twitterに投稿
新しいTrelloカードからGoogleカレンダーの予定を作成する
Googleカレンダーの設定をSlack チャンネルに通知
受信したメールの内容でTrelloボードを作る
スプレッドシートの内容をTrelloに自動でタスク化する

## ターミナルを使いやすく

zsh + preztoなどなど。

https://progriro.net/zsh-prezto/

とにかくデフォのターミナルは使いづらい。Gitのブランチ名が表示されなかったり。

## oh my bash
https://github.com/ohmybash/oh-my-bash
ターミナルかっこよくなる。

## raindrop
https://raindrop.io/
ブックマーク保存ツール。グルーピングしたブックマークをそのままお客さんに共有、とかできる。

## pintarest
https://www.pinterest.jp/
デザイン参考ツール。

## dotfiles管理
https://qiita.com/b4b4r07/items/b70178e021bef12cd4a2
開発環境の管理。github連携しておけば、PCを変えたときにいちいち環境構築しないですむ
めちゃいろいろなことができるので、色々要チェック。
※chromeのインストール、というところからターミナルの設定とかいろいろできる

## miro
https://miro.com/
共同編集でブレスト、ホワイトボード的な事ができる。
付箋張り合ったり、ジャーニーマップ作ったり、授業できたり色々と優秀
※無料でも3ボード利用可。有料だとボード使い放題

## CSS Peeper
https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
サイトのCSSを確認。フォントとか使われている色とかをすぐに確認できる


## Lighthouse
https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk
サイトスピード計測ツール。アクセシビリティとか確認できる

## Dash
[Dash for macOS \- API Documentation Browser, Snippet Manager \- Kapeli](https://kapeli.com/dash)
プログラミング言語の辞書みたいなアプリ、一定期間を経ると有料になる

[](https://gyazo.com/726b6e39d1cd88ff8b18ca995703caa0)

ソースコードも確認することができる。

[](https://gyazo.com/46c4e34400f87d1ac16a1a9a1b016ee2)

## DevDocs
https://github.com/freeCodeCamp/devdocs
Dashの類似サービス、無料

## nezumi
https://github.com/mugi-uno/nezumi

## 画像圧縮
https://imagecompressor.com/

## フリー素材
https://unsplash.com/

## ダミー画像
https://placeholder.com/

## 画像拡大（機械学習）
http://waifu2x.udp.jp/index.ja.html

## ドラクエ人生論
http://yokichi.com/2011/05/post-315.html