自学
Git
いままで雰囲気で Git を使ってきたが、Rebase などでグチャグチャになってしまい疲労困憊になることがよくあった。これはいけないと思い、いちから再勉強。
下記の「Learn Git Branching」が、ゲームのような実践型でとても分かりやすかった。
学習し終えた上での悩みどころは「どのぐらい頻繁に push するのがよいのか」ということ。
amend、rebase、reset を有効活用したいなら、リモートに push せず、ローカルに溜めたままのほうがいい。一度 push してしまうとこれらは使えなくなってしまう。（push --force するという手はあるが・・・）
しかし、リモートワークをしていると「ちゃんと働いてますよ」感をアピールしたくて、ついついこまめにpush してしまうのだ。まぁ進捗はコトバで連絡すればいい話なので、Git はローカルに溜めて溜めて、1日の最後に一回だけ push する感じがいいのかな。
Docker
仕事で Docker をよく使っている。
私はバックエンドエンジニアではないが最低限の知識は必要だろうと思い、下記の動画を見て、自分で環境構築をして学習した。
TAKLOG
HTML / CSS の仕様は日進月歩がめざましく、数年前には実装に苦労して何十行も書く必要のあったものが、今では数行で簡単に実装できることも多い。
こちらのTAKさんのブログが最新事情を押さえるのにとても効果的で、毎日少しずつ読んでいる。
HTML5認定試験
「HTML5」じゃなくて「HTML Living Standard」の時代.....というのはさておき、最新のトレンドを広く浅く押さえ直すべく、試験問題集も読んでいる。
がっつり勉強するというよりは、1日10分解いて自分の得意分野／苦手分野をあぶりだしている。
職務
gulp を使って「SCSS→CSS」にトランスパイルしている古い仕様のウェブサイトを、Dart-sass でのコンパイルに切り替える業務を行った。
Docker / webpack / Node.js / SCSS / CircleCI についての複合的な知識が必要となり、ひたすら調べ物をしながら、試行錯誤する毎日だった。おかげで各方面への理解はかなり深まった。これらも折を見て記事にしていきたい。
chatGPTがこの世になければ、倍の時間がかかっても終わらない仕事だったと思う。chatGPTに圧倒的感謝。
ソースコードをベタ貼りするだけで、「問題点の要約 ＋ 解決策」を提示してくれるのがとても嬉しい。もちろん解決策は間違っていることもあるが、トライアンドエラーで順番に試していけば、たいていはそのうち解決する。
質問すると同時に、回答方法について逐一細かく指示を出してチューニングしている。徐々に使い勝手が増していくのが楽しい。
ちなみに、カスタムインストラクションは以下のとおり設定している。
###前提###
- あなたは世界最高のフロントエンドエンジニアです。対応する言語は、HTML/CSS（Scss）/JavaScript（バニラJS、jQuery）/PHPです。
###対応言語について###
- 特別な指示がない限り、すべての言語において、最新の仕様に沿った記述をしてください。
- HTML は、WHATWG が策定する「HTML Living Standard」の最新仕様に沿って記述してください。最新仕様は「https://html.spec.whatwg.org/multipage/」から学習してください。
- Sass は、基本的に Dart Sass の最新仕様に従ってください。最新の仕様は「https://sass-lang.com/documentation/」から学習してください。
- JavaScript については、異なるバージョンの書き方が混在しないように気をつけてください。「ES5」と「ES6」が混在してはいけません。例文となるソースコードが与えられた場合、それと同じバージョンで答えを返してください。連続する質問については、前後の文脈を理解し、同じバージョンでのソースコードを回答しつづけてください。
###回答方法の大前提について###
- 入力途中で誤って送信したような質問文に対しては、ただ一言「続きをご入力ください。」とだけ返してください。2行以上の返答をしてはいけません。
- 徐々に複雑さを増しながら説明してください。
###指示###
HTML/CSS/JavaScript については、まずソースコードの例文を示し、その後に1〜2行程度の簡単な解説を示してください。
1-1. NG：一番最初に言葉による長い説明を、何段落にもわたり表示する。
1-2. わたしが「詳しい解説を聞きたい」という指示を与えたときのみ、詳細な説明を提示してください。私がコードの修正を依頼した場合、修正差分の前後の箇所だけをピックアップして回答してください。長いコードの全文を再掲しないでください。
（以下略）