山田
ブログリーダー

プロジェクト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を数行書きかえるだけで済みました。


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


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




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

プロジェクト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‐1:”おしゃべり河童君”を作成!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第1‐1回として、”おしゃべり河童君”というプラグインを例にプラグイン作成の流れを説明したいと思います。


17/01/31 山田メール(シリーズ2作目にして、ついに主役に躍りでた宝箱)


”おしゃべり河童君”作成の流れ

遊園地のアトラクションに通りかかるタイミングでしゃべりだす人形ってあるじゃないですか。

GitHubでサウンドデータが手に入ったのでオルゴールを作っても良かったんですが、クリスマス向けのゲームで1度作っているので、サンプルとしてページを移動するごとにサイドメニューの河童アイコンに様々なメッセージをしゃべらせてみたいと思います。←テストで動作は確認してあるんですが、実際に設定はしてありません。

この関数にはidを2つ渡すんですが、1つ目は追記に書きこむ優先idで、2つ目はサイドメニューかテンプレートに書きこむ全体idになります。

idの中には、◆区切りでサウンドファイルを複数指定できて、河童アイコンにカーソルを乗せるとランダムに選んだサウンドを再生します。

色々とやっていますが、スクリプトは10行くらいで済んでいます。


画像で一言「シリーズ2作目にして、ついに主役に躍りでた宝箱」


17/02/01 山田メール(どんな困難も乗りこえる。そこに宝箱があるから)


配布について考える

次は、配布について考えてみましょうか。

こういう一言メッセージって、けっこう人気が出るんですよ。笑

もともと配布を前提に書いてあるので、スクリプトはそのままでいいんですが、個別ページごとに設定ができるので、そこだけで1つのコンテンツになりますから、広告を入れたりしてもいいかもしれませんね。

ユニクロのCMみたいな言い方になりますが、山田はいつもxdomainajax.jsを使っています。笑

スクリプトの読み書きができる人からしたらほとんど意味がないんですが、一応簡単なBAN設定もあった方がいいと思います。

とまあ、毎回そうしているとアップデートが大変になりますから、この辺りの機能はpスライダーにまとめます。


画像で一言「どんな困難も乗りこえる。そこに宝箱があるから」


17/02/02 山田メール(そして現れた最強の敵)


プラグインの組み込み

このプラグインは少し単純すぎますが、プラグインの中にもプラグインを組みこめるようにしておくと利用者に自由にカスタマイズを楽しんでもらう事もできるようになります。

プラグインを組みこめるようにする簡単な方法に、JavaScriptのtypeofがあります。

例えば、ifの中でtypeofを使ってymd_plugin1が存在するかどうかを確かめれば、”あれば実行、なければスルー”という処理ができます。

そこで、ymd_plugin1はこちらでは用意せずに利用者に作ってもらえば、こちらが作ったスクリプトの中に利用者が書いたスクリプトを組みこめる訳です。

1人で全ての機能を作るより、(広告ネットワークを作っておいて)利用者にプラグイン作成を許可した方が早く多くの人に配布する事ができます。


画像で一言「そして現れた最強の敵」


17/02/03 山田メール(さあ、鼻をかみなさない。(涙腺崩壊必至))


HTMLで設定ができるようにする

ブログを書いているという事は、だいたいHTMLくらいは使えるでしょうから、HTMLで設定ができるようにしてあげると利用者にとって使いやすくなります。

やり方は簡単なんですが、idを付けてdisplayをnoneにしたdivタグの中に設定を書きこめるようにするだけです。

スクリプト側では初期値は必要になりますが、ifの中でgetElementByIdを使ってidが存在するかどうかをチェックして、あったらinnerHTMLを変数に代入します。

初期値が必要になるのは、if文で確認するので、なかったらなかったでスルーするからです。

別のやり方もあるかもしれませんが、利用者にとっては分かりやすい方法だと思います。


グラサン侍改め粕田埋蔵(かすたまいぞう)「ぶっ、出番なし!」


画像で一言「さあ、鼻をかみなさない。(涙腺崩壊必至)」




関連記事

アップデート5b:参加者1人紹介につき抽選権+1!◆星1つ

今回のサマリー

今回は、アップデート5bについて説明したいと思います。


16/08/03 山田メール(にゃ~ん)

参加者の紹介

アップデート6からは、参加者を1人紹介するごとに抽選権を1回プレゼントする事にしました。(ただし、双方の参加者がゲームをクリアしている事が条件になります。)

山田は釣りをしないんですが、釣りゲームを作った後に釣りについて調べていて、グルーポンのマーケティングの事を思いだしたんですね。

グルーポンは、一定の人数が集まる事で大幅な割引きをするクーポンを発行してくれるんですが、人数が集まらないと成立しないので、口コミを促す効果があると言われています。

今、作っているシステムで、唯一こちらで自由に発行できるのが抽選権です。

抽選権は、賞金の当選確率をアップさせる事ができます。

これによって、例えば、遊んだ分だけ当選確率がアップするなどの報酬を設定する事ができます。


画像で一言「にゃ~ん」



絵文字18関連ページ一覧>ブログカスタマイズ プラグイン

忍者AdMax忍者AdMax

関連記事

xdomainajax.jsで取得するデータが更新されない件!◆星1つ

今回のサマリー

今回は、xdomainajax.jsで取得するデータが更新されない件について話をしたいと思います。


16/07/11 山田メール(xyz...依頼か!)

データが更新されない

いや~、困りましたね。

恐らく、xdomainajax.jsではなく、FC2側の問題だと思うんですが、自分のブログに置いているスポンサー広告枠のソースコードを取得しようとしても、古いデータが返ってきちゃうんですよ。

alertで内容を出力させてみたので、取得できている事は間違いないんですが、とりあえずスタンプラリーで使ってみて、(小規模なスクリプトだったので、)設計しながら作っちゃって、途中でデータベースを書きかえる事に。

GETを使っていたので、嫌な予感はしていたんですが。

FC2はGETで取得するデータの更新が難しいので。

スタンプラリーは、HTMLファイル側に広告データを埋めこんでも大丈夫なので、そうしましたが、ブログクエストとかの方のアップデート3は、どうしようかな~と。(その後、1週間したら更新されました。笑)


画像で一言「xyz...依頼か!」



絵文字18関連ページ一覧>ブログカスタマイズ プラグイン

忍者AdMax忍者AdMax

関連記事

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