Harukiya Archives

2005/08/16

category / Blog

ホゲの予言(しかしすごいタイトルだ)でちょっと書いたように、コメント欄に絵文字の記入と文字装飾が可能になりました。これは、スクリプトで補ってる部分「入力支援ボタン」は無くてもコメント欄に”[太字]ここは太いよ[/太字]”などと、ひとつひとつ手打ちすることでも反映されます。記述のルール(とカラーコード、絵文字の番号?)を知っていればすぐにでも書き込めるわけですが・・・やっぱり手打ちはめんどい!が、コメント内を装飾できれば、伝えたい部分を目立たせることができる!(強調できると書きたいところだがw)私の心は大いに揺れました。

そこで提供されている入力支援スクリプトをちょっとだけ(ええ、ほんのちょっとだけ)改造させてもらい、自分好みの装飾だけ可能にしました。書き出しも元は<img>アイコンなのですが、<b>, <i>, <s>の文字にして直感的にわかるよう(かえってわからなくなる人がでるやも)にしました。<u>[下線]を入れなかったのは、単に嫌いだからで、絵文字を積極的に使わない理由は、読込みが重くなる、中年ブログにはこのムードはちょっとキビシイ、小さすぎて識別できないなどです。しかも、支援部分はFirefoxでしか表示させません。基本的には自分が使いたいからです(我がままっちゃ超我がまま)

これぞ正真正銘のパクリです(反省は反省、信念は信念ということで)。問題があれば即刻削除いたします。事後承諾でもいいでしょうか?深月さま。


追記:2005-08-17

快く承諾いただき、ありがとうございました。同時に需要もあるようですので、さっそく改変してみました。

特徴

> load_c.js表示サンプル

”c”はCharacterの意味です。いったん自サーバにアップしてお使いください。HTML編集欄で、文字装飾コントロールを表示したい位置に

  1. <script type="text/javascript" src="<%url>file/load_c.js"></script>

と記入。すでに load.js を使われてる方は置き換えればOKです。後はCSSでお好みにデザインしてください。

注意点

このスクリプトload_c.jsは複数記事表示時に記事ごとにコメント欄があるタイプのテンプレートでは使えません

参考にさせていただいたソース(オリジナル)


writeback

  1. マス : function wrt() {
     with ( document ) {
      if ( getElementById && getElementsByTagName && createElement && navigator.userAgent.match(/Firefox/i) ) {
       var Help = getElementById( "help" );
       if ( Help ) {
        var SPAN = createElement( "SPAN" );
        SPAN.id = "wrttag";
        var A = createElement( "A" );
        A.innerHTML = "<b>";
        A.title = "太字の文が入ります";
        A.onclick = function() { Tag("[太字]","[/太字]","太字の文")};
        SPAN.appendChild( A );
        A = createElement( "A" );
        A.innerHTML = "<i>";
        A.title = "斜体の文が入ります";
        A.onclick = function() { Tag("[斜体]","[/斜体]","斜体の文")};
        SPAN.appendChild( A );
        A = createElement( "A" );
        A.innerHTML = "<s>";
        A.title = "打消の文が入ります";
        A.onclick = function() {Tag("[打消]","[/打消]","打消の文")};
        SPAN.appendChild( A );
        A = createElement( "A" );
        A.innerHTML = "<u>";
        A.title = "下線の文が入ります";
        A.onclick = function() { Tag("[下線]","[/下線]","下線の文")};
        SPAN.appendChild( A );
        Help.parentNode.insertBefore( SPAN, Help );
        Help.getElementsByTagName( "SPAN" )[0].innerHTML += "<br \/>テキストエリアの文字列を選択+<em><コマンド><\/em>で文字装飾ができます。"
       }
      }
     }
    }
    -16日21時
  2. 深月 : あ、どぞどぞ。ご自由にお使いくださいー。
    ついでに説明文も付記しておきました。-16日22時
  3. sugar : 深月さま
    私からのわがままなお願いです(ってここで言っていいんだろうか^^;)あのアイコンじゃない文字バージョン(このsugさんのみたいな)の作っていただけないでしょうか。-17日02時
  4. マス : 深月さん
    >あ、どぞどぞ。ご自由にお使いくださいー。
    あ、ありがとうございます。あまりの軽さに脱力しましたが。

    sugarさん
    >文字バージョンの作っていただけないでしょうか。
    ここへ来といて、他の人にそんなおいしい話をまわしてはいけませぬ。この仕事、金子一両で確かに引き受けました(えー、かねこじゃないですよ)

    というわけで(謎)アップさせていただきました。
    >更に改良したもの・こんなのでけたよ!というものができましたら連絡いただければと思います。
    これ、どこに連絡すればいいのでしょう?というか、jsファイル内に書かれてあって、どれだけの人が目にするのでしょうか?
    この秘密を公開するのがsugarさんの役目です(笑 ではではヨロシク。-17日18時
  5. sugar : 金子一両?私の色香じゃ駄目ですかorz

    えー、早速設置、快適です。ありがとうございます。
    ミッションを受けて、記事書きました。http://bittersweetdreams.blog9.fc2.com/blog-entry-353.html
    広く世に知らしめて参りましょう〜。-18日02時
  6. マス : しゅがさんしゅがさん!
    うちのスクリプトの紹介なんてしなくていいんですよ!ダークな上にブラックリストですから、関わるとろくな目にあわないかもですよ。

    >この秘密を公開
    というのは、
    1)FC2提供の「仮タグ挿入スクリプト」は改変や再配布が認められていますよ。
    2)スクリプト内に深月さんから直々のメッセージがあります。
    と言う点なのです。僕のコメントの書き方が悪かったです。

    これは、一昨日には無かった説明文ですし、他にもインフォメーションがないようです(知らないだけかもしれないけど)だいいちスクリプトファイルを開いて読むなんて人はほとんどいないでしょう。
    sugarさんのブログは広く読まれているので、この事実を書いてもらえば自分で何とかしようという人も現れるかもしれないし、FC2の宣伝にもなると思ったのです。
    だって、そんなところまでいじって良いサービスが他にあります?たとえば、スクリプトが書けなくたって、タグ挿入用アイコン(インターフェイスのヤツね)を作ってやろうという素材屋さんがあるかもしれません。そんな意味合いだったんですが。

    宣伝してくれるのは、とてもありがたいです。でも、sugarさんは公平な目線で記事を書いた方が良いと思います(おせっかいですが、そういう位置にあるブログだと僕は思ってます)

    全然話が違いますが、safariで色入力ができないというのは初めて知りました。(フィードバックは貴重w)ひとつアイディアがあるので、帰ったら修正してみます、今出先なんで。-18日15時
  7. sugar : あ、そういうことだったんですね。
    >そんなところまでいじって良いサービスが他にあります?
    ないです。これは記事中でも触れたんですけど、FC2ブログの本当の良い部分だと思ってます。
    んではマスターの意にそうよう,書き直してみますね。(公平な目でもいいと思ったんで紹介してますが。「もっと光を!」でも書いた通りです)

    Safariで色入力できないんじゃなくて、色入力パレットが使えない、というのは、「お問合せ」でもお伝えしてあるんですけどね。この手の入力支援は使えないことが多くて、慣れっこになってたりしますが(^^: 

    ところでsugさん、↓<s><u><i>なんかがなくなっちゃいましたが?-18日17時
  8. マス : そゆわけで修正してみました(2005-08-18 19:28)Safariの環境の方、チェックお願いします。

    >↓<s><u><i>なんかがなくなっちゃいましたが?
    また、ぶらぼーな予感がしますが、うちはFirefox専用(通常の3倍)のままです。
    自分が使う場合でもHTMLやソースコードを示す時だけに最小限で装飾するつもりです。フツーのコメントは顔文字とかで十分おk
    ヽ(´ー`)丿クルヽ(´ー)丿クルヽ( ´ )丿クルヽ(   )丿 チョウノヨウニマウ

    また全然関係ない話だけど
    Safariって入力切替忘れてタイプしても、”さふぁり”ってなるじゃん!(感動)-18日19時
  9. ぶらぼー娘sugar : わぁおぉ♪

    「さふぁり」おっけーです。嬉しい。
    地味だった私のブログがこれでカラフルになるか?いやならないな(苦笑)sugさん同様最小限の使用にとどまるとは思います。色だけに頼る予定もなし。強調部分は<b>併用。

    このパレット、管理画面でも使いたぁーい……

    追伸。<b><i><s>見えてます……いつもFirefoxとの二刀流で、このときFirefoxで見てるつもりだったんです。お赦しを。ハンドルも「娘」って年齢詐称してるとこお赦しを。ハートはいつも熱いのです。-19日03時
  10. sugar : ミッション完了です。http://bittersweetdreams.blog9.fc2.com/blog-entry-361.html

    ところでカラーパレットが不穏な動きをする(出たり出なかったり)現象に合っています(winIEでも)。暫く悩んでますがお気づきの点ありましたらご教示ください。-19日07時
  11. マス : お疲れ様です。やっぱりsugarさん、盛り上げる文章うまいですねー。主張するテーマがビシッと通ってて、テキスト書きのはしくれ(テーマが脱線しまくり)としてソンケーいたします。

    ビスコさんにブックマークレットを置かせてくださいとお願いしたり、sugar pot仕様に拙作を提供し(押し付け)たりしたのは、FC2ブロガーとしての仕事の姿勢に心打たれて(つーと大げさですが)自分のできることで少しでも役にたちたいと思ったからです。

    こういう、サポートというかコミュを盛り上げていく方法は、人それぞれにあると思うんですよね。ブロガーの人はペンで、テンプラーの人は配布テンプレで、スクリプターの人はゴニョゴニョとか。
    要望を出したり、不具合をフィードバックするのだって、どこかで誰かの役にたつことがあるかもしれないし、それは自分の居場所をよくすることに繋がっていくと思うのです。

    ビスコ総支配人の、おおいなるテレ隠しの言葉を借りれば、
    >「結局は自分のためってことですよ」
    ということです。-19日17時
  12. sugar : をほほほほっ♪(マスターsugさんにソンケーされて有頂天気味ターイム)

    あーいやいや。自分の居場所をよくする、まさにそれですネ。情けは人のためならず。今でも充分居心地いいところですけど、どうせなら、もっと居心地良くしたいもんですしね。お互いに得意分野がありますから、できるところでできることをやってれば、倍、いやそれ以上に何倍にもなって還ってきます。

    というわけでスクリプトで表示していた部分をスクリーンショットに差し替えました。まったく初歩的なことでしたね。ひとつお利口さんになったかも。ありがとうございました。-19日18時
  13. マス : >ソンケーされて有頂天気味ターイム
    今、ちょうど徳保さんの”簡単な作文の書き方”→”とにかく「書けちゃう」方法”というのを読んでました。
    http://deztec.jp/z/wiki/wiki.cgi/homework?page=%BA%EE%CA%B8%B9%D6%BA%C203
    うまい文章を書けるようにエイイ勉強中ですw
    -19日21時
  14. - : このコメントは管理人のみ閲覧できます-21日00時
  15. マス : ご利用ありがとうございます。
    FC2の仕様変更などで使われなくなった場合にはそれに準じます、という程度の意味です。
    その時はまた考えますので、あまり気にしない方が良いかもです。-21日22時
  16. もーまんたい : はじめまして。
    FC2ブログを掲示板として利用している者です。
    BBCodeとかスクリプトとか、殆んどわからない状態のくせに
    他人様の便利なツールをちゃっかりと、いただいちゃあいじり
    またいただいちゃあいじりまくり、という無謀なヤツです。
    今日、load_c.jsを改変させていただいたので、ご報告に伺いました。

    コメント欄に使いたい文字修飾機能が、いくつかあるものの
    FC2純正スクリプトでは、絵文字がもれなく付いて来るし(絵文字、好きじゃないのです)
    かと言って、他の方から分けていただいたものでは、色が付かないし。

    …あっ、再改変したことをスクリプトファイルに書くの忘れました!
    明日以降ちゃんと書き足します。すみません。
    今は1ヶ所のみ使用ですが、後日、もう2ヶ所にも設置したいと思っています。
    http://mohbeyabbs.blog72.fc2.com/-21日19時
  17. マス : ご利用ありがとうございます、もーまんたいさん。
    FC2純正のものをちょっとだけ改造したものですから、僕も立場的には同じです^^。
    スクリプトは要らない部分を削除されたのですね。全体をコメント <!-- --> で囲んでいますが、外部ファイルでは必要ありません。その辺を直すと良いかも。

    いやー、日記にも書いてますけど、うちも床がすごいことになっていて、ケモノ道状態です。捨ててしまってもよいのですけど、まとめたりゴミ出しするのが面倒くさい。引越しだけが逆転の一手です。
    -21日20時
  18. もーまんたい : ありがとうございます。コメントアウト要らなかったんですね!
    アップロードしたら文字化けしちゃって、どうしたものかと更にいじり回してる過程で
    あら、深月さんのには付いてるな、と真似したのです。
    その後、文字コードを変えてみたら直りました。
    (エディタの設定を、どの文字コードでも読めるようにしてあったので、気付かなかった)
    そしてコメントアウトの存在は忘却の彼方へ…(遠い目。)

    外して、再改変した旨(&注意書き)を書き足しました。
    「再々改変も可」と言えるように勉強したいです。

    ウチは管理人含め、大半が注意欠陥持ちなので「文字修飾でメリハリつけ機能」が必須です。
    ケモノ道の向こうの収納は、案外スカスカだったりしませんか(私だけか…)
    モノの洪水から逃れてシンプルライフ!私も憧れました。
    無印良品なお部屋がほしかった。(で、シンプルさに飽きて、またモノを増やす、と。)
    月に一度は、ひざ小僧が化膿する子どもでした_| ̄|○-22日13時
  19. マス : >その後、文字コードを変えてみたら直りました。
    毎回、この問題がでるのですけど、つい書くのを忘れてしまいます (-人― )" スマソ
    いくつか解決策があるのでご参考まで
    http://sug.blog2.fc2.com/blog-entry-330.html#comment_no760

    >ウチは管理人含め、大半が注意欠陥持ちなので「文字修飾でメリハリつけ機能」が必須です。
    今は文字装飾を外してますが、あれば「ここ一番」の時に役にたちますよね。

    >モノの洪水から逃れてシンプルライフ!私も憧れました。
    >無印良品なお部屋がほしかった。(で、シンプルさに飽きて、またモノを増やす、と。)
    自分もどちらかかというと、所有欲だけの人で、買った・作った・手に入れた時点で満足 → 後、放置ってパターンなんです。(あれば「ここ一番」の時に役にたちますよね)
    ほんと、シンプルに暮らしたいなぁ。(グチか?)
    -23日11時
  20. Mike Mertonell : ご意見・ネタ・苦情など-16日05時
  21.  


< CSS關係者に37の質問に答えてみた | HONDAの顔 > | 表紙へ戻る | 探す | 案内


ホームページ アフィリエイト レンタルサーバー FC2ブログ キャッシング