MarkupDancing » ウェブ業界はどこを向いているのか・その1
フロント・ページ 河本孝之のウェブサイトです。情報セキュリティから人種差別やタイポグラフィまで、個人としての趣味や関心にかかわるページを全て列挙しています。 https://www.markupdancing.net/ 2020-08-03 14:08:18 2020-08-03 14:08:18 2024-02-19 09:13:47 MarkupDancing,MD,Takayuki Kawamoto,philsci,河本孝之 Takayuki Kawamoto, 河本孝之 philsci Chief Privacy Officer, 個人情報保護管理者, general manager at department of infromation systems, 情報システム部長 Philosophy of Science Society, Japan: 日本科学哲学会 Graduat
独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
[JS]わずか4KBの超軽量の画像ギャラリーのスクリプト -slide.js
leigeberのエントリーから、スムーズにスクロールするサムネイルから拡大画像を表示する画像ギャラリーのスクリプトを紹介します。 Dynamic Image Gallery and Slideshow デモ slide.jsはjQueryやPrototypeなど他のスクリプトに依存することなく単独で動作するスクリプトで、動作環境はIE6/IE7, FF, Opera and Safariとなっています。 サムネイルはリスト要素となっており、オプションでは「拡大画像の格納場所の指定」「拡大画像の拡張子の設定」「スピード」などを設定することができます。
Re:ユーザーの動き。
ちょっと前に書いた、ユーザーの動き。ですが、アレはただの自分専用メモだったので、自分だったらこーするかもって事と言葉足らずだった部分の補足エントリーです。 いわゆる、ユーザビリティテストっていうのに参加してきました。 目の前でターゲット層に比較的近いユーザがサイトを見ている様子を見るのは滅多にない経験だったので、非常に有用な一日でした。 年齢は、20代前後くらいで、普段から当たり前のようにネットやってる人は殆ど居なく、時々調べ事に使う程度くらいの方々が大半っていう状況での結果です。 だから、ターゲット層によっては、この結果はあんまり役に立たないかも知れないし、見事なまでに合致してる場合は、それなりに使える情報かもわかりませんね。 ロゴクリック＝トップページに戻るという認識は殆ど無い。 だから、リンクは張りませんって結論にはならないので、対策としてはやっぱりグローバルナビゲーションやロゴの近
無料アクセス解析ツール「Woopra」のダウンロード版がすごすぎる｜WEBマーケティングブログ
アクセス解析ツールを開くと、重要な情報が一目で確認できる。忙しいWEB担当者にとってこれはとても重要なことですよね。今回ご紹介する無料アクセス解析ツール「Woopra」は、そのニーズに応えてくれて、さらにどんなオンライン解析ツールよりもあらゆる情報をサクサク情報を表示できるものになっています。これは必見です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 総合的に使いやすい無料アクセス解析ツール「Woopra」 まず最初に私が感じたWoopraの良さは下記2点。 デスクトップ上で動くから軽い 解析データをダウンロードしなくて良い この2つを実現できる無料アクセス解析ツールは世界中探してもなかなか見つからないのでは？さらにSMOが重要視される今日、リアルタイムに状況が把握できるというのは強みになり
Webサイトの分割戦略
多様な分野の製品・サービスを数多く扱っている企業が Webサイトを開発する際、最初に悩まされるのは、 来訪するユーザーの種類が多岐にわたる点です。 なぜなら、 Webサイトのコンテンツやデザインの方向性を左右する 「ターゲット設定」 が難しくなるからですね。 要するに、 「誰をメインターゲットにサイト開発をすべきか」 で頭を抱えるということです。 標準的なサイト開発プロセスでは、 ターゲット設定にあたり、まずどんな種類の人々、 すなわち 「ユーザータイプ」 がサイトにやってくるかを明らかにします。 例えば、仮の事例として、 ゴルフ、テニスなどのレジャー・スポーツ施設に加えて、 結婚式場、会議場などを擁する大規模リゾートのWebサイト の場合のユーザータイプを考えてみます。 ・一般旅行客（家族中心） ・ゴルフ客 ・結婚式を挙げたいカップル ・会議開催を考えている法人客 ・旅行会社 ・その他取
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
コンテンツと内部リンク用にキーワードを適切に配分するための図表メソッド | Moz - SEOとインバウンドマーケティングの実践情報
先月から取りかかった新しい仕事では、サイトの全ページとアーキテクチャについて知っておく必要があった。そのほかに、各ページの最適化で用いるキーワードも選ぶ必要もあった。そこで私は、サイトの各ページで内部リンク、アンカーテキスト、metaタグ、本文それぞれに、一貫性を保ってキーワードを当てはめていくのに役立つ図表を作った。 内部リンク、アンカーテキストおよびキーワードの作業で一貫性が重要なことを理解するのに、以前Randが書いた記事が役に立ったわ。「検索順位の90％を決定付ける4つの要素（個人的見解だけどね）」と、「ビッグキーワード／スモールキーワードを狙うベストプラクティス」（英文）の2本。まだ読んでいない人は、読んでみることを強くお薦めする。 図解サンプルここでは、サブページが3つあるウェブサイトの最適化に取り組んでいると仮定しましょう（3ページより多くなるとPowerPointで作る図が
WEB制作のスキルに薬事法と医師法の知識は必要ではないかという提案
食品関係のショッピングサイトには細心の注意が必要となる。 ホームページ作成をする上で、最も注意しなければならないのが、法律的トラブルの回避です。 その為に契約書と規約というものを必ず設ける必要があります。 例えば、大学生の人が、アルバイトで何も考えずにホームページを受注し、相手から出された資料を元に作成したとします。 渡された資料が、既に薬事法に違反していたとします（かなり多い）。 こうした違反したページを作った場合、作成した会社と、WEB制作者に罰則が言い渡される事があります。 これを回避する為、かならずホームページ上での文章等の責任は、全て依頼元に委託する規約が絶対に求められます。 こうしたトラブル回避は、ある程度薬事法と医師法の知識さえあれば先に打開策を練る事が出来ますが、一般的WEB制作者の中には、言葉すら知らない人も居るでしょう。 今回は、こうしたWEB上での最もトラブルになりや
第44回 入力してもらえるお客様入力フォーム【後編】
【１】はユーザーの誤入力との戦いになります。入力を受け付けてから，間違ったデータをどう処理するかを決める必要があります。 【２】はプルダウンから選ばせるので，誤入力がほぼなくなります。「4月31日」などをどう防ぐか，あるいは警告をどう出すか，「年」をどこから開始するのかなど，開発者のセンスは問われます。 【３】選択肢の中に「月」や「日」を入れたものです。どちらが選びやすいか，という観点で差が出ると思います。 【４】年数を汎用的にしたものです。年の開始をどうするかなどの問題がクリアできます。2000年代を選べないので，問題を選ぶかもしれません。 【５】カレンダーで日付を選ぶというもので，誕生日といった幅の広い選択肢よりは，飛行機の搭乗日などの時に使われますし，プルダウン方式と併用して用いられる場合も多くなってきています。祭日などの情報にも注意をしなければならないので，開発にはコストがかかりま
「CMS導入でコンテンツ管理が楽に」は大間違い！ 意外と知らないコンテンツ管理業務の真実 | 落とし穴だらけ！CMS都市伝説
落とし穴だらけ！CMS都市伝説 第二回 「CMS導入でコンテンツ管理が楽に」は大間違い！ 意外と知らないコンテンツ管理業務の真実 CMS（コンテンツ管理システム）を導入する前に、コンテンツ管理業務が抱える課題を正確に認識すること、その課題解決のどの部分にCMSが利用できるのかの理解は必須だ。とはいえ、誤りを含むコンテンツを公開してしまったり、更新の納期が守れなかったりと、悩みを抱えているWeb担当者はとても多く、その原因を正確に理解しているWeb担当者と出会うことは少ない。なぜこうしたことが起きるのか、今回は、中規模サイトのコンテンツ管理業務が一般的にかかえる課題から探ってみよう。 石村 雅賜（株式会社ビジネス・アーキテクツ） ウェブサイトの重要性が増し コンテンツを充実させるのが課題にウェブサイトの重要性が増すにしたがい、ほとんどの企業ウェブサイトでは、コンテンツ量が増加する一方で、コン
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
新規サイト制作セット（CSSライブラリ＋基本フォルダ構造＋HTMLテンプレート）、一式zipでダウンロードできるようにしました
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
ホームページ制作の限界 - EC studio 社長ブログ
2000年にEC studioを創業してから7年間WEB業界に どっぷり浸かっています。その中で自分なりに考察した 「ホームページ制作」の現状と今後について書きます。 ■本当にいいホームページとは ●本当にいいホームページとはどんなホームページなのでしょうか。 私は「機能性＋デザイン」だと考えています。 機能性とデザインのどちらも大切ですが、比重で言うと 機能性≧デザインです。機能性ありきです。 ホームページで言う機能性は、導線がわかりやすく 購入（目的）ページまでの誘導率が高いことです。 つまりネットショップであれば売れるホームページであるということです。 ●ホームページは作って終わりではない 今までホームページがなく、とりあえず形になったから それでOKという自己満足的ホームページであれば いいと思いますが、多くの場合はそうではないと思います。 ホームページは完成した瞬間からがスタート
第6回 サイト価値を最大化するためのトップページ設計術?4パターンの訪問者を想定して作る|Web担当者Forum
第6回 サイト価値を最大化するためのトップページ設計術 ～4パターンの訪問者を想定して作るトップページデザイン 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） トップページ設計において考慮すべき 4つのユーザー利用シーントップページの設計やデザインは、ウェブサイトの構築を行ううえで、最も難しいポイントの1つだろう。構成するコンテンツの多さに加え、さまざまな制約やこだわりなどによって、四苦八苦したことのある方も多いのではないだろうか。 そんなときに重要なのは
CodeZine：携帯シミュレータ入門（開発ツール, まとめ）
はじめに 携帯サイトは、PCのWebブラウザではテストできません。携帯のWebブラウザにはさまざまな機種依存仕様があるからです。マークアップ言語の違い（HTML/HDML）絵文字表示可能な画像形式（gif/png/jpg、カラー/モノクロ、色数、サイズ）受信サイズアクセスキー これらは携帯の実機でテストする必要がありますが、開発中に携帯の実機でテストをするのは大変です。実機ではソースを見ることもできませんし、経費もかかります。 そこで携帯シミュレータの出番です。すべての機種依存仕様を正確にシミュレートできるわけではありませんが、上記のうち、1. 、2. 、5. をテストすることができます。本稿では、携帯サイトの開発に必須となる携帯シミュレータの紹介と、使用上のポイントを説明します。対象読者 携帯向けWebサイトの開発者必要な環境 Windows 2000/XP携帯シミュレータ一覧 携帯シ
Webアプリケーションを作る前に知るべき10の脆弱性 ― ＠IT
Webアプリケーションが攻撃者に付け込まれる脆弱性の多くは、設計者や開発者のレベルで排除することができます。実装に忙しい方も、最近よく狙われる脆弱性のトップ10を知ることで手っ取り早く概要を知り、開発の際にその存在を意識してセキュアなWebアプリケーションにしていただければ幸いです。 Webの世界を脅かす脆弱性を順位付け OWASP（Open Web Application Security Project）は、主にWebアプリケーションのセキュリティ向上を目的としたコミュニティで、そこでの調査や開発の成果物を誰でも利用できるように公開しています。 その中の「OWASP Top Ten Project」というプロジェクトでは、年に1回Webアプリケーションの脆弱性トップ10を掲載しています。2004年版は日本語を含む各国語版が提供されていますが、2007年版は現在のところ英語版のみが提供さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あの企業のロゴに使用されているようなフォント集 | コリス
納期が3倍に延びたプロジェクトの8つの秘訣 | Webデザインのタネ
ソシオメディア | UIデザインパターン
