PureBuilder Simplyのご紹介と導入・運用・更新のデモ (動画あり)
- トップページ
- ミーミルヨコハマについて
- PureBuilder Simplyのご紹介と導入・運用・更新のデモ (動画あり)
PureBuilder Simplyとは
Mimir Yokohamaの代表である正木はるかが制作したウェブサイト構築ソフトウェアです。
オープンソースソフトウェアとしてGitHubにて公開されており、誰でも自由に使用することができます。
PureBuilder Simplyは事前生成戦略を採用しており、WordPressのような他のソフトウェアと比べ
- 極めて柔軟な構築が可能
- 高速な応答が可能
- 構築や管理が楽
という特徴があります。
また、他の事前生成戦略を採用するソフトウェアと比べてもより柔軟で、構築や運用の容易性に優れています。
PureBuilder Simplyの高速性
2017年末にMimir YokohamaのウェブサイトをWordPressからPureBuilder Simplyに移しました。
このときの成果を動画で紹介しております。
PureBuilder Simplyで更新する
PureBuilder Simplyの開発目標のひとつに、高い更新料を払っている、自分で更新できず困っている、という多くの方の声を解決する、というのがありました。 そのため、PureBuilder Simplyの更新はとても簡単に作られています。
- 文書は書くだけ。書式は簡単なMarkdown、あるいはこだわりを詰め込めるReSTructured Text。お好みのエディタで書けます
- 画像ファイルなどは単にフォルダにコピーするだけ。あとは文書から挿入したい写真の場所を書けばOK
- 更新も一発
実際の更新手順をYouTube動画で紹介しています。 なお、動画にちらつき、およびキーボードの反響音があります。ご注意ください。
この動画で使用されている更新スクリプトはPureBuilder Simply自体には含まれないものです。
このスクリプトがPureBuilder Simply自体に含まれないのは、スクリプトの内容自体が環境によるためです。 Mimir Yokohamaが納品するものについてはお客様の環境に合わせてありますから、このように更新スクリプトが付属します。
Mimir Yokohama のドキュメントソースの一端
Mimir YokohamaのウェブサイトはPureBuilder Simplyの実力をフルに引き出し、その可能性を提示するというコンセプトがあります。 そのためかなり複雑な記述が駆使されていますが、基本的な書き方自体は簡単です。
例えばミーミルの泉のページはこのように書かれています。
# 事前生成戦略のおこり
もともと私が事前生成戦略について研究し始めたのは2000年のことでした。
当時はPerlを使ったCGIアプリケーションが人気で、これを共有スペースのレンタルサーバーで動かす(主に掲示板、カウンター、そしてチャットを)のが定番でした。```
ページのテンプレートはYAML front matterの骨組みだけ書かれたものを使用しています。
最低限必要なものは`title`だけで、標準のものは`author`, `date`の3つだけですが、Mimir Yokohamaのページは大幅に拡張されているため複雑です。
これは誰しもが書かなくてはいけないものではありません。
あくまでもMimir Yokohamaの機能によるものです。
量があるようですが、テンプレートを元にすれば労力はあまりありません。
```yaml
---
# -- BASIC META -- #
title: ""
date:
author: Mimir Yokohama
# -- ADDITIONAL META -- #
# last_modified:
# -- READABILITY INFOMATION -- #
pickable: no
difficulty: 2
required_know: 1
lod: 1
target_readers:
-
# -- PAGE TYPE -- #
# > ABILABLE: post, novel, promotion, adv(for ReST)
pagetype: post
# -- ACCS CONTROL -- #
accs: no
# category:
# -- ASSISTANCE -- #
tags:
-
# -- ENABLE PLUGINS -- #
glossaries:
- generic
---
```
[「女子大生、パソコンを買う」シリーズ](/serials/beginner-yuka/001.html)は次のようなfront matterを持ちます。
小説形式になっている
```yaml
---
title: "#1 女子大生、ミーミルヨコハマを訪ねる"
date: 2018-02-08
last_modified: 2018-02-13
author: Masaki Haruka
category: "連載: 女子大生、パソコンを買う"
accs: yes
pagetype: novel
difficulty: 1
required_know: 1
target_readers:
- パソコンの購入を検討している人
- Mimir Yokohamaの雰囲気を知りたい人
tags:
- 女子大生、パソコンを買う
- パソコン購入
- ミーミルヨコハマ
glossaries:
- generic
---
```
これによって普通に書くだけで小説形式に見えます。
```markdown
――2017年、秋。
Mimir Yokohamaの週末は事務処理に始まる。
平日はお客様にご依頼いただいた仕事をこなし、お問い合わせの返信や事務作業にあてる時間がないためだ。```
[「ギークと普通な人々」シリーズ](/serials/comp-people/000.html)はReSTructured Textで書かれています。
会話形式になっている
```rest
:title: #0 プロローグ 彼らがやってくる
:date: 2018-07-08
:author: Masaki Haruka
:category: 連載: ギークと普通の人々
:accs: yes
:pagetype: adv
:difficulty: 1
:required_know: 1
:target_readers: パソコンをどう使っていいかわからない人;
:tags: 連載;パソコン活用;ギークと普通の人々;
都内某所。美しくも奇抜なクルージゴンク・コーポレーションのビルでパソコン講座が開かれていた。
.. container:: script_haruka
これで講習はおしまいです
みなさんお疲れ様でした
.. container:: takeru
いやぁ、やばいな
もうなんでもできるような気がしてくる```
これだけでそれぞれのキャラクターの発言として見えるようになります。
見え方の違いについては`pagetype`が`body`要素のクラスの一部として使われるため、デザインを使いわけることができます。
より見え方の違うサービスのページについても同様です。
```markdown
---
title: "サポートサービス"
date: 2017-12-18
pagetype: promotion
---
# 絶対の安心感
どんなトラブルにも
コンピュータのどんな症状でも
どう対処すべきか、なにをすべきか
常にその道を見据えている人がついているとしたら?```
このドキュメントの冒頭の注意書きもPandocのユーザーズガイドに載っていない機能を使用しています。
```markdown
::::{.notice}
この記事は事前生成戦略/PureBuilderに関する論文を一般向けにわかりやすくまとめ、補足したものです。
内容としては高度に技術的な記事となっております。
:: ::
組むのも簡単ですが、一回組んでしまえばがんがん書いていくだけ、設定したフォルダにファイルを増やしていくだけというお手軽さで大量に書く人にとってはとても使いやすいものになっています。
私はここに限らず相当な文量を書いていますが、ストレスがまるでなく快適です。
PureBuilder Simplyのインストールと構築
PureBuilder Simplyはウェブサイトを自力で書くことができる人がより簡単に、より強力に構築し、構築して以降は楽に更新できるようにデザインされているため、その構築はある程度の知識が要求されます。
しかしあなたがウェブサイトを構築する人であるならば話は別です。 PureBuilder Simplyは至って簡単に導入でき、あとはプレーンなHTMLやJavaScriptを書くのと同じ要領で構築することができます。