PREV | PAGE-SELECT | NEXT

≫ EDIT

補完機能が強力で無駄なキーボードタイプを少なくしてくれるXHTML/CSSエディタ『SEEdit Maxi II』

SEEdit Maxi IIのアイコンCSS、XHTML、JavaScript、RSS、PHPなどWebサイト作りにまつわるほとんどすべてのテキスト編集ができます。

補完機能が並外れて強力かつ使いやすいのが特徴です。

SEEdit Maxi II1

htmlのタグ補完を例にあげると<hと書き始めるだけで該当するタグの候補を表示してくれ、選択してTabでそのタグを挿入、その後>で閉じタグも挿入してくれます。

ショートカットOption+.で手動で閉じタグ挿入も可能です。

また、「Editor Tool Box」からクリックでもタグを挿入できますし、それでもしっくりこない人はスニペット(挿入させたいコードの欠片)を自分で登録して、「Snippets」パネルCommand ⌘+.から同様に挿入できます。

さらにさらにキーボードショートカットからテキストを挿入する手段も用意されています。

「Language」>「Edit Keyboard Shortcuts…」から編集します。

SEEdit_Maxi_II3

Control+A~Zに好きなショートカットを当てはめりことができます。

^には選択したテキストが代入されます。

Command ⌘OptionShift+Eでタグのidやclass付けを補佐してくれる「Tag Editor」が表示されます。

SEEdit Maxi II2

スニペットや補完単語は自分でどのようにでもカスタマイズでき、慣れてくるとこのソフトなくしてはコーディングができない境地にまで逹っすることができるかも知れませんね。

ダウンロードする



| テキスト エディタ | 21時48分 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

マルチファイル検索、差分チェックができるプログラマ向けテキストエディタ『TextWrangler』

TextWranglerのアイコンシェアウェアのソフト、BBEditの機能制限版がTextWranglerです。

英語圏では一番有名なフリーのテキストエディタでしょうか。

シンプルで使いやすく、多機能。

テキストエディタのお手本のようなソフトです。

TextWrangler1

タブではなく、Documentsドロワーに開いたファイルが表示されていきます。

ドロワーに表示された次のファイルに移りたい場合
Command ⌘Option+]

TextWrangler上で行なったコピーは記録されControl+[で選択してペーストできます。

またテキスト整形処理などを書いたスクリプトをホットキーで実行できたりもします。

検索機能のオプションをとても細かく指定できるのが素晴しい。

TextWrangler2

マルチファイル検索機能、検索履歴を利用して検索、Grepを利用しての検索などが利用できます。

「Search」>「Find Differences…」から差分チェック機能が利用できます。

TextWrangler3

差分チェック機能がついているテキストエディタはあまりないので貴重。

デスクトップ一杯に左右に比較テキスト、下部に変更点が表示されます。

かなりいろいろ機能があって使いやすいのですが、日本語ファイルの自動エンコーディング判別機能がなく、それが日本語圏ではあまり使われない理由でしょうか。

ダウンロードする



| テキスト エディタ | 19時05分 | comments:1 | trackbacks:0 | TOP↑

≫ EDIT

CSSとHTMLを綺麗に階層表示してくれて、CSSをリアルタイム編集できる『Xyle scope』

Xyle scopeのアイコン
サイトやローカルファイルを指定すると、CSS、HTML解析をしてくれます。

HTMLとCSSを照らし合せて見られるし、CSSの変更は左のブラウザ部分にリアルタイムに反映されるし、逆にブラウザ部分の要素をクリックすれば該当する部分のCSSを表示してくれます。

Xyle scope

CSSで指定された画像が表示されるのがうれしい。

作成サイトの最後の微調整や、他の人が作ったサイトを見て勉強したりもできそうですね。

ダウンロードする


Tag : CSS html

| テキスト エディタ | 18時24分 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

入門から、応用まで幅広く扱えるビジュアルプログラミング統合開発環境『Processing』

Processingのアイコン
見た目ですぐ反映されるので、プログラミング初心者も挫折することなく取り組むことができます。

かと言ってちゃちなものしかできないということがなく、iTunes 8から使えるようになった超美麗ビジュアライザ「Magnetosphere」もこのProcessingで作られたそうで、懐の広さを感じますね。


Magnetosphere revisited (audio by Tosca) from flight404 on Vimeo.

Processing

サンプルプログラムがたくさん用意されており、溜息が出るほど綺麗なものから、ぐりぐりマウスで動かせるものまであり、飽きることがありません。

Processing.jpというサイトでProcessing日本語リファレンスが公開されているので、参考に。

また、JavaScriptでブラウザにお絵描きできるProcessing.jsに代表される、Java、Flash、Ruby、PythonなどでもProcessing互換のAPIを持つライブラリが開発されているので、Processingを勉強すれば様々な環境でのビジュアルプログラミングに応用できそうです。

ダウンロードする



| テキスト エディタ | 21時26分 | comments:2 | trackbacks:0 | TOP↑

≫ EDIT

Google Talkユーザ同士でリアルタイム編集できるテキストエディタ『Collaborate』

Collaborateのアイコン
Google TalkJabberのユーザアカウントを持っている人同士で利用できます。

Google TalkのアカウントはGmailのアカウントと一緒ですので、かなりの人がこのアプリを使える環境にあると思います。

Collaborate2

相手が編集するとリアルタイムで、こちらのテキストの内容も編集されちょっと感動。

メールやチャットの往復でさえもまどろっこしい時に使えば、かなり効率的にテキストを編集できますね。

「Buddy List」にはGmailのコンタクトリストが登録されており、「Buddy List」のユーザ名を選択しておいて、「Collaborators」の+をクリックすれば、共同編集者に追加できます。

Collaborate1

Gmailを使う場合、ユーザ名は@gmail.comまで含めてください。(でないとアプリが起動しません)

ダウンロードは
TheSpicyChickenさんの
「Collaborate」>「Download」より
ダウンロードする



| テキスト エディタ | 00時08分 | comments:1 | trackbacks:0 | TOP↑

| PAGE-SELECT |