山田
ブログリーダー

プロジェクト5:ホームページダンジョンを作成!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第5回として、新しく作ったゲームホームページダンジョンについて説明したいと思います。


17/03/24 山田メール(絶好調~真冬の恋~スピードに乗って~)


ホームページダンジョン

ホームページをダンジョン化してゴールを目指すゲームを作りました。

ホームページダンジョンは元々はオンラインゲームの企画だったので、複数プレイヤーで同時に遊ぶ事を前提に作ってあります。

仕掛けの論理パズルは、このブログで以前に紹介した”狼と羊とキャベツの川渡り問題”を参考にしてライツアウトにしました。

押したスイッチと上下左右のスイッチが反転していって、1行オフにするごとに対応する扉が開きます。


画像で一言「絶好調~真冬の恋~スピードに乗って~」


17/03/25 山田メール(急上昇~熱いハート~溶けるほど恋したい~)


マップ生成システム

完成してみると、マップ生成システムの設計が一番大変でしたね~。

今後、何かの機会にオンラインゲームにするかもしれないので、その前提で考える必要があったんですよ。

ブログクエストコロシアムなどは通常のブラウザーゲームとして作ったため、後からオンラインゲーム化する事は難しい事が分かったので。

現時点でオンラインゲーム化する予定があるのかと言われると、今の所はありません。


画像で一言「急上昇~熱いハート~溶けるほど恋したい~」


17/03/26 山田メール(ブレイク寸前~幸せへのゴール~)


ライツアウトの導入

実は名前を知らなかったんですが、そういう有名なゲームがあったな~と思って、Googleで”タイル カラー 反転 パズル”と検索してみたら名前が出たんですよ。笑

便利な世の中になりましたね。

ライツアウトのプログラム自体は簡単なんですが、試しに4×4で作ってテストしてみると、ものすごく単純な方法で4手でクリアできる事が分かってしまいました。笑

”これじゃ駄目だ”と思って、5×5に作りなおすとちょっといい感じに。

もともと、数値部分を定数にして作っていたので、長さの定数に代入する値を交換するだけで済んだんですけどね。

大変だったのは、名前が出てこなかった間だけです。笑


画像で一言「ブレイク寸前~幸せへのゴール~」


17/03/27 山田メール(UKYOU‐AI:おやおや、ゲレンデに来て”ブレイク寸前”と言われるとかつての相棒”アキラ100%”を思いだします。彼はこんな冬の雪山でも服を着ないで捜査に参加していましたからね~。)


設計について

マップ生成システムとか設計が大変だったんですが、完成してからは大したバグもなくあっさりと公開できました。

最初に考えていた時にどう考えても合理的なシステムにならなかったので何度か考えなおしたんですが、あまり設計に時間を掛けても仕方がないので作りながら考える事に。

Cookieから渡されたデータを2次元配列に展開する辺りなんかは、もう少し合理的な設計があったかもしれません。

他にも少し複雑になってしまった部分がいくつかありますが、今後の開発のためにいい経験になったと思います。


グラサン侍改め粕田埋蔵(かすたまいぞう)「ココナラサービスの技術を検定・認定するサービス”山田ギルド”をオープンしました!」


画像で一言「UKYOU‐AI:おやおや、ゲレンデに来て”ブレイク寸前”と言われるとかつての相棒”アキラ100%”を思いだします。彼はこんな冬の雪山でも服を着ないで捜査に参加していましたからね~。」




関連記事
スポンサーサイト

SEOテクニックを毎日実践:拍手が多いサイトの調査!

今回のまとめ

今回は、SEOテクニックを毎日実践シリーズの第12回として、拍手が多いサイトの調査について話をしたいと思います。


17/03/20 山田メール(あなたのおっしゃっていることは正しいと僕は思います。ですが、あなたの選んだ方法は間違っています。)


拍手が多いサイトの調査

ブログを始めて1か月くらいの頃の話になりますが、どうにかしてアクセスを増やしたくてランキング上位に入る方法を考えていたら、”相互クリック”という不正がある事を知ったんですね。

「それで”応援ポチ”とか言っているのか~」と納得していたんですが、それから少しして初めてできたブロともさんから、ポイントサイト紹介ブログ業界の大御所ブロガーさんが「相互クリックはやめましょうね」という話をされている事を教えてもらったんですよ。

それからしばらくして、※ランキング特典を計算できるようになったので、それからは”そこまでしてやる価値はない”と思うようになったんですが。

※ランキング特典…ランキング上位に入る事で得られる成果の事。

当時は、注目記事に入る裏ワザとかやっていましたね。笑

まあ、ランキングサイトも信用がかかっているから不正を禁止しているのであって、そんなものが通ってしまったら誰もランキングサイトなんて利用しなくなりますから。

さて本題に入りますが、いいサイトの見分け方に拍手数があります。

拍手が多いサイトはそもそもアクセス数が多いので、相互クリックをしていなくても自然とランキングで上位に入ります。

ただ、ここで調査したいのはランキング上位に入る方法ではなく、アクセスが多いサイトの作り方になります。


画像で一言「あなたのおっしゃっていることは正しいと僕は思います。ですが、あなたの選んだ方法は間違っています。


17/03/21 山田メール(どんなに不本意な人生であっても、逃げださずに立ちむかうことでしか本当の幸せは手に入れることはできません。)


拍手が多いサイトのジャンル

分類していて気づいたんですが、アフィリエイトブログは拍手をもらいづらいのかもしれません。

よく考えてみると、アフィリエイトをしていて拍手が多いブログって、1つか2つくらいしか見た事がないんですよ。

一応、今読んでいて※拍手が多いブログのジャンルを分類してみると、ペット日記、お悩み解決(カウンセリング、占い)、素材配布、女性日記などがあります。

※拍手が多い…1記事あたりの拍手数が40以上のブログの事。

後でもう1度話をしますが、それらのブログは全てFC2の足跡から見つけました。


画像で一言「どんなに不本意な人生であっても、逃げださずに立ちむかうことでしか本当の幸せは手に入れることはできません。」


17/03/22 山田メール(本当に価値のあるものは大切にされるでしょう。そして愛される。あなたのように。)


拍手が多いサイトの共通点

拍手が多いサイトの特徴として、”足跡を残している事”と”素材サイトの画像をほとんど使わない、または画像自体を使わない事”があります。

デバッグルームの方にも書きましたが、確かにアクセスって足跡を残していると増えやすいんですよね。

前にココナラの依頼で美容関係のブログを調査した事があるんですが、その時も足跡を残していたらめっちゃアクセスが増えました。笑

ディズニーカテゴリーに遊びに行った時も増えましたね~。

”素材サイトを使わない”とかは理由が分からないので、統計的には面白そうです。

デフォルトテンプレートではないんですが、FC2を使っているのにブログをほとんどカスタマイズしていなかったりする事もよくあります。


画像で一言「本当に価値のあるものは大切にされるでしょう。そして愛される。あなたのように。」


17/03/23 山田メール(UKYOU‐AI:おや、デニムですか。安心してください。穿いてますよ。)


本の出版、または雑誌の取材を経験

そもそも肩書がすごかったりする事も多いんですが、自分の専門分野の本を出版した事がある、または雑誌の取材を受けた事がある方も多いみたいです。

まあ、これについては”どちらが先か?”という問題もあります。

本を出版したから拍手が多いのか、内容がいいから拍手が多くて本を出版する事になったのかという話です。

書いていて思ったんですが、足跡の効果が大きそうですね。

素材サイトを使わない事とブログをカスタマイズしない事はデザインにこだわらないという事だと思うので、何かあるのかもしれません。

結果はデバッグルームSNSの方で公開する予定です。


画像で一言「UKYOU‐AI:おや、デニムですか。安心してください。穿いてますよ。」



絵文字18関連ページ一覧>仕事ノート 毎日SEO

関連記事

プロジェクト4‐2:ホームページにゲームを展開できる”env”を作成!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第4‐3回として、ホームページにゲームを展開できる”env”スクリプトについて説明したいと思います。


17/03/16 山田メール(今だ、フォーメーション発動!)


ホームページにゲームを展開する”env”

さあ、張りきって書きますよ~!笑

まあ、デバッグルームの方に書いているので特に説明する事はないんですが、こちらではものづくり体験談をするんでしたね。

2、3日前に作ったのにすでにほとんどの事を忘れています。

て言うか、Googleの「httpsサイトを優先的にインデックスする作戦」って何か意味があるんですかね。

そんな事言ってみんなhttpsにしだしたら、マジで意味がなくなると思うんですけど。


画像で一言「今だ、フォーメーション発動!」


17/03/17 山田メール(えっ、あれは試合じゃマズくないすか?)


CSS階層メニュー

これははまりました。笑

何を思ったかチェックボックスで作ろうとして1時間くらい悩んだんですが、結論は”ラジオボタンで作ればいいじゃん”でした。

どういう事かというとCSS3の:checkedで、1回押したら1枚目のオーバーレイが、2回押したら2枚目のオーバーレイが開いて、3回押したら閉じるようにしたかったんですね。

恐らくチェックボックスでは不可能だと思いますが、なぜチェックボックスで作ろうとしたのかは自分でも謎です。笑


画像で一言「えっ、あれは試合じゃマズくないすか?」


17/03/18 山田メール(フォーメーション”ボックス‐1”発動!(二歩))


工夫した点

ゲームスクリプトからゲーム情報を受けとって待機リストに展開リンクを書きだそうと思って関数の存在確認をしようとしたんですが、変数の中に関数名を入れてtypeofでチェックしても変数の存在確認になっちゃうんですよ。

そこで変数の中に匿名関数を入れて、その中で関数の存在確認をする事にしたんですね。

デバッグルームの方にも書いたんですが、変数名の後ろに()をつければ代入した関数を呼びだせます。

まあ、あまり使う機会はないかもしれませんが、他に何に使えるかはこれから考えていこうと思います。笑


画像で一言「フォーメーション”ボックス‐1”発動!(二歩)」


17/03/19 山田メール(流石だぜ、安西先生。ここで”ボックス‐1”とは)


旧ゲームをenv対応にアップデート

カジノ2と占いの館、ブログクエストコロシアムをenv対応にアップデートしました。

pスライダーと連携している場合は、今まで通りに動作します。

年が明けてから暇さえあればJavaScriptを書いています。

”どんだけJavaScriptが好きなんだよ”って話ですよ。笑

これで違う言語でも使いはじめたらプログラミング漬けになりますね。


グラサン侍改め粕田埋蔵(かすたまいぞう)「ホームページダンジョンを作りました!」


画像で一言「流石だぜ、安西先生。ここで”ボックス‐1”とは」




関連記事

SEOテクニックを毎日実践:デバッグルームに導入したSEO!

今回のまとめ

今回は、SEOテクニックを毎日実践シリーズの第11回として、デバッグルームに導入したSEOを紹介したいと思います。


17/03/12 山田メール(落ちつけ...よく考えろ...そんなはずはない...)


Googleアナリティクス

そう言えば、アクセス解析を導入していませんでしたね。

1月中旬頃からデバッグルームにGoogleアナリティクスを導入しました。

書いている時点ではまだ何も設定していないんですが、ホームページにはテンプレートや環境変数がないので早い段階からメニューやプラグインなどを置くスペースを用意しておかないと後で大変な作業をする羽目になってしまいます。

100ページも作ってから全ページにアクセス解析コードを追加とかになりかねませんからね。笑


画像で一言「落ちつけ...よく考えろ...そんなはずはない...」


17/03/13 山田メール(左手はこう、右手はこう。)


マイクロインタラクション

UXデザインが流行っていますね~。

まあ、マイクロインタラクションを導入するほど、訪問者を待たせる処理もないんですが。笑

サイトの目的がはっきりとしてきたので、進捗度に使う事にしました。

ちょっと気になっているのが、「FC2がhttpsを導入する」みたいな話が出ていたんですよ。

まさか強制的に変更したりはしないでしょうが、これでxdomainajax.jsがコケるようになったりしたら、新しい広告方法を考えなくてはなりませんね。


画像で一言「左手はこう、右手はこう。」


17/03/14 山田メール(よし、確認!)


GitHubに登録

デバッグルームはバージョン管理サイトなので、研修的な目的でGitHubのアカウントを作ってみました。

日本語化がされていないのと解説がいきなり手順を飛ばしたりするので、朝からてんてこまいでしたよ。笑

しかし、流石に便利ですね~。

ホームページも作れるみたいで、FC2じゃなくってGitHubの方が良かったかもしれません。

FC2ホームページはスマホから見るとオーバーレイでアダルト広告が入ったりするんですよ。

しかも、これが外せないというトラップ。笑

FC2ホームページは、アップロードできるファイル容量も小さいですし、ブログと比較してあまりメリットがありませんね。


画像で一言「よし、確認!」


17/03/15 山田メール(また身長が伸びてるーーー!)


Atomフィードを作成

フリーソフトを使ってAtomフィードを作成してみました。

簡単に言うと、RSSフィードです。

ブログサークルに更新情報を知らせたかったので。

口コミ通り設定が面倒だったんですが、Pingを送信してみるとしっかりと認識されました。

ブログだと自動で生成してくれるんですが、ホームページは自分で作らなくてはならない所も楽しみの1つかもしれませんね。


画像で一言「また身長が伸びてるーーー!」



絵文字18関連ページ一覧>仕事ノート 毎日SEO

関連記事

プロジェクト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”を作りました!」


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




関連記事

便利メニュー
携帯版山田ブログ(タグランキング)携帯版山田ブログ 更新情報メールボックス スターターガイドお役立ちツール集 ブックマークはてなブックマーク
お薦めポイントサイト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つ