Yoyogi Jotaro の何だかよく分からないブログ

主にゲームブックについて語ります。他、北海道ネタ、ホリエモン、雑談など

Socerianの世界観をゲームブックで投稿する企画。ノンプログラマにはとにかく敷居が高いのでざっと説明してみます。

こんにちは。

さあ、選択肢を作りましょう。

ゲームブック投稿サイトの管理者です。

何気にTwitterを見ておりますと、こんなタイムラインが。

ほほう。

f:id:oniisann:20171221211320j:plain

Sorcerianと言えばホリエモンも面白いと評価したと言う、当時は完成度が高く、とても人気のあったパソコンゲームです。

それがゲームブックで盛り上げようと言う企画が進行していると。

詳細はこちらのエントリに記載されてますよ。

www.cobalog.com

ブラウザゲームなのでパソコンやスマホ、果てはプラットフォームを選ばず、筆者のLinuxパソコンでも快適に動きます。

f:id:oniisann:20171221201624j:plain

とてもふざけた面白いストーリーで、Sorcerian好きには堪えられないでしょう。

筆者は弟がやっているのをちょっと横取りして5秒くらいしかプレイしたことがないので全くわかりませんが。

ゲームブックは下記のサイトから遊べます。

www.web-deli.com

よく見ると、シナリオの投稿も募っています。

f:id:oniisann:20171221202043j:plain

で、開発者向けマニュアルを閲覧したのですが……。

まず開発環境をつくります。

  1. Apache Http Server等のサーバー環境が必要
  2. GitHubからソースコードをダウンロードする必要がある
  3. そのソースコードをサーバーにアップロードが必要

ここまででも何だか死にそうですが。

そしてシナリオ制作にはxmlの知識が必要です。

ツールはテキストエディターって。

めちゃくちゃ敷居が高いのですが、何となくわかりかけたのでその模様を報告します。

参考程度にどうぞ。

 

環境の作り方

筆者はLinux環境ですが、Windows環境でもなんとか想像がつくように書いていきます。

まず、Apache Http Serverを用意するのって自分でサーバーを作るのはめちゃくちゃ大変なので、思い切って(お金を払って)レンタルサーバーを契約しましょう。

 ↓phpを学ぶ時の環境構築もレンタルサーバーを借りたほうが楽なのと一緒です。

blog.gamebook.xyz

筆者のおすすめ(というか筆者の使っている)レンタルサーバーはこちら。

lolipop.jp

あの都知事選落ちた家入一真さんが作ったレンタルサーバーサービスですから、間違いありませんよ。 

我が逃走

我が逃走

 

ソースコードの入手

では次にソースコードをゲットします。

GitHubという、プログラマ御用達のサイトがあります。

github.com

今回のSorcerianのコードは上記のURLから入手します。

「Clone or download」のボタンを押し、Zipファイルをダウンロードします。

Zipファイルを解凍すると、「stext-master」と言うフォルダが出来上がり。

ただし、ローカル環境でそのフォルダ内の「index.html」ファイルをクリックしても、正常に動作してくれません。

開発もできません。

そこで先ほど契約したロリポップ(などのレンタルサーバ)が必要になってくるのです。

FTPソフト

詳細は各FTPソフトのマニュアルや使用方法をご確認いただきたいと思いますが、 「FFFTP」などのツールで先程の「stext-master」をレンタルサーバにアップロードしてください。

forest.watch.impress.co.jp

筆者はLinux環境なのでFileZillaを利用しました。

FileZillaはWindows版もMac版もリリースされています。

filezilla-project.org

シナリオ作成

環境がやっとこさできたと思ってもどうやったら作成できるのかよくわかりませんね。

手っ取り早いのは「stext-master/stext/scepter」フオルダ内にある「scenario.xml」を弄ることです。

実はそのファイルがデモのシナリオなのです。

これを見れば要領が解ると思います。

まず最初のパラグラフはid=0で

<scene id="0">

と言うように記述します。

本文をかいた後、選択肢は大カッコ [ ] でくくります。

飛び先のパラグラフ(id)を、小カッコ ( ) でくくります。

[ぼやきながら、歩き続ける](1000)

 パラグラフの終了には下記の記述で閉めます。

</scene>

こうして次のパラグラフ番号を仮に1だとすれば

<scene id="1">

と言うように書いていけばOK。

画像は小カッコ ( ) でファイル名をくくればOK。

で、わかりやすいキャプションを大カッコ [ ] でくくって前述します。

キャプションが 王さまの杖 でファイル名が scepter.png の場合は

[王さまの杖](scepter.png)

↑こんな感じに記述します。

scepter.pngは「scenario.xml」と同じ階層のフォルダに「capture」フォルダを作り、そのなかに配置します。

文章で書くとわかりづらいですが、実際に「stext-master/stext/scepter」フォルダ内を彷徨っていただければ一目瞭然だと思います。

まとめ

そんな感じで百聞は一見にしかず。

作ってみたいと思ったら、いろいろと試行錯誤をしてみてください。

筆者も時間はかかりましたけど、何となくシナリオの作り方がわかりましたよ。

あとは膨大なパラメーターを設定したり、フラグ管理をすればいいだけです。

(ってそれがめちゃくちゃ大変なんですけどね)

おまけ

そして、「stext-master/stext/scepter」をさまよっていて偶然発見しました。

ちょっとネタバレですけどこの際晒します。

↓こんな画像がありました。

f:id:oniisann:20171221210828j:plain

↑これ、凄いですね。

いいのかよー。

まあ、確かにiPadでもなんとか作れそうですよ。

本日筆者の手許にもiPadが届いたばかりであまりにもタイムリーだったので嬉しくなりました。 

Apple iPad 9.7インチ Wi-Fiモデル 32GB ゴールド MPGT2J/A

Apple iPad 9.7インチ Wi-Fiモデル 32GB ゴールド MPGT2J/A

 

ホントにiPadでシナリオ作ってみようかな。

(Sorcerianの事全く知らないけど……)

 

以上、北海道からでした。

 

胃カメラ初めて体験する方へ、心の準備のススメを書いておきます。

こんにちは。

さあ、選択肢を作りましょう。

ゲームブック投稿サイトの管理者です。

先日健康診断を受けてきました。

胃の内部を検診するのに、選択肢は三択。

  1. バリウムを飲むか?
  2. 胃カメラを飲むか?
  3. 鼻から牛乳カメラを入れてもらうか?

筆者は2番を選択しました。

f:id:oniisann:20171213150757j:plain

散々バリウムを飲んできて飽きたからと言うよりは、その病院はデカい割にはバリウムを使っての検査施設がない(!?)と言う鬼の仕様だったからです。

そんな病院があるとは……。

でもそれなりに著名な先生のいる、できたばかりで大きい病院なので、数ある病院からそこを選んでみました。

電話予約や事前の問診で、

胃カメラ初めてですか?

と念を押され、非常に胃カメラを飲むと言うイベントが大層難儀に聞こえてきました。

で、実際は大変に苦しいものでしたが、あっと言える間に終わったので、その時の模様を報告したいと思います。

 

目次

「まずい、もう一杯」は無理

まず最初に胃の中の泡沫を消し去る怪しい液状の薬を飲みます。

f:id:oniisann:20171213150633j:plain

紙コップで100cc位ですかね。

匂いはシトラスというか、微妙にグレープフルーツのような柑橘系の香りがしましたが、味はホントに微妙。

看護師さんも

f:id:oniisann:20171213151154j:plain

おいしくないですよー

と力説してくれました。

そんな笑顔で。

おかわり!

って言ってやろうかと思いましたが、その言葉を飲み込んでおきました。

本当におかわり出されたら一環の終わりですよ。

スプレーで喉に麻酔

で、胃カメラは当然喉を通って胃まで到達させるわけですが、スムーズに胃にカメラを通す都合上、喉に麻酔をかけます。

f:id:oniisann:20171213151617j:plain

注射じゃなくてラッキー♪ 

っと思ったら甘いです。

この麻酔が曲者で、浴びたら最後、非常に喉に違和感を覚え、思わず咳き込んでしまうような感じなのです。

これでしばらく飲食できません。

想像以上にこの感覚は嫌なものでした。

診察室に行く

ここで診察室に入るわけですが、ここがまた嫌な空間なんですよ。

おどろおどろしいと言うか。

部屋の照明が暗転し、新しい部屋のはずなのに何だかポルターガイストが起こっても何にもおかしくない雰囲気なんですよ。

ハロウィンの時期ならいいんでしょうけど……。いや、良くない。

何でなんでしょうね?

f:id:oniisann:20171213152428j:plain

先生や看護師さんたちもビニールの前掛けを装着。

自分が得体の知れない異星から来た生物で、診察されるかのような気分です。

そして胃カメラの先端が七色に光線を放っていて……。

f:id:oniisann:20171213153046j:plain

それを持たれるとかなり「料理されちゃう」感が増します。

一応口早に先生から

楽と言ってあげられないのが申し訳ありません。正直苦しいです。

と言ってくれたのがせめてもの救い。

五分位で終わるとのことですが。  

オール ザッツ ウルトラマン 2018年 カレンダー 壁掛け A2

オール ザッツ ウルトラマン 2018年 カレンダー 壁掛け A2

 

カップラーメンやウルトラマンより長期戦かよ……。

ここに来て胃カメラは相当心身に負担をかけるものだと実感しました。

いざ飲み込む

まず、先ほどの麻酔でかなり口元、喉のあたりにダメージが既にあります。

そしてマウスピースを咥えます。

これが予想外に咥えにくい。

で、口の中に胃カメラを入れます。

その時点でかなりやられた感があります。

次に最大の難関、喉を超えるとき。

ここがすごく咳き込みます。

おえっ! と吐き気を催します。

でも朝食を食べていないので食物の逆流はありませんでしたが、それ以外のものは出てきます。

食事中の方はすみません……。

正直に書くと、涙、鼻水、涎、胃液、ゲップ、すべて出ます。

垂れ流し。

でもそれを気にしてはいられません。

胃カメラはどんどん奥まで入っていきます。

身体が反り返るほどの衝撃の波が来ます。

本来なら胃まで到達したら、そこでエアーを入れて胃を膨張させ、ヒダを伸ばしてポリープなどの有無を確認する必要があるのですが、初心者なのでそこまでは先生も気を使って(忖度)遠慮してくれました。

ゲップを我慢しないとヒダを伸ばすことができないのですが、今回はそこまでしませんでした。

胃の中にエアーを溜め込んでおくのにはスキルが必要ですね。

f:id:oniisann:20171213150757j:plain

↑このイラストは百戦錬磨のプロが胃カメラを飲み込んでいます。

んな平然と瞳を閉じて安眠するかのように処術を受けていられませんて。

凄いですよ、実際にやってみると。

目んたま飛び出しますよ!

神がいた

苦しみはこの世の終わりかと思えるほどです。

遺言状、エンディングノート書いておけば良かったと。

ハードディスクやSSD、クラウドストレージの秘密のデータを消去しておけば良かったと

DM〇さんのアカウント書いた紙もシュレッダーにかけておけば良かったと。

後悔先立たず。

走馬灯のように今までの人生が夢うつつに現れてきた……と思ったら、

徐々に戻していきますね。

と先生が言ってくれました。

神様……。

その時ばかりは無神論者、仏教も信じてない筆者でも神の存在を信じました。

少しずつですが胃カメラが戻っていくさまが実感できます。

その間も吐き気や咽び、嗚咽をしたくなります。

でも先生や看護師さんが優しくしてくれたのでとてもありがたかったです。

正直、吐瀉物まみれのティッシュをビニール手袋越しとはいえ、快く手にとってゴミ箱に捨ててくれたのには驚きと感謝の念を覚えましたね。

手や顔を洗いたいが……。

一応ティッシュ等に口内の涎などを吐き出すわけですが、きちんと洗面所で洗顔、うがい、手洗いをしたいところなのですが、そんな暇もなく先生の話が始まります。

筆者は自身で「逆流性食道炎の気がある」と思っていましたが、案の定、つい先程撮影したてホヤホヤの画像をディスプレイで見せてくれて、

胃と食道の境目辺りが炎症を少し起こしています。逆流性食道炎になりかけていますね。

と診断してくれました。

筆者の予見は当たりました!

って喜ぶところではありません。

暴飲暴食、刺激物の過多、不摂生をやめ、姿勢を正し、軽い運動をして生活習慣を正していかないと、ヤバイですね。

胃の中にポリープは見当たらない、ヒダの部分にないとは言えないけど、今回はこれで様子を見て、来年再来年と胃カメラを飲んで調べる習慣をつけてください

と言われました。

毎年こんな思いをするのか……。

ポリープは自分の目で見てもないなあと実感できましたが、

血が出てますね?

と思った部分は、

光の加減ですw

と言われ赤っ恥をかいたことは今となってはいい思い出です。(な訳なかろう……)

その画像たちをインスタにでも上げたかったのですが、流石に

この画像ください!

とは言えませんでした。

まとめ

そんな感じで大変でした。

胃カメラ飲んでいる時間としては五分未満なので、耐えられないわけでは無いですが、かなり心身に負担をかけることは間違いないですよ。

よくテレビの健康番組で、胃カメラの画像がなんの前触れもなく放送されていますが、あれ撮影するの本当に大変ですよ。

麻酔は一時間位で回復し、自身の唾液を飲み込んで違和感がなければ飲食OKです。

筆者もおいしくセコマの焼きうどん(108円税込み、安くてうまい)に舌鼓を打ちました、とさ。

 

以上、北海道からでした。

 

>

Peing-質問箱-がリリースから初月で2億PVを超える見込み。バズるポイントはちょっとしたUIの工夫なんですね

こんにちは。

さあみなさん、選択肢を創りましょう。 

ゲームブック投稿サイトの管理者です。

さて皆さんもう利用しました?

Twitterでフォロワーや、そうでない人からも匿名で質問を受け付けることの出来るサービス、Peing- 質問箱 -。

リリースから初月で2億PVは行くと見込まれてます。

アクセスが集中し、日に日にサーバーを増やして今や20台くらい稼働させているようですが、それでも追いつかない程盛況なんだそうです。

凄いサービスですね。

目次

 

内容

質問箱の特徴はTwitterアカウントを持ってない人でも、質問箱を作った人の該当ページでその人に匿名で質問出来るところです。

peing.net

では答える側の、質問箱の作り方についてお伝えします。

質問箱の作り方

サイトに移動すると、このような表示にあなたは出くわします。

f:id:oniisann:20171212214812j:plain

おそらくTwitterのアカウントをお持ちでしょうから、「Twitterで登録/ログイン」をクリックすると良いでしょう。

(流石に答える側はTwitterアカウント必須です)

 

f:id:oniisann:20171212214305j:plain

↑5秒というか……。ワンクリックですぐに登録完了します。

 

f:id:oniisann:20171212214312j:plain

↑で、これが質問箱を作成した人のページ。

ここで他の人が匿名で、Twitterアカウントを持っていなくても質問できます。

説明で「フォロワー」という表現がありますが、その必要もないのです。

 

f:id:oniisann:20171212214315j:plain

↑質問を作ったらリンクをTweetしてフォロワーに知らせることができます。

 

f:id:oniisann:20171212214331j:plain

↑タイムラインにこのように表示されます。

質問の仕方

f:id:oniisann:20171212214320j:plain

↑ではテストです。

実際に質問してみましょう。

「あんた誰?」

回答の仕方

 

f:id:oniisann:20171212214335j:plain

↑それに対して質問された側はサイトでこのような表示を見ることができます。

 

f:id:oniisann:20171212214339j:plain

↑質問をクリックするとこのようにメッセージを確認できます。

手書き風のメッセージがまた親しみやすいですね。  

 

f:id:oniisann:20171212214342j:plain

↑質問に回答するためには文字を入力してクリックひとつでOK。

画像とテキストを選べます。

画像で答えると、Tweetのメディア欄を圧迫します。

テキストだと、その問題は解消されますが、テキストが途切れる可能性があります。

お好みで使い分けましょう。

 

f:id:oniisann:20171212214346j:plain

↑質問にすべて答えるとこの表示になります。

 

f:id:oniisann:20171212214355j:plain

↑タイムラインにこのように表示されます。

バズってる

で、Twitterのトレンドに何回もなったり、ヤフーニュースに載ったり、メディアでも注目を浴びました。

www.itmedia.co.jp

月間2億PV超え……。

凄いですね。

でも、このサービスって本来必要なんでしょうか?

@ツイートがあるじゃん

そうなんですよね。

PeingってTwitterアカウント持ってTweetしている人たちにTwitterで答えてもらうサービスですよね?

それ、Twitterにデフォルトで装備されているもので間に合います。

@ツイートと言って、例えば

 YoyogiJotaro@Englishさんのアカウントが@yoyogijotaro1だったとして、彼に質問したければ、

ねえ、 @yoyogijotaro1 、あなた道民なんでしょ? それなら次の地名読めるよね? 「妹背牛」「秩父別」「発寒」「倶知安」「花畔」

の様に、相手のアカウント名(@マークから始まる奴)をつけてTweetすれば相手に届きます。

もちろん相手が答えてくれるかどうかは別ですが。

そして質問する側もTwitterアカウント持っていないとダメですけどね。

あとダイレクトメッセージ(DM)というものもあり、例えば著名ブロガーのよっぴーさんなどは、ダイレクトメッセイージを受け付けています。

f:id:oniisann:20171212223550j:plain

質問を公開するという了承は必要ですが、現状のシステムでも代替は可能なんです。

Peingの価値

でもPeingだと手軽に質問できますよね。

答える方としても楽しいし。

あと質問する側は匿名でできる。

(てかTwitterも匿名でアカウント作れるけどね)

すでに似ているサービスSarahah(サラハ)もありますが、こちらはすべて英語かもっと難解なアラビア文字での説明しかありませんしね。

www.sarahah.com

つまり、現状のTwitterでは得られない価値、

  1. 質問する方も答える方も簡単
  2. メールやDMと違って公開が前提
  3. 質問者は匿名で質問できる
  4. 質問者はTwitterアカウントが不要

が得られるので、これだけバズっているのです。

また、似たようなサービスSarahahとの差別化では、英語ではなく日本語の説明がなされている点が大きいでしょう。

どんだけ日本人、英語が苦手なんでしょうね……。

あとSarahahとの違いは公式Twitterでも告知があります。

これらの要素がサービスをバズらせるヒントと言えますね。

UIって大事なんすね。

UI、ユーザーインターフェース……。

今回Peingを見て、どれほどUIが重要なのか垣間見たような気がします。

一見すでにありふれているサービスであっても、使い勝手や親しみやすさ、実際にやってみたくなるような施し次第でバズるんですね。

なのでゲームブック作成も非常に煩わしかったりするので、それが楽ちんなUIのサービスが出てきたりすると、バズるのかもしれませんねー。

ゲームブック投稿サイト管理者としては立場がありやせん。

まとめ

そんな感じでPeingを通じ、UIの大切さを学べたような気がします。

 

以上、北海道からでした。

 

さて、あなたはどうする?
GameBook.xyzへもどる→1
Googleへ行く→14