A browser Extension for auto loading paginated web pages. AutoPagerize use in many web site, and provide efficiently web browsing. ページごとに分けられたWebページを自動で読み込み継ぎ足し表示を行うブラウザ拡張です。 AutoPagerizeは様々なWebサイトで利用でき、効率的なWebブラウジングを提供します。
RSS Feed(フィード)をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。 なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか? ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ
印刷用の星図をさっさか作るプロジェクト っていうか、メモその1 →その2 その3 その4 その5 その6 その7 その8 その9 日々、星図作りをやっている気がする。初心者向けの説明用がほとんど。結構、手間がかかる。肩も凝る。さっさか作りたい。ではどうすればよいのか。 世の多くの同業者は、ステラナビゲータ(アストロアーツ社)を使っている。たしかに、グラフィカルにはきれいだし、便利。高機能。ふつうにはこれでいいと思う。で、私も使うのだけれど、印刷用にはどうなんだろうと思う。 こんなの簡単に(所要時間1分)できますけどね。by ステラナビゲータ7 & ペイントブラシ 印刷星図にするとき、上の図で気に食わないことは、 1.白黒反転したい 2.そもそも印刷ではモノクロのほうがよい 3.解像度がたりない、印刷ではシャープに表現されない 4.オリオン と ベテルギウス の 文字が重なってる 5.こいぬ
jQueryを使って画面のアクションを作ろうと思うと、そのコーディングの仕方を含めて習得する必要がある。イベントにもマウスやフォーカス、クリックなどの様々な種類が存在し、その結果として起こすアクションも無数に存在する。それらを適切に判断しながら構築するというのは意外と難しい。 jQueryを使った開発にぜひ! 単純なJavaScriptであれば、オーサリングツールで対応しているものもある。だがjQueryのような高度なJavaScriptフレームワークには対応していない。そこで使うのがIxEditだ。 今回紹介するオープンソース・ソフトウェアはIxEdit、jQueryのビジュアルアクションビルダーだ。 IxEditは既に組み上がっているWebサイトに対して使うライブラリだ。指定されたJavaScriptファイルとCSSを読み込むと、Webサイトにフローティングウィンドウが表示される。そし
http://blog.champierre.com/archives/446でやられているので、乗り遅れてる気がしますが、僕も大阪府立図書館バージョンを作ってみました。って言うほどでもありませんが。 amazonosakalibrarylinky.user.js ソースは以下のようになります。 // ==UserScript== // @name Amazon Osaka Library Linkey // @namespace http://d.hatena.ne.jp/treeham/ // @description Osaka Library Lookup from Amazon book listings. // @include http://*.amazon.* // ==/UserScript== (function() { var elem = document.getE
Exploring new ways to extend and personalize the Web Mozilla Labsが新しいプロジェクトMozilla Labs Jetpackを発表した。すでにエクステンションが公開されており、実際に試せるようになっている。開発環境もAPIマニュアル、チュートリアルもエクステンションを含まれており、インストールすればそのまま試用できる環境が整っている。 Jetpackの謳い文句は"Exploring new ways to extend & personalize the Web."だ。簡単に言ってしまえばWebページをカスタマイズする機能を提供するエクステンションということになる。既存のエクステンションとしてはGreasemonkeyがそれに近いものといえるだろう。Greasemonkeyと違うのはjQueryをベースとして扱いやすいAPI
Movable Type 7 のコンテンツフィールドのうちの「テキスト(複数行)」を MTAppjQuery v2 のオーバーレイエディタに変更する方法をご紹介します。
jQueryとGlimmerでインタラクティブコンテンツを作成:jQueryで学ぶ簡単で効果的なAjaxの使い方(4)(1/3 ページ) いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ/プロデューサーも必見! Webサイトで重要なのは、顧客を囲い込む戦略 Webサイトで重要なのは、いかにリピーターを確保できるかどうかに掛かっているといっても過言ではありません。新規のユーザーは、広告さえ出せば瞬間的に獲得できます。しかし、継続的にサイトにアクセスしてもらうには、ユーザーにそのサイトを何度も訪れる“理由”が必要です。 もちろん、「Webサイトが、どのようなサービスを提供するのか」が最も重要な“理由”とならなければ意味がありませんが、Webサイトに何度も訪れたくなるようなちょっとした“仕掛け”
連載インデックス 「どこまでできる? 無料ツールでWebサイト作成」 無料のWebサイト作成は業務レベルでどの程度使えるのか? 本連載では、さまざまな無料ツールを使用したサイト開発を掘り下げていく 業務で使える! 無料Webサイト作成ツール集 Webオーサリングツールを使ってみよう:特別編 HTML+CSS、JavaScriptでWebぺージを作るときにどんなツールを使ってますか? 無料でも便利なものがたくさんあります
■ 誰も解説しない「Modify Url」の使い方 今 Platypus っていうツールを使っているんですが、このソフトは使いにく過ぎてヤバいです。スゴクベンリデス。 でまあ知らない人のために言っておきますと、Platypus ってのはあの Greasemonkey のユーザスクリプトを簡単に生成してくれるおもしろツールなんですね。 それで、選択したエレメントを削除したりとか CSS の属性値を変更したりとか色々機能があって何だかんだ言って便利なんですが、その中の Modify URL って言うハイパーリンクを変更する機能が高機能でスゲェんですよ。ヘルプを見ても「正規表現でURLが変更出来る」としか書いてなくてこの突き放しっぷりが素敵なんですが、さすがにこれじゃ使えてる人いなそうなのでここに解説します。 まずこれ、変更しようとするといきなり入力フォームが四つも現れるんです。四つ。 ※クリッ
Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 Firefox 専用 — 今すぐ Firefox をダウンロード
おわびと訂正のお知らせ Aptanaに関する紹介記事に関しまして、一部内容の不具合がございましたので、訂正と追加をしております。ご連絡をいただきました読者さま、大変ありがとうございます。そして、内容に関しまして読者の皆さまにご迷惑をおかけしましたことをおわびいたします。大変申し訳ございませんでした。特に、ご指摘をいただきました内容は、以前私自身が紹介した内容でも触れている内容であり、筆者の不注意以外の何者でもございません。読者の皆さまにご迷惑をおかけいたしましたことを重ねておわび申し上げます。 内容に関しましては、これからも最新の注意と確認を行って記事の執筆を行ってまいりますが、今回のような間違いがございましたらご連絡をいただけますよう、今後とも宜しくお願い申し上げます(2007年11月19日)。 冒頭でも述べたとおり、Aptanaが先日、2年間の開発期間を経て製品版として発売された。製品
汎用的なものではないが、技術的には非常に興味深い代物だ。Webサイトではロボットによるクローリングを防止するためにCAPTCHAと呼ばれる仕組みを導入していることがよくある。ぐにゃぐにゃな文字で、人であれば読めるがコンピュータには読めないであろう文字を表示して人かロボットかを判別するのだ。 上に表示されている画像を解析して文字として表示するデモ だがただ文字を画像化したくらいではOCRのような仕組みを使って読まれる可能性がある。それを示したのがMegaupload auto-fill captchaだ。 今回紹介するフリーウェアはMegaupload auto-fill captcha、MegauploadのCAPTCHAを破るGreasemonkeyだ。ソースコードは開示されているがライセンスは明記されていなかったのでご注意いただきたい。 Megaupload auto-fill cap
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
JavaScript開発ツールの本命! FirebugとAptana:どこまでできる? 無料ツールでWebサイト作成(4)(1/3 ページ) ついに「Aptana STUDIO」がリリース 先日、連載第1回と第2回で紹介したAptanaが、2年にわたる開発期間を経て「Aptana STUDIO 1.0」としてリリースされた。 「Aptana STUDIO 1.0」には、「Community Edition」と呼ばれるフリー版と、「Professional Edition」と呼ばれる製品版が存在し、製品版は1年間の更新と優先的なサポート、最新開発版へのアクセスパスが付いて199ドル(現在はセール中?)で、以降更新のために1年ごとに79ドル、というプランが用意されている。Professional EditionはIE(Internet Explorer)のデバッグサポート、JSONエディタ、S
AptanaでWebページ作成はここまでできる!:どこまでできる? 無料ツールでWebサイト作成(1)(1/3 ページ) 以前、無償版のWebオーサリング(サイト作成)ツールを特集でカタログ的に紹介したが、皆さまの興味は「業務レベルでどの程度使えるのか」という部分にあるのではないだろうか? そこで、本連載では各ツールを使用したサイト開発を掘り下げていこう。 まずは第1弾として、2回にわたり「Aptana」の紹介を進めていく。第1回では静的なサイト構築を想定した開発、第2回ではプラグインの追加により可能となるAdobe AIRなどの動的コンテンツ開発を中心に紹介していこう。 無料Webサイト作成ツールの最有力候補「Aptana」 EclipseベースのIDE(統合開発環境)であるAptanaは、コード補完機能やリファレンス機能など、充実度の高さが売りのオーサリングツールである。 オープンソー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く