Web scratch

Posts Tagged ‘まとめ’

#jsEduから適当に選んで日本語にしたものです。
訳とかは全く正確ではなく、as possibleなど表現をかなり省いてるので命令口調になってます。
フィーリング的なものはあんまり入れてないので、興味をもったらTogetter – 「JavaScriptのベストプラクティス大会 jsEdu」を読みましょう。(まとめた奴はこれの10倍くらいありますが、被ってるのや関係無いのもあるので読める程度の量です)
全てを確認したわけではないので、正確性は保証しかねます。

Read the rest of this entry »

JavaScriptに対応してるIDEのメモまとめ。

• Aptana
  有名どころでEclipseのプラグインとしても使えます。
  IDEらしくちょっと重たいけど、整形やデバッグやスニペットなど大抵の機能が入ってる。
  IDE内でブラウザプレビューができて便利。
  最近のバージョンだとFirefoxのプレビュー機能がデフォルトで入ってないので別途プラグインを入れる必要がある。
  Aptana Studio 2.0.3－Firefoxプレビュータブ – ゆちの備忘録
• WebStorm
  JavaScript EditorにJavaScript関係の対応について書いてある。
  HTMLとかまぜこぜでも補完ができてる。
  追記:ちょっと触ってみたら実は凄かった
  追記2:使い勝手などをまとめて見ました。
  最強のJavaScript IDE 「WebStorm」を使ってみた
• Komodo IDE
  デバッグ系機能がないkomodo Editもある。
  komodo Editはオープンソース版のOpen Komodoもあるらしい。
  XULと親和性が高そうで Komodo Edit が面白い – hogehoge @teramako
• Spket IDE
  以前何か書きましたJavaScript向けIDE「Spket IDE」の導入 | Web scratch
  IDEの中では軽くて、Firefoxの拡張向けの機能もある。
• Visual Studio 2010
  またまたーって感じがするけど意外と凄い子。
  neue cc – JavaScriptエディタとしてのVisual Studioの使い方入門を読みましょう。
  Visual Studio 2010はデフォルトでjQueryをサポートしています。
• NetBeans
  JavaのIDEとして有名。PHPのセット内にJavaScript対応が含まれている。
  Editing JavaScript – NetBeans IDE 6.x TutorialやJavaScript – NetBeans Wikiを参照。
• JSDT – Eclipsepedia
  結構昔からあるEclipseのプラグイン。
• KompoZer – Easy web authoring
  どっちかというとWebページ作成のHTMLエディタ。
  WYSIWYGなHTMLエディタ。
• Adobe Dreamweaver
  AdobeのWebページ作成ツールなのであんまりJavaScript向けとは言えないけど、Webページエディタとしてはかなり優秀だと思います。
  CS5ではJavaScriptのコード補完やその場でプレビューして実行もできます。(ちょっと補完は中途半端)
  ちなみにDreamweaver CS5で使われてるレンダリングエンジンはWebkitです。
  CSSのインスペクタなど表示確認としての機能はかなり優れているので、Webページの一部としてJavaScript書くならありな選択肢だと思います。
  参考 【レビュー】「Adobe Dreamweaver CS5」新機能徹底レビュー(中編) | クリエイティブ | マイコミジャーナル
  またDreamweaverはAdobe製品なのでJavaScriptを使って拡張することができます。(ちょっと語弊あるけど)
  APIのリファレンスはAdobe Dreamweaver * Adobe Dreamweaver CS4 API リファレンスに書いてあります。またDreamweaver DOMというものが存在し深いとこまでカスタマイズできそうな感じがします。
  Dreamweaverの拡張機能まとめ | Archを読むとどんな拡張があるかが分かると思います。
• Eclipse HTML Editor Plugin
  名前の通りEclipse系のプラグイン。
  作者が日本人で、最近のバージョンではJavaScript機能の強化がいろいろ入ってきています。
  AmaterasIDE_2_0_7 – Amateras Wikiや作者のブログを読みましょう。
  手軽に試すなら、AmaterasIDEInstallerをインストールして、Eclipse HTML Editorを最新のものに置き換えればいいと思います。
• CodeLobster
  エビ。PHPメインでプラグインでjQueryとかの対応があるのでオマケ程度

全部試したわけではないですが、個人的にはAptanaやDreamweaverなど有名な所のできは悪くないです。
Aptanaは無料で使えて機能も充実してるので、重くなければもっと使われてる気がします。(JavaScriptだけなら通常のエディタでも十分通用するので好みによりますが)
IDE全般としては、クロスプラットフォームに対応しているのが殆どだったりします。
エディタとIDE、どちらが優れているとかではなくどっちも優れている部分を持っているので使い分けるのが良いと思います。

いろいろ巡った感想としてjQueryをサポートしてますって書いてるものが多いなーと思った。
IxEditとか見てると、JavaScript言語とは別にjQuery言語があるって思われる日がやってきそう。

元ネタ

Good JavaScript IDE with jQuery support – Stack Overflow

http://stackoverflow.com/questions/209126/good-javascript-ide-with-jquery-support

そろそろOffice2010がでますが、今更OneNote2007を使い始めたのでOneNoteのプラグイン(add-in)のまとめです。
最後の方はプラグインというよりは関連ソフト。

Calendar/Planner

http://blogs.msdn.com/johnguin/archi…r-onenote.aspx

A new OneNote Favorites Powertoy – OneNote Testing – Site Home – MSDN Blogs

http://blogs.msdn.com/b/johnguin/archive/2008/03/03/a-new-onenote-favorites-powertoy.aspx

ページをお気に入り登録する感じでお気に入りリストを作る。
→最新版　http://blogs.msdn.com/b/johnguin/archive/2008/09/11/onenote-favorites-updated-with-user-requested-feature.aspx

Canvas for OneNote
http://www.officelabs.com/projects/canvasforonenote/Pages/default.aspx

サムネなどでノートの全体を見る。参考 Canvas for OneNoteの感覚的な情報整理 : could

ダウンロードはIEからで無いと崩れていて難しいです。TRY ITのとこをクリックでダウンロード。

Canvas for OneNote via kwout

OneNote PowerToys – A Collection of PowerToys for OneNote

http://www.onenotepowertoys.com/2007/06/23/onenote-search-and-replace/

検索置換を行うプラグイン。

結果をプレビューできる。

Merge Pages

http://blogs.msdn.com/johnguin/archi…-powertoy.aspx

ページをマージする。

Printout to OneNote Manager

http://blogs.msdn.com/johnguin/archi…o-onenote.aspx

印刷のレイアウト調整OneNote PowerToys – A Collection of PowerToys for OneNote

Word Count

http://blogs.msdn.com/descapa/archiv…ord-count.aspx

文字数カウント

Template Manager

http://blogs.msdn.com/johnguin/archi…note-2007.aspx

http://blogs.msdn.com/olya_veselova/…templates.aspx

Outlook To OneNote AddIn

http://blogs.msdn.com/descapa/archiv…ote-addin.aspx

Text Importer

http://www.onenotepowertoys.com/2007…text-importer/

テキストファイルをインポート

OneNote PowerToys – A Collection of PowerToys for OneNote

http://www.onenotepowertoys.com/2007/12/03/html-importer/

HTMLファイルをインポート

Better Living through Software » Blog Archive » OPML import for OneNote

http://www.netcrucible.com/blog/2004/04/28/opml-import-for-onenote/

OPMLファイルをインポート

Journal to OneNote Importer – OneNote Testing – Site Home – MSDN Blogs

http://blogs.msdn.com/b/johnguin/archive/2007/12/21/journal-to-onenote-importer.aspx

Journal ファイルをインポート

Rambles In The Brambles: PowerPoint To OneNote

http://www.borlik.net/blog/archives/000097.html

PowerPointファイルからインポート

Notebook Cleaner & Privatizer

http://blogs.msdn.com/johnguin/archi…-powertoy.aspx

作者情報などを取り除く

Image Rotator

http://blogs.msdn.com/johnguin/archi…note-2007.aspx

画像を回転させる

Sort Sections

http://blogs.msdn.com/descapa/archiv…-powertoy.aspx

セクションでソートを行う

Sort Pages

http://blogs.msdn.com/descapa/archiv…-powertoy.aspx

ページでソート

Table of Contents

http://blogs.msdn.com/johnguin/archi…-powertoy.aspx

ページの一覧をまとめてテーブルページを作る。OneNote PowerToys – A Collection of PowerToys for OneNote を参考に

Table Sum Powertoy for OneNote – OneNote Testing – Site Home – MSDN Blogs

http://blogs.msdn.com/b/johnguin/archive/2007/12/10/table-sum-powertoy-for-onenote.aspx

テーブルで計算を行う。

Make Subpage

https://blogs.msdn.com/johnguin/arch…vo-update.aspx

A beta powertoy for OneNote 2007 to extract highlighted text from a page – OneNote Testing – Site Home – MSDN Blogs

http://blogs.msdn.com/b/johnguin/archive/2009/08/24/a-beta-powertoy-for-onenote-2007-to-extract-highlighted-text-from-a-page.aspx

選択範囲から新たなページを作る

OneNote 2007 Powertoy to change section colors – OneNote Testing – Site Home – MSDN Blogs

http://blogs.msdn.com/b/johnguin/archive/2010/06/10/onenote-2007-powertoy-to-change-section-colors.aspx

セクションの色を変える

A beta powertoy for OneNote 2007 to extract highlighted text from a page – OneNote Testing – Site Home – MSDN Blogs

http://blogs.msdn.com/b/johnguin/archive/2009/08/24/a-beta-powertoy-for-onenote-2007-to-extract-highlighted-text-from-a-page.aspx

A powertoy to make using Adapx pens for OneNote a little easier for me – OneNote Testing – Site Home – MSDN Blogs

http://blogs.msdn.com/b/johnguin/archive/2009/03/09/a-powertoy-to-make-using-adapx-pens-for-onenote-a-little-easier-for-me.aspx

ページのサイズを自動でfitするように。

Copy page to OneNote Mobile notebook

http://blogs.msdn.com/johnguin/archi…le-device.aspx

OneNote Math AddIn | Dragonshorn Studios

http://dragonshorn.info/node/4?page_id=372

数式を書くツール

OneNote Web Exporter

http://www.codeplex.com/ONWebber

ノートブックをWebページとして出力する。

Powertoy: Double Hyperlink « Tablet PC – A Student’s Perspective

http://tabletpcstudent.wordpress.com/2007/11/17/powertoy-double-hyperlink/

ページ作成時のナビゲーションを補助

Export OneNote to PDF (OneNote2PDF)

http://onenote2pdf.codeplex.com/Wiki…te2PDF%20Usage

Onenoteのファイル.oneからPDF形式に変換する。

Send to OneNote 2007 powertoy – Daniel Escapa’s OneNote Blog – Site Home – MSDN Blogs
http://blogs.msdn.com/b/descapa/archive/2007/02/15/send-to-onenote-2007-powertoy.aspx
エクスプローラからOneNoteへファイルを送る

OneNote PowerShell Provider « Brian’s Brain

http://bdewey.com/2007/07/18/onenote-powershell-provider/

PowerShellとOneNote

The Unknown OneNote Guy’s Blog: OneNote 2007 Xml Viewer

http://unknown-onenote.blogspot.com/2006/09/onenote-2007-xml-viewer.html

OneNoteのXMLをみるためのビューアー

A really great tip to make getting information into OneNote much easier – OneNote Testing – Site Home – MSDN Blogs

http://blogs.msdn.com/b/johnguin/archive/2009/04/02/a-really-great-tip-to-make-getting-information-into-onenote-much-easier.aspx

OneNoteへコピペするためのAutoHotKey

任意のキーにセットして使う。

Clip to OneNote :: Add-ons for Firefox

https://addons.mozilla.org/ja/firefox/addon/12003/

Firefoxから落書きノートでスクラップするアドオン

他のまとめ

A summary of the OneNote powertoys from the test team for 2007 – OneNote Testing – Site Home – MSDN Blogs

http://blogs.msdn.com/b/johnguin/archive/2008/01/17/a-summary-of-the-onenote-powertoys-from-the-test-team-for-2007.aspx

21 OneNote Power Toys | Sarah In Tampa | Channel 10

http://on10.net/blogs/sarahintampa/20844/

OneNote PowerToys – The Daily Ramblings of an SMS Engineer

http://myitforum.com/cs2/blogs/socal/archive/2008/03/30/onenote-powertoys.aspx

意外とソースを公開しているものが多くていいね。
C#とかでプラグインを作れるようなので興味がある方は作ってみるといいかも。

記事の元ネタにいろいろ追加と説明を加えた。

Favorite Plugins – www.ms-news.net

http://www.ms-news.net/f2614/favorite-plugins-10277983.html

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が一番イメージに近かったのですが、任意のキーに対応できるようになったらよさそう。

追記:
FirefoxのGreasemonkey上で動くのでブラウザ限定ですが

FLASH KEY for Greasemonkey

http://userscripts.org/scripts/show/11996

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

Read the rest of this entry »

サーバ移転してプラグインやテーマも切り替えたのでメモ。

サーバ移転の参考

[WP]WordPressのサーバー&ドメイン移転メモ | emuxx blog

基本的なやり方が書いてある。
301リダイレクトの方法

WordPressのサーバー＆ドメイン移転 | WordPress | 『Weblogy』

WordPressで使ってるプラグイン

WordPressの自動バックアップをGmailで取る | VIVABlog

Gmailにgzipで圧縮したデータベースをバックアップする。

WordPress › 404 Notifier « WordPress Plugins

404が発生したページをRSSまたはメールで知らせてくれる。
移転したときなどの調査が楽になる。

関連エントリーの自動作成プラグイン『YARPP』 | WordPress | 『Weblogy』

記事の本文等を解析して、自動的に関連記事をグルーピングするプラグイン。日本語に対応してる。
閾値は3にして使用してる。
関連記事リストを作成するプラグインのまとめなども書いてあるので読んでおくべき。

Yuriko.Net » WP-PageNavi を使わずにナビゲーション表示

どちらにしてもテーマをいじらないといけないのでこっちの方が楽だった。

Maintenance Mode Plugin — Software Guide

管理者だけにページを表示するメンテナンスモードをつける。
日本語化ファイル

guff : Post Updated

投稿の更新日時を表示するプラグイン。
自分的には必須な気がする。デフォルトで用意されてそうな気もするけど。

WordPress › PS Disable Auto Formatting « WordPress Plugins

自動整形を停止するプラグイン。
記事やコメントなど適応する範囲を指定できる。
過去の記事への適応も考慮されている。
自動整形は記事中にソースコードを書いたりする時邪魔になったり、floatをclearするタグが消えたりしてたから入れてた。
多分これを入れるとScribeFireとかからの投稿でおかしくなるかも。

自動整形機能のイライラを軽減するGoogle Syntax Highlighterプラグイン | とりさんのソフト屋さん

ソースコードをpreタグに入れてビジュアルとHTMLモードを往復を可能にする。
これがあれば自動整形があってもソースが書ける。

[WP:Plugin] 被ブックマーク数表示＋ランキング生成プラグイン | AOINA.COM

国内のSBMに対応してる&記事の被ブックマーク数をカスタムフィールドに保存できる。
人気記事をランキングできるので重宝してる。wp-sbm_popular_entry

記事下に注釈を表示するプラグイン「WP-Footnotes」 » FORGET

特定のフォーマットで書くことではてなダイアリーみたいな注釈表記ができる。
((の前に半角スペースが必要

ページトラックバックプラグイン | ABCP-weblog

ページにトラックバックを送信する機能をつける.
何でデフォルトでないのかが不思議。 ((WordPress2.8以上で動作))

WordPress › Enhanced Recent Posts « WordPress Plugins

新着記事ウィジェットの上位互換です。
更新された記事や含むカテゴリーなども設定できる。

WordPress Plugins/JSeries » Feed Control 日本語版

RSSに更新された記事を含められる。
ただしATOMは対応してない。対応してるプラグインあったら教えて欲しいです。

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

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/

リンク先でrawに行って、URLの最後がgistfile1.txtとかなってるので、これに.user.jsとか付け加えればインストールできると思う。

リンク先でrawをクリックするだけでインストールできるようにしました。

nicothumbcatch

http://gist.github.com/61792

ニコニコのランキングでサムネイルだけを表示する。

favlist++

http://gist.github.com/55041

favlistを少し改造したもの。マイリストページにリンクを表示する(favlistと併用可能)。後は削除ボタンとか付け足しただけ。
favlist++はマイリストをマイリストする目的で使ってるので、あんまり意味はないかもしれない。(登録ボタンはマイリストのタイトルのとこに★がでる。

easy I’m reading now

http://gist.github.com/42490

easy I’m reading nowのTweetBurner版

Add Mylist Link

http://gist.github.com/68786

ニコニコ動画のメニューバーに、mylistへのリンクを追加するスクリプト
値をローカルに保持するようにして、任意で更新できるように改変

ShowStatusSequence

http://gist.github.com/58147

個別 post のページを開いたとき、それを含むユーザページに移動し、文脈を把握できるようにする

Nested Twitter Replies

http://gist.github.com/79915

httpsの時にアイコンがデフォルトになるバグ直した。

mata samune

http://gist.github.com/79886

動いてなかったので。
Twitterでニコニコ動画のリンクからサムネイルなどを表示

nicovideo Thumbinfo popup

http://gist.github.com/74201

nicovideo Thumbinfo popupをいつもながら勝手に更新。
APIをextの方にしたのとサムネイルにもリンクを貼るようにした。
後は選択範囲の誤爆を軽減

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

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

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

8/1にニコニコ動画のランキング(デイリー/週間/月間)の集計方法が変更されました。
ニコニコニュース‐ランキングをリニューアル！に詳しく書いてあります。

簡単にまとめると、今までは一時間毎に更新していたランキングをデイリーは一日毎、週間は一週間毎、月間は一ヶ月毎に一回のみ更新するようにした。
例えば、デイリーならば 朝5時　～　翌日朝5時の24時間で集計されたランキングが掲載されます。
つまり、今日ランキングに乗っている動画は今日の朝までに投稿された動画から構成されています。

今リアルタイムで人気がある動画を発見するのが難しいので、一個の動画が急激に伸びることが減ります。
→これを補うためにホットリストというのがありますが、これはランダムなとこや見づらいなどちょっと駄目な部分がある。
総合 新着コメント順から一定以上の動画の集まりに見える。
→この改善でよくなる点は、便乗によるランキングを押し上げる動画(期間限定の祭り的な)が減るのではないかと思います。

デイリーはこの方法でも大丈夫な気がしますが、週間が一週間とかはさすが「何やってるんだろ？」って感じがします。
多分、ニコニコ動画には擬似的なリアルタイムなとこがあってそれが魅力的なとこがあるので、今回の変更は駄目だしされると思います。
ニコニコでコメントもある意味擬似的なリアルタイムで、普通では考えられないほど閲覧者のレスポンスが発生してるので、自分の良いところをつぶしてる感じ。

そもそもなんでこんな変更したのかというとニコニコ動画の新ランキングへの疑問について運営の代わりに答えてみる – 日刊VOCALOIDランキング研究所を見るといいと思う。
キーワードは分散

ここからは他の反応

大御所職人たちの言葉、休止宣言

http://d.hatena.ne.jp/LOM/20080802/1217693738

デイリーランキングの代謝が悪すぎる件 – ニコニコ生活。

http://d.hatena.ne.jp/Muchi/20080802/1217651702

ニコニコ動画新ランキングの分析

http://d.hatena.ne.jp/sakoto00/20080802#p1
これは分かり易いまとめ

代用方法
ニコニコ動画のリアルタイムで反映するランキングがないため、それを代替えするサービスの紹介

1. 旧形式マイリストランキング
   ボーカロイドランキングの人?
2. マイリスト数 日速 – Nearch
3. ホットリスト全部。
   重いの注意!
4. はてなブックマーク – irc.2ch.net #ニコニコ動画
   ニコニコ動画 ちゃんねるに貼った動画まとめ。
5. nicovideo – Twitter Search
   アイマス成分が多め

新着ランキングの代わりになりそうなもの
被ってますがきにしな～い