開発者向けのウェブ技術 / MDN
Firefoxというブラウザを作っているMozillaが公開しているドキュメントで、ここが一番網羅的でまとまっています。
ウェブ開発を学ぶ / MDN
MDNにあるweb開発のチュートリアルです。
OGP設定方法
SNSなどでシェアした時に表示されるサムネイルなどを表示させる仕組みについての解説記事。TwitterとFacebookはOGPの確認用ページを用意しています。
FacebookのOGPを変更した場合は、上記リンク先で「もう一度スクレイピング」というボタンを押すと更新されます。
Visual Studio Codeには色んな拡張機能が公開されていて、こちらから探すことができます。
以下、入れておくと便利な機能拡張を紹介します。
Beautify
HTMLやCSSのインデントを整えてくれます。
SFTP
webサイトのデータをアップロードするための拡張機能です。
Live Sass Compiler
SCSS形式のファイルからCSS形式のファイルを生成してくれます。
ESLint
JavaScriptの構文チェックを行ってくれます。文法ミスなどを見つけやすくなります。
Live Server
ローカル環境に動作確認用のwebサーバーを作るための拡張機能です。
テキスト校正くん
文章を書く際に、整えるべき点を指摘してくれます。
GitHub Pagesとは、GitHubでwebサイトを公開する機能です。
Jekyllテーマとは、Jekyllでwebサイトを作るためのテンプレートで、テーマを使うとwebサイトの構築が手軽になります。