WD Live! Web標準時代に求められるサイト構築法
Web標準時代に求められる サイト構築法 木達一仁 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア Web Standards Projectメンバー k-kidachi@mitsue.co.jp / kidachi@kazuhi.to 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア（2004年2月～） Web標準準拠サービスの立ち上げ/運用 Web標準Blogの運営 W3C Advisory Committee Representative 海外のWeb標準関連書籍和訳版の監修 Web Standards Project（WaSP）メンバー mixiにてWeb標準コミュニティを主催（2006年5月25日現在3260人が参加） 7月15日「Web標準の日」開催
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
【レビュー】WebデザイナーのためのAjaxツール、Adobeの「Spry framework」とは? (MYCOMジャーナル)
米Adobe Systems(以下、Adobe)は、同社の技術者向けサイト「Adobe Labs」で、5月11日、Ajax向けのフレームワーク「Spry framework for Ajax」を発表した。"JavaScript library for web designers(WebデザイナーのためのJavaScriptライブラリ)"と銘打たれたこのフレームワークを利用すれば、高品質な演出をWebデザイナーが手軽に施すことができる。 ここでは、技術的な観点を交えてSpry frameworkの魅力を紹介してみよう。 フレームワークの種類 フレームワークとは、プログラミングを行う時に土台となるプログラムのこと。Ajaxの場合は特にブラウザ間の依存性解消などの理由で、フレームワークが非常に重宝されている。 数あるAjaxフレームワークの中で、現在最も多く採用されているのが proto
FireBug に JavaScript デバッガが付いて便利すぎる件について - IT戦記
Firebug を更新したら、またもや凄いことになってました。 まずはこれを見てください。 http://sample.ecmascript.jp/20060526.htm 要は JavaScriptをステップ実行しながら結果を確認できる。 変数の値をウォッチできる。 適当にブレークポイントを貼ってスタックを追えば、他人のサイトを簡単にハックできる。 うれしい！たのしい！こんにちわ！ FireBug のインストール https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=1843
AJAXとPHPとMySQLを使ったRSSリーダーの作り方 - GIGAZINE
IBMにAJAXとPHPとMySQLを使ったRSSリーダーの作り方が掲載されています。 いわゆるサーバインストール型のRSSリーダーについて、個人で使うだけではなくその結果を閲覧者に見せるためのモードも搭載するという非常に凝ったものになっています。 ソースコードもダウンロードでき、実際のスクリーンショットなども使って解説されているのでRSSリーダーを作りたいと思っている人にはかなり有益な情報になるのではないかと。 作り方とコードのダウンロードは以下から。 Ajax RSS reader そのほかにも日本語で書いてあるのは以下のようなページ。 「Ajax + PHP」でRSSリーダーを作る : きまぐれ日記2『オンとオフの狭間』 http://sakipapa.sakura.ne.jp/blog/2006/03/002534.php Ajaxを使おう RSSリーダーを作る - ［JavaSc
Feed Icons - Home of the Standard Web Feed Icon
Developer Kit The devkit includes icons ranging from 12x12 to 128x128 in various formats, including AI, EPS, SVG, PSD, PDF, PNG, JPG, GIF. View ReadMe file. Did you know? The story of RSS goes back to around 1995! That's like a century in technology years. And the RSS feed icon is being used by hundreds of thousands of websites including Kiva.org micro-loans that change lives (check them out!), St
いま作ってます。 - ライブブックマークを使って、はてブとブラウザを一体化させる
5/26追記：いつの間にかにタグ検索結果ページで、FirefoxのLivebookmarkアイコンが正常動作するようになっていました（昔調べたっきり確認するのを怠ってました。もし私がエントリを書く前に修正が入っていたのならバグ呼ばわりしてすみません＞はてなの中の人）。というわけで、このエントリのような面倒なステップを踏まずとも、タグ検索結果ページを開いて、アドレスバー一番右のアイコンをクリックするだけでライブブックマークを登録できます。 概要 Firefoxなどに搭載されているライブブックマーク機能を用いると、はてなブックマークをブラウザのお気に入りのように扱う事が出来ます。 （Sleipnirにも同様の機能が搭載されてたと思うけど、確認するのも面倒なのでパス。Sleipnirバージョンの解説を書いて下されば喜んでリンクを晴らせて頂きます） はてブの方にエントリを追加/削除すると、ブラウザ
GIGAZINE - CSSで角をもっと丸くする方法いろいろ
「スライディングドア」と呼ぶ方法で全体をヘッダー、ボディ、フッターの3つに分割して、コーナー部分などはオーバーレイとか使ってみましょう、という方法。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.schillmania.com/projects/dialog/ 使用しているコードと画像のダウンロードはこちらから http://www.schillmania.com/projects/dialog/dialog.zip また、こちらに透過PNGを利用したバージョンもあります。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.s
Flickr開発者が語るネットサービスの高速化方法
Web2.0としてくくられるタイプの各種ネットサービス、いわゆるウェブアプリは以前とは比較にならないほど動的生成されるものが多く、結果としてものすごい負荷をシステムにかけるわけです。 というわけで、海外におけるデジカメ画像共有サービスの代表的なものである「Flickr」の開発者がJavaScriptを高速化する手法について解説しています。 Vitamin Features >> Serving JavaScript Fast 手順を分割して簡単にしてみたり、キャッシュを使ったり、転送量を圧縮して帯域を節約したりいろいろあるようです。なお、GIGAZINEはキャッシュシステムを採用して有効活用することで負荷を現在、当初の12分の1に抑えています。 また、こっちはリバースプロキシによる高速化手法。 ViSolve.com - Squid Support Service Apacheのモジュール
Internet Explorer 7ベータ2の不具合からWebデザイン業界の混乱が見えてきた - 日経トレンディネット
次期Windows OS「Vista」に標準搭載される「Internet Explorer 7（IE7）」（日本語版）のベータ2が連休明けの9日公開された、という表向きの話はデジタルARENAのニュース「マイクロソフトがInternet Explorer 7 ベータ2を公開」を読んでいただくこととして、こちらはWeb業界には気になる、Web表示の互換性の問題に踏み込んでみよう。 まず、単純な話、IE7って使いものになるのか。なる。最初はメニューが見えないので戸惑うけど、Altキーを押せば出てくる。RSSリーダーの機能だってFirefoxとどっこいどっこい程度には付いている（笑）。マクロソフトの看板アプリケーションに抜かりがあるはずはない。 ところが、IE7で表示したとき、レイアウトが崩れてしまうサイトがいくつかあった。例えば、このコラムを書いている12日現在、「はてなダイアリー日記」はIE
FrontPage - HackingWiki
ハッキング Wiki † ハッキングの関連のあれこれについてまとめてみようと思っているwikiです。悪いことには使わないでください（たぶん使えないと思いますが）。 内容は少しずつ充実させていきたいと思っていますが、wikiの使い方はあまりわかっていないので事故で消えるかもしれません。 硬いので文体を「ですます」にしようと思います。 誰も編集しないので編集できないように戻しました。編集したい人はyamamoto at bogus.jp宛にメールするか、blogにでも書き込むか、電話でもしてください。。 ↑
まちがった自動ログイン処理
(Last Updated On: 2018年8月20日)問題：まちがった自動ログイン処理の解答です。このブログエントリは最近作られたアプリケーションでは「問題」にしたような実装は行われていないはず、と期待していたのですがあっさり期待を破られたのでブログに書きました。このブログの方が詳しく書いていますけが「Webアプリセキュリティ対策入門」にも正しい自動ログイン処理を書いています。 参考：自動ログイン以外に2要素認証も重要です。「今すぐできる、Webサイトへの2要素認証導入」こちらもどうぞ。HMACを利用した安全なAPIキーの送受信も参考にどうぞ。 間違った自動ログイン処理の問題点 まず間違った自動ログイン処理を実装しているコードの基本的な問題点を一つ一つ順番にリストアップします。 クッキーにランダム文字列以外の値を設定している クッキーにユーザ名が保存されている クッキーにパスワードが保
フィードパス、ウェブ上で複数ブログを一元管理できる「Blogエディタ」 - CNET Japan
フィードパスは5月10日、フィードリーダーを中心としたサービス「feedpath（フィードパス）」に、5月11日から「Blogエディタ」を追加すると発表した。feedpath登録ユーザーは無料で利用できる。 Blogエディタは、ウェブ上からブログの記事投稿や管理が可能なアプリケーションだ。ユーザーが利用するブログのIDとパスワードを登録しておくことで、複数ブログの新規投稿や過去記事の編集、削除などを簡単に行うことができる。 フィードパスの自社製ブログツールであるblogengineをはじめ、Movable TypeやTypePad、Ameba Blog、はてなダイアリーなどの代表的ブログに対応するほか、mixi、GREEなどのソーシャルネットワーキングサービス（SNS）の日記への投稿も可能だ。 また、HTMLの知識がないユーザーでも簡単にテキストや画像の編集ができるWYSIWYG機能を搭載
Startforce | スタートフォース いつでも、どこでも、あなたのデスクトップ。
StartForce（スタートフォース）は、かつてスタートフォース株式会社により開発、販売されていた、ウェブブラウザ上で動作するデスクトップ環境システムです。 2006年の発売当時、このようなシステムは大変画期的でした。昨今では様々な場面で使われるようになった「クラウド」という言葉とともに、注目を集めることとなったのです。 InternetExplorerなどのウェブブラウザからログインすると、Windowsに近いデスクトップ環境で、オフィススイート、PDFの閲覧、メール、カレンダー、メッセンジャー等のサービスを扱うことができました。 次の項目で、「StartForceでできたこと」をもう少し詳しく見ていきましょう。 StartForceには、ユーザー登録を行うだけで利用できる無料のPersonal版と、企業向け有料プランのEnterprise版が存在しました。 Enterprise版では
PHPコードの実行を無料で高速化する「Zend Optimizer 3」
サーバに入れるだけで実行時間を数％から数十％高速化することで有名な「Zend Optimizer」の最新版が出たようです。前バージョンの「Zend Optimizer」よりもさらに40％ほど高速化されているとのこと。 PHPコードの最適化モジュールの最新版「Zend Optimizer 3」リリース 本日よりゼンドWebサイトにて無償ダウンロードサービス開始 http://www.zend.co.jp/press/2006/press0510.php ■「Zend Optimizer 3」の新機能 ・PHP5.1への対応 PHP5.1は、PHP5.0の高速化とともに多くの意欲的な新機能を提供しています。 ・「Zend Guard」によって暗号化されたPHPコードの実行 強力なコードセキュリティを実現する「Zend Guard」によって暗号化されたPHPコードの実行に使用します。 ・従来と比
akihiro kamijo: Spry （Ajax フレームワーク）公開
Adobe から Spry という名前の Ajax フレームワークが公開されました。（Adobe Labs/spry） Spry は BSD ライセンスの下でフリーで使用できます。 こちらのページでデモが見られます。（Spry Demos） ダウンロードはこちらから。（Spry Download） Spry の特徴は Web 制作者を主ターゲットにしていることで、CSS を使った HTML ページ作成の知識があれば、特に JavaScript に詳しくなくても使えるよう設計されています。このようにすることで、従来の Web デザインの延長として Ajax を使えるようにしたいというのが目標です。今までの Ajax はどちらかというとプログラマの視点から語られることが多かったですよね。 既に公開されている Flex-Ajax Bridge (FABridge) と組み合わせれば Spry と
素早く正規形を見抜く実践テクニック（1/4） － ＠IT
今回のテーマはデータベースエンジニアの必須知識の1つである「正規化」です。正規化は、リレーショナル・データベースのテーブル設計を行ううえで非常に重要なテクニックであり、データベースを設計、実装したことのある方なら一度は正規化に触れているのではないでしょうか。 それほど基本的な知識であるにもかかわらず、正規化を説明できる人はなかなかいません。多く聞かれるのが「何となくテーブルを作ると自然に第3正規形になる」とか「実務上は第3正規化まで行えば問題ない」というものです。 ではなぜ「第3正規化まで行えば問題ない」のでしょうか。本稿ではひととおり正規化について確認しながら、あまり触れられることのない第3正規化より先の正規化を紹介して、この疑問に答えていきたいと思います。 正規化の位置付け 正規化は、データベース設計全般にかかわる基礎知識ですが、特に論理データモデリングの作業の中で必要になります。本稿
自動仕分けと手動仕分けの交差点 | シゴタノ！
これだけでは初めて読んだ方には意味不明と思いますので、改めて簡単におさらいしながら考えてみます。 ●Gmailの構造 スターとラベルというのはGmailの機能のことを指しています。いずれもメールに対して付与できる印のことです。 スターは、クリックするとONになり、もう一度クリックするとOFFになります。ラベルは、予め自分で設定しておいた名前群をプルダウンから選んで適用あるいは解除するものです。 ラベルは、従来のメールソフトが備えていたフォルダに代替される仕組みと言えるでしょう。フォルダは、メールを「従」としてとらえる前提ですが、ラベルは、メールを「主」としてとらえます。 言い換えれば、フォルダ管理はメールを複製しない限りメールとの関係は一対一になりますが、ラベル管理は、多対一になります。フォルダ管理の悩みの種の1つは、複数のフォルダに所属しうるメールの扱いでした。ラベル管理はこの悩みを解消
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dynamic Drive CSS Library- Practical CSS codes and examples
5月2日の技術勉強会（Vim） << はてな技術発表会日記
