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

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

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の大切さを学べたような気がします。

 

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

 

初心者がPHP学習でつまづくのは導入のところ。いくら説明を見ても実践なしに理解できないからサーバー借りたほうが早い説。

こんにちは。

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

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

ただいま筆者はPHPを学習中です。

f:id:oniisann:20171201201528j:plain

今は大変良い時代で、わざわざ本屋で書籍を買わなくとも、ある程度ネットを散策すればPHP入門の情報は山ほどあります。

でもその記事を書く人はプロ。

だから初心者の立場を理解するのが困難です。

初心者がPHPでつまづくのは初めの一歩。

そもそも環境を導入出来ず、PHPのサンプルコードを走らせたくとも走らせることができないと言う状態なのです。

本日はその辺のところと、素直にレンタルサーバー借りたほうがローカル環境を構築するより早いと言うことを訴えたいと思います。

 

目次

仮想環境を構築できない

例えば、PHPはHTMLなどのようにテキストエディタでコードを書いて、ブラウザで表示させる、と言うことができません。

サーバー上で動くプログラミング言語だからです。

PHPを試すにはサーバー環境が必要ですが、多くのPHP入門サイトでは

仮想環境を用意しましょう!

だの

ローカル環境を作りましょう!

とあります。

で、例えばVagrantと言う仮想環境を使いましょう、とあるんですよ。

www.vagrantup.com

でもですねー。

まずこれを理解するのが難しいのですよ。

よしんば理解したことにして進もうにも仮想マシンを作るソフトウェア自体が別途必要なんですよね。

VirtualBoxというフリーのツールだったりVMwareやAmazon EC2と言うのを導入しなきゃいけないようなんですね。(筆者は理解してません)

本来PHPを勉強したいんですよ。

それなのにわけのわからんツールの羅列で一体いつになったらたどり着くのかと初心者は途方に暮れるのです。

ハッキリ言ってこれらは無駄な勉強です。

ドヤ顔したいの?

あとねー。

結構多くのサイトでMac環境をお使いなんですよ。

MacとWindowsでは使うツールがかなり異なります。

なので記事そのままでは理解できないし、どうすればWindowsに当てはめて動作確認できるか道筋も提示されてない場合がほとんどです。

でも、ご存知ですか?

ユーザーは圧倒的にWindowsの利用が多いことを。

news.mynavi.jp

↑この記事によると、まだWindowsXPのほうがMacよりシェア多いんすよ。

もう〜〜〜〜。

ハッキリ言ってMacなんてスタバでドヤ顔するくらいしか使い道ないのに!

(嘘です。iPhoneユーザーですし、Macほしいけどお金なくて買えなくて妬んでるだけです)

初心者なんてWindowsユーザーのほうが多いんだからWindowsでもわかるように記述してくれないと意味無いじゃん!

普通にサーバー導入すれば?

そうなんですよ。

例えば家入一真さんが立ち上げたロリポップ!

lolipop.jp

↑このエントリ執筆時点で、料金プランは初期費用1,500円、月々250円から(ライトプラン)と言うプランがあります。

それならPHPが動きますし、データベースのMySQLやSQLiteも動作可能で、WordPressも導入できます。

さらには最初の10日間は無料でお試しできるんです。

他にはさくらのレンタルサーバなどがあります。

www.sakura.ne.jp

こちらも二週間お試し無料ですし、初期費用1029円で月々515円から(スタンダードプラン)のプランがあります。(このエントリ執筆時点での価格です)

普通にこれらのレンタルサーバーを借りて実践したほうが早いです。

お金がかかると言っても最初の1ヶ月ベースで数千円で済みますからね。

ちょっとした書籍を数冊買うような感覚で払えるのでは?

しかもどのみちサーバーを借りないとPHPをネット上に展開できないですからね。

多かれ少なかれサーバーが必要になるから借りたほうが早いすよ。

レンタルサーバーで実践

ではここで、ロリポップのライトプランで実際にPHPのサンプルコードが動くさまをご紹介したいと思います。

ご契約の方法はロリポップのページでご確認頂ければと思います。

lolipop.jp

f:id:oniisann:20171201195853j:plain

↑契約完了後、ロリポップのFTPログイン画面でログインします。

 

f:id:oniisann:20171201195859j:plain

↑まあ、適当に新規でフォルダを作ってもいいですし。

 

f:id:oniisann:20171201195903j:plain

↑そして新規ファイル作成を押して……。

 

f:id:oniisann:20171201195910j:plain

↑適当なファイル名にphpの拡張子をつけて、サンプルコードを下の欄にコピペとかします。

 

f:id:oniisann:20171201200251j:plain

↑URLをブラウザに貼り付ければサンプルコードをブラウザ上で実行出来ます。

まとめ

そんな感じで、プロの方は初心者の気持ちを理解するのが困難って事です。

なのでPHPのはじめの一歩ででつまずいている皆様、  

はじめの一歩(119) (講談社コミックス)

はじめの一歩(119) (講談社コミックス)

 

このさいレンタルサーバーを契約してしまうことをお勧めします。

よほどVagrantなどを導入するよりも楽ですよ。

 

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

 

ゲームブック制作ツール「Twine」の利用方法その3。変数と乱数とif文でバトルシステムも夢じゃない!

こんにちは。

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

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

今回はTwineのマクロ機能にも切り込んでいきます。

マクロと言えばExcelのマクロを思い浮かべる方もいらっしゃるでしょう。

それに似たようなもんです。

あとタイトルで「if文」と謳っていますが、それもExcelのif関数をご存知であればご理解が早いと思います。

今回からちょっとややこやしくなりますが、慣れれば簡単です。

習うより慣れろなので、ぜひおつきあい下さい。

バトルシステムも盛り込めるんですよ!

f:id:oniisann:20171127203210j:plain

↑今回作るプログラムはCPUとあなたでサイコロを振り合い、出目の大きい方が10点ゲットするというちょっとしたゲームもどきです。

 

目次

変数

プログラミングではしばしば出てくる変数という概念。

中学生のとき数学で方程式とか覚えていますか?

x=0

とかってやりましたね?

それに近い感覚です。

TwineのHarloweフォーマットでは、アルファベットの前にドルマーク $ をつけて変数として扱うことが出来ます。

そして、数値を代入しておくことが出来ます。

その命令が下記のとおりです。

(set: $アルファベット = 数値)

具体例はこんな感じです。

(set: $a = 0)

上記を実行すると、$aと言う変数に0が代入されます。

Twineが$a0だということを覚えていてくれると考えてもいいでしょう。

$aがいくつであるか表示させるには単純に

$a

と表記するだけでOKです。

$a10加算させたい場合は下記のように記述します。

(set: $a = $a + 10)

以上を踏まえ、リンクをクリックすると10点ずつ加算するプログラムを書くと次のとおりになります。

f:id:oniisann:20171127203224j:plain

それを実行するとまず点数が0と表記され、

f:id:oniisann:20171127203234j:plain

1度「増加」のリンクをクリックすると10になります。

f:id:oniisann:20171127203305j:plain

以下、押し続けると20,30,40、……と果てしなく加算されます。

乱数

ゲームブックといえばバトルシステムが盛り込まれている作品もあります。

そのなかで、あなたは何回サイコロを振りまくったことでしょう。

あるいは振ったことにして出目はあなたが勝ったことにしていたことでしょう。

そんな煩わしい作業もTwineなら簡単にできてしまいます。

デタラメな数字を発生させる命令があるのです。

(random: 整数値)

↑この命令は0から整数値までのデタラメな数字をひとつ発生させます。

数字の幅を指定したいんならこちら。

(random: x,y)

↑こちらは整数値xから整数値yまでのデタラメな整数値一つを発生させる命令です。

実際にこちらのコードを記述して実行してみましょう。f:id:oniisann:20171127204009j:plain

f:id:oniisann:20171127204007j:plain

↑筆者が実行したときは上記のとおりとなりましたが、皆さんは違った数字の結果になったかと思います。

リンクをクリックすると数字が変わるさまをご確認下さい。

サイコロバトル

変数乱数

そして冒頭に触れたif文

それがあればサイコロバトルのプログラムを作成できます。

出目を決める

では最初に、CPUの出目を決めましょう。

例えば変数$cpuに1から6までの乱数を代入したい場合、どうしたら良いのでしょうか?

いろいろあるでしょうが、順当には下記の様な記述が考えられます。

(set:$cpu = (random: 1,6))

setrandomそれぞれでカッコを用いるので、最後カッコカッコで締めくくりです。

同様にあなたの出目は変数$youを使いましょう。

場合分け

そして

  1. あなたの出目がCPUより大きければ「あなたの勝ち」と表示し、あなたの点数を10点加算
  2. あなたの出目とCPUが同じなら「引き分け」と表示し、点数はそのまま
  3. それ以外なら「あなたの負け」と表示し、CPUの点数に10点加算

という条件判断と作業を行うとしましょう。

CPUの点数を$cpu_score、あなたの点数を$your_scoreと言う変数をあてがいます。

Twineのif文は下記の文法をとります。

(if:真偽)[表示する内容や命令]

1の条件判断を文法に当てはめると下記の様に記述できます。

(if:$you > $cpu)[あなたの勝ち(set:$your_score = $your_score + 10)]

同様に2の場合はこうです。

(else-if:$you is $cpu)[引き分け]

else-ifは、if文の条件に当てはまらないけど、さらに確認が必要な場合に用いる命令です。

さて、3の場合はどう書きますか?

(else:)[あなたの負け(set:$cpu_score = $cpu_score + 10)]

↑今回の場合分けで$you<$cpuはそれ以外という意味になります。

その場合の命令はelseと言う命令を使うと便利です。

コード

サイコロバトルのコードをまとめると、下記のとおりとなります。

f:id:oniisann:20171127210038j:plain

実行したら次の通り。

f:id:oniisann:20171127210043j:plain

↑のっけから負けてますね。

バトルシステム

今回サイコロバトルをご紹介したのは他でもありません。

これを応用して

  • 体力点
  • 技術点
  • 武器による加点

などを加味すれば往年のゲームブックのバトルシステムが出来上がるのです。

つまりはクリック一つでサイコロを転がしたり、出目を計算したり、どちらがかって体力を引いたり……と言う面倒な作業が解決するのです。

読者に優しいUIとなりますよ。

もちろんTwineを使ってダンジョン作成などもお茶の子さいさいなんですよ。

まとめ

そんな感じで、今回は今までと比べて多少しち面倒くさい内容だったかとは思いますが、慣れてしまえばひらめいてもっとすごい作品が出来上がると思いますよ。

はじめは乗れなかった自転車が、いつの間にか乗れるようになるようなものです。

焦らずじっくりと、Twineを楽しんで下さい。

 

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

 

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