仕事で使う者共や学習についての自分まとめ。
学習のきろく。
学習のまとめ
ドットインストール
- 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になるのかな...？
まとめてさっくり入れてくれるようなものはないので、個々で導入する。
# apt install php apache2 libapache2-mod-php
まずphp、webサーバ、apacheのphpモジュールをいれる。
次に、mysqlはXAMPPを使った時にMariaDBが使われていたので、そちらを入れたかったのだが、エラーを吐いて使えない+どこを探しても解決出来ていないようなので諦めた。
# apt install mysql-server php-mysql
# service apache2 restart
ちょっと古いが5.7がインストールされる。
参考:
WSLにLAMPを構築する（2018秋） - Qiita
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
癖はあるが、そこそこ使える。
いじり方の参考 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
それに伴い、以下MS-IMEのキーバインド。
無変換：IMEオフ
ひらがな：IMEオン
Shift+無変換： - (削除しておくとガバってもカタカナ入力にならない)
カタカナ： - (削除s(ry
Shift+カタカナ： - (ry
[OUTDATED] RocketDock(Dock)
もっぱらMacの時、Downloadフォルダを開きたいときにDockにフォーカスする癖があり、Windowsでも似たようなソフトで対応しようと思ったのがきっかけ。
ぶっちゃけランチャで起動する設定をすれば事足りるので、自分のクセが治れば個人的にはいらない子。
(19/11/03) 追記
そういえば最近使ってなかった。
UltraExplorer(Finder)
カラム表示が出来なぁい！(渡辺謙)
ということで、カラム表示のできるファイラーを。
結構重い。起動直後に固まる。などあるため、代替を探している。
Webツール
使っているWeb上のツールまとめ
Codic
変数に困った時、日本語を入れるとそれっぽい変数名を出力してくれる。
英語の語彙もないし、変数の命名にこまることが多いのでよく使う。
命名規則参考: Java言語の命名指針 - Qiita
たまに増やします。