Web scratch » software

Javascript向けIDE「Spket IDE」の導入

azu — Thu, 03 Dec 2009 08:36:19 +0000

Spket IDEをインストールしてみるメモ。

Spket IDEはJavaScriptのコーディングやXMLなど向けのIDEでAptanaと同様にEclipseのプラグインとしても動作します。
また、Firefox Extension Projectを作成できたりアドオン作成向け機能もある。
今回は単体で動作するスタンドアロンとしてインストールする。

Spket IDEとは何かを詳しく知りたい人は下を読んでみるといいかも。

[Think IT] 第1回：Spket IDEとは何か？ (1/3): http://www.thinkit.co.jp/free/article/0709/1/1/

Spketを使う | OpenLaszlo JP: http://www.openlaszlo.jp/?q=node/13

ExtJSの開発はSpket IDEがイイ感じ。Eclipseのプラグインでも動く。 – 蜘蛛の糸をつむぐには…: http://djodjo.jp/archives/149

Firefoxアドオン（拡張機能）の作り方: http://masahal.web.fc2.com/addon_lecture/

Eclipse plugin Spket IDE を試してみる – hogehoge: http://d.hatena.ne.jp/teramako/20070409/p1

インストール

上のサイトにインストール手順も書いてあるので重複するけど簡単な流れ

Downloads からSpket IDEをダウンロード
jarファイルなので、java -jar spket-1.6.8.jar みたいな感じでjarファイルを実行してインストーラーを起動
インストーラーでIDEを選びインストール場所とかを決めてインストール
起動するとWorkspaceを聞かれるので適当に決めて動くか確認。

基本的にはEclipseなので、あんまり問題ないと思います。

日本語化

こちらもEclipseと同じやり方が通用するので簡単な流れ

Pleiades (今回は安定版)をダウンロード
中身のfeatures、pluginsをSpket IDEに上書き
起動して日本語になってなければ、Spket IDEフォルダのspket.iniの最後に以下を書き加える
```
-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=default.splash
```
変な動作するなら-cleanオプションを付けて見るといいかも。

日本語化した画面

設定

まず最初に設定から文字コードをUTF-8にしておく

メニューより、Windows > Preferences… を選択し、 General > Workspace > Text file encoding において Other をチェックし、「UTF-8」を選択する。

Spket IDE, Firebug を使って JavaScript|すぐに忘れる脳みそのためのメモ

感想

Aptanaに比べるとかなり軽い
コード補完にXPCOMもでてくるのが少しウザイ(拡張機能開発には便利そう)
JSDocに対応している
アウトラインがわかりやすい

押したキーを表示してくれるソフトのまとめ(keycastr)

azu — Wed, 23 Sep 2009 10:10:01 +0000

KeyCastr: http://stephendeken.net/

のようにキーボードで押したキーを表示してくれるソフトを探してみました。

Target: http://www.gigafree.net/tool/office/target.html

ショートカットキーの視覚化という機能がかなりイメージに近くエフェクトもきれいだったんですが、
修飾キーとの組み合わせのショートカットのみしか表示できませんでした。
Tabとかも反応するようにできればよかった。

Key Jedi: http://weblogs.asp.net/rosherove/archive/2007/06/03/train-to-be-a-keyboard-master-with-keyboard-jedi.aspx

ウィンドウに押したキーを表示してくれるもので、こっちも修飾キーのみに対応してます。
FIFOっぽく、入力した順に複数表示してくれるみたいです。

osdHotkey: http://www.romeosa.com/osdHotkey/help.html

AutoHotkey製のソフトで、ウィンドウに押したキーを表示してくれます。
こっちはすべてのキーに対応しています。
ただし、タブなどの特殊キーを押したとき表示の変化が分かりづらいです。

Targetが一番イメージに近かったのですが、任意のキーに対応できるようになったらよさそう。

選択行を上下に移動させるEmeditorマクロ

azu — Sun, 20 Sep 2009 14:46:57 +0000

選択してる行、選択してる文字列の行を上下に移動させるEmeditor用のマクロです。
TextMateとかEclipseに似ような機能があるらしいですが、使ったことなかった。

(セットMoveLine.zip)

それぞれ上と下のマクロがあるので、[マクロ]→[カスタマイズ]から新規追加して、キーボードマップから任意のショートカットに設定すると使える。
例えば、Ctrl+上にMoveLineUp.jseeという感じで設定する。
挙動は下のような感じになる。

何も選択してない状態なら、カーソルがある行を上下に移動させる。
文字列を選択しているならその行を上下に移動させる。
複数行の文字列を選択してるなら、それらの複数行全体を上下に移動させる。

そんな感じになってます。

Emacs(Meadow)の導入と設定方法のメモ

azu — Mon, 31 Aug 2009 12:56:41 +0000

Emacs(使用しているのはMeadowだけど)の設定方法のメモ
Meadow 3.00をダウンロードして使用。

.emacs を再読み込みする方法 – gan2 の Ruby 勉強日記: 設定を再読み込み。
頻繁に使うので覚える

eval-buffer で再読み込みができる。

マウスのホイールスクロールを加速させたくない – Ni chicha, ni limona -平均から抜けられない僕-: ホイールスクロールの挙動を設定
meadow(emacs)で、マウスホイールで移動する時の動きが加速されてる(ような気がします)ので、使いづらいです。具体的には標準の秀丸などのマウスホイールの動きと同じよう.. – 人力検索はてな: 加速度を無効にする
(setq mouse-wheel-progressive-speed nil)
ubulog: emacsで最近開いたファイルからファイルを開く: 最近開いたファイルをメニューから開けるようにする
free will… : エディタ難民からEmacs統一へ: windowsライクな動作を実現する設定をまとめてある。
Emacs / Meadow の覚え書き – Meadow TIPS: Q&A方式で解決
wb-line-number: 左サイドに行番号の表示
wb-line-numberの行番号とスクロールバーの色を変える: プログラマーになりたい！を参考に色を変えた。

;; wb-line-numberでいらなくなったスクロールバーを消す
(setq truncate-partial-width-windows nil)
(set-scroll-bar-mode nil)
;; 左のサイドバーに行番号の表示
(require 'wb-line-number)
(wb-line-number-enable)
(setq wb-line-number-scroll-bar t)
(custom-set-faces
  ;; custom-set-faces was added by Custom.
  ;; If you edit it by hand, you could mess it up, so be careful.
  ;; Your init file should contain only one such instance.
  ;; If there is more than one, they won't work right.
 '(wb-line-number-face ((t (:foreground "black"))))
 '(wb-line-number-scroll-bar-face ((t (:foreground "white" :background "LightGray")))))

linum.el – Ussy Diary(2008-05-19): 同じく行番号の表示。 Linumの方が競合が起こりにくいのでこっちを使用

JsDoc 形式のコメントを扱うパッケージ js-doc.el – リタマス: js2-modeと併せて使う。

Emacs で JavaScript を書く: js2-modeはjavascriptを書くのに導入
.emacsに直接書かなくてもメニューバーから設定できる。

selflearn @ ウィキ – 秀丸からEmacsへ移行する: 設定について細かく解説が書いてあるので、他のエディタから移行するのに役にたつ。

よく分からないところ

C-[とかキーバインドを割り当てる事ができない。(なぜかESC扱いされる)

最終的にこんな感じ

PNG画像の最適化を行うソフトウェア

azu — Tue, 18 Aug 2009 03:58:44 +0000

PNG画像の画質を損なわずに最適化を行うソフトウェア

PNGGauntlet: コマンドラインツールであるPNGOutとPNGRewriteのGUIフロントエンド。
かなり細かく設定できるので、エラーなどが生じなければGUIを使った方が楽。
OptiPNG: コマンドラインツール
windowsはダウンロードページからoptipng-バージョン-exe.zipをダウンロード
最適化レベルは7まであって、すべて総当たりで行い一番小さくなる方法を選ぶ。
普通は3-5で十分
akJ OptiPngWrapper(PNGの最適化 GUI): OptiPNGのGUIフロントエンド。 ((別途OptiPNGをダウンロードしてパスを設定する))
減色しない -ncなどの細かいオプションは設定できないので、より細かくやりたい人はコマンドラインからやるといいかも。

PNGGauntletとOptiPNGは思ったより大きな差がでない。
PNGGauntletの方が手軽に導入できるので、試してみてより細かくやってみたい場合はOptiPNGをみるといい。

参考

OptiPNGとPNGGauntlet – faireal.net: http://deztec.jp/x/05/faireal/faireal-19-index.html#d31104

PNG画像をより美しく、より軽量に最適化するテクニック | コリス: http://coliss.com/articles/build-websites/operation/design/howto-png-optimization-techniques.html

有料スクリーンキャプチャソフトのメモ書きまとめ

azu — Sat, 21 Mar 2009 08:54:09 +0000

感覚的なスクリーンキャプチャソフト(制止画)の感想です。

HyperSnap: http://www.yanasa.co.jp/articles/3/1/HyperSnap-aeaeec-ieaeeaaaaaaaaaaaaai/aaa1.html

とにかく高機能な感じで、大抵のことはコレで事足りるはず。
UIが少し古くさいが、TextSnap™(キャプチャー中の文字列をコピーできる)や高機能なエディタや画像加工ができる。
DirectXや3Dfx、GLIDEなど殆どの部分をキャプチャーできるので、申し分ない機能性を持ってる。

Hyperionics – the best screen capture software – Free download: http://www.hyperionics.com/

SnagIt: http://asi-co.jp/products/snagit/

こちらも高機能なキャプチャーソフト。
保存形式が多彩で、Webページのリンクを保ったままswfに書き出したりoffice系ソフトとの連携もできる。
さらに高機能なエディタ(これ単独でも使える)があり、UIもキレイでWeb2.0的なキャプチャーを作りやすい。
エフェクトも多彩で見た目を重視したい時に使用するといい。
ちなみに日本語版もあるが、すなおに英語(本家)の方を追うようにしといた方がいい。

Screen Capture | Snagit | Screen capture software by TechSmith: http://www.techsmith.com/screen-capture.asp

WinSnap: http://www.ntwind.com/software/winsnap.html

Vistaを美しくキャプチャーするために特化しているキャプチャーソフト。
ウィンドウを欠ける事なくとれたり、シャドウやリフレクションなど、美しく取るための機能に特化している。
エディタなどの機能はなく、機能は豊富とは言えないが、キャプチャーするのが気持ちいいという感じのソフトだ。
また、作者が個人開発?なので、フォーラムで積極的に取り組んでいるので将来的にも面白いソフト。

FastStone Capture: http://www.faststone.org/FSCaptureDetail.htm

FastStoneシリーズのキャプチャーソフト。
機能としては、一通りのキャプチャー方法や、簡易なエディタなど少し見劣りするが、十分に高機能なソフトである。
特徴として動作が軽い事があげられる。
シンプルなんだけど、いろいろと使いやすいキャプチャーソフトだ。
日本語化パッチも別所で配布されている。

それさえもおそらくは平穏な日々: http://hibiheion.seesaa.net/

Vistaのショートカットアイコンから矢印を変更/取り除く「Vista Shortcut Manager 」

azu — Sat, 14 Feb 2009 07:50:15 +0000

ショートカットにデフォルトでは矢印のようなマークがつき見栄えがよくない場合があります。
その矢印を変更したり、消したりすることができるソフトがVista Shortcut Managerです。

Arrow – デフォルトの矢印を表示
Light Arrow – 用意されてる小さめの矢印に帰る
Custom Arrow – 任意の画像ファイル（「.ico」形式）に帰る
No Arrow – 矢印を消す

まとめると機能は単純でショートカットの矢印部分のアイコンを変更するのと～へのショートカットという文字列をつけないようにする機能で、
矢印を消すというのは透明のアイコンに変更しているだけです。
XPではレジストリをいじることで矢印を消すことができましたが、VIstaで同様のことをすると
エクスプローラのお気に入りのリンクが表示できなくなるので、透明のアイコンに帰ることで同じ機能を実現しています。

公式サイトは落ちていることが多いので、下のリンクからダウンロードするといいかもしれません。
名前は違うみたいですが、同じものです。

Vista Shortcut Manager: http://www.frameworkx.com/

Vista Shortcut Overlay Remover 2.0: http://www.softpedia.com/get/Desktop-Enhancements/Shell-Replacements/Vista-Shortcut-Overlay-Remover.shtml

Greased Lightbox

→←+-↻

読み込み中

クリックでキャンセルします

画像が存在しません

なまずIMEのFirefox / Thunderbird対応版

azu — Sat, 31 Jan 2009 13:11:39 +0000

なまずIMEはIMEの状態を表示してくれるAutoHotkey製のソフトウェアです。
なまずIME(IMEの状態表示)配布ページで配布されているものだと、FirefoxやThunderbird上では機能しなかったのを
Firefoxでも使えるようにしたソースを見つけたので、それのパッチを当てて、dllをコンパイルしただけです。

パッチとdllはなまず IME を Firefox や Thunderbird でも使うためにから手に入ります。(感謝)

namazu_ime_scr_v10201

使い方は新・なまず日記(2005-12-04)を読むといいかと思います。

他にもIMEの状態を表示してくれるソフトやアドオンはこちら

IMEのON/OFFで背景色を変えるFirefoxのアドオン: http://efcl.info/2008/0329/res121/

エクスプローラにタブ機能を加える5つのソフトウェア

azu — Thu, 25 Dec 2008 14:13:46 +0000

エクスプローラにタブ機能を加える事ができるソフトウェア(シェルアドイン)のまとめ。
ファイラーを使うのも良いかもしれないけど、どうもなじめないのでエクスプローラをベースに拡張したい
という人向け。

QuizoApps: QTTabBar: http://qttabbar-ja.wikidot.com/

まずは本命ですね。
.Netなので初回の起動は遅いですが(普通のPCなら問題ない)、タブ機能やショートカット、
マウスオーバーでファイルのプレビュー(テキストや画像)やお気に入りのフォルダをまとめて開いたり、とても多機能。
プラグインなども作れるため、やはり一番使い勝手がいいシェルアドイン。

Homepage of Explorer++: http://www.explorerplusplus.com/

機能としてはタブや同時に２つのフォルダを見られる事やショートカットキー、画像のプレビューなど
QTTabBarより少し少なめだが結構優秀。まだAlpha版なので不安定なとこもある。

ryou[] Soft Library: http://maglog.jp/ryouj/Article.html&type=1&subtype=91180&page=1

機能はタブを追加するだけで、タブだけが欲しい人向け。
シェルアドイン

汁ムゴ魚 – タブマンコ(タブ式エクスプローラ): http://wantech.ikuto.com/diary/02soft/2008/08_0704_1632.htm

同じくタブ機能を追加する常駐ソフト。
タブは下の方に表示される。
DLL部分はVC++、EXE部分は.NET

HandyTab: http://www.vector.co.jp/soft/winnt/util/se457377.html

同じく機能はタブを追加するのみ。

マインドマップソフト「XMIND」を日本語化する方法

azu — Sat, 13 Dec 2008 17:32:25 +0000

今流行りのオープンソース開発のマインドマップソフトXMindを日本語化する方法です。
Eclipseプラグインとしても機能するので、やり方はEclipse系の日本語化と同じやり方です。

Pleiadesという日本語化するプラグインをダウンロードします。
XMINDをインストールしたフォルダにPleiadesに入っていたfeaturesとpluginsのフォルダを上書きします。

XMINDフォルダのxmind.iniを開き

-showsplash
org.xmind.cathy
-vmargs
-Xms128m
-Xmx512m
-XX:MaxPermSize=256m
-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
-Dosgi.requiredJavaVersion=1.5
-Dosgi.instance.area=@user.home/Application Data/XMind/workspace-cathy
-Dosgi.configuration.area=@user.home/Application Data/XMind/configuration-cathy

というように
-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
の行を付け足します。
上をコピーしないで付け足すようにした方がいいと思います。

これで起動すればメニュー部分周りが日本語されていると思います。

参考

プラグイン日本語化プラグイン – EclipseWiki: http://eclipsewiki.net/eclipse/index.php?%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3%C6%FC%CB%DC%B8%EC%B2%BD%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3