山田
ブログリーダー

プロジェクト4‐2:ブログクエストコロシアムを作成!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第4‐2回として、新しく作成したゲーム”ブログクエストコロシアム”について説明したいと思います。


17/03/08 山田メール(世界初宝箱ファッション誌”TREASURE”登場)


ブログクエストコロシアム

ブログクエストコロシアムは中規模ゲームをつくりました。

ホームページの構造と訪問者の動きを考慮して、ブロクエキャラクターのじゃんけんトーナメントになっています。

また後日に説明しますが、ホームページにゲームを展開するenvというスクリプトを作ったので、それと連携できるようにしてあります。

ブログクエストコロシアムからはゲームに”フェーズ”という時間を導入しています。


画像で一言「世界初宝箱ファッション誌”TREASURE”登場」


17/03/09 山田メール(防水仕様で夏を遊べ)


復元できる乱数を作成

やっぱり新しい事を始めると次から次とアイデアが出てきますね。

あ~してこ~してと切りがりません。笑

復元できる乱数とは、Rで言う所の乱数seedのようなものです。

場合の数を使って、ランダムな数字から元のデータを復元しています。

詳しい解説はデバッグルームの方にアップしたので、興味がある方はご覧になってみてください。


画像で一言「防水仕様で夏を遊べ」


17/03/10 山田メール(中身は空がトレンド)


ボスキャラクターを追加

ボスキャラクターも追加しました。

ボスキャラクターはアイテムを無制限に使えるようになっています。

ただ、作っている時に思ったんですが、回復アイテムも無制限に使わせてしまうとマジで勝てなくなってしまうので、そういったアイテムは使えないようにしてあります。

FC2ブログに2MBのファイルをアップできるようになっていたので、2MBギリギリのサウンドファイルをアップしました。

いつもお世話になっている魔王魂さんのBGサウンドです。

ボス戦に使っているので、良かったら遊んでみてください。


画像で一言「中身は空がトレンド」


17/03/11 山田メール(秋モデルは金ぴかフレーム)


カスタマイズしやすい連想配列

大きな配列は二次元配列にした方が比較回数が減って処理速度が速くなるかと思ったんですが、全く逆みたいですね。

まあ、アップする頃にはどうなっているか分かりませんが、ブログクエストコロシアムもenvとセットで配布しようと思っているので、カスタマイズしやすいという意味ではいいかと思って二次元連想配列にする事にしました。

前にも話をしたと思いますが、jQueryも簡単に書けるというだけで処理速度が速くなる訳ではありません。

デバッグルームの方で参考サイトを紹介しているので、詳しくはそちらをご覧ください。

ココナラでよく「jQueryを使わないんですか?」みたいな事を聞かれるんですが、JavaScriptでできる事はなるべくJavaScriptで書くようにしています。

jQueryも全く使わない訳ではないんですけどね。笑


グラサン侍改め粕田埋蔵(かすたまいぞう)「ホームページにゲームを展開する環境”env”を作りました!」


画像で一言「秋モデルは金ぴかフレーム」




関連記事

プロジェクト4‐1:デバッグルームをオープン!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第4‐1回として、新しくオープンしたデバッグルームというサイトについて説明したいと思います。


17/02/28 山田メール(こうして愛らしい猫の姿で猫とは思えない芸を披露した俺は一躍有名になった。)


新サイト”デバッグルーム”

はい、新しくデバッグルームというサイトをオープンしました。

GitHub的なバージョン管理を目的としています。

とは言っても、単なるアップデートの記録なんですが、失敗例は試す必要がない事、成功例はそのままアクセスアップの参考にしていただけます。

デバッグルームはブログではなくホームページにしたんですが、色々と分かった事があるので今回はその報告をしたいと思います。


画像で一言「こうして愛らしい猫の姿で猫とは思えない芸を披露した俺は一躍有名になった。」


17/03/01 山田メール(始めは困惑していたが、ある時気づいてしまった。猫は働く必要がない事に。笑)


ホームページとブログの勝手の違い

ブログと違ってホームページにはディレクトリーがあったりして勝手が違います。

ローカルでは動かないxmlHTTPRequestやjQueryのloadを動かせたりしますし、ディレクトリーさえ同じにしておけば相対パスを使ってローカルにほぼ完全なテスト環境を作れたりします。

ただ、ホームページは構造的に訪問者の動きが違います。

なので、今までブログに展開してきたゲームなどを、そのままホームページに移植しても同じようには楽しんでもらう事はできません。


画像で一言「始めは困惑していたが、ある時気づいてしまった。猫は働く必要がない事に。笑」


17/03/02 山田メール(調子に乗って開設した”吾輩は猫である”というブログは月間100万PVを達成、ファーストアルバム”猫踏んじゃった”はトータルで1000万回DLされ、YouTuberとしてもデビューした。)


次から次とアイデアが出てくる

新しい事を始めるという事は、同時に新しいアイデアを出すチャンスでもあります。

ずっと同じ事をしていると、慣れてきてルーティーン化してしまうからです。

デバッグルームをオープンしたのは1月5日ですが、オープン前後から数日間であっという間に数十のアイデアが出ました。

そちらで出たアイデアは、今後こちらのブログにも還元していこうと思っています。


画像で一言「調子に乗って開設した”吾輩は猫である”というブログは月間100万PVを達成、ファーストアルバム”猫踏んじゃった”はトータルで1000万回DLされ、YouTuberとしてもデビューした。」


17/03/03 山田メール(名前はタロー。ついにキダ・タロー、キタローと並んで世界三大タローになったのであった。)


全てカスタマイズできる

FC2ブログのいい所なんですが、本当に細かい部分までカスタマイズできるようになっているんですよ。

デバッグルームもFC2を利用していますが、他のブログサービスで同じようにカスタマイズするとしたら、ブログではなくホームページを作るしかないと思います。

まあ、PHPやSQL、CGIは使えませんが、ほとんどの事はJavaScriptでできてしまうので。

今さら流行るとも思えませんが、全て思いどおりのサイトを作りたい人にはホームページがお勧めです。


グラサン侍改め粕田埋蔵(かすたまいぞう)「3月3日ではなこさんのブログ2周年です。皆さん、はなこさんのブログにお祝いのメッセージを!」


画像で一言「名前はタロー。ついにキダ・タロー、キタローと並んで世界三大タローになったのであった。」




関連記事

プロジェクト3‐1:”Wikister”を作成!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第3‐1回として、”Wikister”というプラグインについて説明したいと思います。


17/02/20 山田メール(朝目が覚めると猫になっていた。)


学習系Webアプリ”Wikister”

はい、xdomainajax.jsでWikipediaのページを取得しようと思ったんですが、これは流石にできませんよね。笑

ローカルでは取得できたんですが、仕方がないのでブックマークレットとインラインフレームを使う事に。

まあ、考えてもみれば分かる事だったんですが、当然Wikipediaでは実行できず、更にスマホChromeでも実行できなくなりました。

今はスマホからの方がアクセスが多いので、PC版でしか動作しないWebアプリを作りまくっても意味がないんですが、ちょっとコンセプトを見直す事にしました。


画像で一言「朝目が覚めると猫になっていた。」


17/02/21 山田メール(暗証番号は0299、”ニクキュー”って憶えてください。イエーーー、ジャスティス!)


もともとのコンセプト

もともとのコンセプトは、”Wikipediaのページの知識度を評価して、勉強しながらお宝ページを探す”というコンセプトだったんですが、対象をWikipediaからブログにする事にしました。

判定する要素はHTMLで指定できるようにしてあります。

できればWikiでやりたかったんですが、FC2Wikiくらいでしか動作しないと思います。

今、小遣い稼ぎWikiでチェックしてみたら、星8つになりました。笑

山田ブログは、何も指定していない状態で星2つです。

Wikipediaくらいになると、10以上になります。


画像で一言「暗証番号は0299、”ニクキュー”って憶えてください。イエーーー、ジャスティス!」


17/02/22 山田メール(とりあえず箱にでも入って状況を整理するか。)


”Wikister”の仕組み

仕組みは簡単なんですが、Wikiへのリンクを重複なくカウントして平方根+1を計算しています。

ちょっと平方根のグラフが見つからなかったんですが、大体4つのリンクで星3つに、100以上で星11以上になります。

これをWikipediaを探検しながらやりたかったんですが、あちらでは実行できないのでブログバージョンを作ってみた訳です。笑

スマホでも実行できないので、xdomainajax.jsで直に広告を読みこんでもよかったんですが、スクリプトが長くなるので広告ページをHTMLファイルにしてインラインフレームで読みこむ事にしました。


画像で一言「とりあえず箱にでも入って状況を整理するか。」


17/02/23 山田メール(落ちつくな~。)


pスライダーにタイトルを追加

はい、ディスプレイに表示される内容を括っているタグか、その親タグにtitle属性がある場合、タイトルとして表示するようにしました。

どちらにもtitle属性がある場合は、ディスプレイに表示される内容自体を括っているタグ側のtitleが優先されます。

そう言えば以前に「タイトルを伏せられると何の事か分からなくなる」という話をしましたし、pスライダーにも追加する事にしました。

面倒な作業になるかと思ったんですが、JavaScriptとCSSを数行書きかえるだけで済みました。


グラサン侍改め粕田埋蔵(かすたまいぞう)「”山田デバッグルーム”更新中!」


画像で一言「落ちつくな~。」




関連記事

SEOテクニックを毎日実践:ポイントサイト紹介ブログの教科書!

今回のまとめ

今回は、SEOテクニックを毎日実践シリーズの第7回として、ポイントサイト紹介ブログの教科書を作りたいと思います。


17/02/12 山田メール(皆さん、今日は何と!)


どうしても書く事がない時は

はい、ポイントサイト紹介ブログの教科書第1回ですが、ブログの書き方について説明したいと思います。

全然関係ないんですけど、昨年末に放送されていたパズドラのCMを消臭力のCMだと思っていた人っていませんか?

外国人がラーラララーラ歌いながら半透明の球体が漂うCMで、山田は途中までしか見ていなかったんですが、ずっと消臭力のCMだと思っていたんですよ。笑

さて、次項からは具体的にタイトルの付け方からどうしてもブログを書けない時の対処法まで紹介していきたいと思います。


画像で一言「皆さん、今日は何と!」


17/02/13 山田メール(クリスマスの...)


記事タイトルを付ける

記事タイトルの付け方は、ピボット法をお勧めしています。

ピボット法とは、例えばポイントサイト紹介ブログなら、”モッピーの稼ぎ方”とか”モッピーの攻略法”のようにポイントサイト名(固定)にセットで検索されやすいサブキーワードを組みあわせる方法です。

ただ、同じキーワードが含まれている事は問題ないんですが、全く同じタイトルの記事は作らないようにしてください。

Googleはタイトルを非常に重要視しています。

自分の行動を振りかえってみても、ブログを読むときはまず見出しを見て内容を読むかどうかを決めています。

前に紹介した本に書いてあったんですが、心理学的にも※タイトルを伏せられると内容を理解しにくくなるという事があるみたいですね。

※洗濯機の説明に”洗濯機の説明”というタイトルが付いていないと何の事だか分からないという話があります。

ポイントサイト紹介ブログでは、記事タイトル中に具体的なポイントサイト名を毎回登場させるようにしましょう。

そして、もしどうしても書く事がない時は、まずタイトルを考えましょう。

何について書くかが決まれば、内容はすぐに出てくるはずなんですが、それでも書けない場合は以降の項を参考にしてみてください。


画像で一言「クリスマスの...」


17/02/14 山田メール(ごじゅう...)


サブタイトルを挙げる

ブログを4日に1度更新にしてブログが書きやすくなったんですが、その理由がこの”サブタイトル法”です。

通常、ブログはh1にブログタイトル、h2に記事タイトルが入っている事が多いので、その下にh3サブタイトルを1つとh4を3項くらい挙げられるとブログが書きやすくなります。

ブログの記事はこの小さなブロックと論理的な流れでできているので、サブタイトルが決まれば後はそれぞれの項について話をするだけになります。

例えばこのページの場合、タイトルの毎日SEOの1コーナーとして”ポイントサイト紹介ブログの教科書”という企画があって、サブタイトル”どうしても書く事がない時の対処法”について話をしようと思っていて、”タイトルを付ける”と”サブタイトルを挙げる”と”論理的に考える”の3点について話をしようと考えたんですが、そこまで決まれば書く手が止まる事はありません。

それでも書けないという人は、次項の”論理的に考える”を参考にしてみてください。


画像で一言「ごじゅう...」


17/02/15 山田メール(...2日後です!書きためしまくった結果、こうなりました。(ハッピーバレンタイン!笑))


論理的に考える

今度は”論理的な流れ”の方から考えてみましょう。

例えば、あなたが家族にポイントサイトを紹介しようとしているとします。

大人だったら特に専門的に勉強をしてきていなくても論理的思考力は身についているはずですから、その辺りの事は心配しないでください。笑

家族に紹介するとしても、「いいから登録して広告を毎日ポチポチして」とか言っても納得してもらえないでしょう。

要するに家族にポイントサイトを紹介するにしても筋道を立てて説明しなくてはならないという事です。

例えば、「先月、ポイントサイトを利用していたらどれくらい節約できたか」などを計算して説得してもいいですね。

”ポイントサイト紹介ではそんな事はできない”と思うかもしれませんが、説得するのに筋道を立てる事はできるはずです。

ブログにしても筋道を立てる方法に決まりはないんですが、読者を説得するとしたらどうやって説明するかを考えると、割とブログはスラスラと書けます。


画像で一言「...2日後です!書きためしまくった結果、こうなりました。(ハッピーバレンタイン!笑)」




関連記事

プロジェクト2‐1:”占いの館”を作成!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第2‐1回として、”占いの館”というプラグインについて説明したいと思います。


17/02/08 山田メール(しまった!見つかったか?)


占いの館

奥様向けに作ってみたんですが、どうですかね~。

ベースになっているのはタロットです。

仕組みを説明すると、pスライダーに散らばった占い師(キャラクター)それぞれに12通りのアルゴリズムがあって、日付と選択したキャラクターの順番によって占い結果がかわります。

開始リンクの下に”シャッフル”というチェックボックスがあると思いますが、チェックを外して同じ日に同じ順でキャラクターを選択して占うと同じ結果が出るようになっています。

シャッフルのチェックを外して、キャラクターを選択せずに占うと必ず0(The Fool[正位置])が出ます。

同じキャラクターは2回選択できません。

また、全てのキャラクターを選択する必要もありません。

これ、データベースを作るのが大変だったんですよ。笑


画像で一言「しまった!見つかったか?」


17/02/09 山田メール(悪いがズラからせてもらうぜ!このお宝は渡せね~な)


一部の解釈を削除

占い開始リンクとpスライダーは、上部オーバレイメニューに移動しました。

占いスペースは、個別ページ末のトイカジノ2の上にあります。

タロットの説明文はWikipediaから引用しています。

しっかし、タロットは解釈がネガティブですね。

悪い結果が多すぎます。笑

”流産”などの表現があったので、一部の解釈を削除してあります。


画像で一言「悪いがズラからせてもらうぜ!このお宝は渡せね~な」


17/02/10 山田メール(撒いたか?)


BGサウンドを追加

BGサウンドとタロット一覧を追加しました。

BGサウンドは、お馴染みの”魔王魂”さんのものを使わせていただいています。

タロット画像には山田ブログのキャラクター達の色相を変更したものを使っています。

正位置、逆位置合わせて全部で44パターンあります。

一度手抜き画像をアップしてしまったので、上書きが大変でした。

後で思ったんですが、トランプの時みたいに1つの画像にして部分表示にした方が良かったかもしれませんね。


画像で一言「撒いたか?」


17/02/11 山田メール(この港から国外に逃亡だ!(”The宝箱4” ~このティッシュだけは渡さない~))


pスライダーの広告表示位置

PC版pスライダーのスポンサー広告をhoverで拡大表示に変更しました。

もともと、”おしゃべり河童君”に広告を入れる方法を考えていたんですが、そっちに入れるならpスライダーに入れた方がいいかと思って。

JavaScriptは上書きしてありますが、CSSの方もアップデートがあるので、お手数ですが利用したい方は説明書の方を再度ダウンロードしてください。

pスライダー配布ページは、小遣い稼ぎWikiの方にもあります。


グラサン侍改め粕田埋蔵(かすたまいぞう)「まとめにしか登場してない...笑」


画像で一言「この港から国外に逃亡だ!(”The宝箱4” ~このティッシュだけは渡さない~)」




関連記事

便利メニュー
携帯版山田ブログ(タグランキング)携帯版山田ブログ 更新情報メールボックス スターターガイドお役立ちツール集 ブックマークはてなブックマーク
お薦めポイントサイト1位
モッピー!お金がたまるポイントサイト
モッピー
14年注目度No1
ポイントレート 1ポイント=1円(1コイン=0.1円) 紹介制度 2ティア(40%) 最低換金額 300ポイント(300円)~ 換金上限 なし
げん玉
お薦めポイントサイト2位
毎日お得がいっぱい げん玉
げん玉
人気No1
こちらから登録で250Pがもらえます!
ポイントレート 1ポイント=0.1円 紹介制度 3ティア(最大35%) 最低換金額 3,000ポイント(300円)~ 換金上限 一日1万円まで
ハピタス(入門系)
3位
日々の生活にhappyをプラスする|ハピタス
ハピタス
入門的ポイントサイト
こちらから登録で30Pがもらえます!
ポイントレート 1ポイント=1円 紹介制度 2ティア(最大40%) 最低換金額 300ポイント(300円)~ 換金上限 一か月3万円まで
GetMoney!(メール受信系)
☆4位☆
お小遣い稼ぎなら最強ポイントサイトGetMoney!
GetMoney!
メール受信で稼ぐなら
ポイントレート 1ポイント=0.1円 紹介制度 2ティア(50%) 最低換金額 5,000ポイント(500円)~ 換金上限 なし
ポイントタウン
チャレンジ中
ポイントでお小遣い稼ぎ|ポイントタウン
ポイントタウン
コンテンツ量No1
こちらから登録で500Pがもらえます!
忍者AdMax(自動で稼ぐ系) ブックマークレット
山田バー t検定のピタゴラスイッチ ブログクエスト ブログクエスト(バトル) トイカジノ2(ポーカー) 山田フィッシング 山田城と不気味なスリラーナイト 山田城と不思議なクリスマスキャロル 山田城 山田城と麗らかな春 pスライダー 占いの館
相互リンクについて
当ブログは相互リンク歓迎です絵文字237
ただし、相互リンクは、
お小遣い稼ぎ情報を扱っていて、
お申し込みをいただいた時点で更新を続けられているサイト様
に限らせていただきます絵文字234
※こちらから申し込みをさせていただく場合は
この限りではありません絵文字203
リンクはこちらもそういたしますので、
トップページからしていただけると嬉しいです絵文字236
なお、内容について、
法律に反していたり、
モラルが欠けていたりする場合などは、
リンクをお断りさせていただく事があるので、ご了承ください絵文字183
横断検索サポートを始めました。
相互リンクをしている必要はありませんが、
サイドメニューで使われたい方はリンクをお願いします絵文字87
一言お声掛けいただければ、
こちらからもリンクいたします絵文字179
お申し込みは、
相互リンクの輪
コメントからお願いします絵文字228
相互リンクについて!◆星2つ