ウェブ開発者にとって欠かせない技術をまとめた1枚の画像です。 約20年前から現在までの流れが一望できます。 クライアント・サーバに分けて図で表しています。 拡大図 以下にいくつかピックアップしてみます。
ウェブ開発者にとって欠かせない技術をまとめた1枚の画像です。 約20年前から現在までの流れが一望できます。 クライアント・サーバに分けて図で表しています。 拡大図 以下にいくつかピックアップしてみます。
企業サイトの活用は、通常のキャンペーンに比べて短期的な売上を期待することが難しい施策です。一方で、企業サイト上でユーザーとのコミュニケーションを適切に図ることができれば、中長期的な売上を期待することができます。 このコラムでは、滞在時間というキーワードから、それを実現させるための考え方を示唆していきたいと思います。 メガメディア化した企業サイトの現状 2006年10月にNielsen//NetRatingsから、以下のリリースがありました。 「(2000年4月以降の)6年間で、企業サイトへの訪問者数は増加の一途をたどり、特にキリンビール、サントリーなどの飲料メーカー、トヨタ自動車、日産自動車、本田技研工業などのクルマメーカー、ソニーや松下電器産業などの家電・AVメーカーのサイトを中心に毎月100万人以上が訪問するサイトが増えています」 このリリースでは、メガメディア化した企業サイトが、その
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 僕自身、何か教えられるのって得意じゃないので「育て方」より「育ち方」を。 ウェブ人材として育つための基本の3姿勢まずは前編としてのこのエントリーでは抽象的なところの姿勢に関することを3つ。 なかにはウェブに限らない話もあるとは思うけど、どれも僕自身が、何かを突き止めようとしたら、こうするのがよいと経験上思ってる点です。 蛇行せよ真っ直ぐ一直線に進むのじゃなく、あちこち余所見をしながら蛇行すること。これ、大事なんですよね。真っ直ぐ進めば一点からゴールは見えませんが、蛇行すればいろんな角度からまわりの景色とともに移ろうゴールの様々な形を眺めることができる。効率的にとか、ラクにとか、思ってるようじゃ、ハッキリ言ってダメ。時間なんてかかるものです。 様々なものの見方ができるようにな
Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のCSSを適用。 p.thumb{ float:left; margin:.5
URLを聞いて実際に見てみたら、そのページは既になく「404 File not found.」と寂しく表示されるだけ。そんな経験されたことがあるんじゃないでしょうか。そんなちょっと寂しい思いにさせる404ページが、もしも素敵だったら?それはいいですね。 はてなブックマークで、昔に「トリビアの泉」でやっていた「まつざきしげるいろ」のサクラクレパスによる紹介のページがいままたなぜだか話題ですが、ブックマークのコメントで知ったエラーページ「404 File not found.」が素敵です。 サクラクレパスの「404 File not found.」が素敵|前向きストラテジー 確かに素敵。 じゃあ、他にどんな404ページがあるのか好き勝手に見てみました。 アップル。お勧め記事も教えてくれます。 livedoor。トップページにリダイレクトされます HONDA。可愛らしい車が出てきますよ。 花王。
ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づかない事に気づかされたりしたので、自分用メモ。 2008年2月14日の22:47頃に追記 ボクのただのメモ書きをもうちょっとちゃんと以下のエントリーで書いてもらってるので、あわせてご覧になって頂くと、良いかと思います。 Webアクセシビリティについての覚書 - ねんがんのWebユーザビリティテストに参加した ロゴクリック=トップページに戻るという認識は殆ど無い。 トップページに戻る場合は、ブラウザの「戻る」ボタン。 サイドバーのバナーは、認知すらされない傾向が強い。 そもそもバナーとして押せるものではなく、デザイン上の飾りとして見られる場合も。 リストのマークとかのマーク部分をクリックしよーとする人が居る。 それにより、クリックできないと諦めるケースも。 プルダウン(ドロップダウン)型メニューは、近くのボタンを押
[コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、ウェブサイトを使っているお客様がなぜ途中であきらめるのかというテーマで話しました。「ウェブサイトの欠陥」を大きくくくると、次の4つのどれかに当てはまります。 サイトのコンテンツ自体が足りない(価値の欠陥)価値のあるコンテンツが探しにくい(ナビゲーションが悪い)価値のあるコンテンツは見つかったがよくわからなかった(プレゼンテーションが悪い)サイトに信頼がなかったために使うのをやめ
Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。
コマース広告の大変動 プライバシー保護とパーソナライズの狭間で マーケティングの効果を最大化するためには 注目急上昇中のDaaS最新情報 コロナ禍を背景に利用者と機能を拡大中 Azure Virtual Desktop最新情報 A Business New Era あらゆるモノ・コトが変化している今 デジタルでビジネスは生まれ変わる 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 サステナビリティの今と未来 企業戦略としてのサスティナビリティ推進 世界の通信インフラを支えるコルトの取組み 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 Anywhere Workspace! ハイブリッドワーク時代の働き方 分散業務環境3つの課題と解決策 現場主導のデジタル変革 ビジネス変革の
Entering college is an exhilarating milestone in your life, marking the beginning of a period filled with new experiences, knowledge, and personal growth. As you stand on the threshold of this transformative period, it’s natural to feel a mix of excitement and anxiety. For those who have attended top educational institutions like A level schools in Singapore, the transition can be both thrilling a
2カラムのサンプルを色々作ってみました。 事の発端は、Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!を見ててですが、こういうレイアウトサンプルサイトは色々あって、P O P * P O Pさんでも紹介されていますね。 IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | P O P * P O P http://www.popxpop.com/archives/2007/04/ie7csscss_layouts.html で、まぁ日本語のサイトがあんまり無いっていうのと、どーにもこーにも使い勝手が悪い気がしてならないので、自分が使いやすいだろう2カラムのサンプルを作ったという訳です。 細かく作っていけば限りなく出来
Ajax/JavaScriptライブラリをまとめておきます。(順不同) | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF - API/サンプル/解説 Prototype.js Documentation - まとめサイト Prototype 1.6.0へのアップグレード実例紹
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
いいね! 8 ツイート B! はてブ 256 Pocket 16 「rel=nofollow」をご存知だろうか?おそらく、このブログを読んでくださっている方の多くは、そんなの知っているという人が多いのかもしれないが、意外と!?知らない人が非常に多かったので、参考までに。 『rel=nofollow』というのは、実はただのHTMLで、リンクタグ<a>の属性です。 <a href=”https://www.web-20.net/” rel=”nofollow”> GoogleやYahoo,MSNといった大手検索エンジンはリンク属性に「rel=nofollow」がついているサイトへのリンクは、ページランク等の集計対象に含みません。 これはブログのコメント欄や、トラックバックスパムを防止するための機能で、一般的にトラックバックやコメントからのリンク属性には「rel=nofollow」がついています
個人サービスを作るコツ http://www.web-20.net/2007/05/post_54.html 個人でWebサービスを作る時に一番大変なこと http://labs.unoh.net/2007/03/komagata_1.html 個人でWebサービスを作る時のポイント(+) http://dev.chrisryu.com/2007/03/web_3.html 「在庫探偵」をリリースしたばかりですし、特に3番目の記事にインスパイアされたので記事を作成して絡んでみます(笑)。 クローン戦争には参加しない メモでアイディアを洗練する todoはテキストファイルで管理する 開発を効率化する リリースを怖がらない クローン戦争には参加しない orcutが流行ればSNS、Flickrが流行れば写真共有サイト、del.icio.usが流行ればソーシャルブックマーク、diggが流行れば
今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは,JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている,と感じることがあるからです。 現在のWebサイトでは,JavaScriptを使って使い勝手を向上することは,ごく当たり前に行われています。例えば,動的にページを書き換えたり,ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと,JavaScriptを使うことで,Webサイトをより便利に,より使いやすくすることができます。 Ajaxという言葉がはやってから,もう2年以上がたつんですよね。何年か前,JavaScriptはじゃまで,セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して,「JavaScriptをがんがん使ってもいい」という空気になったことで,Webサイトを作成す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く