bgpict2.png 
わかばマークのMacの備忘録
初心者による Mac OSX の便利な使い方や、ソフトウェアの紹介など、Macのこといろいろ。

2023 / 06

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 

http://wakabamac.blog95.fc2.com/blog-entry-1073.html

HTMchen
icn_HTMchen.jpg
HTMchen : シンプルなHTMLエディタ
OS10.5.8以上(UB)
フリーウェア


シンプルなHTMLエディタ「HTMchen」の紹介です。
110216htm1.jpg
上部にHTMLテキストを入力して、下部でプレビューします。仕切りのポッチをダブルクリックして、素早くプレビューを隠せます。



ウインドウ上部の各タグをクリックして、そのタグを挿入します。
もちろん入力済みのテキストに対してもタグで囲うこともできます。例えば下のようにテキストを選択します。
110216htm2.gif

この状態で <p> タグをクリックすると選択しているテキスト部分をタグで囲います。
110216htm3.gif



他にも <a> タグでリンクタグを作成するとき、予めリンク先のページのURLをクリップボードにコピーしてから、<href> タグをクリックすると、そのURLでのタグを作成します。
110216htm.gif



右端のプルダウンメニューから、他のタグを挿入できます。ショートカットキーも割り当てられています。
110216htm5.jpg

よく使うものとしては、
  • <em> --- command+I(アイ)
  • <strong> --- command+B
  • <br /> --- command+return
などがあります。



動作が遅いときは、プレビューの自動更新を止めるといいでしょう。環境設定から設定できます。
110216htm6.jpg

ウインドウ下部のアイコンをクリックして、プレビューの有効/無効の切替やプレビューの手動更新を実行できます。



この HTMchen はとてもシンプルだけど、使いやすくできています。手書きでHTMLを書いてる人には便利だと思います。






この記事では HTMchen 1.0.3 を使用しています。

(ダウンロードリンク)
Site top page : MOApp Software Manufactory - Home
Download page : HTMchen - create.live.love
スポンサーサイト



edit

Schedule/Text | CM:0 | TB:0

tag : HTML  TextEditor 

+

http://wakabamac.blog95.fc2.com/blog-entry-1057.html

Fraise
icn_Fraise.jpg
Fraise : 多機能なタブ型テキストエディタ
OS10.6以上(UB)
ドネーションウェア、日本語対応


多機能タブ型テキストエディタ「Fraise」の紹介です。
Smultron」の後継アプリケーション(本家の「Smultron」も健在だけど)です。
110111fr1.jpg
(どうでもいいことだけど、アイコンが「上から見た苺」から「横から見た苺」に戻ったのは嬉しい。)




タブ

左側のサイドバー(ドキュメントリスト option+shift+command+D )に開いているファイルがサムネイル付きのリストで表示されます。(サムネイルの大きさスライダで調整できる)
110111fr12.jpg

また タブバー option+shift+command+T も表示できます。
110111fr3.jpg





分割表示

上下の2分割表示(表示メニュー > 分割表示 command+' )もできます。
タブで選択して、違うファイルを上下の分割した箇所に表示することもできます。
110111fr4.jpg





プレビュー

HTMLファイルであれば、command+Uプレビューウインドウが開きます。
✓ をつけておけば、自動でプレビュー更新可能です。
110111fr5.jpg


他にも option+command+M でフルスクリーン表示します。
esc で戻る)





スニペット機能

よく使う html のタグなどを登録しておいて、挿入することができます。
テキストを選択しておいて、コンテキストメニューから、例えば「Anchor」を選択してみます。
110111fr6.gif

すると、そのテキストを <a> タグで囲みます。
110111fr7.gif


このスニペットは ひな形ウインドウ( command+Y )にて編集・追加することができます。
110111fr8.jpg
ショートカットキーを設定できるはず?なんだけど、僕の環境では機能しない・・・。


さらには () などを入力するときに、最初の「(」を入力した時点で相方の「)」を自動入力し、キャレットを内側に移動します。
110111fr9.gif
これは環境設定にてON/OFF切替できます。





シンタックスカラーリング

Fraise のシンタックスカラーリングは、様々な種類のファイル、スクリプトの定義を用意してあります。
110111fr10.gif

それぞれの色は、環境設定の「詳細」タブにて設定できます。
110111fr11.gif





コマンド

Fraise は UNIXのコマンドなどを実行することもできます。

option+command+B のショートカットキーで、コマンドの実行結果を別ウインドウで表示します。
110111fr13.gif


また、入力したコマンド部分を選択し、shift+command+B のショートカットキーで実行し、その結果を表示することができます。

例えば「ls ~」と入力してそれを選択してショートカットキーを押します。
110111fr14.gif
(最初に入力した「ls ~」に上書きされる)





カラーコードの取得

ツール メニュー > 色の挿入...
でカラーパネルを開き、そこで選択した色のRGB値を取得することができます。
110111fr15.jpg






この記事では Fraise 3.7.3 を使用しています。

(ダウンロードリンク)
Site top page : Fraise : Powerful Lightweight Editor for Mac
Download page : 上に同じ

edit

Schedule/Text | CM:0 | TB:0

tag : TextEditor 

+

http://wakabamac.blog95.fc2.com/blog-entry-1058.html

Firefox/ ソースコードをテキストエディタで開く
icn_Firefox
View Firefox page source in an external editor - Mac OS X Hints』にあった「Firefoxで開いているサイトのページのソースコードを任意のテキストエディタアプリケーションで開く」方法です。

通常、Firefox で command+U のショートカットキーで、表示しているページのソースコードを表示します。
110112fx1.jpg


まず、Firefox のアドレスバーに「about:config」と入力してページを開きます。
このような設定を初めてやる場合には下のような警告が出るかと思います。
110112fx2.gif
この警告の通り、自己責任において十分に注意して操作して下さい。


view_source.editor.external」の項目をダブルクリックして、真偽値を「true」にします。
110112fx3.gif


続いて「view_source.editor.path」の値に、任意のテキストエディタアプリケーションのパス(UNIX形式のパス)を入力します。
このとき注意しなきゃいけないのが、アプリケーションの「バンドル」のパスを指定するのではなく、そのアプリケーションバンドルのパッケージ内にあるUNIX実行ファイルを指定します。

例えば「CotEditor」を指定するのであれば、

× /Applications/CotEditor.app

/Applications/CotEditor.app/Contents/MacOS/CotEditor

とします。
(もちろん、このパスは各自「CotEditor」を保存している場所に合わせたパスにして下さい)

このパスを「view_source.editor.path」の値に入力します。
110112fx4.gif


これで完了です。
command+U で開いているページのソースコードを開こうとすると、任意のテキストエディタアプリケーションでそれを表示します。
110112fx5.gif


これは便利と思ってたら、問題もあってうまくソースを表示できないページ、例えばウチのブログ、なんかもあったりして、困ったことになります。

また、UNIX実行ファイルを指定しているので、command+U を何回も押してソースを表示し続けると、たくさんのアプリケーションプロセスが起動している状態になります。(気にしなければどうてっことはないけど)
110112fx6.jpg
なので、ソースを閉じる場合は command+Q でアプリケーションを1個1個終了するような形になります。


ちょっと問題もあるので、あまりオススメできない設定です。
普段あまり使わない Firefox の「about:config」を初めていじったので、忘れないように自分用のメモとしてUPしているので、参考程度までに。

元に戻す場合は
view_source.editor.external」の真偽値を「false」に戻せば直ります。

edit

Internet | CM:0 | TB:0

tag : Firefox  TextEditor  Tips 

+

http://wakabamac.blog95.fc2.com/blog-entry-1035.html

QuickCursor
icn_QuickCursor.jpg
QuickCursor : テキスト入力・編集をお気に入りのテキストエディタで行う
OS10.5以上(UB)
フリーウェア


テキスト入力・編集をお気に入りのテキストエディタで行う「QuickCursor」の紹介です。

どんなアプリかというと、作者さんのスクリーンキャストを見れば一番わかりやすいと思います。
http://quickcursor.s3.amazonaws.com/QuickCursor.mov



例えば、Safari で下のように文字入力を使用としているとき、そのテキストフィールドにフォーカスしておきます。
101124qc1.gif

メニューバー右側に QuickCursor のアイコンが表示されているので、それをクリックしてお気に入りのテキストエディタを選択します。
101124qc2.jpg
ここでは WriteRoom を選択してみます。

すると、WriteRoom が立ち上がって、Safariのテキストフィールドに書かれていた内容が引き継がれた状態になります。
101124qc3.gif
(テンポラリファイルとして保存した標準テキストをエディタで開いているようです。)


これで WriteRoom を使ってさらにテキスト入力を追加・編集します。
101124qc4.gif

終わったら WriteRoom で command+S で保存して、Safari の方を見てみると・・・

101124qc5.gif

ちゃんと Safari のテキストフィールドの方にもそのテキストが追加されています。


こんな風にQuickCursorは、任意のテキストエディタで追加・編集した内容を、また元のアプリケーションのテキストフィールドに反映させることができます。


かなり便利なアプリケーションですが、仕様というか、バギーというか、テキストエディタのウインドウを保存せずに閉じたりとか、慎重に操作しないとすぐに レインボーカーソルがぐるぐる回って、使い物にならないです。


QuickCursor のメニューに表示される各テキストエディタに対して、ホットキーを設定することもできます。
101124qc6.gif
(僕の場合だけかもしれないけど、ホットキーを使うとどうも反応が悪くてレインボーぐるぐる状態になってしまうので、ホットキーを使わない方がいいかと思います。)


あと、LaunchBar のクリップボードヒストリー機能と相性がかなり悪いので、LaunchBarを使ってる人は注意した方がいいです。



まあ、扱いにくいところもあるけど、それを差し引いてもかなり便利なアプリケーションだと思います。


QuickCursor に対応しているテキストエディタは
となっています。

残念ながら、日本のMacユーザでは定番の「mi」や「CotEditor」などのテキストエディタには対応していません。

でもアプリ内部の「Info.plist」ファイルをちょっと弄ってやったら、対応できるんじゃないかなと思ったら、案の定できました。

詳しいやり方は『QuickCursorで定義されていないテキストエディタを自分で追加する | Macの手書き説明書』を参考に。

簡単に説明すると、
QuickCursor を終了しておいて、アプリケーションファイルのパッケージ内の「Info.plist」を Property List Editor などで開いて、内容を編集します。

QCEditInChoices」項目のアイテムを追加して、対応させたいテキストエディタアプリの「Bundle identifier」を入力して保存します。
101124qc7.gif
例えば「Fraise」であれば、「org.fraise.Fraise」という具合で。

ちなみに、僕が追加したアプリの Bundle identifier
  • (Apple純正の)テキストエディット.app → com.apple.TextEdit
  • Fraiseorg.fraise.Fraise
  • CotEditorcom.aynimac.CotEditor
  • mimi


上記の意味が分からない人は、やらない方がいいです。


もしやる場合は、「Info.plist」ファイルをバックアップしてからやった方がいいでしょう。自己責任で。それと、QuickCursor がバージョンアップしたら上書きされて内容が消えると思います。


これで QuickCursor で開けるアプリケーションを増やすことができます。
101124qc8.jpg






この記事では QuickCursor 1.1.6 を使用しています。

(ダウンロードリンク)
Site top page : Hog Bay Software
Download page : QuickCursor ― Your favorite text editor anywhere for Mac.

edit

Schedule/Text | CM:1 | TB:0

tag : TextEditor  Launcher 

+

http://wakabamac.blog95.fc2.com/blog-entry-416.html

浮紙
icn_Ukigami.jpg
浮紙 : コピー&ペーストして使うことに特化したテキストエディタ
OS10.以上(UB)
フリーウェア


コピー&ペーストして使うことに特化したテキストエディタ「浮紙」の紹介です。

081124uki1.gif
(↑『ReadMe(浮紙)』より画像を拝借)


浮紙 以外のアプリケーションが最前面にあるときは、控えめに小さな付箋のように表示されています。
081124uki2.jpg


この「付箋」の黄色の部分をクリックすると、ウインドウが開いて文字を入力できるようになります。
081124uki3.jpg

これで選択してcommand+C でコピーして、他のアプリケーションなどでペーストして使います。
(もちろん「保存」をクリックして、入力した文章をファイルとして保存することもできます)



グラフィック系統のアプリケーションでは、文字入力の機能が弱いことが多く、そういうときにこの「浮紙」が便利で役立つと思います。

特に「Gimp」では日本語入力できないので、役立ちます。



なにかのアプリケーションとセットで起動するようにしたければ、「Do Something When」を使って Gimp+浮紙 とかの組み合わせで起動するようにしておけば便利だと思います。



サイドバーには便利な機能も用意されています。
例えば、下のように全角英字のアルファベットを入力していたとします。これを選択してサイドバーの「アルファベット すべて半角」を選択して実行ボタンをクリックします。
081124uki4.gif

すると、選択していた部分が半角のアルファベットに変換されます。
081124uki5.gif



他にも1文字だけ選択した状態で、control+クリック(右クリック)してコンテキストメニューから、その文字コードをクリップボードにコピーできます。
081124uki6.gif






この記事では 浮紙 4.0.8.1 を使用しています。

(ダウンロードリンク)
Site top page : ものかの
Read Me : ReadMe(浮紙)
Download page : ものかの >> download

edit

Schedule/Text | CM:0 | TB:0

tag : TextEditor  文書作成 

+