ラクガキボード設置方法

http://219.101.47.232/main4ad.swf?version=20050404&rid=5383&skin=1&outline=DDDDDD&pub=2&charset=2&bgimg=&bgcolor=FFFFFF&default_set=1

---

当店のお客様(誰！)から、質問がありました。『ラクガキボード』って、Yahoo！ブログに貼れるんですか？』と。実際見てもらうと分かりますが、このラクガキボードFlashは、javascriptを記事内に直接記述する事で動いています。つまり普通であれば、javascriptを記事内で動かせない・記述自体できないYahoo！ブログでは表示できないように見えます。確かに現在Yahoo！ブログ内で気軽にjavascriptが使えるのは『Flashに記述したコードのみ』だと思います。間違っちゃいません。そこで、javascriptから実際に書き出されるコードをひも解き、最終的なWikiコードにしたいと思います。

[ 1 ]　まず登録
ラクガキボードサイト「http://rakugaki.kayac.com/index.php」を訪問し、利用者登録を済ませると「<script Language=javascript src=ttp://rakugaki.kayac.com/rakugaki_tag.php?rid=xxxx></script>」のようなコードがメールで送られてくると思います。その『http://219.101.47.232/rakugaki_tag.php?rid=xxxx』をブラウザのアドレスにコピーし、直接URLへ飛びます。

※xxxxなどの部分は各自違うと思いますのでご自分の数字などをそのままお使いください(以下同様)

[ 2 ]　ソースから必要な情報を収集
出て来たページでブラウザの「ソースを表示」としてみると、document　.write　から始まる4行が見られると思います。そこの4行目から必要な情報を抜き出します。まず『http://219.101.47.232/main4ad.swf?version=2005xxxx』こんな部分。そして『&rid=xxxx&skin=1&outline=0000CC&pub=2&charset=2&bgimg=&bgcolor=FFFFFF&default_set=1』こんな部分、設定によって多少数字など違うと思います。実はこのような記述が4行目には『2回』出てきますが、内容は同じなので中盤あたりのものでも、後半のものでも、どちらでも構いません。

[ 3 ]　Wikiの文法にまとめる
これをWiki文法でのFlash貼り構文[[embed(ファイル名,0,X,Y)]]に当てはめます。[ 2 ]で抜き出した二つを連結させて『ファイル名』のところへ入れてやります。

[[embed(http://219.101.47.232/main4ad.swf?version=2005xxxx&rid=xxxx&skin=1&outline=0000CC&pub=2&charset=2&bgimg=&bgcolor=FFFFFF&default_set=1,0,130,276)]]

Xは130、Yは276がこのFlashの本来の100％サイズなので、それを固定で大丈夫です。ただ [ 2 ] ではFlashの他にもdocument　.write　で表示されていたはずの、タイトル画像(こんなの→http://219.101.47.232/head_img/title3_on.gif)があるのですが、それまでまとめては表示できません。必要であればWikiテーブルなどを使って位置合わせするのもいいかも知れません。(^ ^

[ 4 ]　動作OK
以上で試してみましたが、普通に動きますし、保存もできました。ただ『タイトル画像がない』だけです。(- -;;

尚、上のFlashはWikiテーブルによってセンター揃えしています。(上のFlash表示の実コード↓)
||<#FFFFFF' style=text-align:center;width:560px; ``[[embed(http://219.101&#46;47.232/main4ad.swf?version=20050404&rid=5383&skin=1&outline=DDDDDD&pub=2&charset=2&bgimg=&bgcolor=FFFFFF&default_set=1,0,130,276)]]||

---

■注意■Yahoo！ブログの仕様が変わり『219.101.47.232』の部分があると登録できない文字が〜とエラーになります。回避するためには、ちゃ〜さん(情報thanx！)がご紹介くださった方法 - 真ん中の「.」を文字コードにして入力 - を試してみると良いです。「.」の文字コードは「.」ですので、上の[ 4 ]でもありますが『219.101.47.232』→『219.101.47.232』と実際のWikiコードを変更すると上手く貼れます！

■注意2■05/09/25　当ブログではラクガキボードがメインで動いておらず、質問を頂いてから初めて知ったのですが、どうもラクガキFlashのファイル名などに変更があったようです。記事内に今までありました「http://219.101.47.232/main4ad.swf」の部分を本日より正常に動作する『http://219.101.47.232/main4ad.swf』に変更しています！　今までに設置されていた方はお気を付けください。新しく設置される方は、この注意は関係ありません。(^ ^

みなさん、設置のご報告ありがとうございました。このブログパーツに限らず今後使いたい・でも設置できない…なんて困った事がありましたら相談くださいネー。

只今、4歳の娘と らくがきして 遊んだりしてます。 スキンシップ＆笑顔が 生まれます ＾＾♪ ただ、幼児には ボードが 小さいのか はみ出してます 〜〜；ヾ 大きくは 出来ないのですか・・・すいません 初心者が・・・

大きく表示させるためには、記事中にもあります「横,縦」という部分「130,276」を倍数などにしてあげるだけで良いですね！＞kokomamaさん

こんにちは！ＯＹＡＪＩさんの所からきました！とても分かりやすい説明なので、簡単に設置できました！ありがとうございました！

はじめまして。コチラのBlogを参考にさせて頂き、らくがきボードを設置しましたが、再生しようとすると「予期せぬエラーが発生しました」や「投稿されたデータがありません」などというエラーが出るようになってしまいました。もう復活できないのでしょうか・・・。

たぶんそれらのエラーはYahoo！ブログが混み合っている時に編集などしていませんでしたか？？ もしかしたら、空いている時間に見ると、普通に編集できたり、動作してみえたりする可能性はありますね。(^ ^;

[you*sei*5]

すみません、転載させて頂きます♪

こんばんは。はじめまして！記事を参考にして落書きボード設置できました。ありがとうございます。今度、自分も「落書きボード」の設置方法を記事UPしようと思っています。

いえ、表示されれば大丈夫ですよ！＞ハピスタさん＜でも、このファイルはURLの扱いがコロコロと変わるのです。昔はそれで大丈夫でしたが、途中その表記では表示されなくなり、また大丈夫になったという事でしょう。一番表示確率の高い方法で書いておけば良いでしょうね〜(^ ^;

はじめまして。こちらの記事のおかげで、私もらくがきボードを貼り付けることが出来ました。ありがとうございました。( ´∀`)σぽちり★ 傑作

はじめまして。楽しそうなので、こちらの方法でらくがきボードを貼付けることができました。ありがとうございます。

感動しました！

[リッチ]

時間がある時に挑戦してみたいので、転載をお願いしますね･･･。

はじめまして！ブログ開設当初にラクガキボードに登録はしたものの貼り付けがわかりませんでした。ここでお見かけしたので、再度挑戦してみたいので、よろしくお願いします☆転載させてくださいね。傑作ポチします

[けろ]

はじめまして！ＯＹＡＪＩさんの紹介でやってきました。すっごくわかりやすく、初心者の私でも、できました。どうもありがとうございました。 これからも、いろいろと参考にさせてください☆

[-]

はじめまして☆ＯＹＡＪＩさんの所から来ました。初心者の私ですが、解りやすくて出来ました。これからも、いろいろと参考にさせて頂きます。

簡単なんですよね？出来ませんでした。

おんたまさん、すみません…。上記のような手順が一番シンプルだとは思うのですが、如何せん用語や行程・PCやインターネットの仕組みに関しての知識がないと『簡単』とは実際言えないと思います…(^ ^;

ガク〜

[sek*n*nsha2]

はじめまして、こんにちは。
これ、前から設置したかったんです〜。
おかげさまで、できました＼（⌒∀⌒*）/ャッタ☆♪+⌒*。゜☆゜。
ありがとうございましたm(__)m
傑作ポチ☆