index.md

GitHub PagesとMDwikiでウェブサイトを構築する

はじめに

このウェブサイトは、GitHub PagesとMDwikiでウェブサイトを構築する作業を通してGitHubの使い方およびマークダウン記法を学ぶ、初心者向け学習コンテンツです。このウェブサイト自体もGitHub PagesとMDwikiで構築されています。

なぜGitHub PagesとMDwikiなのか

GitHub PagesでGitHubを学ぶ

「GitHub Pages」はGitHub社の運営するレンタルウェブサーバーで、ウェブコンテンツのアップロードにFTPクライアントではなくGitクライアントを使います。初心者がGitHubの使い方に慣れるための題材としてGitHub Pagesは適していると考え、題材として取り上げました。

「GitHub」は、バージョン管理システム「Git」の機能をオンラインで提供するWebサービスです。ソフトウェア開発プロジェクトのような、大量のファイルで構成される資料を多人数で編集する状況において、GitおよびGitHubは非常に便利なシステムです。

MDwikiでマークダウン記法を学ぶ

「MDwiki」はCMS(コンテンツマネジメントシステム)の一種で、マークダウン記法で書かれたウェブコンテンツをHTMLに変換する以外は他に目立った機能がほとんどないという変わり種のCMSです。しかし機能が少ないということは覚えるべき情報が少ないということです。マークダウン記法を覚えるための題材としてMDwikiは適していると考え、題材として取り上げました。

「マークダウン記法」は、HTMLタグのうち頻繁に使われるタグを簡略化された符丁で表現することで素早くHTMLを書く記述法です。マークダウン記法で書かれたウェブコンテンツはプログラムによってHTMLに変換されたのち、ウェブに掲載されます。

超速でウェブサイトを構築する

もしもGitHubの使い方に慣れた人であれば、GitHub PagesとMDwikiを使って3分程度でウェブサイトが完成します。「サーバーアプリケーションにありがちなコマンドラインを使ったインストール作業がない」「HTML言語を使わずマークダウン記法だけでウェブコンテンツを作成できる」ことが速さのポイントです。カスタマイズも可能で、自分のウェブサイトにオリジナリティを演出することも可能です。そしてなにより、GitHub Pagesは無料です。

総目次

---

実践編

1. なにが違うの？GitとGitHub
2. コマンドラインはもう不要・GitHub Desktop
3. 完全無料のウェブサーバー・GitHub Pages
4. これだけ知ればGitHub Pageを使える！Git用語
5. たった2つのファイルでサイト構築・MDwiki
6. 圧倒的な作業の効率化！マークダウン記法
7. 真にミニマルなマークダウンエディタ・Typora
8. Git対応高機能テキストエディタ・ATOM
9. MDwikiをカスタマイズする・基本編
10. MDwikiをカスタマイズする・HTML編
11. MDwikiをカスタマイズする・CSS編
12. 弱点克服！MDwikiをGoogle検索の対象にする

解説編

• Git用語集

このサイトについて

このウェブサイトは、GitHub PagesとMDwikiでウェブサイトを構築する作業を通してGitHubの使い方およびマークダウン記法を学ぶ、初心者向け学習コンテンツです。

最終更新

2021.4.23

本件問い合わせ先

Akihiro MORIYAMA (https://akihiro-moriyama.github.io/)