SQLの窓

2015年07月06日

seesaa(またはさくらのブログ) の記事の一括編集内で、各種の設定を一括変更する為のブックマークレット

以下は Seesaa とさくらのブログ兼用です。
※ 但し、さくらのブログで広告設定はありませんので『アフィリエイト』はクリックしないで下さい
Seesaa(さくら)ブログ管理用、一括編集内、各種一括変更
Seesaa の画面と さくらのブログとでは、現在デザインが違いますがシステムとしては基本的には同じものです( Seesaa のものが最新です )

❶ 一括編集状態で実行する必要があります
❷ 一度に一括変更する量は、事前にシステム側の設定で決定しておきます



カテゴリID は入力にしています。取得方法は、以下のように(Google Chrome で実行しています)デベロッパーツールで簡単に取得できます。取得した ID をカテゴリ変更ボタンの前の入力フィールドにセットしてから、カテゴリ変更ボタンをクリックします。



設定のカテゴリ毎に選択したページの URL の最後の番号が、カテゴリIDです

注意事項

そのような事はめったにありませんが、このブックマークレットそのものが変更された場合は、実行前にキャッシュはクリアしておく必要があります。


更新履歴
2012-02-29 : カテゴリID を追加してからの初回投稿
2013-08-23 : 最新の Seesaa と さくらのブログで動作チェック
2015-07-06 : Seesaa と さくらが同じになっていたので、さくら専用を削除


posted by at 2015-07-06 22:45 | ブックマークレット | このブログの読者になる | 更新情報をチェックする

2015年06月19日

ジョークブックマークレット : ページの回転 ( jQuery アニメーション )

Twitter は既に jQuery が使われているので、以下の比較的単純なブックマークレットで回転します。
( 一般ページ用ではエラーになります )
▼ ブックマークレット登録用リンクです。
Twitter 用ページ回転
javascript:jQuery({kakudo: 0}).animate({kakudo:360},{duration:3000,easing:'swing',step:function(now){jQuery(document.body).css({transform:'rotate('+now+'deg)'});}});



▼ 一般ページ用ブックマークレット登録用リンクです。
ページ回転

新たに、回転中に CTRL キーを押すと、回転の中心をブラウザの見えている部分の一番上(スクロールバーが一番上)の中心に変更するようにしました。

jQuery の回転アニメーション をページ対象で、ブッマークレットに仕込みました。何の役にも立ちませんが、こういうことが簡単にできる時代ではあります。
▼ jquery_joke_01.js
str="";
str+="<"+"script> \n";
str+="if ( window.addEventListener ) { \n";
str+="	window[window.location.hostname+'.loadjQuery'] = '//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'; \n";
str+="} \n";
str+="else { \n";
str+="	window[window.location.hostname+'.loadjQuery'] = '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'; \n";
str+="} \n";
str+="document.write(\"<\"+\"script src=\\\"\" + window[window.location.hostname+'.loadjQuery'] + \"\\\"></\"+\"script>\"); \n";
str+="</"+"script> \n";
document.write(str);
function joke_start() {
	$({kakudo: 0}).animate(
		{kakudo: 360},
		{
			duration: 3000,
			easing: "swing",
			step: function(now) {
				$(parent.document.body).css({
					transform: 'rotate(' + now + 'deg)'
				});
			}
		}
	);
}
str="";
str+="<"+"script> \n";
str+="joke_start(); \n";
str+="$(parent).keydown(function(event){ \n";
str+="	if ( event.ctrlKey ) { \n";
str+="		console.log(event) \n";
str+="		$(parent.document.body).css({ transformOrigin: '50% ' + parent.document.documentElement.clientHeight/2 + 'px' }); \n";
str+="	} \n";
str+="}); \n";
str+=" ";
str+="</"+"script> \n";
document.write(str);
document.close();

とりあえず、Google Chrome、Firefox、IE11( IE10エミュレーション ) では動作しました。

う〜〜〜ん。

Facebook は回りません(セキュリティチェックが入っています)でした。あと、昔のフレームページもダメでした。
Google とかは機嫌よく回ってます。ただ、どうやら非力な PC ではイマイチアニメーションにならないようです。

▼ ブックマークレット部分の整形したもの
if (!window['_bI']) {
    window._bI = {}; (function(w, h, b, l, t, z, v) {
        var wnd = document.createElement('iframe');
        with(wnd) {
            id = 'my';
            frameBorder = b;
            width = w;
            height = h;
            with(style) {
                position = 'absolute';
                left = l;
                top = t;
                zIndex = z;
                display = v;
                border = 'solid 1px #000';
                borderRadius = '10px';
            }
        }
        document.body.appendChild(wnd);
        window._bI.wnd = wnd;
        var % 20url;
        if ((location.href).substr(0, 5) == 'https') {
            url = 'https://secure624.sakura.ne.jp/fire30.winofsql.jp/jquery_joke_01.js';
        } else {
            url = 'http://toolbox.winofsql.jp/jquery_joke_01.js';
        }
        wnd.contentWindow.document.write('<' + 'script src=\'' + url + '\' charset=\'utf-8\'></' + 'script>');
    })(0, 600, 1, '0px', '0px', 1000, '');
} else {
    document.getElementById('my').contentWindow.joke_start();
}
関連する記事


posted by at 2015-06-19 13:37 | ブックマークレット | このブログの読者になる | 更新情報をチェックする

2014年07月12日

WEB上の文章を選択して画像化(HCP丸ゴシック)するブックマークレット / サービス先でフォントの種類は自由に変更できます

▼ 文章を自動改行して、ブログとかに貼りつけるのを目的としたインイストール用リンクです
改行コードを取り除くようにしました( HCP丸ゴシックの場合、サービス先では20文字枚に改行されます )

こんな感じで
▼ 青柳隷書しも用インイストール用リンクです
※ 青柳隷書しもでは、4文字を想定した大きさにしていますが、選択した文字列は全て転送されます。

ブラウザ上で文字列を選択して実行すると、その文字列の改行コードを取り除いて、HCP丸ゴシックではあらためて20文字枚に改行して、フリーフォントで簡単ロゴ作成で表示します。

『フリーフォントで簡単ロゴ作成』の入力仕様にパラメータを追加して利用できるようにしています。ブックマークレットの仕様としては、ブラウザ上で文字を選択してブックマークレットを起動するだけです

★ 青柳隷書しもでは表示されない漢字もあるので、その時はフォント変更が必要です


posted by at 2014-07-12 15:07 | ブックマークレット | このブログの読者になる | 更新情報をチェックする

jQuery ページアニメーション : 斜めページ / ジョークブックマークレット


▼ ブックマークレット登録用リンクです。
斜めページ


どのような効果がでるかのサンプルブックマークレットです。

1) skew で並行四辺形にして、
2) 回転して縦に表示して
3) 幅を縮小してページにおさまるように
4) 影を付けて見やすく

このうち、1) と 2) と 3) はいずれも transform なので、同時に設定する必要があるので、注意が必要です。1) と 2) は同じ増分で目的を達成できるのですが、3) は、全く違うので、式((100-now)/100)を作って調整しています。

また、処理の中心(transformOrigin)を最初に変更して、ページの左上がページの先頭に一致するようにしています。
str="";
str+="<"+"script> \n";
str+="if ( window.addEventListener ) { \n";
str+="	window[window.location.hostname+'.loadjQuery'] = '//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'; \n";
str+="} \n";
str+="else { \n";
str+="	window[window.location.hostname+'.loadjQuery'] = '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'; \n";
str+="} \n";
str+="document.write(\"<\"+\"script src=\\\"\" + window[window.location.hostname+'.loadjQuery'] + \"\\\"></\"+\"script>\"); \n";
str+="</"+"script> \n";
document.write(str);
function joke_start() {
	$({kakudo: 0,shadow: 0}).animate(
		{kakudo: 45,shadow: 40},
		{
			duration: 3000,
			easing: "swing",
			step: function(now,tween) {
				if ( tween.prop == 'kakudo' ) {
					$(parent.document.body).css({
						transform: 'skew(' + now + 'deg) rotate(' + now + 'deg) scaleX(' + (100-now)/100 + ')'
					});
				}
				if ( tween.prop == 'shadow' ) {
					$(parent.document.body).css({
						boxShadow: now + 'px '+ now +'px '+ now + 'px '+ now + 'px rgba(0, 0, 0, 0.5)'
					})
				}
			}
		}
	);
}
str="";
str+="<"+"script> \n";
str+="joke_start(); \n";
str+="$(parent.document.body).css({ transformOrigin: '50% 850px' }); \n";
str+=" ";
str+="</"+"script> \n";
document.write(str);
document.close();

関連する記事

ジョークブックマークレット : ページの回転 ( jQuery アニメーション )


タグ:javascript jquery
posted by at 2014-07-12 14:54 | ブックマークレット | このブログの読者になる | 更新情報をチェックする
Seesaa の各ページの表示について
Seesaa の 記事がたまに全く表示されない場合があります。その場合は、設定> 詳細設定> ブログ設定 で 最新の情報に更新の『実行ボタン』で記事やアーカイブが最新にビルドされます。

Seesaa のページで、アーカイブとタグページは要注意です。タグページはコンテンツが全く無い状態になりますし、アーカイブページも歯抜けページはコンテンツが存在しないのにページが表示されてしまいます。

また、カテゴリページもそういう意味では完全ではありません。『カテゴリID-番号』というフォーマットで表示されるページですが、実際存在するより大きな番号でも表示されてしまいます。

※ インデックスページのみ、実際の記事数を超えたページを指定しても最後のページが表示されるようです

対処としては、このようなヘルプ的な情報を固定でページの最後に表示するようにするといいでしょう。具体的には、メインの記事コンテンツの下に『自由形式』を追加し、アーカイブとカテゴリページでのみ表示するように設定し、コンテンツを用意するといいと思います。


※ エキスパートモードで表示しています

アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります

<% if:page_name eq 'archive' -%>
アーカイブページでのみ表示される内容
<% /if %>

<% if:page_name eq 'category' -%>
カテゴリページでのみ表示される内容
<% /if %>

<% if:page_name eq 'tag' -%>
タグページでのみ表示される内容
<% /if %>
この記述は、以下の場所で使用します


Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX