あわあわのブログ -26ページ目

あわあわのブログ

iPhone脱獄のいろいろ

簡単にお絵描きができるMacのDashboardウィジェットを作りました。
使い方は簡単で、白いエリアでマウスをドラッグして描画します。

ダウンロードはココから
miniCanvas.wdgt
バージョン 3.0.5

<スクリーンショット>

miniCanvas3.0.5_1
miniCanvas3.0.5_1 posted by (C)あわあわ

miniCanvas3.0.5_2
miniCanvas3.0.5_2 posted by (C)あわあわ

miniCanvas3.0.5_3
miniCanvas3.0.5_3 posted by (C)あわあわ


<使い方の詳細>

右上のスライダーの上から三つは赤、緑、青のRGBのスライダーです。四つ目は透明度のスライダーです。右上の四角には色のプレビューを表示します。

幅はそのままテキストアリアに入力してもいいですし、三角マークやポップアップでも変更できます。

スタイルはLineが線で、Circleが円の点で、Rectangleが四角形の点です。Lineは幅を太くすると変になります。CircleとRctangleは幅を太くしても問題ありませんが、マウスを早く動かして描画すると線になりません。またRectangleは太さが奇数だと境界がぼやけます。クリアは描画したものをすべて消します。

保存は直接できないので、「⌘+Shift+4」でスクリーンショットで保存してください。

裏面は、背景色の設定があります。七色から選ぶ事ができます。また高度な設定でスライダーの位置を移動するキーボードのショートカットの設定ができます。設定の方法はこのようにします。

case "キーボードのボタン":
red_slider.value = 赤色スライダーを0から255の範囲で移動;
green_slider.value = 緑のスライダーを0から255の範囲で移動;
blue_slider.value = 青のスライダーを0から255の範囲で移動;
break;

下の内容を高度な設定のテキストエリアにコピーしておくと便利です。
操作方法は、白(w)、黒(b)、赤(r)、緑(g)、黄(y)、オレンジ(o)、ピンク(p)、モカ(m)、ターコイズ(t)、クローバー(l)、ニッケル(n)、です。

switch(char)
{
case "w":
red_slider.value = 255;
green_slider.value = 255;
blue_slider.value = 255;
break;

case "b":
red_slider.value = 0;
green_slider.value = 0;
blue_slider.value = 0;
break;

case "r":
red_slider.value = 255;
green_slider.value = 0;
blue_slider.value = 0;
break;

case "g":
red_slider.value = 0;
green_slider.value = 255;
blue_slider.value = 0;
break;

case "a":
red_slider.value = 0;
green_slider.value = 0;
blue_slider.value = 255;
break;

case "y":
red_slider.value = 255;
green_slider.value = 255;
blue_slider.value = 0;
break;

case "o":
red_slider.value = 255;
green_slider.value = 128;
blue_slider.value = 0;
break;

case "v":
red_slider.value = 128;
green_slider.value = 0;
blue_slider.value = 255;
break;

case "p":
red_slider.value = 255;
green_slider.value = 0;
blue_slider.value = 128;
break;

case "m":
red_slider.value = 128;
green_slider.value = 64;
blue_slider.value = 0;
break;

case "t":
red_slider.value = 0;
green_slider.value = 255;
blue_slider.value = 255;
break;

case "l":
red_slider.value = 0;
green_slider.value = 128;
blue_slider.value = 0;
break;

case "n":
red_slider.value = 128;
green_slider.value = 128;
blue_slider.value = 128;
break;
}

ダウンロードはココから
miniCanvas.wdgt
バージョン 3.0.5
アメブロでJavaScriptを実行させよう!

アメーバブログのフリープラグインを使って、ブログのJavaScriptを実行する方法を紹介しようと思います。

<こんな感じ>

javascriptのテスト1
javascriptのテスト2

このサイトの情報を元にしてやってみました。しかし、私の環境ではうまく動作しなかったのでプラグインに少し改良を加えました。動作しなかった理由は、ブログのテーマによるものだと思います。
http://d.hatena.ne.jp/shunsuk/20080902/1220354891
あえて仕組みを解説すると、プラグインはJavaScriptを記述できるのでブログのJavaScriptをevalで無理やり実行しようというわけです。まぁそれはおいておいて、手順をさっそく紹介します。

<手順>

1. アメーバブログの「マイページ」にいきます。

2. 「ブログを書く」にいきます。

3. 「サイドバーの設定」にいきます。

4. 「プラグインの追加」をクリックします。

5. 「フリープラグイン」のタブをクリックします。

6. テキストエリアに下記のファイルのテキストを入力します。

<script type="text/javascript">
(function(){pre();})();
function pre(){
var codes = document.body.innerHTML.match(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>((.|\n)*)<\/pre>/gi);
if(codes == null)
setTimeout("pre();",100);
else
run();
}
function run(){
var codes = document.body.innerHTML.match(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>((.|\n)*)<\/pre>/gi);
codes = codes.replace(/
/g, "");
for (var i = 0; i < codes.length; i++) {
eval(codes[i].replace(/<\/pre>/i, "").replace(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>/i, ""));
}
}
</script>

(うまくいかない方)
js.txt

7. 「保存」をクリックします。

8. 「設定はこちら」の「こちら」をクリックします。

9. 使用しない機能の中の「フリープラグイン」を使用する機能にドラッグアンドドロップします。

10. 「保存」をクリックします。

11. 完了です。


<JavaScriptの記述方法>

ブログを書く時はこのように本文中に記述します。
<pre class="eval">
// JavaScriptのコードを書く
</pre>

コードをブログに表示したくなければこのように記述してください。
<pre class="eval" style="display:none">
// JavaScriptのコードを書く
</pre>


<感想>
参考のサイトにのってるプラグインのコードを追加していざJavaScriptの実行!っと思ったらピクリともしなかったのでjs実行はしばらく放置しました。それから2日後に暇があったので動かないなら自分でコードを書けばいいじゃんとか思ってアラートを使ってエラーを探してコードを作りました。そしたらテキトーに作ったわりにはみごと動いたのでブログにかきました。バグがあったらコメントしてくれるとうれしいです。

JavaScript