Hatena::ブログ(Diary)

ゆちの備忘録

2010/05/26

HTML−文字実体参照

よく使うので、忘れないようにメモ。

2010/05/24

jQuery-プラグイン[jqGrid]

 本体のダウンロード

 ヘルプ

 使い方。デモ

 →HARD DAY'S NIGHT別館 日本語。サンプルがたくさんあって参考になります

 →Javascript jQuery Grid Plugin (jqgrid) 参考になりそうなリンクを紹介してくれている

(2016.7.5追記)

 →jqGrid 日本語。分かり易い *2016.7時点リンク切れ

 →JGari.com *2016.7時点リンク切れ

Ajax−動的に生成されたページのソースを表示する

Ajaxで動的に生成されたページの内容を表示する方法。

1)ソースを見たいページを表示する

2)↓のスクリプトをコピペしてURL欄に貼り付けてEnter

3)新しいページを開いてソースを表示してくれます。



Firefoxなら、もっと簡単に表示できるようです。

1)ソースを見たいページを表示して、その部分を選択する

  「Ctrl+A」(全選択)か、マウスで選択

2)マウス右クリックで、

  「選択した部分のソースを表示」

  をクリック

3)新しいウィンドウが開いて、ソースを表示してくれます

(2012.2.9追記)

2010/05/22

Excel-ファイルを上書きする度に"*.TMP"ができる

Excelでファイルを上書きすると、

”**.TMP”

というファイルがどんどん増えるようになってしまいました。

前はそんなこと無かったのに…と思ってたら

どうやらウイルスバスターが原因だったようです。

最近インストールやり直したから、そのせいかも…?

▼ウイルスバスター2009の場合(修正モジュールがあります)

Microsoft Excelでファイルの上書き保存を行うと、拡張子”tmp”のファイルが作成される


▼ウイルスバスター2010の場合はこちらから修正モジュールをダウンロード

Microsoft Excel (エクセル) 使用時にファイルの保存ができない

修正モジュールが出ていたんですねぇ。ま、問題が解決して良かった良かった。

2010/05/21

JS−読込中アニメーション画像作成

「ページ読込中…」

の表示を、ちょっとかっちょいいヤツにしたいな〜

てことでググってみたら、ステキサイトを発見しましたv

  1.画像(アニメーション画像)の種類を選ぶ

  2.背景色を指定 *試してないけど、透過GIFもいけそう

  3.画像の色を指定

  4.[Generate it!]を押すべし。

  5.下のブロックに作成した画像が表示されるので、ダウンロード

で、これを実装してみます。

javascriptを使う方法

画像を表示させるレイヤもjavascriptで書いてみます

JS−読み込み中表示(busy.js)

読み込み中の表示をもっとかっこ良く!で

アニメーション画像を作成してくれるサイトを発見したついでに見つけたもの。

設置は簡単そうなんですが、なぜか苦戦中…><

続きは成功してから書くことにします。

2010/05/20

W3C CSS/HTML検証サービス

今エディタとして使っているAptana Studio(2.0.4)には、htmlやcssのエラーチェック機能があります。

…が。なぜかcssエラーチェック機能は仕事をしてくれないので(泣)

オンラインでチェックしてくれるサービスを利用中です。

・URLを指定

・アップロード

・直接入力

の3つの方法でチェックできます。

私はいつも「直接入力」で、cssファイルの中身をコピペしてチェックしてます。

エラーが無かった場合、「おめでとうございます!エラーはありません」と出てくるのですが、これを見るとちょっと嬉しくなっちゃいますね^^

で。CSSがあればHTML検証サービスもあるでしょと思ったら、ありました。

こちらは英語のみのようなので、エラー内容を解読するのに少々手間取りそうです…


もう1つHTML文法チェックしてくれるトコ。ここは日本語です。

Xoops-FCKediterのソースモードでsmartyを使う時

[pico]モジュールでFCKeditorを使ってコンテンツを編集すると、

smartyの「<>」の部分が↓こんなカンジで文字列に変換されてしまう。

<{$xoops_url}>

毎回これを打ち直すのは不便なので、そのまま保持出来る方法を調べてみたら、ありました〜♪

/html/common/fckediter/fckconfig.js 内に以下を追記すると、fckediterのソースモードでもsmarty関数をそのまま表示してくれます。

FCKConfig.ProtectedSource.Add( /<\{[\s\S]*?\}>/g ) ; // For smarty

※情報ソース→Go

2010/05/19

Favicon作成

faviconをオリジナルで作成してみようと思って探していた時にみつけたもの。

favicon.cc

サイト上でfaviconを作成できるサービス。

2010/05/18

Aptana Studio 2.0.3−cssエラーが検知されない

Aptana Studio 2.0.3で、ちょっと問題発生。

cssファイル(*.css)で、cssエラーが検知されません(泣)

前Verでは間違いなくエラー(ピンクで表示されるヤツ)が表示されていた部分にも無反応。

ファイルの関連付けを一旦消して再設定してみたり、

設定-Aptana-エディター-CSS-検証の[バリデータ]で

W3C スタイルシート・バリデータ

にもちゃんとチェックが入っているのを確認したし。

とにかく、思いつく所は全て確認、再設定してみましたが現象改善せず(もちろん、再インストールも試しましたよぅ)。

誰か同じような事になっている人がいないかとググってみたところ、

↓ココで私と同じことになっちゃってる人達を発見。

ここでは結局答えが出てないカンジ…。


んもぅ、誰か教えて下さい><

2010/05/16

プラグイン−XP:IEブラウザでTIFF表示

XP標準では、TIFF viewerが無いようなので

AlternaTIFF ActiveXプラグインをインストール

IEならActiveXのインストールだけでOK。

WindowsUpDate後に、またtifが見られなくこともあるみたい。

ActiveXの再インストールで再び表示可能になりました。

Aptana Studio−.tmpファイルが生成される

Aptanaでファイルを更新すると .tmp_** というファイルができたりします。

これをほっとくと、どんどん増えていってしまうので、もういっそのこと生成されないようにしたいなと。

設定画面を順番に見ていたら、それらしき設定項目を発見

設定 → Aptana → エディター → HTML → プレビュー →「ブラウザー・プレビューのための一時ファイルを生成」

この項目のチェックをはずすしてみたら、なんだかうまくいったみたいです。

Aptana Studio 2.0.3−アップデートで起動エラーに

Aptana Studio 2.0.3でアップデートチェックしたらいくつか更新ファイルがあったのでインストール。

再起動したら

An error has occurred. See the log file *ログファイルの名前


というようなメッセージが出てきて、起動しない(汗)

エラーメッセージにでてたログを見てみたら、eclipseプラグインの起動エラー??

ググってみたところ、

一度clean起動すると良いかも、という情報を発見。

日本語化した時に使った「pleiades_1.3.1」に同梱されていた

eclipse.exe -clean.cmd


を C:\Program Files\Aptana\Aptana Studio 2.0/(aptana.exeのあるところ?) にコピーして実行。

起動直後にワークスペースを指定するダイアログが表示されたのでそのまま変更せずに設定。なんとか起動するようになりました

2010/05/15

Aptana Studio 2.0.3−Firefoxプレビュータブ

Aptana2.0からはFF(Firefox)プレビュー用のプラグインが同梱されていないらしい。

プラグインをインストールすれば良いだけみたいなので、早速インストールしてみることに。

私は↓この手順でやってみましたが、もっと他のやり方もあるかも。

  1. メニューのヘルプ→新規ソフトウェアのインストール
  2. 選択BOXで「Aptana XUL Update Site」を選択。
    *下のBOXにインストールできるプラグインが表示される
  3. 表示されているプラグインにチェックを入れて、インストール開始。
    ここでは

    Aptana XUL Ruuner−組み込みFirefoxサポート…

    のみ表示されたのでこれをチェック。
  4. インストール完了後に、

    ウィンドウ→設定→Aptana→エディタ→HTML→プレビュー→プレビューブラウザ

    でブラウザ選択リスト中にFFのチェックボックスが追加されていることを確認。FFにもチェック入れてOK

これで無事にエディタの方にもFFプレビュータブが追加されました。

Aptana Studio−日本語化

Aptanaとプラグインのダウンロード

*AptanaStudio2をダウンロード

*今回はPleiades 本体(pleiades_1.3.1.zip)をダウンロード


Aptanaの日本語化

1)Aptanaインストール

2) pleiades_1.3.1.zipを解凍。

 ・pleiades_1.3.1/features/jp.sourceforge.mergedoc.pleiades(フォルダ)を

  →Aptanaの「features」フォルダ内へコピー

  ※Windows7の場合は

  C:\Users\[ユーザー]\AppData\Local\Aptana Studio 2.0\features

 ・pleiades_1.3.1/plugins/jp.sourceforge.mergedoc.pleiades(フォルダ)を

  →Aptanaの「plugins」フォルダ内へコピー

  ※Windows7の場合は

  C:\Users\[ユーザー]\AppData\Local\Aptana Studio 2.0\pluginss

3)AptanaStudio.iniに次の行を追加

 -javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=default.splash

2010/05/14

ゆち的イチオシ☆Tools

エディタ関連

Aptana [エディタ]
フリーとは思えないほど高機能!タグアシストとかあって超便利です。
日本語化して使う方と、より便利ですね
  DL:http://www.aptana.org/
Pleiades:http://mergedoc.sourceforge.jp/ *日本語化に必要
Mery [エディタ]
ソースチェックとかプログラムのちょこ変とかに便利なので使ってます
    DL:http://www.haijin-boys.com/island/wiki/index.php?title=Mery
開発者ブログ:http://www.haijin-boys.com/weblog/ *β版はここに。
oedit [エディタ]
今はMeryのみ使ってますが、それまではこちらを使ってました。
ソースチェックとかに便利です
WinMerge[ファイル比較]
Aptanaとセットで使うことが多いです。ソースの差分修正とか
  DL:http://winmerge.org/
日本語版:http://www.geocities.co.jp/SiliconValley-SanJose/8165/winmerge.html

WWW関連

FFFTP[FTP]
定番ですね。

画像関連

Vix [画像整理]
画像整理用に使ってますが、簡単な画像編集もできたような…
WinShot [スクリーンキャプチャ]
マニュアルの作成に大活躍です。自由にキャプチャ範囲を決められるトコが好きです。
DL:http://www.woodybells.com/winshot.html
Vectoer:http://www.vector.co.jp/soft/win95/art/se075666.html
キャプラ [スクリーンキャプチャ]
マニュアルの作成に大活躍です。取り込んだ画像をそのまま加工できるのがステキ。
DL:http://homepage1.nifty.com/chappy/lib/libcawr.htm

メール関連

POPFile [メールフィルタ]
メールを振り分けるのに使ってます。
 本家:http://getpopfile.org/wiki
日本語:http://getpopfile.org/docs/jp
Tunderbird [メールソフト]
windows7になってからOutlookExpressが無くなったので、WindowsLiveをしばらく使ってましたがなんか使いづらい…ってことで使い始めたソフト。
標準インストールのままだと、ちと使いにくい部分もありますがアドオンをインストールしていけば、便利に使えそう。
DL:Thunderbird
(2010.10.6追記)


ユーティリティ

Clock Launcher [ランチャー]
多機能アプリランチャー。これを使い始めてからデスクトップがスッキリしました^^
DL:http://www2s.biglobe.ne.jp/~geoph/
(2010.6.25追記)
Explzh for Windows [圧縮・解凍]
DL:http://www.ponsoftware.com/archiver/download.htm
(2010.10.7追記)

ブラウザ

FireFox [ブラウザ]
アドオンの種類も豊富で、使いやすいです。
GoogleChrome [ブラウザ]
最近はFFとchromeを併用してます。
Sleipnir [ブラウザ]
FireFox使い始めるまでは、メインで使ってたブラウザ。
以前は起動がちょっと遅い感じがしたんですが、バージョンアップで随分軽くなったような。

Google Chrome−My拡張

ゆち的必須&お気に入りな【GoogleChrome】拡張。

◆とりあえず最初にいれるもの

Chrome Gestures
これはいるでしょ。マウスゼスチャー
Hatena Bookmark
ゆち的に必須。はてな chrome用
Evernote Web Clipper
便利。Evernote chrome用
LinkOpenNewTab
ドメインの異なるリンク先なら自動的に別タブで開いてくれます。
うっかり屋な私は重宝してます。
SessionManager
セッションを保存してくれるんですが、私は定番サイトを保存しておいたりして使ってます。
(2011.4.28追記)


◆入れてると便利なもの

Add Google Bookmark
Googleブックマークに追加
BoogleMarks
Googleブックマークから開く
Google Apps Shortcuts
Google使いな人は便利かも。Googleツールショートカットを一覧表示。
別タブで開いてくれます。
Measure It
ブラウザ内をあちこちサイズチェックできます。ホームページ作成する時なんかに便利です。
(2010.6.19追記)
Web2PDFConverter
ホームページをPDFに変換してくれるサービスです。
(2010.6.19追記)
Docs PDF/PowerPoint Viewer
添付ファイル(PDF・PowerPoint・etc…)を、 GoogleDocsViewer で表示してくれるらしい。
…が、なぜかいつもダウンロードされる。むぅ。
(2010.9.14追記)
 
Incredible StartPage
 
chromeのスタートページをカスタマイズできます  
(2012.11.15追記)
Bookmarks menu
chromeのブックマークを開くとき、新規タブで開きたいと思ってたらありました。色々カスタマイズできるみたいで便利です。  
(2013.2.28追記)
Awesome Screenshot: キャプチャーと注釈
表示しているページのキャプチャツール。ページ全体(縦長のページも1画像で保存可)、表示部分のみ、切取加工もできる。JPG/PNG
(2014.5.22追記)

Firefox-Myアドオン

ゆち的必須&お気に入りな【Firefox】アドオン。

◆これは必須!なアドオン

FireGestures
マウスゼスチャー。これ入れないと始まりませんという位。
removetabs
まとめてタブ削除。基本的に右タブ一括削除しか使いませんが、無いと私的にはちと不便です。
セッションマネージャ
よく使うサイトをグループ登録しておいたりとか。うっかりタブ消しちゃった時とか。用途色々で便利です。
AFOM Memory Fox
※現在は、後継版があるからか、無くなっているようです。
仕事中は間違いなく一日中FFを立ち上げてます。だんだん重くなってくるので何とかならないか…ていう時に見つけたステキアドオン。
自動起動してくれて、一定間隔でメモリクリアしてくれるので超便利です
設定について(参考記事)→ Go
Memory Fox 5.6
AFOMの後継Verのようです。
(2010.7.13 追記 ->2011.2.22更新)

◆次はこれでしょ!なアドオン

Hatena Bookmark-for Firefox
お気に入りサイトや参考になるサイトは即登録できちゃいます
DownThemAll!
保存先を複数登録しておけるので、ダウンロード内容によって保存先を切り替えられます。

◆入れてると便利だよ!なアドオン

Evernote Web Clipper
ブックマークに入れるほどじゃないけど、この内容どっかに覚えておきたい時に使ってます。自分メモとかも登録しておいたり。
ColorZilla
この色のコードが知りたい!てな時に大活躍です。
MeasureIt
ブラウザ内をあちこちサイズチェックできます。ホームページ作成する時なんかに便利です。
FEBE
設定関係をバックアップしてくれるアドオン。アドオンも含まれるので、別のPCでも同じ環境にしたい!という時に便利です。
(2010.2.22 追記)
Web2PDF
webコンテンツをPDFにしてくれます。
(2010.6.3 追記)
FireMobileSimulator
Firefoxで携帯ブラウザのシミュレートができるアドオン。最近の端末データも追加できます
3キャリアに対応しているようなので、それぞれ別のツールを使わずにすんで便利です♪
(2010.11.27 追記)
pdfit
WebページをPDF化してくれるアドオン。インストール後は、PDF化したいページで右クリック→PDF It!→Save asPDF
縦長のページでも1枚のPDFにしてくれます。
(2012.7.25 追記)
Pearl Crescent Page Saver Basic
Webページのキャプチャアドオン。縦長のページでも1枚でキャプチャしてくれるようです。便利☆ 保存形式はPNGかJPG。
(2012.9.4 追記)
Html Validator
表示中のWebページのvalidationアドオン。別窓でエラー・警告表示&ソース表示してくれて見易いです。
(2012.9.5 追記)
pocket-Readit later
pocketへの登録アドオン
(2012.11.29 追記)
リンクを新しいタブで開く (Open Link in New Tab)
リンクを新しいタブで開くアドオン。なにげに便利。
(2013.2.13 追記)
Instpaper
instpaperへの登録アドオン
(2013.4.3 追記)
タブグループマネージャー
タブをグループ分けしたい!と思って入れているアドオン。
開いているタブの数も表示されるので便利。私的にイチオシ
※FF33で動きがおかしくなってましたが、ここからDLしていれたら復活しました(まだbeta?)
tabgroupsmanager|Google Code
Classic Theme Restorer (Customize Australis)
Firefox29ではアドオンバーが消えてしまったので、復活すべくインストール。
▼やりたいことが一通りコチラで紹介されていたのでメモ
Firefox29(Australis)を「28」風にカスタマイズする
(2014.5.14 追記)

2010/05/13