akechiのIT技術者日誌: ウェブ・ページにソースコードをスタイリッシュに表示する方法（GitHub編）

経緯

ブログを書いていてソースコードを掲載することがあるのですが、ページに記載することが多くなりタグで書くのは面倒だったので簡単に貼り付けれるような方法を探してみました。

検索してみると条件を満たせそうなものとして、以下のものが見つかった。

今回は、GitHubを選定してみました。理由は、GitHubに興味があり、一度使ってみたかっただけです。

個人的には以下の理解です。（まじめには勉強していないので感覚的なものです。正しい理解をしたい方は、自分で調べてみてください）

ソースコードがバージョン管理できる。
世界中の人がレビューしてくれる。
今回サンプルをアップしましたが、１時間ほどで３人ほどレビューしてくれました。たいしたものをアップしなかったので、修正はありませんでしたが、すぐに見てくれる人がいるのはすごい！！
ついでに、評価もしてくれる。（ソーシャルネットワークの「いいね！」にあたるものが用意されていますが、、、何でもかんでも「いいね！」には賛同できかねますが）

開発をかれこれ、20年ほどやっていますが、こんなに簡単にグローバルに開発が行えてしまう状況はには正直、感動します。いろいろと感じた点はあるのですが、話がそれそうなので、別の機会にします。

上記の４ステップです。実際やってみましたが、私はGoogleのBloggerを利用しており動的ページを利用していると表示できないという罠にはまった以外はあっさりとうまくいきました。

ここは省略します。

必要がある方は、ここから登録できます。

ログインすると以下の画面が表示されます。

画面上にある、Gistをクリックします。

ソースコードを入力します。

ファイルの拡張子でハイライト表示が変わるみたいなので必ず拡張子を入力すること

作成したら、Create secret gistをクリック

画面右にある、Embed URLのアイコンをクリックすると

クリップボードに貼り付けるScriptタグがコピーされます。

自分のブログやホームページに貼り付けると完成です。

ちなみにこんな感じです。

Eclipseでソースを見てるみたいです。かっこいいので、皆さんもブログなど自分のコードを公開する場合は利用してみたください。