SiPN編集部

Techinical Note

調べた内容をまとめるWikiのようなページが必要になり作成した。
参照していたWebページが消失することを度々経験しているので、参照先で利用したものはなるべく、そのままの形で引用して記述した。大石が調査して実際にやったことのある内容が大体まとまっている。

メディア

https://leico.github.io/TechnicalNote/

プロジェクトリポジトリ

https://github.com/leico/TechnicalNote

使用技術・ツール

Ruby / Jekyll / github pages / liquid markup / markdown / 静的CMS

実装概要

github pages / Jekyll という静的CMSを利用して運営している。
markdown で記述した記事が、自動でコンパイルされWebページを形成している。仮にgithub pages のサービスが消失しても Jekyll を利用して手元でコンパイルし、出力されたコンテンツツリーをそのまま外部サービスにアップロードすることで存続が可能となっている。
ページの一覧を生成するところなどは Shopify 等で利用されている liquid markup を用いて制御している。
（https://github.com/leico/TechnicalNote/blob/master/_includes/docs-collapse-panel.html）

また、ページの成形には Bootstrap や Mathjax を利用している。

応用例

  • Bootstrapを用いたレスポンシブサイトの作成
  • Jekyll を利用した静的CMSサイトの作成
  • liquid markup を利用したCMS用プラグイン開発
  • サービスや製品のレビュー、利用方法の確認、新たな利用方法の模索、アイデア出しと実証
　　

作者：大石 桂誉

関連記事

前の記事へ

「おーけすとら ・ぴとれ座 第1回音楽会」「おーけすとら ・ぴとれ座 第2回音楽会」フライヤー

次の記事へ

TRUSTLESS LIFE