1. moaiを起動します.
   ( たとえばWindowsならmoai.exeを実行します ).
   


2. ブラウザから http://127.0.0.1:8124 を開きます.
   
   
   環境によっては 127.0.0.1 の替わりに localhost を指定してもよい場合もあります.
   


3. お使いのブラウザに以下のようなページが表示されると思います.
   
   
   
   


4. この画面においてEasterをクリックします.
   以下のような「仮想ブラウジング」の画面が表示されると思います.
   
   
   
   


5. この図の「表示設定」と書かれてあるボタンより下に列挙されているのがリンクのリストです.
   ピンク色のリンクを開くと、そのリンク先のサイトを仮想ブラウジングします.
   それ以外のリンクの場合は普通にブラウジングします.
   

ここには仮想ブラウジングを開始するためのいくつかのリンクがリストされています.
このリストはユーザが自由に登録追加、削除できますし、その内容を修正することができます.
いわゆるブックマークのような使い方も可能です.

仮想ブラウジングがサポートしているサイトは、現時点では５ちゃんねるとふたばちゃんねるのみとなります.
これらのサイトのURLを登録したとき、そのURLはEaster URLというものに自動的に変換され、そのリンクを開くことで仮想状態が機能します.

一方、サポート対象以外のサイトのURLであっても一応登録できます.
この場合、登録したリンクには のようなマークがつきますが、開かれる先は通常のURLとなります.
つまりEasterを介さず直接閲覧することになりますので仮想状態も機能しません.
単なるブックマークとしての機能となります.

コラム：Easter URL
コラム：仮想環境が継続的に維持される仕組み

Ver2.3より、Easterの全ての機能に「On-the-sport ヘルプ」が導入されました.
More

実はVer.2.2以前にも似たような仕組みを所々に導入していましたが、レイアウトの確保や整備が大変であったこともありその対応は完全ではありませんでした.
Ver2.3よりMoai/Easterのコアシステムに我々が「Raraku BIRD」と呼ぶフレームワークが導入され、この辺りの開発環境が飛躍的に良好なものとなりました.
これによりようやく完全なOn-the-spotヘルプシステムが実現した形となります.

「On-the-sport ヘルプ」は折り畳み式のヘルプであり、「ヘルプ」ボタンを押すとその場にヘルプの内容が即時展開表示され、もう一度押すと閉じるというものです.
(すぐ上に「More」というボタンがありますが、仕組みはこれと同じです).
このヘルプシステムの完備により、このユーザーマニュアルでヘルプに相当する説明を行う必要性はなくなりました.
このマニュアルでは替わりに「ヘルプ」では紹介しきれなかった注意事項や発展的説明、実際の例を挙げたツール活用方法などを紹介します.

仮想ブラウジングで掲示板(BBS)を閲覧しているときに、スレッドの最下部に以下のようなパネルが表示されます.
これが Easter BBS Operation で、掲示板(BBS)用の様々な操作を提供するパネルとなります.

現在閲覧中のスレッドを再読み込みして最新の内容を表示します.
ブラウザの再読み込みボタンを押すのと効果は同じです.

これをクリックすると詳細モードの画面になり、以下に列挙したようなさらなる操作が行えます.

• リロード
  現在閲覧中のスレッドを再読み込みして最新の内容を表示します.
  ブラウザの再読み込みボタンを押すのと効果は同じです.
  


• このHTMLをお気に入りへ
  このスレッドのHTMLを「お気に入りボックス」へと登録します.
  登録されたHTMLは永久保存され、自動的には削除されなくなります.
  「お気に入りボックス」についての詳細はこちらを参照してください.
  


• このHTMLをストック
  このスレッドのHTMLをストックボックスへ登録します.
  登録されたHTMLは永久保存され、自動的には削除されなくなります.
  「ストックボックス」についての詳細はこちらを参照してください.
  


• 最近処理したものとして扱う
  このスレッドを「最近処理したもの」として扱います.
  「最近処理したもの」とは分類等の処理をした最近の画像やHTMLへのリンクを自動的に保持する特殊なリストで、
  これはEasterコレクションから参照することができます.
  
  非常に保持期間の短いブックマークのようなものとして使うこともできます.
  一方、このコマンドではストックやお気に入りへの登録は行われません.
  従って、規定の日数が経過するとEasterキャッシュおよびこのリストからも削除されます.
  
  
  この「最近処理したもの」のリストは、Easterの内部実装ではRecentoryと呼ばれます.
  これは「Recent」と「Directory」を合わせた完全な造語です.
  このリストの実体はrecentory.myfファイルとなります.
  


• サムネ保存
  このスレッドのすべてのサムネイル画像までもEasterキャッシュに保存させます.
  これにより、このスレッドがネットBBS上で寿命で消えても、サムネイル画像を含めたHTMLとしてしばらくは見ることができます.
  


• Easterキャッシュから即削除
  このスレッドをEasterキャッシュから即削除します.
  通常、放っておいてもEasterキャッシュは古いものから順に削除されていきますが、明らかに保持しておく必要のないスレッドならここで直ちに削除しておいてもよいでしょう.
  あるいはなんかの通信エラー等により現在保持されているEasterキャッシュの内容が壊れている場合に一旦Easterキャッシュを消して再読み込みすることでHTMLの再ダウンロードを促すこともできます.
  


• EasterキャッシュをBoxMapビューアで開く
  このスレッドのEasterキャッシュが保存されている実ディレクトリをBoxMapビューアより閲覧します.
  


• オリジナルURLでダイレクトに開く
  このスレッドを敢えてEasterを介さず直接開いて閲覧します.
  開いた先ではEasterの仮想環境や広告カットなどのフィルタリングなどが一切機能していませんので注意してください.
  

Easter HyperPostとは、Easterの仮想環境で掲示板(BBS)を閲覧において、通常の投稿(Post)よりさらに強力な投稿(HyperPost)を提供するものです.

ここでは画像掲示板「ふたばちゃんねる」を例に挙げましょう.
以下はふたばちゃんねるの標準の投稿フォームです.


この通常のフォームからの場合でもEasterの仮想環境は機能しますので一向に構わないのですが、「Easter HyperPostで返信する」というボタンを押すことで、さらに以下のようなEaster HyperPostの投稿フォームの画面となります.


通常の投稿フォームと似ている部分もありますし、いくつか追加された入力フィールドも見られます.
何が違うのでしょうか？
以下でいくつかの機能を列挙します.

Easter HyperPostの一番の目玉機能となります.

この「添付URL」欄にネット上にある画像のURLをダイレクトに指定しますと、それをそのまま添付画像として送信することができます.
例えばGoogle画像検索の結果などを即座に添付したい場合に便利です.

具体的な手順は以下です.

1. ネット上にある画像を開き、そのURLを「添付URL」欄にコピーする.
2. 「送信画像の確認」ボタンを押し、これから送信される画像を確認する（このステップは省略できます）
3. 「返信する」ボタンを押す（実際に送信されます）

これは画像を投稿するための機能で、Windows限定のものとなります.

このモードをONにした場合、Windowsにおいて現在クリップボードにコピーされている画像の内容を、そのまま添付画像として送信することができます.
例えばペイントソフト等で画像編集中の画像を即座に投稿したい場合に便利です.

具体的な手順は以下です.

1. 「クリップボードの内容をアップロード」というチェックボックスをONにしておく.
2. 「送信画像の確認」ボタンを押し、これから送信される画像を確認する（このステップは省略できます）
3. 「返信する」ボタンを押す（実際に送信されます）

このチェックボックスがONの場合、「ディスクからファイルを選択」や「添付URL」より優先されます.
一方、OFFの場合は当然ながらクリップボードの内容は送信されません.
また、Windowsにおいて現在クリップボードに何もコピーされていない状態でもエラーとなり送信は行われません.


現時点ではお手数ですが、この機能を動作させるにはImageMagicのconvertコマンドを別途入手し、Easterフォルダに置いていただく必要があります.
Moaiのインストールが完了したら、以下の手順でこれを行っておきましょう.

1. ImageMagicをダウンロードします.
   ImageMagicの公式サイトは、https://imagemagick.org となります.
   特にWindows版のImageMagicについては、https://imagemagick.org/script/download.php#windowsより入手できます.
   リンク先を見て頂くとわかりますが、Windows版だけでも割と沢山ファイルがあり少しわかりにくいですが、ImageMagick-7.0.9-*-portable-Q16-x86.zip というのを選んでいただくのが確実でしょう.
   


2. ダウンロードしたzipを展開します.
   このzipファイルでは、展開時にトップフォルダが作成されませんので注意してください.
   ( つまりこのまま展開しては中身のファイルがzipと同列の階層にまとまりなく散乱してしまいます.
   あらかじめImageMagickというフォルダを作っておいて、その中でzipファイルを展開した方がよいでしょう )
   


3. convert.exe を easterフォルダへコピーします.
   zipを展開すると convert.exe というコマンドがありますので、それを moaiフォルダ配下の /cgis/easter内へコピーしてください.
   その他のファイルは必要ありません.
   (先ほどダウンロードしたzipファイルとそれを展開したいわゆる残骸は、邪魔になるのであればもう捨ててしまって構いません)
   

これで準備は完了です.

なぜImageMagickのconvertが別途必要なのか？

この機能は「添付URL」機能とセットで使うと非常に便利です.

具体的な手順は以下です.

1. 「イメぐぐる」欄にキーワード文字列を入力して「Google画像検索を開く」を押します.
   


2. そのキーワードでGoogle画像検索された結果の画面がブラウザの別タブで表示されます.
   


3. そこから好みの画像のURLを「添付URL」にコピペし、「返信する」ボタンを押しますと、その画像が画像掲示板へと投稿されます.
   

Easter HyperPostの画面では、今から投稿した場合に送られるHTTPヘッダの内容とPost変数群の全内容が表示されます.
これは具体的な返信内容や画像などの添付ファイルの本体を除けば、これから掲示板(BBS)に送信される情報の枠組みの全てとなります.
このあたりの知識がある方は参考にしてください.
Easterによって仮想化された送信情報のすべての内容を確認できると思います.

リンクリストではセットされたタグに応じて、どのリンクを表示させ、どのリンクを隠すかを変更できます.
これは特に登録リンクの数が膨大になってきたときに威力を発揮します.
「表示設定」を押すとそのためのパネルが表示されますが、以下はその活用例を踏まえたチュートリアルとなります.


上部に「futaba or 5ch or default」とあります.
「or」記号でこれらを結ぶことで、これらのタグのいずれかを含むリンクを抽出して表示するといった意味になります.
しかしこのままではどのリンクにどのようなタグが指定されているのか一目で分かりづらいです.
「タグ表示ON/OFF」ボタンを押すと下の図のような表示になり、状況が掴みやすくなります.


例えば「ふたばちゃんねる may」にはfutabaタグとdefaultタグの両方が指定されていることがわかります.

それでは次に「and」ボタンを押し、この「or」を「and」に変えてみます.
上部は「futaba and 5ch and default」という表示に変わりますが、何が起きるでしょうか？


何も表示されなくなりました.
futaba、5ch、defaultの３つのタグすべてを持つリンクは、登録したものの中に存在しないためです.
これら３つすべて含むという条件はいささか制限が強すぎたのでした.

では条件から5chだけ減らし「futaba and default」ならばどうでしょうか？
futabaタグとdefaultタグの両方を持つリンクとして、「ふたばちゃんねる may」があります.
これだけが抽出表示されるはずです.

条件を修正するにはまず「タグリスト」へ移動します.
次に「タグをクリア」を押し「Checked Tags」の値を空にします.
ここまでの様子を下の図に示します.


少し下へ行き、Tag Groupとある部分から「サイト」グループを選びます(このタグのグループはタグマネージャよりあらかじめ自分で作ることができます).
サイトに関するタグが表示されますので、futabaとdefaultにチェックを入れます.


「Checked Tags」の値も連動して「futaba default」となるはずです.
ここまで設定したら再び「リンクリスト」へ戻ります.
「表示設定」のパネルで「Checked Tagsでセット」ボタンを押します.
これだけでもうまくいくかもしれませんが、最後に「and」ボタンも押しておきます.
これで「futaba and default」という条件に変わるはずです.


上の図のように「ふたばちゃんねる may」のみが表示され、意図通りの抽出が成功したことがわかります.

では意図通りの抽出が成功しなかった場合どうしましょうか？
再びタグリストへ移動し新しい条件を１から構築し直すのが正攻法ですが、リンクの総数が多くないなら「not」を使う方法が簡単です.
「表示設定」のパネルで「not」ボタンを押します.


上の図のように今度は「ふたばちゃんねる may」以外のすべてが表示されます.

タグの部分が空白になっているリンクがありますが、これはタグが何も設定されていないことを示しています.
このようなリンクを抽出するには「empty」を押します.
ただし、今は「not」もONにしている状態であるため「empty」を押すとその効果は反転し、タグが何も設定されていないものが非表示になります.
「not」を解除するにはもう一度「not」ボタンを押します.
これで「empty or futaba and default」という条件に変わるはずです.


ここまで色々と弄くってきましたが、「表示設定」のパネルで「reset」ボタンを押すことで一番初めの表示に戻すことができます.
また紹介していない機能もありますが、「表示設定」に関するチュートリアルはここまでとします.
「これをデフォルトにする」ボタンを押さない限りは「reset」ボタンやブラウザのリロードで元通りの表示に戻せますので気軽に色々お試しください.
気に入った条件が見つかれば「これをデフォルトにする」ボタンを押してその状態をデフォルトとして保存することもできます.

「リンク編集」のパートでは、新しいリンクを登録したり、既に登録したリンクの内容を修正することができます.
基本的な操作については「リンクの新規登録/修正」ボタンすぐ横の「ヘルプ」からも参照することができます.

「リンクリスト」で、どのリンクにもチェックしない状態で「リンクの新規登録/修正」ボタンを押します.
すると以下のようなパネルが表示されます.


ここでは実際にリンクを新規登録してみます.
「URL」欄に「https://mevius.5ch.net/gamedev/ 」、「説明」欄に「５ちゃんねる ゲーム製作技術板」を直接入力します.

「タグ」欄のセット方法は少し複雑です(不整合防止のため、現バージョンのeasterでは直接入力はできません).
タグとして「5ch」と「ゲーム製作」をセットしたいとします.
これらのタグはあらかじめタグリストに存在するものでなければなりません.
(なければあらかじめタグマネージャで作成しておく必要があります).

「リンクの新規登録/修正」パネルを開いたままにして、タグリストへ移動しタグを選択します.
この例では「5ch」タグは「サイト」グループに、「ゲーム製作」タグは「分野」グループに分類されていますので、 それぞれTag Groupを切り替えつつチェックを入れます.
これに連動して「Checked Tags」にスペース区切りでこれら二つのタグがセットされます.
ここまでの様子を下の図に示します.


再び「リンク編集」へ戻ります.
「リンクの新規登録/修正」パネルの「タグを追加」ボタンを押します.
これにより「Checked Tags」の内容が「タグ」へセットされます.
これですべての入力が終わり、準備は整いました.
ここまでの様子を下の図に示します.


最後に「登録」ボタンを押すと実際にリンクの新規登録が行われます.
これで完了です.

「説明」と「タグ」については後からでも追加/修正/削除などできますし面倒であれば空のままでもかまいません.
「URL」も後で修正できますが、これについては新規追加時に必ず指定しなければならない項目となります.

では次に今登録した「５ちゃんねる ゲーム製作技術板」の内容を修正してみます.
「リンクリスト」で「５ちゃんねる ゲーム製作技術板」のリンクにチェックを入れます.


この状態で「リンクの新規登録/修正」パネルを開くと以下のようになります.
(既に「リンクの新規登録/修正」パネルが開いている場合は一度閉じてもう一度表示させます).


先ほどの新規登録の時とそっくりなパネルが表示されますが、一箇所違うのは上部が「ID:新規登録」ではなく「ID:link_...」となっていることです.
このIDは、今選択したリンク(５ちゃんねる ゲーム製作技術板）に割り当てられた一意な番号です.
このパネルはこのリンクに対する修正を行います.
各項目の入力方法については新規登録の時と同様です.
修正が終ったら、「登録」ボタンを押すことで内容を確定させます.

「リンクの新規登録/修正」に関するチュートリアルはここまでとします.
「リンク編集」では他にも「リンク削除」、「リンクを一番上へ」、「タグ毎に集める」ボタンや「一括タグ付け処理」パネルがあります.
これらについては「リンクの新規登録/修正」をマスターされた方なら「ヘルプ」をご覧頂くだけでも使い方はイメージできると思います.
これらのチュートリアルは割愛しますが、「一括タグ付け処理」については少々複雑ですので事項で詳しく説明します.

「一括タグ付け処理」パネルでは、リンクリストにおいて選択された複数のリンクに対し、一括してタグの修正を行うことができます.



ここでは、ふたばちゃんねるのすべてのリンクと５ちゃんねるのすべてのリンク、そして「DeepL」、「ヨビノリ」のリンクにdefaultタグを追加してみます.
まずは「ふたばちゃんねる may」から「DeepL」の間の項目はすべてチェックする必要があります.
これらを一つずつ手動でチェックしていっても勿論良いのですが、チェックする項目が多い場合「始点と終点で一括選択」を使用すると便利です.
ここでは始点である「ふたばちゃんねる may」と終点である「DeepL」だけをチェックします.
その後に「始点と終点で一括選択」ボタンを押します.
この様子を下の図に示します.



残りは、「ヨビノリ」と「５ちゃんねる ゲーム製作技術板」です.
これらは手動で直接チェックします.
ここまでの状態を下の図に示します.


次に、「Checked Tags」にdefaultタグをセットします.
これは「リンクの新規登録/修正」パネルのときに行った方法と同様です.
すなわち一旦「タグリスト」へ移動し、defaultタグをチェックします.
これが終ったら再び「一括タグ付け処理」パネルへ戻ります.
これで準備は整いました.
ここまでの様子を下の図に示します.


最後に「タグを一括追加」ボタンを押します.
これで選択されたすべてのリンクにdefaultタグが追加されます.

どのように変化したかをわかりやすくするため、「タグを一括追加」ボタンを押す前と押した後のタグ表示の様子を以下に並べてみます.


チェックがついたすべてのリンクについてdefaultタグが追加されているのがわかります.
「ふたばちゃんねる may」と「５ちゃんねる 板一覧」には元々defaultタグが付加されていました.
このような場合は二重にdefaultタグが付加されるようなことはなく単に無視されます.

では次に「https://thisanimedoesnotexist.ai/」と「ヨビノリ」に「AI」タグを追加してみます.
ただし「AI」タグはまだタグリストには存在しません.
本来はタグマネージャより「AI」タグを登録してからリンクへのタグ付けを行うのが正攻法ですが、ここではその登録をも裏で同時に行います.

まず「https://thisanimedoesnotexist.ai/」と「ヨビノリ」をチェックします.
次に「新規タグを同時に追加」にある「タグ文字列の指定」に「AI」と直接入力します.
また今回、この新しいタグ「AI」を「分野」グループに所属させようと思いますので、右にあるプルダウンメニューより「分野」を選択します.
他に追加するタグはないので「Checked Tags」には今回は何もセットしません.
この様子を下の図に示します.


最後に「タグを一括追加」ボタンを押します.
これで選択されたすべてのリンクにタグAIが追加されました.
また同時にタグリストにも新しいタグAIが登録されました.
確認のため「リンクリスト」の「表示設定」からタグが「AI」のものだけを抽出してみます.


上の図のようになり、無事「AI」タグが追加されていることがわかります.
「一括タグ付け処理」に関するチュートリアルはここまでとします.

赤福の設定で「外部の板」パネルを開き、「外部の板でも動作させる」にチェックを入れます.
「パターン」に以下をコピペし、「追加」ボタンを押します.


「monaca.php」と「前方一致」のチェックはOffにしておきます.


下部にある「適用」ボタンを押して、赤福の設定ウィンドウを閉じます.
これでEasterで閲覧中も赤福の機能が有効になります.
(ただし一部の赤福の機能は動作しないかもしれません).

ChromeのExtentions内にあるふたクロのソース(viewer.js等)を拝見させて頂いた限りでは、ふたクロが認識するURLは *.2chan.net というサーバ名で固定となっているようです.
つまり赤福とは異なり、ふたクロではふたばちゃんねる以外の(ふたばライクなサーバの)URLを認識させる手段がユーザ側では用意されていないということです.
そのため、ふたクロとEasterを同時に使用することは現状できません.


ではふたクロを使いつつMoaiのフィルタ機能の恩恵をも享受するにはどうしたらよいでしょうか？
一つの答えとして、Moaiをローカルプロキシとして使う方法があります.
即ちChrome側でローカルプロキシとして、アドレスを127.0.0.1、ポートを8124に設定します.
これならば通常のURLでふたばにアクセスしてもMoaiのフィルタ機能が働き、またふたクロをも発動させることができます.

実のところ私はこれを使ったことがありません.
しかも現在これに関する詳しい情報も手に入りにくい状況のようですが、一部ではPC用のふたばちゃんねる用専ブラとしては最強との呼び声も高いツールであるようです.
2B関係の過去ログで「Proxomitron 等のローカルプロキシでHTMLを改変するとスレッドの解析が出来なくなるので厳禁」との注意書きが見られます.
このことから、おそらくMoai+Easterとの併用を行うと2Bの方が正常動作しなくなるのでしょう.

2Bの開発とサポートは現在終了しているようです.
そのため、ふたばちゃんねるの仕様変更に伴って発生した不具合等は、ヘビーユーザがなんとかそれをごまかし延命して使っているという割と惨憺たる状況のようです.

Moai+Easter と 2B は共存できないのでしょうか？
いや、ならばもういっそのこと Moai+Easter を 2B の後継ツールとして進化させてはどうか？
具体的には、まずは 2B における以下の機能を Moai+Easter において実現できるかどうか、現在その可能性を模索しています.

• クリップボードからの添付画像送信
  現在 Easterにおいて、Windows限定の機能として実装しております.
  


• 引用されている場所を示す機能
  現在の Easter ではスレッドの解釈としてブラックリスト方式を採用しています.
  つまり得られた HTML 内のどれがスレ文でどれがレス群にあたるのかを陽に抽出するのではなく、
  むしろHTML内の広告であるとか不要な部分を削除することで、レイアウトを整形しています.
  この方式のメリットは、仮に掲示板側で大規模な仕様変更が行われたとしても、
  閲覧不能にまで陥る確率は比較的低いことです.
  デメリットはレスの構造自体を解釈していないため、これに関する凝った機能が実現できないことです.
  
  一方、引用されている場所を示す機能を実現するためには、ホワイトリスト方式を導入しなければなりません.
  つまり得られた HTML 内のどれがスレ文でどれがレス群にあたるのかなど、必要なものをきちんと抽出し、
  その集めたホワイトリストだけで改めてページを再構築するという方式です.
  この方式のメリットとデメリットはブラックリスト方式と表裏逆といった感じとなります.
  
  現状の Easter ではホワイトリスト方式実現のための基礎がまだ全く配備されていないため、
  この方式を導入するにはまだまだ時間を要すると考えられます.
  


• タイマーによる全スレッドの定期監視、および指定したワードが含まれている場合に強調表示等する機能
  いわゆる2Bで「逆NG機能」と呼ばれているものがこれでしょうか？
  この機能を実現するためにも、やはりホワイトリスト方式を導入しなければなりません.
  


• アクションスクリプト機能
  2B では vbs や js ファイルを Delegateフォルダにいくつかストックしており、
  それらのスクリプトを必要なタイミングで随時実行できる機構を備えているようです.
  またユーザはそれらのスクリプトを自由にカスタマイズ修正することもできます.
  これらのスクリプトは、スレッドの定期監視のためにそれを自動ロードするものや、画像の保存に関するものがメインのようです.
  
  しかしこのような vbs や js の使用は 2B が(おそらく)VBベースで作成されているということ、
  および IE ベースのブラウザであるからこそ実現可能となります.
  一方の Moai+Easter では C言語ベースで開発されており、Windows以外にもLinuxにも対応し、
  そしていかなるブラウザでも動作することを謳っておりますので、vbs や js はスクリプト言語として採用するには不適切なのです.
  そこでこれらすべての環境でも動作するあたらなスクリプト言語の導入を検討しなければなりません.
  
  実は我々は現在、Raraku構想と呼ぶ巨大な構想の実現を計画しております.
  (Moaiシステムには libRanoというのがあります. RanoとRarakuはペアであるのになぜRanoだけなのか？
  と思われた方は勘が鋭いです. Rarakuの名はこのRaraku構想のために別途予約しておりました)
  これがこの機能の実現のための鍵となるかもしれません.
  これについての詳細はまだまだ明かせませんが、続きはまたいつかどこかで…。