上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

クローズドテスターとして、大倉さんにいろいろと開発中のプラグインを試させていただけるのはとっても嬉しいことなのですが、なんせクローズドなのでそれを一般にブログに公開できず、いろいろと非常に歯がゆい気持ちでいたりします。

でも、今回のプラグインは「許可」、つまり、Goサインが出たので、それを公開することができ、みなさんに紹介することができました。

新プラグインの名前は、StyleEditorといい、主にCSSの作成、管理用のものです。
詳細はこちらになります。

（続きはこちら）

---

１．インストール

Sleipnirを起動させた状態で以下のリンクをクリックすると、Sleipnirにインストールされます。
□StyleEditor プラグイン Download
※これはまだLabにも載っていない開発中のものなので使用は自己責任でね

まあ、これはどんなものか簡単に言うと、FirefoxでいえばStylishの機能拡張版みたいなものと言えば分かりやすいでしょうか。
□Stylish :: Firefox Add-ons
※Hawkeyeの技術が生きているところがStylishより優れているところですね
　作る側の機能としては、いまリリースされているものの中でトップクラスの水準ではないでしょうか

それで、この使い方ですが、これが実は非常に大変（笑）。
いや、別に大変というわけではないのですが、分かっている人には簡単なのですけど、分からない人には全く分からないというやっかいなものなので、そこが難しいところですね。つまり、これを入れただけでは何も起きないところが初心者には非常に厳しいというわけです。

まあ、由々識さんなんかは、プログラマーですからこの程度のことは簡単すぎることなので、（その程度のことが分かっていることを前提として）一生懸命次のようにご説明してなさっていますけど、多分、割と多くの人は「？」となるかと思います。
※もちろん、分かっている人にはとっても親切丁寧な優れた説明ですね

□由々識の気まぐれ日記 StyleEditor （開発途上版）プラグインが公開

現時点でのバージョンは 0.0.2。
ちなみに、作者は研究開発チームの kenjiro さんです。

まず、この StyleEditor がどのようなプラグインなのかご説明いたします。
この StyleEditor は、Web ページのスタイルシートを編集し、Web ページの見た目を改変するプラグインです。
改変した内容は設定ファイルに記憶され、次回にページを閲覧した際にも適用されます。
では、具体的にこのプラグインで何ができるのでしょうか。
使い方は無限にありますが例えば、
文字を大きくしたり、
背景画像を変更して文字を見やすくしたり、
広告を消したり、
といろいろできます。
ただし、スタイルシートを編集するわけですから、
スタイルシートの知識が無いと使いこなすことはできません。

２．Browser.js的説明

まあ、このブログは「初心者に優しい」をモットーとしていますから（？）、これをもっとかみくだいて言うと、これこれこういう風にやると、こういうことができるという風に簡単に説明してみたいと思いますね。

Q：「御託はいいから、とりあえず、これは何ができるの？」
A：自分の見ているWebページを自由に変えることができます。

例を挙げるとこんな感じですね。
□元ネタ：[mb]はてなブックマーク（リニューアル版） | userstyles.org
※本当は自分で書いたCSSで説明するといいんでしょうけど、CSSを新たに書く暇がなかったので、Momizineのものをちょっと拝借しました。ごめんね、Momizine。

これが


↓こうなる


※私が書いたCSSといえば、例えば、これなんかがあるのですけど、なぜかIEでは「z-index」が巧く働かないんですよね。なぜだろう、なぜかしら。まあ、別にいいけど。
□Browser.js [CSS 3] Livedoor Reader CSS


３．導入の仕方

まあ、本来は、リンクを以下のように記述すれば、ワンクリックでインストール可能な（はず）なのですけど、これには重大な問題があって、拡張子が独自仕様なので、このブログ（FC2ブログ）がこのファイル形式に対応していないということがあったりします。
<a href="hoge.user.style">hogehoge</a>

要するに、ファイルをアップロードできないというわけですね。

ですから、このブログで紹介するためにはちょっと面倒な手続を踏まないといけません。

１．まず、以下のCSSをダウンロードします。
□hatenaBookmark_momizine.user.style - File Download

※本来ならStyleEditorでインストールできそうなダイアログが出てきますが、今回はできません（笑）
理由は、名前が「hatenaBookmark_momizine.txt」となっているからですね。

２．デスクトップにこれを保存したのち、ファイル名の.txtを削り、.user.styleにする
□するとhatenaBookmark_momizine.user.styleとなるはずですね

３．最後に、「メニューバー」から「ツール」を選択して、「スタイル設定ファイルの管理」をクリックし、このようなダイアログを出します。



ここに先ほどのファイルをD&Dしてもいいですし、インポートからそのファイルを選択してもいいです。
これで完成ですね。

この状態でこのサイトに行ってみると…
□はてなブックマーク

まあ、こんな感じのプラグインというわけでした。

あとはCSSを書いてくれる人が増えれば、CSSのことが分からない人でも簡単に、いろいろと試すことができるというわけですね。


４．最後に

最後に、少し技術的な話をすると、前々からあるCSSも移植も簡単ですし、新たにCSSを書くときもStyleEditorを使えばHawkeyeライクに非常に簡単にCSSを作ることができます。つまり、2通りの方法に対応しているというわけですね。だから、比較的簡単にいろいろいっぱい作ることができると思います。
※もちろん、ちょっとのCSSの知識とSleipnirの知識があることが前提ですけど…

ただ、独自の拡張というのはなかなかアップロードしにくいので、そういう場をSleipnir側が作ってくれればいいなとは感じたりもします（そうすれば、クリックするだけで簡単インストールができるようになるしね）。私もその点がどうにかならないと、なかなか作りづらいというのもありますよね。
※要するに、早い話が公式サーバーを作ってくれというわけですね

ということで、そんなことを考えつつ今回は終了です。

各種ソーシャルブックマーク： |