山田
ブログリーダー

プロジェクト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文で確認するので、なかったらなかったでスルーするからです。

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


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


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




関連記事

ケース解説:16年8月以降ココナラであった相談まとめ!

今回のまとめ

今回は、16年8月以降ココナラであった相談のまとめになります。


17/01/03 山田メール(O(オー)!)


65:ポイントサイト紹介のコンサルティング

事情があって具体的な話はできないんですが、ポイントサイト紹介ブログのコンサルティングをしてほしいという依頼でした。

ココナラでは、たまにあるんですが、1,000円で永久コンサルとかはなしにしてくださいね。

無料枠で依頼を受けたんですが、最初に「ゴールを決めましょう」と提案したらスルーされて、そのまま1か月間も相談を受けつづけました。笑

以前にココナラは相場を知らないお客さんが多いという話をしましたが、大体500円でも1週間相談できればいい方だと思ってください。


画像で一言「O(オー)!」


17/01/04 山田メール(U(ユー)!)


66:WikiとWikipediaの違い

Wikiを編集してほしいという依頼だったんですが、話を聞いているとWikipediaとWikiを誤解しているようだったので説明しておきました。

ココナラにそういう事(Wikipediaで宣伝できる?)を言ってまわっている人がいるようなので、そういう依頼は多いんですが、Wikipediaは広告目的では編集できません。

Wikiとは、パスワードを設定する事で共同編集ができるサイトの事なんですが、独特な文法があってHTMLなどの知識がなくても簡単にサイトを作れるようになっています。

WikipediaもWikiではあるんですが、Wikipediaは財団が運営する広告ができない百科事典です。

”Wikiを編集する”と言うと、”Wikipediaで広告ができる”と誤解されやすいんですが、そういうサービスではない事はご了承ください。


画像で一言「U(ユー)!」


17/01/05 山田メール(C(シー)!)


69:ロージーさんのスマホテンプレート

この依頼は、ココナラで受けた訳ではありませんが、ココナラで受けている仕事と同じ分野なので、ケース解説として紹介したいと思います。

ブロともの皆さんは無料ですので、コメントから連絡してくださって構いません。

山田が以前にFC2ブログに共有申請した承認済みのスマホテンプレートをロージーさんが使いたいと言ってくださって、そのカスタマイズの依頼を受けました。

ポイントサイト紹介ブログを運営されている人達は皆さんそうなのかもしれませんが、SEOもHTMLもバリバリ詳しいので依頼がすぐに片付きます。笑

バグも発見したので、ついでにその部分を直してアップデート(※1)しました。

※1 FC2ブログは、しばらく共有申請していないとアップデートなどの再審査に信じられないほどの時間が掛かります。久しぶりにプラグインをアップデートして再審査に出したら、半年くらい待たされた事もあります。理由は分かりませんが、他のプラグイン作者も同じような話をしていました。


画像で一言「C(シー)!」


17/01/06 山田メール(H(エイチ) OUCH(アウチ)!)


70:CSSで地図に文字を入れたい

日本の都道府県の地図を文字に割りあてたWebdingsのようなフォントがあって、その地図の上にCSSで文字を書きこみたいという依頼です。

文字を重ねて表示したい場合は、positionにrelativeやabsoluteを指定してtop、right、bottom、leftで座標を指定します。

relativeはデフォルトの状態ですが外側に指定し、absoluteは表示スペースを潰して重ねて表示するために内側に指定します。

依頼を閉じた後に、「IEとChromeで表示位置が違う」という連絡がありましたが、そういう場合はJavaScriptでブラウザーごとに書きかえるか、無料で使えて比較的解釈が一般的なChromeに合わせて配置します。


画像で一言「H(エイチ) OUCH(アウチ)!」



忍者AdMax

関連記事

在宅でもできる仕事:イベントプロデューサー◆星1つ

今回のまとめ

今回も在宅でもできる仕事の紹介になります。

第5回は、イベントプロデューサーです。


16/12/18 山田メール(ふふふふふんふふふんふーふー)


イベントプロデューサーはどんな仕事か?

ここで言う”イベントプロデューサー”とは、フリーランスのイベントプロデューサーの事です。

職業としてのイベントプロデューサーとは、異なる点がある事についてはご了承ください。

イベントプロデューサーは、イベントの企画から資金の調達、スタッフの手配、広告までを手がける仕事です。

実際に経験してみた感想としては、”とにかくお金が掛かる仕事”だったという印象しかありません。

だからと言って、お金が掛からないように友人知人で開催してしまうと、なあなあになってしまいがちになります。

先に言ってしまうと、この仕事は”お金を稼ぎたい”と思っている人にはお勧めしません。

まず、思ったように成功させる事が難しい仕事ですし、うまくいかないと自腹を切ったお遊びになってしまうからです。


画像で一言「ふふふふふんふふふんふーふー」


16/12/19 山田メール(ふふふふふんふふふんふーふー)


どんな依頼が来るか?

フリーランスでこの仕事をしていてもらえる仕事と言ったら、企画系くらいだと思います。

もし、成功している(稼いでいる)人がいたら、イベントを開催する時には成功している人に依頼する事をお勧めします。

もともと、自分でやってもお金が掛かるので、それなりのお値段にはなりますが。笑

この仕事は、お金さえあれば誰にでも始められるんですが、成功している人の特徴もバラバラですし、スキルでは測れない何かが必要になります。

言いかえると、”ブログをバズらせる事ができるかどうか”に近いものを持っている人は成功している事が多い気がします。

よくお金を出さないのに指示だけしたがる人がいるんですが、イベントプロデューサーは何らかの形でお金を用意できて責任を負うから指示できるのであって、ただ上から目線でものを言える仕事ではありません。笑


画像で一言「ふふふふふんふふふんふーふー」


16/12/20 山田メール(どーーん!(メキョメキョッ))


始めてみると分かる事

この仕事をしていると、この業界で働いている人達が如何に大変かが分かります。

普段、何気なく見ているテレビ番組も思わず背景にある苦労を想像してしまいます。

フリーランスの仕事は、何と言っても”やりたい事を自由にできる”という魅力があるんですが、イベントプロデューサーはこれまでに紹介してきたどの仕事とも違って、やりたい事を自由にするためにお金が必要になりますし、責任も生じます。

SE・プログラマーなんかも、自分で作りたいものを作っている内は楽しいんですよ。

仕事でやったりすると、フリーランスなら簡単に済ませられたテストにも大幅に時間を割かなくてはならなくなりますし。

なので、趣味や副業とするには向かない仕事かもしれません。


画像で一言「どーーん!(メキョメキョッ)」


16/12/21 山田メール(へい、いっちょ上がり!)


稼げない人の特徴

こればっかりは、あまり成功と言えるような経験がないので何とも言えない所があります。

実際にやってみると、かなり成功している人でも”たぶん元を取れていないだろうな”という事が分かるので、自腹を切っている人も多いんじゃないかと思います。

自分でブログを運営している場合は、スパムと言われようが毎日ブログを何十件も更新して宣伝しましょう。

費用は削減しようと思えばいくらでもできるんですが、加減が分からず削ってはいけない所まで削ってしまうとイベントが白けてしまいます。

フリーランスの場合は、必ず目玉になる人(映画なら俳優)をメンバーに引きこんで、広告費は削らないようにしましょう。

目玉になる人がいないとスポンサーを獲得できず、資金がなくなればイベントは頓挫してしまいます。(スポンサーと言っても個人のブロガーが中心ですから、一口1,000円とかがいい所なんですが。笑)

そして、スポンサー達はただお小遣いをくれる訳ではありませんから、ある程度は成功させなくてはなりません。

計画に遅れが生じたりするとお金が掛かりますし、スタッフもどんどん辞めていきます。

重要なのは、話題性と資金の確保の2点です。

あくまで個人的な感想になりますが、稼ごうと思ってやるのではなく、”お金を掛けて有名になる事で他の仕事をもらいやすくする”という意味ならやる価値がある仕事だと思います。


画像で一言「へい、いっちょ上がり!」



忍者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つ