Hatena::ブログ(Diary)

WEB開発日記

[Ajax][javascript][php][CSS]などのWEB最新技術や動向をお届けいたします。

2007-10-12

低スペックPCでも使える! Webブラウザでサイト作成 (1/3) − @IT

 突然だが、Webサイト作成、というとアプリケーションベースの開発環境をイメージしていたのは筆者だけだろうか? コーディングというと、テキストエディタから始まり、FrontPage、Dreamweaver、Expression Web、最近ではAptanaなども使用しているが、いずれもアプリケーションでの開発を行っている私にとって、実はInternet Explorer(以下、IE)やFirefo...続きはこちら

IE でオブジェクトの配列のソートを 10 倍速くする - IT戦記

以下のようにプロパティ値で並び替えたいとする。 var Klass = function(order) { this.order = order }; var array = [new Klass(3), new Klass(1), ....]; array.sort(function(a, b) { return a.order - b.order }); こうすると、 10 倍近く速くなる v...続きはこちら

Firefoxでリンクを開くときに、タブで開くようにしたいのです。 : ひろゆき@オープンSNS

Firefoxでリンクを開くときに、右クリックをして、「タブで開く」というのを選んでるのですが、左クリックでリンクを開いたときも、自動的にタブで開く方法ってないですか?と、asksらしく質問してみるの巻。...続きはこちら

jQuery を使って Ajax 開発を単純化する

jQuery は、JavaScript? と Ajax (Asynchronous JavaScript + XML) のプログラミングを単純化する JavaScript ライブラリーです。jQuery は、他の類似の JavaScript ライブラリーとは異なるユニークな考え方を持っており、一般的で複雑なコードを簡潔に表現することができます。この記事では、jQuery の考え方を学び、その特徴と...続きはこちら

JavaScriptだけでWebサイトが構築できるHelma

初めまして。今月、ウノウに入社しましたNAKAMURAです。今後ともよろしくお願いします。 最近のWebサイトでは、DHTMLの操作やAjaxなど、JavaScriptが欠かせない存在となってきていますが、そんなJavaScriptでサーバーサイドも構築できるHelmaについて取り上げてみたいと思います。 Helmaとは? Helma本家サイト(http://dev.helma.org/) H...続きはこちら

チナミニ - 音が鳴る

id:brazilさんのGreasemonkeyスクリプト「LDR - Signal」がとても良いというお話。 LDRにて次のフィード、次のエントリーのタイミングで音が鳴ります。ディフォルトでは次のエントリーでポン(エントリーが進むごとに高くなる)、次のフィードでポーンと高めの音がなりますが、mp3ファイルを再生する仕組みなのでファイルを変更すれば違う音も鳴らすことができます。 MP3_PI 次の...続きはこちら

窓の杜 - 【NEWS】タブをロックして閲覧ページを恒久的に表示するFirefox拡張機能「PermaTabs」

 指定したタブのWebページを恒久的に表示する「Firefox」拡張機能「PermaTabs」v1.6.1が、9月30日に公開された。「Firefox」v2.0以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.7で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。  「PermaTabs」は、タブをロックでき...続きはこちら

Mozilla Re-Mix: Firefoxのタブを効率的にカスタマイズできるアドオン「Tab Kit」

Firefoxのタブをabout:configでカスタマイズする方法について書いたばかりですが、もっと詳細なタブコントロールを実現したい方にすすめのアドオンが「Tab Kit」です。アドオンをあまり多く入れたくない方にはabout:configで設定するほうがシンプルでいいのですが、この「Tab Kit」はタブに関する機能がてんこ盛りで入れておいても損は無い拡張機能です。...続きはこちら

DSAS開発者の部屋:携帯ゲートウェイのIPアドレス帯更新を効率的に確認する方法

携帯電話各キャリアは、そのゲートウェイのIPアドレス帯域を公開しています。 DoCoMo au SoftBank WILLCOM 携帯ブラウザからのアクセスの場合、このIPアドレスがソースアドレスとなるので、アクセス制御や判別のために使っている方は多いのではないかと思います。 今回は、このIPアドレス帯の更新を効率的に確認する方法についてのお話です。 更新されたかどうかの確認だけならア......続きはこちら

メディア・パブ: 企業サイトがソーシャルメディアになる

 1年ほど前に,「Web2.0時代の企業ニュースリリース,ソーシャルメディア向けに発信を」とのタイトルのエントリーを書いたことがある。これからの企業PRは,マスメディア向けのプレスリリースだけではなくて,ソーシャルメディアを介して消費者に向けてメッセージを発信すべきとのことであった。そのために,ソーシャルメディア向けのニュースリリースを用意する企業が......続きはこちら

OpenWebGraphics - Home

Welcome! Feel free to browse our completely free user-submited web graphics library, or even upload your own graphics. You can even use them on your own site! Actually, that's kinda the point. So we h...続きはこちら

XMLが嫌われている?:ITpro

 「XMLが“やっかいもの”になっている」──最近,そう感じることが何度かあった。インターネットの普及を促進した立役者の一つであるXMLが,今やある領域では問題児になっているのだ。  すでにご存じの通り,データ構造を自由に定義できるXML(eXtensible Markup Language)の登場は,インターネットの利用形態に大きな変革をもたらした。人間が閲覧するだけでなく,プログラ......続きはこちら

draggable と droppable - ヽ( ・∀・)ノくまくまー(2007-10-12)

[jQuery] draggable と droppableui plugin には、ドラッグ機能を提供する draggable と、ドロップ機能を提供する droppable があり、これを用いると簡単に drag&drop を行うことができる。 include ui/ui.mouse.js ui/ui.draggable.js ui/ui.droppable.js 以下を追加すると、d...続きはこちら

hoshikuzu | star_dust の書斎 - 2007-10-11

はじめに 次のような限定されたケースにおいてなのですが。 <SCRIPT TYPE="text/javascript"> <!-- var strA = "$data"; // ・・・以下サイト運営者による処理記述 //--> </SCRIPT> 上記のようなケースに限定してのオハナシですけれど、$dataをエスケープする...続きはこちら

gooブックマーク

...続きはこちら

[]Amazonの検索結果ページでnを二回押すと次のページに移動するのか

タイトルの通り。Amazonの検索結果ページで2回nを押すと次のページに移動するのなー。 AmazonのJavaScriptを覗いてみると、以下のようなコードがちらちら見えます。 registerKeyHandler('32', 'keydown', fullResultScroll); registerDoubleKeyHandler('80', 'keyup', function() { tp...続きはこちら

日本IBM、“ブログ感覚”のWeb作成ソフト「ホームページ・ビルダー12」

 日本IBMとジャストシステムは11日、Webページ作成ソフト「ホームページ・ビルダー12」の販売で協業すると発表した。ホームページ・ビルダー12の個人向けパッケージ販売はジャストシステムが行ない、法人向けのライセンス販売は日本IBMとジャストシステムの双方が行なう。  ホームページ・ビルダー12の個人向けパッケージ製品は、12月7日に発売。2008年3月31日までは発売記念......続きはこちら

あなたのサイトの人気を左右する、タクソノミーとフォークソノミー - livedoor ディレクター Blog

「分類」は、奥が深い  『livedoor グルメ』の根岸です。今日はウェブサイトの構築に欠かせない分類法の話です。  ウェブサイトを作るとき、いつも頭が痛いのが「分類」の問題です。  たいがいのウェブサイトは、なんらかの目次やメニューを用意して、読者がコンテンツを容易にたどれるように工夫します。  この目次やメニューを作るのが、簡単なようで奥が深い。舐め......続きはこちら

フォルダをモニターしFlickrに自動で画像をアップロードするツール「Flickr Foldr Monitr」

Flickr Foldr Monitr - RebelEOS.comFoldr Monitr is a free too......続きはこちら

MOONGIFT: ? XHTMLにも対応したWYSIWYGエディア「Whizzywig」:オープンソースを毎日紹介

※ 画像は公式サイトデモより。 テキストエリアをHTMLオーサリングツール風にするソフトウェアは各種存在する。有名なものとしてはFCKEditorやSPAW Editor、Xinhaなどがある。 この手のソフトウェアの難点として、HTML構造は汚い事が多かった。XHTML Validなサイトを作っている場合はこれを使ってみる事をお勧めする。 今回紹介するフリーウェアはWhizzywig、Webベー...続きはこちら

ヽ( ・∀・)ノくまくまー(2007-10-07)

[jQuery] Prototype ユーザが 10 分で jQuery を使い出すスレさぁ、今夜もはじまりました、熊井ちゃん王国。それでは早速、熊井ちゃんに伝えたい jQuery の魅力 RANKIN Q! 渋谷の女性300人に聞いた jQuery の好きな所 TOP 10 名前空間の汚染が最小 簡潔明瞭なメソッド名 CSS3 + XPath ちっくアクセス メソッドに対する閉包性 (メソッドチ...続きはこちら

瞬時に英和辞書が引けるGreasemonkeyスクリプト「Fast Look up Alc」: DesignWorks

先日「瞬時にgoo辞書が引けるGreasemonkeyスクリプト「fast look up goo」」で紹介したgoo辞書用のGreasemonkeyスクリプトの英和辞書版ともいえる「Fast Look up Alc」を今回紹介したいと思います。作り的には前回お伝えした「fast look up goo」と変わらず選択した部分が、下の方から競り出てくる形で意味を表示してくれます。海外サイトを頻繁に...続きはこちら

携帯機器向け「Mobile Firefox」開発へ − @IT

 Mozilla Corporationが、オープンソースのモバイルブラウザ開発を計画している。同社幹部が10月9日、明らかにした。  同社エンジニアリング責任者マイク・シュローファー氏は自身のブログで、携帯機器向けにFirefoxの体験と技術をもたらすことを真剣に考えていると伝えた。多数のユーザーが携帯機器からインターネットに接続していることを理由として挙げている。  具体的に......続きはこちら

はてなブックマーク - IT戦記 - 一行で IE の JavaScript を高速化する方法

以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date;...続きはこちら

MOONGIFT: ? CSS Validを目指せ!「CSS Validator」:オープンソースを毎日紹介

CSSを使ったサイトが当たり前になりつつあるが、ブラウザ間の整合性を保つのは非常に難しい。ましてやValidなCSSをくみ上げるというのは並大抵ではなく難しい。 チェックする機能が必要だ。オンライン上でCSSのチェックをしてくれるサービスとしてはW3C CSS 検証サービス [1]があるが、これはサービスが既にローンチしている必要があった。この問題を解消できるのがこれだ。 今......続きはこちら

[]アニメーション開閉もできるクッキー対応の階層型リスト -treeview.js

treeview.jsは、jQueryの定番プラグインの1つで、リストでマークアップした階層型の項目をクリックで開閉できるようにするJavaScriptです。

jQuery plugin: Treeview...続きはこちら

スラッシュドット ジャパン | Mozilla、携帯機器向け「Mobile Firefox」を開発へ

正直、adbl*ckだけでも欲しい炎狐遣いなAC 曰く、 slashdot.orgでもMozilla to Develop Mobile Firefoxとして記事になっており、日本でもInternet Watchで記事になっているが、Mozilla Corp.が携帯電話用のFirefoxである「Mobile Firefox」の開発に着手していることが Mozilla Corpotaion の副社長...続きはこちら

フリーのベクターなロゴ画像を多数ダウンロードできる「Vector Logo Database」:phpspot開発日誌

Vector Logo Databaseフリーのベクターなロゴ画像を多数ダウンロードできる「Vector Logo Da......続きはこちら

Sizcons - Random Jabber

I will probably add more to the set later, but for now, I wanted a few icons that I could call my own, which were the exact colors I liked and that I knew I would use. I didn’t bloat the set with ones...続きはこちら

HTML 5はユーザビリティにもSEOにも効く新次元の規格 | Web担当者Forum

HTML 5 ユーザビリティにもSEOにも効く新次元の規格 ネット業界で毎日のように登場する新語には、重要なトレンドを生み出すものや、単なるから騒ぎで消えていくものがある。 ここでは、一歩先行くウェブ担当者ならぜひとも覚えておきたい注目のキーワードを紹介しよう。 小川 有希大(株式会社 ビジネス・アーキテクツ) 用語【HTML 5】 仕様の策定が進められている(まだ確......続きはこちら

『display:noneの利用 = 検索エンジンスパム』 ではない- Google Wysz :: SEM R

米GoogleのWysz氏は、ウェブサイトのナビゲーションメニュー設計において、CSSで display:none を使用したからといって即座にスパム行為と判定するわけではないとの見解を明らかにした。米Google Webmaster CentralチームがFAQを作る目的で募った質問に対して答えたもの。...続きはこちら

機は熟した! - Mobile Firefoxの構想が発表に | ネット | マイコミジャーナル

...続きはこちら

シンプルで美しく使い勝手のよいフリーアイコン集「Sizcons」

Sizcons - Random JabberSizcons is my own little icon set. Si......続きはこちら

無料で使える3カラムのデザインテンプレート30選『30+ Free Three-Column Website Templates』

3カラムのデザインのサイトを手軽に作りたい。 そんなあなたにおすすめなのが、『......続きはこちら

[]Ext.js 2.0 Beta1リリース、DesktopとPortalのサンプルを追加

Ext.js 2.0 Beta1がリリースされました。

Ext 2.0 Beta 1...続きはこちら

ウェブ制作総合まとめ*ホームページを作る人のネタ帳

2007年8月にヒットしたエントリやサイトの、WEBデザイナー向けまとめ。 一ヶ月もたてばブックマークも結構色々ノイズが入ってくるもので、ここで整理の意味も込めてまとめておきます。 SEO系や、モバイル系は別エントリに分離しないと、前回重くてアクセスが集中して見れませんと言われる方がいましたので、分離して書こうかと思っています。...続きはこちら

HTMLテーブルの行を見やすくするテーブルクロスJavaScript

? Introducing Tablecloth

テーブルクロスを導入する。

この記事がWEB関連のなかで話題になっていました。

はて・・テーブルクロス・・・。

何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。...続きはこちら

Mozilla 拡張機能勉強会 - Ci.nsIZIGOROu - Firefoxで使えるイベントあれこれ

もの凄い私的なメモ。 elementのイベント DOM:element - MDC DOM3 Events DOM Events - MDC Gecko依存なイベント Gecko-Specific DOM Events - MDC Mozillaの場合はこれだけで全て網羅だと思う。...続きはこちら

ADP: で、どこで怒ればよかったんだろう?

昨日イライラしていたのとは別で、こちらはけっきょく怒ることもできず現在まできてしまった話。 2年〜3年前、Contributeで更新することを前提に他の人のサイトをガシガシ作っていた。どのサイトも、おかげさまでだいたい無事に生き残っている。 ひとつのサイトは、更新担当者が10人以上になるものだった。これだと、ある人がわかりやすく情報を伝達するためにちょっとした......続きはこちら

RSS
Copyright © WEB開発日記 RSS 全ての記事