仕事使うもの・学習の記録などのスタック(個人メモ)

仕事で使う者共や学習についての自分まとめ。
学習のきろく。

# 学習のまとめ
## ドットインストール
- HTML入門
https://github.com/oratake/dotinstall_html_first/blob/master/studyReport.md
- CSS入門
https://github.com/oratake/dotinstall_css_first/blob/master/studyReport.md
- CSSレイアウト入門
https://github.com/oratake/dotinstall_css_layout/blob/master/studyReport.md
- 実践！ウェブサイトを作ろう
https://github.com/oratake/dotinstall_making_website/blob/master/studyReport.md

# 使用するツール関係
## 諸々のチートシート
今の所使いそうなチートシートまとめ
### npm系
- yarn  
npmを併用し始めたので、かわりにyarnを使用。あたらしいnpmを使ってもいいそうなので、今後廃れるかな...？  
https://qiita.com/morrr/items/558bf64cd619ebdacd3d

# 開発ツール
## エディタ、IDE
### Vim
■ 追記: 2019/01/22
PHPを書き始めたぐらいで少し時間が出来たので、1月頭から本腰を入れてvimに入門してみた。
すると、今まで覚えきれない...と思っていた部分を大部分すっ飛ばして、少しずつ慣れていくことで、
今では使いやすいとさえ思い始めた。
しばらくはvimをプラグインやら設定やらでIDE化して使おうと思う。

■ 追記: 2019/02/06
最近はVimの機能をしっかり引き出して行くのが楽しくなってきた。
見た目やらキーバインドやらプラグインなど、ある程度分かってきた。
一瞬Atomを触ったときにjj（私のescの設定）と打ってしまってイラッとしたので、
当分は他のエディタには手を出せなくなりそう。
というかSlackでメッセージを出すときにもvimのオペレータやモーションが飛び出すので、いろいろと既に影響出ている。
Vimたのしい。
そのうちまとめ記事を書きたい。

### [OUTDATED] Atom
もっぱらAtomでコーディングしている。
■ 追記:2018/12/19
一度VSCodeに移ったものの、設定しないで使っているからか、余計な提案が多く、emmetがよくサボったりと、度々いらっとくることがあったため、Atomに戻る。
VSCodeで挙動がわかりやすく使い勝手のよかったsassのリアルタイム変換とブラウザ更新はGulp+Sass+Browsersyncがうまいこと動いたので移行。
■ 追記: 2019/01/22
Atom -> vim に移行中。
時間がないとき以外はvimで編集してトレーニング中。

### [TERMINATED] ~~VisualStudio Code~~
巷でよくVSCodeの噂を聞くので導入したが、HTML/SCSS程度のコーディングだといい感じに使えている。
とくに保存と同時にsassを変換して、ブラウザが更新されて、という環境がなかなかツボ。

## ターミナル
紆余曲折について多くなってきたので別記事にまとめた。
https://qiita.com/oratake/items/475564f96c562bab2953

### [TERMINATED] ~~MSYS2~~
ターミナルで操作したい。というタイミングがよくあるので、導入。
~~最近はnodeのツールを利用するために使い始めている。~~
移行しました。

### WSL(Windows Subsystem for Linux)
Windows10にUbuntuを始めとしたLinuxが入る。
二世帯住宅みたいな仮想ではなく、ちゃんと同居した大家族世帯みたいにシームレスに使える。
Ubuntu.exeを実行すればすぐ立ち上がる。
Ubuntuを選んだので、パッケージの導入はaptでいける。
なかなかいいかんじなのでいまはこっちを利用。

#### [WSL] LAMP?XAMP?環境構築  
一応UbuntuなのでLAMPになるのかな...？
まとめてさっくり入れてくれるようなものはないので、個々で導入する。

```console
# apt install php apache2 libapache2-mod-php
```
まずphp、webサーバ、apacheのphpモジュールをいれる。
次に、mysqlはXAMPPを使った時にMariaDBが使われていたので、そちらを入れたかったのだが、エラーを吐いて使えない+どこを探しても解決出来ていないようなので諦めた。

```console
# apt install mysql-server php-mysql
# service apache2 restart
```
ちょっと古いが5.7がインストールされる。

参考:
[WSLにLAMPを構築する（2018秋） - Qiita](https://qiita.com/mollinaca/items/60c54b7767a49c1e3e51)

## Node
最近Node.jsにも触れ始めた。  
経緯などは以下。
https://oratake.hateblo.jp/entry/2018/12/12/110003
以下使っているものども。
- browsersync
リアルタイムでブラウザに表示するツール。
設定・使い方は以下参照
https://qiita.com/niusounds/items/a95978f9a1cb328d3021

## Windowsの介助関係
当職、普段使いはOSXなのだが、Winを利用することもある。
どうしても使い勝手が悪いので、使いやすいようカスタムor見つけたショートカットなどの記録。

### Mission Control (前のExposé)
mac以上のいいものが見当たらない。ひとまずAlt+Tabで代用中。

### ランチャ
開きたいソフト、ファイルの頭文字を打つと実行できるというもの。
macではAlfredを利用しているが、winでそれっぽいものを見つけた。
[keypirinha](http://keypirinha.com/)
癖はあるが、そこそこ使える。
いじり方の参考 https://pc-plaza.com/keypirinha/

### mac keyboardを使う
あのペタペタキーボードの打鍵感をWinでも使いたい。
普通につないでも使えるが、英数・かなが使えない。これではアカン。
bootcampのドライバ集があるので、その中からAppleKeyboardのドライバのみをインストール。使える。
ただ、まだかなと英数キーはmacのものと違うので、以下のgoogle inputと一緒に設定する。

### 日本語入力
Google Japanese Inputを使いたいのだが、何故かMS-IMEに戻る時がある。ので設定から削除。
https://mosapride.com/index.php/2018/05/01/post-861/
しかし、Windows10に近いアプリたち(Skypeとか)は切り替わってくれない。なんでや。
そして、Google日本語入力のオプションから「キー設定」を変更して、Macっぽくする。
→ MuhenkanをIMEオフに
→ HenkanをIMEオンに
これでそれっぽくなった。

**(18/11/19) 変更**
Google Inputは、Wordやwinアプリでの挙動がおかしくなってしまった為、MicrosoftIMEを使用することに。
しかもMS-IMEには予測変換をBingから引っ張ってくる機能があるとか。
ただし、標準では切ってあるので以下に従い、機能をオンに。
[Microsoft IMEをGoogle日本語入力並みに使えるようにする方法 - Tanweb.net](http://tanweb.net/2015/12/16/5707/)

それに伴い、以下MS-IMEのキーバインド。

無変換：IMEオフ
ひらがな：IMEオン
Shift+無変換： - (削除しておくとガバってもカタカナ入力にならない)
カタカナ： - (削除s(ry
Shift+カタカナ： - (ry

### [OUTDATED] ~~RocketDock(Dock)~~
もっぱらMacの時、Downloadフォルダを開きたいときにDockにフォーカスする癖があり、Windowsでも似たようなソフトで対応しようと思ったのがきっかけ。
ぶっちゃけランチャで起動する設定をすれば事足りるので、自分のクセが治れば個人的にはいらない子。

**(19/11/03) 追記**
そういえば最近使ってなかった。

### UltraExplorer(Finder)
カラム表示が出来なぁい！(渡辺謙)
ということで、カラム表示のできるファイラーを。
結構重い。起動直後に固まる。などあるため、代替を探している。

## Webツール
使っているWeb上のツールまとめ
### [Codic](https://codic.jp/)
変数に困った時、日本語を入れるとそれっぽい変数名を出力してくれる。
英語の語彙もないし、変数の命名にこまることが多いのでよく使う。
命名規則参考: [Java言語の命名指針 - Qiita](https://qiita.com/rkonno/items/1b30daf83854fecbb814)

---
たまに増やします。