2010-02-28
Opera用Stylish、CSS Stylerを公開します。
動作確認版ということで、とりあえず動く状態です。
Webページ側でのスタイル記述は止めました。その代わり、OperaのサイドパネルでCSSを書けるようにしました。
で、Webページの左上にリロードボタン等がまだ残ってるんですが、これはそのうち外そうかと思ってます。これだけの為にページの左上を占有するのもあれなので。
Stylishからのインポートが、まだちょっと怪しいです。
何か不具合や要望等があったら、Twitter@szskなり、ページ下部のフォームなりで知らせてくれると嬉しいです。
2010-01-30
ちょっとマシになりました。
mystyles.us
上記リンクをクリックしてインストールがうまく行かない場合、右クリックで保存した後にOperaのウインドウへドラッグ&ドロップしてみてください。
インストール時にOperaのUser Scriptフォルダを選択して下さい。その後、Uniteアプリケーションのトップページにヘルプが載っているので、ヘルプ通りにすれば動きます(たぶん)。
やりたいこと
- userstyles.orgのスタイルを取り込めるように
- Stylishのrdfからインポートできるように
- Stylishのrdfへエクスポートできるように
- Uniteのトップページを公開して、他人のスタイルを取り込めるように
- GUIの改善
- ショートカットキーで管理ウインドウの呼び出し
- CSSが分からなくても広告削除等は簡易的に行えるように
- もっとマシな名前をつけたい
2010-01-20
というわけなのでOpera Uniteでそれっぽいのを作ってみました。
DOMContentLoadedが来る前にUniteにアクセスして現在のWebページにマッチしたCSSを返して適用します。その間僅か数十ミリ秒(のはず)。
とりあえずCSSを書いて保存するだけのものを作成しましたが、UIを考えるのが非常に難航してます。
Stylishの時点でCSSを知らないと扱えませんでしたが(書かないなら別)、できればある程度CSSを知らなくても書けるようになったらいいなーと思いました。
そこで、真っ先に思いついたのが、FirebugやDragonflyにも搭載されているマウスによる要素選択。これで選択した要素のXPATHをCSSセレクタに変換する。さらに、わざわざCSSを書かなくてもdisplay:noneにするボタンを用意すれば、「要素選択→noneボタンを押す→さくっと消したいものを消せる」のでは無いだろうか、と。
それで作ってみたわけですが・・・やっつけUIなので微妙。
- CSS適用までに必要なクリック数が多い
- CSSをガリガリ書きたい人にとってはセレクタとプロパティ等が分かれているのがダメ
- セレクタやらボタンが多くなりがちなので領域が狭い
- しかし、領域を広くすると今度はWebページが見づらくなる
前途多難ですが、方向性を考えながら練ろうと思います。とりあえずは、Stylishのようなものが作れると分かっただけでも安心しました。
サンプル
動作確認版なのでコードは汚いし見た目も酷いです。
style.zip
- zipを展開します。
- dal.jsを開いて15行目のOpera UniteのURLを自分のUniteのURLに書き換えて下さい。
- dal.jsをOperaのUser Scriptフォルダへコピーします。
- config.xmlをOperaにD&DすればUniteアプリケーションとして動作します。
- その後、Opera Unite で SITEINFO サーバーを参考に、警告が出ないようにDragonflyから操作します。
以上で導入完了です。その後、http://www.google.com/webhp?hl=jaへアクセスすれば、ページを開いた途端に何らかのスタイルが適用されているはずです。
ページ内左上に表示されているアイコンをクリックすると適用されているスタイルが表示されます。黄色いパズルのピースアイコンが、一つのスタイルを表します。ページには複数のスタイルが適用可能です。
http://***.***.operaunite.com/test/view/を開くと現在登録されているスタイルの一覧が表示されます。
アプリケーションを再起動すると、登録されているスタイルは全て初期状態に戻ります。
2010-01-12
とりあえず
User Scriptsでの利用
Operaがサーバーになるので、Apache等を導入せずともサーバーを立てられます。個人的に注目したいのがUser Scriptsでの利用。
このように、今まで抱えていた問題を色々と解決できます。自分も今まで制作を断念していたものが幾つかあるのですが、Opera Uniteを利用することで制作可能になるものがちらほらと。
URLについて
32 名無しさん@お腹いっぱい。[sage] 2009/11/26(木) 21:39:08 ID:bhmG/FYE0
串を通さない設定をいろいろ設定してどうにか出来たが、>>27の記事には何カ所か間違いというか
注意点するべきポイントがあるっぽい。以下では12345番ポートをOperaUniteに使うとして話を進めます。
・この記事にある8840番ポートは、自分がOperaUniteで使うように設定したポートに置き換えなければならない
・私の場合、http://localhost:12345/ではアクセスできたが、http://xxx.xx.x.xxx:12345/や
http://xxx.xx.x.xxx/ではアクセスできなかった。(xxxにはグローバルIPアドレスが入ります)
・かわりにプライベートIPアドレスではアクセスできた。(http://192.168.1.20:12345/のようなアドレス。)
・IEで、適当なプロクシを通してアクセスするように設定したら、グローバルIPアドレスでアクセスできた。
・ルーターで80番ポートを12345番ポートにポート変換するようにすると、http://xxx.xx.x.xxx/で
アクセスできた。
ttp://www.dyndns.com/ で適当なドメインを無料で取って、グローバルIPを適当に設定してやれば、
これだけで簡易宅鯖の完成。あまりにも手軽すぎて拍子抜けした。
Opera Unite
http://pc12.2ch.net/test/read.cgi/software/1259145280/
2009-11-06
セッション復元したら大量にこのダイアログが出て困ったので。
ソフトタブにしてるのにハードタブになってしまう
原因不明。Vim再起動で大抵直ってますが、たまに再発。理由がさっぱり。
フォントを変えたい
未だにデフォのMSゴシックなので、良いと噂のConsolasやらに変えようと思ったら、gVimだとFontlinkingが上手くいかない様子。
2009-10-03
複数ファイルをまとめて置換したい
Vimで複数ファイルを纏めて編集する – Archiva
:bufdo %s/MURASAMA BLADE/MURAMASA BLADE/g
:bufdoで開いているバッファ、:argsで任意のファイル群。
Rubyスクリプトを即座に実行したい
:!ruby "%"
ダブルクォーテーションが無い場合、My DocumentやMy Dropbox等のスペースを含むディレクトリ上で正常に動きません。
現在行の複製を作成したい
たぶんvypをnnoremapで登録すればいいんでしょうが、いいキーバインドが思いつきません。そこまで頻繁に複製したくなるわけじゃないので、別にいいかな?
2009-09-28
書き殴れるメモをアプリを求めて、これまで紙copi、XTMemoと使ってきましたが、vimを触ってからしばらくしてhowm(QFixHowm
)に出会いました。
howmはvimで動くシンプルなメモプラグインですが、メモだけでなく予定・覚え書き・TODOの記入、wikiのようなオートリンク、grepによる高速検索・絞り込み等を行えます。
とりあえず書き殴って、後で一つのファイルにまとめたりするなど、ストレスレスな設計且つ、動作が非常に軽い、素晴らしいプラグインです。
howmに心底惚れたので、XTMemoから完全に移行しようと思い、XTMemoのデータをhowm用に変換するスクリプトをrubyで書きました。
xt2howm.rb
このRubyスクリプトをXTMemoのデータフォルダで実行すれば、howmで使用しているファイルに変換されます。ファイルのタイムスタンプ等もXTMemoの内容そのままです。
2009-09-27
10 Creative & Rich UI & How to Create Themより。
![ss[3] ss[3]](http://labs.bmky.net/files/2009/09/ss3-300x157.Png)
まるでVimの如く、親ページの名前を頭一文字で表示しつつ、マウスオーバーでにょろっと表示。サンプルのデザインがすっきりしててお気に入り。
![ss[4] ss[4]](http://labs.bmky.net/files/2009/09/ss4-300x102.Png)
パンくず右の矢印クリックで下部にコンテンツを表示。このサイトのように同じ階層もしくは同じカテゴリに属するページを列挙するのがいい感じ。
2009-09-23
少し前からVimを使い始めたんですが、Vimの極め方を読んだところ、Vim日記をつけましょう、ということなので試しにつけることにしました。vimrcの改変点やらvimの疑問やらを書き連ねようかと。
vimrcの編集とリロード
前述したVimの極め方の通りに設定。何はともあれまずはここから。
クリップボードから直接貼り付けできないか?
通常はShift+Insertか"+gP。ちょっと長いのでCtrl+Pで貼り付けられるように。
nnoremap <C-p> "+gP
複数行のインデントの繰り返し
複数行を選択したあとインデントを行うと選択が解除されてしまって連続でインデントできなくて困っていたところ、vimチートシートを眺めていたら、「(ピリオド)直前の動作を繰り返す」というものを発見。見事に連続でインデントできました。
その他
メモページのほうも更新。
2009-09-11

機能は多すぎず少なすぎず、とりあえず詰め終わったので、現在はバグフィックスとデザイン修正中です。
ExtJSで細かい部分のレイアウトやデザインが思うように操作できなくて難航してます。
- ツールバーのボタンが冗長にならないようにしたい
- テキストを短くしたいけど、そうすると動作が分かりづらくなるのではないか
- ショートカットキーを乗せる必要があるのか
- テキスト非表示のオプションを付けるべきか
- ショートカットキーのみを表示するボタンをつけるか
- 2ペイン表示
- ウインドウリサイズ時に分割値がおかしくなる
- 下に名前と詳細だけで問題無いか
バグのほうは、たまに原因不明のスクリプトの読み書き失敗が発生したりしています。これさえ解消されればあと少しなのですが…