mattz.xii.jp blog

やる夫ブログのUserCSS

By mattz, 2009/06/12

「やる夫ブログ UserCSS」というキーワードで検索してきた人がいたので作った。細部はかなり適当。適当な場所に保存して、拡張子をcssに変更したら、やる夫ブログを開いて、F12を押して、サイトごとの設定を編集... ってのを選んで

表示設定タブを選んで、

ユーザースタイルシートってところの右側の[選択...]ボタンを押してさっき保存したCSSをファイルを選んで、[OK]で完了。スクリーンショットはこんな感じ。

左右のマージンとか詰める余地ありだけどこれ以上時間かけるのはアホくさいのでしない。余計な横スクロールバーが出なけりゃいいんだ、こんなのは。あ、他のエントリへのリンクとかは全然考慮してないので、どっちかというとRSSリーダで購読してる人向け。

僕自身がどういう時にUserCSSを書くのかってのは以前書いたことがあるので、どんな風に作るのかを簡単に書いてみようかと思う。

Dragonfly起動！

消したい要素のID/Class名を調べるのに使う。なんかそういう目的のuser.jsもあった気がするのでそれでも可。"表示メニュー→スタイル→クラスとID"でもいい。ただ、Dragonflyだったら、あとで細かい調整はしやすい。

秀丸起動！

別にテキストエディタは何でもいいです。

@charset "utf-8";

と記入。まとめブログ系だと、AA対策でフォントをMSなんとかゴシック、みたいなフォントにしたいときがあるので、文字コードの指定は必須。どんな時でも書くように癖つけるといい。

あとは消したい要素のIDやclass名、どちらもなければ、親要素とか調べて、

#left, #right, #footer, #header, .comment {display:none !important;}

とかやるだけ。

消したくはないけど、幅広すぎるんだよね、っていう要素があるような場合には、その要素に対して、

#box1{width:auto !important;}

これくらい書けたらCSSファイルを保存して、さっきの要領でそのサイトのユーザCSSとして設定してやって表示してみる。うまくいってない箇所があったら、CSSファイルを編集して開いたまま上書き保存してOperaをリロード。納得いくまで「CSSファイルを編集して」以下を繰り返し。細かいCSSの書き方については説明する気もないので、どっかよそで勉強してきて。

とにかく、そんなに難しい話でもないので、CSSの勉強兼ねてやるとかいうのはありだと思う。そういう気もないなら諦めるか、検索してみるか、作ってくれそうな人をうまいこと誘導して作らせる(もちろん素直にお願いするのも可)とかしましょう。

Drupalでサイトを運営しているOperaユーザがすべき検索の設定

By mattz, 2009/06/10

そんな人が日本にどれだけいるのか知りませんけど。

「Alt+Pで設定ダイアログを表示→ウェブ検索タブを表示→[追加]ボタン」で表示されるダイアログに以下のように入力。

名前欄とキーワード欄はお好きなように。アドレス欄の入力文字列は「http://drupal.org/project/Modules?filters=drupal_core:87&text=%s」。

サンプルの画像

これで、6.x対応モジュールだけを対象に検索できます。Drupalの他のバージョンを対象にしたい場合は drupal_core:87 の87の部分の数字を以下のように変更してください。

4.7.x: 79
5.x: 78
7.x: 103

drupal_get_formのsizeとmaxlength

By mattz, 2009/06/10

今日引っかかったのでメモ。

drupal_get_formで、#typeがtextfieldな入力項目を使うときに、#sizeを指定すると、maxlengthも引きずられる。つまり

$form['FIELD-NAME'] = array(
  '#type'          => 'textfield',
  '#title'         => t('title'),
  '#size'          => 50,
  '#default_value' => $hoge,
);

という風にやると、50文字までしか受け取れない。というか入力できない。

size以上の文字数を受け取りたい場合は#maxlengthも一緒に指定すること。

$form['FIELD-NAME'] = array(
  '#type'          => 'textfield',
  '#title'         => t('title'),
  '#size'          => 50,
  '#maxlength'     => 100,
  '#default_value' => $hoge,
);

つまりこういうこと。

「たむらぱん」という人のことは、これまでまったく知りませんでした。知ったきっかけはsakusaku。この番組の5月のエンディングテーマがこの人の「ジェットコースター」という曲でして、その歌声とPVが少し気になっていました。で、そのsakusakuの先週の放送にたむらぱんさんがゲストとして屋根の上(観てない方には意味不明でしょうが、屋根の上なんです)に登場してくださいまして、色んな意味ですっかりやられちゃいました。身長148センチも高得点(笑)。

このアルバムがセカンドアルバムだそうですけど、ホントにいいですよ。僕はレビュー的な文章については壊滅的にセンスがないものですから、誉めるのはカスタマーレビューの皆さんにお任せしますけれども、大変気に入りました。

初回限定版にはDVDもついてますし(まだ観てないんですが)とてもお得かと思われます。

そういうことで2回目聴いてます。

全角の英数字が大嫌い

By mattz, 2009/06/09

キライなんです。醜いから。なので、極力目に入らないよう次のようなスクリプトを書いた。

// ==UserScript==
// @exclude http://mattz.xii.jp/*
// ==/UserScript==
(
function(){
  document.addEventListener(
    'DOMContentLoaded',
    function(){
      document.body.innerHTML = document.body.innerHTML.replace(/([0-9A-Za-z　])/g,function(str,p1){
        return {'0':'0','1':'1','2':'2','3':'3','4':'4','5':'5','6':'6','7':'7','8':'8','9':'9',
          'A':'A','B':'B','C':'C','D':'D','E':'E','F':'F','G':'G','H':'H','I':'I','J':'J','K':'K',
          'L':'L','M':'M','N':'N','O':'O','P':'P','Q':'Q','R':'R','S':'S','T':'T','U':'U','V':'V',
          'W':'W','X':'X','Y':'Y','Z':'Z','a':'a','b':'b','c':'c','d':'d','e':'e','f':'f','g':'g',
          'h':'h','i':'i','j':'j','k':'k','l':'l','m':'m','n':'n','o':'o','p':'p','q':'q','r':'r',
          's':'s','t':'t','u':'u','v':'v','w':'w','x':'x','y':'y','z':'z','(':'(',')':')','　':' '}[p1];
      });
    },false
  );
})();

書いたけど、一部のスクリプトを殺してしまうようなので、ご利用は計画的に。

例えば、このDrupalの新規エントリ作成画面のスクリプトが動きません。おかしいなと思ったら、@excludeに追加していただくとか、根本的な問題を修正していただくとか、そもそも使うのをやめるとかしてください。

2009/10/21 追記

別のスクリプトを作っている過程で、このスクリプトの問題点が分かったので対処。

ついでに、regexp - 全角英数字を半角にの全半変換関数をまんまコピーして作り直した。

Bookmarklet - link them all!でいいじゃねーかって?おっしゃる通り。

// ==UserScript==
// ==/UserScript==
(
function(){
  var fascii2ascii = (function(){
    var cclass
     = '['+String.fromCharCode(0xff01)+'-'+String.fromCharCode(0xff5e)+']';
    var re_fullwidth = new RegExp(cclass, 'g');
    var substitution = function(m){
      return String.fromCharCode(m.charCodeAt(0) - 0xfee0);
    };
    return function(s){ return s.replace(re_fullwidth, substitution) };
  })();
  window.addEventListener(
    'DOMContentLoaded',
    function(){
      var x = document.evaluate('//', document, null, 7, null);
      var l = x.snapshotLength;
      var val;
      for(i = 0;i < l;i++){
        if('#text' == x.snapshotItem(i).nodeName){
          val = x.snapshotItem(i).nodeValue;
          x.snapshotItem(i).nodeValue = fascii2ascii(val);
        }
      }
    },false
  );
})();