Coder Social home page Coder Social logo

1f408 / cats_dogs Goto Github PK

View Code? Open in Web Editor NEW
219.0 2.0 7.0 58.53 MB

CAT'S DOCument System

Home Page: https://1f408.github.io/pages/

License: MIT License

Shell 0.03% Go 4.41% CSS 4.49% JavaScript 91.06%
go blog-engine documentation markdown pages server-rendering static-site-generator webapp website-generator 1f408

cats_dogs's Introduction

cats_dogs(CAT'S DOCument System)

cats_dogsは、DB不要なMarkdownファイルベースのドキュメントシステムです。
MarkdownファイルとNginxを使って、手軽にWebコンテンツを提供する仕組みです。

cats_dogsイメージ

目的

cats_dogsは「メモ的に情報を楽に共有したい」ので作りました。

ブラウザがあれば、Webページを見ることは比較的簡単ですが、Webページを作ろうと思ったら、HTML書いたり、CMS管理したり、なかなか面倒です。
しかし、Webコンテンツとして共有したいのは、手間やコストがかけられる芸術的なコンテンツばかりではありません。
メモ的に、低コストで楽に作って共有できる、そんな、手軽さが重要な用途もたくさんあります。

Webのそんな手軽さが求められる用途での、以下の3つの「手軽さ」を目指して作られたのがcats_dogsです。

  1. 書く手軽さ
    • Markdownで書けるようにした。
  2. 管理する手軽さ
    • DBレスにして管理の手間を減らした。
  3. 見る手軽さ
    • Webコンテンツの見やすさを重視した。

このように、cats_dogsは、Web向きな情報を手軽に共有することが目的です。

画面イメージ

ファイルを表示した画面

ファイルを表示した画面

目次を開いた画面

目次を開いた画面

ディレクトリ情報を表示した画面

ディレクトリ情報を表示した画面

構築デモと設定サンプル

cats_dogsは、用途に応じて柔軟にカスタマイズして使う為、決まった使い方がありません。
そこで、以下のページで、デモ動画などをつかって、いくつかの構築方法や設定を紹介しています。

特徴

cats_dogsは、手軽さのため、以下の問題を解決するように作られています。

  1. メモを書く+α程度の手軽さが欲しい。
    • CMSの構築やDBの運用は、面倒すぎる。
    • テキストやコメントを書くぐらいの手軽さがよい。頑張ってもMarkdown程度ぐらいが限界。
  2. 一般的な書式で書きたい。
    • アプリ独自のMarkdownフォーマットでは、使い難い。
    • GithubのMarkdownがデファクトなんだから、GithubのMarkdownとの互換性がほしい。
  3. 共有するので、見た目は相手によって変わって欲しくない。
    • 名前などの固有名詞の漢字が化けて欲しくない。(第4水準の漢字ぐらいは、表示して欲しい)
    • OSやブラウザが違っても表示できて欲しい。
  4. 出来るだけ軽く動いて欲しい。
    • 非力なサーバで動かないとコストがかかりすぎる。
    • 構築した後は、楽に使いたい。DBの管理みたいな面倒なことはしたくない。
    • HTTPのキャッシュの仕組みがちゃんと動いて欲しい。
  5. 見やすくするため、手軽にカスタマイズできないと困る。
    • 用途に合わせて、見た目を変えたい。
    • 見る人に合わせて、見せる文章を切り替えたい。
    • 人数が増えても使えるように、キャッシュなどの高速化のカスタマイズができるとうれしい。

この結果、以下のような手軽さが重要な、たくさんの用途で使える物になりました。

  • 自分用メモWebアプリ
  • メモ共有サイト(MarkdownなWikiもどき)
  • 動画紹介記事サイト
  • 講義資料サイト
  • 作業手順サイト
  • 部署サイト
  • 簡易GitHubもどきサイト(cats_dogs+gitで実現)
  • GitBookもどきサイト
  • などなど

そして、この多用途な特徴だけでなく、「手軽さ」に関して、以下のようなたくさんの特徴を持っています。

  1. 書く手軽さ
    • GitHub.comのMarkdown処理との高い互換性
      • GFM(GitHub Flavored Markdown Spec)に対応してる。
      • emoji表記、数式(MathJax/LaTex形式)、mermaid形式、GeoJSONマップにも対応している。(設定で必要な拡張の有効化が必要)
    • Markdown処理の柔軟なカスタマイズ機能
      • 設定ファイルでMarkdown拡張機能の有効無効に変更できる。
    • ファイルベースシステム
      • gitやtarなどのファイル用のツールで、バックアップやデータ共有ができる。
  2. 管理する手軽さ
    • DBレス(RDBレス、KVSレス)
      • RDB(MariaDB, MySQL, PostgreSQL等)を使わないので、運用や管理で楽できる。
    • Nginx専用設計(Nginxでモジュール群を連係)
      • Nginxの設定を使って、かなり自由にカスタマイズできる。
      • 静的ファイルはNginxが直接処理するので、高速動作する。
      • Nginxのプロキシキャッシュ制御に対応していて、動的コンテンツも軽量動作する。
    • 動的コンテンツのdump(静的コンテンツ化)機能
      • 動的コンテンツもNginxにオフロードして、負荷を軽減できる。
  3. 見る手軽さ
    • 日本語Webフォント対応
      • JIS第1〜4水準漢字をサポートした以下の4種のフォントを標準設定済み
        • Noto Sans CJK JP(ゴシック体)
        • Noto Serif CJK JP(明朝体)
        • Rounded Mgen+ 1pp(丸ゴシック体)
        • Rounded Mgen+ 1m(等幅の丸ゴシック体)
      • フォント追加変更もできる。(webフォント作成は、cat_nofnを利用)
    • 見た目のカスタマイズも可能
      • Goのtext/templateとCSSで自由に変更できる。
      • 簡単にテーマカラーを切り替えられる。

ビルド手順

システム全体の構築方法については、cats_ampleを参照してください。
ここでは、cats_dogsのモジュール群だけのビルド手順のみを記述します。

  1. Goをインストールする。
  2. ソースをダウンロードする。(作業用のディレクトリで、git cloneを実行)
    git clone [email protected]:1f408/cats_dogs.git
    
  3. cats_dogsディレクトリに移動する。
    cd cats_dogs
    
  4. ./build.shを実行する。
    ./build.sh
    
    • このスクリプトでは、Goを実行してcats_dogsをビルドします。ビルドしたプログラムは./binディレクトリへ置かれます。
    • ビルド中にGoの外部ライブラリをダウンロードするため、ネットワーク環境が必要です。
  5. 適切なパスへ./binディレクトリのファイルをコピーする。
    • cats_dogsのモジュールの使い方は、モジュール群の説明を参照してください。

Markdown書式の仕様

cats_dogsのMarkdown処理は、GitHubとの互換性を意識した作りになっていますが、 余計な機能を無効にして、シンプルなMarkdownの仕様にすることも出来ます。
用途に合わせて自由にカスタマイズして利用してください。

設定方法やMarkdown処理の詳細については、cats_dogsのMarkdown処理を参照してください。

システム構造

cats_dogsは、以下の図のように、複数のモジュールが連係して動作します。

プログラム関係図

モジュールの組み合わせは、用途に合わせて、必要な機能に合わせて、変更します。
そして、各種モジュールは以下のような機能を担当しています。

  • Nginx
    • HTTP処理
    • キャッシュ管理
    • コンテンツやモジュールへの処理の振り分け
  • ngx_auth_mod (別モジュール)
    • LDAPでの認証処理
  • cat_getexec
    • 出力を伴うシンプルなAPIを提供
  • cat_multi_getexec
    • 出力を伴うシンプルなAPIを複数提供
    • cat_tmplviewと連携して、シンプルなUIを量産する仕組みの一部です。
  • cat_mdview
    • Markdownドキュメント表示
  • cat_tmplview
    • ユーザ権限に合わせたコンテンツの生成

モジュール群

プログラムやモジュールの詳細については、以下のドキュメントを参照してください。

  • ngx_auth_mod
    • 認証を担当します。
    • 汎用性が高いため、別のレポジトリに分かれていますが、 組み合わせて使うことを想定して作られています。
  • cat_getexec
    • 出力を伴う雑多なAPIを提供します。
    • スクリプトを呼び出すことでAPIを実現する構造になっているため、APIの追加や変更を柔軟に行うことが可能です。
  • cat_multi_getexec
    • 出力を伴う雑多なAPIを複数提供します。APIは同じ権限で動作しますので、細やかな権限管理はできなくなります。実行毎にAPI設定を読み込むオーバーヘッドが存在します。
    • スクリプトを呼び出すことでAPIを実現する構造になっているため、APIの追加や変更を柔軟に行うことが可能です。(Cat UIの一部)
  • cat_tmplview
    • ユーザの権限に合わせて、テキストコンテンツを出し分けるためのWebアプリです。Cat UIの一部でもあります。
  • cat_mdview
    • Markdownコンテンツを表示するためのWebアプリです。
  • cat_verify_type
    • シェルスクリプトでIPアドレスやURLなどのチェックしにくい入力をチェックする支援ツールです。(Cat UIの支援ツール)
  • cat_args2csv
    • シェルスクリプトからRFC1480準拠のCSVを出力するための支援ツールです。(Cat UIの支援ツール)
  • cat_printcsv
    • シェルスクリプトからRFC1480準拠のCSVを一行だけ出力するための支援ツールです。(Cat UIの支援ツール)
  • cat_ui.js
    • cat_uiテンプレート関数をサポートするJavaScriptプログラムです。(Cat UIの一部)

Cat UI(プラットフォーム)

cats_dogsには、Cat UIプラットフォームという、APIおよびWeb UIを量産するための仕組みがあります。
この仕組みを使うことで、APIやWeb UIを容易に作れます。例えば、git pullしてレポジトリと同期するWeb UIを作れば、git+cats_dogsで、簡易Githubもどきが実現可能になります。

詳細はCat UI(プラットフォーム)を参照してください。

関連プロダクトおよび関連サイト

  • 1f408 Orgianizatoin
    • 関連プロダクトの紹介
    • cats_dogsの関連プロダクト全貌を知りたいあなたへ
  • cats_ample
    • 構築方法や設定方法をデモ動画を使って紹介
    • cats_dogsの使い方を知りたいあなたへ
  • cat_om
    • gitレポジトリfeed生成ツール
    • gitのレポジトリと連係させた結果を、更新情報へAtom feedとして提供したいあなたへ
  • cat_nofn
    • cats_dogsのためにつくった、サブセットフォント分割とフォント設定CSS生成ツール
    • 好きなフォントをwebフォントとして使いまくりたいあなたへ

内部仕様

cats_dogs's People

Contributors

f3lvx avatar k2u2 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.