2017/08/01 02:30:00(2017/07/30 50:30:00)

HTML5でゲームを作ろう!!そうすれば、HTML5でチャットも作れるはず!?

食べたら、即寝る。
そして、たっぷり睡眠をとってから、行動する。
週末は、こんなライフスタイルが出来るので、ほんと、幸せです。

食う寝る仕事する。
仕事は、半分は妄想する事なので、もう、仕事じゃなくて、趣味ですね、完全な週末の趣味です。
ネットを見ながら、あー、こんな事もできるんだ~とか、海外だと、こんなサービス流行っているんだ~とか。

だったら、我が社だと、こうだよな~とか、こうしたいな~とか。
その時、ふとふと、思いまいした。
そういえば、ヤフーがゲームのプラットフォームを立ち上げたんだな~と。

しかも、スマホアプリ(ネイティブアプリ)じゃなくて、ブラウザで遊べるブラウザゲームだったな!?と。
そこで、ニュースを見まして。
なんでも、パズドラだって作ろうと思えば、ブラウザゲームとして、作れる時代!?

そんな事は言ってないと思いますが、なんだか、そんな事を感じられる記事でした。
え!?HTML5って、もう、そんなところまで進化したの!?
知らなかった・・・というか、実は、何ができるのか、理解していません。

という事で、気づけば、調査という名の、ゲーム三昧の一日。
何時間、調査したのでしょうか・・・。
何時間、調査という名目の元、パズルゲームにハマったのでしょうか・・・。

課金はしませんでしたが、これが課金ゲームだったら・・・。
恐ろしい・・・。
今泉兄は、とんでもないモノを見つけてしまいました。

というのも、次のお題が、アプリだったんですよ。
ただ、今さらですし、どこかでアプリに抵抗がある今泉兄。
なので、決めましたよ、勝手に決めました、我が社の新サービスは、ネイティブアプリにせず、HTML5でのウェブアプリにします!

そこで、コラムでは、HTML5によるウェブアプリのお話し。
そして、開発日記は、宿題も終わったので、これより構築する動画紹介コーナーの事、特に広告の見せ方に関して。
さらに、ダイエット報告では、もち麦の効果を知る為に、あえて麺類だけの一日にした結果です!

DIGITAL STREET

★開発日記★動画紹介コーナーに掲載する、動画広告の仕様を考えよう。

無事、あっという間に、宿題である、とある機能の作り方をマスターしましたので。
あ、マスターというより、作り方が分かりました。
書籍を2冊買った事で、一気にレベルアップでして。

ブラウザをリロードせずに、ページの一部の内容を、一定時間で更新する仕組み。
この方法が、どうもわからなかったのですが、やっとわかりました!
一応、実際に動く事も確認できましたので、後は、コードをすっきりして、表示する内容の部分を組み立てるだけです。

この作業は、ゴール直前という事で、後回しにするとして・・・。
ポイントシステムをガッツリ構築する際に、この機能もガッツリ構築する事にします。
ポイントシステムも、一応、必要な機能は、動作しましたので、後まわしって事です。

では、どこから作りこむか・・・、という事なのですが。
それは、ポイントを付与する各種ページです。
本来は、ポイントとチャットとタイムラインの機能だけ、構築して、ポイントだったり、チャットだったり、タイムラインを搭載するページは、皆さんに作ってもらいたいのですが・・・。

いきなり、ポイントを付与できる機能を自由に使ってください!とか。
ページ毎にチャットを搭載できるので、我が社のコードをページに設置してください!とか。
ページ毎にコメントを投稿できるように、我が社「DIGITAL STREET」、略してデジストのタイムラインを設置してください!とかとか。

いくら、今泉兄が叫んでも、誰も採用してくれないかと思います。
そこで、我が社デジタルストリート社が、この各種機能の事例という事で、自ら、いろいろなサイトを公開する事に。
ブランドは、同じく、「DIGITAL STREET」、略してデジストなのですが。

いろいろなサイトの例として、各種コーナーを公開します。
このブログだって、実は、この機能の一部になるんですよ。
タイムラインに投稿する際に、投稿する文字数が長文対応なので、このブログは、タイムラインに吸収されます!

その一つが、動画紹介コーナーでして。
YouTubeの動画メインになると思いますが、いろいろな動画を紹介するだけのコーナーです。
例えば、今泉兄、もう一つ、ブログを公開していまして。

エンタメ動画を紹介するブログなのですが、その中から、カバー動画だけをピックアップして紹介する、カバー動画紹介コーナーです。
さらには、アニメ関連の動画だけを紹介する、アニメ動画紹介コーナーです。
この二つの動画紹介コーナーから、スタートしようと思っています。

動画紹介ページを見ると、ポイントが貯まる。
後にですが、その動画を見ながら、チャットする。
又は、タイムラインに投稿する。

このポイント、チャット、タイムラインを活用する例として、動画紹介コーナーを作るんですよ。
その際、重要なのが、ポイントの原資。
デジストの広告売上の一部をポイントの原資にします。

その為、広告掲載が、とっても重要でして。
この広告売上が少ないと、ポイントの価値が低くなってしまいます。
逆に、広告売上が多くなると、ポイントの価値が高くなる。

そうなんですよ、ポイントの価値が随時変化する、変動相場制ポイントシステムなんですよ。
だからこそ、どんなサイトよりも、広告売上が重要。
皆さんのメリットと、我が社デジタルストリート社のメリットは、同じでして、一心同体です!

で、動画紹介コーナーですが。
カバー動画の場合は、左右のボタンは、同じ曲をカバーしている動画のリンクになります。
右へ左へ、どんどん、同じ曲のカバーが、表示されますので、お楽しみください。

そして、ここがちょっとオリジナルの機能なのですが。
なんと、なんと、上下にもリンクボタンがありまして。
このボタンは、そのカバー曲を歌っている人が、他のカバー曲を歌っている場合に表示されます。

上に下に、どんどん、同じ人が歌っている、いろいろなカバー曲が表示されますので、お楽しみください。
上下左右検索ですよ、これがカバー動画の場合は、結構、いい感じでして。
ぐるぐると、動画を見ていると、あれ、この人、過去に違う曲で見た事がある!?って、発見があります。

その場合、上下のボタンを押せば、以前に見た動画にたどり着く事ができますので。
いや~、便利で、新たなカバー動画の楽しみ方じゃないですか!?
しかも、ポイントが貯まる!?

で、動画広告ですよ、動画の広告を、たまに表示するんですよ。
左右にボタンを押した場合に、5回に1回とか。
上下にボタンを押した場合に、5回に1回かと。

でも、すぐに、ボタンを押してしまうと、動画が再生される前に、ページを遷移してしまいますので。
これだと、広告売上が期待できません。
そこで、動画がある程度、再生された後、ボタンを表示しようかな~と。

よくある、スキップボタンですよ、動画に表示される、スキップボタンです。
でも、動画じゃなくても、それこそ、ヤフーゲームでも、5秒くらい、スキップボタンが表示されませんでしたので。
バナー広告でも、動画広告でも、このパターンかな~と。

スキップボタンではなく、方向が重要なので、上下左右ボタンにするかも知れませんが。
5秒たったら、元々押した、上下左右ボタンのいずれかを表示しようと思います。
以上、今日のお題終了。

ヤフーゲームで、調査という名の元、遊びまくったので、いきなり答えが見えました!
そうですよ、上下左右のスキップするボタンを、数秒後に出せばいんですね。
広告を見ないと、上下左右ボタンが表示されないので、せっかく、いろいろとぐるぐるとカバー動画を見ていたのが、無駄になりますので。

どんどんバトンしていくのですが、バトンが途切れますので。
皆さん、広告を5秒間見てくれると思います。
さらに、上下左右ボタン以外のリンクを押すと、もらえるポイント数が少なくなるなど、できるかも知れません。

動画を見る、見ないは、個人の好みという事で、強制はできませんが。
一定時間、カバー動画紹介コーナーを楽しんでくれた場合は、ポイントをたっぷり付与する。
途中に差し込まれる広告ページも、ちゃんと見てくれた場合は、ポイントをたっぷり付与する。

そんな事も出来るかと思います。
やはり、ポイント付与のバランスが、デジストの成功の有無を決めるような・・・。
この辺は、進めながらのノウハウになるかと思いますので、早く公開ですね!

では、動画紹介コーナー、作り始めたいと思います。
以前、我が社のエンジニアに、プロトタイプは作ってもらったので、カスタマイズする程度。
さらに、この広告を差し込むプログラムを組み込みます。

そうそう、アニメ紹介動画は、上下左右に加え、2017年夏アニメとか、2017年秋アニメなどの、クール別でも検索可能にします。
左右は、同じクールの動画。
上下は、そのアニメの予告編なのか、オープニング曲なのか、エンディング曲なのか、関連動画なのか、などなど。

上下左右+クール別で、3D検索です!
同じように、いろいろな動画で、上下左右検索、さらには、3D検索で、新たな動画の楽しみ方を提案します!
そして、チャットとタイムラインが搭載されれば、ゴールです!

そうそう、同じ時間に、同じ動画を見る、イツナニミルという機能も搭載しますので。
そのベースとなるのが、動画紹介コーナー。
デジストのスタートラインが、動画紹介コーナーなので、一気に作りこみます!

DIGITAL STREET

★コラム★アプリでもなく、HTML5ハイブリッドアプリでもなく、HTML5のウェブアプリでチャットを作る。

理由は、いろいろとありますよ。
まずは、冒頭でお話ししたように、ヤフーのHTML5のゲームのクオリティが、いい感じだったので。
これくらい出来るなら、チャットも可能だろう!?って事でして。

そして、少し前に、HTML5ハイブリッドアプリを検討した際に。
もちろん、本も買いましたし、開発プラットフォームも登録して、Hello worldくらいは、作りましたよ。
でも、どこかで、やはり抵抗感がありまして。

お手軽じゃないですよ、スマホアプリの構築は。
アップルやグーグルへの登録だったり、開発ソフトや、開発プラットフォームが必要だったり。
さらには、ユーザの皆さんからすると、ダウンロードやらインストールやら、これが何よりのデメリットです。

SEO対策は、アプリ紹介サイトで頑張るとしても、所詮、紹介サイトなので、限界はありますし。
日々更新なんて、それこそ、無理ですよ。
かといって、サイト版も構築すれば良いのですが、二重運用ですので、その分、コストが増します。

というか、スマホアプリを構築する事自体が、コスト増ですね。
サイトの構築に比べると、何かとコスト高のような・・・。
今泉弟は、覚えろと言えば、覚えると言っていますが、リソースの少ない我が社だと、そこじゃないのような・・・。

ネイティブアプリという選択になると、なおさらです。
優先順位を考えると、やはり、サイト版である程度のアクセス数や売上を確保して。
その後、検討かな~って思っていました。

アプリにする事で、確実に勝てる!って事なら、まだしも。
アプリだろうが、サイトだろうが、期待値は高いのですが、未知数でして。
アプリである必要が、今泉兄にとっては、ないんですよ・・・。

しかも、ゲームでもなく、単なるポイントが貯まるサイトですので。
そして、タイムラインですので。
チャットだけが、もしかしたら・・・と思ったのですが、所詮、テキスト中心の世界ですよ、チャットのメインはテキストです。

なので、アプリは、遠い将来だろうな~なんて、思っていたんですよ。
つい、先ほどまで、アプリの事なんて、考えていませんでした。
今さらですし、先行者メリットも無いので、今じゃないって結論でした。

ところが・・・。
HTML5での展開。
アリじゃないですか!?

HTML5ハイブリッドアプリに似ているようで、アップルやグーグルへの申請は必要なし。
開発ツールは、何かしら必要かも知れませんが、基本、テキストエディタで出来そうな気がします。
テストやデバッグも、ホームページ作成と同じなので、気楽にできますし。

さらには、今、今泉兄、JavaScriptやjQueryを、一から勉強するじゃないですか!?
なので、ぴったりですよ、たぶんHTML5と、この辺の技術で、ブラウザベースのアプリケーションが構築できるんですよ。
だったら、我が社の進む道は、ここしかないな・・・と。

そこで、これより、HTML5による、ブラウザベースのアプリケーションに燃えます!
ハイクオリティのゲームが作れるなら、なんでも、出来ると思いますよ。
チャットは、スタンプ機能も搭載できそうですし。

我が社のチャットは、ボイスチャットや動画チャットまでは、まだまだ先ですが、やろうと思えば、出来る気がします。
その前に、アバターによる、仮想世界の構築かな~と。
これくらいなら、できそうな気がしましので、さっそく、調査開始ですよ。

まずは、HTML5のゲーム紹介コーナーを作る事に。
そこから、HTML5のブラウザベースのアプリケーション、ウェブアプリを紹介するコーナーに拡張。
さらには、ウェブアプリを作る際の情報も集めようと思います。

ウェブアプリポータルですね。
今さらなのかも知れませんが、いろいろと調べる事で、見えてくることもあるかと思いますので。
というのも、我が社のiモード専用検索サイトOH!NEW?も、この辺から始まったんですよ。

新しいモノに特化した検索サイトを作るぞ!って事で、始めたんですよ。
その際、今泉弟が、iモードの検索エンジンはどう?って事でして、そこから、我が社の歴史が始まりました。
おかげさまで、元祖iモード検索エンジンとして、一応、一時期は天下を・・・。

後に、ケータイ検索サイトとして、一応、一時は、天下を・・・。
後に、大手に敗れ、悲惨な事に・・・。
でも、とある人が言ってくれました、一度だけでも天下を取れたのはすごい・・・と。

そこで、こすりましょう!
また、やりましょう!
ウェブアプリを紹介するコーナーで、何かをつかみましょう。

そうそう、ウェブアプリの場合、アップルの課金だったり、グーグルの課金が利用できませんが。
我が社に限っては、ポイントがありますので。
なんなら、クレジットカード決済で、ポイントを販売してもいいですし。

そして、我が社の新サービス「DIGITAL STREET」、略してデジスト自体が、プラットフォームとして、課金代行をすればいいですし。
いろいろなウェブアプリを募集して、ポイントによる課金。
そんな展開だって、考える分には、自由なので、夢ふくらみます。

ちなみに、一応、解説しておくと、ネイティブアプリが、皆さんが普通に使っているアプリの事で、ダウンロードしてインストールするアプリです。
そして、ウェブアプリは、これから今泉兄が覚える、HTML5などで作れる、ブラウザ上で動くアプリの事。
ま~、アプリと言っても、サイトですよ、高機能なサイトだと思ってください。

そして、断念したHTML5ハイブリッドアプリは、ブラウザ上で動くアプリを、ネイティブアプリっぽくして、ダウンロードしてインストールできるようにしたアプリ。
作り方は、たぶん、これから今泉兄が覚えるHTML5などですが、よく使う機能は、開発プラットフォームや開発ソフトに搭載されていて。
比較的簡単に、作れつつ、ネイティブアプリのメリットを搭載できるって事だと、思ってください。

例えば、ウェブアプリで出来ない事。
Webプッシュ機能は、iOSには対応していないので、利用できません。
ただ、メルマガで代用しましょう、まだまだメールを活用する事で、何とかなりますって。

なんなら、iOS用のプッシュ機能だけのアプリを構築する。
そして、各社のプッシュを受け取れるサービスを構築する。
メルマガ配信機能と無料メールアドレスをセットにしたような、プッシュアプリを作る事で、何とか回避しましょう。

後は、ブラウザと連携して、ウェブアプリで展開する。
これが、答えなんじゃないですかね、ネイティブアプリ、HTML5ハイブリッドアプリが大変だと感じている今泉兄には。
ネイティブアプリで実現するか、HTML5ハイブリッドアプリで実現するかは別として、作ったとしても、プッシュ専用アプリのみです!

後は、作るだけ。
早速、本屋に行って、まずは本を買ってきたいと思います!
続きは、日々の開発日記で、ご報告します!

DIGITAL STREET

★ダイエット報告★ダイエット148日目。もち麦ダイエットの効果を知る為に、麺類だけ食べてみた。

いまいち、もち麦ダイエットの事を、信じていない、今泉兄。
かといって、まだ、真剣に向き合っていないので、もち麦ダイエットがどんなダイエット方法なのか、知ろうともしておりません。
それなのに、もち麦ダイエット宣言だけして、もち麦を食べています。

このまま、知らず知らずに、痩せていたら最高なんだけどな~。
そんなにダイエットも人生も、うまくはいかないよな~。
そこで、そろそろ、もち麦と真剣交際を始めたいと思います!

でも、まずは、敵からですよ、敵を知る事が、もち麦を知る事に繋がります。
「彼を知り己を知れば百戦殆うからず。」って事ですね。
なんとなく知っていましたが、こんな言葉だったんですね。

という事で、もち麦の敵と言えば、たぶん、麺類。
ご飯か、麺かって、迷うので、やはり、ご飯ものの敵は、麺類です!
そこで、昨日は、一日、麺類にして、どれくらい太るのかの調査で、敵を知る事にしました。

まずは、朝食は、例のもちもちパスタ。
誰ですか、単に、水にパスタの麺を浸けた際に、量が多すぎて。
余ってしまったので、食べただけで、敵を知るなんて、後付けだ!なんて、言った人は・・・。

はい、朝から、水に浸けたパスタが余っていたので、同じく、ナポリタンにして、食べました。
1日経っても、もちもちです。
この調理方法、当分、続けるかも・・・って、麺類は敵でした!

そして、ランチは無しで、でも、アイスを2個いただきまして・・・。
土曜日という事で、事務所で仕事をしたのですが、最近は仕事のお供として、アイスが手放せなくて・・・。
いや~、あずきのアイス、甘くて最高です!

そして、夕飯前に、アイスを食べて、バームクーヘンも食べまして。
フランクフルトもミニですが、2個いただきまして。
そして、メインの、ジャージャー麺です!

さらには、白玉入りのぜんざいをいただきまして。
もちもちという事で、朝食はもちもちパスタで、夕飯はもちもち白玉をデザートという事で。
もち麦の敵を、たくさんいただきました。

しかし、あずきは、うまい!
アイスも、ぜんざいも、最高です!
誰ですか、あずきに砂糖を入れて、おいしくしちゃったのは!?

しかし、ダイエット中でした・・・。
ラジオ体操もサボり、1回も行っておりません・・・。
その結果、こんな体重になりました。

身長:163cm
体重:70.6kg(±0kg)
体脂肪率:27.3%(-0.3%)
ウエスト:96.0cm(-0.5cm)

敵も、なかなかやるな!?
太ると思っていたら、痩せたじゃないですか!?
誤差ですが・・・。

あ、その前の食事は、同じく、もちもちパスタのナポリタン。
そして、糖質制限のパンでした。
相手は、敵の味方、敵同士の戦いでした!

という事で、後は、もち麦の食事に戻すだけ。
いきなり、もち麦だけの食事にするのも、寂しいので、1食もち麦、1食別のモノで、徐々に、徐々に、もち麦だけの食事にします!
って、その前に、もち麦ダイエットの方法、ちゃんと調べましょう・・・。

でも、まだまだ抵抗があるんですよ。
所詮、炭水化物じゃないですか!?
なので、炭水化物を抜いた方が、早いような・・・。

ま~、もう少し、この、もち麦を知らない状態を楽しんでみます。
知ってしまうと、頑張らないといけないので。
もう少しだけ、もう少しだけ、知らない状態に。

あれ、敵を知っても、自分を知らないと、もち麦を知らないと、成功しないって、冒頭で話したばかりじゃないですか!?
しかも、今回の食事で、敵を知ったのか・・・。
単に、普通に、炭水化物でデブをキープだけのような。

ま~、パスタを水に浸けると、おいしい事。
翌日でも、おいしい事。
今日の格言は、パスタは水に浸けるとおいしくなる!?でした!

何かに特化する事。
同じ何かでも、その中から、さらに特化する事。
それが差別化、それが目指す道です。