vimコマンドリファレンス

自分用リファレンスを公開続きを読む

vimのショートカット割り振り

vimのショートカット割り振り方続きを読む

vimでUTF-8以外の文字コードのファイルを開く

vimでUTF-8以外の文字コードのファイルを開く続きを読む

Ecripse

Eclipseで改行の際に自動挿入される"."をOFFにする方法
『ctrl』+『shift』+『insert』

Eclipseで置き換えする際のショートカット
『ctrl』+『F』

携帯サイトの開発に最適なツール

携帯サイトの開発に最適なツール。


■(imode)iモードHTMLシミュレータ
http://www.nttdocomo.co.jp/p_s/imode/flash/tool.html
　NTT DoCoMo が配布しています。HTTPヘッダーが見れたり、HTMLの文法チェックをしてくれたり、iモードHTMLのバージョンを選択できたりと、必要十分な機能をそなえています。

■(ezweb)Openwave SDK Universal Edition
http://developer.openwave.com/ja/
　Openwave Systems 社提供の WAP2.0 対応コンテンツ開発のための統合開発環境。

■(vodafone live!)919シミュレータ
http://www.919search.com/search/main/simu_edit.html
　クイックサーチという会社がフリーで配ってくれてるエミュレーターです。エディタもついてます。

参照サイト　Miko's Cafeterrace

FireFox1.502リリース

FireFox1.502がリリースされました。
今回から自動更新という形でインストールされるようで
強制的にバージョンアップされるようです。
(オプションの詳細で自動更新をOFFにも出来ます。)
マイナーバージョンアップに関してはこういう形で完全に普及させていった方がいいですよね。

リリースノートによるバージョンアップ点

■Intel Core プロセッサ搭載の Mac をネイティブでサポートした、
Firefox として初めての Universal バイナリ - 新しい Intel プロセッサに
よってもたらされたパフォーマンスの向上に対応
■安定性の向上
■いくつかのセキュリティ問題の修正

またロボフォームが使用不要になっており、
greacemonkeyの挙動についてもおかしい（再々起動をすると正常に）との情報もあります。

また、多くのクライアントで自動更新機能が正常に動作していないらしいです。
(僕が使用してるＰＣは３台とも正常に動作しました)
自動更新されてない人は手動で更新しましょう。

とりあえず、まだ体感できていない安定性の向上に期待して使ってみます。

関連記事
最強のCSS編集ツール by Firefox
firefoxの便利な拡張機能
『Firefox 1.5』登場

最強のCSS編集ツール by Firefox

CSS編集の際に今一番便利と感じているのは
Firefoxの拡張機能であるWeb Developer日本語版1.0です。

CSS>CSSを編集する（ショートカット『Ctrl』+『Shift』+『E』）でCSSのリアルタイム編集ができます。

CGIやPHPなどの動的サイトの場合CSSでデザイン時に
CSS編集→FTPでアップ→リロードして確認
なんて処理が必要になりサーバーに無駄な負担がかかり作業的にも無駄な作業が必要です。

BlogなどのCSSを編集する場合も
CSSを編集→再構築→リロードして確認
と、これまたサーバーに負担がかかり無駄な作業が発生します。

Web Developerのリアルタイム編集を使えば効率よく作業ができます。

ただ以下のような欠点もあります。
●タブでインデントできない。
●検索機能が付いてない。
これは結構かゆい所に手が届いてないですね。
一度ローカルに保存してテキストエディタにコピーして使用する
なんて方法で解決できます。
(もっと効率のいい方法募集中)

●CSSで設定している背景画像を表示できない。
これはCSSファイルの位置が擬似的に移動している為おこる現象です。
設定しているファイルを絶対パスで指定する事で解決します。

まだまだ効率いい方法がありそうですが
ローカルでCSS作成→Web Developerで微調整→ローカルでCSSを再整形
これが今のところ一番効率がいいと思います。

また、
その他＞HTMLを編集するではｈｔｍｌのリアルタイム編集ができます。
これも便利ですよ。

関連リンク
firefoxの便利な拡張機能
quickedit - HTMLリアルタイム編集ってすごくない？

Web Accessibility Toolbar

Web Accessibility Toolbar -firefox拡張のWeb Developer 1.0 日本語版のIEツールバー版-　若干機能は違うもののインストールしてて間違いはなし

firefoxの便利な拡張機能

firefoxを使ってweb製作するに当たって便利な拡張機能

Html Validator-(x)htmlの構文が正しいかチェックしてくれるツール-

Web Developer 1.0 日本語版-ボックス要素を抽出したりできるのん、ソースの表示をするエディタを変更したりもできます-

Tab X-Tabに削除用のボタンを追加-

Tab Mix Plus-タブを色々操作できるようになります。-

IE Tab-Firefox上でIEコンポーネントを使用してIEレンダリングする機能-

Google Tool Bar-PageRankなんかが見れるようになります-

SearchStatus-GooglePageRankやAlexaの順位が見れます-

sage-使い勝手のよいRSSリーダーです-

ResizeSearchBox-標準の検索窓のサイズを大きくできます-

bbs2chreader-2chブラウザです。意外と最新の情報があったりします-


del.icio.us-del.icio.usに簡単にお気に入りを登録できて、簡単に閲覧できるプラグイン

MSNメッセンジャーの広告を削除！

ＩＴ企業の多くで使われるMSNメッセンジャー。
情報伝達の上でメールよりか簡易にメッセージが遅れます。
またメールと違い即座にレスポンスをもらえるという利点もあります。

ただ上司がＩＴに疎いとそんな便利なツールを使ってても遊んでる様にしか見えません。

多分MSNメッセンジャーの非常に派手でポップな広告が『お遊び感』を膨らましているんでしょう。（被害妄想強）

そこでお勧めが『MSN Messenger 改造パッチ』
MSN Messengerを出来る大人のツールっぽく演出します。

広告を消す以外にこんな機能も、

・リンクをIE以外のブラウザ（標準のブラウザ）で開く
・シェイク連続制限解除
・複数起動可
・転送制限解除
・会話ウィンドウの検索ボタン消し
・会話ウィンドウの「Webcamの入手」消し
・会話ウィンドウのテキスト広告消し
・MSNサーチ消し
・メンバーの追加消し
・マイスペース消し
・MSNToday消し
・広告消し

たぶんM○icrosoftに見つかったら怒られるので
使用の際は自己責任ということで。。。。

『Firefox 1.5』登場

新しいブラウザが登場するたびにwebの技術者は困ります。
だって、テストするブラウザが増えるんですもん。
「Firefoxが普及してるんだからNetScapeなんかなくなったらいいのに！」
とか
「バグ直さないならMacでIEなんか出すなよMicro○soft」
とか愚痴りながら仕事をしてる身分には大変すぎます。

それになんかいやな機能も追加されてるようです。
----------------------------------------------以下抜粋
新機能の中で1つ興味深いのは、Firefox に対応していない Web サイトをユーザーが報告できるウィザード機能だ。

Mozilla Foundation のマーケティング担当ディレクタ Paul Kim 氏によると、Firefox 非対応サイトについてユーザーが送った情報は、長年にわたり同団体に協力してきたコミュニティメンバーであるボランティアの「エバンジェリスト」が受け取り、該当サイトのオーナーや運営企業に連絡を取るという。

同氏は次のように語った。「エバンジェリストは、Firefox に対応するための手ほどきを行なう。Firefox の人気や拡大しつつある市場シェアを考えれば、企業もコンテンツプロバイダも喜んで協力してくれる」
----------------------------------------------以上抜粋
・・・・・それはひどくないですか？
過去の案件とかも直せってことですか？
クライアントさんごめんなさい。
自分で過去のサイト確認して申請しときます。
で、リニューアルとか提案してみよう。。。

FTPのパスワードを忘れたときに便利なソフト

パスみえ2000 を使えば
パスワードが「****」で表示されている部分を、実際の内容で表示させる事が出来ます。

とても便利ですよね。

Dreamweaverの新規保存時の拡張子を .htm から .html に変更する

問題：
Dreamweaver (MXもしくはMX 2004)で作成された HTML ファイルを新規保存する際、拡張子がデフォルトで ".htm" になっているところを ".html" に変更するには。

回避策：
MMDocumentTypes.xml ファイルをメモ帳などのテキストエディタで開いていただき、設定を書き換えていただく必要がございます。

MMDocumentTypes.xml ファイルをメモ帳などのテキストエディタで開きます。
MMDocumentTypes.xml ファイルは、以下の階層にございます。

Windows:
C:\Program Files\Macromedia\Dreamweaver MX 2004\Configuration\DocumentTypes
Macintosh:
HD\アプリケーション\Macromedia Dreamweaver MX 2004\Configuration\DocumentTypes
Note：いずれの場合もデフォルトインストールの場合です。インストール先を変更された場合、Dreamweaver フォルダまでの階層が異なります。
また、上記はの例は Dreamweaver MX 2004 ですが、 Dreamweaver MX も同様となります。

MMDocumentTypes.xml ファイルの3行目(Win の場合)または4行目(Mac の場合)にある以下のソースコードを書き換えます。ご利用の OS により、必要な方を書き換えてください。また、念のために書き換えを行われる前にファイルのバックアップをお取りになられることをお勧めします。
Note：下記には複数行で表示していますが、実際は1行になります。

< documenttype id="HTML" internaltype="HTML" winfileextension="htm,html,shtml,shtm,stm,lasso,xhtml" macfileextension="htm,html,shtml,shtm,lasso,xhtml" file="Default.html" writebyteordermark="false">

winfileextension= の後に続くダブルクオーテーション (" ") で囲まれている部分に拡張子が並んでいますが、この中の一番最初にくる拡張子が HTML 形式の新規保存時の拡張子となります。

実際に書き換えたものは以下の通りです。

< documenttype id="HTML" internaltype="HTML" winfileextension="html,htm,shtml,shtm,stm,lasso,xhtml" macfileextension="html,htm,shtml,shtm,lasso,xhtml" file="Default.html" writebyteordermark="false">

その他の拡張子に変更したい場合、その拡張子を先頭に記述してください。

レンタルサーバのプレミアエクスビット、大容量・高品質の500メガ1995円。サポート第一主義のレンタルサーバーです。

DreamWeaverの表示をブラウザと同じにする方法

DreamWeaverの初期の表示設定は(小)になっています。
ブラウザの初期の表示設定は(中)なのでブラウザでプレビューの際に表示がおかしくなります。
DreamWeaverの編集＞環境設定＞フォントでプロポーショナルフォントと等幅フォントの設定を12px(中)にするとブラウザと大体同じ様に表示されるようになりますよ

サーバまるごとセキュリティ強化キャンペーンがスタートしました

Sleipnirでスクリプトエラーを表示する

さてver2がβ4まできて話題沸騰中のSleipnirですが
まだ旧Sleipnir使ってます。

はっきり言って旧のがまだ全然使いやすいです。
好奇心旺盛な方はベータテストにも参加してください
ダウンロードページ

さて最近Sleipnirでスクリプトエラーが表示されないからとても困ってました
とあるサイトでセキュリティ→ダイアログの抑制のチェックをはずすと
スクリプトエラーが表示さること発見しました。

是非是非お試しあれ

レンタルサーバのプレミアエクスビット。大容量・高品質の500メガ1995円。サポート第一主義のレンタルサーバーです。
人気のWEBクリエイターblogはここ

超お勧めテキストエディタ秀丸エディタ

WEBサイト+phpリファレンスが推奨してる
テキストエディタ秀丸エディタがVer6.00βをリリースしました。

折りたたみという熱い機能が追加されてます。

DreamWeaver8やEcripsなどでも実装されている機能で
長い関数がやifやwhileなどを一時的に非表示にする際に使います。

検証の際などにとても便利です。

最強になった秀丸を是非一度お試しあれ。

秀まるおのホームページ

人気のWEBクリエイターblogはここ

-----------------------------------------過去記事
秀丸エディタのVer.5.00が正式公開になりました。
2月くらいからβ版を使ってる為そこまで感慨はありませんが
これで正式に最強のテキストエディタになりました。

Ver4.0からタブに対応したけどその使い勝手が異常に悪かったです。
今回からタブ分離機能を付加されていて、かなり使い勝手が良くなってます。

検索文字列を強調表示もかなり熱いです

最強になった秀丸を是非一度お試しあれ。

秀まるおのホームページ

人気のWEBクリエイターblogはここ